@import "reset.css";
@import "default.css";
@import "navigation.css";

/*basis wrappers en containers*/ 
body, html      { height: 100%; padding:0; margin: 0; width: 100%; background: #f3f3f4; font-family: Arial, sans-serif; font-size: 11px;}

div#basis                           { margin: 0 auto; height: auto !important; min-height: 100%; background-color: #f3f3f4; position:absolute; left:50%; margin-left:-400px; width: 800px; overflow: visible;  }

div#basis div#header                { height:371px; position: absolute; top: 0; width: 100%; z-index: 2;}
div#basis div#header img#pageheader { position: relative; top: 0;  float:left; }
div#basis div#header div#logo       { height:118px; width:126px; background-image:url(../img/logo-nkwielrennen.png); position:absolute; right:130px; top:15px;  cursor: pointer;}
div#basis div#header div#logo a     { height:100%; width:100%; display:block;}
div#basis div#header div#logo2      { height:100px; width:100px; background-image:url(../img/logo-knwu.png); position:absolute; right:15px; top:15px;  cursor: pointer;}
div#basis div#header div#logo2 a    { height:100%; width:100%; display:block;}


div#basis div#header_small                  { height:150px; position: absolute; top: 0; width: 100%; z-index: 1; left: -40px;  }
div#basis div#header_small img#pageheader   { position: relative; z-index: 1;}
div#basis div#header_small div#logo         { height:118px; width:126px; background-image:url(../img/logo-nkwielrennen.png); position:absolute; right:175px; top:15px;  cursor: pointer; z-index: 4;}
div#basis div#header_small div#logo a       { height:100%; width:100%; display:block;}   
div#basis div#header_small div#logo2        { height:100px; width:100px; background-image:url(../img/logo-knwu.png); position:absolute; right:15px; top:5px; cursor: pointer; z-index: 3; }
div#basis div#header_small div#logo2 a      { height:100%; width:100%; display:block;}


/*********** plaatsing van elementen in tpl.overig.php *************/ 
div#ctright_overig                          { position:absolute; width:615px; right:20px; float: right; margin-top:-220px; z-index: 999;  } 
div#ctright_overig div#pane1                { position:relative; width:615px; color:#FFFFFF; font-size:11px; float:right; background-image:url(../img/toppane-vervolg.png); background-repeat: no-repeat; margin-top: -25px; z-index: 998;}
div#ctright_overig div#pane1 div#txt1       { position:relative; color:#000000; font-size: 11px; top:10px; width:410px; float:left; padding-left:15px; padding-right:10px; line-height: 18px; z-index: 997; min-height:100px}
div#ctright_overig div#pane1 div#txt1 h1    { position:relative; color:#005baa; font-size: 22px; line-height:44px; font-weight: bold; text-decoration:none; width:420px; float:left; }      
div#ctright_overig div#mobiel               { position:relative; height: 60px; width:173px; background-image:url(../img/head_oranje.png); background-repeat:no-repeat; padding-top:7px; text-align:center; float:right; left:-3px; }
div#ctright_overig div#mobiel h2,h4         { font-weight: bolder; }
div#ctright_overig div#nieuwsitems          { position:relative; height:170px; width:165px; background-image:url(../img/head_halfblauw.png); background-repeat:no-repeat; padding:3px; float: right; right:5px; line-height: 11px;}
/*********** einde plaatsing van elementen in tpl.overig.php *************/

div#inner                           { padding-top: 371px; overflow: visible; position: relative; width: 770px; float: right; left:20px; background-image:url(../img/shadow.jpg); background-repeat:repeat-y; line-height:18px; padding-left:10px; z-index: 1; }
div#inner h1                        { color:#FFFFFF; font-size: 22px; font-weight: bold; text-decoration:none; display: block; }
                                    
div#inner div#ctleft                { position:relative; width: 135px; float: left; text-align: center; padding-top: 5px; color:#d9d9d9; top:-221px;}
div#inner div#ctleft a              { color:#d9d9d9; text-decoration: none;}
div#inner div#ctright               { position:relative; width: 615px; right:20px; float: right; margin-top:20px; }
/*einde basis wrappers en containers*/

div#header div#pane1                   { position:relative; height:240px; width:615px; color:#ffffff; font-size:11px; float:right; top:-227px; }
div#header div#pane1 h1                { color:#FFFFFF; font-size: 22px; font-weight: bold; text-decoration:none; border-bottom: 1px dashed #FFFFFF; text-indent: 5px; width:145px;}
div#header .nieuwsoverlay              { position:absolute; height:193px; width:285px; left:140px; top:0px; }
div#header div#nieuws                  { position:relative; height:232px; width:430px; /*background-image:url(../img/head_block1.png);*/ background-repeat:no-repeat; }
div#header div#nieuws div#nieuwstxt    { position:relative; width:150px; height:232px; font-size:11px; padding:3px; overflow:hidden; background-image:url(../img/newstxt_bg.png); background-repeat:no-repeat;}
div#header div#nieuws div#nieuwstxt p  { margin-top:6px; width:142px;}
div#header div#nieuws div#nieuwstxt h1 { font-size:14px; text-indent: 0px; line-height: 18px; padding-bottom: 3px; }
div#header div#mobiel                  { position:relative; height: 60px; width:173px; background-image:url(../img/head_oranje.png); background-repeat:no-repeat; left:440px; top:-232px; padding-top:7px;  text-align:center; }
div#header div#mobiel h2,h4            { font-weight: bolder; }
div#header div#nieuwsitems             { position:relative; height:170px; width:165px; background-image:url(../img/head_halfblauw.png); background-repeat:no-repeat; left:440px; top:-238px; padding:3px; }
/*einde pane 1*/

div#pane2                   { position:relative; height:250px; width:605px; color:#000000; font-size: 11px; background-image:url(../img/bodypane2.png); background-repeat: repeat-x; background-color: #FFFFFF; background-position: bottom; padding-right: 10px;  }
div#pane2 h1                { position:relative; color:#005baa; font-size: 22px; font-weight: bold; width:100%; float:left; line-height:44px;}
div#pane2 div#pane2txt      { position:relative; height:244px; width:435px; color:#000000; overflow-y:auto; overflow-x: hidden; }
div#pane2 div.pictures      { position:relative; height:200px; width:160px; color:#FFFFFF; float:left; }
div#pane2 div.pictures img  { position:relative; left:10px; padding-top:5px; width:130px; height:235px; }
/*einde pane 2*/

div#pane2-1                   { position:relative; height:250px; width:605px; color:#000000; font-size: 11px; background-image:url(../img/bodypane2-1.png); background-repeat: repeat-x; background-color: #FFFFFF; background-position: bottom; padding-right: 10px; margin-top:10px; }
div#pane2-1 h1                { position:relative; color:#005baa; font-size: 22px; font-weight: bold; width:100%; float:left; line-height:44px;}
div#pane2-1 div#pane2-1txt      { position:relative; height:244px; width:435px; color:#000000; overflow-y:auto; overflow-x: hidden; }
div#pane2-1 div.pictures      { position:relative; height:200px; width:160px; color:#FFFFFF; float:left; }
div#pane2-1 div.pictures img  { position:relative; left:10px; padding-top:5px; width:130px; height:235px; }
/*einde pane 2*/

div#pane2-2                   { position:relative; height:250px; width:605px; color:#000000; font-size: 11px; background-image:url(../img/bodypane2-2.png); background-repeat: repeat-x; background-color: #FFFFFF; background-position: bottom; padding-right: 10px; margin-top:10px; }
div#pane2-2 h1                { position:relative; color:#005baa; font-size: 22px; font-weight: bold; width:100%; float:left; line-height:44px;}
div#pane2-2 div#pane2-2txt      { position:relative; height:244px; width:435px; color:#000000; overflow-y:auto; overflow-x: hidden; }
div#pane2-2 div.pictures      { position:relative; height:200px; width:160px; color:#FFFFFF; float:left; }
div#pane2-2 div.pictures img  { position:relative; left:10px; padding-top:5px; width:130px; height:235px; }
/*einde pane 2*/



div#pane3                   { position:relative; width:612px; top:10px; color:#000000; font-size:11px; background:#ffffff; padding-right: 3px;}
div#pane3 h1                { position:relative; color:#f57f22; font-size: 22px; line-height:44px; font-weight: bold; text-decoration:none; padding-top:10px; width:300px;}
div#pane3 div#youtube       { position:relative; height:180px; width:250px; color:#FFFFFF; font-size: 9px; background:#ffffff; float:right; padding:5px; top:30px;}
/*einde pane 3*/

div#pane2-3                 { position:relative; color:#000000; font-size: 11px; float:left; background-image:url(../img/toppane-vervolg2.png); background-repeat: no-repeat; padding:10px 15px 10px 15px; min-height:500px; top:25px; }
div#pane2-3 div#txt2        { width:410px; }
div#pane2-3 h1              { position:relative; color:#005baa; font-size: 22px; line-height:44px; font-weight: bold; text-decoration:none; width:100%; float:left; }      
/*einde pane 2-3*/        

img.pics1                   { position:absolute; width:168px; right:8px; top:215px;} 
img.pics2                   { position:absolute; width:168px; right:8px; top:465px;}  
                            
div#pane4                   { position:relative; width:615px; color:#000000; font-size: 11px; background:#ffffff; margin-top:20px; float:right;}
div#pane4 div#pane4txt      { width:275px; float:left; }
div#pane4 div#pane4txt h1   { color:#005baa; font-size: 22px; line-height:44px; font-weight: bold; text-decoration:none; width:100%; float:left;}
div#pane4 div#ticker        { position:relative; height:140px; width:165px; color:#000358; font-size: 11px; background-image:url(../img/bodypane3_ticker.png); background-repeat:no-repeat; float:right; padding:3px; left:10px; font-weight: bold; display: none; }
div#pane4 div#ticker img    { margin-left:12px; margin-top:6px; }
div#pane4 div#ticker p      { margin-left:-18px; margin-top:6px; text-align: center; }    
div#pane4 div#ticker a      { color:#000358; }    
/*div#pane4 div#ticker h1     { color:#ffffff; font-size: 22px; font-weight: bold; text-decoration:none; border-bottom: 1px dashed #ffffff; text-indent: 5px; padding-top:5px; width:140px; float:left;}*/
div#pane4 div#singlepic     { position:relative; height:140px; width:165px; color:#FFFFFF; font-size: 11px; background-image:url(../img/bodypane3_blauw.png); background-repeat:no-repeat;  float:left;}
div#pane4 div#singlepic img { position:relative; left:12px; padding-top:10px; width:130px; height:117px; }
/*einde pane 4*/                
                          
div#footer      { position:relative; height: 50px; background: #ffffff;  width: 615px; float: left; background-image:url(../img/footer.png); background-repeat:no-repeat; }
div#footer a    { color:#000;}
#inner_footer   { position:relative; display: block; width: 560px; float: left; font-size: 11px; text-align: center; left:30px; top:12px;}
#inner_footer div#ourlogo { position:relative; top:2px; background-image:url(./img/logo-jaarsma-deboer.png);}    

/*einde footer*/

#subSponsors{
  margin: 0;
  padding: 0;
}

#subSponsors li{
  list-style: none;
  padding: 5px 0;
}

#subSponsorsWrapper{
  height: 550px;
  overflow: hidden;
}


body.sponsors #footer { margin-top:270px; }
#mobiel h4 { font-size: 1.2em; }