/* Structuur CSS */
html,body {
height : 100%;
}
body {
background-color : #042a3f;
margin : 0px;
padding : 0px;
}
/* headermenu styling */
#headermenu{
display:block;
}
#headermenu .wrapper{
height:25px;
width:958px;
background: #005886;
margin:auto;
border-bottom: 1px solid #005072;
}
/* General */
#cssdropdown, #cssdropdown ul { list-style: none; }
#cssdropdown, #cssdropdown * { padding: 0px; margin: 0px; font-family: Helvetica, arial, tahoma, verdana;}
/* Head links */
#cssdropdown li.headlink { float: left; text-align: center; }
#cssdropdown li.headlinkleft { float: left; border-right: 1px solid #004a6c; margin-left:24px }
#cssdropdown li.headlinkright { float:right; border-left: 1px solid #0061a3; margin-right:12px; }
#cssdropdown li.headlink a {
margin:0; padding:0;
display: block;
border-left: 1px solid #0061a3;
border-right: 1px solid #004a6c;
padding: 6px;
padding-left: 12px;
padding-right: 12px;
color:#fff;
}
#cssdropdown li.headlink:hover {
background:#006699;
}
/* Child lists and links */
#cssdropdown li.headlink ul li{ margin-bottom:8px; padding: 0; }
#cssdropdown li.headlink ul { display: none; text-align: left; position:absolute; z-index:10; margin-top:-2px }
#cssdropdown li.headlink ul ul{ position:relative; }
#cssdropdown li.headlink:hover ul { display: block; }
#cssdropdown li.headlink ul li a { border:0; color: #005886; display: inline; margin:0; padding:0;}
#cssdropdown li.headlink ul li a:hover { color: #c50011; }
#cssdropdown li.headlink ul li.headersubmenu { border: 1px solid #005886 }
#cssdropdown li.headlink ul table td{ background-color: #c5d0e5; vertical-align:top; padding: 12px; width: 220px; }
/* Pretty styling */
#cssdropdown h3 { color: #005886; font-size:12px; margin-bottom:12px; }
#cssdropdown ul li a:hover { text-decoration: none; }
#cssdropdown li.headlink { }
#cssdropdown li.headlink ul { }
#cssdropdown li.socialmedia a {
background-repeat: no-repeat;
height:26px;
width:36px;
padding:0px;
margin:0px;
background-position: 10px 5px;
}
#cssdropdown li.socialmedia a.facebook {
background-image: url("../img/social/facebook.png");
}
#cssdropdown li.socialmedia a.facebook:hover {
background-image: url("../img/social/facebook_hover.png");
}
#cssdropdown li.socialmedia a.youtube {
background-image: url("../img/social/youtube.png");
}
#cssdropdown li.socialmedia a.youtube:hover {
background-image: url("../img/social/youtube_hover.png");
}
#cssdropdown li.socialmedia a.twitter {
background-image: url("../img/social/twitter.png");
}
#cssdropdown li.socialmedia a.twitter:hover {
background-image: url("../img/social/twitter_hover.png");
}
#cssdropdown #social_follow_us {
border-right: 1px solid #004A6C;
color: #FFFFFF;
display: none;
margin: 0;
padding: 6px 12px;
font-size: 12px;
font-weight: normal;
text-decoration: none;
}
#homepage_block {
/*min-height : 100%;*/
width : 958px;
position : relative;
margin : 0 auto;
background-color : #006699;
/*z-index : 1;*/
/*
border-left : 1px solid #042a3f;
border-right : 1px solid #042a3f;
*/
margin-top : 0px;
border-top: 1px solid #0069aa;
}
html>body #homepage_block {
height : auto;
}
#homepage_content {
width : 958px;
position : relative;
padding-bottom : 20px;
/*padding-top : 28px;*/
overflow : auto;
margin-bottom:18px;
}
h1{
margin : 0px;
padding : 0px;
font-size : 18px;
color : #ffffff;
font-weight : normal;
}
h2{
margin : 0px;
padding : 0px;
font-size : 13px;
font-family : Helvetica;
color : #ffffff;
font-weight : normal;
}
p{
font-size : 12px;
font-family : Helvetica;
color : #ffffff;
font-weight : normal;
text-decoration : none;
}
a{
font-size : 12px;
font-family : Helvetica;
color : #c50011; /* #074f84; */
font-weight : normal;
text-decoration : none;
}
/* Header CSS */
#header_block {
height : 108px;
width : 958px;
position : relative;
background-color : #aed45d;
z-index : 2;
border-bottom : 1px solid #042a3f;
margin : 0 auto;
margin-top:12px;
}
/* Categorie CSS */
.category {
position : relative;
width : 885px;
height : 109px;
margin-bottom : 15px;/*9px;*/
margin-left : 38px;
border : 1px solid #042a3f;
background-color : #e8ebef;/*#eaeaea;*/
z-index : 1;
-moz-border-radius: 8px;
-webkit-border-radius: 8px;
border-radius: 8px;
}
.category_image {
width : 542px;
position : relative;
float : left;
background-color : #990d0d;
z-index : 2;
margin : 0px;
height:109px;
-moz-border-radius-bottomleft: 8px;
-moz-border-radius-topleft: 8px;
-webkit-border-bottom-left-radius: 8px;
-webkit-border-top-left-radius: 8px;
border-bottom-left-radius: 8px;
border-top-left-radius: 8px;
}
.category_smallimage {
width : 202px;
position : relative;
float : left;
background-color : #990d0d;
z-index : 2;
margin : 0px;
height:109px;
-moz-border-radius-bottomleft: 8px;
-moz-border-radius-topleft: 8px;
-webkit-border-bottom-left-radius: 8px;
-webkit-border-top-left-radius: 8px;
border-bottom-left-radius: 8px;
border-top-left-radius: 8px;
}
.category_title {
position : relative;
text-align : right;
top : 58px;
}
.category_title h1{
margin : 0px;
padding : 0px;
font-size : 18px;
font-family : Helvetica;
color : #ffffff;
font-weight : normal;
padding-right : 28px;
}
.category_subtitle {
position : relative;
text-align : right;
top : 56px;
}
.category_subtitle h2{
margin : 0px;
padding : 0px;
font-size : 13px;
font-family : Helvetica;
color : #ffffff;
font-weight : normal;
padding-right : 28px;
}
.category_menu {
position : relative;
text-align : left;
padding-left : 18px;
padding-top : 10px;
float : left;
background-color : #e8ebef;
z-index : 2;
margin-top : 1px;
/*overflow : hidden; temp*/
width:315px;
overflow:hidden;
-moz-border-radius-bottomleft: 8px;
-moz-border-radius-topleft: 8px;
-webkit-border-bottom-left-radius: 8px;
-webkit-border-top-left-radius: 8px;
border-bottom-left-radius: 8px;
border-top-left-radius: 8px;
}
.category_menu h1 {
margin : 0px;
padding : 0px;
font-size : 14px;
font-family : Helvetica;
color : #074f84;/*#457395;*/
font-weight : bold;
}
.category_menu ul {
margin : 0px;
margin-left : 16px;
padding : 0px;
font-size : 16px;
font-family : Helvetica;
color : #074f84;
font-weight : bold;
/*margin-top:6px;*/
}
/*
#categorie_menu0 ul{
margin-top:0px;
}
*/
.category_menu ul li{
padding:0px;
margin:0px;
}
.category_menu ul li a{
font-size : 12px;
font-family : Helvetica;
color : #074f84;
font-weight : bold;
text-decoration : none;
padding:0;
margin:0;
}
.category_menu ul li p{
font-size : 12px;
font-family : Helvetica;
color : #074f84;
font-weight : bold;
text-decoration : none;
}
.category_menu ul li a:hover{
color : #c50011;
}
/* Footer CSS */
#footer_block {
position : absolute;
bottom : 0px;
right : 0px;
width : 958px;
text-align : center;
background-color : #006699;
margin : 0px;
padding : 0px;
font-size : 10px;
font-family : Helvetica;
color : #b4c4db;
font-weight : normal;
}
#footer_block div {
margin : 0px;
padding : 0px;
font-size : 10px;
font-family : Helvetica;
color : #b4c4db;
font-weight : normal;
}
#footer_block div a {
text-decoration : none;
margin : 0px;
padding : 0px;
font-size : 10px;
font-family : Helvetica;
color : #b4c4db;
font-weight : normal;
}
#footer_block div a:hover {
text-decoration : underline;
}
#footer_block a {
text-decoration : none;
margin : 0px;
padding : 0px;
font-size : 10px;
font-family : Helvetica;
color : #b4c4db;
font-weight : normal;
}
#footer_block a:hover {
text-decoration : underline;
}
/*news css */
.information_block {
position : relative;
width : 884px;
height : 119px;
margin-left : 38px;
margin-top : 9px;
margin-bottom : 18px;
}
#news_block {
position : relative;
width : 436px;
border : 1px solid #042a3f;
height : 110px;/*109px;*/
background-color : #074f84;
float : left;
z-index : 0;
-moz-border-radius: 5px;
-webkit-border-radius: 5px;
border-radius: 5px;
}
#activity_block {
position : relative;
width : 436px;
border : 1px solid #042a3f;
height : 110px;/*109px;*/
background-color : #074f84;
float : right;
z-index : 0;
-moz-border-radius: 5px;
-webkit-border-radius: 5px;
border-radius: 5px;
}
#news_image {
background-color : #074f84;
position : relative;
width : 119px;
height : 110px;/*109px;*/
/*border-right : 1px solid #042a3f;*/
float : left;
z-index : 1;
}
#news_overview {
position : relative;
width : 305px;
height : 110px;
/*border-left : 1px solid #042a3f;*/
float : right;
/*background-color : #C4D0E6;*/
z-index : 1;
background-color:#C4D0E6;
background-image:url("/docroot/project_roc/img/homepage_text_overlay.png");
background-repeat:no-repeat;
-moz-border-radius: 5px;
-webkit-border-radius: 5px;
border-radius: 5px;
}
#activity_image {
background-color : #074f84;
position : relative;
width : 119px;
height : 110px;/*109px;*/
/*border-right : 1px solid #042a3f;*/
float : left;
z-index : 1;
}
#activity_overview {
position : relative;
width : 305px;
height : 110px;
/*border-left : 1px solid #042a3f;*/
float : right;
/*background-color : #C4D0E6;*/
z-index : 1;
background-color:#C4D0E6;
background-image:url("/docroot/project_roc/img/homepage_text_overlay.png");
background-repeat:no-repeat;
-moz-border-radius: 5px;
-webkit-border-radius: 5px;
border-radius: 5px;
}
.overview_header {
position : relative;
width : 305px;
height : 24px;/*23px;*/
background-color : #99ABB9;
font-size : 13px;
font-family : Helvetica;
color : #eceef2;
font-weight : normal;
margin-top : 0px;
z-index : 2;
border-bottom:1px solid #749eae;
-moz-border-radius-topleft: 5px;
-webkit-border-top-left-radius: 5px;
border-top-left-radius: 5px;
-moz-border-radius-topright: 5px;
-webkit-border-top-right-radius: 5px;
border-top-right-radius: 5px;
}
.overview_header h1{
margin : 0px;
padding : 0px;
padding-left : 20px;
padding-top : 3px;
font-size : 14px;
font-family : Helvetica;
color : #eceef2;
font-weight : normal;
}
#news_overview_box{
position : relative;
width : 280px;
height:80px;
float : left;
font-family : Helvetica;
font-weight : normal;
overflow : hidden;
z-index : 2;
}
#activity_overview_box{
position : relative;
width : 280px;
height:80px;
float : left;
font-family : Helvetica;
font-weight : normal;
overflow : hidden;
z-index : 2;
}
.activity_date{
position : relative;
width : 50px;
float : left;
font-family : Helvetica;
font-size : 13px;
font-weight : normal;
padding : 0px;
margin : 0px;
}
.activity_overview_title{
text-align : left;
margin : 0px;
padding : 0px;
padding-top : 5px;
font-size : 13px;
font-family : Helvetica;
color : #042a3f;
font-weight : normal;
padding-left : 15px;
/*white-space :nowrap;
overflow :hidden;*/
}
.activity_overview_summary{
text-align : left;
margin : 0px;
padding : 0px;
padding-left : 65px;
padding-top : 4px;
word-wrap : break-word;
word-break : normal;
font-size : 12px;
font-family : Helvetica;
color : #074f84;
font-weight : normal;
}
.shift_block{
position : relative;
width : 280px;
height : 81px;/*84px;*/
float : left;
font-family : Helvetica;
font-weight : normal;
margin-bottom : 5px;
z-index : 3;
}
.news_overview_title{
text-align : left;
margin : 0px;
padding : 0px;
padding-left : 20px;
padding-top : 5px;
font-size : 13px;
font-family : Helvetica;
color : #042a3f;
font-weight : normal;
/*white-space :nowrap;
overflow :hidden;*/
}
.news_overview_summary{
text-align : left;
margin : 0px;
padding : 0px;
padding-left : 40px;
padding-top : 4px;
word-wrap : break-word;
word-break : normal;
font-size : 11px;
font-family : Helvetica;
color : #074f84;
font-weight : normal;
}
.read_more{
margin : 0px;
padding : 0px;
font-size : 12px;
font-family : Helvetica;
color : #c50011;
font-weight : normal;
text-decoration : none;
}
.shift_arrow_block{
position : relative;
width : 25px;
height : 81px;/*84px;*/
float : right;
z-index : 2;
}
.shift_arrow_up{
position : relative;
width : 20px;
height : 32px;
padding-top : 8px;
cursor : pointer;
cursor : hand;
}
.shift_arrow_down{
position : relative;
width : 20px;
height : 32px;
padding-top : 8px;
cursor : pointer;
cursor : hand;
}
/* Content css */
#content{
margin-bottom:12px;
-moz-border-radius: 8px;
-webkit-border-radius: 8px;
border-radius: 8px;
}
#content a{
color : #c50011;
}
#contentsectorview a{
color : #074f84;
}
#contentsectorview a:hover {
color : #c50011;
text-decoration : none;
}
#content_holder{
position : relative;
width : 882px;
margin-bottom : 9px;
margin-left : 38px;
margin-top : 9px;
}
#content_holder .content_para{
font-size : 12px;
font-family : Helvetica;
color : #074f84;
font-weight : normal;
padding-bottom: 12px;
}
.breadcrumb {
margin-top : 8px;
margin-bottom : 14px;
padding-left : 38px;
/*color : #c3d0e5;*/
color : #ffffff;
font-size : 12px;
font-family : Helvetica;
font-weight : normal;
}
.breadcrumb a,
a.breadcrumblink{
color : #ffffff;
}
.breadcrumb a:hover {
text-decoration : underline;
color : #E0FFFF;
}
.content_para{
float : left;
width : 550px;/*494px;*/
min-height : 200px;
border-left : 1px solid #042a3f;
border-bottom : 1px solid #042a3f;
border-top : 1px solid #042a3f;
border-right : 1px solid #042a3f;
background-color : #ffffff;
/*padding-left : 28px;
padding-right : 28px;
padding-top : 14px;
padding-bottom : 14px;*/
-moz-border-radius-bottomleft: 8px;
-moz-border-radius-topleft: 8px;
-moz-border-radius-bottomright: 8px;
-webkit-border-bottom-left-radius: 8px;
-webkit-border-top-left-radius: 8px;
-webkit-border-bottom-right-radius: 8px;
border-bottom-left-radius: 8px;
border-top-left-radius: 8px;
border-bottom-right-radius: 8px;
}
.content_para_form{
float : left;
width : 885px;/*829px*/
min-height : 200px;
border-left : 1px solid #042a3f;
border-bottom : 1px solid #042a3f;
border-top : 1px solid #042a3f;
border-right : 1px solid #042a3f;
background-color : #ffffff;
/*padding-left : 28px;
padding-right : 28px;
padding-top : 14px;
padding-bottom : 14px;*/
-moz-border-radius: 8px;
-webkit-border-radius: 8px;
border-radius: 8px;
}
/* course info table */
div.courseinfo{
float:left;width:310px;
-moz-border-radius: 8px;
-webkit-border-radius: 8px;
border-radius: 8px;
background-color: #DAE1EA;
margin-bottom:12px;
}
div.courseinfo .label, div.courseinfo .value{
display:block;
float:left;
padding-bottom: 2px;
}
div.courseinfo ul
{
}
div.courseinfo li,
div.courseinfo li a{
font-size:11px;
}
div.courseinfo .label{
width:104px;
font-weight:bold;
clear:both;
}
div.courseinfo .value{
width:120px;
}
div.courseinfo .clear{
clear:both;
}
.image{
float:right;
width:180px;
margin-left:8px;
margin-bottom:8px;
}
div.courseinfo {
float: none;
width: 490px;
border: 1px solid #074F84;
font-size:11px;
}
div.courseinfo a{
font-size:11px;
}
div.courseinfo a:hover{
text-decoration:underline;
}
div.courseinfo .left,
div.courseinfo .right{
width: 224px;
border: 0;
float:left;
padding: 5px 8px;
}
div.courseinfo .left{
border-right: 1px solid #074F84;
margin-right: -1px;
}
div.courseinfo .right{
border-left: 1px solid #074F84;
}
table.courseinfo{
margin-left:10px;
width:300px;
}
table.courseinfo th{
text-align:left;
padding:2px;
}
table.courseinfo td.col_1{
font-weight:bold;
padding:2px;
width:100px;
vertical-align:top;
}
p.error {
margin : 0px;
padding : 0px;
font-size : 11px;
font-family : Helvetica;
color : #074f84;
font-weight : bold;
}
p.row_title {
margin : 0px;
padding : 0px;
font-size : 11px;
font-family : Helvetica;
color : #074f84;
font-weight : normal;
width : 280px;
}
p.row_title_search {
margin : 0px;
padding : 0px;
font-size : 13px;
font-family : Helvetica;
color : #042a3f;
font-weight : bold;
width : 120px;
}
.show_search{
clear:both;
margin-bottom:20px;
}
table.search_overview{
border-collapse:collapse;
width:820px;
}
table.search_overview th{
background-color:#c3d0e5;
text-align:left;
padding:4px;
width:120px;
border:1px solid #fff;
}
table.search_overview td{
border:1px solid #fff;
padding:4px;
}
th.row_title_1,
td.col_result_1{
width : 380px;
}
p.row_value{
margin : 0px;
padding : 0px;
font-size : 11px;
font-family : Helvetica;
color : #074f84;
font-weight : normal;
width : 400px;
}
p.row_value_2{
margin : 0px;
padding : 0px;
font-size : 11px;
font-family : Helvetica;
color : #074f84;
font-weight : normal;
width : 220px;
}
p.row_value_search {
margin : 0px;
padding : 0px;
font-size : 13px;
font-family : Helvetica;
color : #074f84;
font-weight : normal;
width : 120px;
}
p.row_value_search_2 {
margin : 0px;
padding : 0px;
font-size : 13px;
font-family : Helvetica;
color : #074f84;
font-weight : normal;
width : 430px;
}
/*--------------------------for cursus search---------begin--------------------*/
p.row_title_search_3 {
margin : 0px;
padding : 0px;
font-size : 13px;
font-family : Helvetica;
color : #042a3f;
font-weight : bold;
width : 150px;
}
p.row_value_search_3 {
margin : 0px;
padding : 0px;
font-size : 13px;
font-family : Helvetica;
color : #074f84;
font-weight : normal;
width : 150px;
}
p.row_title_search_4 {
margin : 0px;
padding : 0px;
font-size : 13px;
font-family : Helvetica;
color : #042a3f;
font-weight : bold;
width : 290px;
}
p.row_value_search_4 {
margin : 0px;
padding : 0px;
font-size : 13px;
font-family : Helvetica;
color : #074f84;
font-weight : normal;
width : 290px;
}
/*--------------------------for cursus search------end-----------------------*/
p.row_value input{
border : 1px solid #042a3f;
font-size : 11px;
font-family : Helvetica;
color : #074f84;
font-weight : normal;
width : 380px;
}
p.row_value_2 input,
table.row_values input{
border : 1px solid #042a3f;
font-size : 11px;
font-family : Helvetica;
color : #074f84;
font-weight : normal;
width : 190px;
}
p.row_value textarea{
border : 1px solid #042a3f;
font-size : 11px;
font-family : Helvetica;
color : #074f84;
font-weight : normal;
width : 380px;
height : 80px;
}
.formbutton {
border : 1px solid #042a3f;
}
td select {
font-size : 11px;
font-family : Helvetica;
color : #074f84;
font-weight : normal;
border : 1px solid #042a3f;
}
p.row_option {
margin : 0px;
padding : 0px;
font-size : 13px;
font-family : Helvetica;
color : #074f84;
font-weight : normal;
}
p.row_option input{
font-size : 13px;
font-family : Helvetica;
color : #074f84;
font-weight : normal;
}
.table_row_option{
font-size : 13px;
font-family : Helvetica;
color : #074f84;
font-weight : normal;
}
p.row_warning {
margin : 0px;
padding : 0px;
font-size : 11px;
font-family : Helvetica;
color : #ff0000;
font-weight : normal;
}
.content_para_form h1 {
margin : 0px;
padding : 0px;
font-size : 18px;
font-family : Helvetica;
color : #042a3f;
}
.content_para_form h2 {
margin : 0px;
padding : 0px;
font-size : 13px;
font-family : Helvetica;
color : #074f84;
font-weight : bold;
}
.content_para_form h3 {
margin : 0px;
padding : 0px;
font-size : 14px;
font-family : Helvetica;
color : #074f84;
font-weight : bold;
}
.content_para_form p,td{
margin : 0px;
padding : 0px;
font-size : 12px;
font-family : Helvetica;
color : #074f84;
font-weight : bold;
margin-top : 15px;
}
.content_para_form th{
margin : 0px;
padding : 0px;
font-size : 13px;
font-family : Helvetica;
color : #074f84;
font-weight : bold;
margin-top : 15px;
border-bottom: 1px solid #074f84;
}
.content_para_form th a{
font-size : 13px;
font-family : Helvetica;
color : #074f84;
font-weight : bold;
}
table.sectorview{
margin-top:20px
}
table.sectorview li.bolletje {
padding:4px 0px;
}
table.sectorview .kopje {
font-size: 16px;
width: 100%;
border-bottom: 1px solid #05283b;
color: #05283b;
margin-bottom: 0.5em;
font-weight:bold;
}
/* ========== add for search page ========== */
.content_para_form a:hover {
text-decoration : underline;
}
/* ====================================== */
.kop4 {
margin : 0px;
padding : 0px;
font-size : 12px;
font-family : Helvetica;
color : #074f84;
font-weight : bold;
margin-bottom:4px;
}
.rood_klein {
font-size : 11px;
font-family : Helvetica;
color : #ff0000;
font-weight : normal;
}
.formlabel {
font-size : 11px;
font-family : Helvetica;
color : #074f84;
font-weight : normal;
width : 280px;
}
td {
font-size : 11px;
font-family : Helvetica;
color : #ff0000;
font-weight : normal;
}
.formfield {
font-size : 11px;
font-family : Helvetica;
color : #074f84;
font-weight : normal;
}
.formfield input{
font-size : 11px;
font-family : Helvetica;
color : #074f84;
font-weight : normal;
width : 280px;
border : 1px solid #042a3f;
}
textarea {
font-size : 11px;
font-family : Helvetica;
color : #074f84;
font-weight : normal;
width : 560px;
border : 1px solid #042a3f;
}
.formoption {
font-size : 11px;
font-family : Helvetica;
color : #074f84;
font-weight : normal;
}
.formbutton {
font-size : 11px;
font-family : Helvetica;
color : #074f84;
font-weight : normal;
}
.content_para h1 {
margin : 0px;
padding : 0px;
font-size : 18px;
font-family : Helvetica;
color : #042a3f;
font-weight : normal;
}
.content_para h2 {
margin : 0px;
padding : 0px;
font-size : 12px;
font-family : Helvetica;
color : #074f84;
font-weight : bold;
}
.content_para h3 {
margin : 0px;
padding : 0px;
font-size : 14px;
font-family : Helvetica;
color : #457395;
font-weight : bold;
margin-top : 15px;
}
.content_para p {
font-size : 12px;
font-family : Helvetica;
color : #074f84;
font-weight : normal;
margin-top:0px;
}
.content_para p a {
font-size : 12px;
font-family : Helvetica;
color : #c50011;
font-weight : normal;
}
.content_para li a {
font-size : 12px;
font-family : Helvetica;
color : #c50011;
font-weight : normal;
}
.content_para ul {
padding-left : 16px;
margin : 0px 0px 10px 0px;
font-size : 12px;
font-family : Helvetica;
color : #074f84;
font-weight : normal;
}
.content_para ol {
padding-left : 16px;
_margin-left : 8px;
font-size : 12px;
font-family : Helvetica;
color : #074f84;
font-weight : normal;
}
.content_menu{
float : left;
width : 320px;
min-height : 300px;
}
.content_wholemenu{
float : left;
margin-left : 28px;
width : 302px;
height : 270px;
}
.content_help{
width : 329px;
height : 110px;
border : 1px solid #042a3f;
margin-left :-1px;
background-color : #ffffff;
padding-top:10px;
-moz-border-radius-topright: 8px;
-moz-border-radius-bottomright: 8px;
-webkit-border-top-right-radius: 8px;
-webkit-border-bottom-right-radius: 8px;
border-top-right-radius: 8px;
border-bottom-right-radius: 8px;
}
.content_training{
margin-left : 12px;
margin-top : 12px;/*12px;*/
width : 294px;/*294px;*/
background-color : #dae1ea;
border : 1px solid #042a3f;
text-align : left;
padding : 10px;
min-height : 400px;
-moz-border-radius: 8px;
-webkit-border-radius: 8px;
border-radius: 8px;
}
.content_training ul {
margin : 0px;
margin-left : 0px;
padding : 8px;
font-size : 11px;
font-family : Helvetica;
color : #074f84;
font-weight : normal;
}
.content_training ul li {
margin : 0px;
margin-left : 18px;
padding-top : 5px;
*padding-top : 0px;
font-size : 11px;
font-family : Helvetica;
color : #074f84;
font-weight : normal;
}
.content_training ul li a{
font-size : 11px;
font-family : Helvetica;
color : #C50011;
font-weight : normal;
text-decoration : none;
}
.content_training a.activeItem{
font-weight:bold;
}
.content_training ul li a:hover{
text-decoration : underline;
}
/*add by heyuan for training search page -------- begin------------*/
.content_summary{
position : relative;
width : 620px;
min-height : 10px;
margin-top : 10px;
font-size : 12px;
font-family : Helvetica;
color : #074f84;
font-weight : normal;
}
.content_tab{
position : relative;
float : left;
width : 620px;
min-height : 320px;
_height : 320px;
/*border: solid 1px #074f84;*/
}
.tab_line{
position : relative;
width : 620px;
height : 25px;
margin-bottom : -2px;
z-index : 2;
}
.tab_show{
background-color : #dae1ea;
position : relative;
width : 618px;/*600px;*/
min-height : 280px;/*240px;*/
_height : 280px;
/*border-right : solid 1px #074f84;
border-bottom : solid 1px #074f84;
border-left : solid 1px #074f84;*/
/*padding-left : 18px;
padding-bottom : 18px;*/
border : solid 1px #074f84;
padding-top:10px;
-moz-border-radius-bottomleft: 10px;
-moz-border-radius-topleft: 10px;
-moz-border-radius-bottomright: 10px;
-webkit-border-bottom-left-radius: 10px;
-webkit-border-top-left-radius: 10px;
-webkit-border-bottom-right-radius: 10px;
border-bottom-left-radius: 10px;
border-top-left-radius: 10px;
border-bottom-right-radius: 10px;
}
.tab_hidden{
background-color : #c3d0e5;
position : relative;
width : 618px;
min-height : 280px;
_height : 280px;
display : none;
/*padding-left : 18px;
padding-bottom : 18px;*/
border : solid 1px #074f84;
margin-top : 10px;
}
.blank_tab_button{
float : right;
width : 160px;
height : 24px;
/*border-right : solid 1px #074f84;*/
border-bottom : solid 1px #074f84;
background-color : #ffffff;
}
#button_one{
border-left : solid 1px #074f84;
}
.tab_button{
text-align : center;
float : right;
width : 150px;
border-bottom : solid 1px #074f84;
border-right : solid 1px #074f84;
border-top : solid 1px #074f84;
height : 23px;
background-color : #c3d0e5;
font-size : 13px;
font-family : Helvetica;
color : #042a3f;
font-weight : normal;
cursor : pointer;
cursor : hand;
}
.tab_button_click{
font-size : 13px;
font-family : Helvetica;
color : #042a3f;
font-weight : bold;
text-align : center;
float : right;
width : 150px;
background-color : #dae1ea;
border-right : solid 1px #074f84;
border-top : solid 1px #074f84;
height : 24px;
cursor : pointer;
cursor : hand;
}
p.search_term{
margin : 0px;
padding : 0px;
font-size : 13px;
font-family : Helvetica;
color : #074f84;
font-weight : bold;
padding-top : 15px;
}
.filter_option{
position : relative;
margin-top : 24px;
margin-left : 18px;
float : right;
width : 188px;/*173px;*/
height : 340px;
background-color : #dae1ea;
border : solid 1px #074f84;
/*padding-left : 15px;
padding-top : 10px;*/
-moz-border-radius: 8px;
-webkit-border-radius: 8px;
border-radius: 8px;
}
.options_head{
position : relative;
width : 600px;
height : 20px;
font-size : 13px;
font-family : Helvetica;
color : #074f84;
font-weight : bold;
/*padding-top : 15px;*/
}
.options_column{
position : relative;
float : left;
width : 145px;
/*word-break :break-all;*/
/*white-space :/*nowrapnormal;*/
word-wrap : break-word;
overflow : hidden;
}
.options_column_2{
position : relative;
float : left;
width : 193px;
/*word-break :break-all;*/
/*white-space :/*nowrapnormal;*/
word-wrap : break-word;
overflow : hidden;
}
td.row_option_checkbox{
margin : 0px;
padding : 0px;
font-size : 13px;
font-family : Helvetica;
color : #074f84;
font-weight : normal;
width : 19px;
vertical-align : top;
}
td.row_option_title{
margin : 0px;
padding : 0px;
font-size : 13px;
font-family : Helvetica;
color : #074f84;
font-weight : normal;
width : 126px;
}
td.row_option_title_2{
margin : 0px;
padding : 0px;
font-size : 13px;
font-family : Helvetica;
color : #074f84;
font-weight : normal;
width : 183px;
}
.options_button{
position : relative;
width : 580px;
margin-top : -10px !important;
margin-top : 0px;
float : left;
}
.options_button_2{
position : relative;
width : 580px;
margin-top : 10px;
float : left;
}
/*---------------------training search wizard----------------------*/
#wizard_content{
position : relative;
float : left;
width : 618px;/*600px;*/
min-height : 300px;
background-color : #DAE1EB;
/*padding-left : 18px;
padding-bottom : 18px;*/
border : solid 1px #074f84;
font-size : 13px;
font-family : Helvetica;
color : #074f84;
font-weight : bold;
-moz-border-radius: 8px;
-webkit-border-radius: 8px;
border-radius: 8px;
}
#wizard_step_indication{
position : relative;
float : left;
width : 620px;
height : 70px;margin-top:5px;
}
#wizard_image{
position : relative;
width : 189px;
height : 300px;
margin-left : 18px;
float : right;
border : solid 1px #074f84;
}
.wizard_options_content{
position : relative;
width : 582px;
min-height : 100px;
overflow : auto;
padding-top : 5px;
padding-bottom : 10px;
}
.step_block{
border-bottom : solid 1px #074f84;
width : 582px;
padding-bottom : 8px;
}
/*------------------------------end---------------------------------*/
.content {
width : 288px;/*294px;*/
background-color : #dae1eb;
border : 1px solid #042a3f;
text-align : left;
float : right;
min-height : 200px;
padding-left : 14px;
padding-right : 14px;
padding-top : 14px;
padding-bottom : 14px;
-moz-border-radius: 8px;
-webkit-border-radius: 8px;
border-radius: 8px;
}
.content ul {
margin : 0px;
margin-left : 0px;
padding : 8px 8px 0px 8px;
font-size : 11px;
font-family : Helvetica;
color : #074f84;
font-weight : normal;
}
.content ul li {
margin : 0px;
margin-left : 18px;
padding-top : 5px;
*padding-top : 0px;
font-size : 11px;
font-family : Helvetica;
color : #074f84;
font-weight : normal;
}
.content ul li a{
font-size : 11px;
font-family : Helvetica;
color : #074f84;
font-weight : normal;
text-decoration : none;
}
.content ul li a:hover{
text-decoration : underline;
}
.content h1 {
margin : 0px;
padding : 4px;
font-size : 14px;
font-family : Helvetica;
color : #042a3f;
font-weight : bold;
}
.content h2 {
margin : 0px;
padding : 0px;
font-size : 12px;
font-family : Helvetica;
color : #074f84;
font-weight : bold;
}
.content h3 {
margin : 0px;
padding : 0px;
font-size : 14px;
font-family : Helvetica;
color : #074f84;
font-weight : bold;
}
.content p {
font-size : 12px;
font-family : Helvetica;
color : #074f84;
font-weight : normal;
}
.content_training h1 {
margin : 0px;
padding : 4px;
font-size : 14px;
font-family : Helvetica;
color : #042a3f;
font-weight : bold;
}
/* news */
#newsItem_content_holder{
position : relative;
width : 882px;
margin-bottom : 18px;
margin-left : 38px;
}
#newsItem_content_block{
position : relative;
float : left;
width : 560px;
background-color : #006699;
}
/* search/filter options */
#search_options_header{
position : relative;
width : 560px;
height : 28px;
background-color : #dae1ea;
padding : 4px 0px;
-moz-border-radius: 5px;
-webkit-border-radius: 5px;
border-radius: 5px;
}
#search_label{
position : relative;
width : 250px;
left : 20px;
float : left;
font-size : 13px;
font-family : Helvetica;
color : #074f84;
font-weight : normal;
text-align : left;
}
#search_label #arrow{
color: #c50011;
}
#search_field{
position : relative;
width : 300px;
right : 20px;
top : 1px;
float : right;
font-size : 13px;
font-family : Helvetica;
color : #074f84;
font-weight : normal;
text-align : right;
}
#search_options_block{
position : relative;
width : 560px;/*540px;*/
background-color : #dae1ea;
/*padding-left : 20px;*/
margin-top:-7px;
-moz-border-radius: 5px;
-webkit-border-radius: 5px;
border-radius: 5px;
}
#search_options_content{
position : relative;
/*margin-left : 20px;*/
top : 5px;
width : 520px;
height : 160px;
border-bottom : 1px solid #074f84;
border-top : 1px solid #074f84;
}
.options_top_label{
position : relative;
width : 520px;
height : 20px;
font-size : 13px;
font-family : Helvetica;
color : #074f84;
font-weight : normal;
padding-top : 15px;
}
#options_categories{
position : relative;
width : 260px;
height : 130px;
font-size : 13px;
font-family : Helvetica;
color : #074f84;
font-weight : normal;
float : left;
}
#options_subcategories{
position : relative;
width : 260px;
height : 130px;
font-size : 13px;
font-family : Helvetica;
color : #074f84;
font-weight : normal;
float : right;
}
ul.options{
margin : 0px;
padding : 0px;
font-size : 13px;
font-family : Helvetica;
color : #074f84;
font-weight : normal;
list-style-type : none;
}
#search_colleges_content{
position : relative;
/*margin-left : 20px;*/
padding-bottom:10px;
top : 5px;
width : 520px;
border-bottom : 1px solid #074f84;
}
#options_colleges{
position : relative;
}
#search_date_content{
position : relative;
/*margin-left : 20px;*/
top : 5px;
width : 520px;
height : 100px;
}
#search_date_option{
position : relative;
float : left;
}
#search_submit_button{
position : absolute;
bottom : 10px;
right : 0px;
float : right;
}
/* search result */
#searchresult_block{
position : relative;
float : left;
width : 560px;
margin-top : 20px;
background-color : #ffffff;
padding-bottom : 10px;
-moz-border-radius: 5px;
-webkit-border-radius: 5px;
border-radius: 5px;
}
#searchresult_header{
position : relative;
width : 520px;
height : 35px;
padding-top : 15px;
padding-left : 20px;
font-size : 16px;
font-family : Helvetica;
color : #042a3f;
font-weight : bold;
float : left;
}
.searchresult_page{
position : relative;
width : 560px;
float : left;
}
.searchresult_item{
position : relative;
width : 520px;
min-height : 80px;
margin-bottom : 5px;
left : 20px;
float : left;
}
.searchresult_image{
position : relative;
width : 100px;
height : 80px;
float : left;
}
.searchresult_content{
position : relative;
width : 400px;
min-height : 80px;
float : right;
}
.searchresult_title_block{
position : relative;
width : 400px;
/*min-height : 20px;*/
margin-bottom : 0px;
float : left;
}
.searchresult_title{
position : relative;
width : 290px;
float : left;
font-size : 13px;
font-family : Helvetica;
color : #042a3f;
font-weight : bold;
text-align : left;
}
.searchresult_date{
position : relative;
width : 110px;
float : right;
font-size : 12px;
font-family : Helvetica;
color : #042a3f;
font-weight : bold;
text-align : right;
vertical-align : bottom;
}
.searchresult_summary{
position : relative;
float : left;
width : 400px;
font-size : 12px;
font-family : Helvetica;
color : #074f84;
font-weight : normal;
text-align : left;
}
.searchresult_summary p{
padding : 0px;
margin : 0px;
}
.searchresult_footer_label{
position : relative;
width : 180px;
float : left;
font-size : 12px;
font-family : Helvetica;
color : #074f84;
font-weight : normal;
left : 20px;
}
#searchresult_footer_button{
position : relative;
width : 88px;
float : left;
margin-left : 50px;
color : #074f84;
}
#previous_page{
width : 40px;
font-size : 12px;
font-family : Helvetica;
color : #074f84;
font-weight : normal;
float : left;
border-right : 1px solid #074f84;
cursor : pointer;
cursor : hand;
}
#next_page{
width : 40px;
font-size : 12px;
font-family : Helvetica;
color : #074f84;
font-weight : normal;
float : right;
cursor : pointer;
cursor : hand;
}
/* content */
#newsItem_content{
position : relative;
width : 560px;/*522px;*/
margin-top : 12px;
padding-top :10px;
background-color : #ffffff;
/*overflow : auto;*/
/*padding-left : 38px;*/
-moz-border-radius: 5px;
-webkit-border-radius: 5px;
border-radius: 5px;
}
#newsItem_title_block{
position : relative;
/*left : 38px;*/
width : 484px;
min-height : 20px;
top : 18px;
float : left;
padding-bottom : 20px;
}
#newsItem_title {
position : relative;
min-height : 20px;
width : 410px;
text-align : left;
float : left;
padding : 0px;
font-size : 16px;
font-family : Helvetica;
color : #042a3f;
font-weight : bold;
}
#newsItem_startdate {
position : relative;
width : 74px;
text-align : right;
margin-top : 3px;
padding : 0px;
font-size : 13px;
font-family : Helvetica;
color : #042a3f;
font-weight : bold;
float : right;
min-height : 20px;
}
/*l#newsItem_mainblock{
position : relative;
float : left;
eft : 38px;
width : 484px;
min-height : 180px;
margin-top : 10px;
padding-bottom : 20px;
}*/
#newsItem_maintext{
position : relative;
text-align : left;
font-size : 12px;
font-family : Helvetica;
color : #074f84;
font-weight : normal;
margin-top : 10px;
}
#newsItem_maintext p{
padding : 0px;
font-size : 12px;
font-family : Helvetica;
color : #074f84;
font-weight : normal;
}
#newsItem_maintext p a{
padding : 0px;
font-size : 12px;
font-family : Helvetica;
color : #c50011;
font-weight : normal;
}
#newsItem_image{
position : relative;
margin-left : 20px;
width : 240px;
height : 180px ;
float : right;
margin-top : 10px;
margin-right:0px;
}
#newsItem_paragraph{
position : relative;
/*left : 38px;*/
}
.newsItem_paragraph_title{
position : relative;
text-align : left;
padding : 0px;
font-size : 14px;
font-family : Arial, Helvetica;
color : #074f84;
font-weight : bold;
}
.newsItem_paragraph_text{
position : relative;
text-align : left;
font-size : 12px;
font-family : Helvetica;
color : #074f84;
font-weight : normal;
margin-bottom : 20px;
}
.newsItem_paragraph_text p{
padding : 0px;
margin-top : 0px;
font-size : 12px;
font-family : Helvetica;
color : #074f84;
font-weight : normal;
}
.newsItem_paragraph_text p a{
padding : 0px;
font-size : 12px;
font-family : Helvetica;
color : #c50011;
font-weight : normal;
}
#newsarchief_block{
position : relative;
float : left;
margin-left : 22px;
width : 300px;/*278px;*/
min-height : 700px;_height:700px;
background-color : #dae1ea;
/*overflow : auto;*/
/*padding-left : 22px;*/
-moz-border-radius: 5px;
-webkit-border-radius: 5px;
border-radius: 5px;
}
#newsarchief_header{
position : relative;
/*margin-left : 22px;*/
margin-top : 20px;
margin-bottom : 10px;
padding-bottom : 5px !important;
padding-bottom : 0px;
width : 256px;
height : 15px ;
border-bottom : 1px solid #2E4759;
font-size : 16px;
font-family : Helvetica;
color : #042a3f;
font-weight : bold;
}
#newsarchief_header a{
margin-left : 5px;
}
#newsarchief_header a img{
border : 0;
}
#newsarchief_footer{
position : relative;
margin-top : 20px;
margin-left : 14px;
/*bottom : 20px;
right : 22px;*/
width : 235px;
height : 20px;
color : #074f84;
}
#previous{
font-size : 12px;
font-family : Helvetica;
color : #074f84;
float : right;
cursor : pointer;
cursor : hand;
}
#next{
padding-right:10px;
font-size : 12px;
font-family : Helvetica;
color : #074f84;
float : left;
border-right : 1px solid #074f84;
cursor : pointer;
cursor : hand;
}
#next img,
#previous img{
vertical-align:middle;
margin-top:-5px;
}
.table{
position : relative;
/*float : left;
left : 22px;*/
width : 256px;
}
.tr_header{
position : relative;
/*left : 22px;*/
width : 256px;
bottom : 5px;
height : 25px ;
}
.tr_item{
position : relative;
/*left : 22px;*/
width : 256px;
}
.th_blank{
padding : 0px;
margin : 0px;
width : 78px;
height : 25px ;
}
.th_header{
padding : 0px;
margin : 0px;
width : 158px;
font-size : 16px;
font-family : Helvetica;
font-weight : bold;
color : #042a3f;
border-bottom : 1px solid #074f84;
text-align : left;
vertical-align : bottom;
}
.td_date{
padding : 0px;
margin : 0px;
width : 78px;
font-size : 12px;
font-family : Helvetica;
font-weight : normal;
color : #074f84;
vertical-align : top;
}
.td_title{
padding : 0px;
margin : 0px;
width : 158px;
font-size : 12px;
font-family : Helvetica;
font-weight : normal;
color : #074f84;
}
.td_title a{
padding : 0px;
margin : 0px;
font-size : 12px;
font-family : Helvetica;
font-weight : normal;
color : #074f84;
}
.td_title a:hover{
color:#c50011;
}
/* below is for activity item only*/
#activityItem_title_block{
position : relative;
margin-left : 38px;
width : 484px;
height : 40px ;
top : 18px;
}
#activityItem_location {
position : relative;
width : 484px;
text-align : left;
padding : 0px;
font-size : 12px;
font-family : Helvetica;
color : #042a3f;
font-weight : bold;
margin-top : 0px;
/*left : 38px;*/
float : left;
}
.searchresult_location{
position : relative;
width : 400px;
float : left;
font-size : 12px;
font-family : Helvetica;
color : #042a3f;
font-weight : bold;
text-align : left;
}
.innerDIV{
padding-left : 28px;
padding-right : 28px;
padding-top : 14px;
padding-bottom : 14px;
}
.innerDIV_2{
padding-left : 20px;
}
.innerDIV_3{
padding-left : 38px;
overflow : auto;
padding-right : 38px;
}
.innerDIV_4{
padding-left : 22px;
overflow : auto;
}
.innerDIV_5{
padding-left : 18px;
padding-bottom : 18px;
}
.innerDIV_6{
padding-left : 15px;
padding-top : 10px;
}
/*-----------------for free text----------------*/
.paragraphTitleContact{
width: 400px;
position : relative;
text-align : left;
font-size : 14px;
font-family : arial;
color : #457395;
font-weight : bold;
margin-top : 20px;
}
.paragraphText{
position : relative;
text-align : left;
font-size : 12px;
font-family : Helvetica;
color : #074f84;
font-weight : normal;
}
.paragraphText p{
padding : 0px;
margin : 0px;
font-size : 12px;
font-family : Helvetica;
color : #074f84;
font-weight : normal;
}
.img160x120left{
width : 160px;
height : 120px;
float : left;
margin-right : 10px;
}
.img160x120right{
width : 160px;
height : 120px;
float : right;
margin-left : 10px;
}
.img160x120{
width : 160px;
height : 120px;
float : left;
}
.container_contentbox{
width : 494px;
margin-top : 20px;
}
.container_contentbox_2{
width : 494px;
margin-top : 20px;
min-height : 120px;
}
#menu{
border-bottom:1px solid #042a3f;
margin-top:
}
#menu li{
/*list-style-type: none;*/
}
#menu li a{
color: #c50011;
}
.category_menu ul li a.activeshiftitem{
color: #c50011;
}
#accordionactiviteiten{
list-style-type: none;
margin: 0px;
padding: 0px;
}
#accordionactiviteiten td{
font-size : 11px;
font-family : Helvetica;
color : #074f84;
font-weight : normal;
text-decoration : none;
}
#accordionactiviteiten li{
list-style-type: none;
margin: 0px;
padding: 0px;
padding-left: 10px;
}
#accordionactiviteiten li a{
color: #c50011;
}
#activityblock{
position: relative;
margin: 0px;
padding: 0px;
width: 480px;
}
#activityblock_title{
position: relative;
margin: 0px;
padding: 0px;
float:left;
width: 320px;
text-align : left;
font-size : 20px;
font-family : Helvetica;
color : #042a3f;
font-weight : normal;
}
#activityblock_date{
position: relative;
float: right;
margin: 0px;
padding: 0px;
width: 160px;
text-align : right;
font-size : 12px;
font-family : Helvetica;
color : #042a3f;
font-weight : bold;
}
#activityblock_location{
position: relative;
width: 480px;
padding:10px 0px 10px 0px;
font-size : 12px;
font-family : Helvetica;
color : #042a3f;
font-weight : bold;
}
#activityblock_location a{
font-size : 12px;
font-family : Helvetica;
color : #c50011;
font-weight : bold;
}
#newsblock{
position: relative;
margin: 0px;
padding: 0px;
height: 40px;
width: 480px;
}
#newsblock_title{
position: relative;
float: left;
margin: 0px;
padding: 0px;
height: 40px;
width: 380px;
text-align : left;
font-size : 16px;
font-family : Helvetica;
color : #042a3f;
font-weight : bold;
}
#newsblock_date{
position: relative;
float: right;
margin: 0px;
padding: 0px;
height: 20px;
width: 100px;
text-align : right;
font-size : 12px;
font-family : Helvetica;
color : #042a3f;
font-weight : bold;
}
#arrow{
cursor : pointer;
cursor : hand;
}
.accordion{
border-bottom:1px solid #042a3f;
}
.accordion_item{
background-color:#C4D0E6;
background-image: url("../img/accordion_item_mid_bg.png");
background-repeat:repeat-x;
background-position:top left;
border:1px solid #042a3f;
border-bottom:0px;
cursor:pointer;
height:29px;
background-image: url("../img/accordion_item_mid_bg.png");
}
.accordion_items{
border:0px;
padding-bottom:8px;
border-left:1px solid #042a3f;
border-right:1px solid #042a3f;
border-top:1px solid #042a3f;
background-color: #fff;
}
.accordion_item h1{
font-weight:bold;
font-size:12px;
margin-top:3px;
margin-left:12px;
}
.sectorview .kopje{
font-size:20px;
}
.sectorview .bolletje{
font-size:16px;
}
/* Zoek Resultaten */
div#result-pagination
{
text-align: center;
}
div#result-pagination a.active
{
font-weight: bold;
text-decoration: underline;
}
div#result-pagination a.previous, div#result-pagination a.next
{
font-weight: bold;
text-decoration: underline;
font-size: 95%;
padding: 2px 5px;
}