@charset "UTF-8";


/* 
	ALLGEMEINE ANGABEN
*/

* {
	margin: 0;
	padding: 0;
	}
	
html {
	height: 100%;
}

body {
	font-family: Arial, Helvetica, sans-serif;
	font-size: 61.5%;
	background: #f5fbf9 url(../img/layout/bg_produkt_1.jpg) no-repeat;
	color: #000;
	text-align: center;
	}
	
th, td, input, select, textarea {
	font-size: 100%;
	font-family: Arial, Helvetica, sans-serif;
	}
	
.clear {
	clear: both;
	}
	
	
/* 
	BILDER
*/

img {
	border: none;
	}

img.aktionen {
	float: left;
	margin: 0 5px 0 0;
}

img.logos {
	float: left;
	margin-right: 15px;
	vertical-align: middle;
	display: block;
}

.block {
	display: block;
	}

.png {
	 behavior: url(js/iepngfix.htc);
	 }

.float_l {
	float: left;
	margin-right: 10px;
	}

.float_r {
	float: right;
	margin-left: 10px;
	}


/* 
	SCHRIFT
*/

a:link, a:active, a:visited, a:focus {
	color: #009475;
	text-decoration: none;
	font-weight: bold;
	}

a.weiss:link, a.weiss:active, a.weiss:visited, a.weiss:focus {
	color: #ffffff;
	text-decoration: none;
	font-weight: normal;
	}

a.footer:link, a.footer:active, a.footer:visited, a.footer:focus {
	color: #5d757c;
	text-decoration: none;
	font-weight: normal;
	}
	
a:hover, a.footer:hover {
	text-decoration: underline;
	}

a.weiss:hover {
	text-decoration: underline;
	}
	
a.weiss2 {
	color: #c9d0d2;
	text-decoration: none;
	font-weight: normal;
	cursor: pointer;
}

a.weiss2:hover {
	color: #fff;
}


h1 {
	font-size: 1.2em;
	font-weight: bold;
	margin-bottom: 10px;
	line-height: 150%;
	color: #009475;
	}
	
h2 {
	font-size: 1.1em;
	font-weight: bold;
	}
	
h3, h4 {
	font-size: 1em;
	font-weight: bold;
	margin-bottom: 15px;
	}

	
.ci {
	color: #5d757c;
	}

.red {
	color: #ff3a1a;
	}

.green {
	color: #00a404;
	}
	
.white {
	color: #c9d0d2;
	}

.gross {
	font-size: 115%;
	}

.klein {
	font-size: 90%;
	line-height: 100%;
	}
	
/* 
	SATZ
*/
	
p {
	padding-bottom: 10px;
	}
	
p.abstand {
	padding-bottom: 10px;
	}

p.eingerueckt {
	padding-left: 5px;
	margin: 0;
}
	
.mittig, .weiterbutton {
	vertical-align: middle;
	}

.rechtsbuendig {
	text-align: right;
	width: 100%;
	}
	
.left {
	width: 50%;
	float: left;
	}

.right {
	width: 50%;
	float: left;
	text-align: right;
	}

	
.left_gr {
	width: 70%;
	float: left;
	}

.right_kl {
	width: 30%;
	float: left;
	text-align: right;
	}
.nosee {
	display: none;
	}
	

/* 
	Linien
*/
		
.linie {
	margin-top: 5px;
	margin-bottom: 5px;
	width: 100%;
	border-top: 1px solid #009475;
	}
	
/* 
	LISTEN
*/

ul { 
	margin-left: 1.2em;
	margin-bottom: 1em;
	}

	
ul.plus {
	list-style: none;
	margin-left: 12px;;
	margin-bottom: 1em;
}

ul.plus li {
	background: url(../img/icons/plus.png) 0 5px no-repeat;	
	padding: 2px 0 2px 20px;	
	behavior: url(js/iepngfix.htc);	
	}



/* 
	TABELLEN
*/

table {
	border-collapse: collapse;
	width: 100%;
	}

td, th {
	padding: 5px;
	vertical-align: top;
	}
	
	

/* 
	LAYOUT
*/
div#wrap {
	width: 939px;
	padding: 18px 0 0 50px;
	font-size: 1.2em;
	line-height: 150%;
}

div#menu {
	height: 106px;
}

div#logo {
	width: 419px;
	padding-left: 10px;
	float: left;
	text-align: left;
}

div#header {
	background: url(../img/layout/bg_content_o.gif) no-repeat;
	width: 939px;
	height: 26px;
}

div#main {
	width: 937px;
	border-left: 1px solid #009475;
	border-right: 1px solid #009475;
	background: #fff;
}

div#left_site {
	padding-left:10px;
	padding-top:18px;
	width: 271px;
	float: left;
}

div#right_site {
	padding-top:18px;
	width: 656px;
	float: left;
	text-align: left;
}

div#footer {
	background: url(../img/layout/bg_content_u.gif) no-repeat;
	width: 919px;
	height: 18px;
	color: #fff;
	padding: 10px 10px 0 10px;
	text-align: left;
}

/*
	MENU
*/

#navi {list-style: none; height: 25px; padding: 81px 0 0 0; width: 510px; margin: 0; float: left;}

#navi li {display: block; float: left;}
#navi li a {display: block; float: left; text-decoration: none; font-size: 0; cursor: pointer; text-indent: -9999px; letter-spacing: -9999px; }

#navi li a#n0 {background:url(../img/menu/home.gif); height:25px; width:54px; margin-right: 5px;}
#navi li a#n1 {background:url(../img/menu/unternehmen.gif); height:25px; width:107px; margin-right: 5px;}
#navi li a#n2 {background:url(../img/menu/produkte.gif); height:25px; width:77px; margin-right: 5px;}
#navi li a#n3 {background:url(../img/menu/aktionen.gif); height:25px; width:83px; margin-right: 5px;}
#navi li a#n4 {background:url(../img/menu/download.gif); height:25px; width:90px; margin-right: 5px;}
#navi li a#n5 {background:url(../img/menu/kontakt.gif); height:25px; width:74px;}

#navi li a#o0 {background:url(../img/menu/home.gif); height:25px; width:54px; background-position: 54px 0; margin-right: 5px;}
#navi li:hover a#n0, #navi a#n0:hover {background-position: 54px 0;}
#navi li a#o1 {background:url(../img/menu/unternehmen.gif); height:25px; width:107px; background-position: 107px 0; margin-right: 5px;}
#navi li:hover a#n1, #navi a#n1:hover {background-position: 107px 0;}
#navi li a#o2 {background:url(../img/menu/produkte.gif); height:25px; width:77px; background-position: 77px 0; margin-right: 5px;}
#navi li:hover a#n2, #navi a#n2:hover {background-position: 77px 0;}
#navi li a#o3 {background:url(../img/menu/aktionen.gif); height:25px; width:83px; background-position: 83px 0; margin-right: 5px;}
#navi li:hover a#n3, #navi a#n3:hover {background-position: 83px 0;}
#navi li a#o4 {background:url(../img/menu/download.gif); height:25px; width:90px; background-position: 90px 0; margin-right: 5px;}
#navi li:hover a#n4, #navi a#n4:hover {background-position: 90px 0;}
#navi li a#o5 {background:url(../img/menu/kontakt.gif); height:25px; width:74px; background-position: 74px 0;}
#navi li:hover a#n5, #navi a#n5:hover {background-position: 74px 0;}

/*
	Startseite
*/

/*Box klein*/
div.box_kl {
	margin-bottom: 18px;
}

div.box_oa {
	margin-bottom: 18px;
	margin-left: -24px;
}

div.box_head {
	width: 246px;
	height: 25px;		
}

div.box_content {
	background: #ffffff url(../img/layout/bg_box_kl.gif) no-repeat;	
	width: 232px;
	min-height: 161px;
	border-left: 1px solid #009475;
	border-right: 1px solid #009475;
	padding: 10px 6px 0 6px;
	text-align: left;
}

div.box_foot {
	width: 246px;
	height: 8px;
	background: url(../img/layout/bg_box_foot.gif) no-repeat;
}

/*
	Vorteile
*/
div#vorteile {
	background: url(../img/bilder_lay/vorteile.gif) no-repeat;	
	width: 638px;
	height: 113px;
	text-align: left;
	padding-top: 40px;
	margin-bottom: 18px;
}

/*
	Kategorien
*/
img.spalten_3l {
	float: left;
	width: 206px;
	margin-right: 10px;
	margin-bottom: 18px;
}

img.spalten_3r {
	float: left;
	width: 206px;
	margin-bottom: 18px;
}

div.spalten_2l {
	float: left;
	width: 302px;
	margin-right: 6px;
	margin-bottom: 18px;
}

div.spalten_2r {
	float: left;
	width: 302px;
	margin-bottom: 18px;
}


/* 
	allgemeine Seiten
*/

div.box_gr {
	margin-bottom: 18px;
}

div.box_head_gr {
	width: 638px;
	height: 25px;		
}

div.box_content_gr {
	background: #ffffff url(../img/layout/bg_box_gr.gif) no-repeat;	
	width: 624px;
	min-height: 160px;
	border-left: 1px solid #009475;
	border-right: 1px solid #009475;
	padding: 19px 6px;
	text-align: left;
}

div.box_foot_gr {
	width: 638px;
	height: 9px;
	background: url(../img/layout/bg_box_foot_gr.gif) no-repeat;
}

div.box_eckig {
	background: white; 
	border: 1px solid #009475; 
	padding: 10px;
	margin-bottom: 10px;
}



	
/*
	LIGHTBOX
*/

div.media {
	margin-bottom: 0px;
	margin-right: 5px;
	padding: 3px 6px 3px 0;
	float: left;
	width: 92px;
	text-align: center;
	}

p.preview {
	margin: 0px;
	padding: 3px;
	border: 1px solid #c9d0d2;
	background: #fff;
	width: 90px;
	height: 60px;
	text-align: center;
	vertical-align: middle;
	}

p.preview img {
	vertical-align: middle;
	}

p.preview:hover {
	border: 1px solid #5d757c;
	}
	
/*
	Infotoolbox
*/
#infotoolbox {
	position: absolute;
	z-index: 1500;
	top: 0px;
	left: 0px;
	display: none;
}

#infotoolbox .head {
	background: url(../img/layout/bg_toolbox.png) no-repeat;	
	behavior: url(js/iepngfix.htc);	
	background-position: 0 0;
	padding: 15px 0 0 24px;
	margin: 0;
	width: 322px;
	height: 25px;
	text-align: left;
}

#infotoolbox .text {
	background: #fff;
	border-left: 1px solid #009475;
	border-right: 1px solid #009475;
	width: 296px;
	padding: 0 17px 0 8px;
	margin-left: 15px;
	font-size: 1.2em;
	text-align: left;
}

#infotoolbox .foot {
	background: url(../img/layout/bg_toolbox.png) no-repeat;	
	behavior: url(js/iepngfix.htc);	
	background-position: 0 -300px;
	padding: 0;
	margin: 0;
	width: 346px;
	height: 300px;
}

#infotoolbox p {
	margin: 0;
}

/*
	Aktuellboxen
*/

.aktuellbox {
	margin-right: 20px;
	margin-bottom: 15px;
	float: left;
}

.aktuellbox .head {
	background: url(../img/layout/bg_aktuellbox.png) no-repeat;	
	behavior: url(js/iepngfix.htc);	
	background-position: 0 0;
	padding: 0;
	margin: 0;
	width: 302px;
	height: 7px;
}

.aktuellbox .text {
	background: url(../img/layout/bg_aktuellbox.png) no-repeat;	
	behavior: url(js/iepngfix.htc);	
	background-position: 0 -7px;
	padding: 0;
	margin: 0;
	width: 302px;
	height: 176px;
	text-align: center;
}

.aktuellbox .foot {
	background: url(../img/layout/bg_aktuellbox.png) no-repeat;	
	behavior: url(js/iepngfix.htc);	
	background-position: 0 -183px;
	padding: 5px;
	margin: 0;
	width: 292px;
	height: 41px;
	font-size: 1.2em;
	color: #fff;
}

.aktuellbox p {
	margin: 0;
}

/*
	Mediathek
	*/
table#mediathek {
	border-collapse: collapse;
	width: 100%;
	margin: 0px;
	font-size: 1.0em;
}

table#mediathek td {
	padding: 0px;
	font-size: 1.0em;
}