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

body {
	background-color:#fff9bf;
	margin:0px;
	font-family:"Times New Roman", Times, serif;
}
.hg {
	background-image:url(img/webseite_hg.gif);
	background-repeat:no-repeat;
	width:980px;
}
.top {
	margin-top:0px;
}

/* das Menü oben*/
.menueleiste_oben {
	background-image:url(img/menueleiste.gif);
	background-repeat:no-repeat;
	border:0px;
	height:45px;
}
/* Definitionen für die Menüpunkte im Balken*/
.menue {
	padding-left:150px;
	padding-top:10px;
	font-size:18px;
	height:40px;
}
.menue_text {
	padding-left:20px;
}
.menue_text a{
	color:#fff9bf;
	text-decoration:none;
}
.menue_text a:hover{
	color:#FFFFFF;
	text-decoration:none;
}
.menue_text a:active{
	color:#FFFFFF;
	text-decoration:none;
}

/* Textfeld */
.textfeld_hg {
	background-image:url(img/textfeld_hg.gif);
	background-repeat:no-repeat;
	background-position: 0px 0px;
	border:0px;
	color:#0f1b5f;
}
.textfeld_hg_index {
	background-image:url(img/textfeld_index.jpg);
	background-position:bottom left;
	background-repeat:no-repeat;
	border:0px;
	height:576px;
	color:#0f1b5f;
}
/* Textfeld - hier das zusätzliche Menü, falls Menü-Unterpunkte vorhanden*/
.textfeld_re {
	background-image:url(img/schnoerkel.gif);
	background-repeat:no-repeat;
	background-position:120px 50px;
	width:230px;
	height:576px;
	padding-left:40px;
	padding-top:160px;
	color:#0f1b5f;
	font-weight:bold;
	font-size:16px;
	line-height: 24px;
}
.textfeld_re a, .textfeld_re_gb a, .textfeld_text a{
	text-decoration:none;
	color:#0f1b5f;
}
.textfeld_re a:hover, .textfeld_re_gb a:hover, .textfeld_text a:hover{
	color:#7767a7;
	text-decoration:none;
}
.textfeld_re a:active, .textfeld_re_gb a:active, .textfeld_text a:active{
	color:#7767a7;
	text-decoration:none;
}
.textfeld_re_gb {
	background-image:url(img/schnoerkel.gif);
	background-repeat:no-repeat;
	background-position:120px 50px;
	width:230px;
	padding-left:40px;
	padding-top:180px;
	color:#0f1b5f;
	font-weight:bold;
	font-size:16px;
	line-height: 24px;
}

/* Textfeld Mitte */
.textfeld_mitte {
	background-image:url(img/textfeld_bilder_re.jpg);
	background-repeat:no-repeat;
	background-position:right top;
}
#index.textfeld_mitte {
	background-image:url(img/textfeld_bilder_re_index.jpg);
}

.textfeld_gaestebuch {
	background-image:url(img/feder.gif);
	background-repeat:no-repeat;
	background-position:right top;
}
.textfeld_gaestebuch_hg {
	background-image:url(img/textfeld_hg_oben.gif);
	background-repeat:no-repeat;
	background-position:right top;
	background-color:#fff9bf;
	border:0px;
	margin:0px;
	color:#0f1b5f;

}
.textfeld_gaestebuch_hg_u {
	background-image:url(img/textfeld_hg_unten.gif);
	background-repeat:no-repeat;
	background-position:left top;
	border:0px;
	margin:0px;
	height:53px;
}
.textfeld_ueberschrift {
	font-size:30px;
	font-weight:bold;
	padding-top:80px;
}
.textfeld_ueberschrift_1 {
	font-size:18px;
	font-weight:bold;
}
.textfeld_text {
	font-size:16px;
	font-weight:bold;
	padding-top:30px;
}

.presse {
	float:left; 
	margin-right:10px; 
	font-size: 12px;
}

/* Copyright */
.copyright {
	font-size:14px;
	color:#0f1b5f;
}
.copyright a{
	font-size:14px;
	color:#0f1b5f;
	text-decoration:none;
}
.counter {
	background-image:url(img/counter.gif);
	background-repeat:no-repeat;
	border:5px;
	border-color:#0f1b5f;
	text-align:center;
	margin-top:13px;
	width:250px;
	margin-left:365px;
	height: 25px;
	padding-top:4px;
}

/* Galerie */
#beispiel-3a {
 font-size: small;
 width: 75%;
 max-width: 52em;
 min-width: 25em;
}
#beispiel-3a h4 {
 font-size: 100%;
 text-align: center;
 padding: 0;
 margin: 0;
 color: #666;
}
#beispiel-3a h4:before, #beispiel-3a h4:after {
 font-size: 128%;
}
#beispiel-3a h4:before {
 content: '< ';
}
#beispiel-3a h4:after {
 content: ' >';
}
#beispiel-3a dl {
 position: relative;
 margin: 0;
 height: 3em;
}
#beispiel-3a dl:after  {
 content: '.';
  clear: both;
 display: block;
 visibility: hidden;
}
#beispiel-3a dd {margin-left: 0; padding-left: 0; list-style: none;}
#beispiel-3a dt { 
position: absolute;
width: 45%;
max-width: 22em;
padding-bottom: .1em;
border-bottom: 2px solid #ccc;
}
#beispiel-3a dd { 
position: absolute;
top: -1.25em;
width: 45%;
}
#beispiel-3a .links {left: 12em;}
#beispiel-3a .rechts {right: 12em; text-align: right;}