@import url("rte_formate.css"); 


* {

/* padding:0;  Ausgeschalten wegen cellpadding! Hinzugefügt bei ul (links u rechts) */

margin: 0;

}

html, body {

height: 100.2%;

}

body {
font-family: Verdana, Helvetica, Arial, sans-serif;
font-size: 11px;
line-height:14px;
background-color: #DCDCEB;
color:  #000000;

}


#site {

min-height: 530px;
width: 850px;
margin: 0 auto 0 auto;
background-color: #F9DB78;
border-bottom:15px solid #DCDCEB; /*selbe Farbe wie background body*/
}


#wrapper {
width: 676px; /*um margin-left kleiner als site */
height: 530px;
min-height: 530px;
margin: 0pt 0pt 0px 174px; /* achte auf head und linkeseite -margin! printfooter, header... */


background-color: #FFFFFF;

color: #000;

}

#header {

position: relative;

height: 66px;

margin: 0 0 0 -174px; /* achte auf wrapper-margin! */
border-top: 3px solid #FFFFFF;

background-color: #FFFFFF;
background-image: url(pic/head.jpg);
background-position: right;
background-repeat: no-repeat;
color: #fff;

}

#header h1 a {
background-image: url(pic/logo.jpg);
background-repeat: no-repeat;
display:block;
height:66px;
width:280px;
text-decoration:none;
text-indent:-999em;
}



div#search {

float:right;
margin-right:9px;
margin-top:-58px;
position:relative;
width: 162px;
height: 50px;
background-color: #eeeeee;
border: 1px solid #9e9e9e;
font-size: 10px;
color: #7b7b7b;
padding-left: 8px;
}

div#search table {
color: #7b7b7b;
font-size: 10px;
margin-top: 2px;
}

div#search table input {
font-size: 12px;
background-color: #ffffff;
width: 114px;
}

div#search table .button{
width: 29px;
height: 20px;
padding-bottom: 3px;
background-color:#a8a8a8;
color: #FFFFFF;
border: 1px solid gray;
margin-left: 4px;
}


#header p {
float:right;
margin-right:200px;
margin-top:-20px;
color:#C76C19;
font-size:10px;
}

#header p a {

color:#C76C19;
text-decoration:none;
}


#headerline {
background-image:url(pic/distance.gif);
position: relative;

height: 12px;
border-bottom: 3px solid white;

margin: 0 0 0 -174px; /* achte auf wrapper-margin! head linkespalte*/


}


/************linkespalte*********/

#linkespalte {
float: left;
margin-left: -174px;/* achte auf wrapper-margin! */
width: 174px;
/*wegen Text mit Bild ansonsten erscheint der Text immer weit unter dem Bild!*/
}

#linkespalte ul {
list-style: none;
font-size:11px;
padding: 0;
}

#linkespalte ul li {
display: inline;

}



#linkespalte .m1-noaps a{
text-decoration:none;
padding-left: 18px;
display: block;
background-color:#E78B38;
background-image:url(pic/wappen.gif); 
background-repeat:no-repeat;
background-position: 140px 3px;
border:1px solid;
border-color: #F2C7A5 #A15116 #AE6022 #F3D1B8;
padding-top:5px; /*6top, 6bottom, 11 font = 23px */
padding-bottom:6px;

color:#FFFFFF;
font-weight: bold;

}

#linkespalte .m1-noaps a:hover{
color: #be2216;
}

#linkespalte .m1-noaps a:active{
color: #be2216;
}


#linkespalte .m1-noforum a{
text-decoration:none;
padding-left: 18px;
display: block;
background-color:#E78B38;
background-position: 140px 3px;
border:1px solid;
border-color: #F2C7A5 #A15116 #AE6022 #F3D1B8;
padding-top:5px; /*6top, 6bottom, 11 font = 23px */
padding-bottom:6px;
color:#FFFFFF;
font-weight: bold;
margin-top: 20px;
}

#linkespalte .m1-noforum a:hover{
color: #be2216;
}



#linkespalte ul .m1-no a{
text-decoration:none;
padding-left: 18px;
display: block;
background-color:#E78B38;
border:1px solid;
border-color: #F2C7A5 #A15116 #AE6022 #F3D1B8;
padding-top:5px; /*6top, 6bottom, 11 font = 23px */
padding-bottom:6px;

color:#FFFFFF;
font-weight: bold;
}


#linkespalte ul .m1-no a:hover{
color:#be2216;
}


#linkespalte ul .m1-act a{
text-decoration:none;
padding-left: 18px;
display: block;
background-color:#E78B38;
border:1px solid;
border-color: #F2C7A5 #A15116 #AE6022 #F3D1B8;
padding-top:5px; /*6top, 6bottom, 11 font = 23px */
padding-bottom:6px;
font-weight:bold;
color:#be2216;
}


#linkespalte ul .m2-no_ a{
text-decoration:none;
padding-left: 34px;
display: block;

border:1px solid;
border-color:#DDDDDD #DDDDDD #BBBBBB #EEEEEE;

background-image:url(pic/m_link.gif);
background-repeat: no-repeat;
background-position: 18px 11px;

background-color:#dddddd;

padding-top:5px; /*6top, 6bottom, 11 font = 23px */
padding-bottom:6px;

font-weight: bold;
color: #808080;
}

#linkespalte ul .m2-no_ a:hover{
color:#505050; 	
}

#linkespalte ul .m2-no_extern a{
text-decoration:none;
padding-left: 34px;
display: block;

border:1px solid;
border-color:#DDDDDD #DDDDDD #BBBBBB #EEEEEE;

background-image:url(pic/ex_link.gif);
background-repeat: no-repeat;
background-position: 18px 11px;

background-color:#dddddd;

padding-top:5px; /*6top, 6bottom, 11 font = 23px */
padding-bottom:6px;

font-weight: bold;
color: #808080;
}

#linkespalte ul .m2-no_extern a:hover{
color:#505050; 	
}


#linkespalte ul .m2-act_ a{
text-decoration:none;
padding-left: 34px;
display: block;

border:1px solid;
border-color:#DDDDDD #DDDDDD #BBBBBB #EEEEEE;

background-image:url(pic/m_link.gif);
background-repeat: no-repeat;
background-position: 18px 11px;

background-color:#dddddd;

padding-top:5px; /*6top, 6bottom, 11 font = 23px */
padding-bottom:6px;
color:#505050;
font-weight:bold;
}




/*********mitte*********/

#mitte {
/*margin: 0px 180px 0px 0px;*/
float: left; 
width: 469px;

}

#topline {
margin: 0 5px 22px 6px;
height: 9px;
background-image: url(pic/balken2.gif);
}

#mitte .text {
/*zwecks Schriftvergößerung padding und martgin-bottom ansonsten erscheint gelber Strich zwischen mitte und footer!*/
padding-bottom: 10px; 
margin-bottom: -10px;
margin-right: 0; /*achte auf mitte.rechtespalte und printfooter */
padding-left: 16px;

line-height:120%;
color:#000000;

max-width: 445px; /*weite zum Rand: 454px */ 

}

#mitte .text .tx-kbconttable-pi1 {
margin: 10px 0;

}

#mitte .text p {
margin-top: 6px;
padding-bottom: 4px;

line-height: 130%;
}

#mitte .text ol {
margin-left: 20px;
/*mit margin bottom gibts probs beim firefox, daher mal vorerst null statt 5px*/
margin-bottom: 0;
}

#mitte .text ul {
margin-left: 15px;
margin-bottom: 5px;
}

#mitte .text li {
line-height: 140%;
}

#mitte .text h1 {
visibility: hidden;
font-size: 0%;
}

/* fuer Rahmen 1 */
div .csc-frame-frame1{
padding-bottom: 8px;
margin-bottom: 0px;
border-bottom: 1px solid #aaaaaa;
padding-top: 9px;
}

div .csc-frame-frame2{
padding-bottom: 8px;
margin-bottom: 0px;
border-bottom: 1px solid #E78B38;
padding-top: 9px;
}




.rechtespalte {

/*position: relative;*/
border-left: 1px solid #aaaaaa;
float: right;
width: 186px; /* achte auf mitte.text */
padding:3px 5px 3px 8px;


}

.rechtespalte .breadcrumb {
clear:both;
background-color:#dddddd;
border-bottom: 1px solid #bbbbbb;
min-height: 24px;
line-height: 14px;
vertical-align: middle;
padding-left: 9px;
padding-top: 5px;
padding-bottom: 5px;
font-weight:bold;
font-size:11px;
color:#505050;

}

/*das ist nur speziell die formatierung für breadcrumbs der menüebene 2, wenn man sich in menüebene 3 befindet*/
/*ansonsten würde hier die ganz normale linkformatierung für ein a tag genommen werden!!*/
.rechtespalte .breadcrumb a{
text-decoration:none;
color:#505050;
font-weight:bold;
}

.rechtespalte .menu3{
background-color: #eeeeee;
font-size:11px;

}

.rechtespalte .menu3 ul{
padding: 13px 0 22px;
}
.rechtespalte .menu3 ul li{
display: inline;
}


.rechtespalte .menu3 ul li.no a{
background-image: url(pic/menu3list.gif);
background-position: 5px 4px;
background-repeat: no-repeat;
display: block;
height: 25px;
padding-left: 20px;
text-decoration:none;
color:#E78B38;
}

.rechtespalte .menu3 ul li.act a{
background-image: url(pic/menu3list.gif);
background-position: 5px 4px;
background-repeat: no-repeat;
display: block;
height: 25px;
padding-left: 20px;
text-decoration:none;
color:#808080;
font-weight:bold;
}


.rechtespalte .righttext{
font-size:11px;
color:#505050;
line-height:14px;
}

.rechtespalte .righttext a{
color:#b45501;
text-decoration: none;
}

.rechtespalte .righttext a:hover{
color: #FF0000;
}

.rechtespalte .menuline{
height: 12px;
background-image:url(pic/distance.gif);
margin-bottom: 22px;

}

.rechtespalte .righttext .csc-textpic-imagewrap { /* Nur Bilder werden hochgestellt */
margin-top:-15px;
}




#printfooter {


position: relative;
clear:both;
margin-left: 174px; /*achte auf margin-left wrapper*/

border-top: 22px solid #FFFFFF;
border-left: 10px solid #FFFFFF; /* selber hintergrund wie wrapper */
border-right: 200px solid #FFFFFF; /* selber hintergrund wie wrapper margin-right wie mitte.text */

background-color: #DFDEDC;
}

#printfooter .fontresize {
font-size:80%;
padding-right:15px;
text-align:right;
}

#printfooter p {
margin-top: -18px;
margin-right: -12px;
text-align: right;
padding-right: 100px;
}

/* damit kein space zwischen den fontsize buttons besteht*/
.cReduceTextSize {
margin-right: -4px;
}

.cEnlargeTextSize{
margin-left: -4px;
} 

#printfooter img {
border: none;
}


#footer {

margin: 0 auto 0 auto;
width: 840px;
height: 57px;
clear: both;
background-image: url(sponsors/background.gif);
background-repeat: y-repeat;
border: 5px solid #FFFFFF; /* selber hintergrund wie wrapper */

background-color: #eeeeee;


}



#footer .sponsors {
float:left;
position:absolute;
width: 840px;
margin-left: 28px;
}



#footer .sponsors p {
color:red;
float:left;
font-size:9px;
position: absolute;
}


#footer .own_sponsor a {

}


#footer .own_sponsor p {
margin-top:-4px;
margin-left:3px;
color:black;
position:absolute;
}

#footer .own_sponsor {
margin-left:-17px;
margin-top:4px;
width: 300px;
position: absolute;
}


#footer .other_sponsors {
margin-left:225px;
margin-top:12px;
position:absolute;
}

#footer .other_sponsors a {
margin-right: 20px;

}

#footer .other_sponsors p{
margin-top: -10px;
margin-left: -3px;
}


*html #footer .own_sponsor p{
margin-top: 36px;
margin-left: -216px;
position:absolute;
}

*+html #footer .own_sponsor p{
margin-top: 36px;
margin-left: -216px;
position:absolute;
}

	
/* Style für Bildtext*/
.csc-textpic-caption {
color: #aaaaaa;
font-size: 10px;
font-style: italic;
}

#miniwrapper {
background-color: rgb(255, 255, 255); 
height: auto; 
float: right;

/* Einrückungsfehler */
padding-left: 6px;

}

#mittewrapper {
 
min-height: 530px;
}

/* === Fixes fuer IE (auslagern in CC) === */

*html #site{
width: 830px;
}

*html div#headerline {
font-size:1%;
height:15px;
}

*html div#header p {
margin-right:29px;
}

*html div#mitte {
text-align: left;
}


html > body #wrapper {

height: auto;

}


/* Nur fuer Geckos (IE behandelt height sowieso als min-height */

*html body {
text-align: center;
}

/* min-height für IE */
*html div#wrapper { 
height:530px;
text-align:left;
}

/* min-height für IE */
*html div#site {
height: 530px;
text-align: left;

}

/* unbekannter IE6+ 2 Pixel-Fehler behoben */

*html div#linkespalte {
margin-left: -172px; 
font-size: 1%;
}


*html div#topline{
font-size: 1%;
}



*html #miniwrapper {
margin-bottom: -22px;
margin-left: -2px;
}

*html #mitte {

height: 1%;

/*Dieses margin-bottom musste ich ausklammern, da ansonsten der content früher aufhört als beim Firefox, sprich
der Abstand zwischen printfooter und mitte war einfach größer als beim Firefox.
Ich habe es deswegen auch nicht ganz gelöscht da, ich es nicht hingeschrieben habe und nicht weiß für was es genau 
da gestanden ist(Wink zum Flo:-))*/


} /* gegen IE 3pixel-jog */

*html #printfooter {
width: 466px;
}

*html div#mitte .rechtespalte .menuline{
font-size: 1%;
}

*html #mitte .text ol {
margin-left: 24px;
}

*html div#mitte .text{
	width:expression(document.body.clientWidth < 450 ? "400px"
 : document.body.clientWidth > 452 ? "420" : "410");

}


*html div#linkespalte ul .m1-act a{
margin-top:-1px;
margin-left:0.5px;
}

*html div#linkespalte ul .m2-act_ a{
margin-left:0.5px;
margin-top:-1px;
}

*html div#linkespalte ul .m2-no_ a{
margin-left:0.5px;
margin-top:-1px;
}

*html div#linkespalte ul .m1-no a{
margin-top:-1px;
margin-left:0.5px;
}


*html #linkespalte {

position: relative;/* zur Anzeige des Float */

left: -2px;/* Spalte in korrekte Position druecken */

}

*html #rechtespalte {

position: relative;/* zur korrekten Anzeige des Float */

left: 2px;/* Spalte in korrekte Position druecken */


}

*html #linkespalte ul {
position: relative;
}

*html #linkespalte li {
position: relative;
}

*html #linkespalte ul a {
position: relative;
}

*html div .csc-textpic-imagewrap {
margin-bottom: 6px;
}

*html #headerline {
border-bottom: 0;
}


*html #linkespalte .m1-noaps a{
margin-top:-1px; /*6top, 6bottom, 11 font = 23px */
background-position: 140px 5px;
}


/*IE 7 Hacks*/

*+html #miniwrapper {
margin-bottom: -22px;
}

*+html #header p {
margin-right: 20px;
}

*+html div.csc-textpic div.csc-textpic-imagewrap dl.csc-textpic-image {
padding-bottom:6px;
}

*+html #mittewrapper {
padding-bottom: 22px;
}

/*Alle Bilder Rahmenlos*/
img { 
border:0; 
}

/* verlorene (!) CSS überschreiben */

DIV.csc-textpic-center DIV.csc-textpic-imagewrap .csc-textpic-image {
		display: inline; /* IE fix for double-margin bug */
		margin-left: 0px;
}

/*news Problem mit sichtbaren hr Balken */
.news-list-container hr, 
.news-single-item hr {
	display:none;
}