body {
	font-family: Verdana, Arial, Helvetica, sans-serif;
	margin: 0px;
	padding: 0px;
	background-color: #eaeaea;
	}

#container {
	background: url(../pics/backmid.png) repeat-y;
	width: 800px;
	border-style: none;
	margin: 0 auto;
	padding: 0px;
	}
	
/*** Top Section ***/
#header {
	margin: 0;
	background: url(../pics/backtop.png) no-repeat;	
	padding: 0px;	
	}
	
#title {
	padding: 0;
	color: #336699;
	float: left;
	clear: left;
	margin: 25px 0 0 25px;
	font-size: 1.6em;
	}

#title a {
	text-decoration: none;
	color: #336699;
}
#title a:visited {
	font-size: 1em;
	text-decoration: none;
	color: #336699;
	}

#rdsm {
	padding: 0px 0px 0 650px;
	}
	
/*** Main Menu Top ***/
#menu {
	background-color: #24486B;
	clear: both;
	width: 762px;
	line-height: 1.5em;
	margin: 0 9px;
	padding: 0px 0px;
	font-size: 0.9em;
	}

ul#menulist{
	margin: 0px;
	padding: 0px;
	white-space: nowrap;
	text-align: center;
	text-decoration: none;
	color: #D5EAFF;
	}

#menulist li {
	display: inline;
	list-style-type: none;
	}

#menulist a { 
	margin: 0px 6px;
	padding: 0px 5px; }

#menulist a:link {
	text-decoration: none;
	color: #D5EAFF;
	font-weight: bold;	}
#menulist a:visited {
	font-size: 1em;
	text-decoration: none;
	color: #D5EAFF;
	font-weight: bold;	} 
#menulist a:active {
	text-decoration: none;
	color: #D5EAFF;
	font-weight: bold;
	} 

#menulist a:hover {
	color: #24486B;
	background-color: #D5EAFF;
	text-decoration: none;
	}
	
/*** Main Section ***/
#content {
	width: 800px;
	}

#main {
	margin: 0px 40px 30px 0px;
	float: right;
	width: 600px;
	}
	
	
#main h1 {
	color: #336699;
	font-size: 1.3em; 
	padding: 0px 10px 10px 10px; 
}

#main p { 
	padding: 0px 10px 0px 10px; 
	font-size: 0.9em;
}

#main li { 
    padding: 0px 10px 0px 10px; 
    font-size: 0.9em;
}
	
#main a:link, a:visited, a:active {
	color: #24486B;
	font-size: 1em;
	font-weight: bold;
	text-decoration: none;
	}

#main a:hover {
	color: #99D5FF;
	text-decoration: none;
	}

#main dl{
	font-size: 14px;
	padding: 3px 0 0 40px;
}

#main dt{
	font-weight: bold;
	float: left;
	width: 110px;
	line-height: 20px;
	padding: 3px;
	text-align: right;
}

#main dd{
	line-height: 20px;
	padding: 3px;
}

	/* nav */
#navtop {
	background: url(../pics/navbacktop.png) no-repeat;	
	margin: 20px 0px 0px -5px;
	height:20px;
	}
#nav {
	background: url(../pics/navbackmid.png) repeat-y;	
	width: 165px;
	margin: 0px 0px 0px -5px;
	padding: 5px 0 0 0;
	float:left;
	color: #24486B;
	font-weight: bold;
	}
#navbottom {
	background: url(../pics/navbackbottom.png) no-repeat;	
	margin: 0px 0px 0px 0px;
	height:20px;
	}
#nav p {
	font-size: 0.8em;
	color: #24486B;
	margin: 0px 10px 10px 15px;
	}

#nav a {
	text-decoration: none;
	color: #24486B;	
	font-family: Arial, sans-serif;
	font-weight: bold;
	margin: 0px 10px 10px 15px;
	font-size:0.8em;
	padding: 5px;
	}
#nav a:visited {
	}

#nav a:hover {
	color: #336699;
	background-color: #D5EAFF;
	text-decoration: none;
	}

#nav a.hfd {
	text-decoration: underline;
	margin: 0px 0 0 5px;
	padding: 0px 0px 0px 0px;
	color: #24486B;
	font-size: 0.9em;
	font-weight: bold;
	}

#article {
	float: right;
	border: 2px solid #666666;
	width: 200px;
	margin: 10px;
	padding: 7px;
	font-size: 0.9em;
}

#article a, #article a:visited, #article a:hover,#article a:link,#article a:active {
	font-weight:normal;
	text-decoration:underline;
}

/*** Footer Section ***/

#superfooter  {
	background-color: #24486B;
	clear: both;
	width: 762px;
	margin: 0 9px;
	padding: 0px 0px;
	font-size: 0.9em;
	
}
#superfooter  a{
	clear: both;
	font-size: 0.7em;
	color: #fff;
	text-decoration: none;
	font-weight: bold;
	font-family: Verdana, Arial, Helvetica, sans-serif;
	padding: 0px 10px 0 10px;
	margin-right: 30px;
}

#footer { 
	background: url(../pics/backbottom.png) no-repeat;	
	font-size: 0.7em;
	color: #666666;
	font-family: Verdana, Arial, Helvetica, sans-serif;
	padding: 30px 10px 0 10px;
	clear: both;
	margin: 0px;
	}
#footer a {
	color: #666666;
	text-decoration: none;
	font-weight: bold;
	}

#footer .des {
	font-size: 0.9em;
}

/*** andere ***/

h2 {
	color: #336699;
	font-size: 1.1em; 
	padding: 10px 10px 0px 10px; 
}

h3 {
	color: #336699;
	font-size: 0.9em; 
	padding: 0px 10px 0px 10px; 
}

#small {
	font-size: 0.75em;
	font-family: Arial;
	width:	80%;
	padding: 0px 20px 0px 80px;
	text-align: center;
	}
	
#prod {
	margin: 0px 10px 0px 10px;
	}
	
#bottom {
	margin: 0px;
	clear: both;
	border: 2px groove #000000;
	margin: 8px 0;
	text-align: center;
	padding: 10px;
	font-weight: bold;
	}

#tiny {
	text-align: right;
	font-size: 0.7em;
	padding-right: 50px;
	clear:both;
	}
	
#tiny a {
	color: #24486B;
	font-weight: bold;
	text-decoration: none;
	}

.small {
	font-size: 0.8em;
	}

#koop {
	border: 2px groove #000000;
	clear: both;
	margin: 8px 0;
	text-align: center;
	padding: 10px;
	font-weight: bold;
	}

ul.space li {
	margin-top: 1.3em;
	font-size: 0.9em;
	}

#quickAdd{
	width: 160px;
	float: right;
	padding: 5px;
	margin: 5px 0 5px 5px;
	background-color: #fafafa;
	border: 3px solid black;
}

th.smallth {
	font-weight: normal;
	font-size: 0.7em;
}

#quickorder  td{
	font-size: 12px;
}

#manchettabel th{
	font-size: 14px;
	background-color: #24486B;
	color: #ffffff;
}
#manchettabel td{
	font-size: 12px;
}

#contactable{
	font-size: 14px;
	line-height: 19px;
}
thead {background:#336699;color: #ffffff;}
tr.tableeven {background: #fafafa;}
tr.tableoneven {background: #F5FAFF;}
table.technical {font-size: 13px}

.section { border: 3px solid #336699; text-align:center; margin: 0 auto 10px auto;}
.section_half {width: 280px; border: 3px solid #336699; text-align:center; margin: 0 auto; float:left; margin:10px 10px 0 0;}
.sectionhead {clear:both; border-bottom: 3px solid #336699; background-color: #336699; color: #ffffff; font-weight:bold; font-size:1.2em; }
.sectionhead a {color: #ffffff;}
.sectionproducts { margin: 0 auto; padding: 10px 0;}
.sectionproduct {width:150px; float:left; padding: 0 10px; }