/* 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: gray; 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;
			}


#onestattag  	{
		 position: absolute; bottom: 0px; right: 0px;
   	 		 }



#onestat  	{
		 position: absolute; bottom: 0px; right: 0px;
   	 		 }



/* 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: 0px; top:0px; height: 12px; width: 231px; z-index:1; 
		 				 display: block;  font-size: 1px; line-height: 2 px;
		 				 background-image: url('images/menu/menu_3w_01.gif'); height: 12px; width: 231px;
		 				 }
						 
#partwoning_r
						 {
						 position: absolute; left: 0px; top:0px; height: 12px; width: 231px; z-index:1; 
		 				 display: block;   font-size: 1px; line-height: 2 px;
		 				 background-image: url('images/menu/menu_3r_01.gif'); height: 12px; width: 231px;
		 				 }
						 
#serwoning_w
						{
						position: absolute; left: 231px; 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: 231px; 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: 460px; 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: 460px; 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;
		 	 }

#transformatie_w
			 {
			 position: absolute; left: 649px; top:0px; height: 12px; width: 151px; z-index:1; 
		 	 display: block;  font-size: 1px; line-height: 2 px;
		 	 background-image: url('images/menu/menu_3w_04.gif'); height: 12px; width: 151px;
		 	 }
			 
#transformatie_r
			 {
			 position: absolute; left: 649px; top:0px; height: 12px; width: 151px; z-index:1; 
		 	 display: block;  font-size: 1px; line-height: 2 px;
		 	 background-image: url('images/menu/menu_3r_04.gif'); height: 12px; width: 151px;
		 	 }

			
/* 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 */			
div.proj_1
			 {
			 position: absolute; left: 0px; top:49px; width: 80px; z-index:1;
			
			 }

.Scroller-Container  {
	             position: absolute; top:60px; left:0px;
                     }

#Scrollbar-Container  {
	             position: absolute; top:60px; left:0px;
                     }

.Scrollbar-Track   {
	           position: absolute; width: 10px; background: url('images/scrollbar_track.png'); height: 308px; top: 11px; left: 0px; z-index:3;
                   }

.Scrollbar-Trackb   {
	           position: absolute; width: 10px; background: url('images/scrollbar_track.png'); height: 11px; top: 0px; left: 0px; z-index:3;
                   }

.Scrollbar-Tracko   {
	           position: absolute; width: 10px; background: url('images/scrollbar_track.png'); height: 11px; top: 319px; left: 0px; z-index:3;
                   }


.Scrollbar-Handle   {
	            position: absolute; width: 10px; height: 15px; z-index:3;
                    background: url('images/scrollbar_handle.png'); height: 15px; width: 10px;
                    }

div.Scroller-Container    
		{
		width: 67px;
		}

div.Scroller-Container a.geenrand img
					 {
	 				 vertical-align: bottom;
	 				 padding: 0;
	 				 margin: 0;
	 				 border: 0;
					 }			


div.Scroller-Container a.rand img
		 {
		 width: 63px;
		 height: 40px;
		 vertical-align: bottom;
	 	 padding: 0;
	 	 margin: 0;
		 border: 2px solid; border-color:red;
		 }

.mcontainer  
             {
	     Position: absolute; width: 67px; height: 352px; top: 20px
             }

#Scroller-1 
              {
	      position: absolute; left: 15px; top: 49px; width: 67px; height: 352px; overflow: hidden
              }

.Scroller-Container 
                     {
	             position: absolute; top: 0px;
                     }


.proj_2
			 {
			 position: absolute; left: 130px; top:80px; height: 440px; width: 720px; z-index:2;
			 }
		


	 
/* pagina producten */

#prod1 ul
		{
		margin-top: 20px; margin-left: 20px;
		list-style: square;
		}

#prod1 ul li
		{
		line-height: 30px;
		}	

			
#prod1 ul li ul
		{
		list-style: none;
		margin-top: -5px;
		margin-bottom: 5px;
		}

#prod1 ul li ul li
		{
		line-height: 16px;
		margin-left: 55px;
		}

#prod1 span
		{ 
		position: absolute;
		left: 400px;
		top: 50px;
		visibility: hidden;
		color: black;
		}

#prod1 ul li:hover > span
			{ 
			visibility: visible;
			}


#prod1 table		 			 { 
		 			 width: 300px; height: 300px; border: 0; cellpadding: 0; cellspacing: 0;
		 			 border-collapse: collapse;
					 }		 
		 		 
#prod1 td
	{
	text-align: center;
	vertical-align: center;
	}



/* 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;
	 }


