/* CSS Document Copyright Sabine Hueber, Designeon */

body {
   background-color: #e1ddd9;
   padding: 0;
  
}
.aussenrahmen {
   margin-bottom:5px;
   min-width: 377px; 
   min-height:20px;
   padding: 5px 0;
   background-color:#FFFFFF;
}

.aussenrahmen1 {
   margin-bottom:5px;
   min-width: 377px; 
   min-height:20px;
   padding: 5px 0;
   
}

.aussenrahmen2 {
   margin-bottom:5px;
   min-width: 377px; 
   min-height:20px;
}

.aussenrahmen_mitte {
   margin-bottom:5px;
   min-width: 377px; 
   height:240px;
   padding: 5px 0;
   background-color:#FFFFFF;
}

.headline {
	font-family:Arial, Helvetica, sans-serif;
	font-size:0.9em;
	line-height:1.5em;
	color:#2D3B81;
	margin-top:30px;
	margin-bottom:10px;
	text-align: left;
	padding-left:15px;
	border-bottom-color:#FFFFFF;
	border-bottom-width:4px;
	border-bottom-style:solid;
}

/* grid-layout */

.boxrahmen {
/* position:relative, um enthaltene Boxen absolut zum .boxrahmen zu positionieren */
   position: relative;
   padding: 5px 0;
/* width notwendig für IE Win, da sonst Fehldarstellung */
   width: 100%;
/* text-align zur Zentrierung der mittleren Box, notwendig für IE 5 und IE 6 im Quirk-Modus */
   text-align: center; 
}

.box01 {
   position: absolute; 
   margin:0px 5px 0px 5px;
   top: 10px;
   left: 2%;
/* z-index: zwischenliegende Box bei Überlagerung */
   z-index: 2;
   width: 30%;
   min-width: 230px;
   text-align: left;
   color: #333333;
}

.box02 {
/* position:relative für z-index */
   position: relative;
/* z-index: oberste Box bei Überlagerung */
   z-index: 3;
   color: #333333;
   width: 30%;
   min-width: 230px;
/* margin-Angaben zur standardmäßigen Zentrierung der mittleren Box (auch IE 6 im Standardmodus) */
   margin: 0 auto;
   padding-top:6px;
   text-align: left;
/* ab hier optionaler Hack für IE 6, um eine Art "Pseudo-min-width"-Effekt 
zu erzeugen; basierend auf Tantek-Hack (siehe auch 
http://www.b-spoke.de/artikel/css-box-model/boxmodell-03.html
und dem in boxen01.css erwähnten Hack von Thomas Scholz;
falls nicht gewünscht, ab hier bis zum Ende-Kommentar entfernen;
verursacht Warnung (keinen Fehler!) beim Validieren */ 
   voice-family: "\"}\"";
   voice-family: inherit;
 /* ab hier Ende für IE 5 Win */
}
* html .box02 { 
 /* nur fuer IE 6 Win, IE 5 produziert sonst Fehldarstellung \*/
   margin-right: 100px;
   margin-left: 100px;
/* IE-Hack Ende*/
}

.box03 {
   position: absolute; 
   margin:0px 5px 0px 5px;
   top: 10px;
   right: 2%;
/* z-index: unterste Box bei Überlagerung */
   z-index: 1;
   color: #333333;
   width: 30%;
   min-width: 230px;
   text-align: left;
}

.box01 h1,
.box02 h1,
.box03 h1 {
	font-family:Arial, Helvetica, sans-serif;
	margin: 12px 5px;
	font-size:1em;
	color:#2D3B81;
	line-height:1.3em;
}

.box01 p,
.box02 p,
.box03 p {
   margin: 12px 5px;
   font-family:Arial, Helvetica, sans-serif;
   font-size: 0.85em;
   line-height:1.5em;
}

.box01 h2,
.box02 h2,
.box03 h2 {
   margin: 12px 5px;
   font-family:Arial, Helvetica, sans-serif;
   font-weight:normal;
   line-height:1.3em;
   font-size: 0.7em;
}

.box01 h3,
.box02 h3,
.box03 h3 {
   margin: 12px 5px;
   font-family:Arial, Helvetica, sans-serif;
   font-weight:normal;
   font-size: 0.7em;
}

.box01 h4,
.box02 h4,
.box03 h4 {
   margin: 12px 5px;
   color:#006699;
   font-family:Arial, Helvetica, sans-serif;
   font-weight:bold;
   font-size: 0.8em;
}

/* first level navigation */

 #navcontainer {
	width: 100%;
	float: left;
	line-height:1.5em;
	background-color:#90897a;
	margin:0px;
}

#navcontainer ul li { display: inline; }

#navcontainer ul {
	margin: 0;
	height:1%;
	color: #FFFFFF;
	font-family:Arial, Helvetica, sans-serif;
	font-size: 0.85em;
}

#navcontainer ul li a {
	height:1%;
	background-color: #90897a;
	color: #FFFFFF;
	text-decoration: none;
	float: left;
	border-right: 2px solid #FFFFFF;
}

#navcontainer ul li a:hover {
	height:1%;
	background-color: #2D3B81;
	color: #FFFFFF;
}

#navlist {
	height:1%;
	margin:0;
	padding:0;
}

#navlist li a:hover, #navlist li a:active {
	height:1%;
	color: #2D3B81;
	text-decoration: none;
	text-align: left;
}

a #current {
	height:1%;
	color:#2D3B81;
}

.navcontainer .active { 
	color:#330099;
}


/* second level navigation */

#navlist2 {
	height:1%;
	margin: 9px, 0px, 0px, 0px;
	padding:0;
}

#navcontainer2 ul {
	height:1%;
	margin-left: 0;
	padding-left: 0;
	list-style-type: none;
	font-family: Arial, Helvetica, sans-serif;
}

#navcontainer2 ul li a {
	height:1%;
	display: block;
	margin:2px;
}

#navcontainer2 a:link, #navlist2 a:visited {
	height:1%;
	color: #2D3B81;
	text-decoration: none;
	font-size:0.85em;
}

#navcontainer2 a:hover {
	height:1%;
	color:#90897a;
}

a #current2 {
	height:1%;
	color:#9966CC;
}


.bilderrahmen {
	margin:12px 5px;
	border-style:solid;
	border-width:2px;
	border-color:#FFFFFF;
}

.link {
	font-family:Arial, Helvetica, sans-serif;
	font-size:1.0em;
	font-weight:bold;
	color: #2D3B81;
	text-decoration:none;
}

.link a:hover {
	text-decoration:none;
	color:333333;
}

.link a:active {
	text-decoration:none;
	color:333333;
}

.link a:visited {
	text-decoration:none;
	color: #2D3B81;
}

.extralink {
	font-family:Arial, Helvetica, sans-serif;
	font-size:0.7em;
	color: #2D3B81;
	text-decoration:none;
	margin-left:15px;
}

.extralink a:hover {
	text-decoration:none;
	color:333333;
}

.extralink a:active {
	text-decoration:none;
	color:333333;
}

.extralink a:visited {
	text-decoration:none;
	color: #2D3B81;
}