body {
	margin: 0;
	border: 0;
	padding: 0;
	font-family: Trebuchet MS, Arial, Verdana, Helvetica, sans-serif;
	font-size: 12px;
	color: #333;
	background: #d7dde3 url(../media/img/basic/background_body.jpg) repeat-x;
}
input, textarea, select {
	font-family: Trebuchet MS, Arial, Verdana, Helvetica, sans-serif;
	border: 1px solid #999;
	font-size: 12px;
}
td {
	font-family: Trebuchet MS, Arial, Verdana, Helvetica, sans-serif;
	font-size: 12px;
}


input, textarea {
	padding-left: 3px;
}
#container {
	position: absolute;
	left: 50%;
	margin-left: -500px;
	width: 998px;
	height: 615px;
	background-repeat: no-repeat;
}
#intro {
	position: absolute;
	top: 0px;
	left: 0px;
	width: 999px;
	height: 630px;
}
#logo {
	position: absolute;
	top: 426px;
	left: 54px;
	width: 210px;
	height: 57px;
}

#headline {
	position: absolute;
	top: 0;
	left: 0;
	width: 541px;
	height: 94px;
}

#headline_links {
	position: absolute;
	top: 0;
	left: 0px;
	width: 541px;
	height: 94px;
}

h1 {
	width: 580px;
	height: 94px;
	text-indent: -999em;
	font-size: 16px;
}
h1.energie { background:url(../media/img/headline/energie.gif) no-repeat 0 -30px; }
h1.inhalt { background:url(../media/img/headline/inhalt.gif) no-repeat 0 -30px; }
h1.infos { background:url(../media/img/headline/infos.gif) no-repeat 0 -30px; }
h1.faq { background:url(../media/img/headline/faq.gif) no-repeat 0 -30px; }
h1.kontakt { background:url(../media/img/headline/kontakt.gif) no-repeat 0 -30px; }
h1.impressum { background:url(../media/img/headline/impressum.gif) no-repeat 0 -30px; }
h1.datenschutz { background:url(../media/img/headline/datenschutz.gif) no-repeat 0 -30px; }
h1.rechtliche-hinweise { background:url(../media/img/headline/rechtliche-hinweise.gif) no-repeat 0 -30px; }
h1.tvspot { background:url(../media/img/headline/fernsehspot.gif) no-repeat 0 -30px; }

h2, td h2 {
	margin: 0;
	border: 0;
	padding: 0;
	font-size: 1.2em;
	color: #000000;
}
#scroll_up {
	position: absolute;
	top: 66px;
	left: 415px;
	width: 19px;
	height: 19px;	
	margin: 0;
	padding: 0;
	z-index:3;
}

#scroll_down {
	position: absolute;
	top: 300px;
	left: 415px;
	width: 19px;
	height: 19px;	
	margin: 0;
	padding: 0;
	z-index:3;
}


/*#Copy {
	Z-INDEX: 1; WIDTH: 480px; POSITION: absolute; HEIGHT: 394px}
#divCont {
	z-index: 2; visibility: visible; overflow: hidden; width: 460px; position: absolute; height: 400px; }*/
#inhalt {
	z-index: 3; position: absolute;
}

#tabelle_flasche{
	left:681px;
	position:relative;
	top:216px;
	width:304px;
}

#tabelle_kapsel{
	left:393px;
	position:relative;
	top:231px;
	width:304px;
}


#tabellen_text{
	font-size:0.8em;
	margin-left:11px;
}

#content_stoffe {
	position: absolute;
	top: 100px;
	left: 399px;
	width: 500px;
	height: 340px;
	/*clip: rect(0px,316px,394px,0px);*/
	overflow: hidden;
}
#weiter{
	float:right;
	margin-right:37px;
}

#headline_stoffe {
	position: absolute;
	top: 28px;
	left: 346px;
	width: 541px;
	height: 122px;
}


#content {
	position: absolute;
	top: 66px;
	left: 55px;
	width: 500px;
	height: 340px;
	/*clip: rect(0px,316px,394px,0px);*/
	overflow: hidden;
}

#content_gi {
	position: absolute;
	top: 66px;
	left: 455px;
	width: 500px;
	height: 340px;
	/*clip: rect(0px,316px,394px,0px);*/
	overflow: hidden;
}

#content_left_gi {
	position: absolute;
	top: 66px;
	left: 56px;
	width: 500px;
	height: 340px;
	/*clip: rect(0px,316px,394px,0px);*/
	overflow: hidden;
}

#content_links {
	position: absolute;
	top: 66px;
	left: 55px;
	width: 356px;
	height: 340px;
	/*clip: rect(0px,316px,394px,0px);*/
	overflow: hidden;
}

#content_tv {
	position: absolute;
	top: 66px;
	left: -35px;
	width: 500px;
	height: 340px;
	/*clip: rect(0px,316px,394px,0px);*/
	overflow: hidden;
}

#content_right {
	position: absolute;
	top: 66px;
	left: 56px;
	width: 500px;
	height: 340px;
	/*clip: rect(0px,316px,394px,0px);*/
	overflow: hidden;
}

#content_right_tv {
	position: absolute;
	top: 66px;
	left: 449px;
	width: 500px;
	height: 340px;
	/*clip: rect(0px,316px,394px,0px);*/
	overflow: hidden;
}

#content_right_kontakt {
	position: absolute;
	top: 66px;
	left: 495px;
	width: 500px;
	height: 340px;
	/*clip: rect(0px,316px,394px,0px);*/
	overflow: hidden;
}

#content_right_stoffe {
	position: absolute;
	top: 66px;
	left: 453px;
	width: 500px;
	height: 340px;
	/*clip: rect(0px,316px,394px,0px);*/
	overflow: hidden;
}

#content_right---alt {
	position: absolute;
	top: 66px;
	left: 570px;
	width: 340px;
	height: 300px;
	overflow: hidden;
}	
#content_left_gi.mobilbox {
	margin-top:43px;
	top:85px;
	width: 300px;
	height: 300px;
	overflow: hidden;
}	
.tab_mobilbox {
	float: left;
}
p {
	margin: 0;
	line-height: 15px;
	margin-bottom: 10px;
}
a {
	color: #cc002c;
	outline: none;
}
a:hover {
	color: #cc002c;
	outline: none;
}

h2.toggler { 
	cursor: pointer;
	font-size: 1.2em;
	font-weight: bold;
	color: #cc002c;
	margin-bottom: 5px;
	text-decoration: underline;
}
h2:hover.toggler { 
	color: #cc002c;
}

.element {
	margin-bottom: 10px;
}
.image { 
	margin:10px 20px;
}


a.up { 
	display: block;
	width: 19px;
	height: 19px;
	background: url(../media/img/basic/up.gif) bottom left no-repeat;
}
a:hover.up {
	background: url(../media/img/basic/up.gif) bottom right;
}
a.down { 
	display: block;
	width: 19px;
	height: 19px;
	background: url(../media/img/basic/down.gif) bottom left no-repeat;
}
a:hover.down {
	background: url(../media/img/basic/down.gif) bottom right;
}
span.textsub {
	position: relative;
	top: 0.3em;
	font-size: 80%;
	line-height: 0%;
}

.error {
	color: #cc002c;
	font-weight: bold;
}


/* M E N U   M A I N
************************************************************************************************/

#menu_main {
	position: absolute;
	top: 418px;
	top: 441px;
	left: 135px;
	width: 750px;
	height: 160px;
	float: left;
/*	background: #00FF99;*/
}
#menu_main ul {
	list-style-type: none;
	margin: 0;
	padding: 0;
	float: left;
}

#menu_main ul li {
	display: block;
	margin: 0;
	padding: 0;
	float: left;
}

#menu_main ul li a {
	display: block;
	height: 160px;
	padding: 0;
	margin: 0;
	text-decoration: none;
	text-indent: -999em;
}
* html #menu_main ul li a {
	text-indent: -999em;
}

#menu_main ul a.fernsehspot { background:url(../media/img/menu/menu_main_follow_fernsehspot.png) no-repeat; width: 114px;}
#menu_main ul a:hover.fernsehspot,
#menu_main li.active a.fernsehspot { background:url(../media/img/menu/menu_main_follow_fernsehspot.png) bottom left no-repeat; }

#menu_main ul a.energie { background:url(../media/img/menu/menu_main_follow_energie.png) no-repeat; width: 152px;}
#menu_main ul a:hover.energie,
#menu_main li.active a.energie { background:url(../media/img/menu/menu_main_follow_energie.png) bottom left no-repeat; }

#menu_main ul a.inhalt { background:url(../media/img/menu/menu_main_follow_inhalt.png) no-repeat; width: 101px;}
#menu_main ul a:hover.inhalt,
#menu_main li.active a.inhalt { background:url(../media/img/menu/menu_main_follow_inhalt.png) bottom left no-repeat; }

#menu_main ul a.infos { background:url(../media/img/menu/menu_main_follow_infos.png) no-repeat; width: 159px; }
#menu_main ul a:hover.infos,
#menu_main li.active a.infos { background:url(../media/img/menu/menu_main_follow_infos.png) bottom left no-repeat; }

#menu_main ul a.faq { background:url(../media/img/menu/menu_main_follow_faq.png) no-repeat; width: 120px;}
#menu_main ul a:hover.faq,
#menu_main li.active a.faq { background:url(../media/img/menu/menu_main_follow_faq.png) bottom left no-repeat; }

#menu_main ul a.kontakt { background:url(../media/img/menu/menu_main_follow_kontakt.png) no-repeat; width: 104px;}
#menu_main ul a:hover.kontakt,
#menu_main li.active a.kontakt { background:url(../media/img/menu/menu_main_follow_kontakt.png) bottom left no-repeat; }


#menu_main ul a.fernsehspot_follow { background:url(../media/img/menu/menu_main_follow_fernsehspot.png) no-repeat; width: 114px; }
#menu_main ul a:hover.fernsehspot_follow,
#menu_main li.active a.fernsehspot_follow { background:url(../media/img/menu/menu_main_follow_fernsehspot.png) bottom left no-repeat; }


#menu_main ul a.energie_follow { background:url(../media/img/menu/menu_main_follow_energie.png) no-repeat; width: 152px; }
#menu_main ul a:hover.energie_follow,
#menu_main li.active a.energie_follow { background:url(../media/img/menu/menu_main_follow_energie.png) bottom left no-repeat; }

#menu_main ul a.inhalt_follow { background:url(../media/img/menu/menu_main_follow_inhalt.png) no-repeat; width: 101px; }
#menu_main ul a:hover.inhalt_follow,
#menu_main li.active a.inhalt_follow { background:url(../media/img/menu/menu_main_follow_inhalt.png) bottom left no-repeat; }

#menu_main ul a.infos_follow { background:url(../media/img/menu/menu_main_follow_infos.png) no-repeat; width: 159px; }
#menu_main ul a:hover.infos_follow,
#menu_main li.active a.infos_follow { background:url(../media/img/menu/menu_main_follow_infos.png) bottom left no-repeat; }

#menu_main ul a.faq_follow { background:url(../media/img/menu/menu_main_follow_faq.png) no-repeat; width: 120px;}
#menu_main ul a:hover.faq_follow,
#menu_main li.active a.faq_follow { background:url(../media/img/menu/menu_main_follow_faq.png) bottom left no-repeat; }

#menu_main ul a.kontakt_follow { background:url(../media/img/menu/menu_main_follow_kontakt.png) no-repeat; width: 104px;}
#menu_main ul a:hover.kontakt_follow,
#menu_main li.active a.kontakt_follow { background:url(../media/img/menu/menu_main_follow_kontakt.png) bottom left no-repeat; }



/* M E N U   M E T A
************************************************************************************************/

#menu_meta {
	position: absolute;
	top: 600px;
	left: 0px;
	width: 999px;
	height: 30px;
	color: #666;
	text-align: center;
}
#menu_meta a.marken, .marken{
	color:#A5A9AA;
}
#menu_meta a,
#menu_meta a:hover {
	color: #666;
	text-decoration: none;
}


/* M E N U   T O P
************************************************************************************************/

#menu_top {
	position: absolute; 
	top: 0;
	left: 778px;
	width: 220px;
}
#menu_top a,
#menu_top a:hover {
	color: #666;
	text-decoration: none;
}


/* T E L L   A   F R I E N D
************************************************************************************************/

#taf {
	position: absolute; 
	top: 30px;
	left: 778px;
	width: 220px;
	padding: 0;
	display: none;
	z-index: 99;
}
#taf a,
#taf a:hover {
	color: #666;
	text-decoration: none;
}
#taf_top {
	background: url(../media/img/basic/background_taf.gif) no-repeat;
	margin: 0;
	padding: 10px;
}
#taf_bottom {
	width: 200px;
	height: 21px;
	padding: 0 10px;
	background: url(../media/img/basic/background_taf_bottom.gif) no-repeat;
}