/* Grundstruktur des Layouts */
h1, h2, h3, h4, div td, p, ul, li{
	font-family: Arial, Helvetica, sans-serif;
	font-weight: normal;
	font-size: 12px;
	color: #000000;
	margin: 10px;
}

body{
	background: #9A9995;
	margin: 0px;
	border: 0px;
	padding: 0px;
	font-family: Arial, Helvetica, sans-serif;
}

form, input{
	padding: 0px;
	margin: 0px;
}

img{
	border: 0px;
}

* html
	{
	display: inline;
	}

#container{
	width: 767px;
	overflow: hidden;
}

.contenttable{
	background-color: #99CA3B;
}

.contenttable td{	
	vertical-align: top;
}


#servicenavi{
	width: 767px;
	height: 30px;
	background: #9a9995;
}

#servicenavi img{
	margin: 4px 5px 0px 0px;
}

#hauptnavi{
	width: 768px;
	height: 95px;
	background: #ffffff;
}

#hauptnavi div{
	border-right: 1px solid #3C3D38;
}

#inhalt
	{
	overflow: hidden; /* This hides the excess padding in non-IE browsers */
	width: 768px;
	border-bottom: 1px solid #3C3D38;
	}
/* we need this for IE 5.01 - otherwise the wrapper does not expand to the
necessary height (unless fixed, this problem becomes even more acute 
weirdness as the method is enhanced */
#inhalt
	{
/* Normally a Holly-style hack height: 1% would suffice but that causes 
IE 5.01 to completely collapse the wrapper - instead we float it */
	float: left;
/* NB. possibly only IE 5.01 needs to get this float value - otherwise 5.5 sometimes 
(I saw it happen many moons ago) makes the width of wrapper too small 
the float: none with the comment is ignored by 5.01,
5.5 and above see it and carry on about their business
It's probably fine to just remove it, but it's left here 
just in case that many moons ago problem rears its head again */
	float/**/: none;
	}
/* easy clearing */
#inhalt:after
	{
	content: '[DO NOT LEAVE IT IS NOT REAL]'; 
	display: block; 
	height: 0; 
	clear: both; 
	visibility: hidden;
	}
#inhalt
	{
	display: inline-block;
	}
/*\*/
#inhalt
	{
	display: block;
	}
/* end easy clearing */

/* Subnavigation */
#subnavi{
	width: 192px;
	float: left;
}

/*#subnavi .suche{
	width: 191px;
	border-bottom: 1px solid #3C3D38;
	background: transparent url(../pic_alg/suchebg.png) 7px 25px no-repeat;
	padding: 25px 0px 25px 55px;
	margin: 0px;
}*/

#subnavi .suche{
	width: 191px;
	border-bottom: 1px solid #3C3D38;
/*	background: transparent url(/pic_alg/suchebg.png) 7px 25px no-repeat;
*/	padding: 25px 0px 25px 55px;
	margin: 0px;
}

#subnavi .suche{
	width: 191px;
	border-bottom: 1px solid #3C3D38;
/*	background: transparent url(/pic_alg/suchebg.png) 7px 25px no-repeat;
*/	padding: 25px 0px 25px 55px;
	margin: 0px;
}

#subnavi .newsletter{
	width: 191px;
	border-bottom: 1px solid #3C3D38;
/*	background: transparent url(/pic_alg/suchebg.png) 7px 25px no-repeat;
*/	padding: 10px 0px 10px 10px;
	margin: 0px;
}

#subnavi .newsletter .inputtext{
	width: 120px;
	height: 16px;
	border-top: 1px solid #41494C;
	border-left: 1px solid #41494C;
	border-right: 1px solid #D3D0C9;
	border-bottom: 1px solid #D3D0C9;
	margin: 0px;
	padding: 0px;
	font-size:10px;
	/*float: left; */
}

#subnavi .suche .inputtext{
	width: 85px;
	height: 16px;
	border-top: 1px solid #41494C;
	border-left: 1px solid #41494C;
	border-right: 1px solid #D3D0C9;
	border-bottom: 1px solid #D3D0C9;
	margin: 0px;
	padding: 0px;
	font-size:10px;
	float: left;
}

#subnavi .suche .inputimg{
	margin: 0px 0px 0px 4px;
	padding: 0px;
	float: left;
}

#subnavi .naviitems img{
	border-bottom: 1px solid #3C3D38;
}



#content{
	width: 384px;
	float: left;
}

#marginal{
	width: 192px;
	float: left;
}

.floatleft{
	float: left;
}

.floatright{
	float: right;
}

.clearfloat{
	clear: both;
}

.box11{
	float: left;
	width: 767px;
	background: #ffffff;
	border-right: 1px solid #3C3D38;
	border-top: 1px solid #3C3D38;
}

.box11 .boxinhalt{
	width: 767px;
}

.box12{
	float: left;
	width: 383px;
	background: #ffffff;
	border-right: 1px solid #3C3D38;
	border-top: 1px solid #3C3D38;
}

.box12 .boxinhalt{
	width: 383px;
}

.box14{
	float: left;
	width: 191px;
	background: #ffffff;
	border-right: 1px solid #3C3D38;
	border-top: 1px solid #3C3D38;
}

.box14 .boxinhalt{
	width: 191px;
}

.box18{
	float: left;
	width: 95px;
	background: #ffffff;
	border-right: 1px solid #3C3D38;
	border-top: 1px solid #3C3D38;
}

.box18 .boxinhalt{
	width: 95px;
}

#inhalt .box11, #inhalt .box12, #inhalt .box14, #inhalt .box18, #inhalt .box0{
	padding-bottom: 32767px !important;
	margin-bottom: -32767px !important; 
}

/* Inhalt: Bilddarstellung*/
.boxinhalt img{
	border: 0px;
	border-bottom: 1px solid #3C3D38;
}

.box14 .mehr{
	width: 191px;
	height: 25px;
	background: transparent url(../pic_alg/mehr_p.png) 165px 0px no-repeat;
	margin-bottom: 10px;
}

.box14 .mehr img{
	border: 0px;
	border-bottom: 0px solid #3C3D38;
	margin-left: 130px;
}

/* Inhaltsformatierung */

.boxinhalt p{
	width: auto;
	margin: 10px;
}

.boxinhalt h2, .boxinhalt h1{
	width: auto;
	margin: 10px;
	color: #E3145F;
	font-weight: bold;
}

.boxinhalt h3{
	width: auto;
	margin: 10px;
	color: #ffffff;
}

#content .box12 table{
	width: 383px;
	border-top: 1px solid #3C3D38;
}

#content .box12 td{
	border-bottom: 1px solid #3C3D38;
	padding: 10px;
}

#content ul{
	margin: 0px;
	padding: 0px;
}

#content ul li{
	margin-left: 0px;
	padding-left: 0px;
	background-image:url(../pic_alg/list-bullet.gif);
	background-repeat:no-repeat;
	background-position: 2px 4px;
	padding: 0px 0px 0px 10px;
	list-style: none;
}

/*** Schriftdefinitionen ***/

/* Normaler Textabsatz <p> */
.box11 .boxinhalt p, .box12 .boxinhalt p{
	font-size: 12px;
	line-height: 19px;
}

#inhalt .box11 .boxinhalt p, #inhalt .box12 .boxinhalt p{
	font-size: 12px;
	line-height: 15px;
}

.box14 .boxinhalt p, .box18 .boxinhalt p{
	font-size: 11px;
}

/* Grosse Ueberschrift <h1> und <h2> */
.box11 .boxinhalt h1, .box12 .boxinhalt h1, .box11 .boxinhalt h2, .box12 .boxinhalt h2{
	font-size: 22px;
	margin-top: 20px;
	margin-bottom: 15px;
}

#inhalt .box11 .boxinhalt h1, #inhalt .box12 .boxinhalt h1, #inhalt .box11 .boxinhalt h2, #inhalt .box12 .boxinhalt h2{
	font-size: 20px;
}

.box14 .boxinhalt h1, .box18 .boxinhalt h1, .box14 .boxinhalt h2, .box18 .boxinhalt h2{
	font-size: 16px;
}

/* Kleine Ueberschrift <h3> */
.box11 .boxinhalt h3, .box12 .boxinhalt h3{
	font-size: 14px;
	color: #E3145F;
}

.box14 .boxinhalt h3, .box18 .boxinhalt h3{
	font-size: 12px;
	color: #E3145F;
}





/* Rubrikboxen (farbig mit Headline-Button) */
.rub0{
	background: #EDE7DD;
}

/* rub3: Produkte */
.rub3_1{
	background: #90E0AB url(../pic_alg/rub1.gif) 0px 0px no-repeat;
	padding-top: 24px;
}
div.rub3_1:hover{
	background: #82CA9A url(../pic_alg/rub1.gif) 0px 0px no-repeat;
}

.rub3_2{
	background: #FAC4A1 url(../pic_alg/rub2.gif) 0px 0px no-repeat;
	padding-top: 24px;
}
div.rub3_2:hover{
	background: #E1B191 url(../pic_alg/rub2.gif) 0px 0px no-repeat;
}

.rub3_3{
	background: #FF4D7C url(../pic_alg/rub3.gif) 0px 0px no-repeat;
	padding-top: 24px;
}
div.rub3_3:hover{
	background: #E64570 url(../pic_alg/rub3.gif) 0px 0px no-repeat;
}

.rub3_4{
	background: #D13EAC url(../pic_alg/rub4.gif) 0px 0px no-repeat;
	padding-top: 24px;
}
div.rub3_4:hover{
	background: #BD389A url(../pic_alg/rub4.gif) 0px 0px no-repeat;
}


.rub3_5{
	background: #567ECC url(../pic_alg/rub5.gif) 0px 0px no-repeat;
	padding-top: 24px;
}
div.rub3_5:hover{
	background: #4D71B8 url(../pic_alg/rub5.gif) 0px 0px no-repeat;
}

.rub3_6{
	background: #A9DCEE url(../pic_alg/rub6.gif) 0px 0px no-repeat;
	padding-top: 24px;
}
div.rub3_6:hover{
	background: #98C6D7 url(../pic_alg/rub6.gif) 0px 0px no-repeat;
}

.rub3_7{
	background: #89D462 url(../pic_alg/rub7.gif) 0px 0px no-repeat;
	padding-top: 24px;
}
div.rub3_7:hover{
	background: #7CBF58 url(../pic_alg/rub7.gif) 0px 0px no-repeat;
}

.rub3_8{
	background: #4BBABB url(../pic_alg/rub8.gif) 0px 0px no-repeat;
	padding-top: 24px;
}
div.rub3_8:hover{
	background: #45A8A8 url(../pic_alg/rub8.gif) 0px 0px no-repeat;
}

.rub3_9{
	background: #3888CD url(../pic_alg/rub9.gif) 0px 0px no-repeat;
	padding-top: 24px;
}
div.rub3_9:hover{
	background: #337BB9 url(../pic_alg/rub9.gif) 0px 0px no-repeat;
}

.rubKonlab{
	background: #FAC4A1 url(../pic_alg/rubKonlab.gif) 0px 0px no-repeat;
	padding-top: 24px;
}
div.rubKonlab:hover{
	background: #E1B191 url(../pic_alg/rubKonlab.gif) 0px 0px no-repeat;
}

.rubU3{
	background: #b9d4e6 url(../pic_alg/rubU3.gif) 0px 0px no-repeat;
	padding-top: 24px;
}
div.rubU3:hover{
	background: #c7dfef url(../pic_alg/rubU3.gif) 0px 0px no-repeat;
}

.rubBak{
	background: #d9e9b3 url(../pic_alg/rubBak.gif) 0px 0px no-repeat;
	padding-top: 24px;
}
div.rubBak:hover{
	background: #eeffc4 url(../pic_alg/rubBak.gif) 0px 0px no-repeat;
}

.rubSonne{
	background: #b9c4d8 url(../pic_alg/rubSonne.gif) 0px 0px no-repeat;
	padding-top: 24px;
}
div.rubSonne:hover{
	background: #b9c4d8 url(../pic_alg/rubSonne.gif) 0px 0px no-repeat;
}

.rubSonne2{
	background: #b9c4d8 url(../pic_alg/rubSonneAktion.gif) 0px 0px no-repeat;
	padding-top: 24px;
}
div.rubSonne2:hover{
	background: #b9c4d8 url(../pic_alg/rubSonneAktion.gif) 0px 0px no-repeat;
}

#inhalt a{
	text-decoration: none;
	color: #E3145F;
}

#inhalt a:hover{
	text-decoration: underline;
	color: #E3145F;
}

/* Eigene Definition BV 1 */

.boxinhalt table p, .boxinhalt table h3, .boxinhalt table h1, .boxinhalt table a{
margin-left:0px;
margin-right:0px;
}