/* Standards zurücksetzen */
ul	{ margin: 0 0 0 0; padding: 0 0 0 0; list-style-type: none; }
li	{ margin: 0 0 0 0; padding: 0 0 0 0; }
img		{ padding: 0 0 0 0; margin: 0 0 0 0; }

/* Seitenbasis */

html	{ font-size: 100.01%; }
body	{ background-color: #262429; font-size: 16px; line-height: 16px; font-family: "helvetica";  text-align: center; }

/* Seite und Seitenrahmen notwendig für Zentrierung -> Seitenbreite basierend auf Bildgröße 972px / 16px = 60,75em */

.page_margins 	{ min-width: 972px; max-width: 60.75em; margin: 0 auto; }
.page			{ border: 1px #645f6b solid; width: 60.75em; }

/* Bildteil oben -> muss unten ausgerichtet werden, da im IE sonst Rahmen wegen Skalierungsfehlern */

.oben			{ 	}
.oben img.back	{ 	width: 60.75em;	vertical-align: bottom; }

/* Bildteil unten links -> 307px -> muss oben ausgerichtet werden (Skalierungsfehler !) */

.unten-li			{ 	float: left; }
.unten-li img.back	{ 	width: 19.187em; vertical-align: top; }

/* Bildteil unten mitte -> 297px -> muss oben ausgerichtet werden (Skalierungsfehler !) */

.unten-mi			{ float: left; position: relative; z-index: 1; }

		/* liegt über dem Container unten-mi */
.unten-mi img.back	{ width: 18.5625em; left: 0em; top: 0em; position: absolute; }

		/* liegt über dem Container unten-mi - durch left/top nach unten verschoben */
.unten-mi .text		{ width: 15.5625em; left: 1.5em; top: 10em; position: absolute;
					  text-align: justify; color: #5d9d52; }

		/* aufgrund der Bilder ist der Text unter TRENDS und PRODUKTE etwas weiter oben */
.unten-mi .text-trends		{ width: 15.5625em; left: 1.5em; top: 7em; position: absolute;
					  		  text-align: justify; color: #5d9d52; }

		/* Text ganz oben für Kontakt + Impressum -> andere Schriftfarbe */
.unten-mi .text-top	{ color: #EC8D00; width: 15.5625em; left: 1.5em; top: 1em; position: absolute;
					  text-align: justify; }


		/* Text ganz unten für Kontakt + Impressum -> andere Schriftfarbe */
.unten-mi .text-bottom	{ color: #EC8D00; width: 15.5625em; left: 1.5em; top: 17.5em; position: absolute;
					  	text-align: left; }

		/* Textformatierung für Überschrift */
.unten-mi h1		{ padding: 0 0 0 0; margin: 0 0 0 0; font-size: 18px; }
		/* Subtitle der Überschrift */
.unten-mi .subtitle	{ padding: 3px 0 0 0; font-size: 12px; float: right;  }		/* Padding für Ausrichtung bottom */

		/* Textformatierung für Textcontainer */
.unten-mi p			{ font-size: 11px; }

/* Bildteil unten rechts -> 368px -> muss oben ausgerichtet werden (Skalierungsfehler !) */
		/* Positionierung der Navigation wie Haupttext durch Überlagerung des Bildes */

.unten-re				{ margin-left: 18.562em; float: left; position: relative; z-index: 1; }
.unten-re img.back		{ width: 23em; left: 0em; top: 0em; position: absolute;}
.unten-re .content-re	{ width: 15.5625em; left: 0.5em; top: 1em; position: absolute;
					      text-align: justify; color: #5d9d52; }

/* Mailto Link im Text */
a.mailto				{ color: #EC8D00; }
a.mailto.nodeco			{ color: #EC8D00; text-decoration: none; }

/* Hauptnavigation */

ul.nav_main 				{ margin: 0 0 0 0; padding: 0 0 0 10px; list-style-type: none; font-size: 1.15em; line-height: 25px; font-weight: normal; }
ul.nav_main li				{ color: #EC8D00; letter-spacing: 1px; }

ul.nav_main a				{ color: #EC8D00; text-decoration: none; font-weight: normal; }
ul.nav_main a.nav-current	{ color: #f6c799; }

/* Subnavigation - Standard */

ul.nav_sub 					{ margin: 0 0 10px 0; padding: 0 0 0 15px; list-style-type: none; font-size: 0.9em; font-weight: normal; }
ul.nav_sub li				{ color: #EC8D00; }

ul.nav_sub a				{ color: #EC8D00; text-decoration: none; font-weight: normal; }
ul.nav_sub a.nav-current	{ color: f6c799; }

ul.nav_sub #q1				{ padding: 0px 0px 0px 20px; background-image: url("../img/icon-q1.gif");
							  background-position:left center; background-repeat:no-repeat; }
ul.nav_sub a.nav-current#q1 { padding: 0px 0px 0px 20px; background-image: url("../img/icon-q1-current.gif");
							  background-position:left center; background-repeat:no-repeat; }

ul.nav_sub #q2				{ padding: 0px 0px 0px 20px; background-image: url("../img/icon-q2.gif");
							  background-position:left center; background-repeat:no-repeat; }
ul.nav_sub a.nav-current#q2 { padding: 0px 0px 0px 20px; background-image: url("../img/icon-q2-current.gif");
							  background-position:left center; background-repeat:no-repeat; }

ul.nav_sub #q3				{ padding: 0px 0px 0px 20px; background-image: url("../img/icon-q3.gif");
							  background-position:left center; background-repeat:no-repeat; }
ul.nav_sub a.nav-current#q3 { padding: 0px 0px 0px 20px; background-image: url("../img/icon-q3-current.gif");
							  background-position:left center; background-repeat:no-repeat; }

ul.nav_sub #q4				{ padding: 0px 0px 0px 20px; background-image: url("../img/icon-q4.gif");
							  background-position:left center; background-repeat:no-repeat; }
ul.nav_sub a.nav-current#q4 { padding: 0px 0px 0px 20px; background-image: url("../img/icon-q4-current.gif");
							  background-position:left center; background-repeat:no-repeat; }


.clear			{ clear: both; }