/* CSS Document */
/* -----------Globale Layout in Container------------------*
/* 				header = 1
   				left   = 2
   				mid    = 3
   				right  = 4

				Site
				11111111444
				22333333444
				22333333444
				22333333444
				22333333444
											  */
	

body	{	
height:100%;
width:100%;
margin: 0 0;
background-image:url(../images/backgroundpattern.jpg);
overflow:hidden
}
				
			#container	{	
			height:100%;	
			width:100%;
			position:absolute;
			top:0px;
			left:0px;
			overflow:hidden
}
			
/*|||||||||||||||||||||||||||||||||||||||||||||||||||||||---CONTAINER----------*/


/*	--------------HEADER--------------*/
#header	{	
height:130px;
width:850px;
background-image:url(../images/backgroundpattern.jpg);
position:absolute;
top:0px;
left:0px;
z-index:8;
}
			#hoekje	{
			height:41px;
			width:36px;
			background-image:url(../images/left3.jpg);
			background-repeat:no-repeat;
			position:absolute;
			top:89px;
			left:0px;
			z-index:100
			}	
			
			#swf	{	
			top:0px;
			left:0px;
			position:absolute;
			background-color:#FFFFFF;
			padding-left:20px;
			height:130px;
			width:579px;
			z-index:8
			}
								
								
			#actueel_container	{	
			height:130px;
			width:212px;
			background-color:#FFFFFF;
			position:absolute;
			top:0px;
			left:599px;
			z-index:5;
			font-family:Arial;
			font-size:12px;
			color:#996633;
			text-decoration:none;
			}
			
			#actueel{
			margin:8px 0 0 10px;
			border-left:#cccccc 1px solid;
			height:auto;
			width:auto;
			}
			
			#actueel_titel{
			font-size:14px;
			color:#000000;
			margin:0px 0 0 8px;
			width:184px;
			font-weight:bold
			}
						
			#actueel_content{
			margin:5px 0 0 8px;
			top:-2px;
			width:184px;
			}
					
			#foto_header{
			width:230px;
			height:130px;
			position:absolute;
			top:0px;
			left:811px;
			border-right:#000000 2px solid;
			background-image:url(../images/foto_header.jpg);
			background-position:-2px 0px;
			}


/*	--------------body--------------*/
#center	{	
height:100%;
width:100%;
position:absolute;
top:0px;
left:0px;
}

/*-----------------------------------------------------------
		Center div in tweeën verdeeld omdat links een andere background image moet hebben dan rechts..
		Deze manier is wel zo netjes...
		---------------------------------------------------------------------------------------------*/
				
			/*--LEFT--*/			
			#masker	{	
			height:100%;
			width:199px;
			background-image:url(../images/left_shadow_pattern.jpg);
			background-repeat:repeat-y;
			position:absolute;
			top:130px;
			left:0px;
			}	
			
					#masker_img{
					background-image:url(../images/masker.jpg);
					background-repeat:no-repeat;
					height:662px;
					width:199px;
					position:absolute;
					top:0px;
					left:0px
					}
					
					/*NAVIGATIE*/
					#navigatie	{		
					height:auto;
					width:auto;
					text-align:right;
					position:absolute;
					top:34px;
					left:102px;
					z-index:2000
					}			
	
					#navigatie a, 
					navigatie a:visited	{		
					font-family:arial;
					color:#000000;
					font-size:20px;
					text-decoration:none;
					text-align:right;
					line-height:100%;
					}
		
					#navigatie a:hover	{		
					font-family:arial;
					color:#996633;
					font-size:20px;
					text-decoration:none;
					text-align:right;
					line-height:100%;
					}
					
				

			/*Right*/
			
			#pagina_titel{
			height:auto;
			width:611px;
			border-bottom:#CCCCCC 1px solid;
			border-top:#CCCCCC 1px solid;
			font-family:arial;
			font-size:30px;
			color:#CC0000;
			position:fixed;
			text-align:left;
			top:130px;
			left:200px;
			background-color:#FFFFFF;
			line-height:90%;
			z-index:3000;
			position:absolute;
			}
					#pagina_titel a,
					#pagina_titel a:visited {
					font-size:12px;
					color:#cc0000;
					text-decoration:none;
					line-height:95%;
										}
					
					#pagina_titel a:hover{
					font-size:12px;
					color:#996633;
					text-decoration:none;
					line-height:95%;
					
					}
			
					
			
			#content_container {	
			height:100%;
			width:100%;
			position:absolute;
			top:0px;
			left:0px;
			overflow:scroll;
			z-index:6
			}
					
					#titel{
					font-family:arial;
					font-size:16px;
					color:#000000;
					}
					
					
			
					#content{
					font-family:arial;
					font-size:12px;
					color:#996600;
					text-decoration:none;
					text-align:left;
					height:auto;
					width:580px;
					position:absolute;
					top:180px;
					left:215px;
					}
					
					#content a, 
					content a:visited	{		
					font-family:arial;
					color:#CC0000;
					text-decoration:none;
					text-align:right;
					line-height:100%;
					}
		
					#content a:hover	{		
					font-family:arial;
					color:#996633;
					text-decoration:none;
					text-align:right;
					line-height:100%;
					}
					
					
									
					.pic {
					width:578px;
					height:auto;
					border:1px solid #996600;
					}
					
					
										
			
			#graphics_container {	
			height:100%;
			width:842px;
			background-color:#FFFFFF;
			position:absolute;
			top:0px;
			left:199px;
			border-right:#000000 2px solid;
			background-image:url(../images/fotopattern.jpg);
			background-position:612px 0px;
			background-repeat:repeat-y;
			margin-top:130px			
			}

			
					#background_content {
					width:612px;
					height:100%;
					position:absolute;
					top:0px;
					left:0px;
					background-color:#ffffff;
					background-image:url(../images/content_background_high.jpg);
					background-repeat:no-repeat;
					background-position:0px 20px;
					
					}
					
					#center_foto {
					height:100%;
					width:230px;
					position:absolute;
					top:0px;
					left:612px;
					background-image:url(../images/center_foto.jpg);
					background-repeat:no-repeat;
					background-position:0px 0px;
					}					


/*	--------------FOOTER--------------*/
						
#footer	{		
font-family:Arial;
padding:2px 2px 2px 8px;
font-size:10px;
color:#666666;
width:100%;
height:15px;
position:absolute;
bottom:0px;
left:0px;
background-color:#FFFFFF;
z-index:1000;
border-top:1px #CCCCCC solid;
border-right:2px #000000 solid;
text-align:center;
}

			#footer	a,
			#footer	a:visited	{	
			font-family:Arial;
			font-size:10px;
			color:#666666;
			text-decoration:none;
			}
			
			#footer	a:hover	{	
			font-family:Arial;
			font-size:10px;
			color:#996633;
			text-decoration:none;
			}

/*	--------------Contact Pagina--------------*/
.contactform	{width:250px;
}
.contactform_textarea	{background:inherit}