.rs_head {
 		font-size: 8px;
        font-family: verdana, arial, sans-serif;

}
body {
	margin:0px;
	padding:0px;
	background-color:#E9EAF4; 
	/*
	background: #E9EAF4 url(http://www.hoerex.de/fileadmin/images/hg_sterne.jpg) repeat-x;
	*/
	font-family:verdana, arial;	
	overflow:auto;
	text-align:center;
}
#kopfzeile {
	margin: 0px auto;
	width: 870px;
	height:10px;
	font-size:1px;
	line-height:0
}
#weisser-rahmen-um-header {
	margin: 0px auto;
	margin-top:5px;
	height:160px;
	width: 870px;
	text-align:left;
	background-color:#FFFFFF;
}
.scroll_content {
	position:relative;
	top:160px;
	width:870px;
	background:url("../images/hg_seite_2010.jpg") repeat-y; 
/*	background-color:#FFCCCC; */
	overflow:hidden;  /* muss gesetzt sein, da sonst die Höhe des DIVS 
	nicht von den Kind-divs beeinflusst wird. so passts, scroll_content
	nimmt die Höhe von den Kindern an. */
}
.submenu  {
	position:relative;
	float:left;
	margin-left:5px;
	width:150px;
}
.content {
	position:relative;
	float:left;
	left:8px;
/*	background-color: #CCCC99; */
	width:545px;
	line-height:1em;
}
.inner_content{
	padding:20px;
}
.rechts {
	position:relative;
	float:right;
	width:150px;
	margin-right:5px;
	margin-top:10px;
}
#fusszeile { /* folgt nach dem scroll_content - div. 
 	Problem: dem DIV fehlt zum scrollen die Höhe von .scroll-content: top ! 
	160px verschwinden wegen dem padding, 5px als weißer Rahmen sichtbar*/
	height:165px;
	margin: 0px auto;
	width: 870px;
	background-color:#FFFFFF;
}	


.hauptmenu {
	position:absolute;
	left:50%;
	margin-left:-430px;	
	top:145px;
	width:710px;
	padding-left:150px;
	height:25px;
	background-color:#E1E1ED; 
	background-color:#E2E2E2;      			    /** FARB-AENDERUNG ZU GRAU **/
}


.hauptmenu_a {
	display:table-cell;
	height:25px;
	vertical-align:middle;
	padding-left:15px;
	text-decoration:none;
	color:#000066;
	
}
* html .hauptmenu_a {
	position:relative;
	top:5px;
	display:table-cell;
	height:25px;
	vertical-align:middle;
	padding-left:15px;
	text-decoration:none;
	color:#000066;
}


.hauptmenu_act {
	display:table-cell;
	height:25px;
	vertical-align:middle;
	padding-left:15px;
	text-decoration:none;
	font-weight:bolder;
	color:#CC0000;
}
* html .hauptmenu_act {
	position:relative;
	top:5px;
	display:table-cell;
	height:25px;
	vertical-align:middle;
	padding-left:15px;
	text-decoration:none;
	font-weight:bolder;
	color:#CC0000;
}

.hauptmenu_a:hover {
	display:table-cell;
	height:25px;
	vertical-align:middle;
	padding-left:15px;
	text-decoration:none;
	color:#CC0000;
}
* html .hauptmenu_a:hover {
	position:relative;
	top:5px;
	display:table-cell;
	height:25px;
	vertical-align:middle;
	padding-left:15px;
	text-decoration:none;
	color:#CC0000;
}

.suche {
	position:absolute;
	display:table-cell;
	height:25px;
	vertical-align:middle;
	top:145px;
	left:50%;
	margin-left:290px;
}
* html .suche {
}
.suchfeld {
        font-size: 0.7em;
        font-family: verdana, arial, sans-serif;
}

.submenu_dunkel {
	padding-top:0px;
	padding-bottom:20px;
	background-color: #CCCEE1;
	background-color:#DDD;	    /** FARB-AENDERUNG ZU GRAU **/
}
.submenu_dunkel H1 {
	padding:15px 0 8px 0;
}
* html .submenu_dunkel H1 {
	margin: 15px 0 5px 0;
}
.submenu_a {
	display:block;
	background-image:url(/fileadmin/images/blau.gif);
	background-repeat:no-repeat;
	background-position: 15px 9px;
	padding-top:5px;
	padding-left:25px;
	padding-right:0px;
	text-decoration:none;
	color:#000066;
	width:127px;
}
* html .submenu_a{
	width:150px;
}
.submenu_a_act {
	display:block;
	background-image:url(/fileadmin/images/rot.gif);
	background-repeat:no-repeat;
	background-position: 15px 9px;
	padding-top:5px;
	padding-left:25px;
	text-decoration:none;
	font-weight:bolder;
	color:#000066;
	width:127px;
}

.submenu_a:hover {
	display:block;
	background-image:url(/fileadmin/images/blau.gif);
	background-repeat:no-repeat;
	background-position: 15px 9px;
	padding-top:5px;
	padding-left:25px;
	text-decoration:none;
	font-weight:bolder;
	color:#000066;
	width:127px;
}

* html .submenu_a_act{
	width:150px;
}

.submenu_b {
	display:block;
    background-image:url(/fileadmin/images/submenu.gif);
	background-repeat:no-repeat;
	background-position: 15px 7px;
	margin-top:5px;
	padding-left:25px;
	display:block;	
	text-decoration:none;
	color:#000066;
	width:122px;
}
* html .submenu_b{
	width:150px;
}

.submenu_b_act {
	display:block;
    background-image:url(/fileadmin/images/submenu.gif);
	background-repeat:no-repeat;
	background-position: 15px 7px;
	margin-top:5px;
	padding-left:25px;
	display:block;	
	text-decoration:none;
	font-weight:bolder;
	color:#000066;	
	width:122px;
}

.submenu_b:hover {
	display:block;
    background-image:url(/fileadmin/images/submenu.gif);
	background-repeat:no-repeat;
	background-position: 15px 7px;
	margin-top:5px;
	padding-left:25px;
	display:block;	
	text-decoration:none;
	font-weight:bolder;
	color:#000066;	
	width:122px;
}

* html .submenu_b_act{
	width:150px;
}

.meta {
	text-decoration:none;
	color:#A3ACB9;
	padding-left:15px;
}
.meta_act {
	text-decoration:none;
	font-weight:bold;
	color:#000066;
	padding-left:15px;
}
.metanavi_startseite {
	position:relative;
	top:40px;        			/*  Differenz zu top-Wertes von .links_startseite_hoerrex = Abstand  */
	}

.meta:hover {
	text-decoration:underline;
	font-weight:bold;
	color:#000066;
	padding-left:15px;
}

.float_left {
	float:left;
	padding: 0 8px 2px 0;
}
.rundschreiben li {
	list-style:url(../images/i_pfeil_gruen2.png);
	margin-left:-7px;
	padding-left:3px;
	line-height:1.7em;
	}
.logo {
	background-image:url(/fileadmin/images/hoerex-logo.gif);
	position:absolute;
	top:20px;
	left:50%;
	margin-left:-430px; /* Logo links */	
	margin-left:280px; /* Logo rechts */	
	height:120px;
	width:150px;
}

.bild,
.header_aktuelles,
.header_ueber-uns,
.header_hoeren,
.header_service{
	position:absolute;
	top:20px;
	left:50%;
	margin-left:-275px;	/* Bild rechts */
	margin-left:-430px;	/* Bild links */
	height:120px;
	width:705px;}

/* .bild ist default und kann in TYPO3 über die Seiteneigenschaften überschrieben werden .
	Da die Rubriken der Hauptnavi aber alle ein einheitliches Motiv haben, wird per Ext-Template
	eine CSS Klasse je Rubrik zugewiesen, hier gelten also folgende Fotos als default-Werte */

/* neues Motiv April 2010, HG ist aber doof: /fileadmin/images/header/header_family-liegend.jpg */

.bild {background-image:url(/fileadmin/images/header/header_default.jpg)}
.header_aktuelles {background-image:url(/fileadmin/images/header/header_aktuelles.jpg)}
.header_ueber-uns {background-image:url(/fileadmin/images/header/header_ueber-uns.jpg)}
.header_hoeren {background-image:url(/fileadmin/images/header/header_hoeren.jpg)}
.header_service {background-image:url(/fileadmin/images/header/header_service.jpg)}
/*
.header_vor-login {background-image:url(/fileadmin/images/header/header_login.jpg)}
.header_nach-login {background-image:url(/fileadmin/images/header_login.jpg)} */

.* html .links_startseite_hoerrex {
	left:1px;
}
.links_startseite_hoerrex {
	position:relative;
	width:150px;
	left:0px;
	top:35px;
	background-color:#F4F4F4;
	}
.links_startseite_hoerrex_header {
	background-color: #D4D4D4;
	text-align:left;
	font-size:0.7em;
	color:#000066;
	font-weight:bold;
	padding-top:3px;
	padding-bottom:2px;
	padding-left:10px;	
}
.links_startseite_hoerrex_content {
	border-style:solid;
	border-color:#CCC;
	border-width:1px;
	width:148px;
	overflow:hidden;		
	text-align:center;
}
.linksstart_left {
	text-align:left;
	line-height:1em;
	padding:0 4px 5px 10px;
	}

.plz_suche,
.info1,
.hoerstudie,
.comprix,
.login,
.latest_news,
.iga-link {
	margin-top:12px;
	border-style:solid;
	border-color:#AAA;
	border-width:1px;
	width:148px;
	overflow:hidden;			
}
.plz_suche-text {
	display:table-cell;
	padding-top:5px;
	font-size:0.7em;
	}
.hoerex-banner-mg {
	margin-top:30px;
	overflow:hidden;
}
.latest_news {
	margin-top:0px;
}
.iga-link {
	margin-top:20px;
	text-align:center;
	border-style:solid;
	border-color:#AAA;
	border-width:1px;
	width:148px;
	height:85px;
	}
.hoerstudie {
	text-align:center;
	height:75px;
	}
.comprix {
	text-align:center;
	height:101px;
	}
.iga-sehtest {
	margin-top:15px;
	text-align:center;
	border-style:solid;
	border-color:#AAA;
	border-width:1px;
	width:148px;
	height:110px;
	}
.platzhalter {
	font-size:6px;
	line-height:0.5em;
	}
.header_rechts,
.header_rechts_latest,
.header_rechts_aktuelles,
.header_rechts_iga {
	background-color:#777;		 /** FARB-AENDERUNG ZU GRAU **/
	font-size:0.7em;
	color:#FFF;
	font-weight:bold;
	padding-top:2px;
	padding-bottom:2px;
	padding-left:2px;
	text-align:left;
}
.header_rechts {
	background-color: #D4D4D4;	    /** FARB-AENDERUNG ZU GRAU **/
	color:#000066;
}
.header_rechts_iga {
	text-align:left;
	background-color: #D4D4D4;
	color:#028687;
}
.rechts form {
	margin-top:4px;
	margin-bottom:6px;
}
.cal_minimonth_header { /* Termine im ###MONAT### */
	text-align:left;
	background-color: #CCCEE1;
	color:#000066;
	font-weight:bold;
	padding-top:2px;
	padding-bottom:2px;
	padding-left:2px;	
}
legend {
	font-size:12px
	}
p {
	font-size: 0.7em;
	font-family: verdana, arial, sans-serif;
	color: #000000;
	background-color: transparent;
}
td {
	font-size: 0.7em;
	color: #000000;
	background-color: transparent;
	font-family: verdana, arial, sans-serif;
}
a {
    font-size: 0.7em;
	font-family: verdana, arial, sans-serif;
    color:#000066;
}
h1 {
    font-size: 0.8em;
	font-family: verdana, arial, sans-serif;
	color:#CC0000;
}
h2 {
    font-size: 0.8em;
	font-family: verdana, arial, sans-serif;
	color:#000066;
}
h3 {
    font-size: 0.8em;
	font-family: verdana, arial, sans-serif;
	color:#006;
}
h4 {
	font-size: 0.8em;
	font-family: verdana, arial, sans-serif;
	color:#C00;
}
h5 {
	font-size: 0.8em;
	font-family: verdana, arial, sans-serif;
	color:#C36509;
	font-weight:normal;
	margin:0;
}
caption {      font-size: 0.7em;
               font-family: verdana, arial, sans-serif;
}
label{ 
	   display:table-cell;
	   float:left;	   
	   font-size: 0.7em;	
	   font-family: verdana, arial, sans-serif;
	   width:150px;  /* wofür? stört momentan die feuserreg. */
}
.tx-srfeuserregister-pi1 label{ /* ^ egal, hier neu */
	float:none;
	display:inline;
	width:120px;
	}
.tx-srfeuserregister-pi1 label.gender{ /* ^ egal, hier neu */
	width:auto;
	}

	
p a {
        color:#000066;
        text-decoration:underline;
        font-size: 1.0em;
        font-family: verdana, arial, sans-serif;
    }
p a:hover {       
		color:#000066;
        text-decoration:underline;
        font-size: 1.0em;
        font-family: verdana, arial, sans-serif;
		font-weight:bolder;
	}
.csc-uploads-fileName {
        font-size: 0.7em;
        font-family: verdana, arial, sans-serif;
}
td p {
        font-size: 1.0em;
        font-family: verdana, arial, sans-serif;
}
td a {
        font-size: 1.0em;
        font-family: verdana, arial, sans-serif;
}
.csc-bulletlist csc-bulletlist-0 {
        font-size: 0.7em;
        font-family: verdana, arial, sans-serif;
}
ol li {
        font-size: 11px;
		line-height:1.3em;
        font-family: verdana, arial, sans-serif;
}
ol {
	margin-top:1px;
}	
ol li {
	margin-left:-20px;
	padding-left:-20px;
}	
ul li {
        font-size: 0.7em;
		line-height:1.3em;
        font-family: verdana, arial, sans-serif;
}
.tx-newloginbox-pi1 h3 {      
	font-size: 0.8em;
	font-family: verdana, arial, sans-serif;
	color:#CC0000;
}
li a {
        text-decoration:underline;
        font-size: 1.0em;
        font-family: verdana, arial, sans-serif;
}
ul {
	margin-top:0px;
}	
ul.second {
	margin-top:3px;
	margin-bottom:5px;
}
ul.second li {
    font-size: 11px;
}	
li {  /* betrifft Content-Elemente, nicht die Navi */
	margin-top:2px;
}
ul li {
	margin-left:-24px;
	padding-left:-24px;
}	
#ie_startseite hr {
	margin:-10px;
	}
.contenttable {
	width:100%;
/*	background-color:#EAF0D4; */
	vertical-align:middle;
	border:#CCCCE1 1px solid;
}
.pdf-link {
	padding-left:23px;
	background-image:url(../images/i_pdf.gif);
	background-repeat:no-repeat;
}
.bordeaux {
	color:#990000;
	}
.presse-echo-h {
	font-size:11px;
	color:#000066;
	font-weight:bold;
	}
.td-0 {
	padding:3px;
	background-color:#DFDFEF;
}
.td-1, .td-2, .td-last {
	padding:3px;
	background-color:#EAF0D4;
}
.tx-srfeuserregister-pi1-submit {
	width:150px;	
}
.tx-srfeuserregister-pi1 table tr td p {
	font-size: 0.9em;
	font-family: verdana, arial, sans-serif;
	color: #000000;
	background-color: transparent;
}
.tx-srfeuserregister-pi1 table tr td p input {
	font-size: 0.9em;
	font-family: verdana, arial, sans-serif;
	font-weight: normal;	
	color: #000000;
	background-color: transparent;
}
.tx-rshoerrexdatenbank-pi1 h4 {      font-size: 0.8em;
	font-family: verdana, arial, sans-serif;
	color:#CC0000;
}
.csc-header-date {
	color:#A4A3A3;font-family:arial;font-size: 0.7em;text-decoration: none;
}
.csc-header csc-header-n1,
.csc-header csc-header-n2,
.csc-header csc-header-n3 {
	color:#A4A3A3;font-family:arial;font-size: 0.7em;text-decoration: none;
	padding:0; 
	margin:0;
}
.csc-textpic-caption {
	font-size:0.7em;
	line-height:1.3em;
	padding:0 5 0 5;
	color:#FFF;
	background-color:#555;
}


/*############  CSS FÜR EXTENSIONS  ##############*/

.cal_minimonth td {
	font-size:0.9em;
}
.cal_minimonth_weekday {
	line-height:2em;
	color:#C93;
}
.cal minimonth monthsmallbasic monthoff { /* Mini-Kalender, alter Monat */
	color:#F44;
	background:#00FF33;
	}
.monthsmallbasic td tr { /* Mini-Kalender, aktueller Monat */	
	color:#666;
	}
.monthsmallbasic monthselected monthon { /* aktueller Monat, Tag mit Ereignis */
	border:#CC9933 1px solid;
	}
.monthsmallbasic a {
	text-decoration:none;
	color:#A00;
	font-weight:bold;
	}


.cal_list_h2 a {
	line-height:2em;
	font-size:1.5em;
	font-family: verdana, arial, sans-serif;
	color:#A00;
	font-weight:bolder;
	text-decoration:none;
	}
.cal_list_h2 a:hover {
	line-height:2em;
	font-size:1.5em;
	font-family: verdana, arial, sans-serif;
	color:#0A0;
	font-weight:bolder;
	text-decoration:none;
	}	
.cal_list_date {
	font-weight:bolder;
	padding:5px 0;
	}
.cal_list_category {
	}
.hoerrex_header,
.allgemein_header { /*Zeitangabe eines Ereignis in day-Ansicht */
	color:#006;
	}
.padd a { /* Überschrift als Link bei Ereignissen in der Tagesansicht */
	}
.eventbg2 hoerrex_body { /* HG des Ereignisses in der Tgesansicht */
	}
.eventfont {
	background-color:#FFE;
	line-height: 2em;
	padding-left:10px;
	}
.tx-cal-controller p {
	border:#666666;
	}
	

