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

Template #8
Date: 24.01.2012
Version: 1.1

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


/*------ general ---------------------- */
body {
background-image:url(bilder/bg_body.jpg);
font-size:12px;
font-family:Verdana, Arial, sans-serif;
color:#787878;
padding:0;
margin:0;
line-height:18px;
}

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

a { color:#41829c;}
a:hover { color: #70a9c1;}

img {
border:none;
}

#logo {
font-size:40px;
font-weight:bold;
text-decoration:none;
color:#fff;
text-shadow:2px 2px 2px #133f55;
position:relative; top:60px; left:40px;
}

/* headings */
h1 {
font-family:'Trebuchet MS', Arial, Verdana, sans-serif; 
font-size:28px;
font-weight:bold;
color:#575757;
border-bottom:1px dashed #e4e4e4;
padding:8px 0;
margin:0 0 10px;
}

/* structure */
#wrapper {
clear:both;
width:900px;
margin:0 auto;
position:relative; bottom:432px;
}

#shadows {
clear:both;
width:922px;
margin:-187px auto;
}

#bodyhead {
background-image:url(bilder/bg_head.jpg);
background-repeat:repeat-x;
height:187px;
}

#header {
background-image:url(bilder/header.png);
background-repeat:no-repeat;
width:900px;
height:166px;
margin:0;
padding:0;
position:relative; top:12px;
}

#content {
background-image:url(bilder/content_bg.png);
background-repeat:repeat-y;
width:900px;
height:auto;
margin:0 0 0 0;
overflow:hidden;
}

#left {
float:left;
width:208px;
margin:0;
}

#middle {
float:right;
width:650px;
margin:20px 25px 20px 0;
}

/* Topnavigation */
#topnav {
background-image:url(bilder/topnav_bg.png);
background-repeat:repeat-x;
width:900px;
height:49px;
padding:0;
position:relative; top:12px;
}

#topnav ul {
margin:0 0 0 -1px;
padding:0;
list-style:none;
}

#topnav ul li {
background-image:url(bilder/spacer.png);
background-repeat:no-repeat;
background-position:left;
float:left;
padding:0 0 0 2px;
}

#topnav ul li:first-child {
background:none;
}

#topnav ul li a {
display:block;
width:148px;
height:34px;
padding:15px 0 0 0;
margin:0 0 0 0;
text-align:center;
font-size:12px;
font-family: Verdana;
color:#fff;
text-decoration:none;
}

#topnav ul li a:hover {
background-image:url(bilder/topnav_bg_hover.png);
background-repeat:repeat-x;
}

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

.menu ul {
list-style-type:none;
margin:1px 0 0 1px;
}

.menu ul li {
background-image:url(bilder/menu_bg.png);
background-repeat:repeat-x;
height:31px;
width:192px;
margin:0;
overflow:hidden;
}

.menu ul li a {
background-image:url(bilder/dot.png);
background-repeat:no-repeat;
background-position:8px 11px;
display:block;
width:192px;
height:31px;
color:#000;
text-decoration:none;
padding:6px 0 0 25px;
margin:0;
}

.menu ul li a:hover {
background-position:15px 11px;
padding:6px 0 0 32px;
}

/* footer */
#footer {
clear:both;
background-image:url(bilder/footer.png);
background-repeat:no-repeat;
width:880px;
height:59px;
margin:0;
padding:21px 10px 0;
font-size:11px;
}