/*----------------------------------------------------------------------------- [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%;font-family:Arial, sans-serif;font-size:11px;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%;}
#maincontent{position:relative;margin:0 auto 0 auto;width:952px;min-height:600px;}
*html #content{height:100%;}
a, a:link, a:active, a:visited{color:#6a6a6a;font-weight:bold;text-decoration:none;}
/* 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 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{background:#e0e0e0;filter:alpha(opacity=80);-moz-opacity:.8;opacity:.8;margin:0px;position:absolute;top:0px;left:100%;border-left:0;border-bottom:0px;}
#menu ul ul ul ul{background:#e0e0e0;filter:alpha(opacity=80);-moz-opacity:.8;opacity:.8;margin:0px;position:absolute;top:0px;left:100%;border-left:0;border-bottom:0px;}
#menu ul ul ul ul ul{position:absolute;filter:alpha(opacity=80);-moz-opacity:.8;opacity:.8;margin:0px;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:500;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;}
/* Maincontent -----------------------------------------------------------------------------*/ #animation{width:930px;padding:11px;height:377px;border-bottom:1px solid #6a6a6a;}
#animation #menu{position:absolute;width:930px;}
#items{width:928px;height:133px;margin:17px 12px 11px 12px;}
#item1{float:left;width:290px;height:120px;border:1px solid #c4c4c3;}
#itemvervolg{float:left;width:290px;height:120px;border:1px solid #c4c4c3;margin-left:11px;}
#afsluiter{float:right;width:20px;height:122px;background:#d3d3d3;}
#clear{clear:both;height:35px;}
/* footer info -----------------------------------------------------------------------------*/ #footer a{text-decoration:none;color:#6a6a6a;}
#footer a:hover{text-decoration:underline;}
#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;color:#5a5a5a;font-size:9px;}
#footer #copyright{float:left;color:#5a5a5a;font-size:9px;margin:10px 0px 0px 11px;}
/* Input -----------------------------------------------------------------------------*/ .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:30px;border:1px solid #cccccc;font-family:Arial, sans-serif;font-size:11px;float:left;height:13px;}
.textfield4{width:157px;border:1px solid #cccccc;font-family:Arial, sans-serif;font-size:11px;float:left;height:13px;}
/* table -----------------------------------------------------------------------------*/ .title{font-size:18px;font-family:Arial;color:#434343;height:20px;padding:7px 0px 0px 11px;}
.itemtext{height:65px;padding:0px 0px 0px 11px;}
.readon{padding:0px 0px 0px 8px;font-family:Arial;font-size:10px;color:#434343;}
.images{width:90px;padding:0px 0px 0px 0px;text-align:right;}
label{border:1px solid red;}