/*----- Main Stylesheet ----------------------------------------------------// // // // Rightfull Owner and Copyright by Gatze van der Meer // // Design and devellopment by Hylke Hendriksen, http://www.hyhend.net // // Version 1.0 // // // // Both site and content Copyright © Gatze van der Meer 2007-2008 // // unless explicitly stated otherwise. Redistribution of any kind without // // a prior written authorisation from the copyright owner is prohibited. // // // //--------------------------------------------------------------------------*/ body{ padding:0; margin:0; background:#333333; font-family: Verdana, Arial, Helvetica, sans-serif; font-size:13px; color:#999999; } body a{color:#FFFFFF; text-decoration:none;} body a:hover{color:#AAAAAA; text-decoration:underline;} #wrapper{ position:relative; width:752px; margin:0 auto; top:70px;} #row_top{ position:relative; float:left; height: 212px; width:717px;} #row_content{ position:relative; float:left; width:717px; padding-top:6px;} #column_left{ position:relative; float:left; width:225px; top:5px;} #column_right{ position:relative; float:left; width:472px; padding:0; margin:0 0 5px 20px;} #column_left_content{ position:relative; float:left; width:213px; padding:0 5px 5px 5px; border:1px solid #666666; top:11px;} #header{ position:relative; float:left; width:205px; padding:10px; height:186px; background:#FFB300; background-image:url(gcvandermeertransport_logo.png); background-position:center; background-repeat:no-repeat;} .latestnews{ position:relative; float:left; width:248px; padding:9px 0 2px 0; border-top:1px solid #666666;} .column_left_picturebox{ position:relative; float:left; background:#FFB300; width:45px; height:45px; margin:0; padding:0;} .column_left_picturebox a img{ position:relative; float:left; filter:alpha(opacity=50); opacity:.5; border:0; width:45px; height:45px;} .column_left_picturebox a:hover img{ filter:alpha(opacity=100); opacity:1;} .wrapper_collumn_right{ position:relative; float:left; width:460px; padding:5px; border:1px solid #666666; margin:4px 0 0 0;} .wrapper_line{ position:relative; float:right; padding:0 0 5px 0; margin:0; border-bottom:1px solid #FFB300;} #picture_navigation{ position:relative; float:left; width:460px; height:196px; background-image:url(/pictures/header/truck.jpg);} #navigation{ position:relative; float:left; width:130px; border:1px solid #666666; filter:alpha(opacity=80); opacity:.8; background:#222222;} #footer{ position:relative; float:left; width:717px; height:40px; margin:5px 0 0 0; font-size:10px; color:#444444;} #footer a{ color:#444444; text-decoration:underline;} #footer a:hover{ color:#000000; text-decoration:none;} #bottom_spacer{ position:relative; float:left; width:717px; height:60px;} #footerleft{ position:relative; float:left; width:225px; height:40px; background:#FFB300; margin:0 0 0 0;} #footerright{ position:relative; float:right; width:460px; height:24px; background:#FFB300; margin:0 0 0 0; padding:13px 6px 3px 6px;} #navigation ul{ padding:0; margin:0; list-style:none; position:relative; float:left; width:120px;} #navigation li{ padding:0; margin:0; list-style:none; position:relative; float:left; width:120px;} #navigation a{ position:relative; float:left; width:115px; height:28px; border-bottom:1px solid #666666; text-decoration:none; color:#AAAAAA; font-size:15px; padding:10px 0 0 15px; background:#222222;} #navigation a:hover{ background-image:url(navigation_hover.gif); color:#EEEEEE;} .picturediv a img{ position:relative; float:left; padding:1px; margin:1px; border:1px solid #666666; filter:alpha(opacity=100); opacity:1; width:84px; height:69px;} .picturediv a:hover img{ border:1px solid #000000; filter:alpha(opacity=80); opacity:.8;} #pagechooser{ position:relative; float:left; width:470px; border:1px solid #666666; margin:4px 0 0 0;} .pagetab a{ position:relative; float:left; height:18px; border-right:1px solid #666666; color:#999999; text-decoration:none; padding:2px 10px 0 10px;} .pagetab a:hover{ background:#666666; color:#DDDDDD; text-decoration:none;} .pagerow a{ position:relative; float:left; height:18px; border-top:1px solid #666666; color:#999999; text-decoration:none; padding:2px 10px 0 10px; width:450px;} .pagerow a:hover{ background:#666666; color:#DDDDDD; text-decoration:none;} #materieel ul{ padding:0; margin:10px 0 0 0; list-style:none; position:relative; float:left; width:460px; } #materieel li{ margin:5px 0 0 0; list-style:none; position:relative; float:left; width:460px; border-top:1px solid #666666; padding:0;} .materieel_content{ position:relative; float:left; width:390px; height:65px; margin:0; padding:0;} .materieel_picture{ position:relative; float:left; width:65px; height:65px; padding:4px 5px 0 0; margin:0;} .materieel_picture img{width:65px; height:65px;} #materieel_specificaties{ position:relative; float:left; width:460px;} #materieel_specificaties td{ position:relative; float:left; border:0; width:227px; padding:0 0 2px 0; border-bottom:1px solid #555555;} h1{ padding:0 0 1px 0; margin:0 0 1px 0; position:relative; float:left; width:460px; color:#FFB300; font-size:13px; letter-spacing:2px; font-weight:lighter; border-bottom:1px solid #555555;} h2{ padding:0 0 1px 0; margin:5px 0 1px 0; position:relative; float:left; width:213px; border-bottom:1px solid #555555;} h2 a{ padding:0 0 1px 0; margin:0; position:relative; float:left; width:213px; text-decoration:none; color:#FFB300; font-size:12px; letter-spacing:1px; font-weight:lighter;} h2 a:hover{ color:#FFFFFF; text-decoration:none;} h3{ padding:0 0 1px 0; margin:5px 0 0 0; position:relative; float:left; width:460px; color:#FFB300; font-size:12px; letter-spacing:2px; font-weight:lighter; border-bottom:0;} h4{ padding:0; margin:0;} h4 a{ padding:0 0 1px 0; margin:5px 0 0 0; position:relative; float:left; width:385px; color:#FFB300; font-size:11px; letter-spacing:2px; font-weight:lighter; border-bottom:0; text-decoration:none;} h4 a:hover{ color:#FFFFFF; text-decoration:none;} #languish_chooser{ position:absolute; top:0; left:0; height:30px; width:100%;} #languish_chooser a{ position:relative; float:left; margin:10px 10px 4px 10px; padding:0 0 0 25px; color:#999999; filter:alpha(opacity=60); opacity:.6;} #languish_chooser a:hover{ color:#FFFFFF; filter:alpha(opacity=100); opacity:1;}