/* algemeen */
body 
 		 {
		 font-size: 13px;
		 line-height: 15 px;
		 font-family: verdana, Arial, sans-serif;
		 color: #dcdcdc;
		 background-color: black;
		 }
p {font-weight:normal}
h1 {font-size: 13px; font-weight:bold;}
h2 {font-size: 13px; font-weight:bold; margin-bottom: -13px;}
h3 {font-size: 13px; font-weight:bold; margin-top: 30px; margin-bottom: -13px;}
a {color: red; text-decoration: none;}
a:visited {color: purple; text-decoration: none;}

	
#container
					{
					position: absolute;
					left: 50%;
					top: 50%;
					width: 900px;
					height: 600px;
					margin-left: -450px;
					margin-top: -300px;
					overflow: hidden;
					}

/* page layout */
#wiel
		 {
		 position: absolute; left: 550px; top: 15px; height: 570px; width: 278px; z-index: 1;
   	 background-image: url('images/crvs_wiel.png'); height: 570px; width: 278px;
		 }

#lijn
		 {
		 position: absolute; left: 80px; top: 530px; height: 1px; width: 770px; z-index: 1;
	   background-color: gray; font-size: 0px;
		 }
	
#blokrechts 
			 {
			 position: absolute; left:50px; top: 530px; height: 8px; width: 22px; z-index: 1;
			 background-color: gray; font-size: 2px;
			 }

#blokmidden
			 {
			 position: absolute; left:260px; top: 555px; height: 20px; width: 8px; z-index: 2;
			 background-color: gray; font-size: 2px;
			 }
			 
#naam
		 {
		 position: absolute; left: 80px; top: 540px; height: 13px; width: 392px; z-index: 1;
   	 background-image: url('images/crvs_naam.png'); background-repeat: no-repeat; height: 13px; width: 392px;
		 }
		 
#adres
			{
			position: absolute; left: 730px; top: 540px; height: 36px; width: 120px; z-index: 1;
			font-size: 9px; 
			line-height: 12 px;
		 	color: gray;
			}

/* hoofdmenu */
#hoofdmenu
					{
					position: absolute; left: 50px; top:25px; height: 20px; width: 800px; z-index:5;
					}
			
#home_g
		 {
		 position: absolute; left: 0px; top:0px; height: 20px; width: 88px; z-index:1;
		 display: block;
		 background-image: url('images/menu/menu_1g_01.gif'); height: 20px; width: 88px;
		 } 

#home_w
		 {
		 position: absolute; left: 0px; top:0px; height: 20px; width: 88px; z-index:1;
		 display: block;
		 background-image: url('images/menu/menu_1w_01.gif'); height: 20px; width: 88px;
		 } 

#bureau_g
			 {
			 position: absolute; left: 88px; top:0px; height: 20px; width: 129px; z-index:1;
			 display: block;	
			 background-image: url('images/menu/menu_1g_02.gif'); height: 20px; width: 129px;
			 } 		 
#bureau_w
			 {
			 position: absolute; left: 88px; top:0px; height: 20px; width: 129px; z-index:1;
			 display: block;	
			 background-image: url('images/menu/menu_1w_02.gif'); height: 20px; width: 129px;
			 } 			 

#projecten_g
					{
					position: absolute; left: 217px; top:0px; height: 20px; width: 173px; z-index:1;	
					display: block;
					background-image: url('images/menu/menu_1g_03.gif'); height: 20px; width: 173px;
					}

#projecten_w
					{
					position: absolute; left: 217px; top:0px; height: 20px; width: 173px; z-index:1;	
					display: block;
					background-image: url('images/menu/menu_1w_03.gif'); height: 20px; width: 173px;
					}
		
#producten_g
					{
					position: absolute; left: 390px; top:0px; height: 20px; width: 182px; z-index:1;
					display: block;
					background-image: url('images/menu/menu_1g_04.gif'); height: 20px; width: 182px;
					}

#producten_w
					{
					position: absolute; left: 390px; top:0px; height: 20px; width: 182px; z-index:1;
					display: block;
					background-image: url('images/menu/menu_1w_04.gif'); height: 20px; width: 182px;
					}
					
#contact_g
				{
				position: absolute; left: 572px; top:0px; height: 20px; width: 139px; z-index:1;
				display: block;
				background-image: url('images/menu/menu_1g_05.gif'); height: 20px; width: 139px;
				}

#contact_w
				{
				position: absolute; left: 572px; top:0px; height: 20px; width: 139px; z-index:1;
				display: block;
				background-image: url('images/menu/menu_1w_05.gif'); height: 20px; width: 139px;
				}
				
#links_g
			{
			position: absolute; left: 711px; top:0px; height: 20px; width: 89px; z-index:1;
			display: block;
			background-image: url('images/menu/menu_1g_06.gif'); height: 20px; width: 89px;
			}
			
#links_w
			{
			position: absolute; left: 711px; top:0px; height: 20px; width: 89px; z-index:1;
			display: block;
			background-image: url('images/menu/menu_1w_06.gif'); height: 20px; width: 89px;
			}	
			
/* submenu */
#submenu
					{
					position: absolute; left: 50px; top:53px; height: 12px; width: 800px; z-index:5;
					line-height: 2 px;
					}

#visie_w
				{
				position: absolute; left: 232px; top:0px; height: 12px; width: 58px; z-index:1;
				display: block;  font-size: 1px; line-height: 2 px;
				background-image: url('images/menu/menu_2w_01.gif'); height: 12px; width: 58px;
				}

#visie_r
				{
				position: absolute; left: 232px; top:0px; height: 12px; width: 58px; z-index:1;
				display: block;  font-size: 1px; line-height: 2 px;
				background-image: url('images/menu/menu_2r_01.gif'); height: 12px; width: 58px;
				}

#cv_w
		 {
		 position: absolute; left: 290px; top:0px; height: 12px; width: 162px; z-index:1; 
		 display: block;  font-size: 1px; line-height: 2 px;
		 background-image: url('images/menu/menu_2w_02.gif'); height: 12px; width: 162px;
		 }

#cv_r
		 {
		 position: absolute; left: 290px; top:0px; height: 12px; width: 162px; z-index:1; 
		 display: block;  font-size: 1px; line-height: 2 px;
		 background-image: url('images/menu/menu_2r_02.gif'); height: 12px; width: 162px;
		 }
		 
#organisatie_w
						 	 {
						 	 position: absolute; left: 452px; top:0px; height: 12px; width: 116px; z-index:1; 
		 				 	 display: block;  font-size: 1px; line-height: 2 px;
		 				 	 background-image: url('images/menu/menu_2w_03.gif'); height: 12px; width: 116px;
		 				 	 }
							 
#organisatie_r
						 	 {
						 	 position: absolute; left: 452px; top:0px; height: 12px; width: 116px; z-index:1; 
		 				 	 display: block;  font-size: 1px; line-height: 2 px;
		 				 	 background-image: url('images/menu/menu_2r_03.gif'); height: 12px; width: 116px;
		 				 	 }
							 
#partwoning_w
						 {
						 position: absolute; left: 75px; top:0px; height: 12px; width: 232px; z-index:1; 
		 				 display: block;  font-size: 1px; line-height: 2 px;
		 				 background-image: url('images/menu/menu_3w_01.gif'); height: 12px; width: 232px;
		 				 }
						 
#partwoning_r
						 {
						 position: absolute; left: 75px; top:0px; height: 12px; width: 232px; z-index:1; 
		 				 display: block;   font-size: 1px; line-height: 2 px;
		 				 background-image: url('images/menu/menu_3r_01.gif'); height: 12px; width: 232px;
		 				 }
						 
#serwoning_w
						{
						position: absolute; left: 307px; top:0px; height: 12px; width: 229px; z-index:1; 
		 				display: block;  font-size: 1px; line-height: 2 px;
		 				background-image: url('images/menu/menu_3w_02.gif'); height: 12px; width: 229px;
		 				}
						
#serwoning_r
						{
						position: absolute; left: 307px; top:0px; height: 12px; width: 229px; z-index:1; 
		 				display: block;   font-size: 1px; line-height: 2 px;
		 				background-image: url('images/menu/menu_3r_02.gif'); height: 12px; width: 229px;
		 				}
						
#util_w
			 {
			 position: absolute; left: 536px; top:0px; height: 12px; width: 189px; z-index:1; 
		 	 display: block;  font-size: 1px; line-height: 2 px;
		 	 background-image: url('images/menu/menu_3w_03.gif'); height: 12px; width: 189px;
		 	 }
			 
#util_r
			 {
			 position: absolute; left: 536px; top:0px; height: 12px; width: 189px; z-index:1; 
		 	 display: block;  font-size: 1px; line-height: 2 px;
		 	 background-image: url('images/menu/menu_3r_03.gif'); height: 12px; width: 189px;
		 	 }
			
/* pagina inhoud algemeen*/
#inhoud
			 {
			 position: absolute; left: 50px; top:70px; height: 460px; width: 800px; z-index:1;
			 }

.marge
			{
			margin-top: 20px; margin-left: 20px; margin-right:20px;
			}

.marge2
			{
			margin-left: 20px; margin-right: 20px;
			}
			
.marge3
			{
			margin-left: 20px; margin-right: 10px;
			}
						 
/* pagina home */
#proj_kolom1
			 {
			 position: absolute; left: 0px; top:47px; height: 271px; width: 100px; z-index:1;
			 background-image: url('images/kolom1.jpg'); height: 271px; width: 100px;
			 }
			 
#quote
			{
			position: absolute; left: 200px; top:150px; height: 200px; width: 350px;
			font-size: 15px; 
			line-height: 16 px;
		 	font-style: italic;
			color: red;
			}

/* pagina bureau */
.bureau {width: 450px;}

/* pagina visie */
.visie {width: 450px;}

/* pagina cv */
.cv
	 {	 
	 font-size: 9px;
	 margin-top: -3px;
	 }

.cv dd
		{
		margin-top: -2px; margin-bottom: 6px;
		}
 
.cv ul
		{
		font-size: 10px;list-style: none;
		}

/* pagina organisatie */
.subkop
		{
		margin-bottom: 0px;
		}

/* pagina projecten */			
#proj_1
			 {
			 position: absolute; left: 0px; top:10px; height: 440px; width: 67px; z-index:1;
			 }
			
div#proj_1 a.geenrand img
					 {
	 				 vertical-align: bottom;
	 				 padding: 0;
	 				 margin: 0;
	 				 border: 0;
					 }			

.proj_2
			 {
			 position: absolute; left: 80px; top:10px; height: 440px; width: 720px; z-index:2;
			 }
		
div#proj_1 a.rand img
		 {
		 width: 63px;
		 height: 40px;
		 vertical-align: bottom;
	 	 padding: 0;
	 	 margin: 0;
		 border: 2px solid; border-color:red;
		 }
	 
/* pagina producten */
#prod1 ul
		{
		list-style: square;
		}

#prod1 ul li
		{
		line-height: 20px;
		}	

#prod
			{
			margin-top: 20px; margin-left: 20px;
			}
			
#prod ul
		{
		list-style: none;
		margin-top: -5px;
		margin-bottom: 5px;
		}

#prod ul li
		{
		line-height: 13px;
		margin-left: 55px;
		}
		
/* pagina contact */
.contact
				{
				font-size: 13px;
				}

#rdesign
				{
				position: absolute; left: 675px; top:430px;
				font-size: 9px;
				}
				
#rdesign img
					 {
	 				 padding: 0;
	 				 margin-left: 6px;
					 vertical-align: middle;
	 				 border: 0;
					 }	

/* pagina links */		
#links ul
		{
		list-style: none;
		}

.link
		 {
		 target: _blank;
		 }
.cv
	 {	 
	 font-size: 13px;
	 }