/* Start of CMSMS style sheet 'screen' */
html, body {
	height: 100%;
}

body {
	padding: 0; 
	margin: 0;
	font-family: Tahoma;
	font-size: 12px;
	color: #000;


}

textarea {
	font-family: Tahoma;
	font-size: 12px;
	color: #f6f2ea;

}

select {
	font-family: Tahoma;
	font-size: 12px;
	color: #f6f2ea;

}


td		{
font-family: Tahoma;
font-size: 11px;
margin: 0pt;
margin-top: 15pt;
margin-right: 15pt;
margin-left: 15pt;
color:  #f6f2ea;
}


/*
Hier worden alle standaard onderdelen gedefinieerd. Een link die overal een bepaalde kleur moet
hebben is makkelijk hier aan te geven dan voor elke div apart.
*/

textarea { line-height: normal; }

input { line-height: normal; }

fieldset { margin: 0; padding: 0; }

legend { margin: 0; padding: 0; }

form { margin: 0; padding: 0; }

dl { margin: 0; padding: 0; }

ol { margin: 0; padding: 0; }

ul { margin: 0; padding: 0; }

a { margin: 0; padding: 0; }

p { margin: 0; padding: 0; }

h4 { margin: 0; padding: 0; }

h3 { margin: 0; padding: 0; }

h2 {
	margin: 0;
	padding: 0;
}

h1 { margin: 0; padding: 0; }

p { margin-bottom: 10px; font-family: Tahoma; line-height: 14px; font-size: 11px; color: #fff;}
ul { margin-left: 15px; }
ol { margin-left: 25px; }
a {  }
a:hover {  }
a:active { text-decoration: none; }
img { display: block; border: none; }
dl dt { font-weight: bold; margin-bottom: 10px; }
dl dd { margin: 0 0 30px 0;}
fieldset { border: none; }
caption { display: none; }


thead th { background-color: #EFEDE1; text-align: center; }
tbody th{ background-color: #fff; font-weight: normal;}
tfoot th { background-color: #EFEDE1; }
tfoot td { background-color: #fff; }



/* HEADERS */

h6 { color: #000; padding: 0 !important; margin-bottom: 7px; }

h5 { color: #000; padding: 0 !important; margin-bottom: 7px; }

h3 { color: #000; padding: 0 !important; margin-bottom: 7px; }

h2 { color: #000; padding: 0 !important; margin-bottom: 7px; }



h2 {
	font-size: 12px;
	font-family: Tahoma;
	color: #fff;
	font-weight: bold;
	margin-bottom: 20px;
}
h3 {
	font-size: 12px;
	font-family: Tahoma;
	font-weight: bold;
	padding: 0;
	margin: 0;
}
h3 a { text-decoration: none; }
h3 a:hover {}
h4 { font-size: 13px; }

.clear { clear: both; }

.left {float: left;}

.right {float: right;}


#left {
	width: 20%;
	height: 100%;
	background-color: #fff;
	float: left;
	
}


#right {
	width: 79%;
	height: 100%;
	background: #009a3f url(./images/rightbg.jpg) repeat-y;
	float: left;
position: relative;
}

#leftcontainer {
	float: right;
	width: 152px;
	height: 595px;
}



		
		#logo {
			float: left;
			width: 132px;
			height: 105px;
margin-top: 25px;
		}
		
		#menuwrapper {
			width: 152px;
			float: left;
			margin-top: 207px;
		}
		
			#menuwrapper ul {
				margin-left: 0px;
				list-style: none;
				width: 152px;
			}
			
				#menuwrapper ul li {
					height: 20px;
					text-align: right;
					width: 132px;	
				}
				
					#menuwrapper ul li a {
						color: #000;
						text-decoration: none;
						font-size: 11px;
					}
					
						#menuwrapper ul li a:hover, #menuwrapper ul li a.active {
							color: #40ae49;
						}
			
			
		
	
	#middel {
		float: left;
		width: 480px;
		
	}
	
		#flash {
			margin-top: 30px;
			margin-left: 30px;
		}
		
		#naam {
			margin-left: 30px;
margin-top: 20px;
		}
		
		
		#homeThumbs {
			float: left;
			width: 475px;
			margin-left: 30px;
			margin-top: 11px;
		}

#homeThumbs div.thumb {
margin-right: 0px;
margin-bottom: 0px !important;
}
		
			.homeThumbsBlock {
				float: left;
				width: 96px;
				margin-left: 17px;
				margin-bottom: 17px;
			}
			
				.homeThumbsBlock h2 {
					width: 96px;
					height: 12px;
					background: #000;
					margin-bottom: 0px;
					color: #c8c7c7;
					line-height: 12px;
					text-transform: uppercase;
					font-size: 8px;
					text-indent: 4px;
				}
		
		
		
		
		
	#rightcontainer {
		float: left;
		width:  338px;
		margin-top: 40px;

	}
	
		#adres {
			float: left;
			margin-bottom: 26px;
			width: 300px;
		}
		
			#adres p {
				font-size: 9px;
				line-height: 18px;
				color: #fff;
			}

#adresfoto {
			position: absolute;
			width: 300px;
left: 480px;
top: 40px;
		}
		
			#adresfoto p {
				font-size: 9px;
				line-height: 18px;
				color: #fff;
			}
		
		#rightContent {
			float: left;
			width: 338px;
		}

#rechterkant {
float: left;
width: 818px;
position: relative;
}

#categorietekst {
position: absolute;
left: 480px;
top: 170px;
width: 338px;
z-index: 1;
}

.albumlist2 {
list-style: none;
margin-top: 10px;
margin-left: 0px;
}

.albumlist {
list-style:none;
margin-top: 18px;
}

.thumb h3, .image_thumb ul li h3, .image_thumb2 ul li h3 {
background: #000;
color: #fff;
width: 100px;
height: 13px;
text-indent: 3px;
font-weight: normal;
font-size: 8px;
line-height: 13px;
text-transform: uppercase;
}

.thumb {
float: left;
margin-right: 10px;
margin-bottom: 10px;
}

.thumb img {
width: 100px;
height: 72px;
}

.homeimg {
width: 100px;
height: 72px;
}



#albumtekst {
float: left;
width: 338px;
color: #fff;
margin-top:30px;
}

.album_content {
margin-top: 32px !important;
}

.album_content p {
margin-bottom: 0px !important;
}





#linkerkant {
float: left;
width: 450px;
margin-left: 30px;
}	
/* GALLERIA */

.container {
	overflow: hidden;
	width: 430px;
float: left;
margin-top: 14px;
}
#main {

}
a {color: #fff;}

/*--Main Image Preview--*/
.main_image {
	width: 430px; 
/*height: 300px;*/
	float: left;
	position: relative;
	overflow: hidden;
	color: #000;
margin-bottom: 10px;
}


.main_image img {
width: 430px;
float: left;
height: 287px !important;
}


.main_image h2 {
	font-size: 2em;
	font-weight: normal;
	margin: 0 0 5px;	padding: 10px;
}
.main_image p {
	font-size: 1.2em;
	padding: 10px;	margin: 0;
	line-height: 1.6em;
color: #000;
height: 400px;
}
.block small { 
	padding: 0 0 0 20px; 
	background: url(icon_calendar.gif) no-repeat 0 center; 
	font-size: 1em; 
}
.main_image .block small {margin-left: 10px;}
.main_image .desc{
	position: absolute;
	bottom: 0;	right: 0;
	width: 475px;

	display: none;
}

.block a {
color: #000;
}

.main_image .block{
	width: 100%;
	background: #fff;
	border-top: 1px solid #fff;
height: 441px;
}
.main_image a.collapse {
	
display:none;
}

.main_image a.groter {
	background: url(./images/btn_collapse.png) no-repeat left top;
	height: 27px; width: 24px;
	text-indent: -99999px;
	position:absolute;
	top: 430px; right: 35px; 
}
.main_image a.show {background-position: left bottom;} 


.image_thumb, .image_thumb2 {
	float: left;
	width: 441px;
	
}
.image_thumb img, .image_thumb2 img {
	background: #fff; 
	float: left;
width: auto;
height: 72px;
width: 100px;
}
.image_thumb ul, .image_thumb2 ul {
	margin: 0; padding: 0;
	list-style: none;
}
.image_thumb ul li, .image_thumb2 ul li{
	
	width: 100px;
margin-right: 10px;
margin-bottom: 10px;
	float: left;
}

.image_thumb ul li img, .image_thumb2 ul li img {
width: 100px;
height: 72px;
}


.image_thumb ul li.hover, .image_thumb2 ul li.hover {
	cursor: pointer;
}
.image_thumb ul li.active, .image_thumb2 ul li.active {
	cursor: default;
}
html .image_thumb ul li h2, .image_thub2 ul li h2 {
	font-size: 1.5em; 
	margin: 5px 0; padding: 0;
}
.image_thumb ul li .block, image_thumb2 ul li .block {
	float: left; 
	margin-left: 10px;
	padding: 0;

}	
.image_thumb ul li p, .image_thumb2 ul li p{display: none;}

.albumlist {
margin-left: 0 !important;
}




#logos {
position: absolute;
top: 603px;
left: 480px;
}

#logos img, #logosfoto img {
float: left;
margin-right: 21px;
}

#laatstelogo {
margin-right: 0px !important;
}

#logosfoto {
position: absolute;
top: 604px;
left: 480px;
}
/* End of 'screen' */