/*----------------------------------------------------------------------------- Drukkerij Gianotten Screen Stylesheet version:1.0 date:21/10/07 author:Maykel Swaans email:maykel@eyeworx-am.nl website:www.drukkerijgianotten.nl -----------------------------------------------------------------------------*/ /* Remove margin, padding and border from everything -----------------------------------------------------------------------------*/ *{margin:0;padding:0;border:0;}
/* Set up the document -----------------------------------------------------------------------------*/ #oDiv{margin:0px auto;min-height:100%;position:relative;width:100%;overflow:hidden;display:block;}
html{height:100%;}
body{height:100%;font-family:arial;font-size:11px;color:#000;behavior:url("csshover.htc");}
#cleardiv{clear:both;height:35px;}
.articlebody{background:#fff;}
/* Typography -----------------------------------------------------------------------------*/ h1{font-size:16pt;color:#000;font-weight:normal;}
h2{font-size:16pt;color:#797979;font-weight:normal;}
h3{font-size:16pt;color:white;font-weight:normal;}
p{font-size:11px;}
a, a:link, a:active, a:visited{text-decoration:none;color:#606060;font-weight:bold;}
a:hover{text-decoration:underline;color:#000;font-weight:bold;}
li.articlebody{list-style-image:url(getfile.php?id=32);margin-left:20px;}
#content ol{list-style:decimal;margin-left:20px;}
#content li{list-style-position:outside;list-style-type:inherit;margin-left:20px;}
/* Header -----------------------------------------------------------------------------*/ #header{position:relative;height:320px;background:url(getfile.php?id=18) repeat-x #fff 0px 293px;}
#rauw{position:absolute;top:0px;left:0px;z-index:9000;}
#logo{position:absolute;height:87px;width:104px;left:15px;top:10px;}
#header #topnav{height:32px;right:25px;top:5px;width:350px;text-align:right;}
#language{position:absolute;left:780px;top:5px;font-family:arial;font-size:10px;}
#button{position:absolute;left:870px;width:62px;height:15px;top:5px;z-index:150;}
/* Navigation -----------------------------------------------------------------------------*/ #menu ul{list-style:none;float:left;margin:0;padding:0;filter:alpha(opacity=90);-moz-opacity:0.9;opacity:0.9;}
#menu li{display:inline;float:left;position:relative;}
#menu ul ul{background:#E5E5E5;color:#ffffff;position:absolute;top:100%;left:0;border-top:1px solid white;width:170px;}
#menu ul ul ul{background:#ffdfa4;color:#ffffff;position:absolute;top:0;left:100%;border-top:1px solid white;}
#menu ul a{color:#666;text-decoration:none;display:block;padding:5px 10px;border-left:1px solid white;}
#menu ul a.first{border-left:0;}
#menu ul ul a{border-left:0;padding:5px 10px;width:150px;border-left:0;}
#menu ul ul a:hover{background:#ff0000;color:#fff;}
div#menu ul ul, div#menu ul li:hover ul ul, div#menu ul ul li:hover ul ul, div#menu ul ul ul li:hover ul ul{display:none;}
div#menu ul li:hover ul, div#menu ul ul li:hover ul, div#menu ul ul ul li:hover ul, div#menu ul ul ul ul li:hover ul{display:block;}
/* #menu ul{list-style:none;padding:0px;height:21px;float:left;margin:0px;z-index:1100;filter:alpha(opacity=90);-moz-opacity:0.9;opacity:0.9;}
#menu li{position:relative;}
#menu ul ul{position:absolute;z-index:1300;width:160px;height:auto;color:#fff;background:#E5E5E5;margin:0px;padding:0px;}
#menu ul ul ul{position:absolute;top:0px;left:100%;border:0px;background:#ffdfa4;}
#menu ul ul ul ul{position:absolute;top:0px;left:100%;border:0px;background:#ffdfa4;}
#menu ul ul ul ul ul{position:absolute;top:0px;left:100%;border:0px;font-weight:normal;border-bottom:0px;background:#ffdfa4;}
#menu ul a.first{background:none;color:#666;text-decoration:none;font:11px Arial, Helvetica, sans-serif;margin:0;padding:0 15px;border-left:0px solid #666;height:16px;}
#menu ul a{color:#666;text-decoration:none;font:11px Arial, Helvetica, sans-serif;height:16px;margin:0;padding:0 15px;border-left:1px solid #666;}
#menu ul ul a{background:none;color:#666;padding:2px 5px;border-left:0px;display:block;}
#menu ul ul a:hover{background:#ff0000;color:#fff;}
#menu ul a:hover{color:#ff0000;}
#menu ul a.first:hover{color:#ff0000;}
div#menu ul ul, div#menu ul li:hover ul ul, div#menu ul ul li:hover ul ul, div#menu ul ul ul li:hover ul ul{display:none;}
div#menu ul li:hover ul, div#menu ul ul li:hover ul, div#menu ul ul ul li:hover ul, div#menu ul ul ul ul li:hover ul{display:block;}
*/ /*treemenu -----------------------------------------------------------------------------*/ #treemenu a{text-decoration:none;color:#666;}
#treemenu a:hover{text-decoration:underline;}
#treemenu{height:auto;margin-top:10px;padding:5px;background:#E5E5E5;}
#treemenu div{width:100%;background:url(getfile.php?id=633&pngjs=1);background-position:5% 50%;background-repeat:no-repeat;}
#treemenu div div{width:100%;height:15px;padding-top:3px;}
#treemenu div div a, #inhoud #treemenu div div a:hover{font-weight:normal;padding-left:30px;text-decoration:none;}
#treemenu div div:hover{font-weight:bold;height:15px;}

/* Body -----------------------------------------------------------------------------*/ #content{width:980px;margin-top:30px;}
#pannel{width:160px;float:left;margin:0px 28px 0px 6px;}
#panneltitle{font-weight:bold;padding-bottom:4px;}
#pannelvisual{padding:3px;background:#ececec;border:1px solid #757575;padding:7px;text-align:center;}
#pannelvisual img{border:1px solid #757575;}
#panneltekst{background:url(getfile.php?id=17) no-repeat top center;margin-top:5px;padding:5px 12px;height:100px;}
#pannellink{position:relative;top:0px;left:0px;text-align:right;valign:bottom;}
/* menu----------------------------------------------------------------------------*/ #menu{position:absolute;top:294px;background:#e5e5e5;float:left;padding-top:0px;width:980px;height:26px;z-index:100;font-family:arial;font-size:11px;}
/* Footer -----------------------------------------------------------------------------*/ #nonFooter{margin:0px auto;min-height:100%;position:relative;width:100%;background:url(getfile.php?id=634) repeat-x #fff;}
#nonFooter #pagebody{margin:0px auto;width:980px;}
#col2 #selector{position:absolute;top:30px;left:100px;border:1px dotted green;}
*html #nonFooter{height:100%;}
#footer{border-top:1px solid #dadada;height:23px;margin:-30px auto 0px;padding-top:5px;position:relative;width:100%;}
#centerfooter{margin:0px auto;min-height:100%;position:relative;width:980px;}
#footer #copyright{position:absolute;width:300px;height:20px;right:0px;top:3px;text-align:right;}
#footer #footermenu{position:absolute;width:500px;height:20px;left:0px;top:3px;}
#footer #footermenu a{fontweight:normal;color:black;text-decoration:none;font-size:10px;}
/* Forms -----------------------------------------------------------------------------*/ label{font-size:11px;margin:0px;height:18px;text-align:left;width:170px;float:left;padding-top:3px;}
#label2{height:12px;border:1px solid #f4f4f4;font-size:11px;width:150px;}
.textfield{height:12px;border:1px solid #f4f4f4;font-size:11px;width:150px;}
.textfield2{border:1px solid #f4f4f4;font-size:11px;width:180px;background:#e0e0e0;font-size:11px;color:black;font-weight:bold;}
.textfield3{font-size:11px;width:100px;background:#e0e0e0;font-size:11px;height:12px;border:1px solid #f4f4f4;color:red;}
.searchfield{height:16px;background:#d6d6d6;width:120px;font-family:arial;font-size:11px;padding-left:5px;}
input.textfield, textarea.textfield{padding:2px;border:1px solid #999;margin:2px;width:170px;}
select.textfield{border:1px solid #999999;height:17px;margin:0px;padding:0px;width:100px;display:inline;font-size:10px;}
select.textfieldextra{border:1px solid #999999;height:17px;padding:0px;width:150px;display:inline;font-size:10px;float:right;margin-right:30px;}
input.radiobutton{margin:2px;}
form{width:300px;display:inline;}
/* Tables -----------------------------------------------------------------------------*/ table{border:collaps;}
td{text-align:left;font-weight:normal;}
/* overlay div -----------------------------------------------------------------------------*/ #companyvideo{background:white;filter:alpha(opacity=70);-moz-opacity:0.7;opacity:0.7;width:100%;height:100%;}
/* overlay upload -----------------------------------------------------------------------------*/ #uploadscreen{margin:0px auto;min-height:100%;position:absolute;text-align:left;top:0px;width:100%;z-index:500;}
#uploadcontent{display:table-cell;height:300px;left:50%;margin-left:-400px;position:absolute;top:250px;vertical-align:middle;width:800px;background:white;border:3px solid black;padding:10px;}
#uploadcontent #closediv{float:right;}
/* GoogleMaps -----------------------------------------------------------------------------*/ #dealersearchleft{width:230px;}
#nearestCompanies{padding:0;width:230px;}
#googleMap{width:300px;height:300px;background-color:rgb(229, 227, 223);float:right;}
#directions{float:left;height:auto;margin:0;overflow:auto;width:230px;}
#filiaalzoeker{background:#dddddd none repeat scroll 0% 50%;float:left;height:18px;margin:0 0 10px 0;padding:10px;width:210px;}
#zip{width:230 height:17px;float:left;}
#allcomps{width:104px;height:17px;float:left;}
#result{float:left;width:200px;height:92px;color:#797979;}
#error{margin-top:50px;}
.homesubmits{}