body
{
	background-color:#e1af00;
	/*background-image:url(bilder/backgr.gif);*/
	padding:0;
	margin:0 auto;
	text-align:center;
	font-family:arial, helvetica, sans-serif;
}

/*-----Horizontale Navigation Beginn -----*/
.home_hori
{
	display: block;
	position:absolute;
	left:10px;
	top:150px;
	width:70px;
	height:30px;
	border: 0;
	background: url(bilder/navi_hori_home.jpg) no-repeat;
}

.bier_hori
{
	display: block;
	position:absolute;
	left:80px;
	top:150px;
	width:70px;
	height:30px;
	border: 0;
	background: url(bilder/navi_hori_bier.jpg) no-repeat;
}

.saft_hori
{
	display: block;
	position:absolute;
	left:150px;
	top:150px;
	width:70px;
	height:30px;
	border: 0;
	background: url(bilder/navi_hori_saft.jpg) no-repeat;
}

.afg_hori
{
	display: block;
	position:absolute;
	left:220px;
	top:150px;
	width:70px;
	height:30px;
	border: 0;
	background: url(bilder/navi_hori_afg.jpg) no-repeat;
}

.service_hori
{
	display: block;
	position:absolute;
	left:290px;
	top:150px;
	width:70px;
	height:30px;
	border: 0;
	background: url(bilder/navi_hori_service.jpg) no-repeat;
}

.tipps_hori
{
	display: block;
	position:absolute;
	left:360px;
	top:150px;
	width:70px;
	height:30px;
	border: 0;
	background: url(bilder/navi_hori_tipps.jpg) no-repeat;
}

.kontakt_hori
{
	display: block;
	position:absolute;
	left:430px;
	top:150px;
	width:70px;
	height:30px;
	border: 0;
	background: url(bilder/navi_hori_kontakt.jpg) no-repeat;
}

.impressum_hori
{
	display: block;
	position:absolute;
	left:500px;
	top:150px;
	width:70px;
	height:30px;
	border: 0;
	background: url(bilder/navi_hori_impressum.jpg) no-repeat;
}

a.hori:link
{
	background-position: 0 0;
	text-decoration:none;
	border:0;
}

a.hori:hover
{
	background-position: 0 -60px;
	text-decoration:none;
	border:0;
}

a.hori:active
{
	background-position: 0 -90px;
	text-decoration:none;
	border:0;
}

.sel_hori
{
	background-position: 0 -30px;
}
/*-----Horizontale Navigation Ende -----*/


/*-----Vertikale Navigation Beginn -----*/
.home_vert
{
	display: block;
	position:absolute;
	left:0px;
	top:0px;
	width:120px;
	height:37px;
	border: 0;
	background: url(bilder/navi_vert_home.jpg) no-repeat;
}

.bier_vert
{
	display: block;
	position:absolute;
	left:0px;
	top:40px;
	width:120px;
	height:37px;
	border: 0;
	background: url(bilder/navi_vert_bier.jpg) no-repeat;
}

.saft_vert
{
	display: block;
	position:absolute;
	left:0px;
	top:80px;
	width:120px;
	height:37px;
	border: 0;
	background: url(bilder/navi_vert_saft.jpg) no-repeat;
}

.afg_vert
{
	display: block;
	position:absolute;
	left:0px;
	top:120px;
	width:120px;
	height:37px;
	border: 0;
	background: url(bilder/navi_vert_afg.jpg) no-repeat;
}

.service_vert
{
	display: block;
	position:absolute;
	left:0px;
	top:160px;
	width:120px;
	height:37px;
	border: 0;
	background: url(bilder/navi_vert_service.jpg) no-repeat;
}

.tipps_vert
{
	display: block;
	position:absolute;
	left:0px;
	top:200px;
	width:120px;
	height:37px;
	border: 0;
	background: url(bilder/navi_vert_tipps.jpg) no-repeat;
}

.kontakt_vert
{
	display: block;
	position:absolute;
	left:0px;
	top:240px;
	width:120px;
	height:37px;
	border: 0;
	background: url(bilder/navi_vert_kontakt.jpg) no-repeat;
}

.impressum_vert
{
	display: block;
	position:absolute;
	left:0px;
	top:280px;
	width:120px;
	height:37px;
	border: 0;
	background: url(bilder/navi_vert_impressum.jpg) no-repeat;
}

.sel_vert
{
	background-position: 0 -111px;
}

a.vert:link
{
	background-position: 0 0px;
	text-decoration:none;
}

a.vert:hover
{
	background-position: 0 -37px;
	text-decoration:none;
}
a.vert:active
{
	background-position: 0 -74px;
	text-decoration:none;
	border:0;
}
/*-----Horizontale Navigation Ende -----*/

a.copy:link
{
	color:#444342;
	font-size:70%;
	text-decoration:none;
}

a.copy:visited
{
	color:#444342;
	font-size:70%;
	text-decoration:none;
}

a.copy:hover
{
	color:#000000;
	font-size:70%;
	text-decoration:none;
}

a.copy:active
{
	color:#000000;
	font-size:70%;
	text-decoration:none;
}



a.tablink:link 		{color:white;text-decoration:none;}
a.tablink:active	{color:white;text-decoration:none;}
a.tablink:visited	{color:white;text-decoration:none;}
a.tablink:hover		{color:white;text-decoration:none;}

img
{
	border:0;
}

#main
{
	position:absolute;
	left:50%;
	top:50%;
	width:800px;
	height:600px;
	margin-left:-400px;
	margin-top:-300px;
	padding:0;
	text-align:center; /* this is for centering #middle horizontally in IE 5/win */
}


#schaum
{
	position:absolute;
	background-image:url(bilder/schaum.jpg);
	left:0px;
	top:0px;
	width:200px;
	height:200px;
}

#ambro
{
	position:absolute;
	background-image:url(bilder/ambro.jpg); 
	left:200px;
	top:0px;
	width:600px;
	height:200px;
}

#navi
{
	position:absolute;
	background-image:url(bilder/navi.jpg); 
	left:0px;
	top:200px;
	width:200px;
	height:400px;
}

#news
{
	position:absolute;
	background-image:url(bilder/iex/news.jpg); 
	left:200px;
	top:200px;
	width:408px;
	height:400px;
	text-align:left;
}

#werbung
{
	position:absolute;
	background-image:url(bilder/iex/werbung.jpg);
	left:608px;
	top:200px;
	width:192px;
	height:400px;
	
}

#link_box
{
	position:absolute;
	left:25px;
	top:25px;
}

#content
{
	position:absolute;
	left:15px;
	top:0px;
	width:260px;
	text-align:justify;
}

#content_mitte
{
	position:absolute;
	top:130px;
	width:260px;
	height:110px;
	text-align:left;
}

#content_oben
{
	position:absolute;
	top:15px;
	width:260px;
	height:110px;
	text-align:left;
}


#content_unten
{
	position:absolute;
	top:250px;
	width:260px;
	height:110px;
	text-align:left;
}

#content_all
{
	position:absolute;
	top:15px;
	width:360px;
	height:350px;
	text-align:justify;
}

.text
{
	font-size:0.78em;
}

#pic
{
	position:absolute;
	left:283px;
	top:75px;
	height:150px;
	width:104px;
}


#pic_oben
{
	position:absolute;
	left:270px;
	top:5px;
	height:85px;
	width:100px;
	border:1px solid;
	border-color:black;
}

#pic_mitte
{
	position:absolute;
	left:270px;
	top:10px;
	height:85px;
	width:100px;
	border:1px solid;
	border-color:black;
}

#pic_unten
{
	position:absolute;
	left:270px;
	top:10px;
	height:85px;
	width:100px;
	border:1px solid;
	border-color:black;
}

.head
{
	font-weight:bold;
	font-size:.75em;
}

h2
{
	font-size:1em;
}

ul
{
	list-style-type: circle;
	font-weight:bold;
	font-size:0.78em;
}

#right
{
	position:absolute;
	left:10px;
	top:18px;
	width:155px;
	height:350px;
	text-align:left;
	font-size:0.70em;
	font-weight:bold;
	color:#444342;
}

#validator
{
	position:absolute;
	top:585px;
	left:210px;
}

.kontakt_box
{
	position:absolute;
	top:25px;
	width:350px;
	height:350px;
	/*height:100%;*/
}

.zeile
{
	width:350px;
	padding:2px;
	clear:both;
}

.label
{
	padding:2px;
	float:left;
	width:75px;
	text-align:right;
}

.feld
{
	float:left;
	width:210px;
	text-align:left;
}

.tfeld
{
	background-color:#FFEAB2;
	border:1px solid;
}

.tarea
{
	width:268px;
	height:210px;
	/*height:70%;*/
	background-color:#FFEAB2;
	border:1px solid;
}

.button
{
	font-weight:bold;
	width:100px;
	background-color:#ffcc99;
	border:1px solid;
}

#balken
{
	position:absolute;
	left:10px;
	top:150px;
	height:5px;
	width:561px;
	background: url(bilder/balken.png);
	
}