/*----------------------------------------------------------------------------- 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 -----------------------------------------------------------------------------*/ include menu;/* 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{}

#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;}

#block{display:none;}
#header{position:relative;height:221px;margin-bottom:25px;width:960px;}
#content{width:980px;}
#content #moobutton{position:absolute;left:20px;top:50px;}
#content #col1{width:190px;border-right:1px solid #bcbcbc;}
.companyvideo{padding:5px 0px 5px 5px;width:180px;}
#content #col1 #video{padding-top:10px;width:180px;z-index:1;}
#content #col1 #nieuwsbrief{color:#797979;padding:5px;width:180px;}
#content #col1 #standard{color:#797979;padding:5px;}
#content #col1 #aanbieding{color:#797979;padding:5px 0px 5px 5px;width:180px;}
#content #col1 #aanbieding #inhoud{padding:5px 0px 5px 5px;width:180px;}
#content #col2{width:550px;padding-left:20px;padding-top:5px;border-left:1px solid #bcbcbc;border-right:1px solid #bcbcbc;margin-left:-1px;}
#content #col2 #maincontent{width:500px;padding-top:25px;}
#content #col2 #maincontent a{text-decoration:none;color:#606060;font-weight:bold;}
#leftmain{float:left;font-weight:normal;}
#leftmain a{font-weight:normal;}
#rightmain{float:left;font-weight:normal;}
#rightmain a{font-weight:normal;}
#content #col3{width:150px;border-left:1px solid #bcbcbc;margin-left:-1px;}
#content #col3 #quicklinks{width:170px;}
#col3 #search{width:170px;margin-bottom:10px;}
#col3 #search #inhoud{padding:5px 5px 5px 5px;color:#797979;}
#col1, #col2, #col3{padding:0 5px 0 5px;float:left;}
/* menu----------------------------------------------------------------------------*/ #menu{position:absolute;top:195px;background:#e5e5e5;float:left;padding-top:0px;width:980px;z-index:100;}
/*html #col1, #col2, #col3{height:250px;}
*/ /* content of the website----------------------------------------------------------------------------*/ #whois{width:100%;border:1px dotted green;}
/* table----------------------------------------------------------------------------*/ .titlebg{width:168px;height:22px;padding:5px 0 0 10px;color:#2f2f2f;text-transform:uppercase;font-size:12px;background:url(getfile.php?id=54) no-repeat top left;display:block;}
.titlebgright{width:155px;height:22px;padding:5px 0 0 10px;color:#2f2f2f;text-transform:uppercase;font-size:12px;background:url(getfile.php?id=54) no-repeat top left;display:block;}
.title{width:168px;height:22px;padding:5px 0 0 0px;color:#2f2f2f;text-transform:uppercase;font-size:12px;display:block;}
.qcklinks li{list-style:url(getfile.php?id=15);margin-bottom:3px;}
.qcklinks a{font-weight:normal;}
.image{width:90px;padding:5px 0px 5px 0px;}
.imagelarge{width:300px;padding:5px 0px 5px 0px;}
.details{width:150px;padding-left:5px;vertical-align:bottom;}
.detailsvervolg{width:220px;vertical-align:bottom;padding:0px 10px 60px 15px;}
.wieiswieinhoud{width:500px;padding:10px 10px 10px 10px;border-top:1px solid #797979;border-bottom:1px solid #797979;}
.vacature{width:400px;color:#000000;}
.readon{width:100px;margin-left:10px;}
.whotitle{color:#797979;font-weight:bold;}
.whofunction{color:#ff000b;}
.whomail{color:#797979;}
.more{color:#797979;font-weight:normal;align:absmiddle;height:20px;}
.readon{color:#797979;font-weight:normal;align:absmiddle;height:20px;text-align:right;}
.offertetest{color:red;}
#templatehulp{position:absolute;top:290px;left:425px;height:500px;width:550px;padding-top:40px;padding-left:20px;background:url(getfile.php?id=686) repeat-x top #ffffff;}
#templatehulp a{color:red;text-decoration:none;}
#templatehulp a:hover{text-decoration:none;}
#information{margin-left:50px;width:300px;border:1px dotted red;}
/*Document setup -------------------------------------------------------*/ #nonFooter{margin:0px auto;min-height:100%;position:relative;width:100%;background:url(getfile.php?id=636) repeat-x #fff;}
*html #nonFooter{height:100%;}
#header #gianotten{position:absolute;top:5px;left:5px;z-index:200;}
#header #agendacontent{margin-top:5px;height:350px;width:936px;background:url(getfile.php?id=14) repeat-x bottom left;}
#agendaimg{height:221px;width:960px;float:left;cursor:pointer;}
#header #overlay{position:absolute;top:0px;height:221px;width:960px;cursor:pointer;z-index:100;}
#agendaplaatje{position:absolute;left:50%;height:221px;width:960px;margin:0 0 0 -480px;z-index:2;cursor:pointer;background:white;}
#agendaimg #site_titlebar{background:white;height:100px;position:absolute;top:80px;width:200px;padding:5px;left:650px;z-index:3;filter:alpha(opacity=70);-moz-opacity:0.7;opacity:0.7;}
#agendaimg #site_titlebar img{padding:5px;}
#agendaimg #site_titlebar #site_title{float:left;margin-top:5px;}
#agendaimg #site_titlebar #agendalogo{float:right;z-index:8;}
#agendaimg #agendacontent #agenda{position:absolute;left:600px;top:20px;height:150px;width:150px;margin-left:13px;z-index:20;}
#header #agendacontent #agenda_title{background:#FD8200;height:18px;padding:7px;width:225px;}
#header #agendacontent #agenda_itemsbg{height:293px;margin-top:10px;width:239px;background:url(getfile.php?id=871) repeat-x top left #ff8400;}
#header #agendacontent #agenda_itemsbg #agenda_items a{color:white;font-family:arial;font-size:15px;padding:5px;font-weight:bold;text-decoration:none;}