html, body {
	font-family: Arial, Verdana, Helvetica, sans-serif;
	font-size: 10pt;
	color:#666666;
	background-color: #ffffff;
	margin: 0px;
	padding: 0px;
	background-image: url(../img/skin/bg_top.jpg);
	background-repeat: repeat-x;
}



#container {
	width: 1240px;
	float: left;
	margin-top: 0px;
	margin:0px auto;
	border: 0px solid #000000;
	background-image:url(../img/skin/bg_content.jpg);
	
}
	
	
#header {
	width:1240px;
	
	background-image:url(../img/skin/top.jpg);
	height:185px;
	/*position: absolute;*/	
	position: relative; 
	
	
}

#topnav {
	position: absolute;
	top: 137px;
	left: 767px;
	width:453px;
}


/*
#topnav {
	position: relative;
top: 137px;
text-align:right;
margin-right: 10px;
width:410px;
}*/


/* ###################################################################### content */



#content { /* background-color:green; */ 	
	float:left;
	margin-left:25px;
	width:720px;
	border: 0px solid #000000;
	height:100%
	
	}
	
	

#content li {
list-style-image: url(../img/skin/dot.gif);
}



/* ###################################################################### rechtespalte */



#rechtespalte { /* background-color:green; */ 	
	float:left;
	margin-right:10px;
	margin-left:10px;
	min-height: 100px;
	width:200px;
	}
	
.rechtebox { 
 background-color:#ffffff; 
	min-height: 100px;
	width:190px;
	border: 1px solid #cccccc;
	padding:8px;
	margin-bottom:20px;
	}
	
	

#rechtespalte li {
list-style-image: url(../img/skin/dot.gif);
}



/* ###################################################################### produktboxen */



.produktboxrahmen {
background-color:#ffffff;
	width:715px;
	float:left;
	margin-right:0px;
	margin-bottom:0px;
	clear:both;
	position: relative;
}

.bildbox {
	width:290px;
	float:left;
	margin-right:10px;
	margin-bottom:0px;
/*height:280px;*/
}

.produkt_mitte{
	width:202px;
	float:left;
	margin-right:15px;
	margin-bottom:20px;
}

.produkt_rechts{
	width:183px;
	float:left;
	margin-right:10px;
	margin-bottom:20px;
/*clear:both;*/
}

.produkt_icons{
	width:400px;
	float:right;
	margin-right:1px;
	margin-bottom:20px;
	/*	border: 1px solid #000000;*/
	display:block;
	cursor:hand;/*position: absolute;
	bottom:-218px;
	right: 27px;*/
}



.blueicons {
	float:left;
	margin-right:4px;
	margin-bottom:10px;/*padding-right:0px;*/
}

.zoom {
	width:39px;
	height:15px;
	z-index:2;
	/*background-image: url(../img/skin/kleine_icons/zoom.gif);*/
	position: absolute;/*margin-top:100px;
margin-left:240px;*/
	top: 0px;
	left: 10px;
}

/* ###################################################################### popup_preiseundzubehoer */

.popupproduktrahmen {
background-color:#ffffff;
	width:640px;
	float:left;
	margin-right:0px;
	margin-bottom:0px;
	clear:both;
	position: relative;
}





.popup_karte {
width:650px;
	margin-left: 20px;
	margin-top: 0px;
	padding-top:130px;
}


.bildbox_popup {
	width:114px;
	float:left;
	margin-right:20px;
	margin-bottom:5px;	/*height:60px;*/
}


.popup_zeile1_mitte{
	width:205px;
	float:left;
	margin-right:10px;
	margin-top: 0px;
	margin-bottom: 0px;
	margin-left: 0px;/*margin-bottom:20px;*/
}

.popup_zeile1_mitte2{
	width:165px;
	float:left;
	margin-right:10px;
	margin-top: 0px;
	margin-bottom: 0px;
	margin-left: 0px;
/*margin-bottom:20px;*/
}


.popup_zeile1_rechts{
width:100px;
float:left;
margin: 0px;
margin-right:0px;
text-align:right;
}



.preis {
text-align:right;
}

.popup_text{
	width:490px;
	float:left;
	margin-right:10px;
	margin-bottom:5px;
	margin-top:0px;	/*	border: 1px solid #000000;*/
	
}


.h2_popup {
font-family: Arial, Verdana, Helvetica, sans-serif;
	font-size: 11pt;
	color:#446429;
	margin-top:0px;
	font-weight: bold;
}
.h2_popup_small {
	font-family: Arial, Verdana, Helvetica, sans-serif;
	font-size: 8pt;
	color:#608737;
	margin-top:0px;
	font-weight: bold;
}


.h4_popup {
font-family: Arial, Verdana, Helvetica, sans-serif;
	font-size: 10pt;
	color:#000000;
	font-weight: bold;
	margin-top:0px;
	
}

.h4_popup_preis {
	font-family: Arial, Verdana, Helvetica, sans-serif;
	font-size: 10pt;
	color:#000000;
	font-weight: bold;
	margin-top:0px;
	
}

/* ###################################################################### menu */

#menu {
	width: 251px;
	float: left;
	margin: 0px;
	margin-top: 0px;
	/*background-color: #ff0000;*/
	/*overflow:hidden;
		background-image:url(../img/skin/bg_menue.jpg);
	background-repeat: repeat-y;
	*/
	padding: 0px;

	
}


#menu ul {
	margin: 0px;
	padding: 0px;
	list-style-type: none;
	width: 250px;
}

#menu li {
	margin: 0px;
	padding: 0px;
	list-style-type: none;
	/*background-color: #074DD9;*/
	padding-top: 0px;
	padding-bottom: 0px;
	margin-top: 1px;	
}

#menu li.level1 a:hover {  }


#menu li.level1_submenu {color:#608737; }

#menu li.level1_submenu a:hover {}


#menu li.level1_active {  }

#menu li.level1_active a { color:#608737; }

#menu li.level1_active_submenu { color:#608737; }

#menu li.level1_active_submenu a { color:#608737; }


#menu li.level1_active_submenu a:hover { }





/* ############## menu level2 = Submenue */

#menu li.level2 { font:bold 8pt arial, sans-serif; margin-left:15px; }

#menu li.level2 a { font:bold 8pt arial, sans-serif; }
	
#menu li.level2 a:hover { font:bold 8pt arial, sans-serif; }

#menu li.level2_active { font:bold 8pt arial, sans-serif;  background-image:url(../img/skin/bg_active_submenue.gif);}

#menu li.level2_active a { font:bold 8pt arial, sans-serif; color:#608737; margin-left:15px;}

#menu li.level2_active a:hover {  }



#menu a {
	display:block;
	margin:0px;
	padding-left:5px; /* regelt abstaende des buttontextes zum rand */ 
	padding-top:3px;
	padding-bottom:3px;
	text-decoration:none;
	font:bold 10pt arial, sans-serif;
	color:#666666;
}

#menu a:hover {color:#cccccc;}

#menu a:active {

}

/* ###################################################################### footer */

#footer { /* border:1px solid #000000; */
	text-align:center;
	width:100%x;
	height:31px;
	
	margin:0px auto;
	background-image:url(../img/skin/bg_footer.jpg);
	
	padding: 0px;
	background-repeat: repeat-x;

	 
	}

.footertext {
	color:#ffffff;
	font-size:11px;
	font-weight:bold;
	font-family: Arial, Verdana, Helvetica, sans-serif;
	padding-top: 10px;
}





/* ###################################################################### eigene Klassen */

h1 {
font-family: Arial, Verdana, Helvetica, sans-serif;
	font-size: 15pt;
	color:#333333;
	margin-top:10px;
	margin-bottom:20px;
}


h2 {
font-family: Arial, Verdana, Helvetica, sans-serif;
	font-size: 12pt;
	color:#608737;
	margin-top:0px;
}

h4 {
font-family: Arial, Verdana, Helvetica, sans-serif;
	font-size: 10pt;
	color:#000000;
	font-weight: bold;
	margin-top:1px;
	
}

 a:link { font-size:9pt; color:#608737; font-weight: bold; text-decoration:none; font-family:Arial;} 
 a:visited { font-size:9pt; color:#608737; font-weight: bold; text-decoration:none; font-family:Arial; } 
 a:hover { font-size:9pt; color:#bbbbbb; font-weight: bold; text-decoration:none; font-family:Arial; } 
 a:active { font-size:9pt; color:#608737; font-weight: bold; text-decoration:none; font-family:Arial; } 
 a:focus { font-size:9pt; color:#608737; font-weight: bold; text-decoration:none; font-family:Arial; }


 a.nav:link { font-size:11px; color:#ffffff; font-weight: bold; text-decoration:none; font-family:Arial;} 
 a.nav:visited { font-size:11px; color:#ffffff; font-weight: bold; text-decoration:none; font-family:Arial; } 
 a.nav:hover { font-size:11px; color:#cccccc; font-weight: bold; text-decoration:none; font-family:Arial; } 
 a.nav:active { font-size:11px; color:#ffffff; font-weight: bold; text-decoration:none; font-family:Arial; } 
 a.nav:focus { font-size:11px; color:#ffffff; font-weight: bold; text-decoration:none; font-family:Arial; }
 
 
 .fett1 {
color:#D01FB5;
}

.input1 {
	background-color:#FFFFcc;
	padding:1px;
	font-family:Verdana,sans-serif;
	font-size:10px;
	color:#000000;
	width:130px;
	margin: auto;
}

hr {
width:100%; color:#cccccc; background-color:#cccccc; height:1px;
  margin-left:0; text-align:left; border:0px solid red; margin-bottom:20px;
}

.smallicons {
margin-right:10px;
margin-bottom:3px;
float:left;
}

.error {
	color:#FF0000;
}

.smallh2
{
font-size:8pt;
}


li {
	margin-left:-14px;
}
.produktmittesmall {
	font-size:8pt;
}
.produkt_mitte_start {
	width:450px;
	float:left;
	margin-right:15px;
	margin-bottom:20px;
}
.bildbox_start {
	width:192px;
	float:left;
	margin-right:40px;
	margin-bottom:0px;
}
.bildboxKopie {
	width:290px;
	float:left;
	margin-right:10px;
	margin-bottom:0px;
}
.produktboxrahmen_start {
	background-color:#ffffff;
	width:715px;
	float:left;
	margin-right:0px;
	margin-bottom:0px;
	clear:both;
	position: relative;
}
.text_start {
	width:695px;
	float:left;
	margin-bottom:0px;
}