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

#c_l h1, #c_r h1 { font-size:14px;}
#c_l .ueberschrift, #c_r .ueberschrift { background-image: url(img/uek.gif); background-repeat:no-repeat; background-position:bottom; margin-bottom:10px;}

#c_c h1 { font-size:20px;}
#c_c .ueberschrift { background-image: url(img/ueg.gif); background-repeat:no-repeat; background-position:bottom;}

#c_c .artikel, #c_c arttop, #c_c .artbottom, #c_c .content { width:500px;}
/* #c_c .arttop { background-image: url(img/mh.gif); background-repeat: no-repeat;} 
#c_c .artbottom { background-image: url(img/mb.gif); background-repeat: no-repeat;} */
#c_c .content { /*  background-image: url(img/mc.gif); background-repeat: repeat-y; */ padding-top:10px;}

#c_l .artikel, #c_r .artikel, #c_l .arttop.arttop, #c_r .arttop, #c_l .artbottom, #c_r .artbottom, #c_l .content, #c_r .content { width:170px;}
/* #c_l .arttop, #c_r .arttop { background-image: url(img/sh.gif); background-repeat: no-repeat;}
#c_l .artbottom, #c_r .artbottom { background-image: url(img/sb.gif); background-repeat: no-repeat;}
#c_l .content, #c_r .content { background-image: url(img/sc.gif); background-repeat: repeat-y;} */


#c_c .content_i { display:block; width:95%; margin-left:5px; z-index:20;}
#c_l .content_i { display:block; width:170px;; margin-left:5px; z-index:1;}

#c_r .content_i  { display:block; width:170px;; margin-left:5px; z-index:1; }


.artikel_2 { z-index:500;}
/* .artikel {	filter:alpha(opacity=75);	-moz-opacity: 0.75;	opacity: 0.75;} */
.artikel .bild {display:block; position:relative; float:left; margin:0 5px 5px 0;}
.artikel {display:block; position:relative; float:left; margin:0 auto 5px auto;}
.arttop {display:block; position:relative; min-height:17px;}
.content {display:block; position:relative;float:left; padding-left:5px;}
.ueberschrift {display:block; position:relative; padding:5px; text-align:center;}
.artbottom {display:block; position:relative;float:left; height:17px;}

/* Flash Uhr in wetter24 _______________________________________________________________________Erich */

#wetclok { z-index:1; background-color:#FFFFFF;}
/* content Listen ____________________________________________Erich */

#c_c .artikel ul li {
	display:list-item;
	position:relative;
	font-size:12px;
	margin-left:20px;
	margin-bottom:10px;
	list-style-position: outside;
	list-style-type: square;
}

#c_r .artikel ul li {
	display:list-item;
	position:relative;
	font-size:12px;
	margin-left:1px;
	margin-bottom:5px;
	list-style-position: outside;
	list-style-type: square;
}

#content_center li{ padding-left:5px; line-height:15px; }



/* Kontakt Formular 
__________________________________________________________________________________________________________________________

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


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


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

div#form-module legend {
}
div#form-module fieldset { border:none;}

div#form-module label {
display:block;
float:left;
width:180px;
color:#FFFFFF;
}
div#form-module form input {
float:right;
margin-left:10px;
width:250px;
background-color:#e1dfdf;
color:#000000;
border: 1px solid #6bbae5;
}
div#form-module textarea {
float:right;
width:98%;
background-color:#e1dfdf;
border: 1px solid #6bbae5;
color:#000000;
}
div#form-module .submit { margin-top:20px;}



/* Kontakt Formular ____________________________________________Ende */


/*
 Guestbook Addon Formular Styles */

/* Formular */
.a63-form {
	display:block;
	position:relative;
	margin-left:auto;
	margin-right:auto;
  width: 460px;
}
.a63-form fieldset { border:none;}
.a63-form legend { display:none;}

/* Eingabefelder */
.a63-form input {
	border: 1px solid #c5c0aa;
	margin: 1px 2px 1px 2px;
	padding:2px;
	width: 325px;
	color:#000066;
	background-color: #FFFBF0;
}

.a63-form textarea {
  border: 1px solid #c5c0aa;
  margin: 0px 2px 1px 2px;
  width: 430px;
  padding:2px; color:#000066;
  background-color: #FFFBF0;
  }

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

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

/* Beschriftungen der Eingabefelder */
.a63-form label {
  width: 100px;
  float: left;
  padding:2px 0px 6px 5px;
}


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

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

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

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



/*
  Listen Styles
*/
/* Tabelle auflistung der Einteäge ----------------------*/
div.a63-entries { display:block; position:relative; width:460px; margin-left:auto; margin-right:auto;}

#a63_eintrag {width:460px;}
.a63_eintrag_hed { background-color:#044162; color:#000000;}
.a63_eintrag_hed a{color:#0000FF; text-decoration:none;}

/* Einträge-Layer */
.a63-entries .a63-entry {
  padding-bottom: 10px;
  border-bottom: 1px dotted #FFFBF0;
}

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

/* Pagination-Layer */
.a63-entries #a63-pagination {
  text-align:left;
}

/* Pagination-Links */
.a63-entries #a63-pagination a {
  padding-left: 2px;
  padding-right: 2px;
  text-decoration:none;
  font-size:12px;
}
.a63-entries a {
  padding-left: 2px;
  padding-right: 2px;
  text-decoration:none;
  font-size:12px;
}
/* hervorheben des Aktuelle-Seite-Links */
.a63-pagination_aktuell a {
  font-weight: bold;
  text-decoration:underline;
}


.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;
}
ul#a63-pagination {
  list-style-type: none; height:20px;
}

/* Ausgabe der Dateiversion
  möglichst unauffällig und klein */
.Modulversion {
	font-size: 0.5em;
	color: #FFFFFF;/*  color: #dddddd; */ /* (fast) unsichtbar*/
}

.tabelle_zeilentrennung td{
border-bottom:solid 1px #6bbae5;

}

/* Zufalls Bild
__________________________________________________________________________________________________________erich */

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

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

/* Einzebild mit CSS-MouseOver
_______________________________________________________________________________________________________________________________________*/
div.mouseover {position:relative; display:block; float:right; width:480px; margin:25px 0 15px 0; border: z-index:25; }
.mouseover img { background-color:#a5b5b3;}
.mouseover a {text-decoration: none}
.mouseover a:hover {color: #574833; background-color:#574833;}
.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 #6bbae5; padding: 3px}
.mouseoverimg {display: block; position:relative; float:left; margin:4px;}


/*     Teaser  Bildergalerie 
___________________________________________________________________________________________________________________________________ */

/* 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;}

/*     Teaser  Bildergalerie 
___________________________________________________________________________________________________________________________________ */

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

div.newsarticle a{ font-size:12px;}
div.newsarticletext { font-size:12px; height:35px;}
div.newsarticleimage {
display:block;
position:relative;
width:115px;
padding-bottom:5px;
}
div.newsarticleimage img { width:110px; height:82px; border:solid 1px #6bbae5;}

/*  E Card 
_______________________________________________________________________________________________________________________________________ */
.ecard textarea,
.ecard input {background-color:#CCCCCC; border: 1px solid #6bbae5; color:#000000;}
.inputbox { width:480px; background-color:#CCCCCC; border: 1px solid #6bbae5; color:#000000;}
.button { margin:10px; float:right; background-color:#CCCCCC; border: 1px solid #6bbae5; color:#000000;}
.ecardkarte { width:480px;}
.ecardthumb { display:block; position:relative; float:left;
    width: 90px;
    height: 95px;
    padding: 3px;
    margin: 10px;
    text-align: center;
    vertical-align: middle;
    float: left;
	border: 1px solid #6bbae5; color:#000000;
  }
.clear {
clear: both;
}  

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

	/* magazin_Layout mit verlinkten Einzelbildern */
	.magazine-image a, .magazine-image a:link, .magazine-image a:visited {
		color: #FFFFFF;
		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: #FFFFFF;
		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;
	}



/* Formgenerator Formular ____________________________________________Ende */

/* info der nicht ausgefüllten Pflichtfelder ________________*/

div.formgen { display:block; position:relative; float:left; width:470px; margin: 20px 0 0 5px; color:#444444; overflow:hidden;}

div#form-module-thanks { display:block; margin:35px 0 0 50px; color:#444444; }

div.formheadline {display:block; position:relative; float:left;  color:#FFFFFF; width:100%; border-top:solid 1px #CCCCCC; margin: 10px 0 5px 0;}

 div.forminfo 
{
	width: 470px;
	margin-bottom: 10px;
	padding-top: 3px;
	padding-bottom: 3px;
	padding-right: 2px;
	padding-left: 5px;
	color:#FFFFFF;
	font-size:10px;
}
div.formgen input { border:solid 1px #CCCCCC; background-color:#dddddd; color:#000066;}

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

div.formlinhalb, div.formlinhalbk { display:block; position:relative; float:left; width:235px; margin-bottom:3px;  }

div.formlin { display:block; position:relative; float:left; width:470px; margin-bottom:3px; clear:both;  }

div.formlin2, div.formlin3 { display:block; position:relative; float:left; width:470px; margin-bottom:3px; clear:both;  }

div.formlin3 .formtext { display:block; float:left; width:80px;}

div.formlin2 .formtext { display:block; float:left; width:20px;}

div.formgen label { display:block; float:left; width:110px; }

div.formlinhalb .formtext { display:block; float:left; width:115px;}

div.formlinhalbk .formtext { display:block; float:left; width:65px;}

div.formlin .formtext { display:block; float:left; width:350px;}

div.formlinl { display:block; position:relative; float:left; width:470px; margin-bottom:3px; clear:both;  }

div.formlinl .formtext { display:block; float:left; width:350px; }

div.formlinl .formselect  { display:block; float:left; width:115px; }
div.formlinl label { display:block; float:left; width:345px; }

div.formlin .formtextfield { display:block; float:left; width:350px; height:100px; border:solid 1px #CCCCCC; background-color:#dddddd;  color:#000066;}

div.formblock { display:block; float:left; width:100%; height:100px;}

div.formblock .formsubmit { display:block; float:right; width:115px; border:solid 1px #CCCCCC; color:#000066; margin-right:8px; background-color:#dddddd;}