@charset "utf-8";
/* CSS Document */

* {
		margin:0;
		padding:0;
		}

	html, body {
		height:100%;
		}

	body {
		font-family:Arial, Helvetica, sans-serif;
		color:#666666;
		background-color:#f0ecf5;
		text-align:center; /* horizontal centering for IE Win quirks */
		}

a img{
border:none;
text-decoration:none;
}

a{
color:#666666;
}

a:link {
text-decoration:none;
}

a:visited {
text-decoration:none;
}

a:hover{
text-decoration:underline;
}

	#distance { 
		width:1px;
		height:50%;
		margin-bottom:-300px; /* half of container's height */
		float:left;
		}

	#container {
		margin:0 auto;
		position:relative; /* puts container in front of distance */
		text-align:left;
		height:600px;
		width:800px;
		clear:left;
		background-color:#fff;
		}
		
		
#container #indexlinks{
margin-top:175px;
> margin-top:185px; /*ie 7*/
margin-left:140px;
float:left;
width:52px;
height:161px;
}

#container #rollelinks{
margin-top:175px;
> margin-top:185px; /*ie 7*/
margin-left:140px;
float:left;
background:top no-repeat url(../bilder/bg_rolle.gif);
width:52px;
height:161px;
}

#rollelinks ul{
	margin:80px 0 0 10px;
	padding:0;
	list-style-type:none;
	text-indent: -9999px;
	font-size:1px;
	line-height:1px;
}

#rollelinks ul li{
margin:0 4px 5px 0;
padding: 0;
float:left;
}

li#btn-Text01 a{
		display:block;
		height:13px;
		width: 13px;
		background: url(../bilder/menue_01.gif) no-repeat;
}

li#btn-Text01 a:hover{
		background-position: -13px 0;
}

li#btn-Text01 a strong{
		display:block;
		height:13px;
		width: 13px;
		background: url(../bilder/menue_01.gif) no-repeat;
		background-position: -13px 0;
}


li#btn-Text02 a{
		display:block;
		height:13px;
		width: 13px;
		background: url(../bilder/menue_02.gif) no-repeat;
}

li#btn-Text02 a:hover{
		background-position: -13px 0;
}

li#btn-Text03 a{
		display:block;
		height:13px;
		width: 13px;
		background: url(../bilder/menue_03.gif) no-repeat;
}

li#btn-Text03 a:hover{
		background-position: -13px 0;
}

li#btn-Text04 a{
		display:block;
		height:13px;
		width: 13px;
		background: url(../bilder/menue_04.gif) no-repeat;
}

li#btn-Text04 a:hover{
		background-position: -13px 0;
}


#container #flaschelinks{
margin-top:175px;
> margin-top:185px; /*ie 7*/
margin-left:140px;
float:left;
background:top no-repeat url(../bilder/bg_flasche.gif);
width:52px;
height:161px;
}

#container #kopflinks{
margin-top:175px;
> margin-top:185px; /*ie 7*/
margin-left:140px;
float:left;
background:top no-repeat url(../bilder/bg_kopf.gif);
width:52px;
height:161px;
}

#kopflinks ul{
	margin:80px 0 0 10px;
	padding:0;
	list-style-type:none;
	text-indent: -9999px;
	font-size:1px;
	line-height:1px;
}

#kopflinks ul li{
margin:0 4px 5px 0;
padding: 0;
float:left;
}


#container #impressumlinks{
margin-top:175px;
> margin-top:185px; /*ie 7*/
margin-left:140px;
float:left;
width:52px;
height:161px;
}

#impressumlinks ul{
	margin:80px 0 0 10px;
	padding:0;
	list-style-type:none;
	text-indent: -9999px;
	font-size:1px;
	line-height:1px;
}

#impressumlinks ul li{
margin:0 4px 5px 0;
padding: 0;
float:left;
}

li#btn-Text01 a{
		display:block;
		height:13px;
		width: 13px;
		background: url(../bilder/menue_01.gif) no-repeat;
}

li#btn-Text01 a:hover{
		background-position: -13px 0;
}

li#btn-Text01 a strong{
		display:block;
		height:13px;
		width: 13px;
		background: url(../bilder/menue_01.gif) no-repeat;
		background-position: -13px 0;
}


li#btn-Text02 a{
		display:block;
		height:13px;
		width: 13px;
		background: url(../bilder/menue_02.gif) no-repeat;
}

li#btn-Text02 a:hover{
		background-position: -13px 0;
}

li#btn-Text02 a strong{
		display:block;
		height:13px;
		width: 13px;
		background: url(../bilder/menue_02.gif) no-repeat;
		background-position: -13px 0;
}

li#btn-Text03 a{
		display:block;
		height:13px;
		width: 13px;
		background: url(../bilder/menue_03.gif) no-repeat;
}

li#btn-Text03 a:hover{
		background-position: -13px 0;
}

li#btn-Text03 a strong{
		display:block;
		height:13px;
		width: 13px;
		background: url(../bilder/menue_03.gif) no-repeat;
		background-position: -13px 0;
}


#container #rechts{
float:left;
margin-left:20px;
margin-top:40px;
}


#logo{
margin-left:110px;
}

#navi_top{
width: 167px;
margin: 10px 10px 10px 90px;
}

#navi_top ul{
	margin:0;
	padding:0;
	list-style-type:none;
	text-indent: -9999px;
	font-size:1px;
	line-height:1px;
}

#navi_top ul li{
float:left;
margin: 10px 10px 0 10px;
padding: 0;
}

li#btn-Schiff a{
		display:block;
		height:41px;
		width: 41px;
		background:url(../bilder/navi_top_schiff.gif) no-repeat;
}
	
li#btn-Schiff a:hover{
		background-position: -41px 0;
}

li#btn-Anker a{
		display:block;
		height:41px;
		width: 31px;
		background:url(../bilder/navi_top_anker.gif) no-repeat;
}
	
li#btn-Anker a:hover{
		background-position: -31px 0;
}

li#btn-Herz a{
		display:block;
		height:41px;
		width: 34px;
		background:url(../bilder/navi_top_herz.gif) no-repeat;
}
	
li#btn-Herz a:hover{
		background-position: -34px 0;
}


#close{
clear:left;
margin-left:325px;
margin-bottom:10px;
height:15px;
}

#close ul li{
margin: 0;
padding: 0;
}

#close ul{
	margin:0;
	padding:0;
	list-style-type:none;
	text-indent: -9999px;
	font-size:1px;
	line-height:1px;
}


li#btn-Close a{
		display:block;
		height:18px;
		width: 17px;
		background:url(../bilder/schliessen.gif) no-repeat;
}
	
li#btn-Close a:hover{
		background-position: -18px 0;
}

#weiter{
clear:left;
margin-left:260px;
margin-top:10px;
height:15px;
}

#weiter ul li{
margin: 0;
padding: 0;
}

#weiter ul{
	margin:0;
	padding:0;
	list-style-type:none;
	text-indent: -9999px;
	font-size:1px;
	line-height:1px;
}


li#btn-Weiter a{
		display:block;
		height:10px;
		width: 31px;
		background:url(../bilder/weiter.gif) no-repeat;
}
	
li#btn-Weiter a:hover{
		background-position: -31px 0;
}

#indexcontent{
width:342px;
height:338px;
clear:left;
}

#flash{
text-align:center;
}

#seitencontent{
width:342px;
height:338px;
background-image:url(../bilder/bg_content.gif);
clear:left;
}

#seitencontent p{
padding:0 0 0 40px;
font-size:10px;
}

#seitencontent ol#textproben{
font-size:12px;
padding:20px 0 0 40px;
}

#seitencontent ol#textproben li{
padding:0 0 10px 0;
}

#seitencontent ol#textproben span{
font-size:10px;
}


#content{
width:342px;
height:338px;
background-image:url(../bilder/bg_content.gif);
clear:left;
}

#content p{
padding:20px 20px 0 20px;
font-size:12px;
}

.imgleft{
float:left;
padding:2px;
margin:0 5px 2px 0;
border:#eae4f0 2px solid;
}

#uebersicht{
width:342px;
height:338px;
background-image:url(../bilder/bg_content.gif);
clear:left;
}


#uebersicht ul{
padding:60px 0 0 25px;
list-style-type:none;
}

#uebersicht li{
padding:0 0 20px 0;
}

#uebersicht li#ueberschrift{
padding-left:85px;
padding-bottom:50px;
}


#uebersicht li#btn-Rolle a{
		padding-top:5px;
		padding-left:85px;
		display:block;
		height:32px;
		width: 256px;
		background:url(../bilder/navi_inhalt_rolle.gif) no-repeat;
}
	
#uebersicht li#btn-Rolle a:hover{
		background-position: 0 -37px;
}

#uebersicht li#btn-Kopf a{
		padding-top:5px;
		padding-left:85px;
		display:block;
		height:29px;
		width: 256px;
		background:url(../bilder/navi_inhalt_kopf.gif) no-repeat;
}
	
#uebersicht li#btn-Kopf a:hover{
		background-position: 0 -34px;
}

#uebersicht li#btn-Flasche a{
		display:block;
		padding-left:85px;
		height:24px;
		width: 256px;
		background:url(../bilder/navi_inhalt_flasche.gif) no-repeat;
}
	
#uebersicht li#btn-Flasche a:hover{
		background-position: 0 -24px;
}



#navi_bottom{
width: 164px;
margin: 10px 10px 10px 90px;
}

#navi_bottom ul{
	margin:0;
	padding:0;
	list-style-type:none;
	text-indent: -9999px;
	font-size:1px;
	line-height:1px;
}

#navi_bottom ul li{
float:left;
margin: 10px;
padding: 0;
}

#navi_bottom li#btn-Kopf a{
		display:block;
		height:36px;
		width: 29px;
		background:url(../bilder/navi_bottom_kopf.gif) no-repeat;
}
	
#navi_bottom li#btn-Kopf a:hover{
		background-position: -29px 0;
}

#navi_bottom li#btn-Kopf a strong{
		display:block;
		height:36px;
		width: 29px;
		background:url(../bilder/navi_bottom_kopf.gif) no-repeat;
		background-position: -29px 0;
}

#navi_bottom li#btn-Flasche a{
		display:block;
		height:36px;
		width: 52px;
		background:url(../bilder/navi_bottom_flasche.gif) no-repeat;
}
	
#navi_bottom li#btn-Flasche a:hover{
		background-position: -52px 0;
}

#navi_bottom li#btn-Flasche a strong{
		display:block;
		height:36px;
		width: 52px;
		background:url(../bilder/navi_bottom_flasche.gif) no-repeat;
		background-position: -52px 0;
}

#navi_bottom li#btn-Rolle a{
		display:block;
		height:36px;
		width: 23px;
		background:url(../bilder/navi_bottom_rolle.gif) no-repeat;
}
	
#navi_bottom li#btn-Rolle a:hover{
		background-position: -23px 0;
}

#navi_bottom li#btn-Rolle a strong{
		display:block;
		height:36px;
		width: 23px;
		background:url(../bilder/navi_bottom_rolle.gif) no-repeat;
		background-position: -23px 0;
}

#impressum{
position:absolute;
top:540px;
left:785px;
}

#impressum a img{
border:none;
}