#content{}

.box1er{
width:99%;
margin:0px 0px 7px 0px;
}

.box2er{
width:48%;
float:left;
margin: 0px 0px 7px 0px;
}

.spacer2er{
width:3%;
height:1px;
float:left;
}
.box3er{
width:31%;
float:left;
margin:0px 0px 7px 0px;
}

.spacer3er{
width:3%;
height:1px;
float:left;
}

.textheadline{
padding:0px 5px 0px 5px;
}

.textbox{
padding:2px 5px 1px 5px;
color:#000000;
font-size:11px;
font-weight:normal;
margin:0px;

}


.boxtop{
height:18px;
width:100%;
background:url('../img/frame/box_top.gif') top left no-repeat;
background-color:#990000;
float:left;
padding:0;
border-width:0px 1px 1px 0px; 
border-style:solid;
border-color:#333333;
vertical-align:text-bottom;
line-height:18px;
}



.boxcontent{
background:url('../img/frame/box_background.jpg') top left repeat-x;
background-color:#CCCCCC;
width:100%;
float:left;
border-right:1px solid #666666;
font-size: 11px;
}

.boxcontentsmall{
background-color:#cccccc;
width:100%;
float:left;
border-right:1px solid #666666;
font-size: 11px;
}

.boxbottom{
height:5px;
background-color:#CCCCCC;
border-right:1px solid #666666;
border-bottom:1px solid #666666;
padding:0px;
float:left;
width:100%;
}

.boxbottomleft{
background:url('../img/frame/box_bottom.jpg') top left no-repeat;
margin-top:-6px;
height:6px;
width:6px;
float:left;
}


.button{
height:15px;
width:100%;
background-color:#cccccc;
float:left;
padding:0;
border-right:3px solid #666666;
border-bottom:1px solid #666666; 
border-left:1px solid white;
border-top:1px solid white;
text-align:center;
vertical-align:bottom;
font-family:verdana;
font-weight:bold;
font-size:8pt;
color:#990000;
}

.buttonsmall{
height:13px;
width:100%;
background-color:#cccccc;
float:left;
padding:0;
border-right:3px solid #666666;
border-bottom:1px solid #666666; 
border-left:1px solid white;
border-top:1px solid white;
text-align:center;
vertical-align:bottom;
font-family:verdana;
font-weight:bold;
font-size:8pt;
color:#990000;
}


.xtrabigpic{
text-align:left;
/* ursprünglich center */
margin-left:5%;
margin-top:5px;
margin-bottom:3px;
height:312px;
/* ursprünglich 300 */
width:720px;
/* ursprünglich 680 */
border-right:1px solid #666666;
border-bottom:1px solid #666666;
}

.bigpic{
text-align:center;
margin-left:9%;
margin-top:5px;
margin-bottom:2px;
/* ursprünglich 3px */
height:200px;
width:300px;
border-right:1px solid #666666;
border-bottom:1px solid #666666;
}


.smallpic{
text-align:center;
margin-top:5px;
margin-bottom:0px;
/* ursprünglich 3px */
height:100px;
width:150px;
border-right:1px solid #666666;
border-bottom:1px solid #666666;
}

.smallpic90120{
text-align:center;
margin-top:5px;
margin-bottom:0px;
/* ursprünglich 3px */
height:90px;
width:120px;
border-right:1px solid #666666;
border-bottom:1px solid #666666;
}

.smallpic90150{
text-align:center;
margin-top:5px;
margin-bottom:0px;
/* ursprünglich 3px */
height:90px;
width:150px;
border-right:1px solid #666666;
border-bottom:1px solid #666666;
}

.smallpic90158{
text-align:center;
margin-top:5px;
margin-bottom:0px;
/* ursprünglich 3px */
height:90px;
width:158px;
border-right:1px solid #666666;
border-bottom:1px solid #666666;
}




.bookpic{
text-align:center;
margin-top:2px;		
/* ursprünglich 5px */
margin-bottom:0px;	
/* ursprünglich 3px */
margin-right:8px;	
/* neu eingefügt mit 8px, weil sonst bei der 
Zoom-Funktion das Bild ganz nach rechts rutscht */
height:100px;
width:72px;
border-right:1px solid #666666;
border-bottom:1px solid #666666;
}

.highpic{
text-align:center;
margin-top:2px;		
/* ursprünglich 5px */
margin-bottom:0px;	
/* ursprünglich 3px */
margin-right:8px;	
/* neu eingefügt mit 8px, weil sonst bei der 
Zoom-Funktion das Bild ganz nach rechts rutscht */
height:166px;
width:98px;
border-right:1px solid #666666;
border-bottom:1px solid #666666;
}



.smallogo{
margin: 3px 5px 2px 0px;
float:left;
}

.smallogolinks{
margin: 3px 5px 2px 10px;
float:left;
}

.partner a,
.partner{
float:left;
margin: 5px;
}
.mapsmall{
float:right;
margin: 6px 4px 2px 5px;	
/* ursprünglich 0px 0px 2px 5px; */
}

.map1small{
margin-top: 5px;
}

.map2small{
margin-top: 25px;
}

.cdsmall{
margin-left:2px;
}

.laufaktuell{
float:left;
margin-right:10px;
border-right:1px solid #666666;
border-bottom:1px solid #666666;
}

.tableaktuell{
margin:0px 0px 0px 2px;
width:98%;
}

.hoerprobe{
height: 296px;
margin: 0px 0px 2px 2px; 
}

.hidden,
.hoehr{
visibility:hidden;
}
/*Rechtschreibfehler hoehr sollte geändert werden in hoer, dann wirds transparent*/
/*nur was das bewirken soll, ist mir nicht klar*/
/*am Beispiel hoer-kinderuni wird zZt deutlich, wie es ohne diese Einstellung aussieht*/

table{
font-size:11px;
color:#000000
}
/*Blocksatz*/

.justify{
text-align:justify;
}
.service{
line-height:14px;
}


.links{
line-height:15px;
margin:08px 15px 0 10px;	/* vormals 10 20 0 10 */
float:left;
}


.imprint{
line-height:15px;
}
.contact{
line-height:17px;
}
.service tr{
height:32px;
}

.smallest{
width:30px;
font-weight:bold;
}

.small{
width:50px;
font-weight:bold;
margin:0px;}

.smallcenter{
width:50px;
text-align:center;
}

.middle{
width:120px;
font-weight:bold;
}

.long{
width:200px;
}

.longer{
width:280px;
}

form{
margin:0px;
}

.contactform{
line-height:20px;
margin-top:0px;
}

.contactform b{
color:#990000;
}

.contactform td{
text-align:top;
}

.input{
border: solid 1px #333333;
background-color:#cccccc;
width: 200px;
height: 18px;
font-size:10px;
}

.inputlong{
border: solid 1px #333333;
background-color:#cccccc;
width: 560px;
height: 72px;
font-family: verdana;
font-size:10px;
} 

.input98{
border: solid 1px #333333;
background-color:#cccccc;
width: 98px;
height: 18px;
font-family: verdana;
font-weight:normal;
font-size:10px;
}


.input148{
border: solid 1px #333333;
background-color:#cccccc;
width: 148px;
height: 18px;
font-family: verdana;
font-weight:normal;
font-size:10px;
}

.input148long{
border: solid 1px #333333;
background-color:#cccccc;
width: 148px;
height: 152px;				
/* ursprünglich 146px */
margin-left:0px;
font-family: verdana;
font-weight:normal;
font-size:10px;
} 

.inputsend{
border: solid 1px #333333;
background-color:#cccccc;
width:68px;		 			
/* ursprünglich 80px */
height:20px;	
/* ursprünglich 18px */
font-family: verdana;
/* font-size:10px; */
margin-right:2px;
/* ursprünglich 10px */
} 



.textbox3er {
width:24%;
color:#000000;
padding:0px;
margin:0px;
float:left;
}

.textbox td{
color:#000000;
}

.textbox ul{
margin: 0px 0 0px 0;
/* ursprünglich 0 0 2 0 */
padding:0px;
}

.textbox li {
font-size: 11px;
margin: 0px 0 0px 20px;
/* ursprünglich 0 0 2 20 */
list-style-type:disc;
padding:0px;
}




h1{color:FFFFFF;
font-size:11px; /*ursprünglich 12px */
font-weight:bold;
margin:0px;
padding:0px;

}
h2{
margin:3px 0px 3px 0px;
padding:0px;
color:#000000;
font-size:11px;
font-weight:bold;
}

h3{
margin:0px;
padding:0px;
color:#000000;
font-size:10px;
font-weight:normal;
}

h4{
margin:0px;
padding:0px;
color:#000000;
font-size:10px;
font-weight:normal;
float:right;
margin-right:10px;	
/* ursprünglich 10% */
}



h4 a,
h4 a:link,
h4 a:active,
h4 a:visited{
text-decoration:none;
font-weight:bold;
color:#990000;
font-size:10px;
margin:0px;
padding:0px;
}

h4 a:hover{
text-decoration:none;
font-weight:bold;
color:#666666;
margin:0px;
padding:0px;
}



#content a,
#content a:hover,	
/* dieser Befehl stand isoliert in der letzten Zeile. */
/* Wenn überhaupt, gehört er hierhin */
#content a:link,
#content a:active,
#content a:visited{
text-decoration:none;
font-weight:bold;
color:#990000;
float:right;
}
