/* --------------------------------------

Holger Gehring
Date: 14.07.2017
Version: 1.0

Template: http://freietemplates.de/
----------------------------------------*/


/*------ general ---------------------- */
body {
background-color:#5b7575;
font-size:12px;
font-family: Arial, sans-serif;
color:#4d4d4d;
padding:0;
margin:0;
}

* {
padding:0;
margin:0;
outline:none;
}

a { color:#003535;}
a:hover { color: #003535;}

img {
border-style: none;
	border-color: inherit;
	border-width: medium;
	text-align: center;
}

/* headings */
h1 {
font-family: Arial, sans-serif;
font-size:22px;
font-weight:normal;
color:#f0aa00;
border-bottom:1px solid #e4e4e4;
padding:5px 0;
margin:0 0 10px;
}

p {
color:#003535;
	}


/* structure */
#header {
background-image:url(bilder/header.png);
background-repeat:no-repeat;
width:960px;
height:140px;
}

#wrapper {
background-color:#fff;
clear:both;
width:960px;
margin:20px auto 50px;
-moz-box-shadow:    0px 0px 5px #003535;
-webkit-box-shadow: 0px 0px 5px #003535;
box-shadow:         0px 0px 5px #003535;
}

#content {
clear:both;
width:960px;
height:auto;
margin:20px 0;
}

#left {
float:l;
width:160px;
margin:0 0 0 10px;
}

#middle {
width:720px;
margin:0 auto;
line-height:18px;
}

/* Topnavigation */
#topnav {
width:960px;
height:34px;
background-color:#003535;
margin:0 0 10px 0;
padding:0;
-moz-box-shadow:    0px 6px 5px #5b7575;
-webkit-box-shadow: 0px 6px 5px #5b7575;
box-shadow:         0px 6px 5px #5b7575;
}

#topnav ul {
list-style:none;
position:relative;
float: left;
left:50%;
margin:0 auto;
padding:0;
}

#topnav li {
float:left;
position:relative;
right:50%;
margin-right:10px;
padding:5px 10.px;
}

#topnav li a {
height:24px;
display:block;
color:#d4d4d4;
text-decoration:none;
padding:10px 15px 0;
margin:0;
}

#topnav li a:hover {
background-color:#5b7575;
color:#fff;
}

/* Menü der linken Spalte */
.menu {
font-size:11px;
}

.menuhead {
font-family: Arial, sans-serif;
font-size:15px;
font-weight:bold;
letter-spacing:1px;
padding:0;
margin:20px 0 7px 0;
color:#f0aa00;
text-transform:uppercase;
}

.menuhead:first-child {
margin:0 0 7px 0;
}

.menu ul {
list-style-type:none;
}

.menu ul li {
height:27px;
width:160px;
border-bottom:1px solid #e4e4e4;
}

.menu ul li:first-child {
border-top:1px solid #e4e4e4;
padding:0 0 1px 0;
}

.menu ul li a {
display:block;
width:160px;
height:19px;
color:#4d4d4d;
text-decoration:none;
padding:7px 0 0px 0;
margin:1px 0 0 0;
}

.menu ul li a:hover {
color:#000;
background-color:#f1f1f1;
text-shadow:1px 1px 0 #fff;
font-weight:bold;
}

/* footer */
#footer {
clear:both;
background-image:url(bilder/footer.png);
background-repeat:no-repeat;
width:940px;
height:27px;
margin:0 0 0 0;
padding:13px 10px 0;
color:#fff;
-moz-box-shadow:    0px -6px 5px #5b7575;
-webkit-box-shadow: 0px -6px 5px #5b7575;
box-shadow:         0px -6px 5px #5b7575;
}