* {
margin: 0px;
padding: 0px;
}

body{
background-color:#000000;
background-image:url(../images/bg.jpg);
background-repeat:repeat-x;
font-family:Trebuchet, Arial, Helvetica, sans-serif;
font-size:12px;
color:#575656;
text-align:left;
}

h2{
font-family:Trebuchet, Arial, Helvetica, sans-serif;
font-size:12px;
color:#575656;
font-weight:bold;
}

#container{
width:800px;
margin:auto;
clear:both;
}

#header{
width:800px;
height:113px;
margin:auto;
clear:both;
}
#navi{

width: 800px;
height: 27px;
margin:auto;
background-image:url(../images/nav_bar.jpg);
background-repeat:no-repeat;
clear:both;
list-style-type:none;
}
#navi_bar{
padding-left:525px;
width: 350px;
height:25px;
}
#navi_bar li  {
	float:left; 
	width:68px;
	height:20px;
	list-style:none;
    list-style-type:none;
	margin-top:5px;
	color:#e41900;
	text-align:center;
	}


#navi_bar ul li {
	margin-right: 1px;
	}

#navi_bar a:link, #navi_bar a:visited, #navi_bar a:active {
  vertical-align:middle;
  text-align:center;
  color:#3e3e3e;
  text-decoration:none;
}

#navi_bar a:hover {
  vertical-align:middle;
  text-align:center;
  color: #e41900;
  text-decoration:none;
	}
#main_content {
	width:800px;
	margin:auto;
	background-image:url(../images/content_bg.jpg);
	background-repeat:no-repeat;
	background-color:#FFFFFF;
	clear:both;
	}
/*Klassendefinition umd die Float-Elemente im #main_content zu lassen*/

.clearfix:after {
    content: "."; 
    display: block; 
    height: 0; 
    clear: both; 
    visibility: hidden;
}

.clearfix {display: inline-block;}

/* Hides from IE-mac \*/
* html .clearfix {height: 1%;}
.clearfix {display: block;}
/* End hide from IE-mac */


#main_left{
width:470px;
float:left;
margin-top:35px;
margin-left:25px;
background-color:#FFFFFF;
}

#main_left a:link, a:hover, a:active, a:visited{
color:#e41900;
text-decoration:none;
}

#main_right{
width:234px;
float:right;
margin-top:35px;
margin-right:20px;
background-color:#FFFFFF;
line-height:16px;
}
#footer {
	width:800px;
	height:25px;
	margin:auto;
	font-size:11px;
	background-color:#FFFFFF;
	text-align:center;
	}
#footer img{
padding-bottom:5px;
}

#footer a:link, a:hover, a:active, a:visited{
color:#e41900;
text-decoration:none;
}

/*Formularformatierung*/

form, input{
	font-family:Arial, Helvetica, sans-serif;
	font-size:12px;
	}
input {
	display:block;
	width:400px;
	height:18px;
	color:#7f7f7f;
	border: 1px solid #CCCCCC;
	margin-bottom:8px;
	}
textarea {
	width:400px;
	color:#7f7f7f;
	border: 1px solid #CCCCCC;;
	margin-bottom:2px;
	}
	
.submit {
	width:102px;
	height:20px;
	color:#FFFFFF;
	background-image:url(../images/posalji_button.jpg);
	}
label {
	width:5em;
	}
.text_marke_klein{
	font-size:10px;
	margin-left:20px;
	}
	
.noborder{
border:0px;
}

.kont_small{
font-size:11px;
}
.kont_headers{
font-family:Trebuchet, Arial, Helvetica, sans-serif;
font-size:12px;
color:#575656;
font-weight:bold;
}

/*Produktunterseite*/

#prod{
width:481px;
background-color:#ffffff;
margin-bottom:30px;
border:1px solid #CCCCCC;
}
#prod_head{
width:481px;
height:22px;
clear:both;
background-image:url(../produkt_sub/images_sub_main/ueberschrift_balken_rot.png);
background-repeat:no-repeat;
}
#prod_body{
width:480px;
}
#prod img{
float:left;
margin-right:50px;
}
.prod_head{
color:#FFFFFF;
font-size:12px;
font-weight:bold;
padding-left:5px;
padding-top:3px;
}
#prod ul{
font-size:11px;
line-height:20px;
float:left;
}
.kont_best{
color:#575656;
}