/* CONTENT */
.quer #bild img {bottom: 15%; right: 5%; height: 50%;}
.hoch #bild img {bottom: 12%; right: 10%; height: 62%;}
#bild img {position: absolute; z-index: 30; padding: 4%;  background-color: #FFF;
	border-top-width: 1px; border-right-width: 2px; border-bottom-width: 2px; border-left-width: 1px;
	border-style: solid;
	border-top-color: #CCC; border-right-color: #CCC; border-bottom-color: #CCC; border-left-color: #CCC;}

.quer #text {bottom: 15%; left: 5%;}
.hoch #text {bottom: 15%; left: 5%;}
#text {position: absolute; z-index: 31; width: 180px; padding: 2%; margin-bottom: 2px; background-color: #FFF;
	border-top-width: 1px; border-right-width: 2px; border-bottom-width: 2px; border-left-width: 1px;
	border-style: solid;
	border-top-color: #CCC; border-right-color: #CCC; border-bottom-color: #CCC; border-left-color: #CCC;}

.uber #gal img {margin-right: 4%; margin-bottom: 3%; height: 22%;}
#gal img {position: relative; z-index: 30; padding: 10px;  background-color: #FFF;
	border-top-width: 1px; border-right-width: 1px; border-bottom-width: 1px; border-left-width: 1px;
	border-style: solid;
	border-top-color: #CCC; border-right-color: #999; border-bottom-color: #999; border-left-color: #CCC;}
#gal {position: absolute; left: 7%; width: 90%; top: 14%; height: 75%; z-index: 29; overflow: auto; text-align: justify;}

#txt {
	position: absolute; left: 7%; width: 90%;
	bottom: 7%; max-height: 75%;
	z-index: 29; overflow: auto; text-align: left;}
#txt img {width: 35%;}
#txt .kont img {width: 70%;}
#txt a:link, #txt a:visited {color: #333;}
#txt a:hover, #txt a:active {color: #000;}
#txt .loock img {width: 160px; height: auto;}

.rahmen img {margin: 0 50px 0 30px; padding: 20px; border: 1px solid #CCC;}
.left {width: 42%; margin: 0 5% 0 0%; float: left;}
.right {width: 42%; float: right; margin: 0 5% 0 0;}
.clear {float: none; clear: both}
#txt p {font-size: 12px; line-height: 1.7em;}
.vorwort {
	color: #b0110b; font-weight: 100; font-style: italic;}
#txt .vorwort p {font-size: 13px}
/* HEADER */
.galerie #header_bar01 {
	color: #999; padding: 13px 5% 0 5%;
	font-size: 12px; font-weight: 700; letter-spacing: 0.02em;
	position: absolute; top: 0px; left: 0px; width: 90%; height: 42px;
	background-image: url(../img/Seitenbausteine/hg/header_bar_01.jpg);
	background-repeat: repeat-x;
	z-index: 1;
}
.allgemein #header_bar01 {visibility: hidden;}
.index #header_bar01 {
	color: #999; padding: 13px 5% 0 5%;
	font-size: 12px; font-weight: 700; letter-spacing: 0.02em;
	position: absolute; top: 0px; left: 0px; width: 90%; height: 42px;
	background-image: url(../img/Seitenbausteine/hg/header_bar_01.jpg);
	background-repeat: repeat-x;
	z-index: 1;
}

.galerie #header_bar02 {
	color: #FCFCFC; padding: 55px 5% 0 5%;
	font-size: 13px; font-weight: 700; letter-spacing: 0.08em; text-transform:lowercase;
	position: absolute; top: 0px; left: 0px; width: 90%; height: 150px;
	z-index: 3;
}
.galerie #header_bar02:hover {
	background-image: url(../img/Seitenbausteine/hg/header_bar_02.jpg);
	background-repeat: repeat-x;
	color: #CCC;
}
.allgemein #header_bar02 {
	color: #CCC; padding: 55px 5% 0 5%;
	font-size: 13px; font-weight: 700; letter-spacing: 0.08em; text-transform:lowercase;
	position: absolute; top: 0px; left: 0px; width: 90%; height: 150px;
	background-image: url(../img/Seitenbausteine/hg/header_bar_02.jpg);
	background-repeat: repeat-x;
	z-index: 3;
}

#title {
	position: absolute; top: 8px; right: 5%; color: #FCFCFC; 
	font-size: 18px;
	z-index: 10;
}

/* FOOTER */

#footer_balken {
	position: absolute; bottom: 0px; height: 27px; left: 0%; width: 100%;
	background-image: url(../img/Seitenbausteine/hg/footer_bar_01.jpg); background-repeat: repeat-x;
	z-index: 1;
}
#footer_nav {
	position: absolute; bottom: 0px; left: 0px; width: 90%;
	padding: 0 5% 5px 5%;
	z-index: 5;
	text-align: justify;
}
.galerie #footer_gal_nav {
	position: absolute; bottom: 0px; left: 0px; width: 90%; height: 120px;
	font-size: 12px; font-weight: 700; letter-spacing: 0.02em; color: #999;
	padding: 0 5% 0 5%;
	z-index: 2;
}
.galerie #footer_gal_nav .vis {color: #CCC;}
.galerie #footer_gal_nav:hover .vis {color: #000;}

#footer_gal_nav img {
	visibility: hidden;
	border: none;}
#footer_gal_nav:hover img {
	visibility: visible;}
.galerie #footer_gal_nav:hover {
	background-image: url(../img/Seitenbausteine/hg/footer_bar_02.jpg); background-repeat: repeat-x; background-position: 0px 40px;
}
.linie {
	border-top-width: 1px;
	border-right-width: 1px;
	border-bottom-width: 1px;
	border-left-width: 1px;
	border-top-style: none;
	border-right-style: dotted;
	border-bottom-style: none;
	border-left-style: dotted;
	border-color: #FCFCFC;
}


/* allgemeine Seiteneigenschaften */

body,td,th {
	font-family: "Lucida Sans Unicode", "Lucida Grande", sans-serif;
	font-size: 12px;
	color: #333;
}
body {
	background-color: #FCFCFC;
	margin-left: 0px;
	margin-top: 0px;
	margin-right: 0px;
	margin-bottom: 0px;
}

a:link {color: #FCFCFC; text-decoration: none;}
a:visited {text-decoration: none; color: #FCFCFC;}
a:hover {text-decoration: none; color: #CCC;}
a:active {text-decoration: none; color: #FCFCFC;}