@charset "utf-8";

/********************************************************************************************************/
/*	Template																							*/
/********************************************************************************************************/

*{
	margin: 	0;
	padding: 	0;
	border: 	0;
	outline: 	none;
	list-style: none;
	text-decoration: none;
}

html{
	background: #f0daf1 url("/gui/bg.png") repeat-x;
}

body{
	font: 		12px/22px 'Arial';
	color: 		#000;

}

.mceContentBody{
	margin: 	0;
	padding: 	0;
	background: #FFF;
	width:		100%;
	height:		100%;
} 

a:hover{
	text-decoration: none !important;
}

.clear{
	clear: 		both;
}

/********************************************************************************************************/
/*	Container																							*/
/********************************************************************************************************/

div.container{
	width: 		980px;
	height:		100%;
	margin: 	0px auto 0px auto;
	padding: 	0px;	
}

div#container{
	width: 		980px;
	height:		100%;
	margin: 	0px auto;
	padding: 	0px;
}


div#topmenu{
    background: 	url("/gui/menu.png") repeat scroll 0 0 transparent;
    float: 			left;
    height: 		48px;
    line-height:	48px;
    margin: 		0 27px;
    padding: 		0px;
    width: 			910px;	
}

div#top{
	width:		980px;
	height:		100px;
	background: url("/gui/top.png") no-repeat;	
}


div#kader{
    background: url("/gui/kader.png") repeat-y scroll 0 0 transparent;
    padding: 	0 30px 0 0;
    width: 		950px;
}

div#bottom{
	width:		980px;
	height:		100px;
	background: url("/gui/bottom.png") no-repeat;	
}

#header{
	background: 	none repeat scroll 0 0;
	float: 			right;
	height: 		262px;
	margin: 		0;
	padding: 		5px;
	width: 			620px;
	overflow:		hidden;
}

img.logo{
	margin: 		5px 0 0 10px;
}


/********************************************************************************************************/
/*	Right																								*/
/********************************************************************************************************/

#right{
    float: 			right;
    margin: 		0;
    padding: 		5px;
    width: 			300px;
    overflow:		hidden;
}

div#right h1, div#right h2, div#right h3{
    background: 	none;
    color: 			#6f6b9e;
    font-size: 		14px;
    height: 		26px;
    margin: 		0;
    padding: 		0 10px;
    width: 			93%;
}

div#right a{
	color: 			#333;
	text-decoration: underline;
}

div#right a:hover{
	color: 			#000;
}


/********************************************************************************************************/
/*	Content																								*/
/********************************************************************************************************/

#content{
    float: 		right;
    margin: 	5px 10px;
    max-width: 	605px;
    min-width: 	605px;
    padding: 	5px;
    width: 		605px;
}

#content h1, #content h2, #content h3,#content h1 a, #content h2 a, #content h3 a{
    background: 	none;
    color: 			#6f6b9e;
    font-size: 		16px;
    height: 		26px;
    margin: 		0;
    padding: 		0 10px;
    width: 			97%;		
}

#content h2, #content h3{
	font-size:		14px;
}

#content .galleryHolder h2, #content .galleryHolder h2 a{
    background: 	none repeat scroll 0 0 transparent;
    clear: 			both;
    color: 			#1A90CD;
    font-size: 		12px;
    font-weight: 	bold;
    margin: 		0;
    padding: 		0;
}

#ParentContent h2{
	font-size: 14px;
}

#content h1 a{
	text-decoration: underline;
	color:#FFFFFF;
}


#content p{
	padding: 0px 0px 0px 0px;
}

.more{
	float: 				right;
	height:				36px;
	padding:			0 40px 0 15px;
	margin: 			10px 20px 0 0;
	line-height:		36px;
	font-weight:		bold;
	color:				#ffffff;
	background: 		#a9a6c5;
	cursor:				pointer;	
	text-decoration:	none;
}



.more:hover{
	background: 		#ebc2ec;	
	text-decoration:	underline;
}	
	



/* Breadcrumb */
#breadcrumb{
	padding: 0 2px !important;
	margin: 0 0 10px 0;
	font: 11px/36px 'Arial';
	border-bottom: 1px solid #cfcfcf;
}

#breadcrumb strong, #breadcrumb span{
	color: #0882c7;
}

#breadcrumb a{
	color: #3d3d3d;
}

#breadcrumb a:hover{
	text-decoration: underline;
}


/* Push */
#push{
	height: 41px;
}

/********************************************************************************************************/
/*	Footer																								*/
/********************************************************************************************************/

#footer{
	position: 	relative;
	width: 		100%;
	height: 	150px;
	text-align: center;
	color: 		#c0c0c0;
	background: #f6f6f6 url("/gui/footer.jpg") repeat-x;
}

#footer #ParentContent{
	padding:	0px 0 0 30px;
	border:		0px;
	text-align:	left;
}

#footer p{
	padding: 0;
	width: 100%;
	font: 11px/41px 'Arial';
}

#footer a{
	color: #c0c0c0;
	text-decoration: underline;
}

#footer a:hover{
	text-decoration: none;
}





div.fadehover {
	position: relative;
	}		
 
img.a {
	position: absolute;
	left: 0;
	top: 0;	
 	z-index: 10;
}
 
img.b {
	position: absolute;
	left: 0;
	top: 0;	
}


.normal{
	background: 	#f5e8f6;
	border:			0px solid;
	margin:			5px;	
}


/********************************************************************************************************/
/*	menu																								*/
/********************************************************************************************************/
#menu-container{
	width: 		100%;
	height:		47px;
	color: 		#fff;
	background: #6a6a6a;
}

div#menu {
	position:	relative;
    z-index: 	10000;
    width: 		880px;
	height:		47px;
	padding:	0px 20px;
	background: #f6f6f6 url("/gui/menu.png") repeat-x;
	
}
div#menu ul {
	list-style-type:none;
	height:			50px;
}

div#menu ul li {
    position: 		relative;
	float:			left;
	padding:		0 0 0 0px;
	height:			47px;	
}	

div#menu ul li.last {background:none;}

div#menu ul li a {
    color: 			#FFFFFF;
    font-size: 		18px;
    font-weight: 	bold;
    height:			47px;
    line-height:	47px;
    padding: 		10px;
}
div#menu ul li a:hover, div#menu ul li.active {
	color:              #FFF;
    background-color:   #ff9020;
}
div#menu ul ul{
	width: 			250px;
    z-index: 		100;
	position: 		absolute;
	padding: 		0px 0 0;
	top: 			47px;
	left: 			-99999px;
}
div#menu ul li:hover ul, div#menu ul ul.hover{
	left: 			1px;
}
div#menu ul ul li{
	float: 			left;
	clear: 			left;
	width: 			200px;
	padding: 		0px;
	background: 	#1a91cc;
	color:			#FFF;	
}
div#menu ul ul li a{
    display: 		block;
    padding:		0px 5px;
    color:			#FFF;
    font-size:		14px;
    text-transform: none;
    height:			50px;
}
div#menu ul ul li.first a{

}
div#menu ul ul li a:hover{
	background:		#ff9020;
    color: 			#FFF;
    height:			50px;
}
div#menu ul ul li.first a:hover{
    color: 			#000;
}


/********************************************************************************************************/
/*	aangepast systeem																								*/
/********************************************************************************************************/

#adminmenu{
	height: 			32px;
	width:				100%; 
	margin: 			0 0 0 0;
	border-bottom: 		1px solid #1A90CD;
    list-style: 		none;
   	padding:			0;
} 


#adminmenu{
	background: 		none;
    float: 				left;
		
}  

#adminmenu li{
    background: 		none;
    float: 				left;
}

#adminmenu a{
	float: 				left;
	display: 			block;
	padding: 			0 4px;
	line-height: 		32px;
	color: 				#1A90CD;
	text-align: 		center;
}

#adminmenu a:hover{
	background: 		#1A90CD !important;
	color: 				#FFF;	
}

#adminmenu a.active{
	background: 		#FFF !important;
	height: 			32px;
	position: 			relative;
    color:				#1A90CD;
    font-weight:		bold;
    border-right: 		1px solid #1A90CD;
    border-left: 		1px solid #1A90CD;
    border-top: 		1px solid #1A90CD;
}

/* 
	LEVEL ONE
*/
ul.top{ 
    float: 			right; 	
	position: 		relative;
	width:			630px;
	height:			88px;
	z-index: 		2500 !important;
	margin:			0 20px 0 0;
}

ul.top li{
    float: 			right; 
    max-width:		100px;
    font-size: 		18px;
    /*font-weight: 	bold;*/
    height: 		88px;
    line-height: 	88px;
    padding: 		0 15px;
    text-align:		center;
}

ul.top a:hover{ 
	color: 			#6f6b9e; 
}

ul.top a:active{ 
	color: 			#6f6b9e; 
}

ul.top li a{ 
    color: 			#8d88b1;
    display: 		block;
    padding: 		0;
}

ul.top li:last-child a{ 
	border-right: none; 
} /* Doesn't work in IE */

ul.top li.hover, ul.top li:hover, ul.top li.active{ 
	background: 	url("/gui/menu-active.png") center; 
	color: 			#e3e9f4; 
	position: 		relative; 
}

ul.top li.hover a{ 
	color:			#8d88b1;
}


/* 
	LEVEL TWO
*/
ul.top ul{ 
	width: 			128px; 
	visibility: 	hidden; 
	position: 		absolute; 
	top: 			100%; 
	left: 			0; 
	border-left: 	1px solid #FFF;
}

ul.top ul li{ 
	font-weight: 	normal; 
	background: 	#2b456c; 
	color: 			#000; 
	border-bottom: 	1px solid #FFF; 
	float: 			none; 
	width:			100%;
	height:			100%;
	height:			30px;
	text-align:		left;
	line-height:	30px;
	font-size:		14px;
	font-weight:	bold;
}
									  
/* IE 6 & 7 Needs Inline Block */
ul.top ul li a{ 
	border-right: 	none; 
	width: 			100%; 
	display: 		inline-block; 
} 

/* 
	LEVEL THREE
*/
ul.top ul ul{
	margin:			5px;
	min-width: 		120px;
	left: 			100%; 
	top: 			0; 
	border-top:		1px solid #FFF;
}

ul.top ul ul li{
	background: 	#2b456c;
}


/* PLUGINS */

.smallSlide img{
	max-width:	260px;
	max-height:	200px;	
}

.slides, .slides img, #header .normal, #right .normal{
	margin:	0 !important;
	padding: 0 !important;
}