/* CSS Document */
/**
 * Wichtige Angabe height: 100%
   für html und body, damit
   die Seitendimension Höhe 100%
   vorgegeben ist.
   margin und padding werden hier auf 0 gesetzt um ränder zu verhindern.
   Für eine saubere Umsetzung wäre die Angabe
   * {
      margin: 0;
	  padding: 0;
	  }
*/
html, body {
	width: 100%;
	height: 100%;
	margin: 0;
	padding: 0;
}

body {
	font-family: Geneva, Arial, Helvetica, sans-serif;
	font-size: 1em;
}

.h1 {
	color: #004391;

}
.clear {
	clear: both;
}

/**
  Die page-Definition gibt dann die
  100% Seitenhöhe vor.
*/
#page {
	position: relative;
	min-height: 100%;
	height: auto !important;
	height: 100%; /* Für IE6 nötig, da dieser kein min-height kennt */
	margin: 0;
	padding: 0;
	width: 100%;
	background-image: url(img/backcontent.jpg);
	background-repeat: repeat-x;
}
#header {
	height: 100px;
	min-width: 900px;
	width: 100%;
	padding: 0px 0 50px 0;
	text-align: center;
	color: #CCCCCC;
	background-image: url(img/backheader.jpg);
	background-repeat: repeat-x;
}
#menuebox {
width: 900px;
margin: 0 auto 0 auto;

}

#content {
	width: 900px;
	margin: 0 auto 0 auto;
	padding: 20px 0 60px 0;  /* padding am unteren Bereich beinhaltet 
								die Höhe des footer (53px) + 7px zusätzlichen Abstand 
								damit der Inhalt nicht unter den footer läuft */
	color: #333333;
}
#footer {
	position: absolute;
	bottom: 0;
	height: 50px;
	min-width: 900px;
	width: 100%;
	border-top: 3px solid #CCCCCC;
	background-color: #004391;
	color: #FFFFFF;
	text-align: center;
}


/** 
  * Ein paar Formatierungen 
  */
#content hr {
	border: none;
	border-top: 1px solid #CCCCCC;
}

#footer a {
	color: #FFFFFF;
}

/*
	Menue-styles fuer non-IEs
	Achtung:
	Fuer non-IEs gilt das Stylesheet 'dropdown.css'!
	Fuer IE gilt das Stylesheet 'fix-ie.css' (per CC)!
*/

#menuebox {
position: relative;
height: 30px;
}
.stupidie {
display: none;
}
#menue {
position:absolute;
top: 5px;
left: 0;
z-index: 200;
}

#menue .aussen {
float: left;
display: block;
overflow: hidden;
width: 8em;
height: 1.3em;
font-weight: bold;
text-align: center;
background-color: #CAE9FB;
color: #000000;
border: 1px solid;
border-color: #004391;
}
#menue .aussen:hover {
height: auto;
background-color: #004391;
color: #fff;
}

a.innen-1 {
margin-top: 2px;
}
a.innen,
a.innen-1 {
display: block;
width: 7.9em;
padding: 2px 0;
text-decoration: none;
font-weight: normal;
border-bottom: 1px solid #004391;
background-color: #CAE9FB;
color: #004391;
}
a:visited.innen,
a:visited.innen-1 {
background-color: #CAE9FB;
color:#555;
}
a:hover.innen,
a:hover.innen-1 {
background-color: #f7eedb;
color: #900;
}

span.menutag {
display: block;
cursor: default;
}


++++++++++++++++++++
   CSS Teil II
++++++++++++++++++++

/*
	Menue-styles fuer IEs
	Am besten per Conditional Comment einbinden.
	Fuer IE5.5 und 5.0 muessen nur geringfuegige kosmetische
	Anpassungen vorgenommen werden (siehe Kommentare).
*/

#menue {
display:none;
}
.stupidie {
display: block;
position: absolute;
top: 5px;
left: 0;
z-index: 200;
}

a.auss {
float: left;
width: 8em;
height: 1.4em;
overflow: hidden;
display: block;
font-weight: bold;
text-align: center;
text-decoration: none;
background-color: #CAE9FB;
color: #000000; 
border: 1px solid;
border-color: #004391;
}
a:hover.auss {
overflow: visible;
background-color: #624617;
color: #fff;
}
a:hover.auss table {
display: block;
margin-top: 3px;
background-color: #dec79a;
color: #400;
border-collapse: collapse;
}

a.inn {
display: block;
width: 7.9em; /* fuer 5er IEs anpassen, sonst 'zuckt' es */
padding: 2px 0;
font-size: 100%; /* fuer 5er IEs auf 80% reduzieren */
font-weight: normal;
text-align: center;
text-decoration: none;
border-bottom: 1px solid #004391;
background-color: #CBEBFA;
color: #000000;
}
a:visited.inn {
background-color: #ecd8ae;
color:#444;
}
a:hover.inn {
position: relative;
background-color: #f7eedb;
color: #900;
}
span.menutag {
display: block;
cursor: default;
}