/*----------------------------------------------------------------------------- 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;border:0;}
a{outline-color:-moz-use-text-color;outline-style:none;outline-width:0;}
/* Set up the document -----------------------------------------------------------------------------*/ html{height:100%;}
body{height:100%;font-family:Verdana;font-size:11px;color:#6a6a6a;background:url(getfile.php?id=5754) no-repeat top center #778183;behavior:url("csshover.htc");margin:0;}
#cleardiv{clear:both;height:10px;}
.articlebody{background:#fff;overflow:scroll;}
img{border:0;}
form{margin:0;}
/* Typography -----------------------------------------------------------------------------*/ h1{font-size:14px;color:#C72219;/*line-height:21px;*/ margin:0;font-weight:bold;}
h2{font-size:14px;color:#868e97;line-height:21px;font-weight:bold;}
h3{background:#33CCFF;color:white;font-size:12pt;font-weight:bold;line-height:21px;margin:0;padding:3px 5px;}
h4{background:url(getfile.php?id=5759) repeat-x left top;height:3px;clear:left;}
p{font-size:11px;}
#content li{margin-left:16px;}
#content p{margin:0;}
/* 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;top:0px;left:0;color:#000;text-decoration:none;height:29px;width:700px;}
#cjsmenudiv ul.ulLevel2{position:absolute;top:43px;height:20px;width:700px;background:#fff;}
#cjsmenudiv .level1{background:url(http://www.qmasters.nl/getfile.php?id=281) no-repeat scroll left -36px;display:inline-block;float:left;margin-right:2px;}
#cjsmenudiv .level1.over{background:url(http://www.qmasters.nl/getfile.php?id=281) no-repeat left 0;}
#cjsmenudiv .level1.perm{background:url(http://www.qmasters.nl/getfile.php?id=281) no-repeat left 0;}
#cjsmenudiv .level1 a{background:transparent url(http://www.qmasters.nl/getfile.php?id=281) no-repeat right bottom;color:#FFFFFF;display:inline-block;font-size:13px;font-weight:bold;height:18px;padding:9px 30px;text-align:center;text-decoration:none;}
#cjsmenudiv .level1.over a{background:url(http://www.qmasters.nl/getfile.php?id=281) no-repeat right -72px;color:#000;}
#cjsmenudiv .level1.perm a{background:url(http://www.qmasters.nl/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 -----------------------------------------------------------------------------*/ #topline{position:absolute;right:0px;text-align:right;padding-top:3px;width:980px;}
#topline a{color:#eee;text-decoration:none;}
#topline a:hover{color:#fff;}
#header{background:#778183 url(getfile.php?id=5754) no-repeat scroll center top;height:243px;text-align:left;width:980px;}
#header #homebtn{background:transparent url(getfile.php?id=5752) no-repeat scroll center center;display:block;height:56px;left:5px;position:absolute;text-indent:-9000px;top:70px;width:248px;}
#header #top{position:absolute;top:0px;left:0px;height:22px;}
#topline #date{float:left;width:255px;color:#fff;font-weight:bold;padding:3px 0px 0px 10px;text-align:left;}
#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:#fff;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;background:transparent url(getfile.php?id=139) repeat-x scroll 0 0;}
#header #logon{position:absolute;top:155px;left:0px;height:88px;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:20px;border:1px solid #a0a0a0;padding:0px 2px 0px 2px;font-size:10px;width:125px;}
.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;}
#header #menuholder{position:absolute;top:109px;left:260px;height:134px;width:720px;background:url(getfile.php?id=5757) repeat-x #ffffff;}
#header #menuholder #menu{position:absolute;bottom:0px;left:10px;height:60px;padding-top:3px;}
#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;}
#header #menuholder #supportedsites{position:absolute;right:10px;top:10px;}
#header #menuholder #supportedsites ul{list-style:none;margin:0;padding:0;}
#header #menuholder #supportedsites ul li{background:url(getfile.php?id=5758) no-repeat center right;padding:0 18px 0px 0;}
#header #menuholder #supportedsites ul a{color:#fff;font-weight:bold;}
#header #menuholder #supportedsites ul a:hover{color:#000;}
#search{height:41px;width:196px;background:#868e97;}
#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;}
/* Body -----------------------------------------------------------------------------*/ #content{width:960px;background:url(getfile.php?id=5760) no-repeat 10px 5px #fff;padding:20px 10px 10px 10px;}
#content #left{float:left;width:763px;}
#content #left_bij_nb-tv{float:left;width:960px;}
#bedrijvenmatch{color:white;padding:10px;}
#bedrijvenmatch h1{color:white;font-size:10pt;font-weight:bold;margin:0;}
#bedrijvenmatch a{color:white;}
#bedrijvenmatch a:hover{color:black;}
#bedrijvenmatch_pp{width:207px;background:white url(getfile.php?id=5776) no-repeat top center;padding:30px 5px 5px;margin:10px auto 10px;}
#bedrijvenmatch_pp .redheading{color:#C72219;font-size:13pt;text-transform:none;}
#bedrijvenmatch_pp ol{margin:5px 0 5px 5px;padding:0;list-style-position:inside;}
#bedrijvenmatch_pp ol li, #bedrijvenmatch_pp ol li a{color:#0099cc;font-weight:bold;}
#bedrijvenmatch_pp ol li a:hover{color:black;}
#content #fixedtopcontainer{width:510px;}
#content #fixedtopcontainer #left{margin-right:10px;width:240px;}
#content #fixedtopcontainer #right{width:250px;}
#wdcblock4, #wdcblock5{background:#33CCFF none repeat scroll 0 0;float:left;height:174px;margin:0 5px 5px 0;padding:3px;width:242px;color:white;overflow:hidden;}
#wdcblock4 p, #wdcblock5 p, #wdcblock6 p, #wdcblock7 p{margin:0 0 8px;}
#wdcblock5, #wdcblock7{margin-right:0px;}
#content #fixedtopcontainer #left #wdcblock3{height:110px;overflow:hidden;}
#content #fixedtopcontainer #left #actie{float:left;height:249px;overflow:hidden;/*padding:0 12px 0 8px;*/ width:240px;}
#content #fixedtopcontainer #left #actie #promocontainer{position:relative;}
#content #fixedtopcontainer #left #actie #promocontainer p{margin:0;}
#content #fixedtopcontainer #left #actie #promocontainer #arrows{position:absolute;right:6px;top:6px;/* float:right;margin:5px;*/}
/* #content #fixedtopcontainer #left #actie #promocontainer #promopic{position:absolute;top:138px;left:0px;}
*/ #content #left #test{float:left;width:234px;height:222px;padding:3px 8px 0px 8px;}
#content #left #weblog{float:left;width:242px;min-height:140px;_height:140px;padding:0px 8px 0px 0px;background:url(getfile.php?id=156) repeat-y top right;}
#content #left #weblog #weblogcontainer{margin-top:7px;height:100px;}
#content #left #weblog #arrows{float:right;margin-top:5px;}
#content #left #traineeships{float:left;width:234px;min-height:140px;_height:140px;padding:0px 8px 0px 8px;background:url(getfile.php?id=156) repeat-y top right;}
#content #left #businesscourses{float:left;width:234px;min-height:140px;_height:140px;padding:0px 8px 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;padding-bottom:10px;}
*html #content #right #sidebar{height:450px;}
/* styling personal page columns ---------------------------------------------*/ #container{background:url(getfile.php?id=5847) repeat-y top center;width:100%;}
#container #col1, #container #col2, #container #col3{float:left;padding:10px 10px 20px 10px;}
#container #col1{width:228px;margin-right:8px;overflow:hidden;}
#container #col2{width:480px;margin-right:8px;}
#container #col3{width:175px;}
/* end of column styling */ #container1 h1{color:white;font-size:13pt;text-transform:none;}
#col3 ul.menublue{margin:0;padding:0;list-style:none;}
#col3 ul.menublue li{background:#33CCFF url(getfile.php?id=5778) no-repeat scroll left center;margin:5px 0;padding:8px 0 8px 25px;}
#col3 ul.menublue li a{color:white;font-weight:bold;}
#col3 ul.menublue li a:hover{color:black;}
#sidebar #morevideos{background:#DF2526;color:white;font-family:arial;font-size:8pt;height:20px;text-align:left;width:180px;white-space:nowrap;}
#sidebar #morevideos a{color:white;}
#sidebar #morevideos a:hover{color:black;}
#sidebar #nieuwtjes, #sidebar #relatedarticles{width:90%;margin:25px auto;}
#sidebar #nieuwtjes span, #sidebar #relatedarticles h1{background:#33CCFF;color:white;display:block;font-size:13pt;font-weight:bold;min-height:15px;_height:15px;padding:3px 5px 10px;}
#sidebar #relatedarticles h1{font-size:10pt;}
#sidebar #nieuwtjes ul, #sidebar #relatedarticles ul{margin:0;padding:0;list-style:none;}
#sidebar #nieuwtjes ul li, #sidebar #relatedarticles ul li{background:transparent url(getfile.php?id=5751) no-repeat scroll left top;margin:5px 0;padding-left:20px;}
#sidebar #nieuwtjes ul li a, #sidebar #relatedarticles ul li a{color:white;font-weight:regular;}
#sidebar #nieuwtjes ul li a:hover, #sidebar #relatedarticles ul li a:hover{color:black;}
#leftcolumn{background:#868E97;float:left;min-height:300px;width:243px;}
#leftcolumn_pp{background:#ccc;float:left;min-height:300px;width:243px;}
.sidebardevider{background:url(getfile.php?id=5761) no-repeat center;height:3px;}
.sidebardevider_lightgrey{background:url(getfile.php?id=5775) no-repeat center;height:3px;}
.articledevider{background:url(getfile.php?id=5759) repeat-x scroll left top;height:3px;clear:left;}
#leftcolumn #interestswf{overflow:hidden;width:243px;height:250px;}
#leftcolumn #interestswf p{margin:0;}
#leftcolumn #companybanners{color:#FFFFFF;padding:5px;text-align:left;}
#leftcolumn #magazinehilight{padding:5px 0 0;}
#tv_title{position:absolute;padding:5px;font-size:12px;font-weight:bold;color:#BCC1C5;}
#studentenagenda{width:243px;/*height:200px;*/ float:left;padding:10px 0 0;width:243px;background:white;/*background:url(getfile.php?id=156) repeat-y top right;*/}
#content #left #wdcblock{width:500px;float:left;margin-left:10px;}
/* #content #left #wdcblock p{margin:0 0 8px;}
*/ #content #wdcblock_bij_nb-tv{width:700px;float:left;margin-left:10px;}
/* 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=5759) repeat-x scroll left top;height:10px;width:475px;}
/* Footer -----------------------------------------------------------------------------*/ #nonFooter{position:relative;width:980px;margin:0 auto;min-height:100%;background:white;}
*html #nonFooter{height:100%;}
#footer{position:relative;width:980px;height:25px;text-align:left;margin:-25px auto 0px auto;background:#fff;}
#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:2px;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;vertical-align:top;}
/* #relatedarticles{text-transform:none;margin:5px;}
#relatedarticles h1{color:white;font-size:10pt;text-transform:none;}
#relatedarticles ul{margin:0;padding:0;list-style:none;}
#relatedarticles ul li{background:#33CCFF url(getfile.php?id=5778) no-repeat scroll 2px 6px;margin:5px 0;padding:8px 0 8px 25px;}
#relatedarticles ul li a{color:white;font-weight:bold;}
#relatedarticles ul li a:hover{color:black;}
*/ /* #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:5px 0;margin:0;border-left:0px;}
#tabs li{margin-left:0px;}
#tabs a{text-decoration:none;color:#666666;padding:6px 4px 6px 10px;height:auto;margin-left:-1px;width:auto;display:block;cursor:pointer;background:#ffeeee;}
#tabs a:hover{color:#000000;background:#ffffff;border-left:3px solid #c92b23;padding:6px 4px 6px 7px;}
#tabs a.selected{color:#000;font-weight:bold;border-left:3px solid #c92b23;background:#ffffff;padding:6px 4px 6px 7px;}
#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;}
#sumblock a{color:white;}
#sumblock h1, #studentenagenda h1{background:#33CCFF none repeat scroll 0 0;color:white;display:block;font-size:13pt;font-weight:bold;height:15px;padding:3px 5px 10px;text-transform:none;}
/* personal page */ table.pptable{border-collapse:separate;}
table.pptable td{padding:3px;}
table.pptable th{padding:3px;text-align:left;background-color:#fff;color:#444;}
table.pptable input{background-color:}
#tempeditor #clsbtn{font-weight:bold;color:#000;}
/* 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:url(getfile.php?id=3258) repeat-x scroll 0%;color:#FFFFFF;height:26px;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;}
#slidemask{width:100%;height:auto;overflow:hidden;}
#slidemenu{float:left;width:243px;height:100px;background:red;margin:0 15px 0 0;}
#slidebox1{float:left;width:701px;height:100px;background:yellow;}
#slidebox2{float:left;width:701px;height:100px;background:green;}