html, body{
	height: 100%;
}

body 
{
 font-family: Verdana, sans-serif; 
 font-size:12px;
background-image:url(/include/hintergrund.jpg);

}
h1 {text-align: center ;font-size:40px;font-family: 'Sansita One', cursive; clear:both;}
h2 {font-size:18px;color:#ffffff;margin-bottom:0px;}
h3 {font-size:14px;color:#000000;margin:25px; margin-left:50px; }
h4 {font-size:14px;color:#000000;margin-left:75px;}

a:link, a:visited, a:active
{ 
  text-decoration:underline;
  font-weight:bold;
  color:#ffffff;
}
a:hover, a:focus
{ 
  color:#ff9200;
}
a:active
{ 
  color:red;
}
/* outdated!!!!!
a.menu:link, a.menu:visited
{ 
  color:#ff9200;
background-color: red;
}
 a.menu:hover, a.menu:focus,a.menu:active
{ 
  color:#eeeeee;
}
*/

/* Die Titelzeile */
#title {
padding-top:15px;
height:24px;
}




/* aktuelles men�*/
  ul#Navigation {
    margin: 0; padding: 0;
    text-align: center;
    position: fixed;
    top: 25%; left: 2em;
    width: 18em;
    z-index:99;	

padding:15px 0px;
clear:left;
  }


  ul#Navigation li {
    list-style: none;
    float: left;  /* ohne width - nach CSS 2.1 erlaubt */
    position: relative;
    margin: 0.5em; padding: 0; /*Abstand untereinander */
    z-index:99;	
  }
  * html ul#Navigation li {  /* Korrektur fuer den IE 5 und 6 */dw
    margin-bottom: -0.4em;
  }
  *:first-child+html ul#Navigation li {  /* Korrektur fuer den IE 7 */
    margin-bottom: -0.1em;
  }
    
  ul#Navigation li ul {
    margin: 0; padding: 0;
    position: absolute;
    /*top: 1.6em; Zwei Zeilenmne� weglassen!*/  
    left: +12em;
    top: -0.5em;
    display: none;  /* Unternavigation ausblenden */
    z-index:99;	
  }
  * html ul#Navigation li ul {  /* Korrektur fuer IE 5.x */
    left: -1.5em;
    lef\t: -0.4em;
  }

  *:first-child+html ul#Navigation ul {  /* Workaround fuer den IE 7 */
    background-color:silver; padding-bottom:0.4em;
  }
  ul#Navigation li:hover ul,  ul#Navigation a:focus ul {
    display: block;  /* Unternavigation in modernen Browsern einblenden */
  }
  ul#Navigation li ul li {
    float: none;
    display: block;
    margin-bottom: 0.2em;
    z-index:99;	
  }
/*-- lässt die dritte Ebene verschwinden--*/
 ul#Navigation li:hover ul ul,  ul#Navigation a:focus ul ul {display: none;} {display: none;}

/*-- lässt die dritte Ebene beim Hovern über die zweite in Erscheinung treten--*/
ul#Navigation ul li:hover ul, ul#Navigation ul a:focus ul {display: block; position: absolute; top: -0.5em; left: 100%;}

/*-- lässt die vierte Ebene verschwinden--*/
 ul#Navigation li:hover ul ul ul,  ul#Navigation a:focus ul ul ul {display: none;}

/*-- lässt die vierte Ebene beim Hovern über die dritte in Erscheinung treten--*/
ul#Navigation ul ul li:hover ul, ul#Navigation ul ul a:focus ul {display: block; position: absolute; top: -0.5em; left: 100%;}




  ul#Navigation a, ul#Navigation span {
    display: block;
    width: 10em;  /* Breite den in li enthaltenen Elementen zuweisen */
    padding: 0.2em 1em;
    text-decoration: none; font-weight: bold;
    border: 1px solid black;
    border-left-color: white; border-top-color: white;
    color: maroon; background-color: #ccc;
    z-index:99;	
  }
  * html ul#Navigation a, * html ul#Navigation span {
    width: 8.6em;   /* Breite nach altem MS-Boxmodell f�r IE 5.x */
    w\idth: 6.4em;  /* korrekte Breite fuer den IE 6 im standardkonformen Modus */
  }
  ul#Navigation a:hover, ul#Navigation span, li a#aktuell {
    border-color: white;
    border-left-color: black; border-top-color: black;
    color: white; background-color: gray;
  }
  li a#aktuell {  /* aktuelle Rubrik kennzeichnen */
    color: maroon; background-color: silver;
  }
  ul#Navigation li ul span {  /* aktuelle Unterseite kennzeichnen */
    background-color: maroon;
  }
  li a#aktuell {  /* aktuelle Rubrik kennzeichnen */
    color: maroon; background-color: silver;
  }

#zentriertverti {
  position:absolute;
    left:50%;
  margin-left:-15em;
  padding:1em;	
  }



/* aktuelles Bilder men�*/
  ul#Navigation2 {
  	margin:auto;
    margin-left: 15%; padding: 11px;
   
  }

  ul#Navigation2 li {
    list-style: none;
    float: left;  /* ohne width - nach CSS 2.1 erlaubt */
    position: relative;
    margin: 0.4em; 
    padding: 0; /*Abstand untereinander */
  }
  * html ul#Navigation2 li {  /* Korrektur fuer den IE 5 und 6 */
    margin-bottom: -0.4em;
  }
  *:first-child+html ul#Navigation2 li {  /* Korrektur fuer den IE 7 */
    margin-bottom: -0.1em;
  }
    
  ul#Navigation2 li ul {
    margin: 0; padding: 0;
    position: absolute;
    /*top: 1.6em; Zwei Zeilenmne� weglassen!*/  
    left: -0.4em;
    display: none;  /* Unternavigation ausblenden */
  }
  * html ul#Navigation2 li ul {  /* Korrektur fuer IE 5.x */
    left: -1.5em;
    lef\t: -0.4em;
  }
  *:first-child+html ul#Navigation2 ul {  /* Workaround fuer den IE 7 */
    background-color:silver; padding-bottom:0.4em;
  }
  ul#Navigation2 li:hover ul {
    display: block;  /* Unternavigation in modernen Browsern einblenden */
  }


  ul#Navigation2 li ul li {
    float: none;
    display: block;
    margin-bottom: 0.2em;
  }

  ul#Navigation2 a, ul#Navigation2 span {
    display: block;
    width: 5em;  /* Breite den in li enthaltenen Elementen zuweisen */
    padding: 0.2em 1em;
    text-align: center;
    text-decoration: none; font-weight: bold;
    border: 1px solid black;
    border-left-color: white; border-top-color: white;
    color: maroon; background-color: #ccc;
  }
  * html ul#Navigation2 a, * html ul#Navigation2 span {
    width: 8.6em;   /* Breite nach altem MS-Boxmodell f�r IE 5.x */
    w\idth: 6.4em;  /* korrekte Breite fuer den IE 6 im standardkonformen Modus */
  }
  ul#Navigation2 a:hover, ul#Navigation2 span, li a#aktuell {
    border-color: white;
    border-left-color: black; border-top-color: black;
    color: white; background-color: gray;
  }
  li a#aktuell {  /* aktuelle Rubrik kennzeichnen */
    color: maroon; background-color: silver;
  }
  ul#Navigation2 li ul span {  /* aktuelle Unterseite kennzeichnen */
    background-color: maroon;
  }

/*-- lässt die dritte Ebene verschwinden--*/
 ul#Navigation2 li:hover ul ul {display: none;}

/*-- lässt die dritte Ebene beim Hovern über die zweite in Erscheinung treten--*/
ul#Navigation2 ul li:hover ul {display: block; position: absolute; top: -0.5em; left: 100%;}

/*-- lässt die vierte Ebene verschwinden--*/
 ul#Navigation2 li:hover ul ul ul {display: none;}

/*-- lässt die vierte Ebene beim Hovern über die dritte in Erscheinung treten--*/
ul#Navigation2 ul ul li:hover ul {display: block; position: absolute; top: -5em; left: 100%;}

@media screen and (max-width: 44em) 
{
	body 
	{
    	margin:1.5em 0;      
  	}
	Navigation
	{
		ul 
		{
      		padding:0 .5em;    
    	}
    
    	ul > li 
		{
     		width:100%;
			padding:.45em .25em;
			margin:0 0 .55em 0;+
			color:blue;
    
      		&:after 
			{
	        	box-shadow:none;  
	      	}
		}
	}
}
.center 
{ 
	text-align: center;
	margin: auto;
}
/*Gedacht f�r den Rahmen aufgrund legend */
fieldset { /*border: none */
			padding-left: 10em;
			padding-right: 10em;
		}

ul {
	list-style-image:  url(../pfote.png);
} 

.bildrechts { float: right;}
.bildlinks { float: left;
			 margin-top: 0.5em;
			 margin-bottom: 0.5em;
			 margin-right: 1em;
			 }
#bilderfooter{ clear: both;
		margin-top: 1.5em;}

*{margin: 0em;
	padding: 0em;}

#wrapper {
	min-height:100%;
	position:relative;
}
#header {
	padding:10px;
}

#footer {
	text-align: center;
	
	width:100%;
	height:5em;
	position:absolute;
	bottom:0;
	left:0;
}

#zusatz, #klappe {
					clear:both;
				   display:none; 
				  }

form {	margin: auto;
	display: table; }
form div {display: table-row; }
label, input, select, textarea
	{ 
		display: table-cell;
		margin-bottom: 2em;				
	}

label { font-weight: bold;}

.eMail { position: relative; 
	 center: 0em;	
	}

/* Der Inhalt */
#content {
padding:5px;
color:#000000;
margin-left:15em;
margin-right:100px;
}
#contenttable {
padding:5px;
color:#000000;
margin-left:15em;
/*margin-right:25px;*/
}
#contentbilder
{
padding:5px;
color:#000000;
margin-left:175px;
clear: both;
}
#contentbild
{
padding:5px;
color:#000000;
margin-left:175px;
margin-right:50px;
}
#content, #contenttable, #contentbilder, #contentbild {
	padding-bottom:6em; /* Height of the footer element */
}