/* @group body */

* {	margin: 0; 
	padding: 0;
	}

body {
	background: #fff; 
	font: 10pt/14pt Verdana, Arial, Helvetica, sans-serif; 
	text-align: left;
	}

h4, p, table, .rahmen1, .rahmen2, a, li, ul , ul li, li a, a:link  { 
	color: #000; 
	font-family: Verdana, Arial, Helvetica, sans-serif;
	}
	

/* @end */

/* @group box */

#wrapper {
	text-align: left; 
	width: 100%; 
	padding: 20px 50px;
	}

#head {
	height: 100px; 
	text-align: left;
	border-bottom: 1px solid #000; 
	margin-bottom: 15px; 
	display: block; 
	clear: both; 
	width: 100%;
	}

#pic {
	height: 0px; 
	clear: both;
	}

#mainnavi {
	display: none;
	height: 0px; 
	overflow: hidden; 
	z-index: 16;
	}

#navigation {
	display: none;
	background: url(../_images/navi_bg.jpg) no-repeat transparent; 
	position: absolute; 
	top: 200px; 
	left: 0; 
	width: 0px;
	}

#content {
	min-height: 100px; 
	color: #666; 
	height: auto; 
	overflow: auto; 
	padding-bottom: 40px; 

	}

#footer {
	height: 56px; 
	clear: both; 
	text-align: center; 
	padding-top: 15px;
	}

.naviline {
	background: url(../_images/navi_line.gif); 
	width: 2px; 
	position: absolute; 
	left: 246px; 
	height: auto;
	}

#subsub {
	width: 0; 
	padding-left: 30px; 
	display: none;
	}

#colm2 {
	width: 460px;
	padding-left: 294px;
	}
#colm3 {
	width: 460px;
	padding-left: 294px;
	}

#spalte1 {
	width: 100%;
	}

#spalte2 {
	width: 0px; 
	height: 0px; 
	padding-top: 250px; 
	margin-top: 60px; 
	display: none;
	}

#spalte3 {
	width: 185px; 
	}

/* @end */

/* @group navigation */

/* @group subsub */

#subsub ul li {
	list-style: none; 
	border-bottom: 1px solid #999; 
	width: 200px; 
	padding-top: 7px; 
	padding-bottom: 7px;
	}

#subsub li a:link, #subsub li a:visited {
	text-decoration: none; 
	color: #000; 
	list-style: none none; 
	line-height: 17px;
	}

#subsub li a:hover {
	text-decoration: none; 
	font-weight: bold; 
	list-style: none;
	}

#subsub li .on {
	text-decoration: none; 
	font-weight: bold; 
	list-style: none;
	}

/* @end */

/* @group naviga */

ul.naviga li a, ul.naviga li a:visited {
	text-decoration: none; 
	color: #000; 
	padding: 7px 120px 7px 10px; 
	white-space: nowrap;
	}

ul.naviga li a:hover {
	padding: 7px 150px 7px 10px; 
	text-decoration: none;
	}

ul.naviga li .on {
	padding: 7px 150px 7px 10px; 
	text-decoration: none; 
	font-weight: bold;
	}

ul.naviga {
	list-style: none;
	}

ul.naviga li {
	border-bottom: 1px solid #999; 
	padding-top: 5px; 
	padding-bottom: 5px;
	}

/* @end */

/* @group hilfsnavi */

#hilfsnavi {
	top: 0; 
	clear: both; 
	position: absolute; 
	text-align: left; 
	width: 350px; 
	left: 0; 
	height: 0px; 
	display: none;
	}

#hilfsnavi a, #hilfsnavi a:link, #hilfsnavi a:active, #hilfsnavi a:visited {
	text-decoration: none; 
	color: #8794a9;
	}

#hilfsnavi a:hover {
	text-decoration: none;
	}

#hilfsnavi ul li {
	font-size: 9px; 
	height: 13px; 
	padding-top: 8px;
	}

#hilfsnavi li {
	float: left; 
	padding-right: 10px; 
	list-style: none; 
	border-left: 1px solid #7D8CA2; 
	padding-left: 5px;
	}

#hilfsnavi ul {
	
	}

#hilfsnavi ul li.first {
	background: url(../_images/pikto_home.gif) no-repeat 0 6px; 
	padding-left: 20px; 
	border-style: none;
	}

/* @end */

/*

 @group #liste a:link, #liste a:visited */

#mainnavi a, #mainnavi a:link, #mainnavi a:active, #mainnavi a:visited {
	display: none; 
	text-decoration: none; 
	color: #fff; 
	padding-top: 5px; 
	padding-bottom: 6px; 
	text-indent: 10px; 
	z-index: 16;
	}

#mainnavi a.on {
	text-decoration: none; 
	background: #fff; 
	color: #001D49;
	}

#mainnavi a:hover {
	text-decoration: none; 
	color: #001D49; 
	padding-top: 5px; 
	padding-bottom: 6px; 
	background: #fff;
	}

#mainnavi ul li {
	font-size: 13px; 
	text-align: left;
	}

#mainnavi li {
	display: block; 
	width: 158px; 
	float: left; 
	list-style: none;
	}

#mainnavi ul {
	}

#mainnavi ul li.first {
	background: none;
	}

/* @end */

/* @end */

/* @group footer */

#footer ul li {
	color: #000; 
	list-style: none; 
	font-size: 11px; 
	padding-left: 14px; 
	padding-right: 7px;
	}

/* @end */

/* @group font */
#head h1 { 
	visibility: visible;
	color: #000; 
	font: 21px Arial, Helvetica, Geneva, sans-serif; 
	padding-top: 45px;
	}

#colm2 p {
	padding-bottom: 10px; 
	text-align: justify;
	clear: both;
	}

.colm2 ul li {
	margin-left: 15px; 
	list-style: square; 
	margin-bottom: 2px;
	}

#content h1 {
	font-size: 19px; 
	font-weight: bold; 
	color: #000; 
	padding-bottom: 15px; 
	line-height: 25px;
	}

h2 {
	font-weight: bold; 
	font-size: 12px; 
	padding-bottom: 4px;
	}

h3 {
	color: #000; 
	font-weight: bold; 
	font-size: 11px;
	}

h4 {
	font-weight: normal; 
	font-size: 12pt; 
	line-height: 22px;
	}

h5 {
	color: #000; 
	font-weight: normal; 
	font-size: 11px; 
	line-height: 17px; 
	padding-top: 10px;
	}

h6 {
	font-weight: bold; 
	color: #000; 
	}

.link, #colm2 a {
	color: #000; 
	text-decoration: none; 
	}

#content a:hover, #popcontent a:hover {
	color: #000; 
	text-decoration: none;
	}

#spalte2 a:link, #spalte2 a:visited {
	color: #fff; 
	text-decoration: none;
	}

#spalte2 a:hover {
	color: #fff; 
	text-decoration: underline;
	}
	
.linkliste li{ 
	list-style-type: none !important; 
	text-indent: -13px; 
	padding-left: 10px;
	padding-bottom:5px;
	text-decoration: none;
	}
	
.listebox ul {
	list-style: none;
	}
	
.listebox li{ 
	list-style-type: none !important; 
	border-bottom: 1px solid #999; 
	line-height: 15px;
	padding-bottom:5px;
		ext-decoration: none;
	}
	
.listebox1 ul {
	list-style: square;
	}
	
.listebox1 li{ 
	list-style-type: suare; 
	line-height: 15px;
	padding-bottom: 3px;
	text-decoration: none;
	}
	
.nolink{
	list-style: none !important; 
	background: none !important;
	padding-left: 0 !important; 
	list-style-type: none !important;
	text-decoration: none;
	}
	
.terminliste li{
	list-style: none !important; 
	border-bottom: 1px solid #999; 
	line-height: 15px;
	padding-bottom:5px;
	text-decoration: none;
	}

/* @end */

/* @group style */

img {
	border: 0;
	}

#head img {
		float:left; 
	margin-right: 30px;
	}

table img {
	padding-right: 5px;
	}

table {
	margin-bottom: 10px;
	}

.newshome {
	list-style: none; 
	padding-right: 34px;
	}

.newshome li {
	list-style: none; 
	border-bottom: 1px solid #ccc; 
	text-indent: -70px; 
	padding-left: 70px;
	}

.terminehome ul {
	list-style: none;
	}

.terminehome li {
	list-style: none; 
	border-bottom: 1px solid #ccc; 
	line-height: 15px;
	}

.start {
	list-style: square; 
	padding-left: 36px; 
	padding-top: 3px;
	}

.start li {
	list-style: square; 
	padding-top: 7px;
	}

.info {
	width: 320px; 
	height: 110px; 
	background: #C3CEE4; 
	display: block; 
	border-left: 7px solid #97A5C2; 
	margin-bottom: 12px;
	}

.info p {
	color: #031c42; 
	font-weight: normal; 
	font-size: 13px; 
	line-height: 23px; 
	padding-left: 16px; 
	padding-right: 12px; 
	padding-top: 20px;
	}

.downloads li {
	border-bottom: 1px solid #ccc; 
	padding-top: 5px; 
	padding-bottom: 15px; 
	width: 200px;
	}

#colmleistung ul {
	padding-top: 10px; 
	padding-bottom: 20px; 
	list-style-type: none;
	}

.newsleistung1 {
	background: #031c42; 
	color: #fff; 
	padding: 2px 89px 2px 10px;
	}

.newsleistung2 {
	background: #031c42; 
	color: #fff; 
	padding: 2px 134px 2px 10px;
	}

.newsleistung3 {
	background: #031c42; 
	color: #fff; 
	padding: 2px 106px 2px 10px;
	}

#colmleistung img {
	float: left; 
	margin-right: 7px; 
	margin-top: 5px; 
	border: 0;
	}

ol li {
	margin-left: 17px; 
	margin-bottom: 10px;
	}

#spalte2 ul li {
	list-style: none;
	}

#spalte2 ul {
	margin-bottom: 40px; 
	margin-left: 30px; 
	font-size: 9px; 
	line-height: 13px;
	}

#spalte2 h1 {
	color: #fff; 
	font-size: 11px; 
	font-weight: bold; 
	margin-bottom: 6px;
	}

.headline {
	margin-bottom: 25px;
	}

.bild_bg {
	background: transparent url(../_images/bild_bg.jpg) no-repeat; 
	padding: 17px 15px 19px 14px; 
	margin-top: 15px; 
	margin-bottom: 15px; 
	margin-left: -6px;
	}

.spacer {
	height: 1px; 
	border-bottom: 1px solid #000242; 
	margin-top: 10pt; 
	margin-bottom: 10pt; 
	display: block; 
	clear: both; 
	width: 100%;
	}
	
.spacer_bold {
	height: 1px; 
	border-bottom: 5px solid #ccc; 
	margin-top: 10pt; 
	margin-bottom: 10pt; 
	display: block; 
	clear: both; 
	width: 100%;
	}

.rahmen1 {
	border: 1px solid #ccc; 
	width: 250px; 
	height: 18px;
	}

.rahmen2 {
	border: 1px solid #83745e; 
	width: 250px; 
	height: 100px;
	}

.rahmen3 {
	border: 1px solid #ccc; 
	width: 70px; 
	height: 18px;
	}

/* @end */

/* @group menu popdown */

#unternehmen, #leistungen, #referenzen, #aktuelles, #kontakt {
	position: absolute; 
	overflow: hidden; 
	visibility: hidden; 
	z-index: 15; 
	top: 128px; 
	width: 0; 
	height: 0; 
	filter: alpha(opacity=80); 
	-moz-opacity: 0.8; 
	opacity: 0.8; 
	background: #fff; 
	display: none;
	}

#unternehmen, #unternehmen-on {
	left: 0px;
	}

#leistungen, #leistungen-on {
	left: 158px;
	}

#referenzen, #referenzen-on {
	left: 316px;
	}

#aktuelles, #aktuelles-on {
	left: 474px;
	}

#kontakt, #kontakt-on {
	left: 632px;
	}

#unternehmen-on, #leistungen-on, #referenzen-on, #aktuelles-on, #kontakt-on {
	position: absolute; 
	overflow: hidden; 
	z-index: 15; 
	top: 128px; 
	width: 158px; 
	height: 160px; 
	display: none;
	}

/* @end */

/* @group menu hintergrund bilder */

#unternehmenpic, #leistungenpic, #referenzenpic, #aktuellespic, #kontaktpic {
	position: absolute; 
	z-index: 5; 
	width: 0px; 
	height: 0px; 
	top: 95px; 
	left: 10px; 
	visibility: hidden; 
	display: none;
	}

#unternehmenpic, #unternehmenpic-on {
	background: url(../_images/unternehmen.jpg) no-repeat;
	}

#leistungenpic,  #leistungenpic-on {
	background: url(../_images/leistungen.jpg) no-repeat;
	}

#referenzenpic, #referenzenpic-on {
	background: url(../_images/referenzen.jpg) no-repeat;
	}

#aktuellespic, #aktuellespic-on {
	background: url(../_images/aktuelles.jpg) no-repeat;
	}

#kontaktpic, #kontaktpic-on {
	background: url(../_images/kontakt.jpg) no-repeat;
	}

/* @group on */

#unternehmenpic-on, #biopic-on, #naturdrogeriepic-on, #essenpic-on, #veranstaltungenpic-on, #angebotepic-on {
	position: absolute; 
	z-index: 5; 
	width: 0px; 
	height: 0px; 
	top: 95px; 
	display: none;
	}

/* @end */

/* @end */

/* @group popups */

#pophead {
	
	}

#pophead h1 {
	font-size: 12px; 
	color: #000; 
	text-align: left; 
	padding-top: 4px; 
	padding-left: 30px;
	}

#pophead h4 {
	color: #000; 
	text-align: left; 
	padding-left: 30px; 
	font-size: 11px;
	}

#popnavi_pt {
	display: none;
	text-align: right; 
	margin-top: 30px;
	}
	
#popnavi {
	display: none;
	text-align: right; 
	margin-top: 30px;
	}

#popnavi ul li {
	display: none;
	}

#menu {
	height: 115px; 
	z-index: 2; 
	text-align: right;
	}

#menu ul li {
	display: inline;
	}

#menu ul {
	margin-right: 30px;
	}

#popcontent {
	color: #666; 
	text-align:left;
	overflow: auto; 
	padding-right: 30px; 
	padding-left: 200px; 
	margin-bottom: 10px;
	}
	

#popcontent a {
	text-decoration: none;
	}

#popcontent p {
	color: #000; 
	font-size: 10px; 
	line-height: 14px; 
	padding-top: 3px;
	}
	
#popcontent h2 {
	color: #333366; 
	font-size: 11px; 
	padding-top: 15px;
	}

#popcontent h5 {
	color: #000066; 
	font-weight: normal; 
	font-size: 11px; 
	line-height: 17px; 
	padding-top: 15px;
	}

#popcontent ul li {
	margin-left: 15px; 
	list-style: square; 
	margin-bottom: 2px;
	font-size: 10px; 
	line-height: 14px; 
	padding-top: 3px;
	}

#popfooter {
	height: 50px; 
	padding-top: 7px; 
	padding-bottom: 7px; 
	padding-right: 30px; 
	padding-left: 200px;
	}

#popfooter h3 {
	color: #333366; 
	font-size: 11px;
	}

#popfooter p {
	color: #000000; 
	font-size: 10px;
	line-height: 14px; 
	}

/* @end */

/* @group team */

#team ul li {
	list-style: none;
	}

#team li {
	list-style: none; 
	float: left;
	}

.cs a, .cs a:hover, .ms a, .ms a:hover, .at a, .at a:hover, .xl a, .xl a:hover, .uc a, .uc a:hover, .dh a, .dh a:hover {
	height: 366px; 
	display: block;
	}

.cs a {
	background: no-repeat url(../_images/team/team_cs.jpg); 
	width: 68px; 
	display: block;
	}

.cs a:hover {
	background: no-repeat url(../_images/team/team_cs_a.jpg); 
	width: 68px; 
	display: block;
	}

.ms a {
	background: no-repeat url(../_images/team/team_ms.jpg); 
	width: 93px;
	}

.ms a:hover {
	background: no-repeat url(../_images/team/team_ms_a.jpg); 
	width: 93px;
	}

.at a {
	background: no-repeat url(../_images/team/team_at.jpg); 
	width: 67px;
	}

.at a:hover {
	background: no-repeat url(../_images/team/team_at_a.jpg); 
	width: 67px;
	}

.xl a {
	background: no-repeat url(../_images/team/team_xl.jpg); 
	width: 81px;
	}

.xl a:hover {
	background: no-repeat url(../_images/team/team_xl_a.jpg); 
	width: 81px;
	}

.uc a {
	background: no-repeat url(../_images/team/team_uc.jpg); 
	width: 35px;
	}

.uc a:hover {
	background: no-repeat url(../_images/team/team_uc_a.jpg); 
	width: 35px;
	}

.dh a {
	background: no-repeat url(../_images/team/team_dh.jpg); 
	width: 53px;
	}

.dh a:hover {
	background: no-repeat url(../_images/team/team_dh_a.jpg); 
	width: 53px;
	}

#pop1, #pop2, #pop3, #pop4, #pop5, #pop6 {
	visibility: hidden; 
	position: absolute; 
	text-align: left; 
	font-weight: bold; 
	background: #fff; 
	padding: 10px; 
	filter: alpha(opacity=80); 
	-moz-opacity: 0.8; 
	opacity: 0.8;
	}

/* @end */

/* @group aktionsblock */

#spalte2 ul li {
	list-style: none; 
	padding-bottom: 3px;
	}

#spalte2 li {
	list-style: none; 
	margin-left: -28px;
	}

.mail a, .mail a:hover, .feedback a, .feedback a:hover, .downloads a, .downloads a:hover, .anmeldung a, .anmeldung a:hover, .enews a, .enews a:hover, .karriere a, .karriere a:hover {
	height: 45px; 
	display: block; 
	margin-bottom: 1px;
	}

.mail a:hover, .feedback a:hover, .downloads a:hover, .anmeldung a:hover, .enews a:hover, .karriere a:hover {
	border-bottom: 1px solid #fff; 
	margin-bottom: 0px;
	}

.mail a {
	background: no-repeat url(../_images/aktion_mail.jpg);
	}

.feedback a {
	background: no-repeat url(../_images/aktion_feedback.jpg);
	}

.downloads a {
	background: no-repeat url(../_images/aktion_downloads.jpg);
	}

.anmeldung a {
	background: no-repeat url(../_images/aktion_anmeldung.jpg);
	}

.enews a {
	background: no-repeat url(../_images/aktion_enews.jpg);
	}

.karriere a {
	background: no-repeat url(../_images/aktion_karriere.jpg);
	}

#pop1, #pop2, #pop3, #pop4, #pop5, #pop6 {
	visibility: hidden; 
	position: absolute; 
	text-align: left; 
	font-weight: bold; 
	background: #fff; 
	padding: 10px; 
	filter: alpha(opacity=80); 
	-moz-opacity: 0.8; 
	opacity: 0.8;
	}

/* @end */