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

.clear { clear: both; }

#content_center, #content_left, #content_rigt {color:#efce62;}
#content_center a, #content_left a, #content_rigt a{color:#fdf991;}
#content_center a:hover { color:#00FF00;}
.sitemap { font-size:12px;}
.artikelgoogle { color:#CC0000;}

/* Artikel vorwärz zurück blettern
__________________________________________________________________________________________________________erich */

.rightbutton {position:relative; display:block; float:right;}

.leftbutton {position:relative; display:block; float:left; }

.leftmittebutton {position:relative; display:block; float:left; margin-left:160px;}

/* Artikel linkuebersicht
__________________________________________________________________________________________________________erich */


.linkuebersicht {position:relative; display:block; float:left; width:250px; }

/* Artikel
__________________________________________________________________________________________________________erich */

.artikelswf { position:relative; display:block; float:left; margin:0 10px 10px 0;}

div.artikel  li {
	display:list-item;
	position:relative;
	margin-left:30px;
	margin-bottom:10px;
	list-style-position: outside;
	list-style-type: disc;
}
 
div.artikelfilm { display:block; position:relative; float:left; margin: 0 10px; 10px 0; }

#content_center div.artikel {position:relative; display:block; float:right; width:590px; margin-bottom:15px; background-color:#8c0002; border: 1px solid #d20010; }
#content_rigt div.artikel, #content_left div.artikel {
position:relative; display:block; float:right; width:168px; margin:15px 0 10px 0; background-color:#000000; border: 1px solid #efce62; }

#content_center .ueberschrift{ width:590px;}
#content_rigt .ueberschrift, #content_left .ueberschrift {width:168px; font-size:12px;}


.ueberschrift{ position:relative; display:block; float:right; text-align:center; min-height:30px; margin-bottom:5px; background-image: url(img/hgtrenn.png);
background-repeat: no-repeat; background-position:bottom; }

#content_center .artikelcontent { position:relative; display:block; float:right; width:580px; margin:5px; }
#content_rigt .artikelcontent, #content_left .artikelcontent { position:relative; display:block; float:right; width:160px; margin:4px; font-size:10px; }

#content_center .artikelcontent img { position:relative; display:block; float:left; padding:5px; margin: 0 10px 10px 0; border: 1px solid #efce62; }

div.artikel .magazin {border: 1px solid #efce62; 
position:relative;
display:block;
float:left;
width:250px;
margin:0 10px 10px 0;

}
/* Artikel 2 Spalter
__________________________________________________________________________________________________________erich */
.linkespalte {
	width: 255px;
	float: left;
	padding-right:25px;
	padding-left:10px;
	border-right: 1px solid #efce62;
}

.rechtespalte {
	width: 255px;
	padding-left:25px;
	float: left;
}

/* Umfrage seite (L/R)
__________________________________________________________________________________________________________erich */

.artikelumfrage { 
position:relative;
display:block;
width:168px;
padding:5px 0 5px 0;
overflow:hidden;
border: 1px solid #efce62;
font-size:12px;
color:#efce62;
}
.rexpoll { width:155px; margin-left:5px; overflow:hidden;}
.artikelumfrage a {font-size:11px;}
.rexpoll a:hover { color:#00FF00;}
.artikelumfrage input { margin-left:10px;}

.artikelumfrage h2 { margin-left:10px;}


/* Zufalls Bild
__________________________________________________________________________________________________________erich */

div.zufall_pic {display:block; position:relative; float:right; width:168px; border: 1px solid #efce62; }

div.zufall_pic img { width:160px; margin:4px;}


/* Gästebuch
__________________________________________________________________________________________________________erich */

/* Gästebuch Formular */
.a63-form {
	display:block;
	position:relative;
	margin-left:20px;
	margin-right:auto;
	margin-top:20px;
  width: 580px;
  clear:both;
}

.a63-form p{
	display:block;
	position:relative;
  clear:both;
}

/* Eingabefelder */
.a63-form input {
	display:block;
	position:relative;
	float:right;
	border: 1px solid #d20010;
	margin: 5px 2px 1px 2px;
	padding:2px;
	width: 370px;
	color:#fdf991;
	background-color: #730106;
}
/* Beschriftungen der Eingabefelder */
.a63-form label {
	display:block;
	position:relative;
	float:left;
	margin: 5px 2px 1px 2px;
	padding:2px;
	width: 180px;
}


.a63-form textarea {
	display:block;
	position:relative;
	float:right;
  border: 1px solid #d20010;
  margin: 5px 2px 1px 2px;
  width: 570px;
  padding:2px;
  background-color: #730106;
  color:#fdf991;
  }

.a63-form input:focus, .a63-form textarea:focus {
	background-color: #730106;
	color:#fdf991;
}

/* Text-Eingabefeld*/
.a63-form textarea {
  height: 100px;
}

/* Buttons */
.a63-form .a63-fsubmit {
	  width: 100px;
	  margin: 5px 2px 5px 5px;
	background-image: url(hg2.jpg);}

/* Buttons-Layer*/
.a63-form .a63-buttons {
  padding-left: 105px;
}

/* Zusatztext-Layer*/
.a63-form .a63-info {
display:block;
	position:relative;
	float:left;
  text-align:left;
  font-size:9px;
  padding: 5px;
}

/* Fehlermeldungs-Layer*/
.a63-form div.error {
  font-weight: bold;
  padding:5px;
}




/* Einträge-Layer */
#a63_eintrag {
width:580px;

}

#a63_eintrag a {
	font-weight: bold;
	font-size:12px;
	text-align:left;
}

.a63_eintrag_hed {
	background-color: #8c0008;
	height:25px;
	text-align:left;
	line-height:25px;

}
.a63_eintrag_hed td{
	border: 1px solid #8c0008;
	text-align:left;
}
.a63_eintrag_txt {
	text-align:left;

}
.a63_eintrag_txt td{
	border-bottom: 1px solid #d20010;
	border-right: 1px solid #d20010;
	border-left: 1px solid #d20010;
	padding:10px;
	text-align:left;
	background-color:#b40008;
}
.a63_eintrag_antwort {
text-align:left;

}
.a63_eintrag_antwort td{
	padding:10px;
	border-bottom: 1px solid #d20010;
	border-right: 1px solid #d20010;
	border-left: 1px solid #d20010;
	
}
.a63-entries { 
	display:block;
	position:relative;
	margin-left:20px;
	margin-right:auto;
	margin-top:10px;
  	width: 580px;
  	clear:both;
  }

.a63-entries .a63-entry {
  padding-bottom: 10px;
  border-bottom: 1px dotted #d20010;
  }

.a63-entries p {
  margin: 0px;
  padding: 0px;
}

/* Pagination-Layer */
.a63-entries .a63-pagination {
  text-align: right;
}
div.a63-pagination_div { display:block; position:relative; float:left;  width: 580px; clear:both; height:20px; margin-bottom:15px;}
.a63-pagination li { display:block; position:relative; float:left; list-style-type: none; border: 1px dotted #d20010; margin-left:4px;}


/* Pagination-Links */
.a63-entries .a63-pagination a {
  padding-left: 2px;
  padding-right: 2px;
  font-size:12px;
}

/* hervorheben des Aktuelle-Seite-Links */
.a63-pagination_aktuell a {
  font-weight: bold;
  text-decoration:underline;
  background-color:#CC3300;
}


div.a63-entries ul li {
  list-style-type: none;
  display: inline;
}

/*
  Allgemeine Formatierungen
*/

/* Beschriftungen */
.a63-entries .a63-label {
  float: left;
  width: 70px;
}

/* Werte */
.a63-entries .a63-value {
  padding-left: 70px;
}

/* Mozilla */
li.a63-pagination {
  list-style-type: none;
}

/* Beispiel-CSS für magazin_Layout
____________________________________________________________________________________________________________________________________________*/
	.magazine-layout {
		position: relative;
		width: 100%;
	}
	.magazine-container {

	}

	/* magazin_Layout mit verlinkten Einzelbildern */
	.magazine-image a, .magazine-image a:link, .magazine-image a:visited {
		color: #000;
		display: table;
		display: inline-block;
		filter: alpha(opacity=80);
		line-height: 0.0em;
		opacity: 0.80;
		-moz-opacity: 0.80;
	}
	.magazine-image a:focus, .magazine-image a:hover, .magazine-image a:active {
		color: #000;
		filter: alpha(opacity=100);
		opacity: 1.00;
		-moz-opacity: 1.00;
	}

	/* komplett verlinktes magazin_Layout */
	a.magazine-link, a:link.magazine-link, a:visited.magazine-link {
		cursor: pointer;
		display: table;
		display: inline-block;
		filter: alpha(opacity=80);
		line-height: 0.0em;
		opacity: 0.80;
		-moz-opacity: 0.80;
	}
	a:focus.magazine-link, a:hover.magazine-link, a:active.magazine-link {
		cursor: pointer;
		filter: alpha(opacity=100);
		opacity: 1.00;
		-moz-opacity: 1.00;
	}
	
/* Kontakt Formular 
__________________________________________________________________________________________________________________________*/

div#form-module {
position:relative;
display:block;
width:500px;
font-size:12px;
margin-top:10px;
margin-bottom:10px;
margin-left:auto;
margin-right:auto;
}


div#form-module .element {
width:450px;
padding-left:10px;
padding-top:10px;


}
div#form-module .select {
display:block;
float:left;
width:148px;
}

div#form-module legend {
}
div#form-module label {
display:block;
float:left;
width:120px;
color:#f1d97b;
}
div#form-module form input {
float:right;
margin-left:10px;
width:300px;
background-color:#b40008;
color:#f1d97b;
border: 1px solid #d20010;
}
div#form-module textarea {
float:right;
width:98%;
background-color:#b40008;
border: 1px solid #d20010;
color:#f1d97b;
}
div#form-module .submit { margin-top:20px;}


/* Einzebild mit CSS-MouseOver
_______________________________________________________________________________________________________________________________________*/
div.mouseover {position:relative; display:block; float:right; width:590px; margin:25px 0 15px 0; background-color:#8c0002; border: 1px solid #d20010; z-index:25; }
.mouseover img { background-color:#b40008;}
.mouseover a {text-decoration: none}
.mouseover a:hover {color: #FFCC66; background-color:#8c0002;}
.mouseover a:hover span {display: block; position: absolute; top:-310px; left:-150px; z-index:1000; }
.mouseover a span {display: none; z-index:145;}
.mouseover img {border: 1px solid #fbfa96; padding: 3px}
.mouseoverimg {display: block; position:relative; float:left; margin:4px;}

/*  E Card 
_______________________________________________________________________________________________________________________________________ */
.ecard textarea,
.ecard input {background-color:#b40008; border: 1px solid #d20010; color:#f1d97b;}
.inputbox { width:570px; background-color:#b40008; border: 1px solid #d20010; color:#f1d97b;}
.button { margin:10px; float:right; background-color:#b40008; border: 1px solid #d20010; color:#f1d97b;}
.ecardkarte { width:565px;}
.ecardthumb {
    width: 95px;
    height: 95px;
    padding: 3px;
    margin: 5px;
    text-align: center;
    vertical-align: middle;
    float: left;
  }
  
/*     Teaser  Bildergalerie 
___________________________________________________________________________________________________________________________________ */

div.newsarticle {
display:block;
position:relative;
float:left;
width:120px;
padding:5px;
margin:10px 0 10px 10px;
border: 1px solid #d20010;
overflow:hidden;
}

div.newsarticle a{ font-size:12px;}

div.newsarticleimage {
display:block;
position:relative;
width:115px;
margin: 0 auto;
}
div.newsarticleimage img { width:100px;}

/* Externen Link  Linkliste
__________________________________________________________________________________________________________erich */

p.extlink_preface {
  margin: 0;
  padding: 0 0 0.5em 0;
}
p.extlink_block {
float:left;

}

a.extlink_link {
  text-decoration: underline;
  float:right;
}