body {
     margin: 0px;
     font-family:  Verdana, Arial, Helvetica, sans-serif;
	 background: url(../images/bg/nav_bg2.gif) top left repeat-y;
     font-size: 74%;
	 }
p {
	 padding:  0 10px 10px 0px;
} 
#himg {
	font-family: Verdana, Helvetica, sans-serif;
	font-size: 100%; 
    float:left;
    height: auto;
    width: 476px;
     }
#spalte_r {
	float: left;
    padding: 0px 5px 2px 5px;
	margin: 0px 4px 0px 0px;
	width: 204px;
	}
/* Produktbilder
----------------------------------------------- */  
#spalte_r_grafik {
	background-image: url(../images/grafik_r.jpg);
	width: 204px;
	height: 198px;
	}
#spalte_r_kontakt {
background-image: url(../images/kontakt.jpg);
width: 204px;
height: 198px;
	}
#spalte_r_wir {
background-image: url(../images/wir.jpg);
   width: 204px;
   height: 198px;
	}
#spalte_r_block {
	background-image: url(../images/grafik_block.jpg);
	width: 204px;
	height: 198px;
	}
#spalte_r_block2 {
	background-image: url(../images/grafik_block2.jpg);
	width: 204px;
	height: 198px;
	}
#spalte_r_produkt_lg {
	background-image: url(../images/grafik_produkt_lg.jpg);
	width: 204px;
	height: 300px;
	}
#spalte_r_produkt {
	background-image: url(../images/grafik_produkt.jpg);
	width: 204px;
	height: 198px;
	}
#spalte_r_produkt1 {
	background-image: url(../images/grafik_produkt1.jpg);
	width: 204px;
	height: 198px;
	}
#spalte_r_produkt2 {
	background-image: url(../images/grafik_produkt2.jpg);
	width: 204px;
	height: 198px;
	}
#spalte_r_produkt3 {
	background-image: url(../images/grafik_produkt3.jpg);
	width: 204px;
	height: 198px;
	}
#spalte_r_produkt4 {
	background-image: url(../images/grafik_produkt4.jpg);
	width: 204px;
	height: 198px;
	}
	/* Produktbilder ENDE
----------------------------------------------- */  
.news {
	padding:  22px 0px 0px 25px;
	font-family: Verdana, Arial, Helvetica, sans-serif;
	font-size: 97%;
    font-weight: bold;
	color:#fff;
}

.news-inhalte {
	padding:  0px 0px 0px 25px;
	font-family: Verdana, Arial, Helvetica, sans-serif;
    font-weight: normal;
	font-size: 95%;
}
#wrap{
     width: 950px;
     height: 94,9%;
background: url(../images/bg/nav_bg2.gif) top left repeat-y;
}
#logo {
     float: left;
     padding: 5px 5px 15px 16px;
     height: 68px;
     width: 120px;
     }
#topright {
     width: 517px;
     height: 100px;
     float: left;
     }	
	 
#header {
    width: 950px;
    height: 90px;
    float: left;
}

img {
     border: 0;
     }
	 
#texttitle {
margin: 0px 0px 0px 0px;;
     padding: 1px;
	background-image: url(../images/bg/button.jpg);
	width: 682px;
	height: 114px;
	font-family: Arial, Helvetica, sans-serif;
	text-transform: uppercase;
	font-weight: bold;
	color: #180669;
}

.header {
	font-family: Arial, Helvetica, sans-serif;
	text-transform: uppercase;
	font-size: 150%;
	color: #180669;
	padding: 5px 0px 15px 30px;
}
	
.claim {
	font-size: 110%;
	color: #fff;
	padding: 6px 15px 15px 390px;
}

#titel2 {
	float: left;
	width: 688px;
	height: 16px;
	padding: 3px 0 5px 10px;
	font-family: Arial, Helvetica, sans-serif;
	text-transform: uppercase;
	font-size: 110%;
	font-weight: bold;
	color: #666;
	border-top: 1px dashed #59A755; 
}

#titel3 {
	float: left;
	width: 688px;
	height: 16px;
	padding: 3px 0 1px 10px;
	font-family: Arial, Helvetica, sans-serif;
	text-transform: uppercase;
	font-size: 50%;
	font-weight: bold;
	color: #333;
	border-top: 1px dashed #59A755; 
}

.lil {
	list-style-image: url(../images/list_arr.gif);
	font-family:  Arial, Sans-serif;
	font-variant: normal;
	font-size: 120%;
	font-weight: bold;
	text-transform: uppercase;
	color: #179FDE;
}
#content{
     height: 100%;
     width: 950px;
     }
#content-left {
     float: left;
     width: 250px;
     border: 0;
     }

#content-right {
    padding: 0px;
    border: 0;
}
	 
#content-block {
	float:left;
	width: 698px;
}

.teaser {
	font-size: 90%;
	font-style:italic;
	font-weight: bold;
	color: #333;
	padding: 50px 20px 20px 20px;
}
.cleaner {
	clear: both;
	height: 1px;
	font-size: 1px;
	border: 0px none;
	margin: 0; padding: 0;
	background: transparent;
}

#fuss{
	float: left;
	font-weight: bold;
	 padding: 3px 0 3px 30px;
	 color: #ffffff;
	 font-size: 80%;
     width: 921px;
	 background-image:url(../images/bg/button_bottom.jpg)
}

/* Liste
----------------------------------------------- */
.liste {
	list-style-image: url(../images/arr_green.gif);
	font-size: 90%;
	font-weight: bold;
	color: #1DA2DF;
	text-transform: uppercase;
}
     
/* horizontal rule
----------------------------------------------- */  

hr{
     height:1px;
     clear: both;
     border-top:1px solid #990000;
     }

/*Navigation ----------------------------------------------*/

#content-left ul {
     margin: 0 0 0 17px;
     padding: 17px 0 0 0;
     list-style-type: none;
     text-transform: uppercase;
     font-family:  Arial, Sans-serif;
     }
     
#content-left ul li {
     width: 225px;
     margin: 0;
     padding: 0;
     text-indent:0;
     border-bottom: 1px dotted #333;
     }

#content-left ul li a {
    font-size: 100%;
	display: block;
	margin: 5px 0px;
	padding: 1px 0 1px 14px;
    text-decoration: none;
    line-height: 23px;
    width: 211px;
	color: #666;
     }

#content-left ul li a:hover, #content-left ul li a.active, #content-left ul li a strong {   
	background-color: #1DA2DF;
	color: #fff;
     }
     
#content-left ul li a.active { 
    padding: 1px 0 1px 12px;
    width: 225px;
     }

a:visited {
	color: #00CC33;
}

a:link {
	color: #00CC33;
	text-decoration: none;
}
a:hover {
	color: #179FDE;
	text-decoration: underline;
}


.subtitle {
	font-family: Georgia, "Times New Roman", Times, serif;
	color: #00CC33;
	text-transform: uppercase;
	font-weight: bold;
	font-style:italic;
	font-size: 100%;

}