html
{
  overflow-y: scroll;
}
  
body
{
  margin:0;
  padding:0;
   font-family:Gill Sans MT, Helvetica, Verdana;
  color: #cccccc;
  background: url("background.gif");
  background-position:50% 0;
  height: 100%;	
	background-repeat:repeat-x;
}

* { -moz-box-sizing: border-box; }

a
{
color:#cccccc;
font-family:Gill Sans MT, Helvetica, Verdana;
  font-weight:bold;
	text-decoration:none;
}

a img
{
  border:none;
}

br 
{
  clear: both;
}

#website
{
left:50%;
position:absolute;
}

#websitebinnen
{
left:-390px;
position:absolute;
}



#menu
  {
    position:absolute;
    top:0px;
	height:70px;
	width:600px;
	left:-75px;	
	z-index:1000;
  }

    #menu ul
    {
    text-align:left;
    white-space:nowrap;
    margin: 0;
    padding-top: 25px;
	}
		  #menu ul li
		 {
      		font-family:Gill Sans MT, Helvetica, Verdana;
      		font-weight:bold;
      		font-size:80%;	
			width:121px;
		 }
		  #menu ul li.menupunt1
        {
				position:absolute;
				top:25px;
		    left:121px;	
        text-decoration:none;          
				color:#cccccc;			
			  width:174px;
		}

       #menu ul li.menupunt2
        {
				position:absolute;
				top:25px;
		    left:296px;
        	text-decoration:none;          
			color:#cccccc;
			
			width:198px;
		}
		
		#menu ul li.menupunt3
        {
				position:absolute;
				top:25px;
		    left:495px;
        	text-decoration:none;          
			color:#cccccc;
			
			width:199px;
		}

          	

		
	#menu #menu1tekst
  	{
    	position:absolute;
    	top:69px;
		left:97px;		
		width:563px;
		background-image:url("images/menu_1.png");
		padding-top: 0px;
		display:none;
		z-index:999;
		
  	}
	 
		#menu #menu1tekst td
    	{
      		text-align:left;
      		white-space:nowrap;
			
		 }
		 	#menu #menu1tekst td a.menu1
        	{
          		text-decoration:none;  
				text-align:left;        
				color:#cccccc;
			    height:20px;
				width:174px;
				padding-left:24px;
				font-family:Gill Sans MT, Helvetica, Verdana;
  				font-size:70%;
				line-height:18px;
				display: block;
				font-style:none;
				
				
        	}
				
         	#menu #menu1tekst td a.menu2
        	{
          		text-decoration:none;  
				text-align:left;        
				color:#cccccc;
			    height:20px;
				width:198px;
				padding-left:24px;
				font-family:Gill Sans MT, Helvetica, Verdana;
  				font-size:70%;
				line-height:18px;
				display: block 
        	}
				
				 #menu #menu1tekst td a.menu3
        		{
          			text-decoration:none;  
					text-align:left;        
					color:#cccccc;
			    	height:20px;
					width:189px;
					padding-left:24px;
					font-family:Gill Sans MT, Helvetica, Verdana;
					font-size:70%;
					line-height:18px;
					display: block 
        		}

           #menu #menu1tekst td a:hover
          	{
            	color:#cccccc;		
				background:#282828;
			    height:20px;
				display: block 
          	}
					  
         #menu #menu1tekst td a.active,
         #menu #menu1tekst td a.active:hover
         {
         	color:#cccccc;
			margin-left: 0px;
			background:#676565;
			height:20px;
			display: block 
		  }


#logo
  {
    position:absolute;
    top:4px; 
		left:733px;
    width:56px; height:56px;
    text-indent:-10000px;
    z-index:2;
    background-image:url("logo.gif");
		backgroun-repeat:no-repeat;
  }

	#music {
	 position:absolute;
   	 top:25px; 
	 left:823px;
     width:50px;
	font-family:Gill Sans MT, Helvetica, Verdana;
  	font-size:65%;
	color:#CCCCCC;
	cursor:hand;
	 
	}
	
	#languages {
		position:absolute;
   	 	top:21px; 
	 	left:603px;
    	z-index:1078;
		font-family:Gill Sans MT, Helvetica, Verdana;
  		font-size:65%;
		color:#CCCCCC;
	}
	.selectlanguages {
		border-color:#cccccc;
		width: 100px;
		color:#777576;
		font-size:11px;
		font-weight:bold;
	 z-index:1079;
	}
		
#schaduwrechts
{
  position:absolute;
  top:90px; left:790px;
	width:11px;	
	height:470px;
	background-image:url("schaduwrechts.png");
  _background-image:none;
  filter:progid:DXImageTransform.Microsoft.AlphaImageLoader(src='schaduwrechts.png');
  
}

#schaduwonder
{
  position:absolute;
  top:550px; left:2px;
	width:799px;	
	height:11px;
	background-image:url("schaduwonder.png");
  _background-image:none;
  filter:progid:DXImageTransform.Microsoft.AlphaImageLoader(src='schaduwonder.png');
  
}

#content
{
  position:absolute;
  top:100px; left:0px;
	width:790px;	
	height:450px;
	background-image:url("introbg.jpg");
  z-index:10;
}

#content #contentbg
{
  position:absolute;
  top:0px; left:0px;
	width:790px;	
	height:450px;
	
	z-index:11;
}

#content #contentbg #product1
{
  position:absolute;
  top:85px; left:0px;
	width:175px;	
	height:263px;
	z-index:12;
}
#content #contentbg #product2
{
  position:absolute;
  top:85px; left:217px;
	width:175px;	
	height:263px;
	z-index:13;
}
#content #contentbg #product3
{
  position:absolute;
  top:85px; left:428px;
	width:175px;	
	height:263px;
	z-index:14;
}
#content #contentbg #product4
{
  position:absolute;
  top:85px; left:639px;
	width:175px;	
	height:263px;
	z-index:15;
}
#content #contentbg #tekst1
{
  position:absolute;
  top:0px; left:0px;
	width:250px;	
	height:365px;
	padding:20px;
	 font-family:Gill Sans MT, Helvetica, Verdana;
  	font-size:65%;
	line-height:18px;
	z-index:12;
	
}
#content #contentbg #tekst2
{
  position:absolute;
  top:0px; left:270px;
	width:250px;	
	height:365px;
	 font-family:Gill Sans MT, Helvetica, Verdana;
  font-size:65%;
	line-height:18px;
	padding:20px;
	z-index:13;
	
}
#content #contentbg #tekst3
{
  position:absolute;
  top:0px; left:540px;
	width:250px;	
	height:365px;
	 font-family:Gill Sans MT, Helvetica, Verdana;
  font-size:65%;
	line-height:18px;
	padding:20px;
	z-index:14;
	
}

#content #contentbg #tussenlijn
{
  position:absolute;
  top:25px; left:265px;
  width:1px;	
  height:335px;
  z-index:12;
  background-image: url("images/1.gif");
	
}

#content #contentbg #tussenlijn2
{
  position:absolute;
  top:25px; left:525px;
  width:1px;	
  height:335px;
  z-index:12;
  background-image: url("images/1.gif");
	
}

#content #contentbg #tekst1bg
{
  position:absolute;
  top:0px; left:0px;
	width:250px;	
	height:365px;
	z-index:9;
	
}
#content #contentbg #tekst2bg
{
  position:absolute;
  top:0px; left:270px;
	width:250px;	
	height:365px;
	z-index:10;
	
}
#content #contentbg #tekst3bg
{
  position:absolute;
  top:0px; left:540px;
	width:250px;	
	height:365px;
	z-index:11;
	
}



#content #rightpic
{
  position:absolute;
  top:0px; left:490px;
	width:300px;	
	height:450px;
	z-index:11;
}

#bottom
{
  position:absolute;
	top:556px; left:0px;
	text-align:center;
  width:770px;
	 font-family:Gill Sans MT, Helvetica, Verdana;
  font-weight:bold;
  font-size:65%;
	line-height:18px;
}

#bottomtekst a
{
  position:absolute;
	top:500px; left:740px;
  width:90px;
  font-size:75%;
	line-height:18px;
	text-decoration:none;
	z-index:19999;
}

#bottomterug a
{
  position:absolute;
	top:500px; left:640px;
  width:90px;
  font-size:75%;
	line-height:18px;
	text-decoration:none;
	z-index:19999;
}

.menulijn
{
background-image:url("menulijn.gif");
height:100%;

}
	

