/*----------------------------------------------------------------------------- Nobiles Screen Stylesheet version:1.0 date:18/07/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;*/}
img{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=135) repeat-x 0px 22px #858f99;behavior:url("csshover.htc");}
#cleardiv{clear:both;height:15px;}
.articlebody{background:#fff;}
/* Typography -----------------------------------------------------------------------------*/ h1{font-size:14px;color:#C72219;line-height:21px;font-weight:bold;}
h2{font-size:14px;color:#868e97;line-height:21px;font-weight:bold;}
p{font-size:11px;}
#content ul{padding:0;}
#content li{margin-left:16px;}
/* 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;}
#cjsmenudiv ul.ulLevel1{position:absolute;bottom:0px;left:0;color:#000;text-decoration:none;height:36px;width:700px;}
#cjsmenudiv ul.ulLevel2{position:absolute;top:45px;height:32px;width:700px;}
#cjsmenudiv .level1{background:url(getfile.php?id=424) no-repeat scroll left -36px;display:inline-block;float:left;margin-right:2px;}
#cjsmenudiv .level1.over{background:url(getfile.php?id=424) no-repeat left 0;}
#cjsmenudiv .level1.perm{background:url(getfile.php?id=424) no-repeat left 0;}
#cjsmenudiv .level1 a{background:transparent url(getfile.php?id=424) 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=424) no-repeat right -72px;color:#000;}
#cjsmenudiv .level1.perm a{background:url(getfile.php?id=424) 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;}
#menu3 ul{list-style:none;margin:0px;padding:0px;}
#menu3 ul li{margin-left:0px;}
#menu3 ul ul{position:absolute;z-index:500;width:190px;height:auto;color:#fff;background:#fff;top:0px;left:237px;border:1px solid #d11b23;}
#menu3 li{position:relative;}
#menu3 ul a{color:#000;text-decoration:none;font-weight:bold;font-size:11px;padding:5px 5px 5px 3px;width:230px;height:auto;display:block;margin-top:2px;background:url(getfile.php?id=141) no-repeat right center;}
#menu3 ul a:hover, #menu3 ul .selected{color:#fff;background:url(getfile.php?id=143) no-repeat right center #d11b23;}
#menu3 ul ul a{color:#000;text-decoration:none;font-weight:bold;font-size:11px;padding:5px 0 5px 10px;width:180px;height:auto;display:block;margin-top:0px;background-image:none;background-color:#fff;}
#menu3 ul ul a:hover, #menu3 ul ul .selected{color:#fff;background:#d11b23;}
div#menu3 ul ul, div#menu3 ul li:hover ul ul, div#menu3 ul ul li:hover ul ul, div#menu3 ul ul ul li:hover ul ul{display:none;}
div#menu3 ul li:hover ul,div#menu3 ul ul li:hover ul,div#menu3 ul ul ul li:hover ul, div#menu3 ul ul ul ul li:hover ul{display:block;}
/* Header -----------------------------------------------------------------------------*/ #header{height:243px;width:980px;position:relative;background:url(getfile.php?folder=146) no-repeat top left;}
#header #top{position:absolute;top:0px;left:0px;height:22px;}
#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:#000;text-decoration:none;font-weight:normal;}
#header #top #topmenu a:hover{color:#fff;}
#header #logo{position:absolute;top:50px;left:10px;width:249px;height:45px;}
#header #topline{position:absolute;top:22px;left:0px;height:2px;width:980px;overflow:hidden;}
#header #logon{bottom:0;height:108px;left:0;position:absolute;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;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:14px;border:1px solid #a0a0a0;padding:0px 2px 0px 2px;font-size:10px;width:125px;}
.searchfield{height:13px;border:1px solid #bcc1c5;background:#e3918c;font-size:10px;width:145px;color:#fff;}
.submit{width:px;height:px;background:none;border:0px;color:#fff;font-size:10px;}
#header #menuholder{bottom:0;height:108px;left:260px;position:absolute;width:720px;background:#61676e;}
#header #menuholder #menu{bottom:0;/*height:40px;*/ left:10px;position:absolute;}
#header #menuholder #menu2{position:absolute;top:10px;right:10px;height:40px;width:1%;padding-top:3px;text-align:right;}
#header #menuholder #banner{bottom:41px;height:60px;left:10px;position:absolute;width:468px;}
#header #menuholder #search{height:41px;right:16px;position:absolute;top:25px;width:200px;background:#c72219;}
#header #menuholder #search #searchTitle{color:#fff;font-weight:bold;border-bottom:1px solid #fff;height:18px;padding:2px 0px 0px 5px;}
#header #menuholder #search #searchForm{height:18px;padding:2px 0px 0px 5px;}
/* Body -----------------------------------------------------------------------------*/ #content{width:960px;background:url(getfile.php?id=426) no-repeat 10px 5px #fff;padding:20px 10px 10px 10px;}
#content #left{float:left;width:955px;}
#content #left_bij_nb-tv{float:left;width:960px;background:url(getfile.php?id=429) repeat-y top right;}
#bedrijvenmatch{float:left;width:242px;height:235px;background:url(getfile.php?id=429) repeat-y top right;padding:0px 8px 0px 0px;}
#content #left #actie{float:left;width:336px;min-height:235px;background:url(getfile.php?id=429) repeat-y top right;padding:0px 8px;}
#content #left #actie #promocontainer{position:relative;}
#content #left #actie #promocontainer #arrows{float:right;margin-top:5px;}
#content #left #actie #promocontainer #promopic{position:absolute;top:138px;left:0px;}
#content #left #test{float:left;width:336px;height:235px;padding:0px 8px;}
*html #actie, #bedrijvenmatch, #test{height:235px;}
#content #left #weblog{float:left;width:242px;min-height:175px;padding:0px 8px 0px 0px;background:url(getfile.php?id=429) repeat-y top right;}
*html #weblog, #traineeships, #businesscourses{height:175px;}
#content #left #weblog #weblogcontainer{margin-top:7px;height:100px;}
#content #left #weblog #arrows{float:right;margin-top:5px;}
#content #left #traineeships{float:left;width:336px;min-height:175px;padding:0px 8px;background:url(getfile.php?id=429) repeat-y top right;}
#content #left #businesscourses{float:left;width:336px;min-height:175px;padding:0px 8px;}
#content #left #newstrigger{width:754px;height:40px;margin:10px 0px 10px 0px;}
#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;}
#leftcolumn{width:250px;float:left;}
#leftcolumn_vervolg{width:250px;float:left;background:url(getfile.php?id=429) repeat-y top right;min-height:100px;position:relative;}
#studentenagenda{width:250px;height:200px;float:left;background:url(getfile.php?id=429) repeat-y top right;}
#content #left #wdcblock{width:475px;float:left;margin-left:10px;}
#content #wdcblock_vervolg{background:transparent url(getfile.php?id=429) repeat-y scroll left top;float:left;margin-left:-3px;padding:0pt 15px;width:480px;}
#content #wdcblock_vervolg_1kol{background:transparent url(getfile.php?id=429) repeat-y scroll left top;float:left;margin-left:-3px;padding:0pt 15px;width:680px;margin-bottom:25px;}
#content #wdcblock_rechts{float:left;width:180px;padding:10px;background:#3399ff;}
/* 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=157) repeat-x top left;height:10px;width:475px;}
/* Footer -----------------------------------------------------------------------------*/ #nonFooter{position:relative;width:980px;margin:0 auto;min-height:100%;background:#fff;}
*html #nonFooter{height:100%;}
#footer{position:relative;width:980px;min-height:25px;_height:25px;padding-bottom:5px;font-size:9px;text-align:left;margin:-25px auto 0px auto;background:#fff;color:#C7231A;}
#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:825px;top:0px;width:150px;text-align:right;}
#footer #telmed{position:absolute;right:250px;top:1px;width:150px;text-align:right;}
/* Forms -----------------------------------------------------------------------------*/ input.text{padding:2px;border:1px solid #3c3c3c;background:#000;color:#fff;}
select{border:1px solid #000;}
/* Tables ----------------------------------------------------------------------------- table{border-spacing:0;border-collapse:collapse;}
td{text-align:left;font-weight:normal;}
*/ #relatedarticles{text-transform:none;margin:5px;}
#relatedarticles h1{font-size:12px;color:#fff;}
#relatedarticles ul{list-style:none;margin:0px;padding:0px;}
#relatedarticles li{border-top:1px solid #aaa;color:#fff;margin:0px;padding:3px 0px 3px 0px;}
#relatedarticles a{color:#fff;}
#relatedarticles a:hover{color:#ccc;}
#sbpromo{text-transform:none;margin:5px;}
#sbpromo h1{font-size:12px;color:#fff;}
#sbpromo ul{list-style:none;margin:0px;padding:0px;}
#sbpromo li{border-top:1px solid #aaa;color:#fff;margin:0px;padding:3px 0px 3px 0px;}
#sbpromo a, #sbpromo a:visited{color:#fff;text-decoration:none;}
#sbpromo a:hover{color:#ccc;text-decoration:underline;}
/* 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;text-transform:uppercase;font-weight:bold;}
#wdContentBlockSearch td{padding-top:10px;}
#wdContentBlockSearch img{padding-right:5px;}
.con7{margin:4px 10px 10px 10px;color:#000;}
.con7 a{padding:4px;color:#ffffff;margin-top:10px;display:block;}
.con7 a:hover{color:#000;background-color:#fff;margin-top:10px;display:block;}
#companymatcher{float:left;width:530px;padding:0px 20px 0px 0px;}
#matchdropdown select{width:200px;margin-bottom:3px;}
#topfivematches{float:left;width:180px height:100px;padding:0px 10px 10px 0px;}
#companylist{margin-left:10px;}
#presentation{width:100%;position:relative;}
#tabcontent{float:left;width:530px;min-height:500px;margin:0;padding-right:10px;padding-left:10px;background:none;display:inline;}
#tabcontent table{border-spacing:5px;border-collapse:separate;}
#tabcontent table tr{border:1px solid red;}
#tabcontent h1{font-size:18px;}
#tabcontent h2{padding-top:10px;}
#tabcontent .red{color:#ff0000;font-weight:bold;}
#complogo{width:196px margin:0;padding:5px 10px;px;0px;display:inline;float:left;min-height:550px;border-right:1px solid #000000;}
*html #complogo{height:550px}
#tabs{float:left;width:196px;margin:0;padding;0;margin-left:-1px;/*margin-right:12px;*/ display:inline;}
#tabs ul{list-style:none;padding:0;margin:0;border-left:0px;}
#tabs li{margin-left:0px;border-left:1px solid #fff;}
#tabs a{text-decoration:none;color:#666666;border-left:1px solid #000000;padding:6px 4px 6px 10px;height:auto;margin-left:-1px;width:auto;display:block;cursor:pointer;background:#fff;}
#tabs a:hover{color:#000000;background:#e2e2e2;}
#tabs a.selected{color:#000;font-weight:bold;border-left:1px solid #ffffff;border-top:1px solid #c0c0c0;border-right:1px solid #c0c0c0;border-bottom:1px solid #c0c0c0;}
#tabs a.selectedfirst{color:#000;font-weight:bold;border-left:1px solid #ffffff;border-top:0px;border-bottom:1px solid #c0c0c0;border-right:1px solid #c0c0c0;}
#tabs a.selectedlast{color:#000;font-weight:bold;border-left:1px solid #ffffff;border-top:1px solid #c0c0c0;border-right:1px solid #c0c0c0;border-bottom:1px solid #c0c0c0;}
#formcontainer td, #formcontainer input, #formcontainer select{margin-left:4px;margin-bottom:4px;}
#formcontainer input, #formcontainer select{height:auto;border:1px solid #c0c0c0;}
#formcontainer .textfield{padding:0;}
.inputleft{float:left;}
.inputright{border:1px solid #a7a6aa;color:#AAAAAA;float:left;font-size:11px;height:13px;padding:3px 0 3px 10px;margin:2px 2px 2px 3px;}
.inputleftwrong{float:left;}
.inputrightwrong{border:2px solid #FF0000;background:#f0f0f0;color:#000000;float:left;font-size:11px;height:13px;padding:3px 0 3px 10px;margin:2px;}
#kgform .textarea{width:263px !important;}
#kgform .textfield{width:259px !important;}
#kgform .select{width:265px !important;border:1px solid #A0A0A0;}
#kgform .textfield.ot{width:20px !important;}
#form .textarea, #popupForm .textarea{width:162px;height:100px;border:1px solid #A0A0A0;}
#form .textfield{width:158px;}
#form .textfield.ot{width:20px;}
#form .submitBtn, #popupForm .submitBtn{display:block;text-align:center;padding:0 5px;line-height:20px;background:#C72219;color:#fff;width:85px;float:right;}
#form .submitBtn:hover, #popupForm .submitBtn:hover{background:#f00;}
#popup{background:none repeat scroll 0 0 #FFFFFF;left:50%;margin-left:-210px;position:absolute;top:50px;width:420px;z-index:1300;display:none;border:1px solid red;}
#overlay{background:none repeat scroll 0 0 #000000;height:100%;left:0;position:absolute;top:0;width:100%;z-index:1200;display:none;}
#popup #popupForm{padding:10px;}
.sorter{line-height:20px;text-align:center;text-decoration:none;background:#ccc;margin:2px 0 !important;list-style:none;height:20px;cursor:move;}