/*
first Der Menüpunkt ist der erste in seiner Liste
middle Der Menüpunkt ist weder der erste noch der letzte in seiner Liste
last Der Menüpunkt ist der letzte in seiner Liste
no Der Menüpunkt ist nicht aktiv
act Der Menüpunkt ist aktiv, hat aber keine Unterlelemente
actifsub Der Menüpunkt ist aktiv und hat aber Unterlelemente

FARBEN:

###grautöne
braun #D6CCB6
beige #F2E7CD
gruen #C5D5BA
gruen grau #D1D3CC
dkl gruen grau #BEC7BD
blaugruen grau #D6DEDF
blau grau #DCDDE8
dkl blau grau #BFCEDC

###logo, links, content
cyanblau #00A6EB
dklblau menu #001923

###haupnavi hintergrund
ebene 1 blau #00A6EB
ebene 2 blau #52BBEC
ebene 3 blau #80C8EA
ebene 4 blau #A7D7ED
*/

html, body {
	min-height: 100%;
	height: 100%; 
	padding:0;
	margin: 0;
	background-color: #fff;
	font-family: "Trebuchet MS", Verdana, Arial, Helvetica, sans-serif;
	font-size: 0.89em;
	color: #000;
}

#positioner{
	background-image: url('img/container_bg.gif');
	background-repeat: repeat-y;
	margin: auto;
	position:relative;
	padding: 0px; 
	width: 953px;
	min-height: 100%;
	height: 100%;
	border-collapse: collapse;
}

/* args .. IE 6 - Hack */ 
*html #container {
  height: 100%;
}

#container{
	/* position:relative; */
	min-height:100%;
	width:100%;	
	background-image: url(../img/body-bg.gif);
	background-repeat: repeat-y;	
	float:left;
	border:0px;
	border-left: 1px #666666 solid;
	border-right: 1px #666666 solid;
}

#upper-wrapper-container{
	width:100%;
	height:149px;
	float:left;	
	background-color: #FFF;
}

#upper-container{
	width:100%;
	height:100%;
	float:left;
}

#logo-container{
	height:100%;
	width:165px;
	float:left;
	
}

#logo-section{
	height:149px;
	border:0px;
	float:left;	
	width: 100%;
	background-color: #FFF;
	background-image: url(../img/logo.jpg);
	background-repeat: repeat-y;
}

#pagetitle-metanav-container{
	height: 149px;
	border: 0px;
	border-left: 1px #666666 solid;
	border-right: 1px #666666 solid;
	background-color: #F2E7CD;
	width: 555px;
	float:left;
}


#pagetitle-container{
	height: 118px;
	width: 100%;
	float:left;
	background-image: url(../img/seitentitel_bg.jpg);
}

#pagetitle-section{
	width: 100%;
	height: 100%;
	border: 0px;
	float:left;
	background-image: url(../img/seitentitel_bg.jpg);
}

#metanav-container{
	height: 32px;
	width: 100%;
	float:left;
}

#metanav-section{
	border:0px;
	border-top: 1px #666666 solid;
	background-color: #F2E7CD;
	width: 100%;
	height: 100%;
	float:left;
}

#visual-spacer-container{
	height: 149px;
	border: 0px;
	width: 231px;
	float:left;
}


#visual-container{
	height: 118px;
	width: 100%;
	float:left;
}

#visual{
	width: 100%;
	height: 100%;
	border: 0px;
	float:left;
}

#spacer-container{
	height: 32px;
	background-color: #C5D5BA;
	width: 100%;
	float:left;
}

#spacer-section{
	border-top: 1px #666666 solid;
	width: 100%;
	height: 100%;
	float:left;
}

#lower-wrapper-container{
	border: 0px;
	border-top: 1px #666666 solid;
	width: 953px;
	height: 100%;
	float:left;
}

#navi-container{
	border: 0px;
	width: 165px;
	float: left;
}

#breadcrumb-content-container{
	width: 555px;
	float: left;
	border: 0px;
	border-left: 1px #666666 solid;
	border-right: 1px #666666 solid;	
}

#language-teaser-container{
	width: 231px;
	float: left;
	border: 0px;
}

#navi-section{
	width: 100%;
	height: 100%;
	float: left;
}

#breadcrumb-container{
	height: 2em;
	width: 100%;
	float: left;
}

#breadcrumb-section{
	height: 100%;
	width: 100%;
	float:left;
	border: 0px;
	border-bottom: 1px #666666 solid;
}

#content-section{
	height: 100%;
	float:left;
	padding: 10px 10px 10px 10px;
}

#language-container{
	height: 2em;
	width: 100%;
	float: left;
}

#language-section{
	height: 100%;
	width: 100%;
	float:left;
	border: 0px;
	border-bottom: 1px #666666 solid;
}

#teaser-section{
	height: 100%;
	float:left;
	padding: 10px 10px 10px 10px;
}

#suche{
	width: 200px;
	float:left;
}

.clear{
	clear:both;	
}