* { padding:0px; margin:0px; }

/* padding: oben rechts unten links */

/* Problem: divs leftmenu und middle liegen nebeneinander, sind aber unterschiedlich lang */
/*		insbesondere im Produktkatalog ist leftmenu sehr lang und middle kurz */
/*		es fehlt dann die Hintergrundfarbe bis unten */
/* Loesung: Hintergrundbild in fester Breite, mittig platziert */
/*		f�r IE und Mozilla unterschiedlich wegen border-modell */
/*		Google-stichwort: faux colums - 30.6.09 Ba */

body {
	/* background:#9ba8b3; */
	background: #9ba8b3 url(../images/background986.png) repeat-y 50% 0;
	_background: #9ba8b3 url(../images/background980.png) repeat-y 50% 0; /* IE hack */
	text-align:center;
}

#page {
	/* background:#ffffff; */ 
	width:980px;
	/* min-height:580px; */
	/* _height:580px;   IE hack */
	margin:0 auto;
	text-align:left;
	border-left:3px solid #ffffff;
	border-right:3px solid #ffffff;
}

#page_katalog {
        background:#ffffff;
        width:980px;
        margin:0 auto; 
        text-align:left;
        border-left:3px solid #ffffff;
        border-right:3px solid #ffffff;
}

div {
	padding:0px;
	margin:0px;
}

a img {
	border:none;
}

#header {
	/*background-color:#ffcccc;*/
	/* Angabe width wichtig fuer mozilla,firefox - dafuer reicht auch 99 */ 
	/* width:100%; */
	/*width: 900px;*/ 
	/* border: 1px solid blue; */  
	/* height:160px; */
	padding:0px;
	margin:0px;
	/* float:left; */
        /* beide naechsten Zeilen bewirken, dass dropdown im mozilla ueber inhalt liegt - 22.5.09 */
	position:relative;  
	z-index:100;
}

.logo {
	/* border: 1px solid green; */ 
	width:181px;
	float:left;
	padding-left:10px;  /* alt:18, dann aber Rand rechts ueberstehend */
	padding-top:20px;
	/*height:145px;*/
}

/* IE-Hack, Breite verkleinern, sonst wird rechter div-Bereich unterhalb Logo angezeigt - 22.5.09 */
*html .logo {
        width:173px; 
        float:left;
	padding-left:10px;
	padding-top:20px;
}

.logoharke {
	padding-left:30px; 
}

/* Angaben nur eingefuegt wegen fehlermeldung css-validator, noch aenderung bei synaqua noetig  19.5.10 */
/*
.logoharke img {
width:95px;
height:80px;
}
*/
#header-rechts {
	width:790px;
	overflow:hidden; 
	padding:0px;
	margin:0px;
}

/* IE-Hack, bewirkt, dass div angezeigt wird - 22.5.09 */
*html #header-rechts {
	/* border: 1px solid green; */
	width:790px;
	overflow:visible;
	padding:0px;
	margin:0px;
        padding-left:8px;
	position:relative;
	z-index:100;
}

.bild_oben {
	/*background-image:url(../images/Kapseln_NutriCare.jpg);*/ 
	/*background-repeat:no-repeat;*/
	/* margin: 0px 0px 0px 200px; */ 
        /*  width:740px; */
        /*width: 78%;*/
        /*height:170px;*/
	/*padding-left: 50px; */
	/* border: 1px solid blue;*/
	/* float:left; */    
	/* align:left; */
}

/* .bild_oben img { */
       /* filter: alpha(opacity=80);*/  /* IE 5.5+ */
       /* -moz-opacity: 0.80;*/  /* FF Mozilla */
/* } */

.topmenu {
	background-color:#9ba8b3; 
	width:790px;        /* Angabe ist wichtig, damit gesamte Breite Farbe hat, Wert siehe header-rechts - 18.5.09 */
        border-top:1px solid #bdccd9;
        z-index:20;         /* muss rein, wenn dropdown fertig, dann werden topmenu_unter usw. ueberfluessig */
        position:absolute;  /* muss rein, wenn dropdown fertig */
}

.topmenu_unter {
        background-color:#4b6e94;
}

.topmenu_unter_leer {
        background-color:#ffffff;
}

div.breadcrumb {
	font-size:10px;
	color:#990033;
}

.breadcrumb a {
        background-color:#ffffff;
        margin: 3px;
        font-size:10px;
        font-family:Verdana,helvetica,sans-serif; /* alt: Frutiger,Verdana */
        color:#990033; 
        text-decoration:none;
}

/* Formatierung Menue links */
.leftmenu {
	/* border: 1px solid green; */
	clear:left;
	float:left;
	width:180px; /*alter Wert: 210px; korrespondiert mit Wert in Template leftmenu */
	margin-right:10px; /*alter Wert: 20px */
	margin-top: 5px; /* Wert entspricht der H�he von div-container header */
	height: 80%;     /* verhindert absatz im content, 17.9.08 */
	line-height: 12px;
}

/* Formatierung Inhaltsbereich gesamt */
.middle {
	/* border: 1px solid blue; */ 
	margin-left: 180px; /*alter Wert: 210px; korrespondiert mit Wert in Template leftmenu */
        margin-top: 5px; /* Abstand oben zur rootline */
	padding-top: 2px; /* Abstand zum Inhalt; entspricht dann der H�he des Menues links*/
	/* float:left; */
	width: auto;
}

/* Produktliste, linke Spalte, Werte so gewahlt, dass im IE und Mozilla gleich 10.6.08  */
.left {
	/* border: 1px solid red; */   
	background-color:#ffffff; 
	font-family: Verdana,Arial,Helvetica,sans-serif;
	color:#002849;
	font-size:12px;
	float:left;  
	margin-left:0px;   /*alter Wert: 5 */
	padding-left:10px;  /*alter Wert: 20 */
	padding-right:30px;
	width:265px;       /* alter Wert: 250 */
}

.submenu {
	/*background-color:#ccccff;*/
}

.right {
	float:right;
	width:50px;
	background-color:#ccffaa;
border: red 1px solid;
}

.info {
	/*background-color:#bdccd9;*/
	background-color:#ffffff;
	width:200px;
	color:#002849;
	/*border: blue 1px solid;*/
}

/* Inhaltselement Tabelle formatieren (z.B. Geschichte) */
.table.contenttable td {
	/* border: blue 1px solid; */
	background-color:#ffffff;
	font-family: Verdana,arial,helvetica,sans-serif;
	color:#002849;
	font-size:12px;
	text-align:justify;
	float:left;
	margin-left:20px;
	padding-right:30px;
}


.katalog {
	/*border: red 1px solid;*/
	/*margin: 0px 220px;*/
	/*float:left;*/
	/*width: 50%;*/
	/*align: right;*/
	/*position:absolute;*/
	/*left:220px;*/
	/*top:200px;*/
	}


.content_wide {
	background-color:#aaffcc;
	margin: 0px 0px 0px 220px;
}

.clear {
	clear:both;
}

.footer {
	background-color:#aaffaa;
}

/* Navgation Spacer formatieren */
.navspc {
	border-top: #ffffff 4px solid;
	padding-left:10px;
	background-color: #002849;
	font-size:16px;
	font-family:Verdana,arial,helvetica;
	color:#ffffff;
	font-weight: bold;
}

/* Navgation Ebene 1 formatieren */
.left1  {
border-top: #ffffff 1px solid;
/*padding-left:20px;*/
background-color: #4b6e94;
}

/* Navgation Ebene 1 Linktext formatieren */
/* a.left1-n { */
.left1 a {
padding-left:20px;
font-size:14px;
font-family:Verdana,arial,helvetica;
color:#ffffff;
text-decoration:none;
}

.left1 a:active {
color:red;
}

a.left1_a {
padding-left:20px;
font-size:14px;
font-family:Verdana,arial,helvetica;
color:#b11519;
text-decoration:none;
}

/* Navgation Ebene 2 formatieren */
.left2  {
border-top: #ffffff 1px solid;
background-color: #87a2c0;
list-style:none;
}

/* Navgation Ebene 2 Linktext formatieren */
a.left2-n {
padding-left:30px;
font-size:14px;
font-family:Verdana,arial,helvetica;
color:#002849;
text-decoration:none;
}

/* Navgation Ebene 2 Linktext formatieren */
.left2-a {
padding-left:30px;
font-size:14px;
font-family:Verdana,arial,helvetica;
color:red;
text-decoration:none;
}

/*
.left2 a {
padding-left:30px;
font-size:14px;
font-family:Verdana,arial,helvetica;
color:red;
text-decoration:none;
}
*/

/* Navgation Ebene 3 formatieren */
.left3  {
border-top: #ffffff 1px solid;
background-color: #bdccd9;
list-style:none;
}

/* Navgation Ebene 3 Linktext formatieren */
a.left3-n {
padding-left:40px;
font-size:14px;
font-family:Verdana,arial,helvetica;
color:#002849;
text-decoration:none;
}

/*h1.csc-firstHeader {*/
h1 {
background-color:#002849;
color:#ffffff;
font-size:14px;
padding-top:8px;
padding-bottom:8px;
padding-left:20px;
margin-left:-20px;
}

/* h1 bzw. header mit Bild, werte von content ueberschreiben  */
.h1Bild img {
margin-left:-20px;
margin-right:-40px; 
padding-left:-20px;
padding-right:-40px;
}

h2 {
font-size:14px;
font-family:Verdana,arial,helvetica;
color:#002849;
margin-bottom:14px;
}

/*h5.csc-firstHeader - h5 wird nur zum testen verwendet 20.11.07 {*/
h5 {
background-color:#002849;
color:#ffffff;
font-size:14px;
/*padding-top:8px;*/
/*padding-bottom:8px;*/
padding-left:20px;
margin-left:-20px;
}

a.internal-link {
color:#002849;
text-decoration:none;
}


p.csc-frame-frame2 { background-color: #F5FFAA; padding: 2px 4px 2px 4px; border: 1px solid #333333; }

p.schriftgross {
font-size:14px;
font-family:Verdana,arial,helvetica;
color:#002849;
}

/* Button News, Produkte, Kontakt auf Willkommensseiten */
/* padding: oben rechts unten links */
/*
p.Button {
background-color: #002849;
color: #ffffff;
padding: 2px 4px 2px 10px;
}
*/

p.Button a {
color: #ffffff;
}

span.schriftgross {
font-size:14px;
font-family:Verdana,arial,helvetica;
color:#002849;
}

h1.schriftgross {
font-size:14px;
font-family:Verdana,arial,helvetica;
color:#002849;
}

.schriftgross {
font-size:14px;
font-family:Verdana,arial,helvetica;
color:#002849;
}

span.important { color: #8A0020; }
span.name-of-person { color: #10007B; }
span.detail { color: #186900; }

span.grosseSchrift {
font-size:18px;
font-family:Verdana,arial,helvetica;
color:#002849;
font-weight:bold;
}

p.grosserEinzug {
color:red;
margin-left:100px;
}

table.TabelleAbstand td {
/* border:1px solid green;*/
padding-bottom:50px;
font-size:12px;
font-family:Verdana,arial,helvetica;
color:#002849;
}

/* Klasse fuer Zellen-eigenschaft im RTE, z.B. Tabelle History */
td.ZelleAbstandrechts {
padding-right:25px;
font-size:12px;
font-family:Verdana,Arial,Helvetica,sans-serif;
color:#002849;
}

h3 {
background-color:#002849;
color:#ffffff;
padding: 3px 0px 3px 10px;
}

/* auf Startseite neuen Marker fuer die beiden aktuellsten Events - neu 3.2.10 */
div.AktuellEvents {
background-color:#ffffff;
margin-top:15px;
font-family:Verdana,helvetica,sans-serif;
font-size:10px;
color:#002849; /* alt: #990033 */
text-align:left;
}

/* Formatierung Sprachwechsel Selectbox - neu 9.4.10 */
form.SprachWechsel {
margin-left:10px;
}
select.Box {
width:112px; /* alt: 90px */
color:#9ba8b3;
font-size:11px;
background-color:#ffffff;
}