/*
Vielen Dank, dass Die dieses CSS anschauen
Dieses Design ist geschützt:
David Reichenau, Pixelflow, 2010
*/

/*---------------Box Layout (div)-----------*/

body {
	font-family: Arial, Verdana, sans-serif;
	font-size: 12px;
	color: #4e4f50;
	background-color:#c0c0c0;
	overflow:scroll; /*sollte immer den scrollbalken anzeigen*/
}



#container {
	width:950px;
	background-color:#fff;
	
	left:50%; /*diese zwei Zeilen sind für das horizontale Einmitten*/
	margin-left:-475px; /*diese zwei Zeilen sind für das horizontale Einmitten (-475px da 1/2 der Breite von 950px )*/
	
	position:absolute; /*Achtung: ohne position:absolute umschliesst der container nicht alle div's!!, das heisst, dass der container nicht realtiv zu den anderen divs positioniert wird, sondern eben  absolut*/
	
}

#contact {
	width:949px;
	height:15px;
	text-align:right;
	padding: 1px 1px 1px 0px;
	margin: 0px 0px 0px 0px;
}

#bildstreifen {
	background: url(../bilder/bildstreifen.png) no-repeat left; /*Achtung: file muss vom css aus angegeben werden, nicht von der html-seite, deshalb ../ für eine Ebene rauf*/
	width:950px;
	height:147px;
	float: left;
	margin:auto;
	vertical-align:top;
	text-align:left;
	padding: -2px 0px 0px 0px;
}




	

#inhaltsbox {
	background-color:#fff;
	width:694px;
	float: right;
	margin:auto;
	text-align:left;
	
}

#inhalt {
    position:relative;
	background: url(../bilder/ueberschrifthintergrund.png) no-repeat; /*Achtung: file muss vom css aus angegeben werden, nicht von der html-seite, deshalb ../ für eine Ebene rauf*/
	border: solid 2px #999;
	width:655px;
	vertical-align:top;
	text-align:left;
	padding: -10px 0px 0px 0px;
	margin:14px 10px 18px 15px;
	min-height:500px; /*min-height ist wichtig für die neuen versionen der browser; height geht nicht*/
	_height:500px; /*hack für IE6, weil er min-height nicht kennt*/
}

#fusszeile {
	background: url(../bilder/fusszeile.png) no-repeat left; /*Achtung: file muss vom css aus angegeben werden, nicht von der html-seite, deshalb ../ für eine Ebene rauf*/
	background-position: 0px 0px 0px 0px;
	height:15px;
	width:946px;
	text-align:right;
	padding:3px 2px 3px 2px;
	float:left;
	display:inline-block; /*wichtig, für fusszeilefehler im opera*/
}


h1 {
	font-size: 24px;
	color:#b71104;
	vertical-align:top;
	margin: -2px 0px 0px 0px;
	padding: 10px 0px 10px 20px;
}

h2 {
	font-size: 16px;
	color:#b71104;
	font-weight:bold;
	vertical-align:top;
	margin: -10px 0px 0px 0px;
	padding: 0px 0px 0px 20px;
	
}

h3 {
	font-size: 12px;
	color:#666;
	font-weight:bold;
	vertical-align:top;
	margin: -2px 0px 0px 0px;
	padding: 0px 0px 0px 20px;
}

p {
	font-size: 12px;
	padding: 0px 20px 10px 20px;
}

	

/* links */

#navigation {
	background-color:#fff;
	width:250px;
	height: 500px;
	float: left;
	padding:15px 0px 0px 0px;
}

#pfeil,
#pfeil_unternavi,
#pfeil_gegenunten{
	width:100%;
	height:30px;
	background-image: url(../bilder/pfeil_links.png); /*Achtung: file muss vom css aus angegeben werden, nicht von der html-seite, deshalb ../ für eine Ebene rauf*/
	background-position:left;
	background-repeat:no-repeat;
	margin-bottom:5px;
}

#pfeil_unternavi {
	background-image: url(../bilder/pfeil_rechts.png);
}
#pfeil_gegenunten{
	background-image: url(../bilder/pfeil_unten.png);
	
}

#navigation a,
#unternavigation a {
	display:block;
	font-family: Arial, Verdana, sans-serif;
	font-size: 16px;
	text-decoration:none;
	
	background-color:#999;
	border: 1px #999 solid;
	color:#333;
	
	padding:5px 5px 5px 10px;
	margin-left:30px;
	margin-bottom:5px;
}

#unternavigation a{
	width:160px;
	margin-left:73px;
	/*float:right;*/
}

#navigation a:link {
}
#navigation a:visited {
}
#navigation a:hover {
	border: 1px #b71104 solid;
}

#navigation a.hierbinich {
	border: 1px #b71104 solid; /* klasse für den aktuellen Punkt, ändern*/
	color: #b71104;
}

#navigation a:active {
}


#contact a,
#inhalt a{
	color:#b71104;
	text-decoration: none;
	font-weight:bold;
		
}

#contact a:hover,
#inhalt a:hover{
	text-decoration:underline;
	
}

#fusszeile{
	font-weight:bold;
	}
	
table, 
td        { border:none; }