@charset "UTF-8";
/* CSS Document */

html, body { 
background-color: #3a2512;
margin: 0;
padding: 0;
height: 100%; /* WICHTIG!!! STRECKT ANZEIGENBEREICH AUF 100% */
color:#3a2512;
font-family:arial, verdana, helvetica;
font-size:12px;
	letter-spacing: 0.03em;
line-height: 140%;
}

/*------------------------------------------------------------------
Formatierung divs
--------------------------------------------------------------------*/

#wrapper {
background-color:#c6762a;
width: 966px; 
min-height: 100%; /* Farbe rechts, Mindesthöhe für moderne Browser */
height:auto !important; /* Important Regel für moderne Browser */ 
height:100%; /* Mindesthöhe für den IE */ 
overflow: hidden; !important; /* FF Scroll-leiste */ 
overflow-y: auto; /* für ie8 in verbindung mit windows xp professioinal*/
}
 #container { 
	width: 966px; 
	border-right: 1px solid #fbfbfb;
	text-align: left;
} 
 #header { 
	background: #fbfbfb;  
	height:250px;
	text-align:left;
	margin:0;
	background-image:url(head/head_courage.jpg);
	background-repeat:no-repeat;
			
} 

 #mainContent {
 	margin: 55px 0 50px 90px; 
	width:500px;
}
 
 #sidebar2 {
	float: right; 
	width: 300px; /* Da es sich hier um ein floatendes Element handelt, muss eine Breite angegeben werden. */
	
	padding: 80px 0; 
	font-size:10px;
	color:#f9fbef;
	line-height:normal;
}

 #footer { 
	padding: 0 97px; /* Diese Auffüllung entspricht der linksbündigen Ausrichtung der Elemente in den divs, die darunter erscheinen. */
	background:#DDDDDD;
	height:auto !important; /* hinzugefügt für windows xp professional und ie8: Important Regel für moderne Browser */ 
}

/*------------------------------------------------------------------
Formatierung text
--------------------------------------------------------------------*/
#sidebar2 p, #sidebar2 h3 {
	margin-left: 50px; /* Für jedes Element, das in den seitlichen Spalten platziert wird, sollten ein linker und ein rechter Rand angegeben werden. */
	margin-right: 80px;
	font-weight:bold;
}	

#sidebar2 img {
	margin-left: 40px; /* Für jedes Bild */
}

#sidebar2 h3 {
	font-weight:bold;
	font-size:10px;
}
 
#mainContent h1{	
	font-size:16px;
	padding: 10px 0;
	}
	
#mainContent h2{	
font-size:14px;
	font-weight:bold;
	padding: 14px 0 3px;
	}
	
#mainContent h3{	
	font-size:12px;
	font-weight:bold;
	padding: 0;
	margin:0;
	}
	
#mainContent  ul {			
	list-style-type:disc;
	margin-left:10px;
	line-height:20px;
			}
#mainContent  ul li {			
	font-weight:bold;
			}

#mainContent .einrueckung{
	padding-top:6px;
	margin-left:10px;
	}		
.formular {
	font-family:  Arial, Helvetica, sans-serif;
	font-size: 13px;
	line-height: 15px;
	color: #3a2512;
	font-weight: normal;
}

.bold {
	font-weight: bold;
}
	
 
#footer p {
	margin: 0; /* Wenn Sie die Ränder des ersten Elements in der Fußzeile auf 0 einstellen, können Sie unerwartete Abstände zwischen divs vermeiden. */
	padding: 10px 0; /* Durch die Verwendung der Auffüllung bei diesem Element entsteht genau wie bei einem Rand ein Leerraum, aber ohne die potenziellen Abstandsprobleme. */
	font-size:11px;
	letter-spacing: 0.03em;
}

#big	{
		font-size:14px;}

/*------------------------------------------------------------------
Formatierung menü und verlinkung
--------------------------------------------------------------------*/
/*+++++++++++++++++++++++menü top ++++++++++++++++++ */
#menu{
	float:left;
	text-align:left;
	list-style-type: none;
	padding-top:179px;
	padding-left:40px;
	margin:0;
	font-size: 13px;
	letter-spacing: 0.03em;
	
	}
		
		
#menu li{
		float: left;
		display: inline;
		list-style-type: none;
	
	}
		
#menu li a, #menu li a:visited{
		color:#3a2512;
		font-weight:bold;
		text-shadow: 3px 3px 5px #777;
		filter:shadow(color:777, direction:50);
		letter-spacing: 1px;
		text-decoration: none;
		border-right:thin solid #3a2512;
		display:block; /* sonst wird border nicht angezeigt*/
		padding-right:8px;
		padding-left:8px;
		text-align:left;
	}
		
#menu li a:hover{
		text-decoration:underline;

		}
#menu li.ist a { 
		font-weight:bold;
		text-decoration:none;
		border-bottom:1px solid #6d5845;
		background-color:#c6762a;
		text-shadow:none;
		
		}

#mainContent a:link, #mainContent a:visited{
	text-decoration: underline;
	color:#3a2512;
	}

#mainContent a:hover{
	text-decoration: underline;
	color:#f2f4e9;
}
		
a.footer:link, a.footer:visited{
	text-decoration: none;
	color:#3a2512;
	font-size:11px;
	letter-spacing: 0.03em;
}

a.footer:hover{
	text-decoration: underline;
}



/* Verschiedene wieder verwertbare Klassen */
.fltrt { /* Mit dieser Klasse können Sie ein Element auf der Seite nach rechts fließen lassen. Das floatende Element muss vor dem Element stehen, neben dem es auf der Seite erscheinen soll. */
	float: right;
	margin-left: 8px;
	background:#00ff00;
}
.fltlft { /* Mit dieser Klasse können Sie ein Element auf der Seite nach links fließen lassen. */
	float: left;
	margin-right: 8px;
}
.clearfloat { /* Diese Klasse sollte in einem div- oder break-Element platziert werden und das letzte Element vor dem Schließen eines Containers sein, der wiederum einen vollständigen Float enthalten sollte. */
	clear:both;
    height:0;
    font-size: 1px;
    line-height: 0px;
}