@charset "utf-8";

html, body, form {
	font: 12px Tahoma, Geneva, sans-serif;
	background:white;
	color: #7b7b7b;
}
html * {
	margin:0;
	padding:0;
}

/* elements */

a {	
	color: #7b7b7b;
	}
a:hover {
	text-decoration:none;	
	background:#f29400;
	color:#FFF;
	}
h1 {
	color: #f29400;
	font-size:14px;
	margin-bottom:10px;
	
	}
h2 {
	
	}
#box_content li {
	list-style:circle outside;
	list-style-image:url(img/hackerl.gif)
	}
#box2_content li {
	list-style:circle outside;
	list-style-image:url(img/hackerl.gif)
	}	
	
table {
	border:none;
	}


/* DIVs */
#container {
	width:960px;
	margin-left:10px;
	margin-top:10px;
	}
#header {
	background:url(header.jpg) no-repeat;
	width:960px;
	height:130px;	
	margin:0;
	float:left;
	}
/* 	
#logo {
	float:left;
	border:none;
	}
#logo a {
	border:none;
	}
*/	
#navigation {
	width:650px;
	height:30px;	
	margin:55px 0 0 330px;	
	}
#maincontent {
	background:url(bg_product.jpg) no-repeat;	
	width:960px;
	height:560px;
	margin:0;	
	clear:both;
	}
#content {
	margin-top:0px;
	margin-left:10px;
	padding:10px;
	width:619px;
	}
#box_header {
	background:url(box_header.gif) no-repeat;
	height:5px;
	}
#box_content {
	background:url(box_content.gif);
	background-position:top left;
	padding:10px;
	}
#box_footer {
	background:url(box_footer.gif) no-repeat;
	height:5px;
}

#content2 {
	margin-left:10px;
	padding:10px;
	width:301px;
	float:left;
	}
#box2_header {
	background:url(box2_header.gif) no-repeat;
	height:5px;
	}
#box2_content {
	background:url(box2_content.gif);
	padding:10px;
	}
#box2_footer {
	background:url(box2_footer.gif) no-repeat;
	height:5px;
}



/* navigation */

#header ul {
	list-style-type:none;
	margin:0;
	padding:0;
}	

#navigation li {
	float:left;
	list-style-type:none;
	margin:0 30px;
	padding:0;
}	

#navigation li a {
	color:#FFF;
	text-decoration:none;
	font-size:12px;
	font-weight:bold;
	display:block;
	line-height:40px;
	}
#navigation li a:hover {
	background:url(rollover.gif) no-repeat;
	background-position:50% 0;
	}		
#navigation li a:focus {
	background:url(rollover.gif) no-repeat;
	background-position:50% 0;
	}	
#navigation li a:active {
	background:url(rollover.gif) no-repeat;
	background-position:top center;
	}	
	
#subnavi_ {display:block}	
#subnavi_ ul {
	margin-left:360px;
	height:45px;
	}
#subnavi_ li {
	float:left;
	list-style-type:none;
	margin:0 10px;
	padding:0;
	}
#subnavi_ li a {
	color:#f29400;
	text-decoration:none;
	font-size:12px;
	font-weight:bold;
	display:block;
	line-height:10px;
	}
#subnavi_ li a:hover {
	background:none;
	background-position:;
	text-decoration:underline;
	}		
#subnavi_ li a:focus {
	background:;
	background-position:;
	text-decoration:underline;
	}	
#subnavi_ li a:active {
	background:;
	background-position:;
	text-decoration:underline;
	}	

/* subnabvi produkte */

#subnavi {display:none}
#subnavi ul {
	margin-left:365px;
	}
#subnavi li {
	float:left;
	list-style-type:none;
	margin:0 8px;
	padding:0;
	}
#subnavi li a {
	color:#f29400;
	text-decoration:none;
	font-size:12px;
	font-weight:bold;
	display:block;
	line-height:12px;
	}
#subnavi li a:hover {
	background:none;
	background-position:;
	text-decoration:underline;
	}		
#subnavi li a:focus {
	background:;
	background-position:;
	text-decoration:underline;
	}	
#subnavi li a:active {
	background:;
	background-position:;
	text-decoration:underline;
	}	
	
/* subsubnavi */

#subsubnavi {display:none}
#subsubnavi ul {
	position:absolute;
	left:610px;
	top:110px;
	z-index:100;
	background:white;
	border:solid 1px #7b7b7b;
	padding:3px 0px;
	
	}
#subsubnavi li {
	list-style-type:none;
	margin:0 10px;
	padding:3px;
	}
#subsubnavi li a {
	color:#f29400;
	text-decoration:none;
	font-size:12px;
	font-weight:bold;
	display:block;
	line-height:18px;
	}
#subsubnavi li a:hover {
	background:none;
	background-position:;
	text-decoration:underline;
	}		
#subsubnavi li a:focus {
	background:;
	background-position:;
	text-decoration:underline;
	}	
#subsubnavi li a:active {
	background:;
	background-position:;
	text-decoration:underline;
	}	

	
	
/* Kontaktformular */

form {
	margin-left: 0px;
	margin-top: 10px;
	}

.formlabel {
	font-size:1em;
	display:block;
	margin:0.5em 0px 0em 0px;
}
.pflichtfeld {
	font-weight:bold;
}
input {
	margin-right:0.2em;
}
.formfield {
	width:224px;
	background-image:url(../img/textboxbgrd.gif);
	background-position:center;
	background-position:center;
	border:1px solid #a9acc7;
	padding:0.1em;
}
textarea.formfield {
	background-image:url(../img/textfieldbgrd.gif);
}
.formfield:hover,
.formfield:focus {
	border-color:#f29400;
}
select.formfield {
	width:21.3em;
}

.myValidation {
	margin:5px 0;
	line-height:18px;;
	text-align:center;
	width:210px;
}

#button {
	margin-left: 80px;
	margin-top:40px;
	}

#button a{
	padding:3px;
	height:10px;
	width:50px;
	text-align:center;
	color:#f29400;
	background:white;
	border: 1px solid #f29400;
	text-decoration:none;
	line-height:10px;
}
#button a:hover{
	color:white;
	background:#f29400;
	border: solid #f29400 1px;
	text-decoration:none;
}