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

/******* GLOBALS *******/
body, html  { height: 100%; padding:0; margin: 0; width: 100%; background: #ffffff; color:#000; font-family: Arial, Helvetica, sans-serif; font-size: 12px;}
h1          { font-size:30px; line-height: 33px; width:420px; font-weight: bolder;}    
h2          { font-size:18px; line-height: 25px; font-weight: lighter; width:420px; } 
#basis      { margin: 0 auto; height: auto !important; min-height: 100%; background: #ffffff; position:relative; width: 100%; overflow: visible;  }
input#dealers    { border:1px solid #000; color:#000; height:18px;}
input#zoek       { border:1px solid #000; color:#fff; height:18px;}
a           { color:#000; font-family: Arial, Helvetica, sans-serif;}
/*** END OF GLOBALS ***/

#header       { height: 85px; background-color:#c8dc58; position: absolute; top: 0; width: 100%; z-index:12;}
#inner_header { display:block; width:800px; padding-left:100px; height: 85px; margin: 0 auto; }
#greenline    { position: absolute; background-color:#00a651; height:10px; top:100px; width:100%; z-index:12; }

#logo         { position:relative; background-image:url(../img/logo.gif); height:99px; width:150px; left:-90px; top:50px;}
#logo a       { display:block; width: 100%; height: 100%;}
#hook         { position:relative; height:33px; width:150px; left:-90px; top:50px; background-image:url(../img/hook.gif); text-align: center;}
#hook2        { position:relative; height:33px; width:150px; left:-90px; top:50px; background-image:url(../img/hook2.jpg); text-align: center;}
                                                                                
#inner        { height:100%; min-height:100%; overflow: visible; position: absolute; background-color: #e7f0bc; width: 900px; left:50%; margin-left:-500px;/*margin: 0 auto;*/ background-image:url(../img/inner_gray.jpg); background-repeat: repeat-y; background-position: left; }
#plaat        { position:relative; margin-top:85px; height:450px; width:800px; background:url(../img/hoofd_plaat.jpg) no-repeat; float:right; }
#plaat2       { position:relative; margin-top:85px; height:450px; width:800px; float:right; background-color:#f5f3f4; }
#textblok     { height: 415px; width:300px; float:left; padding-left:110px; padding-top:50px; font-size:11px; line-height: 16px; margin-left:-10px;}
#textblok h1  { font-size:20px; line-height: 25px; font-weight: bolder; width:300px; } 
#textblok a   { font-size:16px; line-height: 20px; font-weight: lighter; width:300px; } 
#smallpix     { height: 435px; width:375px; float:right; }

#smallpix img { height: 435px; width:375px; float:left; margin-top:15px; }
/*#smallpix h2  { font-size:18px; line-height: 25px; font-weight: lighter; width: 200px;}    */

#ctleft       { position:relative; width: 430px; float: left; left:110px; color:#000000; padding:10px; font-family:Arial,Helvetica,sans-serif; }
#txtleft      { position:relative; width: 430px; float: left; color:#000000; padding:10px; font-family:Arial,Helvetica,sans-serif;}
#txtleft a    { font-size:16px; line-height: 20px; font-weight: lighter; width:300px; } 
#ctright      { position:relative; width: 300px; /*height: 600px;*/ float: right; display: inline; color:#000000; margin-top:-410px; left:30px;/*background-image:url(../img/schoenen.png); background-repeat: no-repeat; background-position: right top;*/}

#footer       { position:relative; height: 25px; width: 100%; top:675px; background-color:#c8dc58; padding-top:7px;}
#inner_footer { position:absolute; width: 800px; left:50%; margin-left:-450px; color:black; font-size: 11px; padding-left:80px; }

.maps_info h2 {
    font-weight:bold;
    width: 200px;
}

.home #ctright {
    width: 336px;
}

.home #footer {
    top: 710px;
}