@import url("default.css");
@import url("../../Css/STJB.css");

/******************* RECRUITMENT SITE ********************/
h1, .RTE_Title {
	font-size:13px;
	margin-top:0px;
	margin-bottom:10px;
	font-weight:bold;
	color:#AF2626;
}
.left h4 {
	font-size:11px;
	margin-top:0px;
	margin-bottom:0px;
	font-weight:normal;
	color:#2D338E;
	margin-left:0px;
}

.left h5 {
	color:#999999;
}
.actual h4 a.bullet {
	display:block;
	padding:0px 0px 0px 10px;
	text-decoration:none;
	background-image:url(../images/bullet.gif);
	background-position:2px 6px;
	background-repeat:no-repeat;
	color:#2D338E;
}
.actual h4 a.bullet:hover {
	text-decoration:none;
	color:#AF2626;
}/*
.actual a.bullet {
	display:block;
	padding:0px 0px 0px 10px;
	text-decoration:none;
	background-image:url(../images/bullet.gif);
	background-position:2px 6px;
	background-repeat:no-repeat;
	color:#2D338E;
}
.actual a.bullet:hover {
	text-decoration:none;
	color:#AF2626;
}*/

/*********** TOPMENU ***********/
.topMenu {
	color:#666666;
	text-align:right;
}
.topMenu a {
	color:#666666;
	text-decoration:none;
	padding:1px 0px 2px 0px;
}
.topMenu a:hover {
	color:#AF2626;
	text-decoration:underline;
	background-color:#FFFFFF;
}

/*********** MENU HOME ***********/
.menuTitle1, .menuTitle2, .menuTitle3, .menuTitle4, .menuTitle5, .menuTitle6 {
	color:#FFFFFF;
	font-weight:bold;
	text-align:center;
	vertical-align:middle;
	background-color:#AABA0A;
}
.menuTitle4, .menuTitle5, .menuTitle6 {
	margin-bottom:7px;
}
.menuTitle1 a, .menuTitle2 a, .menuTitle3 a {
	color:#FFFFFF;
	text-decoration:none;
	display:block;
	width:168px;
	height:16px;
	padding-top:2px;
	border-bottom:10px solid #FFFFFF;
	background-image:url(../images/pijl_down.gif);
	background-position:right;
	background-repeat:no-repeat;
}
.menuTitle4 a, .menuTitle5 a {
	color:#FFFFFF;
	text-decoration:none;
	display:block;
	width:168px;
	height:16px;
	padding-top:2px;
	border-top:10px solid #FFFFFF;
	background-image:url(../images/pijl_up.gif);
	background-position:right;
	background-repeat:no-repeat;
}
.menuTitle6 a {
	color:#FFFFFF;
	text-decoration:none;
	display:block;
	width:168px;
	height:16px;
	padding-top:2px;
	border-top:10px solid #FFFFFF;
	background-image:url(../images/pijl_right.gif);
	background-position:right;
	background-repeat:no-repeat;
}
.menuTitle1 a:hover, .menuTitle2 a:hover, .menuTitle3 a:hover, .menuTitle4 a:hover, .menuTitle5 a:hover, .menuTitle6 a:hover {
	color:#FFFFFF;
	text-decoration:none;
	background-color:#AF2626;
}

/*********** MENU VERVOLG ***********/
.menu {
	background-color:#AABA0A;
	margin-left:10px;
	height:18px;
	display:block;
	margin-bottom:7px;
}
.menu .menuTitle1 a:hover {
	background-color:#FFFFFF;
	color:#AF2626;
}
.menu .menuTitle2 a:hover {
	background-color:#FFFFFF;
	color:#AF2626;
}
.menu .menuTitle3 a:hover {
	background-color:#FFFFFF;
	color:#AF2626;
}
.menu .menuTitle4 a:hover {
	background-color:#FFFFFF;
	color:#AF2626;
}
.menu .menuTitle5 a:hover {
	background-color:#FFFFFF;
	color:#AF2626;
}
.menu .menuTitle6 a:hover {
	background-color:#FFFFFF;
	color:#AF2626;
}
/*************************/
#menu_1 .items a:hover, #menu_2 .items a:hover, #menu_3 .items a:hover, #menu_4 .items a:hover, #menu_5 .items a:hover, #menu_6 .items a:hover {
	color:#FFFFFF;
	background-color:#AF2626;
	text-decoration:none;
}
/*************************/
.menu .activemenu_1 {
	background-color:#FFFFFF;
	color:#AF2626 !important;
	background-image:none;
}
.menu .activemenu_2 {
	background-color:#FFFFFF;
	color:#AF2626 !important;
	background-image:none;
}
.menu .activemenu_3 {
	background-color:#FFFFFF;
	color:#AF2626 !important;
	background-image:none;
}
.menu .activemenu_4 {
	background-color:#FFFFFF;
	color:#AF2626 !important;
	background-image:none;
}
.menu .activemenu_5 {
	background-color:#FFFFFF;
	color:#AF2626 !important;
	background-image:none;
}
.menu .activemenu_6 {
	background-color:#FFFFFF;
	color:#AF2626 !important;
	background-image:none;
}
/*************************/
.activemenu_1, .activemenu_2, .activemenu_3, .activemenu_4, .activemenu_5, .activemenu_6 {
	color:#FFFFFF;
	text-decoration:none;
	background-position:right;
	background-repeat:no-repeat;
	background-color:#AF2626;
}
.activemenu_1, .activemenu_2, .activemenu_3 {
	background-image:url(../images/pijl_down.gif);
}
.activemenu_4, .activemenu_5, .activemenu_6 {
	background-image:url(../images/pijl_up.gif);
}

/*********** HOMEPAGE FOTO ***********/
.photoContainer5 {
	width:540px;
	height:254px;
}
#randomHomepageComponent.photoContainer5 {
	margin-top:0px;
}
.photoContainer5 .onePhoto {
	height:254px;
	background-repeat:no-repeat;
	background-position:right center;
	width:540px;
	display:block;
	overflow:auto;
}
.photoContainer5 .videoplayer {
	position:absolute;
	margin-top:31px;
	margin-left:187px;
}

.photoContainer5 .photoContent {
	position:absolute;
	z-index:20;
	width:159px;
	color:#999999;
	margin-top:40px;
	margin-left:10px;
}
.photoContent div {
	padding:0px;
	margin:0px 0px 0px 25px;
}
.photoContainer5 .photoTitle {
	position:absolute;
	z-index:20;
	width:540px;
	margin:10px 0px 0px 10px;
}
.photoContainer5 .photoTitle h1 {
	font-size:18px;
	margin-top:0px;
	margin-bottom:10px;
	font-weight:bold;
	color:#AF2626;
}
.photoContent h2, .photoContent h3 {
	color:#999999;
}
.photoContent h2 {
	font-size:15px;
}
.photoContent a.btn {
	color:#999999;
	border:solid 1px #999999;
}

/*********** HOME LINKERKANT ***********/
.breakingNews {
	margin-bottom:10px;
	margin-left:10px;
	padding:0px;
	color:#AABA0A;
	background-color:#FFFFFF;
}
.breakingNews h3 {
	font-size:11px;
	margin-top:0px;
	margin-bottom:2px;
	font-weight:bold;
	color:#AABA0A;
	margin-left:0px !important;
}
.breakingNews a {
	padding:3px 0px 0px 0px;
	color:#AABA0A;
}
.breakingNews a.inline {
	padding:0px;
	display:inline;
}
.actual .text {
	padding:0px 0px 0px 10px;
	display:block;
}

/**************** HOME BANNERS *******************/
.recruitmentBannersHome {
	margin:5px 10px 0px 10px;
}
.recruitmentBannersHome h1 {
	color:#FFFFFF;
	text-align:left;
	background-color:#AABA0A;
	height:16px;
	margin:0px 0px 5px 0px!important;
	padding:2px 0px 0px 10px;
	font-size:11px;
}
.recruitmentBannersHome .button {
	position:absolute;
	margin-top:105px;
}
.recruitmentBannersHome .button img {
	float:right;
}
.recruitmentBannersHome .button a {
	font-size:10px;
	float:right;
	background-image:url(../images/btn_bg.gif);
	background-repeat:repeat-x;
	height:18px;
	padding:0px 4px 0px 4px;
}
.recruitmentBannersHome .button a:hover {
	background-image:url(../images/btn_bg_f2.gif);
}
.playMovie {
	position:absolute;
	top:auto;
	left:auto;
	margin-top:105px;
	margin-left:8px;
}
.fiveBanners, .fiveBannersLast {
	border:solid 1px #CCCCCC;
	height:132px;
	float:left;
	background-repeat:no-repeat;
	background-position:left 0px;
}
.fiveBanners {
	margin-right:18px;
}
.fiveBanners p, .fiveBannersLast p {
	font-size:10px;
	padding:0px 5px 0px 60px;
}
#videoBox1, #videoBox2 {
	display:none;
	height:117px;
	position:absolute;
	z-index:100;
	/*background-color:#FFFFFF;*/
	margin-top:18px;
}
.videoBox {
	display:none;
	height:132px;
	position:absolute;
	z-index:100;
	/*background-color:#FFFFFF;*/
	margin-top:18px;
}
.videoBoxBig {
	/*display:none;*/
	height:132px;
	position:absolute;
	z-index:100;
	background-color:#FFFFFF;
}
.playMovieBig {
	position:absolute;
	top:auto;
	left:auto;
	margin-top:8px;
	margin-right:8px;
	text-align:right;
}
/*
	font-size:18px;
	margin-top:0px;
	margin-bottom:10px;
	font-weight:bold;
	color:#AF2626;
*/
/**************** RECHTERKANT *******************/
.related p {
	display:block;
	padding:1px 0px 1px 0px;
}
.related a {
	display:inline;
	text-decoration:underline;
}
/*.related a {
	display:block;
	padding:1px 0px 6px 0px;
	text-decoration:underline;
	font-weight:bold;
}
.related a:hover {
	color:#AF2626;
	text-decoration:underline;
}*/
.chat {
	display:block;
	padding:1px 0px 16px 0px;
	background-image:url(../images/img_offline.gif);
	background-position:left 18px;
	background-repeat:no-repeat;
	color:#999999;
}
a.chat {
	color:#5E4E45;
	padding:1px 0px 16px 0px;
	background-image:url(../images/img_online.gif);
}
a.chat:hover {
	color:#AF2626;
}

/*********** VERVOLG LINKERKANT ***********/
#sectie6 .colorLine{
	background-color:#AF2626;
}
#sectie6 .subMenu a:hover {
	color:#AF2626;
	text-decoration:none;
}
#sectie6 .subMenu .selected, #sectie6 .subMenu a.selected {
	color:#AF2626;
	background-image:url(../images/bullet6.gif);
	background-position:2px 5px;
	background-repeat:no-repeat;
}
#sectie6 .children a, #sectie6 .children a:hover, #sectie6 .children .active {
	color:#AF2626;
}
#sectie6 .title {
	background-color:#AABA0A;
	margin-bottom:3px;
}
.subScript {
	margin-left:10px;
	font-size:10px;
}
#sectie6 .button {
	margin:10px 0px 0px 10px;
}
#sectie6 .button img {
	float:left;
	width:auto;
}
#sectie6 .button a {
	font-size:10px;
	float:left;
	background-image:url(../images/btn_bg.gif);
	background-repeat:repeat-x;
	height:18px;
	padding:0px 4px 0px 4px;
}
#sectie6 .button a:hover {
	background-image:url(../images/btn_bg_f2.gif);
}
/************* KRUIMELPAD ****************/
.breadCrumb {
	clear:both;
	margin:0px 0px 13px 10px;
	color:#AABA0A;
}
.breadCrumb a {
	text-decoration:none;
	color:#999999;
}
.breadCrumb a:hover {
	text-decoration:none;
	color:#AF2626;
}
/*********** VERVOLG MIDDEN ***********/
.content a {
	color:#AF2626;
	text-decoration:none;
}
.content a:hover {
	color:#AF2626;
	
}
/*********** BOTTOM ***********/
.payOff {
	margin-right:205px;
	margin-left:205px;
	text-align: left;
	color:#AABA0A;
	padding:0px 0px 7px 0px;
}
.payOff a {
	color:#AABA0A;
	text-decoration:none;
}

/*********** FILTER ***********/
.filter {
	background-color:#E5EAB5;
	padding:8px 10px 6px 10px;
	color:#2D338E;
	margin:0px 0px 8px 0px;
}
.filter .formButton {
	margin:45px 0px 0px 0px;
	text-align:right;
}
.filter .formButton input, .filter .reset input {
	font-family:Verdana, Arial, Helvetica, sans-serif;
	font-size:11px;
	border:solid 1px #AABA0A;
	color:#FFFFFF;
	background-color:#AABA0A;
	padding:0px !important;
	margin:0px 0px 0px 0px;
}

/*********** FORM ***********/
.form {
	background-color:#F6F8E6;
}
.formDiv .warning {
	color:#FF0000;
	font-size:10px;
	margin-bottom:8px;
}
.formDiv .formButton input {
	font-family:Verdana, Arial, Helvetica, sans-serif;
	font-size:11px;
	background-color:#C3CF53;
	color:#FFFFFF;
	border:solid 1px #AABA0A;
}
.form input.textField {
	border:solid 1px #DDE39D;
	background-color:#FFFFFF;
}
.form input.upload {
	border:solid 1px #DDE39D;
	background:#FFFFFF;
}
.form textArea {
	border:solid 1px #DDE39D!important;
	background-color:#FFFFFF;
}
.form input.error {
	border:solid 1px #FF0000;
	background-color:#FFFFFF;
	color:#FF0000;
}
.form .select select {
	width:260px;
	border:solid 1px #DDE39D;
	background-color:#FFFFFF;
}

/********* FUNCTIONALITEIT *************/
.pagefunctions {
	color:#999999;
	padding:8px 0px 0px 0px;
	height:22px;
	float:left;
}
.pagefunctions a {
	color:#999999;
	text-decoration:none;
	background-position:left 0px;
	background-repeat:no-repeat;
	display:block;
	line-height:16px;
	height:20px;
	float:left;
	padding-left:20px;
	margin-right:30px;
}
.pagefunctions a:hover {
	color:#2D338E;
	text-decoration:none;
}
.pagefunctions a.print {
	background-image:url(../images/icn_print.gif);
	padding-left:25px;
}
.pagefunctions a.print:hover {
	background-image:url(../images/icn_print_f2.gif);
}
.special {
	color:#2D338E;
	padding:0px 0px 5px 0px;
}

/********* EXTRA INFORMATIE (BANNER) *************/
.banner {
	border:solid 1px #E5E7F2;
	display:block;
	margin:10px 0px 10px 10px;
	color:#2D338E;
}
.banner p {
	/*margin:5px 7px 10px 7px;*/
	margin:5px 7px 3px 7px;
}
/*.banner a{
	display:block;
	text-decoration:none;
	color:#2D338E;
	background-image:url(../images/banner_pijl.gif);
	background-position:right;
	background-repeat:no-repeat;
}*/
.leftPlayerText {
	font-size:11px;
	margin-top:0px;
	margin-bottom:2px;
	font-weight:bold;
	font-style:italic;
	color:#AABA0A;
	margin-left:10px !important;
}


.banner h4 {
	font-size:11px;
	margin-top:0px;
	margin-bottom:2px;
	font-weight:bold;
	color:#5E4E45;
}