/* --------------------------------------
http://www.hiller-neuenbuerg.de

Datum: 10.07.2016
Version: 1.0

copyright: freie templates
----------------------------------------*/


/*------ general ---------------------- */
body {
background-image:url(bilder/body_bg.png);
background-repeat:repeat-x;
background-color:#6c6c6c;
font-size:12px;
font-family: Verdana, Arial, sans-serif;
color:#000;
padding:0;
margin:0;
}

#bodytop {
background-image:url(bilder/body_bghead.png);
background-repeat:repeat-x;
height:232px;
}

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

a { color: #c33412;}
a:hover { color: #dd6548;}

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

#logo {
font-size:40px;
font-family: Comic Sans MS;
font-weight:bold;
text-decoration:none;
color:#fff;
text-shadow:2px 2px 2px #6a2214;
position:relative; top:40px; left:40px;
}

/*------ headings ---------------------- */
h1 {
font-family:'Trebuchet MS', Arial, Verdana, sans-serif; 
font-size:22px;
font-weight:normal;
color:#c33412;
border-bottom:1px dotted #c2c2c2;
padding:5px 0;
margin:0 0 10px;
}


/*------ structure ---------------------- */
#wrapper {
width:970px;
height:auto;
margin:0 auto;
position:relative; bottom:210px;
}

#content {
background-image:url(bilder/content_bg.png);
background-repeat:repeat-y;
height:auto;
}

#left {
float:left;
width:200px;
margin:0 0 20px 20px;
color:#4d4d4d;
position:relative; bottom:20px;
}

#middle {
float:left;
width:600px;
margin:0 0 20px 20px;
line-height:18px;
color:#4d4d4d;
position:relative; bottom:20px;
}




/*------ header ---------------------- */
#header {
background-image:url(bilder/headergeige.png);
background-repeat:no-repeat;
width:958px;
height:147px;
position:relative; left:6px;
}


/*------ Horizontale Navigation ---------------------- */
#topnav {
background-image:url(bilder/topnav_bg.png);
background-repeat:repeat-x;
width:956px;
height:43px;
position:relative; left:6px; top:1px;
border-left:1px solid #282828;
border-right:1px solid #282828;
}

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

#topnav ul li {
float:left;
right: 50%;
position: relative;
width:159px;
background-image:url(bilder/topnav_spacer.png);
background-repeat:no-repeat;
background-position:0 0;
}

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

#topnav ul li a {
display:block;
width:157px;
height:43px;
padding:13px 0 0 0;
margin:0 0 0 2px;
text-align:center;
font-size:15px;
font-weight:bold;
font-family:'Trebuchet MS', Arial, Verdana, sans-serif; 
color:#fff;
text-decoration:none;
text-transform:uppercase;
}

#topnav ul li a:first-child {
width:159px;
}

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


/*------ Menü der linken und rechten Spalte ---------------------- */
.menu {
color:#4d4d4d;
font-size:11px;
}

.menuhead {
font-family: 'Trebuchet MS', Verdana, Arial, sans-serif;
font-size:13px;
font-weight:bold;
letter-spacing:1px;
padding:0 0 4px 0;
margin:15px 0 0 0;
color:#c33412;
text-transform:uppercase;
}

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

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

.menu ul li {
height:27px;
width:190px;
border-bottom:1px dotted #c2c2c2;
}

.menu ul li a {
display:block;
width:185px;
height:21px;
color:#4d4d4d;
text-decoration:none;
padding:6px 0 0 5px;
margin:0;
text-shadow:1px 1px 0 #fff;
}

.menu ul li a:hover {
background-color:#fff;
color:#000;
font-weight:bold;
border-left:3px solid #a5a5a5;
}

.menum {
color:#4d4d4d;
font-size:11px;
}


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

.menum ul li {
height:27px;
width:400px;
border-bottom:1px dotted #c2c2c2;
}

.menum ul li a {
display:block;
width:400px;
height:21px;
color:#4d4d4d;
text-decoration:none;
padding:6px 0 0 5px;
margin:0;
text-shadow:1px 1px 0 #fff;
}

.menum ul li a:hover {
background-color:#fff;
color:#000;
font-weight:bold;
border-left:3px solid #a5a5a5;
}



/*------ footer ---------------------- */
#footer {
clear:both;
background-image:url(bilder/footer_bg.png);
background-repeat:repeat-x;
width:936px;
height:30px;
position:relative; left:6px;
border-left:1px solid #dfdfdf;
border-right:1px solid #dfdfdf;
margin:0;
padding:13px 10px 0 10px;
color:#696969;
text-shadow:1px 1px 0 #fff;
}