/*----------------------------------------------------------------------------- [client] Screen Stylesheet version:1.0 date:18/07/07 author:Jeroen van de Ven email:jeroen@4webdesign.nl website:www.4webdesign.nl -----------------------------------------------------------------------------*/ /* Remove margin, padding and border from everything -----------------------------------------------------------------------------*/ *{margin:0;/*padding:0;*/ border:0;}
/* Set up the document -----------------------------------------------------------------------------*/ html{height:100%;}
body{height:100%;font-family:Arial;font-size:11px;color:#6a6a6a;background:url(getfile.php?id=543) no-repeat center 20px;behavior:url("csshover.htc");}
table, td, li, p, span, div{font-family:Arial;font-size:11px;color:#6a6a6a;}
#centerdiv{position:relative;width:956px;text-align:left;left:50%;margin-left:-478px;}
.tdPadding{padding:5px;}
.tdPaddingBorder{border:1px solid black;padding:5px;}
.articlebody{background:#fff;}
.articlebody a{color:#999;}
.articlebody li{margin-left:16px;padding:0;}
/* Typography -----------------------------------------------------------------------------*/ h1{font-size:12px;line-height:21px;}
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;}
#content ul{padding:0;}
#content li{margin-left:16px;padding:0;}
/* Header -----------------------------------------------------------------------------*/ #header{padding:20px 0px 0px 0px;height:160px;background:url(getfile.php?id=542) no-repeat 0px 0px;}
#header #eye-onlogo{width:940px;height:120px;text-align:right;}
#header #eye-onlogo span{display:none;}
/* Navigation -----------------------------------------------------------------------------*/ #menu{margin-top:10px;width:960px;}
#menu ul{list-style:none;padding:0px;width:208px;float:left;voice-family:"\"}\"";voice-family:inherit;margin-right:32px;}
#menu li{position:relative;width:208px;}
#menu ul div{position:absolute;bottom:21px;left:0px;width:208px;height:152px;filter:alpha(opacity=80);-moz-opacity:.8;opacity:.8;}
#menu ul div ul{list-style:none;position:absolute;bottom:0px;margin:0px;border:none;}
#menu ul div ul li{position:relative;width:208px;}
#menu ul a{color:#fff;text-decoration:none;font:11px Arial;font-weight:bold;display:block;padding:4px 5px 4px 5px;}
#menu ul div ul a{color:#FFF;font-weight:normal;}
#menu ul div ul a:hover{background:#FFF;color:#000;}
div#menu ul ul{display:none;}
div#menu ul div{display:none;}
div#menu ul li:hover div{display:block;}
div#menu ul li:hover ul{display:block;}
/* Body -----------------------------------------------------------------------------*/ #content{width:100%;}
#content a, a:link, a:active, a:visited{color:#6a6a6a;font-weight:normal;text-decoration:underline;}
#content a:hover{color:#000;text-decoration:none;}
#content #column1{float:left;width:197px;margin-left:0px;margin-top:30px;min-height:220px;background:url(getfile.php?id=18) no-repeat top center;padding:0px 20px 0px 10px;}
*html #content #column1{height:220px;}
#content #column2{float:left;width:197px;margin-left:10px;margin-top:30px;min-height:220px;background:url(getfile.php?id=19) no-repeat top center;padding:0px 20px 0px 10px;}
*html #content #column2{height:220px;}
#content #column3{float:left;width:197px;margin-left:12px;margin-top:30px;min-height:220px;background:url(getfile.php?id=17) no-repeat top center;padding:0px 20px 0px 10px;}
*html #content #column3{height:220px;}
#content #column4{float:left;width:197px;margin-left:12px;margin-top:0px;min-height:268px;background:url(getfile.php?id=20) no-repeat top center;padding:0px 20px 0px 10px;}
*html #content #column4{height:268px;}
#content #column5 /* vervolg pagina */{float:left;margin-left:0px;margin-top:20px;margin-right:18px;width:655px;min-height:220px;padding:0px 20px 0px 10px;}
*html #content #column5{height:220px;}
#content #download{height:52px;margin-top:15px;border:1px solid #e6f2ff;padding:3px;}
#content #subscribe{height:52px;border:1px solid #e6f2ff;padding:3px;margin-top:5px;}
#content #contact{height:52px;border:1px solid #e6f2ff;padding:3px;margin-top:5px;}
#content #join{height:52px;border:1px solid #e6f2ff;padding:3px;margin-top:5px;}
#content #networks{height:52px;border:1px solid #e6f2ff;padding:3px;margin-top:5px;}
#content #benchmark{height:52px;border:1px solid #e6f2ff;padding:3px;margin-top:5px;}
#content #cleardiv{clear:both;height:85px;}
#column4 #searchbox{width:197px;height:18px;margin-top:7px;clear:both;}
#searchbox #q{border:1px solid #579ade;font-family:Tahoma, Arial, sans-serif;font-size:11px;float:left;width:154px;height:13px;}
#searchbox #submitq{border:0px;float:right;}
.hilighted{background-color:#FFFF00;}
.keyword{color:#FF0000;}
.pagesel{border:1px solid #a0a0a0;padding:0px 5px 0px 5px;}
.pageunsel{border:0px;padding:0px 5px 0px 5px;}
/* Footer -----------------------------------------------------------------------------*/ #nonFooter{position:relative;width:956px;min-width:956px;margin:0 auto;min-height:100%;}
* html #nonFooter{height:100%;}
#bgfooter{border-top:1px solid gray;height:30px;margin:-31px auto 0;position:relative;}
#footer{height:30px;margin:-30px auto 0;position:relative;width:956px;color:gray;}
* html #footer{margin-top:-79px;}
#footer a, #footer a:link, #footer a:active, #footer a:visited{color:gray;text-decoration:none;}
#footer a:hover{text-decoration:underline;}
#footer #footermenu{position:absolute;display:block;height:20px;top:6px;font-size:10px;}
#footer #webdesqlogo{position:absolute;display:block;left:800px;top:3px;height:25px;}
/* Forms -----------------------------------------------------------------------------*/ label{font-size:11px;margin:0px;height:15px;text-align:left;width:120px;float:left;}
select.textfield, textarea.textfield{padding:2px;border:1px solid #579ade;margin:2px;width:208px;}
input.textfield{padding:2px;border:1px solid #579ade;margin:2px;height:14px;}
input.radiobutton{margin:2px;}
input.submit{border:1px solid #579ade;background-color:#579ade;color:#FFFFFF;height:18px;padding-bottom:2px;}
a.articlebody:visited, a.articlebody:active, a.articlebody:hover, a.articlebody:link{color:#999;}