/* Stylesheet BEC */
* { /* Alle Abstände etc. auf 0 setzen*/ 
	padding: 0; margin: 0
}
html { /*erzwingt scrollbar in firefox */
	heigth: 101%;
} 

body { /* Bodygestaltung */
	color: white; 
	background-color:White; /* Hintergrundfarbe */
	font-family: Verdana, Arial, Helvetia, sans-serif;
	font-size: small; /* Schriftgröße*/
}
#wrapper { /* wrappergestaltung */
	color: black; /* Schriftfarbe */
	background-color: white; /* Hintergrundfarbe */
	width: 720px; /* Breite des inhaltsbereiches*/
	margin-top: 10px;
	margin-right:auto; /* Zentrieren des Elements durch Definition der äußeren Abstände */
	margin-bottom: 10px;
	margin-left:auto;
}
#kopfbereich { /*Gestaltung des kopfbereiches*/
	color:Black;
	background-color:White;
	padding: 10px 20px 0 20px;
}
	#kopfbereich li {
	display: inline; /*li nebeneinander anzeigen */
	list-style-type: none; /* ohne Aufzählungspunkte */
	margin-bottom:20px;	
}

	#kopfbereich a { text-decoration:none; outline: none; }
	#kopfbereich p {
	padding: 20px 0 40px 0;
	margin-bottom: 0;
	font-size:smaller;
}
#kopfbereich #logo p { 
	text-align:right;
	color:Black;
	background-color: white;
	padding:5px;
	/*border: 5px solid #d9d9d9;*/
}	
	
#navigation { /*Abstände des Navigationsbereiches */
        text-align:right;
        font-size:x-small;
        color:Black;
        background:white;
        padding: 5px 10px 4px 10px;
	border-bottom: 1px solid #8c8c8c;
}
	#navigation ul {margin-bottom:0;}
	#navigation li {
		display: inline; /*li nebeneinander anzeigen */
		list-style-type: none; /* ohne Aufzählungspunkte */
		margin: 0;
	}

	#navigation a:hover,
	#navigation a:focus,
	#startseite #navi01 a,
	#wir #navi02 a,
	#projektseite #navi03 a,
	#galerie #navi04 a,
	#kontaktseite #navi05 a,
	#impressum #navi06 a {
	color:Black;
	background-color:Silver;
	padding: 4px 8px 4px 8px;
	border: 1px solid #8c8c8c;
	border-bottom-color:white;
}
	#navigation a:active { 
	color:Black;
	background-color:White;
}
#inhalt { /*Abstände des Inhaltsbereiches;*/
	padding-top:20px;
	padding-right:10px;
	padding-bottom:20px;
	padding-left:20px;
}

#fussbereich {
	padding-top:10px;
	padding-right:20px;
	padding-bottom:20px;
	padding-left:20px;
	border-top:1px solid #8c8c8c;
	margin-top:20px;
	}

h1 {
	text-align:left;
	font-size: 150%;} /* Überschrift 1 */
h2 {font-size: 130%;} /* Überschrift 2 */

address { /*Gestaltung der Adresszeile*/
	text-align: center;
	font-size: 80%; /*etwas kleiner als normaler text*/
	font-style: normal;
	letter-spacing: 2px; /*Abstand zwischen den Buchstaben*/
	line-height: 1.5em; /* Zeilenabstand */	
}
a { text-decoration:none; outline: none; } /* Unterstreichung entfernen */
a:link { 
	color:#400040; 
	font-weight:bold;} /* Farbe nicht besuchter link */
a:visited { 
	color:black; 
	font-weight:bold;} /* Farbe besuchter link */
a:hover, a:focus {
	border-bottom: 1px solid #f90000;
}
a:active {
	color:White;
	background-color:Silver; 
}
#inhalt a { 
	border-bottom: 1px solid #cc0000; 
	}
	#inhalt a:hover,
	#inhalt a:focus { 
		border-bottom: 1px solid #d90000; 
}
.textfeld01 {
	color:Black;
	background-color: #ffffff;
/*	border: 3px solid #ecf7dd; */ 
}
/* Abstände für Listen und Absätze definieren */
h2, p, u1, o1 {
	margin-bottom: 1em;
}
/* Verschachtelte Listen ohne Abstand */
u1 u1 {
	margin-bottom: 0;
}
/* Abstand von links */
li {
	margin-left: 1em;
}
#bec {font-weight:bold;
	font-size:small;}
#textlink {text-align:right;
}	
/* -------------------------------------------
Sonstige Styles
-----------------------------------------------*/
/* Kontaktformular */

form { 
	background-color:#eee;
	width:370px;
	padding:20px;border:1px solid #8c8c8c; 
}
label { /* Beschriftung auf eigener Zeile */
	display: block;
	cursor: pointer; /* Mauszeiger wird zur hand */
}
input#absender, 
textarea {
	width:300px;
	border:1px solid #8c8c8c;
	margin-bottom:1em; 
}
textarea { 
	height:7em;
}
input#absender:focus,
textarea:focus {
	background-color:#d9d9d9; 
}