/* Alles reseten */
* {
 margin: 0;
 padding: 0;
}

ul, li {
 list-style-type: none;
}

/* Allgemeines */
body {
 font-size: small;
 font-family: Verdana, Arial, Sans-Serif;
 text-align: center;
 line-height: 1.4em;
 background-color: #FFF9FD;
 background: url(../pics/body_backgroundpic.jpg) repeat-x top left;
 background-attachment: fixed;
 margin: 20px 0 20px 0;
}

h1, h2, h3 {
 font-family: Arial, Helvetica, sans-serif;
 color: #372F22;
}

h1 {
 margin: 0 0 15px 0;
 font-size: 160%;
}

h2 {
 margin: 0 0 15px 0;
 font-size: 140%;
 letter-spacing: 1px;
}

h3 {
 font-size: 120%;
}

p {
 color: #372F22;
 text-shadow: #fff 0 1px;
}

p a:link, a:visited {
 color: #ce131a;
 text-decoration: none;
}

p a:hover {
 color: #909090;
 text-decoration: none;
}

/* Hauptcontent */
div#wrap {
 width: 760px;
 margin: auto;
 text-align: left;
 height: 100%;
 border: 1px solid #E9C66C;
}

/* Header */
div#header {
 width: 760px;
 height: 160px;
 border-bottom: 1px solid #E9C66C;
 background: #372F22 url(../pics/header.jpg) no-repeat;
}

div#header h1 {
 padding: 40px 60px 50px 35px;
 font-family: Geneva, Arial, Helvetica, sans-serif;
 font-size: 200%;
 letter-spacing: 0.7em;
 color: #FBF3E8;
}

/* Headerbuttom */
div#headerbuttom {
 width: 100%;
 height: 38px;
}

div#headerbuttom p {
 font-size: 85%;
 margin: 8px 0 8px 8px; 
}

div#headerbuttom a {
 text-decoration: none;
 color: #ce131a;
}

div#headerbuttom a:link {
 text-decoration: none;
 color: #ce131a;
}

div#headerbuttom a:hover {
 color: #909090;
}

div#headerbuttom img {
 margin: 0 12px 0 12px;
}

/* Navigation */
div#navigation {
 position: relative;
 float: left;
 left: -40px;
 width: 200px;
 height: 100%;
 font-family: "Century Gothic", Verdana, Sans-Serif;
 border: 1px solid #E0A31C;
 background-color: #FFF;
}

div#navigation p {
 margin: 0;
 padding: 2px 0 2px 10px;
 font-family: Arial, Helvetica, sans-serif;
 color: #fff;
 text-shadow: #000 0 -1px;
 background: #E0A31C url(../pics/navi.jpg) repeat-y top left;
}

div#navigation ul {
 margin-top: 10px;
 padding: 4px 0 4px 0;
}

div#navigation li {
 padding: 1px;
}

div#navigation li a:link, #navigation li a:visited {
 display: block;
 padding: 0 0 8px 14px;
 background-color: #FFF;
 text-decoration: none;
 color: #370000;
}

div#navigation li a:hover {
 color: #C68F2B;
}

div#navigation a#hier:link, div#navigation a#hier:visited,
div#navigation a#hier:hover, div#navigation a#hier:active {
 color: #C68F2B;
}

/* Content */
div#content {
 float: left;
 width: 550px;
 padding-bottom: 8px;
 font-size: 95%;
}

div#content p {
 line-height: 1.9em;
 margin: 10px 30px 10px 0;
 text-align: justify;
}

/* Footer */
div#footer {
 clear: both;
 width: 760px;
 height: 18px;
 background: url(../pics/footer.jpg);
 border-top: 1px solid #E9C66C;
}

div#footer p {
 margin: 0;
 padding: 0;
 font-size: 75%;
 text-align: center;
 letter-spacing: 1px;
 height: auto;
}

ul.literatur {
 font-size: 90%;
 margin: 15px 0 25px 0;
}

/* Bilder */
div.pics {
 text-align: center;
 margin: 20px 30px 20px 0;
}

/* Bilderrahmen */
img.foto {
 padding: 10px;
 border: 1px solid #eee;
 background-color: #fff;
 border-bottom: 1px solid #aaa;
 border-right: 1px solid #aaa;
}

/* Kontaktformular */
legend {
 font-weight: bold;
 color: #999;
}

#kontakt label {
 display: block;
 font-weight: bold;
}

fieldset {
 border: 1px solid #dbd;
 background: #fafafa;
 padding: 20px;
 background-color: #FFF;
 width: 490px;
 margin-top: 15px;
}

textarea {
 width: 375px;
 height: 125px;
 padding: 2px 4px 2px 4px;
}

ul.error {
 margin: 0 0 0 5px;
 color: red;
 font-weight: bold;
}

p.error {
 color: red;
 font-weight: bold;
 margin: 15px 0 5px 5px;
}

p.success {
 font-weight: bold;
}