@charset "utf-8";
/* CSS Document */

.text01 p{ margin-bottom:10px;}
.text01 ul{margin-left:20px; margin-bottom:10px;}

a.link { /*The background image*/
	background: url(/images/link.png) no-repeat right center;
	padding-right: 13px;
	line-height: 16px; /* To center the text vertically with the icon */
}

a.toggleNext { /*The background image*/
	cursor:pointer;
	background: url(/images/linkplus.ico) no-repeat right center;
	padding-right: 13px;
	line-height: 16px; /* To center the text vertically with the icon */
}

a.linkemail{ /*The background image*/
	background: url(/images/linkmail.ico) no-repeat right center; 
	padding-right: 13px;
	line-height: 16px; /* To center the text vertically with the icon */
}

a.linkpdf{ /*The background image*/ 
	background: url(/images/linkpdf.png) no-repeat right center; 
	padding-right: 13px;
	line-height: 16px; /* To center the text vertically with the icon */
}

a.linkext { 
	background: url(/images/linkext.png) no-repeat right center;
	padding-right: 18px;
	line-height: 16px;
}

hr {background-color:#ccc;}
#headerArt{
	width:100%;
	height:50px;
	background-color:#CCCCCC;
	background-image:url(../images/headerArt.jpg);
	border-bottom:1px solid #223C7D;
}



#loginBox{
	float:right;
	margin:10px 5px 0 0;
	color:#223C7D;
	width:300px;

}

#loginBox table{
	width:auto;
}

#loginBox table tr th{
	border:none;
	border-collapse:collapse;
	border-bottom:1px solid #223C7D;
	padding:0;
}

#loginBox table tr td{
	border:none;
	border-collapse:collapse;
	padding:2px 2px 0 0;
	vertical-align:middle;
	font-size:10px;
	color:#223C7D;
}

#loginBox table tr td.middle{
	padding:5px 2px 0 0;
}

#loginBox table tr td.right, #loginBox table tr th.right{
	text-align:right;
}



#loginBox h1{
	font-size:14px;
	margin:0;
	color:#223C7D;
}
#loginBox h2{
	font-size:11px;
	margin:0;
	color:#223C7D;
}

#loginBox a{
	font-size:10px;
	margin:0;
	color:#CC0000;
	text-align:right;
}

#loginBox a:hover, #loginBox a p:hover{
	color:#C00;
}

#loginBox input[type="text"], #loginBox input[type="password"]{
	width:117px;
	height:14px;
	line-height:15px;
	margin: 0;
	padding:1px;
	border:1px solid #223C7D;
	background-color:#F5F5F5;
}

#loginBox input[type="checkbox"]{
	margin: 0px 3px 0 0;
	padding:0px;
	border:1px solid #223C7D;
}


#loginBox p.labelRight{
	float:right;
	padding:0px;
	font-size:10px;
}

#wrapper{width:700px; margin:25px auto;} 

#content{
	background-image:none;
	width:400px; float:left;
}

#rightBar{float:right; width:250px;}

#footer{
	background-color:#fff;
	background-image:url(../images/SmeltNieuw5-09.png); 
	padding:20px 0px 20px 0px;
	margin-top:20px;
	color:#CCCCCC;
}

#footer p{
	float:none;
	color:#CCCCCC; 
	width:inherit;
	max-width:inherit;
}

body{
	background-image:none;
	font-size:12px;
}

#intro{
	width:700px;
	margin:10px 0 20px -15px; 
	background-image:url(../images/SmeltNieuw5-08.png);
	background-repeat:no-repeat;
	padding:20px 0 0px 0;
	font-size:12px;
	color:#666666;
}
 
#intro p{
	margin:0 30px 5px 30px;
}

#intro img{
	float:right;
	width:100px;
	height:75px;  
	margin-left:15px;
	margin-right:20px;
}

.portal{
	float:left;
	margin:0 14px 25px 0;
	width:290px;
	min-height:100px;
	padding:0 0 20px 0;
	cursor:pointer;
	background-color:#fff;
	background-position:95% 95%;
	background-repeat:no-repeat;
}



.portal:hover{
	background-color:#F3F3F3;
}

.portal h1{
	color:#FFFFFF;
	font-size:20px;
	font-weight:normal;
	line-height:50px;
	padding:0 0 0 10px;
	background-image:url(../images/bgportal.png);
}

.portal h2{
	color:#666666;
	font-size:16px;
	font-weight:normal;
	padding:10px 10px 0 10px;
	
}

.portal p{
	color:#666666;
	font-size:12px;
	padding:10px 120px 0 10px;
	
}

.portal img{ 
	float:right;
	height:100px;  
	margin:10px 10px 0 15px;
}


.portal.right{
	float:right;
	margin:0 0px 10px 0;
}

#vac h1{
	background-color:#416BBE;
}

#werk h1{
	background-color:#9E078A;
}

#train h1{
	background-color:#B48217;
}

#fpz h1{
	background-color:#BE0000;
}

#inter h1{
	background-color:#FAC81C;
}

#hr h1{
	background-color:#1CA300;
}


#headerMenu{
	width:100%;
	height:25px;
	background-color:#223C7D;
}

#headerMenu a{color:#FFFFFF;}

.clearAll{
	clear:both;
}

#leftMenu{
	float:left; 
	width:200px; 
	border-right:1px solid #CCCCCC; 
	padding-top:20PX;
}

#leftMenu select{
	width:190px;
	margin:0px 0 3px 0;
	font-size:11px;
	padding:2px;

}

#header{min-width:900px;}

#rightMenu{
	float:right;
	width:200px;
	padding:20px 0 20px 30px;
}

#rightMenu h3{
	margin-top:10px;
}

#main{
	width:600px;
	margin:20px 0;
}

#content p, #content h1, #content h2, #content h4, #content ul, #content ol {margin-bottom:10px;}

#content li{margin-left:20px;}

#full{
	width:auto;
}

hr{
	clear:both;
}



h1, h2, h3, h4{
	color:#223C7D;
}

a{color:#06F;}


#main p{ font-size:12px;}


#wrapper #content #main .mensen th{vertical-align:middle; color:#223C7D; border:none; font-size:14px;}
#wrapper #content #main .mensen .foto{
	padding:0px;
	background-color:#E5E5E5;
	height:60px;
}
#wrapper #content #main .mensen tr td{padding:5px;}

#footer2{height:400px;}

#footer2 ul li{color:#bbb;font-size:10px;}

#footer2 ul li a{color:#bbb;font-size:10px;}

#footer2:hover ul li a{color:#666;font-size:10px;}

#footer2 ul li a:hover{color:#900;font-size:10px;}



.box{margin-bottom:20px;}

.boxTitle{
	position:relative;
	height:50px; 
	background-image:url(../images/bgTitle.png);  
	color:#FFFFFF; 
	line-height:50px; 
	font-size:20px; 
	padding:0px 10px;
	margin-bottom:0px!important;
}



.boxContent{
	position:relative;
	padding:0px;
	overflow:hidden;
}




#carousel {
	width:218px;
	margin:0 auto;
}

#slides {
	overflow:hidden;
	/* fix ie overflow issue */
	position:relative;
	width:218px;

}

/* remove the list styles, width : item width * total items */	
#slides ul {
	position:relative;
	left:0;
	top:0;
	list-style:none;
	margin:20px 0 0 0;
	padding:0;	
	width:600px;			
}

/* width of the item, in this case I put 250x250x gif */
#slides li {
	float:left; 
	list-style:none;
}

#slides li img {
	width:60px; 
}

#vacZoeker2010 form{float:right; margin-top:5px; margin-right:10px; width:150px;}
#vacZoeker2010.Top form{ float:none; margin-top:5px; margin-right:0px; margin:5px; width:inherit;}

#vacZoeker2010 form select{
	width:150px;
	
	font-size:10px;
	line-height:15px;
	margin: 0 0 5px 0;
	padding:1px;
	border:1px solid #416bbe;
	background-color:#F5F5F5;
	
}

#vacZoeker2010 form input[type="text"]{
	width:146px;
	
	font-size:10px;
	line-height:15px;
	margin: 0 0 5px 0;
	padding:1px;
	border:1px solid #416bbe;
	background-color:#F5F5F5;
	
}

.btn { padding:5px 10px; background-color:#999; color:#FFF; text-align:center; font-size:20px; margin-top:10px; cursor:pointer;}

.btn2{font-size:10px; font-weight:bold; background-color:#CC0000; padding:10px; color:#FFFFFF; border:#666666 1px solid;}
.btn2:hover{background-color:#666666; padding:10px; color:#FFFFFF; margin:5px 0; border:#CC0000 1px solid;}

.toggle, .toggleParent{color:#900;margin-bottom:0!important;}


.next, .prev{position:absolute; text-align:right; bottom:0px; right:0px;  padding:2px;  color:#03F; cursor:pointer; width:20px; background-image:url(/images/white20.png); font-weight:bold;} 
.prev{left:0px; text-align:left;}
.next:hover, .prev:hover{color:#900;}


#vacatures th{
	border:none; border-right:1px solid white; color:#FFF; background-color:#416bbe; font-weight:bold; font-size:16px; padding:10px 5px;	height:25px;
}


.hiddenText{display:none; padding-left:10px; border-left:1px solid #ccc}


	
#bodyVac #headerMenu{
	background-color:#416bbe;
}

#bodyVac{border-bottom-color:#416bbe;}

#bodyVac h1, #bodyVac h2, #bodyVac h3,#bodyVac h4{color:#416bbe; }

#bodyVac .boxTitle{
	background-color:#416bbe;
	color:#FFF;
}

#bodyVac .boxContent{
	border:1px solid #416bbe;
}

 .boxContent.top3{
	border:1px solid #416bbe; padding:0px; position:relative;
}

 .boxContent.top3 table{
	border-collapse:collapse; border:none;width:100%;
}
 .boxContent.top3 table tr{
	border-collapse:collapse; border:none;
}
 .boxContent.top3 table tr td{
	border-collapse:collapse; border:none;
	background-color:#E4E4E4; height:50px; vertical-align:middle;  padding:0 10px;cursor:pointer;
}

 .boxContent.top3 table tr td.odd{background-color:#fff;}

#bodyVac .boxContent.top3 table tr td:hover{
	background-color:#416bbe; 
}
#bodyVac .boxContent.top3 table tr td:hover h4{color:#FFF;}


#bodyVac #headerArt{
	border-bottom:2px solid #416bbe;
}

#bodyVac .btn{background-color:#416bbe;}

#bodyVac .btn:hover {background-color:#999;}



/*..........................................*/

#bodyFPZ #headerMenu{

	background-color:#B00202;
	
}

#bodyFPZ h1, #bodyFPZ h2, #bodyFPZ h3,#bodyFPZ h4{color:#B00202; }

#bodyFPZ .boxTitle{
	background-color:#B00202;
	color:#FFF;
}

#bodyFPZ .boxContent{
	border:1px solid #B00202;
}

#bodyFPZ #headerArt{
	border-bottom:2px solid #B00202;
}

#bodyFPZ .btn{background-color:#B00202;}

#bodyFPZ .btn:hover {background-color:#999;}



/*..........................................*/

#bodyTD #headerMenu{

	background-color:#996600;
	
}

#bodyTD h1, #bodyTD h2, #bodyTD h3,#bodyTD h4{color:#996600; }

#bodyTD .boxTitle{
	background-color:#996600;
	color:#FFF;
}

#bodyTD .boxContent{
	border:1px solid #996600;
}

#bodyTD #headerArt{
	border-bottom:2px solid #996600;
}

#bodyTD .btn{background-color:#996600;}

#bodyTD .btn:hover {background-color:#999;}

#trainingen th{
	border:none; border-right:1px solid white; color:#FFF; background-color:#996600; font-weight:bold; font-size:16px; padding:10px 5px;	height:25px;
}

#bodyTD .boxContent.top3 table tr td:hover{
	background-color:#996600; 
}
#bodyTD .boxContent.top3 table tr td:hover h4{color:#FFF;}

/*..........................................*/

#bodyHR #headerMenu{
	background-color:#1ca300;
}

#bodyHR h1, #bodyHR h2, #bodyHR h3,#bodyHR h4{color:#1ca300; }

#bodyHR .boxTitle{
	background-color:#1ca300;
	color:#FFF;
}

#bodyHR #headerArt{
	border-bottom:2px solid #1ca300;
}

#bodyHR .btn{background-color:#1ca300;}

#bodyHR .boxTitle{
	background-color:#1ca300;
}

#bodyHR .boxContent{
	border:1px solid #1ca300;
}



/*..........................................*/

#bodyWB h1, #bodyWB h2, #bodyWB h3,#bodyWB h4{color:#9E078A; }

#bodyWB #headerMenu{
	background-color:#9E078A;
}

#bodyWB #headerArt{
	border-bottom:2px solid #9E078A;
}

#bodyWB .boxTitle{
	background-color:#9E078A;
	color:#FFFFFF;
}

 .boxContent{
	border:1px solid #9E078A; 
}

#bodyWB #vacatures th{
	background-color:#9E078A;
}
#bodyWB .btn{background-color:#9E078A;}
#bodyWB .btn:hover {background-color:#999;}

#bodyWB #functies  a{position:absolute;}
#bodyWB #functies  a:hover{ color:#660099;}
/*..........................................*/

.expandTitle{padding-top:5px; margin-bottom:5px; border-top:1px solid;
	cursor:pointer;
	background: url(/images/linkplus.ico) no-repeat right center;
	padding-right: 13px;
	line-height: 16px; /* To center the text vertically with the icon */
}


.intro{font-weight:bold;}

.hoverGrey{cursor:pointer; background-position:top;}

.hoverGrey:hover{background-color:#EEE; background-position:bottom;}

.tooltip {
	display:none;
	background:transparent url(/images/black_arrow.png);
	font-size:12px;
	height:30px;
	width:170px;
	padding:20px;
	color:#fff;	
}