/*----------------------------------------------------------------------------- [client] Screen Stylesheet version:1.0 date:30-08-2010 author:Maykel Swaans email:maykel@eyeworx-am.nl website:www.isasecurity.nl -----------------------------------------------------------------------------*/ /* Remove margin, padding and border from everything -----------------------------------------------------------------------------*/ *{margin:0;padding:0;border:0;}
#menu ul{list-style:none;padding:0px 25px 0px 0px;height:25px;float:left;margin:0px;z-index:3000;opacity:0.9;filter:alpha(opacity=90);}
#menu li{position:relative;}
#menu ul ul{background:#444444 none repeat scroll 0%;color:#ffffff;height:auto;margin:0px;padding:0px;position:absolute;width:220px;z-index:3500;}
#menu ul ul ul{position:absolute;top:0px;left:100%;border:0px;background:#ff7e00;}
#menu ul ul ul ul{position:absolute;top:0px;left:100%;border:0px;background:#ff7e00;}
#menu ul ul ul ul ul{position:absolute;top:0px;left:100%;border:0px;font-weight:normal;border-bottom:0px;background:#ff7e00;}
#menu ul a.first{background:none;color:#160a10;text-decoration:none;font:11px trebuchet Ms;display:block;margin:0px 0px 0px 0px;padding:0px 10px;height:23px;}
#menu ul a{color:#160a10;text-decoration:none;font:11px Trebuchet Ms;display:block;margin:0px;padding:0px 10px;height:23px;}
#menu ul ul a{background:transparent none repeat scroll 0%;border-right:0px none;color:#FFFFFF;font-family:Trebuchet Ms;font-size:11px;height:auto;line-height:normal;padding:5px 12px;text-transform:none;width:136px;font-weight:bold;}
#menu ul ul a:hover{background:#ff7e00;color:#white;width:220px;}
#menu ul a:hover{color:white;}
#menu ul a.first:hover{color:white;}
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;}
/* Set up the document -----------------------------------------------------------------------------*/ html{height:100%;}
body{height:100%;font-family:Trebuchet Ms;font-size:11px;background:url(getfile.php?id=274) repeat-x;behavior:url("csshover.htc");}
#cleardiv{clear:both;height:50px;}
.articlebody{background:#fff;}
h1{text-transform:uppercase;font-size:11px;color:#ff7e00;}
a{color:orange;}
/* header -----------------------------------------------------------------------------*/ #header{height:100px;}
#header #search{float:right;}
#menu{height:23px;padding-top:7px;position:absolute;top:80px;width:700px;z-index:3;font-weight:bold;}
/* contenttop -----------------------------------------------------------------------------*/ #contenttop{height:230px;padding:15px;}
#contenttop #caroussel{height:230px;width:660px;float:left;}
#contenttop #agenda{height:230px;width:300px;background:url(getfile.php?id=277) repeat-x;float:right;}
/* contentbottom -----------------------------------------------------------------------------*/ #contentbottom{padding:0px 15px 0px 15px;}
#contentbottom #homepageitems{height:220px;width:660px;float:left;}
#contentbottom #togglediv{height:auto;width:300px;float:right;background:url(getfile.php?id=306) repeat-x top;}
#contentbottom #togglediv #one{padding:20px 10px 10px 10px;color:#3c3c3c;}
#contentbottom #togglediv #one a, a:link, a:active, a:visited{color:orange;font-size:11px;text-decoration:none;}
#contentbottom #togglediv #two{padding:20px 10px 10px 10px;color:#3c3c3c;}
#logos{width:980px;height:70px;border-top:1px solid #ededed;text-align:center;}
/* Footer -----------------------------------------------------------------------------*/ #nonFooter{margin:0px auto;min-height:100%;position:relative;width:1000px;background:#fff;background:url(getfile.php?id=315) no-repeat;}
*html #nonFooter{height:100%;}
#footer{height:20px;margin:-25px auto 0px;padding-top:5px;position:relative;width:1000px;}
#footer #copyright{position:absolute;width:300px;height:20px;right:5px;top:3px;text-align:right;}
#footer #footermenu{position:absolute;width:300px;height:20px;left:0px;top:3px;color:#ff8400;}
/* tablecontent -----------------------------------------------------------------------------*/ #homepageitem{width:218px;padding:0px 2px 0px 0px;height:220px;float:left;}
#itemfoto{width:220px;height:85px;}
#item_title{text-transform:uppercase;font-size:11px;color:#ff7e00;font-weight:bold;}
#item_text{color:#3c3c3c;padding-bottom:5px;}
#homepageitem #readon{background:url(getfile.php?id=290) no-repeat;color:white;position:relative;top:10px;}
#homepageitem #readon a{color:white;text-decoration:none;font-size:10px;padding-left:4px;}
#logos{float:left;padding-top:20px;}
label{font-size:11px;margin:0px;height:15px;text-align:left;width:120px;float:left;}
.searchfield{width:138px;font-size:11px;padding-top:2px;background:none;}
#agendacontent{padding:5px 5px 10px 8px;}
#agenda_items ul{list-style:none;margin:0;padding:0;}
#agenda_items ul li{margin:5px 0;}
.agendaitem{background:url(getfile.php?id=302) no-repeat 5px 5px;padding-left:15px;}
.visible{display:block;}
.hidden{display:none;}
#buttons{height:300px;}
#buttons div{text-align:center;}
#switch1, #switch2{width:48%;}
#switch1{float:left;}
#switch2{float:right;}
input.btn{color:white;font-size:11px;font-weight:bold;font-family:trebuchet ms;background-color:#ff7f00;width:148px;}
#contentbottom #contenttest{width:660px;height:auto;float:left;}
#eventvideo{border-top:5px solid white;widht:300px;height:25px;padding:5px 0 0 0 ;background:#ff7f00;text-transform:uppercase;font-weight:bold;text-align:center;font-size:14px;color:white;}
/* GoogleMaps -----------------------------------------------------------------------------*/ #dealersearchleft{width:230px;}
#nearestCompanies{padding:0;width:230px;}
#googleMap{width:400px;height:300px;background-color:rgb(229, 227, 223);float:right;}
#directions{float:left;height:auto;margin:0;overflow:auto;width:650px;}
#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;}
select.textfield, textarea.textfield{padding:2px;border:1px solid #999999;margin:2px;}
.textfield2{border:1px solid #f4f4f4;font-size:11px;width:220px;background:#dfdede;font-size:11px;color:#7b7b7b;}
input.textfield{padding:2px;border:1px solid #fd8200;margin:2px;height:14px;}
input.radiobutton{margin:2px;}
input.submit{border:1px solid #c06300;background-color:#fd8200;color:#FFFFFF;height:18px;padding-bottom:2px;}
#agenda ul{list-style:none;margin:0 !important;padding:0;}
#agenda li{margin:3px 0;position:relative;font-size:11px;color:#e95f10;}
#agenda li a{text-decoration:none;}
#agenda li a:hover{text-decoration:underline;}