@charset "iso-8859-1";
/* CSS Document */
/*1. Reset und Restaurierung*/
* {
	margin: 0;
	padding: 0;
}
html {
	overflow-y: scroll;
}
h1, h2, h3, p, ul, ol {
	margin-bottom: 1em;
}

li {
	margin-left: 1em;
	
}
/*2. Algemein*/

body {
	font-family: Verdana, Geneva, sans-serif;
	font-size: small;
	line-height: 1.5;
	background-color: #666;
}
h1 {
	font-family: 'Ubuntu Mono', sans-serif;
	font-size: 150%;
	color: #900;
}
a {
	text-decoration: none;
	outline: none;
}

address {
	font-size: 80%;
	font-style: normal;
	letter-spacing: 2px;
}

/*3. Layout*/
#wrapper {
	background-color: #f2f2f2;
	margin: 10px auto;
	width: 760px;
	border: 1px solid #900;
	box-shadow: 4px 4px 8px #222;
}

#header {
	background-color: #CCC;
	height: 250px;
}
#nav {
	text-align: right;
	background-color: #CCC;
	padding: 10px 10px 6px;
	border-bottom: 1px solid #900;
}
#nav a {
	padding: 4px 5px 8px;
	border: 1px solid #900;
	border-radius: 7px 7px 0 0;
}
#nav ul {
	
	margin-bottom: 0;
}
#nav li {
	display: inline;
	margin-left: 0px;
}
#nav a:link {
	color: #FFF;
	background-color: #900;
}
a:visited {
	color: #FFF;
}

#nav a:hover {
	background-color: #f2f2f2;
	border-bottom-color: #f2f2f2;
	color: #900;
}

a.hier {
	background-color: #f2f2f2 !important;
	border-bottom-color: #f2f2f2 !important;
	color: #900;
}


#content {
	padding: 20px;
}
#footer {
	margin-top: 20px;
	border-top: 1px solid #900;
	padding-top: 10px;
	text-align: center;
	border-right-color: #900;
	border-bottom-color: #900;
	border-left-color: #900;
}
/*4. Sonstige*/
form {
	background-color: #d9d9d9;
	width: 370px;
	padding: 20px;
	border: 1px solid #900;
	margin-left: 100px;	
}
label {
	display: block;
	cursor: pointer;
}
textarea {
	height: 7em;
}

input#besuchername,
input#besuchermail,
textarea {
	width: 300px;
	margin-bottom: 1em;
	border: 1px solid #8c8c8c;
}
input:focus,
textarea:focus {
	background-color: #CCC;
}
