/*----------------------------------------------------------------------------- [client] Screen Stylesheet version:1.0 date:23/07/07 author:Maykel Swaans email:maykel@eyeworx-am.nl website:www.eyeworx-am.nl -----------------------------------------------------------------------------*/ /* Remove margin, padding and border from everything -----------------------------------------------------------------------------*/ *{margin:0;padding:0;border:0;}
/* Set up the document -----------------------------------------------------------------------------*/ html{height:100%;overflow-x:hidden;}
body{height:100%;color:#666666;behavior:url("csshover.htc");font-family:Verdana, Arial, sans-serif;font-size:11px;line-height:12pt;background:url(getfile.php?id=13);background-repeat:repeat-y;background-position:50%;background-color:#343434;}
#content{position:relative;margin:0 auto 0 auto;width:952px;min-height:100%;}
*html #content{height:100%;}
a{text-decoration:none;color:#6a6a6a;font-weight:bold;}
/* header -----------------------------------------------------------------------------*/ #header{width:952px;height:80px;border-bottom:1px solid #6a6a6a;}
#header #logo{float:left;width:650px;height:80px;padding:0px 0px 0px 11px;}
#header #box{float:right;width:200px;height:80px;}
#header #box #searchbox{position:absolute;top:50px;}
#header #submenu{padding-right:11px;text-align:right;color:#5a5a5a;font-size:9px;}
#header #submenu a{text-decoration:none;color:#6a6a6a;}
#header #submenu a:hover{text-decoration:underline;}
/* Menu -----------------------------------------------------------------------------*/ #menu{position:absolute;width:930px;height:22px;background:url(getfile.php?id=432&pngjs=1);background-repeat:no-repeat;}
/* #menu ul{list-style:none;margin:0px;padding:0px;float:left;z-index:500;background:url(getfile.php?id=33);background-position:100% 50%;background-repeat:no-repeat;}
#menu li{position:relative;}
#menu ul ul{position:absolute;z-index:501;min-height:auto;width:120px;background:#e0e0e0;filter:alpha(opacity=80);-moz-opacity:.8;opacity:.8;margin:0px;}
#menu ul ul ul{position:absolute;z-index:502;min-height:auto;width:120px;background:#e0e0e0;filter:alpha(opacity=80);-moz-opacity:.8;opacity:.8;margin:0px;}
#menu ul ul ul ul{background:none;position:absolute;top:0px;left:100%;border-left:0;border-bottom:0px;}
#menu ul ul ul ul ul{position:absolute;top:0px;left:100%;border-left:0;font-weight:normal;border-bottom:0px;}
#menu ul a.first{background:none;color:#1a1a1a;text-decoration:none;font:11px Arial, Helvetica, sans-serif;display:block;margin:0;padding:3px 10px 3px 10px;}
#menu ul a{background:none;color:#1a1a1a;text-decoration:none;font:11px Arial, Helvetica, sans-serif;display:block;margin:0;padding:3px 10px 3px 10px;}
#menu ul ul a{height:auto;font-weight:normal;color:#1a1a1a;padding:2px 10px;}
#menu ul ul a:hover{font-weight:normal;color:#1a1a1a;}
#menu ul a:hover{color:#1a1a1a;background:#b9b9b9;}
#menu ul a.first:hover{color:#1a1a1a;background:#b9b9b9;}
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;margin:0px;padding:0px;float:left;z-index:300;background:url(getfile.php?id=33);background-position:100% 50%;background-repeat:no-repeat;}
#menu li{position:relative;}
#menu ul ul{position:absolute;z-index:999;min-height:auto;width:120px;background:#e0e0e0;margin:0px;}
#menu ul ul ul{position:absolute;top:0px;left:100%;border-bottom:0px;background:#e0e0e0;margin:0px;}
#menu ul ul ul ul{position:absolute;top:0px;left:100%;border-bottom:0px;background:white;}
#menu ul ul ul ul ul{position:absolute;top:0px;left:100%;font-weight:normal;border-bottom:0px;background:white;}
#menu ul a.first{background:none;color:#1a1a1a;text-decoration:none;font:11px Arial, Helvetica, sans-serif;display:block;margin:0;padding:3px 10px 3px 10px;}
#menu ul a{background:none;color:#1a1a1a;text-decoration:none;font:11px Arial, Helvetica, sans-serif;display:block;margin:0;padding:3px 10px 3px 10px;}
#menu ul ul a{height:auto;font-weight:normal;color:#1a1a1a;padding:2px 10px;}
#menu ul ul a:hover{color:#1a1a1a;background:#b9b9b9;}
#menu ul a:hover{color:#1a1a1a;background:#b9b9b9;}
#menu ul a.first:hover{color:#1a1a1a;background:#b9b9b9;}
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;}
#clear{clear:both;height:35px;}
/* footer info -----------------------------------------------------------------------------*/ #footer{postion:relative;margin:-35px auto 0 auto;border-top:1px solid #6a6a6a;height:35px;width:952px;}
* html #footer{margin-top:-35px;}
#footer #poweredby{float:right;margin:10px 11px 0px 0px;}
#footer #copyright{float:left;color:#5a5a5a;font-size:9px;margin:10px 0px 0px 11px;}
#footer a{text-decoration:none;color:#6a6a6a;}
#footer a:hover{text-decoration:underline;}
/* input -----------------------------------------------------------------------------*/ h1{font-size:18px;font-family:Arial;color:#434343;}
label{font-size:11px;margin:0;height:15px;text-align:left;width:120px;float:left;}
.textfield{width:170px;border:1px solid #6a6a6a;font-family:Arial, sans-serif;font-size:10px;float:left;height:16px;}
.textfield2{width:170px;border:1px solid #cccccc;height:100px;font-family:Arial, sans-serif;font-size:11px;float:left;}
.textfield3{width:200px;border:1px solid #6a6a6a;font-family:Arial, sans-serif;font-size:10px;height:16px;margin-top:2px;}
.textfield4{width:200px;border:1px solid #6a6a6a;font-family:Arial, sans-serif;font-size:10px;float:left;height:100px;margin-top:2px;}
.textfield5{width:300px;border:1px solid #cccccc;font-family:Arial, sans-serif;font-size:11px;float:left;height:13px;}
.textfield6{width:205px;border:1px solid #5E6063;font-family:Arial, sans-serif;font-size:11px;float:left;height:100px;}
#send{width:320px;text-align:right;}
/* tables -----------------------------------------------------------------------------*/ .title{font-size:18px;font-family:Arial;color:#434343;height:20px;padding:7px 0px 0px 11px;}
.title2{font-size:15px;font-family:Arial;color:#434343;height:16px;font-weight:bold;}
.itemtext{padding:5px 0px 0px 11px;}
.readon{padding:0px 0px 0px 8px;font-family:Arial;font-size:10px;color:#434343;}
.images{width:90px;padding:5px 12px 0px 0px;text-align:right;}
.thumbnail{width:75px;padding:3px;border:1px solid #6a6a6a;}
.thumbnail2{padding:5px;border-bottom:1px solid #6a6a6a;border-top:1px solid #6a6a6a;}
.archive{width:100%;margin-left:10px;}
.credits{font-family:Arial;font-size:9px;color:#434343;text-align:left;padding-left:5px;}
.line{width:100%;height:1px;background:#bebebe;margin-top:5px;}
/*maincontent -----------------------------------------------------------------------------*/ #images{width:930px;padding:11px;height:171px;border-bottom:1px solid #6a6a6a;}
#images #menu{position:absolute;width:930px;}
#maincontent{width:952px;background:url(getfile.php?id=40);background-position:11px;0%;background-repeat:repeat-y;}
#columleft{float:left;width:227px;min-height:350px;height:auto !important;height:350px;padding:10px 0px 11px 0px;position:relative;left:11px;background:#d3d3d3;}
#columleft #inhoud{margin:0px 15px 15px 15px;width:195px;background:#e3e2df;border:1px solid #bebebe;}
#plan{color:#6a6a6a;}
/*treemenu -----------------------------------------------------------------------------*/ #treemenu a{text-decoration:none;color:#6a6a6a;}
#treemenu a:hover{text-decoration:none;}
#inhoud #treemenu{height:auto;width:100%;margin-top:10px;}
#inhoud #treemenu div{width:100%;background:url(getfile.php?id=39);background-position:5% 50%;background-repeat:no-repeat;}
#inhoud #treemenu div div{width:100%;height:20px;padding-top:3px;}
#inhoud #treemenu div div a, #inhoud #treemenu div div a:hover{font-weight:normal;padding-left:30px;text-decoration:none;}
#inhoud #treemenu div div:hover{font-weight:bold;height:20px;}
#columleft #item1{margin:15px;0px 15px 0px;width:195px;background:#f4f1e8;border:1px solid #bebebe;}
#customtitle{font-size:18px;font-family:Arial;color:#434343;padding:10px 0px 5px 9px;border-bottom:1px solid #bebebe;}
#right{width:590px;margin:0px 11px 0px 260px;/* border:1px dotted red;#bebebe;*/ min-height:350px;height:auto !important;height:350px;padding:15px 15px 15px 15px;}
#right #brancheoffice{font-size:15px;font-family:Arial;color:#434343;padding-bottom:10px;}
#right #thumbnail{width:auto;padding:5px;border:1px solid #bebebe;}
#spacer{height:11px;background:white;width:100%;}
/* header -----------------------------------------------------------------------------*/ #PopImg{background-color:#fff;padding:10px;border:1px solid black;}
#PopImgDetails{padding-top:10px}
#PopImgCaption{float:left;}
#PopImgCloseButton{top:0px;right:0px;}
#PopImg img{border:none;clear:both;}
#PopImgOverlay img{border:none;}
#PopImgOverlay{background-image:url(bitmaps/popimg/overlay.png);}
* html #PopImgOverlay{background-color:#333;back\ground-color:transparent;background-image:url(blank.gif);filter:progid:DXImageTransform.Microsoft.AlphaImageLoader(src="bitmaps/popimg/overlay.png", sizingMethod="scale");	}
/* webshop -----------------------------------------------------------------------------*/ #webshop{width:590px;margin-top:10px;}
#webshopcart{float:left;width:250px;margin-top:10px;margin-left:35px;background:#000000;}
#webshop #webshopproducts{float:right;width:590px;}
#webshop #catalogtitle{width:590px;background:#ffffff;color:#6a6a6a;padding:3px;border:0;font-size:11px;}
#webshop #catalogtitle a{color:#6a6a6a;}
#webshop #hourglass{width:16px;height:16px;background:url(getfile.php?id=1445);float:left;margin-top:-15px;display:none;}
#webshop #products{width:590px;padding:0;margin:0;border-collapse:collapse;border-left:0px solid #3F8E33;border-right:0px solid #3F8E33;}
#webshop #products .even{background-color:#ffffff;}
#webshop #products .odd{background-color:#ffffff;}
#webshop #products td{border:0;padding:4px;border-bottom:1px solid #7a7a7a;}
#webshop #products a{color:#6a6a6a;}
#webwinkel{width:590px;border-bottom:1px solid #7a7a7a;border-top:1px solid #7a7a7a;padding:5px 0px 5px 0px;}
#webwinkel #productimage{float:left;width:365px;height:365px;border-right:1px solid #7a7a7a;}
#productsummary{width:200px;float:left;}
#productsummary #line{width:215px;;border-bottom:1px solid #bcbcbc;}
#productsummary #prodlogo{width:100px;padding:5px 0px 0px 5px;}
#productsummary #shoptitle{float:left;width:80px;color:#818080;padding:10px 0px 10px 5px;}
#productsummary #shopdetail{float:right;font-weight:bold;color:#6b6b6b;width:120px;padding:10px 0px 10px 0px;}
#productsummary #afmeting{padding:5px 0px 0px 5px;width:200px;}
#productsummary #omschrijving{padding:5px 0px 0px 5px;width:215px;}