/* StyleSheet --> copyright Brainlane :: http://www.brainlane.com
   ---------------------------------------------------------------- */

html, body, form, fieldset, h1, h2, h3, h4, h5, h6, p, pre, blockquote, ul, ol, dl, address {
	margin:0;
	padding:0;
	font-family:Verdana,Arial,Helvetica,sans-serif;
	}
body {	
	font-size:11px;
	color:#666666;
	background:#fff url(/content/design/images/BgBody.png) repeat-x 0 0;	
	line-height:17px;
	padding-bottom:20px;
}
p {
	padding-bottom:14px;
}
ul {
	list-style-type:none;
	}
ol {
	list-style-type: latin;
	padding-top:12px;
	padding-left:14px;
	list-style-position:inside;
}	

ol li {
	color:#000;
	line-height:18px;
}
img {
	border:0;
	}

hr {
	clear:both;
	visibility:hidden;
	}
	
.cleanup {
	clear:both;
}	
.centered, p.centered {
	text-align:center;
	}
.right {
	text-align:right;
	}	
	
	
blockquote {
	border-left: 4px solid #3F3F3F;
	padding: 0 10px;
	margin: 0 0 0 10px;
	font-style: italic;
	}			
	
a {
	color:#CD1A00;
	}	
a:hover {
	color:red;
}
.dotted {
	background:transparent url('/content/design/images/dotted.gif') repeat-x; 
	width:100%;
	}
h1 {
	color:#D52800;
	font-size:20px;
	margin-bottom:16px;
	font-weight:bold;
	line-height:25px;
}
h2 {
	color:#D52800;
	font-size:16px;
	margin-bottom:16px;
	font-weight:bold;
	line-height:25px;
	padding-left:5px;
}
h3 {
	color:#D52800;
	font-size:16px;
	margin-bottom:16px;
	font-weight:bold;
	line-height:25px;
	border-top:1px solid #D7DFDF;
	border-bottom:1px solid #D7DFDF;
	padding-left:5px;
}
h4 {
	color:#D52800;
	font-size:15px;
	margin-bottom:16px;
	line-height:25px;	
	font-weight:normal;
}
/* Misc
------------------------------------------------------------------*/

.clearfix:after {
    content: "."; 
    display: block; 
    height: 0; 
    clear: both; 
    visibility: hidden;
}
.clearfix {display: inline-table;}
/* Hides from IE-mac \*/
* html .clearfix {height: 1%;}
.clearfix {display: block;}
/* End hide from IE-mac */


.skip {
    display: block;
    background: transparent;
    background-image: none; /* safari bug */
    border: none;
    height: 1px;
    overflow: hidden;
    padding: 0;
    margin: -1px 0 0 -1px;
    width: 1px;
	}


/* -------------- wrapper ------------------ */	

#Container {
	width: 896px;
	margin: 0 auto;
	}	
	
 
/* -------------- header ------------------ */	


div#ContainerTaalSwitch {
	width:875px;
	text-align:right;
	height:23px;
	padding-top:4px;
}

	div#ContainerTaalSwitch a {
		color:#fff;
		text-decoration:none;
	}

div#ContainerHeader {
	width: 896px;
	height:217px;
	background: url(/content/design/images/BgHeader.png) no-repeat 0 0;
}	
div#ContainerHeaderFR {
	width: 896px;
	height:217px;
	background: url(/content/design/images/BgHeaderFR.png) no-repeat 0 0;	
}	

div#ContainerHeaderFotoAndZoek {
	float:left;
	width:565px; 
}

div#ContainerHeaderFoto {
	width:422px;
	height:160px;
 
	padding-left:142px; 
}

				#zoek {
					width:394px;
					color:#fff;
					padding-left:152px;
				}	
				div#ZoekTxt {
					width:365px;
					float:left; 
				}
				div#ZoekBtn {
					float:right;
				}
				input.zoekinsite {
					padding:2px 0 0 2px;
				    font-size: 10px; 
					color:#000;
					background-color:#CCB9B3;
					border:1px solid #634B43;
					width:255px;
					height:14px;
				}		
 


div#ContainerHeadermenu {
	float:right;
	width:326px;
}

		


		#topmenu {
			width:320px; 
			height:22px;
			margin-top:11px;	
		}
 
			#topmenu ul li {
				float:left;
				margin-right:10px;
			}
			#topmenu ul li a {
				color:#fff;
				text-decoration:none;
				font-weight:bold;
				display:block; 
				height:16px;
			}
				#topmenu ul li#login {
					width:185px;
				}
				#topmenu ul li#login a {
					background: url(/content/design/images/IcoLogin.jpg) no-repeat 0 0;	
					padding-left:25px;
					margin-left:10px;
					margin-right:20px;		
				}
				#topmenu ul li#home  {
					border-right:1px solid #C1AFA9;
					padding-right:0px;
					width:50px;
				}			
				#topmenu ul li#contact  {
 					width:40px;
				}

				#topmenu ul li a:hover {
					text-decoration:underline;
				}
			
		div#MenuAndLogo {
			width:324px;
		}
		
		ul#listMenuRoot {
			float:left;
			width:182px; 
			margin-top:18px;
			padding-left:10px;
		}	
		ul#listMenuRoot li {
			background: url(/content/design/images/IcoMenu.gif) no-repeat 0 5px;
			padding-left:17px;
			line-height:18px;
		}	
		ul#listMenuRoot li a {
			color:#000000;
			text-decoration:none;
		}
		ul#listMenuRoot li a:hover {
			color:#D52800;
			text-decoration:underline;
		}
		ul#listMenuRoot li a.actief {
			color:#D52800;
			font-weight:normal;
		}		
		#demo {
			width:120px;
			padding-top:34px;
			float:right;
		}
				
				
				
				
		
		#Agenda {
 
			width:163px;
			height:48px;
			padding-top:27px;
			padding-right:46px; 
		}
 
		#Agenda a {
			font-size:11px;
			color:#fff;
			font-weight:bold;
			text-decoration:none;
		}
		#Agenda a:hover {
			text-decoration:underline;
		}
 

/* -------------- content ------------------ */	



div#ContentWrapper {
	width: 896px;
	text-align:left; 
	background:transparent url(/content/design/images/BgToc.jpg) repeat-y top left; 
}	
div#ContainerToc {
	float:left;
	width: 236px;
	background:transparent url(/content/design/images/BgTocMotiefje.jpg) no-repeat top left;
	min-height:470px;
	height:auto;
}
* html div#ContainerToc {
	height:470px;
}
		div#ContainerToc h2 {
			font-size:21px;
			color:#634B43;
			font-family:arial, verdana;
			padding:30px 0 5px 20px;
			font-weight:normal;
		}
		div#ContainerToc ul {
			text-align:left;
			width:230px;
			padding-bottom:20px;
			margin-bottom:40px;
		}
		div#ContainerToc ul {
			width:232px;
		}
		div#ContainerToc ul li {
			width:228px;
			font-size:11px;
			font-weight:normal;
 			border-top: 1px solid #F2F5F4;
 			padding-top:4px;
 			padding-bottom:4px;
		}
		div#ContainerToc ul li.last {
			border-bottom: 1px solid #F2F5F4;
		}
		div#ContainerToc ul li a {
			font-size:12px;
			padding-left:20px;
			height:10px;
			color: #634B43;
			text-decoration: none;
			display:block;
			height:18px;
			line-height:18px;
		}
 		div#ContainerToc ul li a:hover, div#ContainerToc ul li a.actief {
			color:#D52800;
		}
		div#ContainerToc ul li a.actief {
			margin-left:19px;
			background:transparent url(/content/design/images/BulletMenuActief.gif) no-repeat 0 5px;
			padding-left:18px;	
		}
		
							
div#ContainerContent {
	float:right;	
	width:600px;
	padding-left:20px; 	
 	padding-right:35px;
	line-height:18px;
	padding-top:18px;
	padding-bottom:20px;
}
 

		div#ContentPic {
			float:left;
			width:180px;
		}
			.ContentPicBordered {
 
				padding:2px;
				border:1px solid #DFDFDF;
			}
			.PicDesription {
				width:174px;
				text-align:center;
				font-size:10px;
			}
			
		div#ContentDescription {
			width:400px;
			float:right;
		}
		div.BtnMeerInfo {
			padding-top:15px;
		}

div#ContainerContentleft {
	float:left;
	width:325px; 
	border-right:1px solid #D7DFDF;
	padding-right:10px;
}
div#ContainerContentRight {
	float:right;
	width:250px;
	padding-left:10px;
}	

	ul#branchemodellen li a {
		color:#000;
		text-decoration:none;
	}
	ul#branchemodellen li a:hover {
		color:#CD2100;
		text-decoration:underline;
	}

	div.NewsArticle {
		border-bottom:1px solid #D7DFDF;
		padding-left:7px;
		line-height:16px;
		margin-bottom:20px; 
		padding-bottom:10px;
	}

		
	div.NewsThumb {
		float:left;
		margin-right:10px;
		border:1px solid #ccc;
		padding:2px;
	}
		.NewsThumb img {
			width:60px;
			height:45px;
		}

	div.NewsText {
		width:160px;
		float:right;
		font-size:10px;
	}
	div.LeesMeer {
		border:1px solid red;
		margin-left:81px;	
	}

		div.LeesMeer a {
			color:#D52800;
			text-align:right;
			text-decoration:underline;
			font-size:10px;
		}
		
		div.LeesMeer a:hover {
			text-decoration:underline;
		}



	div#tabs {
		width:595px;
		height:20px;
		background-color:#EEECEA;
		font-size:10px;
		padding-top:2px;
		padding-left:6px;
		margin-bottom:20px;
	}
	div#tabs ul.TabList li {
		padding:0;
		margin:0;
		background-image:none;
		line-height:12px;
		float:left;
		margin-top:3px;
 			margin-right:5px;
 			border-right:1px solid #77797C;
 			padding-right:7px;
	}
	div#tabs ul.TabList li.last {
		border:0;
	}
	div#tabs ul.TabList li a {
		padding:0;
		margin:0;
		color:#77797C;
		background-image:none;
		text-decoration:none;
		text-transform:uppercase;
	}
	div#tabs ul.TabList li a.actief {
		font-weight:bold;
		color:#333;
	}
	div#tabs ul.TabList li a:hover {
		color:#D52800;
		text-decoration:underline;
	}

	#afbeeldingen, #functionaliteiten, #fiche, #info {
		display:none;
	}
	
	

div#ContainerContent ul {
	margin-bottom:10px;
}
div#ContainerContent ul li, div#ContainerContentRight ul li {
	color:#666666;
	background:transparent url(/content/design/images/bullet.jpg) no-repeat 0 8px;
	margin-left:10px;
	padding-left:10px;
	line-height:18px;
	margin-bottom:3px;
}
div#opleidingen ul li {
	margin-bottom:12px;
}

div#ContainerContentRight ul {
	padding-left:28px;
}
div#ContainerContentRight ul li {
	margin-bottom:12px;
}

div#zoeknav {
	text-align:right;
	line-height:24px;
}

div#NewsNav {
	text-align:right;
	line-height:24px;	
	margin-bottom:12px;	
}

/* -------------- FAQ ------------------ */	
 
			#faqcontainer
			{
				margin:0;
				padding:0;			
				text-align:left;
				padding-bottom:14px;
				width:702px;
 				padding:12px;
				clear:both;
			}

			#faqcontainer h2
			{
				margin:0;
				padding:0;
				font-size:14px;
				color:#fff;
				font-weight:bold;
				border-bottom:1px solid #fff;
				padding-bottom:2px;
				margin-bottom:8px;
				text-align:left;
				color:#676767;
			}
			#faqcontainer h2 span {
				font-size:11px;
				font-weight:normal;
				color:#676767;
			}
			#faqcontainer a  {
				font-size:11px;
				text-decoration:none;
				cursor:pointer;
				color:#676767;
			}
			

			.FaqWrap {
				display:block;
				min-height:28px;
				margin-left:10px;
			}
			* html .FaqWrap {
				height: 28px;
				}
						  
			.faqdate {
				font-size:9px;
				font-weight:normal;
				color:#676767;
				display:inline;
			}
			.question {
				cursor:pointer;
				display:block;
				font-size:12px;
				background:transparent url(/content/design/images/faq.jpg) no-repeat 0 5px;
				padding-left:20px;
				padding-bottom:4px;
				font-weight:bold;
				color:#333;
			}
			.question p, .faqdate {
				display: inline; /* om datum achter titel te krijgen tgv cms-editor */
				cursor:pointer; 
				color:#333;
			}
			.answer {
				display:none;
				font-size:11px;
				margin-left:16px;
				margin-top:10px;
				margin-bottom:12px;
				color:#333;
				/*background-color:#EEECEA;*/
				border-top:1px dotted #ccc;
				border-bottom:1px dotted #ccc;
				padding:7px;
				margin-right:10px;
			}
			#faqcontainer a {
				color:#FFEBD7;
				font-size:12px;
				font-weight:bold;
				text-decoration:underline;
			 }
			div.answer img {
				margin-left:10px;	
				border:1px solid #222;
				padding:2px;
			}

				
 

/* -------------- footer ------------------ */	

div#ContainerFooter {
	width:236px; 
	height:27px; 
	background: url(/content/design/images/bgFooter.jpg) no-repeat top left;
	}
	
div#brainlane {
	float:left;
	width:117px; 
	margin-left:55px;
} 
 
/* -------------- editor styles -------------- */

.TextNormal{color:#666;}
.TextColorRed{color:#D62901;}
.TextColorBlack{#000;}
.TextSmall{font-size:10px;}



