/*----------------------------------------------------------------------------- [client] Screen Stylesheet version:2.0 date:28-10-2008 author:Maykel Swaans email:Maykel@eyeworx-am.nl website:www.eyeworx-am.nl -----------------------------------------------------------------------------*/ /* Remove margin, padding and border from everything -----------------------------------------------------------------------------*/ /* includes -----------------------------------------------------------------------------*/ #menu ul{list-style:none;padding-left:10px;height:28px;float:left;margin:0px;padding-top:5px;z-index:3000;}
#menu li{position:relative;}
#menu ul ul{color:#FFFFFF;height:auto;margin:0px;padding:0px;position:absolute;width:160px;z-index:3500;}
#menu ul ul ul{position:absolute;top:0px;left:100%;border:0px;background:#ff9625;}
#menu ul ul ul ul{position:absolute;top:0px;left:100%;border:0px;background:#ff9625;}
#menu ul ul ul ul ul{position:absolute;top:0px;left:100%;border:0px;font-weight:normal;border-bottom:0px;background:#ff9625;}
#menu ul a.first{background:none;color:white;text-decoration:none;font:12px;display:block;margin:0px 0px 0px 0px;padding:0px 10px;height:28px;font-weight:normal;}
#menu ul a{color:white;text-decoration:none;font:12px;display:block;margin:0px;padding:0px 10px;height:28px;font-weight:normal;}
#menu ul ul a{background:transparent none repeat scroll 0%;border-right:0px none;color:white;font-family:Arial,Helvetica,sans-serif;font-size:11px;height:auto;line-height:normal;padding:5px 12px;text-transform:none;width:136px;}
#menu ul ul a:hover{background:#ff8400;color:#fff;}
#menu ul a:hover{color:#c40079;}
#menu ul a.first:hover{color:#c40079;}
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 -----------------------------------------------------------------------------*/ *{margin:0;padding:0;border:0;}
html{height:100%;}
body{height:100%;margin:0px auto;font-family:Trebuchet MS;font-size:11px;behavior:url("csshover.htc");background:url(getfile.php?id=51);background-repeat:repeat-x;width:900px;}
#cleardiv{clear:both;height:25px;}
/* Typography -----------------------------------------------------------------------------*/ h1{font-size:2.2em;/* Equivalent to 22pt */}
h2{font-size:2.0em;/* Equivalent to 20pt */}
h3{font-size:1.8em;/* Equivalent to 18pt */}
h4{font-size:1.6em;/* Equivalent to 18pt */}
h5{font-size:1.4em;/* Equivalent to 14pt */}
p,{font-size:11px;}
/* Header -----------------------------------------------------------------------------*/ #header{width:900px;height:156px;}
#header #logo{width:93px;height:86px;margin-top:40px;float:left;}
#header #today{color:#cba00d;font-size:10px;text-align:right;height:20px;width:200px;margin-top:10px;float:right;}
#header #data{position:absolute;height:21px;width:360px;right:0px;top:108px;}
#header #data #search{float:left;padding-left:10px;}
/* navigation -----------------------------------------------------------------------------*/ #menu{background:url(getfile.php?id=57);height:28px;margin-top:-5px;text-transform:uppercase;width:442px;font-size:12px;margin-left:458px;}
#menu a:hover{color:#c40079;text-decoration:none;}
/* Content -----------------------------------------------------------------------------*/ #work #selection{text-align:left;}
#work{width:900px;height:350px;}
#work #thumbs{width:450px;height:350px;float:left;}
#work #movie{width:442px;height:350px;float:right;}
#content{width:442px;margin-left:458px;padding-top:30px;}
#homepagethumb{width:450px;float:left;}
#thumbvisual{float:left;width:142px;height:110px;border-bottom:8px solid white;border-right:8px solid white;}
/* Classes -----------------------------------------------------------------------------*/ .searchfield{background:url(getfile.php?id=54);width:132px;height:17px;color:#bcbcbc;padding-left:20px;padding-top:3px;}
.loginfield{background:url(getfile.php?id=56);width:142px;height:17px;color:#bcbcbc;padding-left:10px;padding-top:3px;}
/* Footer -----------------------------------------------------------------------------*/ #nonFooter{margin:0 auto;min-height:100%;_height:100%;position:relative;width:900px;}
#footer{height:26px;margin:-26px auto;position:relative;width:900px;}
#footer a{color:black;text-decoration:none;font-weight:normal;}
#footer a:hover{color:#626262;text-decoration:underline;}
#footer #copyright{position:absolute;width:300px;height:26px;right:0px;text-align:right;}
#footer #footermenu{position:absolute;width:300px;height:20px;padding-top:3px;left:0px;color:#626262;}