/*----------------------------------------------------------------------------- Nobiles Screen Stylesheet version:1.0 date:14/08/07 author:Jeroen van de Ven email:jeroen@4webdesign.nl website:www.nobiles.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=25) no-repeat top center #5B7430;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:#fff;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:#a5b798;text-decoration:none;font-weight:normal;}
#header #top #topmenu a:hover{color:#fff;}
#header #logo{position:absolute;top:25px;left:10px;width:252px;height:252px;}
#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:138px;left:0px;height:105px;width:260px;background:#333;}
#header #logon #logonText{color:#fff;border-bottom:1px solid #fff;height:18px;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;}
#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;}
.searchfield{background:#FFFFFF none repeat scroll 0 0;border:0 solid #BCC1C5;font-size:10px;height:17px;padding-left:5px;padding-top:3px;width:145px;}
.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;}
#search{height:41px;width:196px;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;}
/* 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;}
#content #left{float:left;width:763px;}
#content #left #leftbar{width:240px;float:left;}
#content #left #leftbar #memo{float:left;width:240px;height:250px;}
#content #left #middlecontent{width:500px;float:left;margin-left:10px;}
#content #left #welcome{width:490px;min-height:105px;_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;}
#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 #weblog{float:left;width:235px;height:110px;padding:2px 10px 0px 5px;background:url(getfile.php?id=282) repeat-y top 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:left;width:196px;}
#content #right #sidebar{float:left;width:196px;min-height:450px;background:#868e97;}
*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;}
#content #left #wdcblock{width:475px;float:left;margin-left:10px;}
#content #left #wdcblock2{width:475px;float:left;margin-left:10px;}
#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=44) no-repeat top center #fff;}
#footer{position:relative;width:980px;min-height:25px;_height:25px;background:#fff;padding-bottom:5px;font-size:9px;text-align:left;margin:-15px auto 0px auto;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;width:170px;}
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;}
/* Smoothbox -----------------------------------------------------------------------------*/ #TB_window{font:12px Arial, Helvetica, sans-serif;color:#333333;}
#TB_secondLine{font:10px Arial, Helvetica, sans-serif;color:#666666;}
#TB_window a:link{color:#ffffff;}
#TB_window a:visited{color:#ffffff;}
#TB_window a:hover{color:#e5e5e5;}
#TB_window a:active{color:#ffffff;}
#TB_window a:focus{color:#ffffff;}
#TB_overlay{height:0;position:absolute;z-index:8000;top:0px;left:0px;background-color:#000;}
#TB_window{position:absolute;top:0;background:#ffffff;z-index:8001;color:#000000;border:1px solid #7f7f7f;text-align:left;}
#TB_window img{display:block;margin:15px 0 0 15px;border-right:1px solid #ccc;border-bottom:1px solid #ccc;border-top:1px solid #666;border-left:1px solid #666;}
#TB_caption{height:25px;padding:7px 30px 10px 25px;float:left;}
#TB_closeWindow{height:25px;padding:11px 25px 10px 0;float:right;}
#TB_closeWindowButton{background:transparent url(getfile.php?id=3259) no-repeat scroll right center;padding-right:17px;}
#TB_closeAjaxWindow{padding:10px 10px 7px 0;margin-bottom:1px;float:right;width:200px;bottom:-2px;position:absolute;right:5px;text-align:left;width:48px;}
#TB_ajaxWindowTitle{float:left;padding:7px 0 5px 10px;margin-bottom:1px;}
#TB_title{background:#000;color:#FFFFFF;height:27px;position:relative;}
#TB_ajaxContent{clear:both;padding:2px 15px 15px 15px;overflow:auto;text-align:left;line-height:1.4em;}
#TB_ajaxContent p{padding:5px 0px 5px 0px;}
#TB_load{position:absolute;display:none;height:100px;width:100px;z-index:101;}
#TB_HideSelect{z-index:99;position:absolute;top:0;left:0;background-color:#fff;border:none;}
#TB_iframeContent{clear:both;border:none;margin-bottom:-1px;margin-top:1px;}
#TB_window input{min-width:100px;padding:5px;border:1px solid #f00;color:#000;background-color:#fcc;text-size:13px;}
*html #TB_iframeContent{margin-bottom:1px;}