html {
	height: 100%;
	width: 100%;
	overflow: -moz-scrollbars-vertical; height: auto;
}

body {
	font-family: Arial, Helvetica, sans-serif;
	font-size: 80%;
	line-height: 120%;
	color: #000000;
	height: 100%;
	width: 100%;
	margin: 0px;
	padding: 0px;
	top: 0px;
	left: 0px;
	background-color: #928870;
	background-image:url(img/bgstreifen.jpg);
	background-repeat: repeat-y;
	background-position: center;
}

a, a:link, a:visited {
color: #597ba6;
text-decoration: none;
}

a:hover, a:active {
color: #000;
}



#maindiv {
	position: absolute;
	height: 100%;
	width: 937px;
	top: 0px;
	left: 50%;
	margin-left: -469px;
	padding: 0px;
}

#headerdiv {
	position: absolute;
	z-index: 4;
	height: 128px;
	width: 937px;
	top: 0px;

}

#contentdiv {
	position: absolute;
	top: 176px;
	width: 937px;
}


#navdiv {
	position: relative;
	padding-left: 166px;
	background-color: #c6bda9;
	height: 33px;
	border-right: 176px solid #ddd7cb;
	line-height: 0em;
	top: 0px;
	margin-top: 0px;
}

#textspalte {
	position: absolute;
	width: 345px;
	top: 43px;
	left: 35px;
	display:block;
}

#textspalte1 {
	position: absolute;
	width: 400px;
	top: 43px;
	left: 35px;
	display:block;
}

#textspalte2 {
	position: absolute;
	width: 400px;
	top: 43px;
	left: 465px;
	display:block;
}

#textspalte3 {
	position: absolute;
	width: 900px;
	top: 43px;
	left: 35px;
	display:block;
}

#anfahrtspalte {
	position: absolute;
	width: 510px;
	top: 43px;
	left: 260px;
	display:block;
}

#textspalte p {
	margin: 1.2em 0em;
	padding: 0em;
}

#bildspalte {
	position: absolute;
	left: 390px;
	top: 0px;
	width: 534px;
	display:block;
	text-align: right;
}

#bildspalte2 {
	position: absolute;
	left: 390px;
	top: 88px;
	width: 534px;
	display:block;
	text-align: right;
}

#portraitbildspalte {
	position: absolute;
	left: 390px;
	top: 0px;
	width: 534px;
	display:block;
	text-align: left;
}

#galeriespalte {
	position: absolute;
	width: 800px;
	top: 43px;
	left: 35px;
	display:block;
}


#legenden {
	font-size: 0.8em;
	color: #777;
	float: right;
	margin: 10px 1px 0px 0px;
	z-index: 4;
}

#legenden p {
	margin: 0em;
}

#legende1 {background-image:url(img/nr1.gif);}
#legende2 {background-image:url(img/nr2.gif);}
#legende3 {background-image:url(img/nr3.gif);}
#legende4 {background-image:url(img/nr4.gif);}
#legende5 {background-image:url(img/nr5.gif);}
#legende6 {background-image:url(img/nr6.gif);}

#legende1,
#legende2,
#legende3,
#legende4,
#legende5,
#legende6 {
	background-repeat:no-repeat;
	background-position: right 0.4em;
	padding: 4px 20px 0px 0px;
	float: right;
	min-height: 1.3em;
	line-height: 1.2em;
	display:block;
	width: 500px;
}

.legendeover {
	color: #000;
}

.thumb {
	padding-right: 1px;
	float:right;
	opacity: 0.6;
	filter:alpha(opacity=60);
}

.thumb:hover {
	opacity: 1;
	filter:alpha(opacity=100);
}

.thumb2 {
	opacity: 0.6;
	filter:alpha(opacity=60);
}

.thumb2:hover {
	opacity: 1;
	filter:alpha(opacity=100);
}

.thumb3 {
	opacity: 1;
	filter:alpha(opacity=100);
}

.thumb3:hover {
	opacity: 0.6;
	filter:alpha(opacity=60);
}


.foto {
	padding-top: 1px;
	padding-right: 1px;
	float:left;
}

.grau {
color: #83807b;
}

.pdfnote {
font-size: 10px;
color: #83807b;
margin-left: 5px;
}

.anfahrtsnote {
margin: 15px 0px 2px 0px;
background-color: #fff;
width: 490px;
padding: 2px 5px;
}

.seitentitel {
margin: 0px 0px 0px -2px;
}

.contentpic {
display:block;
margin-top: 1.2em;
_margin-top: 1.4em;
}


.directory {
font-weight: bold;
background-color: #a69e8b;
color: #fff;
line-height: 1.4em;
padding: 1px 5px;

}


a.file,
a.file:link,
a.file:visited {
padding-left: 20px;
margin: 0px;
background-image:url(img/file.gif);
background-repeat: no-repeat;
background-position: 6px 0px;
text-decoration: none;
color: #a69e8b;
line-height: 1.4em;
}

a.file:hover,
a.file:active {
color: #000;
}

.formtext {
width: 500px;
}


/* ####### Spezial-Bäder ########### */


#spezialbaeder #textspalte2 {
	position: absolute;
	width: 400px;
	top: 38px;
	left: 465px;
}

a.baederlinks, 
a.baederlinks:visited {
text-decoration: none;
font-size: 1em;
color: #597ba6;
line-height: 1.7em;

}

a.baederlinks:hover,
a.baederlinks:active {
color: #000;
}


#senndiv {
position: absolute;
left: 560px;
top: 140px;

}

#geschichte #textspalte2 img {
visibility:hidden;
}



/* ####### Unsere Firma ########### */


.portraitdivhidden {
display:none;
text-align: left;
}

.portraitdivactive {
display:block;
}

.name {
font-weight: ;
padding-top: 30px;
color: #666;
font-size: 1.3em;
line-height: 3em;
}

#portraitbildspalte #foto1,
#portraitbildspalte #foto2,
#portraitbildspalte #foto3 {
cursor:pointer;
}


/* ####### Witz ########### */


.witz {
background-color: #e0ddd8;
padding: 15px;
color: #928870;
font-family:georgia;
font-style:italic;
}

.witztitel {color: #000;
display:block;
margin: 0px 0px 5px 0px;
}

#senn #textspalte {
z-index: 2;
}

.hidden {
display:none;
}


.login {
z-index: 500;
position: absolute;
left: 0px;
top: 0px;
}