/* ######################################################## */
/* # Gleiche Vorraussetzungen für alle Browser schaffen   #  */
/* ######################################################## */

* {margin:0;padding:0;}
option {padding-left: 0.4em}
html {height:100%;}

/* ######################################################## */
/* # Vertikalen Scrollbalken im Netscape & Firefox        # */
/* # erzwingen.                                           # */
/* # Rundungsfehlers bei Schriftgroessen verhindern,      # */
/* # Standardfarben und Textausrichtung 			 # */
/* ######################################################## */

body {
min-height: 101%;
font-size: 100.01%;
position: relative;
background-color: #ffffff;
color: #000000;
text-align:center;
}

#main {	clear:both; width: auto; }

fieldset, img { border:0; }

select, input, textarea { font-size: 99% }

/* ######################################################## */
/* # Seite zentrieren, Hintergrund Repeater für Raender   # */
/* # rechtsund links, Standardschrift  			  # */
/* ######################################################## */

#seite_margins {

border:none;
margin-right: auto;
margin-left:auto;
width: 900px;
}


#seite {
background-image: url(../img/repeater.gif);
background-repeat:repeat-y;
border:none;
margin-top:20px;
margin-bottom:0px;
text-align: left;
padding: 0;
font-family: Arial, Helvetica, Georgia;
font-size: 12px;
font-weight: normal;
}

/*--------------------------------------------------------*/

/* Der z-Index verhindert, dass im Falle des noch bestehenden IE-Bugs die Texte vor
** dem Spaltenhintergrund erscheinen. */
#left {z-index: 3;}
#right {z-index: 5;}
#middle {z-index: 1;}
#leftinhalt {z-index: 4;}
#rightinhalt {z-index: 6;}
#middleinhalt {z-index: 2;}
#leftinhalt #rightinhalt #middleinhalt { position:relative; }


/* ######################################################## */
/* # Impressumbereich formatieren 			  # */
/* ######################################################## */

#impressum {
font-size: 11px;
margin:0;
padding:18px 0 0 870px;
height:16px;
}

/* ######################################################## */
/* # Header formatieren, Image positionieren 	          # */
/* ######################################################## */

#header {
position:relative;
clear: both;
background-image:url(../img/header.gif);
background-repeat: no-repeat;
top:0px;
background-color:#FFFFFF;
width:900px;
height:227px;
margin:0;
padding:0;

}

#header img {
padding:0;
margin:0 0 0 190px;
}

/* ######################################################## */
/* # Linke Spalte, umfliesst die mittlere Spalte links	  # */
/* ######################################################## */

#left {
float: left;
width: 190px;
margin:0;
padding:0;
}

/* Inhaltscontainer links für clearfix  */
#leftinhalt{
padding:0;
background-color:#c40038;
}

/* ######################################################## */
/* # Rechte Spalte, umfliesst die mittlere Spalte rechts  # */
/* ######################################################## */



#right {
float: right;
width: 125px;
margin:0;
padding:0;
}
/* Inhaltscontainer rechts für clearfix  */

#rightinhalt {
padding:0;
}

/* Boxen fuer die rechte Spalte  */

#bildbox {
margin:0 0 15px 0;
padding:0;
}

#teaserbox p {
margin:0;
padding:6px 0 0 0;

}



/* ######################################################## */
/* # Mittlere Spalte fuer den Content, wird von rechter   # */
/* # und linker Spalte umflossen                          # */
/* ######################################################## */


#middle {
width:auto;
padding:0 20px 0 20px;
margin: 0px 125px 0px 190px;
}

/* Inhaltscontainer mitte für clearfix  */
#middleinhalt {
margin:0;
padding:0;
line-height:18px;
}

#headline {
padding:0 0 20px 0;
margin:0}

/* ######################################################## */
/* # Listen - Navigation links				  # */
/* ######################################################## */

#navigation {
font-size:12px;
padding:0;
margin:50px 0 50px 0;
}


#navigation ul{
width: 190px;
margin:0;
padding:0;
background-color:#c40038;
}


* html #navigation ul {  /* Korrekturen fuer IE */
width:100%;
w\idth:190px;

}


#navigation li {
list-style: none;
margin:0;
padding: 0;
}

#navigation a {
display:block;
padding:6px 0 6px 20px;
text-decoration: none; font-weight: bold;
color: white; background-color: #c40038;
}

#navigation a.seite {
padding:8px 0 8px 35px;
}

#navigation a.ordnerakt {
text-decoration: none; font-weight: bold;
background-color: white;
color:#c40038;

}

#navigation a.seiteakt {
background-image: url(../img/navpfeil.gif);
background-repeat:no-repeat;
padding:8px 0 8px 35px;
background-color: white;
color:#c40038;
}

* html #navigation a.seiteakt {  /* Breitenangaben nur fuer IE */
width: 100%;
w\idth:190px;
}
* html #navigation a {  /* Breitenangaben nur fuer IE */
width: 100%;
w\idth:190px;
}

#navigation a:hover {
background-color: white;
text-decoration:none;
color:#c40038;

}


/* ######################################################## */
/* # Formatierung: Schriften, Ueberschriften,             # */
/* # Links, Trenner, etc..  				  # */
/* ######################################################## */

#middleinhalt p {
margin:0;
padding:0 0 10px 0;

}

/* Float Klasse für Bilder im Text */
.img_float  {
margin:0 10px 10px 0;
padding:0;
float:left;
}

h1 {
color:#000000;
font-size:18px;
font-weight:bold;
padding:0;
margin: 0 0 20px 0;
}

h2 {
font-size:14px;
color:#ffffff;
margin:0;
padding:8px 0 8px 0;
}

h3 {
font-size:11px;
margin:0;
padding:0 0 4px 0;
}

#trenner {
border-bottom:1px solid;
border-color: #808080;
padding:0;
margin:0px 0 20px 0;
height: 1px;
}

a:link {
color:#9F0028;
font-weight:normal;
text-decoration:none;
}

a:visited {
color:#9F0028;
font-weight:normal;
text-decoration:none;
}

a:hover {
color:#e50036;
font-weight:normal;
text-decoration:underline;
}

a:active {
color:#9F0028;
font-weight:normal;
text-decoration:none;
}

hr {
color: #fff;
background:transparent;
margin: 0 0 0.5em 0;
padding: 0 0 0.5em 0;
border:0;
border-bottom: 1px #eee solid;
}


/* ######################################################## */
/* # Footer positionieren				 # */
/* ######################################################## */

#footer {
clear: both;
background-image:url(../img/footer.gif);
background-color:#ffffff;
width:900px;
height:12px;
margin:0;
padding:0;
background-repeat: no-repeat;
}

/* ######################################################## */
/* # Clearfix-Methode für sauberes Clearing               # */
/* #               Safari Browser anpassen                # */
/* ######################################################## */


 /* Clearfix-Methode zum Clearen der Float-Umgebungen */
.clearfix:after {
content: ".";
display: block;
height: 0;
clear: both;
visibility: hidden;
}

/* Diese Angabe benoetigt der Safari-Browser zwingend !! */
.clearfix { display: block; }

/* ######################################################## */
/* # Overflow-Methode für sauberes Clearing, Klasse fuer  # */
/* # Floats innerhalb des Textblocks			 # */
/* ######################################################## */

         /* Clearen per Overflow */
.floatbox { overflow:hidden; }


/* ######################################################## */
/* #          INTERNET EXPLORER HACKS                     # */
/* #                                      		 # */
/* ######################################################## */

.clearfix { display: inline-block; }  /* ... Clearing für IE5/Mac und IE7 */

/* Hides from IE-mac \*/
* html .clearfix { height: 1%; }   /* ... für IE5 + IE6/Win | IE-Clearing aktivieren */
.clearfix { display: block; }      /* ... für IE5,IE6,IE7 | Mac-Einstellungen für IE/Win zurücksetzen */
/* End hide from IE-mac */


/* Workaround Anpassung der .floatbox-Klasse für IE */
/* Hides from IE-mac \*/
* html .floatbox { width:100%; }
/* End hide from IE-mac */


/* Bug Unvollstaendige Darstellung der Spalteninhalte / Spaltentrenner beseitigen */
* html #left { position:relative; } /* Nur für < IE7, sonst gibts im IE7 neue Positionierungsprobleme */
* html #right { position:relative; } /* Nur für < IE7, sonst gibts im IE7 neue Positionierungsprobleme */
#middle { position:relative; }


/* Excaping Floats Bug beseitigen */
/* Hides from IE-mac \*/
* html .hold_floats { height: 1%; }
/* End hide from IE-mac */


/* Disappearing List-Background Bug beseitigen */
* html ul { position: relative }
* html ol { position: relative }
* html dl { position: relative }


/* Bug Disappearing Backgrounds in various HTML-Elements beseitigen */
* html blockquote { zoom:1 }


/* Allgemeine IE-Layouthilfe, um die freie Spaltenanordnung zu gewaehrleisten und die Robustheit der     */
/* DIV-Container für beliebige Inhalte zu erhoehen. Die Eigenschaft "zoom" erzwingt "hasLayout" im IE.   */
#seite_margins, #seite, #header, #main, #footer { zoom: 1; }


/* Bug Doubled Float Margins beseitigen */
* html #left { display: inline; }
* html #right { display: inline; }


/* Bug kollabierender Margin an #middle beim Clearing der Spalten */
#ie_clearing {
display:block;       /* DIV sichtbar machen */
\clear:both;         /* nur für IE5.x/Win gedacht, um normales Clearing zu aktivieren */
margin-bottom:-1em;

width: 102%;          /* IE-Clearing mit 102%-DIV für IE7 */
font-size:0;         /* reduziert zusammen mit dem negativen Margin die Hoehe des DIVs auf 2 Pixel */
}

* html #ie_clearing { width: 100%; } /* IE-Clearing mit 100%-DIV für IE 6 */

#middleinhalt {margin-bottom:-2px; } /* Beseitigt auch die letzten 2 Pixel des IE-Clearings */


/* IE-Anpassung für Subtemplates  */
.c50l, .c25l, .c33l, .c38l, .c66l, .c75l, .c62l { display:inline; } /* Float-Margin Hack */
.c50r, .c25r, .c33r, .c38r, .c66r, .c75r, .c62r { display:inline; } /* Float-Margin Hack */

.subc, .subcl, .subcr { width:auto; zoom: 1; } /* IE-Clearing mittels hasLayout für IE6 und IE7 */
.subc, .subcl, .subcr { \width:100%; w\idth: auto; } /* IE-Clearing für IE5.x/win */


/* Bug Expanding Box Problem beseitigen */
* html #leftinhalt { word-wrap: break-word; }
* html #rightinhalt { word-wrap: break-word; }
* html #middleinhalt { word-wrap: break-word; }