/*----------------------------------------------------------------------------- Nobiles Screen Stylesheet version:1.0 date:14/08/09 author:Daan van Ham email:daan@4webdesign.nl website:www.qmasters.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:Verdana;font-size:11px;color:#6a6a6a;background:url(getfile.php?id=341) no-repeat top center #ebebeb;behavior:url("csshover.htc");}
#cleardiv{clear:both;height:20px;}
#cleardivhome{clear:both;height:10px;}
.articlebody{background:#fff;color:#000;}
/* Typography -----------------------------------------------------------------------------*/ h1{font-size:14px;color:#C52219;line-height:21px;font-weight:bold;}
h2{font-size:14px;color:#113a7a;line-height:21px;font-weight:bold;}
p,{font-size:11px;}
#content li{margin-left:16px;}
ol{list-style:decimal;margin-left:10px;}
/* CSS includes -----------------------------------------------------------------------------*/ #cjsmenudiv img{border:0px;}
#cjsmenudiv ul{margin:0px;padding:0px;}
#cjsmenudiv li{list-style:none;}
#cjsmenudiv a{margin:0px;}
#cjsmenudiv ul li ul{display:none;}
#cjsmenudiv{/* visibility:hidden;*/ position:relative;height:30px;}
#cjsmenudiv ul.ulLevel1{position:absolute;top:0px;left:0;color:#000;text-decoration:none;height:29px;width:700px;}
#cjsmenudiv ul.ulLevel2{position:absolute;top:45px;height:32px;width:700px;}
#cjsmenudiv .level1{background:url(getfile.php?id=281) no-repeat scroll left -36px;display:inline-block;float:left;margin-right:2px;}
#cjsmenudiv .level1.over{background:url(getfile.php?id=281) no-repeat left 0;}
#cjsmenudiv .level1.perm{background:url(getfile.php?id=281) no-repeat left 0;}
#cjsmenudiv .level1 a{background:transparent url(getfile.php?id=281) no-repeat right bottom;color:#FFFFFF;display:inline-block;font-size:13px;font-weight:bold;height:18px;padding:9px 8px;text-align:center;text-decoration:none;}
#cjsmenudiv .level1.over a{background:url(getfile.php?id=281) no-repeat right -72px;color:#000;}
#cjsmenudiv .level1.perm a{background:url(getfile.php?id=281) no-repeat right -72px;color:#000;}
#cjsmenudiv .level2{float:left;background:none;margin:0;padding:0;}
#cjsmenudiv .level2 a.link{color:#000;font-weight:bold;text-transform:none;font-size:11px;border-left:1px solid #000;padding:0 5px;}
#cjsmenudiv .level2.first a.link{color:#000;font-weight:bold;text-transform:none;font-size:11px;border-left:0px;padding-left:0px;}
#cjsmenudiv .level2.over a.link:hover{color:#d11b23;font-size:11px;text-transform:none;text-decoration:none;font-weight:bold;}
#cjsmenudiv .level2.first.over a.link:hover{color:#d11b23;font-size:11px;text-transform:none;text-decoration:none;font-weight:bold;}
#cjsmenudiv .level2.perm a.link{color:#d11b23;font-size:11px;text-transform:none;text-decoration:none;font-weight:bold;}
/* Header -----------------------------------------------------------------------------*/ #header{height:243px;width:980px;}
#header #top{position:absolute;top:0px;left:0px;height:22px;color:#a5b798;}
#header #top #date{float:left;width:255px;color:#040404;font-weight:bold;padding:3px 0px 0px 10px;}
#header #top #topmenu{position:absolute;width:400px;left:580px;text-align:right;padding-top:3px;}
#header #top #topmenu a, a:link, a:active, a:visited{color:#000000;text-decoration:none;font-weight:normal;}
#header #top #topmenu a:hover{color:#fff;}
#header #logo{background:transparent url(getfile.php?id=343) no-repeat scroll 0 0;height:125px;left:10px;position:absolute;top:16px;width:245px;}
#logotest{position:absolute;left:50px;top:30px;}
#header #topline{position:absolute;top:22px;left:0px;height:2px;width:980px;overflow:hidden;}
#header #logon{position:absolute;top:158px;left:0px;height:86px;width:260px;background:#333;}
#header #logon #logonText{color:#fff;border-bottom:1px solid #fff;height:16px;padding:2px 0px 0px 5px;}
#header #logon #logonTitle{color:#fff;font-weight:bold;border-bottom:1px solid #fff;height:18px;padding:2px 0px 0px 5px;}
#header #logon #logonForm{height:45px;border-bottom:1px solid #fff;margin:0;padding:0;}
#header #logon #logonForm input{border:0px;}
#header #logon #logonForm #emailaddress{height:20px;width:255px;border-bottom:1px solid #fff;padding:2px 0px 0px 5px;}
#header #logon #logonForm #password{height:20px;padding:2px 0px 0px 5px;width:255px;}
#header #logon #logonText a, a:link, a:active, a:visited{color:#fff;text-decoration:none;}
#header #logon #logonText a:hover{color:#fff;text-decoration:underline;}
.textfield{height:12px;border:1px solid #f4f4f4;font-size:10px;width:125px;}
.logintextfield{height:12px;background:#868f98;font-size:11px;color:#fff;width:125px;padding:2px;border:1px solid #fff;}
.submit{background:#868f98;border:0px;color:#fff;font-size:10px;}
#header #menuholder{position:absolute;top:109px;left:260px;height:134px;width:720px;background:url(http://www.nobiles.nl/getfile.php?id=5757) repeat-x #ffffff;}
#header #menuholder #menu{position:absolute;bottom:0px;left:10px;height:60px;padding-top:3px;}
#header #menuholder #supportedsites{position:absolute;right:10px;top:7px;}
#header #menuholder #supportedsites ul{list-style:none;margin:0;padding:0;}
#header #menuholder #supportedsites ul li{background:url(http://www.nobiles.nl/getfile.php?id=5758) no-repeat center right;padding:0 18px 3px 0;}
#header #menuholder #supportedsites ul a{color:#fff;font-weight:bold;}
#header #menuholder #supportedsites ul a:hover{color:#000;}
#header #menuholder #menu2{position:absolute;top:6px;right:10px;height:63px;width:auto;padding-top:3px;}
#header #menuholder #banner{position:absolute;top:10px;left:10px;height:60px;width:468px;}
.searchfield{height:13px;border:0px solid #bcc1c5;background:#fff;font-size:10px;width:145px;height:17px;padding-left:5px;padding-top:3px;}
#searchField .submit{background:url(getfile.php?id=5753) no-repeat 0 4px;border:0;text-indent:-9000px;height:21px;width:17px;cursor:pointer;}
.submit{width:px;height:px;background:none;border:0px;color:#fff;font-size:10px;}
#search{height:41px;width:185px;background:#60676E;}
#search #searchTitle{color:#fff;font-weight:bold;border-bottom:1px solid #fff;height:18px;padding:2px 0px 0px 5px;}
#search #searchForm{height:18px;padding:7px 0 0 8px;}
#searchField .submit{background:url(http://www.nobiles.nl/getfile.php?id=5753) no-repeat scroll 0 4px;border:0 none;cursor:pointer;height:21px;text-indent:-9000px !important;width:17px;}
#werkgevers{margin-top:20px;width:175px;padding:5px;}
#assesmentbureau{background:transparent url(http://www.nobiles.nl/getfile.php?id=5760) no-repeat scroll 0 0;width:175px;padding:5px;}
#mediapartners{background:transparent url(http://www.nobiles.nl/getfile.php?id=5760) no-repeat scroll 0 0;width:175px;padding:5px;}
/* Body -----------------------------------------------------------------------------*/ #content{width:960px;background:#FFFFFF url(http://www.nobiles.nl/getfile.php?id=5760) no-repeat scroll 10px 5px;padding:20px 10px 10px 10px;min-height:330px;_height:330px;}
#contenttest{width:960px;background:#FFFFFF url(http://www.nobiles.nl/getfile.php?id=5760) no-repeat scroll 10px 5px;padding:20px 10px 10px 10px;min-height:330px;_height:330px;}
#content #left{float:left;min-height:300px;_height:300px;width:759px;}
#contenttest #left{float:left;width:250px;min-height:300px;_height:300px;}
#content #left #leftbar{width:250px;float:left;}
#contenttest #left #leftbar{width:250px;float:left;}
#content #left #leftbar #memo{float:left;width:250px;height:250px;}
#content #left #middlecontent{background:transparent url(getfile.php?id=282) repeat-y scroll left top;float:left;padding-left:10px;padding-right:10px;width:479px;margin-bottom:20px;}
#content #left #wdcblock1{height:256px;}
#content #left #wdcblock1 #deurhanger{background:transparent url(getfile.php?id=290) no-repeat scroll 0 0;height:296px;left:307px;position:absolute;top:234px;width:154px;}
#content #left #wdcblock1 #hoogiq{background:transparent url(getfile.php?id=293) no-repeat scroll 0 0;height:126px;left:392px;position:absolute;top:259px;width:352px;}
#content #left #wdcblock1 #wdcblock{width:248px;height:140px;left:503px;position:absolute;top:366px;}
#content #wdcblock2{background:url(http://www.nobiles.nl/getfile.php?id=5760) no-repeat;width:480px;/*height:20px;*/ padding-top:20px;}
#contenttest #wdcblock2{/*background:url(http://www.nobiles.nl/getfile.php?id=5760) no-repeat;*/ padding:20px 10px;width:690px;/*height:20px;*/ float:left;}
#content #left #welcome{width:490px;min-height:105px;}
*html #content #left #welcome{height:105px;}
#content #left #middlecontent #login{float:left;width:250px;min-height:115px;_height:115px;background:url(getfile.php?id=282) repeat-y top right;}
#content #left #middlecontent #login #loginText{color:#6a6a6a;padding:2px 5px 0px 5px;}
#inschrijf{height:240px;background:#b60f17;color:#fff;padding-left:15px;width:479px;margin-bottom:10px;}
#inschrijf #inschrijfban{height:240px;width:479px;position:absolute;}
#loginForm{height:45px;width:200px;}
#emailaddress{float:left;height:20px;padding:2px 0px 0px;width:125px;}
#password{float:left;height:20px;padding:2px 0px 0px;width:125px;}
#submitbutton{float:left;margin-left:10px;margin-top:-18px;}
#loginRequest{padding:0px 0px 0px 5px;margin-top:3px;}
#loginRequest a, a:link, a:active, a:visited{text-decoration:none;}
#loginRequest a:hover{color:#c7231a;text-decoration:underline;}
#content #left #middlecontent #signup{float:left;width:240px;min-height:115px;_height:115px;padding:2px 5px 0px 5px;}
#content #left #middlecontent #scores{float:left;width:235px;height:110px;padding:2px 10px 0px 5px;background:url(getfile.php?id=282) repeat-y top right;}
#contenttest #left #scores{float:left;width:235px;height:110px;padding:2px 10px 0px 5px;background:url(getfile.php?id=282) repeat-y top right;}
#content #left #middlecontent #winners07{float:left;width:235px;height:110px;padding:2px 10px 0px 5px;}
#content #left #test{float:left;width:250px;height:225px;}
#content #left #block1{float:left;width:250px;padding-bottom:15px;}
#content #left #block2{float:left;width:235px;padding:12px 10px 5px 10px;}
#content #left #leftbar #weblog{float:left;width:250px;padding:2px 0 0 0;text-align:right;}
#contenttest #left #leftbar #weblog{float:left;width:250px;padding:2px 0 0 0;text-align:right;}
#content #left #newstrigger{width:754px;height:40px;margin:10px 0px 10px 0px;background:url(getfile.php?id=53) no-repeat top left;}
#content #left #advertorial{width:754px;margin:10px 0px 10px 0px;}
#content #right{float:right;width:195px;}
#content #right #sidebar{float:left;width:186px;min-height:297px;background:transparent url(getfile.php?id=282) repeat-y scroll left top;padding-left:10px;}
*html #content #right #sidebar{height:450px;}
#content #right #sidebar #sponsors img{padding:8px 0px 8px 0px;}
#content #left #leftcolumn{width:250px;float:left;}
#content #left #leftcolumn #studentenagenda{width:250px;background:url(getfile.php?id=282) repeat-y top right;}
#wdcblocktest{position:absolute;height:400px;width:696px;float:left;background-color:#fff;padding:12px;top:151px;left:161px;}
/* Formatting rules styling -----------------------------------------------------------------------------*/ #summary{margin-bottom:15px;}
#summary a, a:link, a:active, a:visited{text-decoration:none;color:#C52219;font-weight:bold;}
#summary a:hover{text-decoration:underline;}
#articlecontent{margin:20px 0px 20px 0px;width:475px;}
#numreactions{float:left;font-size:10px;}
#reactnow{float:right;font-size:10px;}
#reactnow a, a:link, a:active, a:visited{text-decoration:none;color:#6a6a6a;}
#reactnow a:hover{text-decoration:underline;}
#appreciation{float:right;font-size:10px;margin-left:5px;}
#articledevider{background:url(getfile.php?id=27) repeat-x top left;height:10px;width:475px;}
/* Footer -----------------------------------------------------------------------------*/ #nonFooter{position:relative;width:980px;margin:0 auto;/*min-height:100%;*/ background:url(getfile.php?id=342) no-repeat top center #ebebeb;}
#footer{position:relative;width:980px;min-height:25px;_height:25px;background:#fff;font-size:9px;padding-bottom:5px;text-align:left;margin:-15px auto 0px auto;/*background:#fff;*/ font-weight:normal;}
#footer #footermenu{position:absolute;left:5px;top:2px;width:350px;padding:5px 0px 0px 10px;color:#c7231a;}
#footer #footermenu a, a:link, a:active, a:visited{color:#c7231a;text-decoration:none;font-weight:normal;}
#footer #footermenu a:hover{color:#000;}
#footer #webdesq{position:absolute;left:615px;top:2px;width:150px;text-align:right;}
/* footer for Test Template*/ #footer2{position:relative;width:980px;height:40px;text-align:left;margin:-40px auto 0px auto;/*background:#fff;*/ font-weight:normal;}
#footer2 #footermenu{position:absolute;left:5px;top:2px;width:350px;padding:5px 0px 0px 10px;color:#c7231a;}
#footer2 #footermenu a, a:link, a:active, a:visited{color:#c7231a;text-decoration:none;font-weight:normal;}
#footer2 #footermenu a:hover{color:#000;}
#footer2 #webdesq{position:absolute;left:815px;top:2px;width:150px;text-align:right;}
/* Forms -----------------------------------------------------------------------------*/ label{font-size:11px;margin:0px;height:18px;text-align:left;width:170px;float:left;padding-top:3px;}
input.textfield, textarea.textfield{padding:2px;border:1px solid #999;margin:2px;}
select.textfield{padding:2px;border:1px solid #999;margin:2px;height:20px;width:175px;}
input.radiobutton{margin:2px;}
#radiodiv{height:20px;width:20px;float:left}
#sexdiv{height:15px;width:30px;float:left;padding:3px 0px 0px 3px;}
.submit2{border:1px solid #999;background:#c7231a;color:#fff;font-weight:bold;font-size:11px;padding:2px;width:178px;}
/* Tables -----------------------------------------------------------------------------*/ table{border-spacing:0;border-collapse:collapse;}
td{text-align:left;font-weight:normal;}
/* Search styling -----------------------------------------------------------------------------*/ .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;}
#searchhits th{background:#ebe9ed;text-align:left;border:2px solid #fff;padding:3px;}
#wdContentBlockSearch a{font-size:14px;color:#C52219;font-weight:bold;/* display:block;margin-top:10px;*/}
#wdContentBlockSearch td{padding-top:10px;}
#wdContentBlockSearch img{padding-right:5px;}
#scores div{margin:0;padding:0;}