@charset "utf-8";

* {
	padding: 0;
	margin: 0;
}
body  {
	padding: 0;
	text-align: center; /* Hierdurch wird der Container in IE 5*-Browsern zentriert. Dem Text wird dann im #container-Selektor die Standardausrichtung left (links) zugewiesen. */
	color: #000000;
	background-color: #FFFFFF;
	font-family: Arial, Helvetica, sans-serif;
	font-size: 12px;
	line-height: 140%;
	padding-top: 10px;
}
html>body{  
	/* CSS-Hack für FF */  
	overflow-y:scroll  
}
a {
	text-decoration: none;
	margin: 0px;
	padding: 0px;
	border-top-style: none;
	border-right-style: none;
	border-bottom-style: none;
	border-left-style: none;
}
p {
}
img {
	border-top-style: none;
	border-right-style: none;
	border-bottom-style: none;
	border-left-style: none;
}
li {
	list-style-type: none;
}
#container  {
	width: 994px;  /* Mit einer Breite, die 20 Pixel unter der vollen Breite von 800 Pixel liegt, können Sie dem Browser-Chrome Rechnung tragen und gleichzeitig eine horizontale Bildlaufleiste vermeiden. */
	background: #FFFFFF;
	margin: 0 auto;
	text-align: left;
    } 
#header  {
	background-image: url(Bilder/Header.gif);
	background-repeat: no-repeat;
	height: 170px;
	position: relative;
    } 
#header img{
	padding-left: 30px;
	padding-top: 3px;
}
#header img:hover{
	padding-top: 4px;
	padding-left: 33px;
}
#header  h1  {
	display: none;
    }
#navHeader-grau, #navHeader-grün, #navHeader-orange, #navHeader-blau, #navHeader-pink{
}
#navHeader-grau a{
	color: #FFFFFF;
	display: inline-block;
	padding-top: 1px;
	padding-right: 4px;
	padding-bottom: 2px;
	padding-left: 4px;
	background-image: url(Bilder/Navigation_Small_Grau.gif);
	background-repeat: repeat-x;
	margin-top: 12px;
	margin-right: 6px;
	margin-bottom: 0px;
	margin-left: 6px;
}
#navHeader-grün a{
	color: #FFFFFF;
	display: inline-block;
	padding-top: 1px;
	padding-right: 4px;
	padding-bottom: 2px;
	padding-left: 4px;
	background-image: url(Bilder/Navigation_Small_Gruen.gif);
	background-repeat: repeat-x;
	margin-top: 12px;
	margin-right: 6px;
	margin-bottom: 0px;
	margin-left: 6px;
}
#navHeader-orange a{
	color: #FFFFFF;
	display: inline-block;
	padding-top: 1px;
	padding-right: 4px;
	padding-bottom: 2px;
	padding-left: 4px;
	background-image: url(Bilder/Navigation_Small_Orange.gif);
	background-repeat: repeat-x;
	margin-top: 12px;
	margin-right: 6px;
	margin-bottom: 0px;
	margin-left: 6px;
}
#navHeader-blau a{
	color: #FFFFFF;
	display: inline-block;
	padding-top: 1px;
	padding-right: 4px;
	padding-bottom: 2px;
	padding-left: 4px;
	background-image: url(Bilder/Navigation_Small_Blau.gif);
	background-repeat: repeat-x;
	margin-top: 12px;
	margin-right: 6px;
	margin-bottom: 0px;
	margin-left: 6px;
}
#navHeader-pink a{
	color: #FFFFFF;
	display: inline-block;
	padding-top: 1px;
	padding-right: 4px;
	padding-bottom: 2px;
	padding-left: 4px;
	background-image: url(Bilder/Navigation_Small_Pink.gif);
	background-repeat: repeat-x;
	margin-top: 12px;
	margin-right: 6px;
	margin-bottom: 0px;
	margin-left: 6px;
}
#navHeader-grau a:hover, #navHeader-grün a:hover, #navHeader-orange a:hover, #navHeader-blau a:hover, #navHeader-pink a:hover{
	text-decoration: underline;
}
#navHeader-grau a.current, #navHeader-grün a.current, #navHeader-orange a.current, #navHeader-blau a.current, #navHeader-pink a.current{
	text-decoration: underline;
}
#Bilder {
	background-image: url(Bilder/Bildleiste_Test.jpg);
	height: 40px;
	margin-left: 9px;
	margin-top: 2px;
	padding-bottom: 30px;
}
#artikel {
	color: #000000;
	padding-top: 12px;
}
#artikel a{
	color: #000000;
	font-size: 18px;
	padding-top: 8px;
	padding-right: 8px;
	padding-bottom: 0px;
	padding-left: 8px;
}
#navLeft {
	float: left; /* Da es sich hier um ein floatendes Element handelt, muss eine Breite angegeben werden. */
	width: 150px; /* Mit der Auffüllung wird gewährleistet, dass der Inhalt des div die Kanten nicht berührt. */
	background-image: url(Bilder/Navigation_All.gif);
	background-repeat: no-repeat;
	line-height: 26px;
    }
#navLeft   a {
	font-size: 14px;
	display: block;
	padding-top: 12px;
	padding-bottom: 8px;
	float: left;
	padding-left: 10px;
	color: #FFFFFF;
}
#navLeft a:hover{
	color: #000000;
}
#navLeft a.current{
	color: #000000;
}
#navLeft table{
	border-top-style: none;
	border-right-style: none;
	border-bottom-style: none;
	border-left-style: none;
	width: 150px;
}

#navRight {
	float: right; /* Da es sich hier um ein floatendes Element handelt, muss eine Breite angegeben werden. */
	width: 149px; /* Mit der Auffüllung wird gewährleistet, dass der Inhalt des div die Kanten nicht berührt. */
	font-size: 14px;
	color: #FFFFFF;
    }
#navRight a{
	color: #FFF;
}

#navRight table{
	border-top-style: none;
	border-right-style: none;
	border-bottom-style: none;
	border-left-style: none;}
	
#navRight td{
	border-top-style: solid;
	border-right-style: none;
	border-bottom-style: none;
	border-left-style: none;
	border-top-width: 3px;
	border-top-color: #FFFFFF;
	}
#navRight   .aktuelles  {
	background-image: url(Bilder/Navigation_Aktuelles.gif);
	background-repeat: repeat-x;
	height: 44px;
	padding-left: 10px;
}
#navRight .aktuelles2  {
	background-color: #ff9900;
}
#navRight   .wetter  {
	background-image: url(Bilder/Navigation_Aktuelles.gif);
}
#navRight   .wetter a {
	line-height: 32px;
	padding-left: 10px;
}
#navRight   .wetter a:hover {
	color: #000;
}
#navRight .aktuelles2 a{
	display: block;
	line-height: 22px;
	padding: 10px;
	color: #FFFFFF;
}
#navRight .aktuelles2 a:hover{
	color: #000000;
}
#navRight .aktuelles2 a.current{
	color: #000000;
}
#navRight .dcc{
	padding-top: 4px;
}
#wetter2 {
	margin-top: -4px;	
}
#mainContent {
	padding: 0 170px;
    }
#content {
	font-family: Arial, Helvetica, sans-serif;
	color: #000000;
	padding: 10px;
	float: left;
	width: 640px;
}
#content a{
}
#content img{
	padding: 15px;
}
#breadcrumb {
	padding-top: 10px;
	padding-right: 10px;
	padding-bottom: 5px;
}
#breadcrumb a{
	color: #000000;
}

 #footer {
	background-image: url(Bilder/Footer.gif);
	background-repeat: no-repeat;
	height: 25px;
	color: #FFFFFF;
    } 
#footer a{
	padding: 10px;
	color: #FFFFFF;
}
#footer a:hover{
	color: #000000;
}
#footer p {
	margin: 0; /* Durch die Verwendung der Auffüllung bei diesem Element entsteht genau wie bei einem Rand ein Leerraum, aber ohne die potenziellen Abstandsprobleme. */
	padding-top: 10px;
	padding-right: 0;
	padding-bottom: 10px;
	padding-left: 10;
    }
#footer table{
	padding-left: 8px;
}
    .fltrt { /* Mit dieser Klasse können Sie ein Element auf der Seite nach rechts fließen lassen. Das floatende Element muss vor dem Element stehen, neben dem es auf der Seite erscheinen soll. */
    	float: right;
    	margin-left: 8px;
    }
    .fltlft { /* Mit dieser Klasse können Sie ein Element auf der Seite nach links fließen lassen. */
    	float: left;
    	margin-right: 8px;
    }
    .clearfloat { /* Diese Klasse sollte in einem div- oder break-Element platziert werden und das letzte Element vor dem Schließen eines Containers sein, der wiederum einen vollständigen Float enthalten sollte. */
    	clear:both;
        height:0;
        font-size: 1px;
        line-height: 0px;
    }

/* ### Bildgalerie ### */

#content div.galerie {
	clear: both;
	text-align: center;
}
#content div.galerie div.image {
	float: left;
	width: 212px;
}

#content div.galerie div.image img{
	padding: 5px;
	border:1px solid #aaa;
}
legend {
	color: #FFFFFF;
	background-color: #666666;
}
input:focus, input:hover,
select:focus, select:hover, 
textarea:focus, textarea:hover {
	background-color: #DFEEDD;
}
/**
 * Modul WYSIWYGImage, Wysiwyg-Text mit Bild/Bildergalerie
 */
div.wysiwygimg {}
/* ----- Hack only for IE 7 ----- */
*+html div.wysiwygimg {overflow:hidden;}

.wysiwygimg .wysiwygimgclear {clear:both; display:block; font-size:1px; line-height:0px; margin:0; padding:0; position:relative;}

/* Text */
.wysiwygimg .wysiwygimgtext {}
.wysiwygimg a {
	text-decoration: none;
}
/* Bild und Link */
.wysiwygimg img.wysiwygimg {border:0px none; margin:1px}
.wysiwygimg img.wysiwygimg { padding:1px;}
.wysiwygimg a.wysiwygimg img {border:0px none;padding:0px;vertical-align:top; margin:1px}

.wysiwygimg a.wysiwygimg, .wysiwygimg a.wysiwygimg:link { display:table; display:inline-block; line-height:0.0em;}
.wysiwygimg a.wysiwygimg:visited {}
.wysiwygimg a.wysiwygimg:hover {
}
.wysiwygimg a.wysiwygimg:focus {
;
}
.wysiwygimg a.wysiwygimg:active {
	border-top-style: none;
	border-right-style: none;
	border-bottom-style: none;
	border-left-style: none;
}

/* Bildunterschrift */
.wysiwygimg .wysiwygimgtitle {color:#666; font-size:0.8em; font-style:italic; margin:2px 0px;}

/* Wrapper-Classe um Bild und Bildunterschrift*/
.wysiwygimg .wysiwygimgwrap {}

/* Bild links im Text (Textumfluss) */
.wysiwygimg .wysiwygimgleft {float:left; margin:0 1.0em 0 0;}

/* Bild rechts im Text (Textumfluss) */
.wysiwygimg .wysiwygimgright {float: right; margin:0 0 0 1.0em;}

/* Bild oben links */
.wysiwygimg .wysiwygimgtopleft {float:left; margin-bottom:0.5em;}

/* Bild oben rechts */
.wysiwygimg .wysiwygimgtopright {float:right; margin-bottom:0.5em;}

/* Bild oben mittig */
.wysiwygimg .wysiwygimgtopcenter {margin-bottom:0.5em; text-align:center;}
.wysiwygimg .wysiwygimgtopcenter a.wysiwygimg {margin:0 auto;}

/* Bild unten links */
.wysiwygimg .wysiwygimgbottomleft {float:left; margin-top:0.5em;}

/* Bild unten rechts */
.wysiwygimg .wysiwygimgbottomright {float:right; margin-top:0.5em;}

/* Bild unten mittig */
.wysiwygimg .wysiwygimgbottomcenter {margin-top:0.5em; text-align:center;}
.wysiwygimg .wysiwygimgbottomcenter a.wysiwygimg {margin:0 auto;}
.wysiwygimg .wysiwygimgbottomcenter img.wysiwygimg {margin:0 auto;}

/* Für Bilder links/rechts vom Text  */
.wysiwygimg table {border-spacing: 0px; font-size:1.0em;}
.wysiwygimg td {vertical-align:top; font-size:1.0em;}

/* Bild links vom Text */
.wysiwygimg td.wysiwygimgleftcol {padding-right:1.0em;}

/* Bild rechts vom Text */
.wysiwygimg td.wysiwygimgrightcol {padding-left:1.0em;}



.column {
float:left;
padding:0pt 25px 0pt 0pt;
width:29%;
}
.clearfix {
clear:both;
display:block;
}



/* 
REDAXO-Modul: do form!
Beschreibung: CSS-DEMO
Bereich: CSS 
Für: do form! 2.x  
Stand: 20.04.2009 
Version: 1.0
--------------------------------------------------------------------------
HINWEISE:
--------------------------------------------------------------------------
!! Das CSS berücksichtigt nicht alle möglichen Felder 
!! Farben nicht 1 zu 1 übernehmen
!! ist ja nicht wirklich hübsch

Weitere Infos zu den CSS hier:
http://wiki.redaxo.de/index.php?n=R4.DoForm
-------------------------------------------------------
*/

/* Formular Definition */
/*//////////////////////////////////////////////////////////////////////////////*

/* Div das das Formular umschließt */
.formgen {
	font-size: 1em;
	padding-right: 10px;
	padding-left: 10px;
}


/* Was passiert wenn auf das Label geklickt wird? */
label,
select,
input[type=checkbox],
input[type=radio],
input[type=button],
input[type=submit]
{
cursor : pointer;

}



.formgen form
{
line-height : 120%;

}




/* 
Wie sehen die einzelnen Blöcke aus? 
Jedes Feld wird von einem DIV umschlossen, das hier definiert werden kann
*/


.formgen .formblock
{
	margin-bottom: 15px;
	margin-top: 10px;
	padding-top: 3px;
	padding-bottom: 3px;
	padding-right: 2px;
	padding-left: 5px;	
	
}
 .forminfo 
{
	width: 360px;
	margin-bottom: 15px;
	background-color: #FF9900;
	padding-top: 3px;
	padding-bottom: 3px;
	padding-right: 2px;
	padding-left: 5px;
	font-weight: bold;
	border: 5px dashed #990000;
}

/*
Verhalten von br-Tags
*/
.formgen br
{
clear : both;
}


/* 
--------- FORMULAR-OBJEKTE ------------ 
*/


/* Mehrzeiliges Eingabefeld */
.formgen .formtextfield
{
	width: 400px;
	height: 200px;
	margin-left: 4px;
	border: 1px solid #003366;
	background-color: #DFEEDD;
}


/* Textfeld */
.formgen .formtext
{
	width: 250px;
	margin-left: 4px;
	padding-bottom: 4px;
	font-size: 1em;
	background-color: #DFEEDD;
	border: 1px solid #003366;
}

.formgen input:focus, .formgen input:hover,
.formgen select:focus, .formgen select:hover, 
.formgen textarea:focus, .formgen textarea:hover {
	background-color: #FF9900;
}



/* Label */
.formgen label {
	width: 120px;
	clear: left;
	float: left;
	height: 20px;
	font-weight: bold;
	color: #000000;
}


/* Aussehen der Select-Ausgabe */
.formgen .formselect
{
	width: 200px;
	background-color: #33FF33;
	margin-left: 4px;
	color: #000000;
}


/* Sende-Button */
.formgen .formsubmit
{
	width: 15%;
	text-align: center;
	background-color: #DFEEDD;
	border: 1px solid #003366;
	float: left;
	color: #000000;
}



/* Fieldsetbeschriftung */
.formgen legend {
	color: #FFFFFF;
	background-color: #990000;
	width: 150px;
}
.formgen .fieldset {
	margin-bottom: 10px;
}

/* -------------- AUSGABEN / Fehlermeldungen --------*/


/* Markierung der Labels bei Fehler */
.formgen .formerror {
	
	border-bottom-width: 1px;
	color: #990000;
}

.formgen .formcaptcha
{
	border: 2px solid #990000;
	vertical-align: top;
	float: left;
	margin-right: 10px;
}

.formgen .formreq {
	color: #006633;
}

.formgen .formheadline {
	color: #993300;
	background-color: #FFF7EA;
	padding-top: 4px;
	padding-bottom: 4px;
	margin-top: 5px;
	margin-bottom: 5px;
	font-style: italic;
}