/***** STANDARDS *****/
body 	             {background: url('../images/background.gif') repeat-x;}     
#doc2 	             {overflow: hidden; width: 998px; margin-top: 0px; background: none; font-family: Arial; font-size: 12px; color: #000000;}
input                {padding-top: 2px;}
input.text           {width: 175px; border: solid 1px #E3E3E3; border-left-color: #C0C0C0; border-top-color: #C0C0C0; color: #0054A6; height: 17px; font-size: 12px;}
textarea             {width: 175px; border: solid 1px #E3E3E3; border-left-color: #C0C0C0; border-top-color: #C0C0C0; color: #0054A6; margin: 0px; padding: 0px; font-size: 12px;}
select               {margin-left: 0px; font-family: verdana; font-size: 11px; z-index: 0; color: #000000; *margin-top: 1px;}
a                    {text-decoration: none; color: #F53E45;}
a:hover		     {text-decoration: underline;}
h1                   {font-weight: bold;}

/***** HEADER *****/
#hd		             {width: 998px; height: 137px; background: url('../images/header.jpg') no-repeat; overflow: hidden;}
#hd-menu             {width: auto; float: right; margin-top: 14px; margin-right: -16px; overflow: hidden;}
.hd-menu-item        {width: 115px; height: 48px; margin-right: 16px; color: #FFFFFF; text-decoration: none; cursor: pointer; float: left; display: inline;}
.hd-menu-item div    {width: 114px; height: 20px; margin-top: 17px; font-size: 14px; text-align: center;}
.hd-menu-item-sel    {background: url('../images/header_menu_sel.gif') no-repeat; color: #3E95CD;}
.hd-menu-item div:hover {color: #003358;} 
#hd-banner	     {width: 250px; height: 61px; margin-left: 740px; margin-top: 6px; float: left; display: inline;}

/***** BODY *****/
#bd 		         {width: 998px; height: 525px; margin-top: 10px; float: left;}
#bd-left             {width: 739px; height: 525px; float: left; display: inline;}
#bd-left-text        {width: 732px; height: 478px; background-color: white; border: solid 1px #CFCFCF;}
#bd-left-text p      { line-height: 20px;}
#bd-left-text-hd     {width: 732px; height: 80px; background: url('../images/text_head.gif') no-repeat; overflow: hidden;}
#bd-left-text-hd img {margin-top: 15px; margin-right: 10px; float: left; display: inline;}
#bd-left-text-hd div {width: 560px; margin-left: 10px; margin-top: 15px; float: left; display: inline; font-size: 21px; font-weight: bold; color: #00A651; font-weight: bold;}
#bd-left-text-bd     {width: 712px; height: 378px; margin-left: 10px; margin-top: 10px; background: #FFFFFF; overflow-y: auto; line-height: 18px; float: left; display: inline;}
#bd-right            {width: 259px; height: 525px; float: left; display: inline; overflow: hidden;}

/***** FOOTER *****/
#ft                  {width: 998px; height: 25px; border-top: solid 1px #CFCFCF; margin-top: 3px; color: #4B4B4B; font-size: 12px;}
.ft-item             {width: 100px; height: 25px; border-right: solid 1px #CFCFCF; float: left; display: inline; overflow: hidden;}
.ft-item div         {margin-top: 8px; text-align: center; color: #787878; text-decoration: none;}
.ft-item div:hover   {color: #3E95CD;}
.ft-home             {float: right;}
.ft-home img         {margin-top: 8px;}

/***** LAYOUT *****/

/* usable banner blocks (frontpage,subpage) */
#banner-flash        {width: 732px; height: 254px; overflow: hidden; border: solid 1px #CFCFCF;}
#banner-info         {width: 260px; height: 256px; background: url('../images/banner_info.jpg') no-repeat; overflow: hidden;} 
#banner-info-link    {width: 210px; height: 33px; margin-top: 173px; margin-left: 22px; cursor: pointer;}
#banner-contact      {width: 259px; height: 480px; background: url('../images/banner_contact.jpg') no-repeat; overflow: hidden;}
#banner-contact-text {width: 239px; height: 224px; margin-left: 10px; margin-top: 75px;}
#banner-contact-route{width: 242px; height: 164px; margin-left: 5px; margin-top: 4px;  background: url('../images/route.gif') no-repeat; overflow: hidden;}
#banner-youtube      {width: 259px; height: 219px; margin-top: 5px; background: url('../images/banner_youtube.jpg') no-repeat; cursor: pointer;}
.banner-block        {width: 241px; height: 250px; margin-top: 5px; margin-right: 5px; float: left; display: inline; }
.banner-block img    {margin-top: 166px;}
.banner-block1       {background: url('../images/banner_block1.jpg') no-repeat;}
.banner-block2       {background: url('../images/banner_block2.jpg') no-repeat;}
.banner-block3       {background: url('../images/banner_block3.jpg') no-repeat;}
 
/* calculator */
#calculator          {width: 170px; height: 172px; background: url('../images/calculator.gif') no-repeat; float: left; display: inline; overflow: hidden;} 
#calculator-output   {width: 120px; margin-left: 23px; margin-top: 42px; border: none; font-weight: bold; font-size: 16px;}
#calculator-input    {width: 39px; margin-left: 104px; margin-top: 25px; border: none; font-weight: bold; font-size: 14px;} 
#calculator-button   {width: 143px; height: 23px; margin-top: 19px; margin-left: 12px;}

/* order/deelname pagina */
#order-status           {width: 680px; height: 70px; background: url('../images/order_status_bg.gif') no-repeat; overflow: hidden;}
#order-status-text      {width: 650px; height: 20px; color: #AAA694; margin-left: 18px; margin-top: 8px; overflow: hidden;}
#order-status-text div  {width: auto;  height: 20px; float: left; display: inline;}
#order-status-meter     {width: 650px; height: 30px; margin-left: 18px;}
#order-form             {width: 680px; height: 290px; background: url('../images/order_form_bg.gif') no-repeat; color: #2E5184; overflow: hidden; margin-top: 15px;}
#order-form-content     {width: 674px; height: 233px; margin-left: 6px; margin-top: 6px; overflow: hidden;}
#order-form-buttons     {width: 668px; height: 40px; margin-left: 6px;}
.order-status-active    {color: #6A9416; text-decoration: underline;}
input.cal               {width: 85px; background: url('../images/ico_calendar.gif') no-repeat; background-position: right; cursor: pointer;}

/* common */
.clear               {clear: both;} 
.txt-bold            {font-weight: bold;}
.txt-italic          {font-style: italic;}
.txt-underline       {text-decoration: underline;}
.txt-link	     {color: #787878;}
.txt-link:hover      {color: #3E95CD;}
.txt-small           {font-size: 9px;}
.txt-green           {color: #F7844D;}

/* forms grid */
.cell,.cell-25,.cell-50,.cell-75,.cell-100,.cell-125,.cell-150,.cell-175,.cell-200,.cell-250,.cell-300,.cell-350,.cell-400,.cell-500,.cell-600 {float: left; display: inline; height: 25px; line-height: 18px;}
.cell-25        {width: 25px;}
.cell-50        {width: 50px;}
.cell-75        {width: 75px;}
.cell-100       {width: 100px;}
.cell-125       {width: 125px;}
.cell-150       {width: 150px;}
.cell-175       {width: 175px;}
.cell-200       {width: 200px;}
.cell-250       {width: 250px;}
.cell-300       {width: 300px;}
.cell-325       {width: 325px;}
.cell-350       {width: 350px;}
.cell-400       {width: 400px;}
.cell-500       {width: 500px;}    
.cell-600       {width: 600px;}
.cell-700       {width: 700px;}
.autoheight     {height: auto;}
.pointer        {cursor: pointer;}
.float-right    {float: right;}