body{
	margin:0;
	padding:0;
	width: 100%;
	height: 100%;
	font-family: Verdana, Verdana, Arial, Helvetica, sans-serif; 
	align: justify;
	font-size: 8pt; 
	color:#600;
	background-image: url(../images/kant2.jpg);
}
html, body {
height: 100%;
}

#container{
	
	min-height: 100%;
	height:100%;

}
#header{
	height:117px;
	width:1000px;

} 


#wrapper{
	margin-top:4px;
	min-height: 100%;

	width:100%;
	background-image:url(../images/kanttest.jpg);
	background-repeat:repeat-y;
	
	
}
#entries{
	width:750px;
	margin-left:30px;	
}

#text{
	float:left;
	width:49%;
	height:500px;
	padding: 1px;
	clear:both;
}

#image{
	float:right;
	width:49%;	
}

p.message {
	color:red;
}

#myform br{
clear: left;
}

#myform .textarea{
	float:left;
	width:400px;
	height:80px;
	padding:2px; 
	border:solid 1px rgb(200,200,200); 
	font-size:100%;	
}

#myform label {
	float:left; 
	width:120px;
	margin: 0 1em 10px 0;
	padding:2px; 
	font-size:100%;
	clear: both;

}

#myform .txt {
	float:left; 
	width:290px; 
	padding:2px; 
	border:solid 1px rgb(200,200,200); 
	font-size:100%;
}


#myform .button {
	float:left;
	margin-left:20px;
	margin-top:10px;
	background:rgb(230,230,230); 
	border:solid 1px rgb(150,150,150); 
	text-align:center; 
	color:rgb(150,150,150); 
	font-size:120%;
}
#myform .button:hover {
	cursor:pointer; 
	border:solid 1px rgb(80,80,80); 
	background:rgb(220,220,220); 
	color:rgb(80,80,80);
}


#wrapper .tekstentable td {
	border-bottom: solid 1px rgb(80,80,80); 
}


h1 {
	font-family:Verdana, Geneva, sans-serif;
	font-size: 14pt;
	color: #663333;
}

h2 {
	font-family: Verdana, Arial, Helvetica, sans-serif; font-style: italic; font-weight: bold; color: #663333; font-size: 11pt;

}

h3, h4 {
	color: #CC9999;
}

h5, h6 {
	color: #FFCCCC;
}

#entries a {
	color:#00F;
}




/* ================================================================ 
This copyright notice must be kept untouched in the stylesheet at 
all times.

The original version of this stylesheet and the associated (x)html
is available at http://www.stunicholls.com/menu/pro_drop_2.html
Copyright (c) 2005-2007 Stu Nicholls. All rights reserved.
This stylesheet and the associated (x)html may be modified in any 
way to fit your requirements.
=================================================================== */
#part1{
	float: left;
	width:250px;
	height:117px;
	padding: 2px;
	background-image: url(../images/heading1.jpg);
	background-repeat:no-repeat;
	background-position:left;
	background-position:0 1px;
}


#menu{
	float: left;
	width: 590px;
	height: 60px;
	margin-left:-8px;
	margin-top:1px;
	padding: 3px;
	background-image: url(../images/heading2.jpg);
	background-repeat:repeat-x;
	z-index:500;
	
}
#submenu{
	font-size:10px;
	margin-left:290px;
	margin-top:12px;
}
#part3{
	z-index:400;
	position:inherit;
	margin-top:1px;
	margin-left:-150px;
	float: left;
	width: 300px;
	height: 115px;
	padding: 2px;
	background-image: url(../images/heading3.jpg);
	background-repeat:no-repeat;
	
}

#nav {
	margin-top:-3px;
	margin-left:-3px;
	padding:0;
	
	list-style:none; 
	 
	z-index:500; 
	
}
#nav  { display: block; }


#nav li.top {display:block; float:left; height:38px;}



#nav li a.top_link { 
	padding:0;
	display:block; 
	text-decoration:none; 
	color:#FFF;
	font-weight:bold; 
	cursor:pointer;
	

	
}

#nav li a.top_link span {
	margin:0;
	display:block; 
	padding:0x; 
}

#nav li a.top_link span.down {
	position:relative;
	display:block;
	padding-left:15px;
	padding-right:15px;
	margin:0;
	background: url(../images/tridown.gif) no-repeat right 2px;
	font-weight: bold; font-family: Arial; font-size: 10px; color: rgb(255, 255, 255);
	background-color: rgb(153, 102, 51);
	
	border-left:1px solid #cc9966;
	border-right:1px solid #663300;
	border-bottom:1px solid #663300; 
	border-top:1px solid #cc9966; 
}



/* Default list styling */

#nav li:hover {position:relative; z-index:200; color:#000;}

#nav li:hover ul.sub{
	left:1px; 
	top:15px;
	color:#FFF;
	background:#996633; 

	white-space:nowrap; 
	width:inherit; 
	height:auto; 
	z-index:300;
}


#nav li:hover ul.sub li{
	display:block; 
	position:relative; 
	float:left; 
	font-weight:normal;
	
}


#workcentre li {width: 200px;}
#workcentre li ul li{width: 300px;}

#workcentre ul{max-width:300px;}


#conpactsaw li {width: 300px;}


#worksupport li {width: 150px;}

#routertable li {width: 180px;}
#routertable li ul li{width: 150px;}
#routertable ul{max-width:150px;}

#elektrtools li {width: 250px;}
#dealers li {width: 100px;}

#nav li:hover ul.sub li a{
	display:block; 
	font-size:11px;
	color:#FFF; 
	text-decoration:none ;
	border-left:1px solid #cc9966;
	border-right:1px solid #663300;
	border-bottom:1px solid #663300; 
	border-top:1px solid #cc9966; 
}

#nav li ul.sub li a.fly
{background-color:#996633; background: url(../images/arrow.gif) no-repeat right 2px;
}

/* first sub menu */
#nav li:hover ul.sub li a:hover 
{background-color:#ff9122; color:#000; }
#nav li:hover ul.sub li a.fly:hover
{background-color:#ff9122; color:#000;}

/*subsubmenu*/
#nav li:hover li:hover ul,
#nav li:hover li:hover li:hover ul,
#nav li:hover li:hover li:hover li:hover ul,
#nav li:hover li:hover li:hover li:hover li:hover ul
{left:90px; top:-4px;background-color:#996633;
  white-space:nowrap; width:auto; z-index:400; height:auto;}

#nav ul, 
#nav li:hover ul ul,
#nav li:hover li:hover ul ul,
#nav li:hover li:hover li:hover ul ul,
#nav li:hover li:hover li:hover li:hover ul ul
{position:absolute; left:-9999px; top:-9999px; width:0; height:0; margin:0; padding:0; list-style:none;
}

#nav li:hover li:hover a.fly,
#nav li:hover li:hover li:hover a.fly,
#nav li:hover li:hover li:hover li:hover a.fly,
#nav li:hover li:hover li:hover li:hover li:hover a.fly
{ color:#fff; border-color:#663300;} 

#nav li:hover li:hover li a.fly,
#nav li:hover li:hover li:hover li a.fly,
#nav li:hover li:hover li:hover li:hover li a.fly
{ color:#000; border-color:#663300;}