@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;}
#c_l .content_i p, #c_r .content_i p{ font-size:12px;}

#c_c h1 { font-size:18px; color:#000099;}
#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:190px;}
#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, #c_r .content_i { display:block; width:90%; margin-left:5px; z-index:1;}


.artikel_2 { z-index:500;}
/* Transparenz _______________________________________________________________________Erich */
.artikel, .artikel_2  {	
opacity: .75; /* standard: ff gt 1.5, opera, safari */
-ms-filter: “Alpha(Opacity=75)”; /* ie 8 */
filter: Alpha(Opacity=75); /* ie lt 7 */
-khtml-opacity: .75; /* safari 1.x */
-moz-opacity: .75; /* ff lt 1.5, netscape */
}

.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 */

.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;
}
#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;
padding-left:5px;
padding-top:10px;


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

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

div#form-module label {
display:block;
float:left;
width:120px;
color:#000000;
}
div#form-module form input {
float:right;
margin-left:10px;
width:300px;
background-color:#e1dfdf;
color:#000000;
border: 1px solid #CCCCCC;
}
div#form-module textarea {
float:right;
width:98%;
background-color:#e1dfdf;
border: 1px solid #CCCCCC;
color:#302618;
}
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;
	background-color: #FFFBF0;
}

.a63-form textarea {
  border: 1px solid #c5c0aa;
  margin: 0px 2px 1px 2px;
  width: 430px;
  padding:2px;
  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:#3366FF; color:#FFFFFF;}
.a63_eintrag_hed a{color:#FFFFFF; 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: #dddddd;/*  color: #dddddd; */ /* (fast) unsichtbar*/
}

.tabelle_zeilentrennung td{
border-bottom:solid 1px #3333CC;

}

/* Zufalls Bild
__________________________________________________________________________________________________________erich */

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

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 #574833; 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;
	padding:5px;
	margin:10px 0 10px 19px;
	border: 1px solid #0066FF;
	overflow:hidden;
}

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

/*  E Card 
_______________________________________________________________________________________________________________________________________ */
.ecard textarea,
.ecard input {background-color:#CCCCCC; border: 1px solid #0b31dc; color:#302618;}
.inputbox { width:480px; background-color:#CCCCCC; border: 1px solid #a5b5b3; color:#302618;}
.button { margin:10px; float:right; background-color:#CCCCCC; border: 1px solid #a5b5b3; color:#302618;}
.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 #a5b5b3; color:#302618;
  }
.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: #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;
	}
/* Google ________________________________________________________________________________________________________________*/

#map_canvas { width:480px; overflow:hidden;}