* {
margin: 0; 
padding: 0;
}
html {
	background-color: #e7e7e7;
}


body { display:block; width:990px; margin: 10px auto;  font-family: Arial, Verdana, Helvetica, sans-serif;

}
a {
	text-decoration: none;
}
a:hover {
text-decoration: underline;
}
a img {
border: 0 none;
}
input, textarea, p, a, th, td, blockquote, li, label {
font-size: 12px;
}
li a, p a, td a, td p, td h2, td h3, td h4, td h5 {
font-size: 100%;
}


h1 { font-size:14px;
	line-height: 1.2em;
	font-weight: lighter;
	font-style:normal;
	font-weight:bold;
	color:#444444;
}
h2 {
font-size: 1em;
}
h3 {
font-size: 0.80em;
}

.artikelcontent { display:block; position:relative; border:solid 1px #8cd0dd; padding:10px; font-size:9px; }

/*________________________________________________________________________________________geo_*/

#headergeo { display:block; width:990px; position:relative;  z-index:1; background-image: url(img/hggeo.jpg);
	background-repeat:no-repeat; background-color:#fbfbfb;}

#hnavgeo { display:block; position:relative; float:left; width:174px; margin: 237px 0 0 0; z-index:5;}

#contentgeo { display:block; position:relative; float:right; width:790px; height:900px; margin-top:40px; z-index:4; background-image: url(img/deauch.png);
	background-repeat:no-repeat;}
#infogeo { display:block; position:absolute; width:170px; height:300px; margin:195px 0 0 620px;

}
div.geoblog .geobloginfo { display:none}
#infogeo .geolink { display:none}

.geotab { border:solid 1px #8cd0dd; width:100%}
.geotab a { display:block; position:relative; float:right;}
.geotabue { background-color:#89a338; text-align:center; color:#FFFFFF;}
/*________________________________________________________________________________________geo_*/

#header { display:block; width:990px; position:relative; height:228px; z-index:1; background-image: url(img/hg2.png);
	background-repeat:no-repeat;}
	
.hedpic {position:absolute;left:250px;top:18px; height:169px;width:509px; }
.hedtxt { width:98%; text-align:right;}	

#hnav { display:block; position:relative; float:left; width:174px; margin: 10px 0 0 0; z-index:5;}

#snav { display:block;  z-index:6;}

#content { display:block; position:relative; width:990px;  background-color:#fbfbfb; z-index:4;   }

#content_r { display:block; position:relative; width:790px; float:right; /* overflow-y:scroll; overflow-x:hidden; */ z-index:15;}
#content_rr { display:block; position:relative; width:166px; float:right; margin:10px 0 20px 0; z-index:12; }
#content_rl { display:block; position:relative; width:600px;  min-height:300px;  float:left; z-index:12; }

#hb_rechts { display:block; position:relative; width:180px; float:right; z-index:12; overflow:hidden; }

#sprachen { display:block; position:absolute; width:120px; margin:0 0 0 5px; z-index:12; }

#footer { display:block; position:relative; width:990px; min-height:15px; background-color:#8cd0dd; color:#000000; overflow:hidden; z-index:7; }
#footer a { text-decoration:none; color:#000000;}
#footer a:hover { font-weight:bold; color:#000000;}
#footer li { display:block; position:relative; position:relative; float:left; margin-left:10px;}
#footer ul {display:block; position:relative; float:left; margin:3px;}
.navlog { margin:3px; float:right; margin:3px 10px 3px 3px;}
.linkright { display:block; position:relative; float:right; padding:3px 10px 0 0;}

/* Überschrift allgemein _______________________________________________________________________________ */
div.ueber1 { display:block; position:relative; width:600px; float:left; text-align:left; margin:35px 0 0 0; padding-bottom:5px; border-bottom:solid 1px #b5c469; }


/* MP3 Player _______________________________________________________________________________ */
.mplink { display:block; position:relative; float:left; margin-right:10px; }
.mpborder {border:solid 1px #d0cece;}
.mpartikel { display:block; position:relative; padding:10px; }
#audioPlayer { display:block; position:relative; float:left; clear:both; width:600px;}

/* Blättern _______________________________________________________________________________ */

div.artikel_weiter {display:block; position:relative; float:left; width:550px; clear:both; padding-top: 15px; }

.leftbutton {display:block; position:relative; width:100px;  float:left; text-align:left;}

.leftmittebutton {display:block; position:relative;  width:330px;  float:left; text-align:center;}

.rightbutton {display:block; position:relative; width:100px; float:right; text-align:right;}


#content_rl div.artikel { display:block; position:relative; float:left; width:600px; margin:15px 0 0 0; color:#444444;  }
#content_rr div.artikel { display:block; position:relative; float:left; width:166px; margin:15px 0 0 0; color:#444444; overflow:hidden;  }

div.artikel h1 { display:block; position:relative; float:left; width:100%; padding:5px 0; border-bottom:solid 1px #b5c469;}

div.artikel a { color:#000099; text-decoration:none;}
div.artikel a:hover { font-weight:bold; color:#006600;}

div.artikel_l {display:block; position:relative; width:290px; float:left;}
div.artikel_r {display:block; position:relative; width:290px; float:right; }

/* LogIn Formular ____________________________________________Ende */

.partnerlogin { display:block; margin-top:40px; background-color:#C01818;}
.partnerlogin td { padding:5px;}
.partnerlogin label {color:#FFFFFF;padding:5px; }
.partnerlogin .submit { display:block; float:right; background-color:#C01818; border:solid 1px #FFFFFF; color:#FFFFFF; }
.partnerlogintxt { display:block; color:#FFFFFF; text-align:left; width:100px;}

/* Formgenerator Formular ____________________________________________Ende */

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

div.formgen { display:block; position:relative; float:left; width:560px; margin: 5px auto 0 auto; color:#444444; }

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

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

div.formlinhalb { display:block; float:left; width:270px; margin-bottom:3px; }

div.formlin { display:block; float:left; width:540px; margin-bottom:3px; }

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

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

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

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

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

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


/* download
*******************************************************************************/
#main-block .download-hdl p, 
#main-block .download-file p, 
#main-block .download-desc p { 
  width:97.3%; /* IE6 Hack */
	margin: 0;
}

#main-block .download-hdl p { 
	padding: 5px 7px;
	background-color: #393;
	font-weight: bold;
	color: #fff;
}

#main-block .download-file { 
	padding: 1.2em 7px;
	border-left: 2px solid #393;
	border-right: 2px solid #393;
}

#main-block .download-desc { 
	margin-bottom: 1.2em;
	padding: 1.2em 7px;
	background-color: #e5ffe5;
	border-left: 2px solid #393;
	border-right: 2px solid #393;
	border-bottom: 2px solid #393;
}

#main-block .download-without-desc { 
	margin-bottom: 1.2em;
	border-top: 2px solid #393;
}


/* Einzebild mit CSS-MouseOver
_______________________________________________________________________________________________________________________________________*/
div.mouseover {position:relative; display:block; float:right; width:100%; margin:0 0 0 10px; border: z-index:225; }
.mouseover img { background-color:#CCCCCC;}
.mouseover a {text-decoration: none}
.mouseover a:hover {color: #574833; }
.mouseover a:hover span {display: block; position: absolute; top:-200px; left:-450px; z-index:1000; }
.mouseover a span {display: none; z-index:345;}
.mouseover img {border: 1px solid #574833; padding: 3px}
.mouseoverimg {display: block; position:relative; float:left; margin:4px;}
/* Einzebild mit CSS-MouseOver
_______________________________________________________________________________________________________________________________________*/

#map { border:solid 1px #CCCCCC;}

div.mouseovergoo {position:relative; display:block; float:right; width:100px; margin:0 0 0 10px; border: z-index:225; }

#regform {position:relative; display:block; width:320px; margin:0 auto; background-color:#C01818; padding:10px; color:#FFFFFF;}
#regform .submit { display:block; float:right; background-color:#C01818; border:solid 1px #FFFFFF; color:#FFFFFF; }
#regform input {position:relative; display:block; width:200px; border:solid 1px #FFFFFFF; margin-bottom:3px;}

div.artikel li{
	display:list-item;
	position:relative;
	font-size:12px;
	margin-left:20px;
	margin-bottom:5px;
}
div.artikel ul {
	display:list-item;
	display:block;
	position:relative;
	margin-top:10px;
	list-style-type: square;
}


/* Acordeon Erich
________________________________________________________________________________________________________________________________________________*/
#accordion { position:relative; display:block; position:relative; float:left; width:100%; margin:20px 0 ;}

#accordion h1 {width:100%; height:18px; background-color:#8cd0dd; border-bottom:solid 4px #FFFFFF; text-indent:20px; overflow:hidden;}

#accordion h1 a{width:98%; height:18px; text-decoration:none; color:#FFFFFF; }

#accordion ol, #accordion ul { display:block; margin-left:20px; }

#accordion ol li {
	list-style-type:decimal-leading-zero;
	display:list-item;
	position:relative;
	font-size:12px;
	margin-left:20px;
	margin-bottom:5px;

}

#accordion ul li {
	
	display:list-item;
	position:relative;
	font-size:12px;
	margin-left:20px;
	margin-bottom:5px;
}

/* Acordeon Teaser
______________________________________________________________________________________________________________________________

#accordion {
	font-family: Verdana, sans-serif;
	background: silver repeat-y;
	position: relative;
	float: left;
	clear: both;
	display: block;
}

#accordion h3 {
	color: black;
	margin-top: 0;
	padding-top: 5px;
	padding-left: 10px;
	padding-bottom: 5px;
	margin-bottom: -1px;
	font-size: 13px;
	border-bottom: 1px solid #e5e5e5;
	background: gray repeat-y;
	border-top: 1px solid #e5e5e5;
	font-weight: normal;
	font-style: normal;
}

#accordion div.ui-accordion-content {
	text-align: left;
	padding-bottom: 10px;
	padding-top: 5px;
	padding: 5px;
}

#accordion div.ui-accordion-content img {
	margin-top: 10px;
	float: left;
	padding-bottom: 3px;
	clear: both;
}

p a.more {
	display: inline-block;
	float: right;
}
_________*/


/* Vom Image Fader benötigte styles */

.image_fade_wrapper {
	float: left;
	border: 1px solid #FFF;
	background-color: #C9D5D5;
}
/* image_fade 
 */
.image_fade {
	position: relative;
	float: left;
	width: 350px;
	height: 350px;
	border: none;
}
/* image_fade img
 */
.image_fade img {
	position: absolute;
	top: 0;
	left: 0;
	border: none;
	margin: 0;
	padding: 0;
}
.clear{
	clear: both;
}
/* ENDE - Vom Image Fader benötigte styles */

#rexgeo_locations li {
padding:0.1em 0.3em;
display:block;
cursor:pointer;
list-style:none;
}

#rexgeo_locations li span {
border-width:1px;
border-style:solid;
position:absolute;
display:block;
width:6px;
height:6px;
margin-left:-4px;
margin-top:-4px;
}

#rexgeo_locations li:hover {
background:#000;
color:#fff;
font-weight:900;
}

#rexgeo_locations li:hover span {
border:3px solid #a00 !important;
margin-left:-6px;
margin-top:-6px;
background-color:#fff !important;
z-index:10;
}
