
* {/* set all to 0 */
margin: 0;
padding: 0;
}

body#all {
font-family: Verdana, Arial, Helvetica, sans-serif;
font-size: 12px;
text-align: center;
padding: 15px 0;
background-color: black; 
color: white;
}

/* Text und Links allgemein */
p, li {
font-size: 12px;
}
a.top {
height: 1%; /* damit der IE den ganzen Link aktiviert */
text-decoration: none;
background-color: transparent; 
color: #555;
border-bottom: 1px solid #555;
}
a.top:hover {
background-color: transparent; 
color: #f00;
border-bottom: 1px solid #e00;
}

a.kontakt {
height: 1%; /* damit der IE den ganzen Link aktiviert */
text-decoration: none;
background-color: transparent; 
color: #FFcc00;
font-size: 18px;
/*border-bottom: 1px solid #555;*/
}
a.kontakt:hover {
background-color: transparent; 
color: white;
/*border-bottom: 1px solid #e00;*/
}

/* Container mit ihren Inhalten */
#wrapper {/* umschlieszt alles */
text-align: left;
width: 988px;
margin: 0 auto;
background-color: black; 
/*color: #000;
border: 1px solid #000;*/
}

/* Header */
#header {
position: relative;
height: 140px;
overflow: hidden;
padding: 0px;
background-color: black; 
color: #000;
border-bottom: 0px solid #777;
}
h1 {/* vorbehalten fuer Titel|Banner */
padding: 5px 10px;
background-color: #bbb; 
color: #000;
border: 1px solid #000;
}

#header #bg{
	position: absolute;
	width: 820px;
	height: 230px;
	right: 0px;
	background: url(images/header2.jpg) no-repeat right top;
}

#header #logo {
	position: absolute;
	left: 0px;
	width: 200px;
	height: 129px;
	background: url(images/logo.png) no-repeat center;
}

#header #googlemaps {
	position: absolute;
	left: 250px;
	top: 250px;
	#width: 200px;
	#height: 129px;
	#background: url(images/logo.png) no-repeat center;
}

#header #logo_text{
	position: absolute;
	top: 50px;
	left: 410px;
	color: #FFcc00;
	font-size: 18px;
	font-weight: bold;
	text-align: center;
}

#header #logo_facebook{
	position: absolute;
	top: 50px;
	left: 220px;
	color: #FFcc00;
	font-size: 18px;
	font-weight: bold;
	text-align: center;
}

#header #logo_instagram{
	position: absolute;
	top: 50px;
	left: 280px;
	color: #FFcc00;
	font-size: 18px;
	font-weight: bold;
	text-align: center;
}

#header #logo_youtube{
	position: absolute;
	top: 50px;
	left: 340px;
	color: #FFcc00;
	font-size: 18px;
	font-weight: bold;
	text-align: center;
}

#slogan {
	margin: 7px 0 0 0;
	padding-bottom: 15px;
	border-bottom: 3px solid red;
	font-size: 11px;
	text-align: center;
}

/* Menues */


#menue { /* links von content floatendes Menue */
float: left;
width: 200px;
background-color: black; 
color: #fff;
}
#menue p {
padding-bottom: 10px;
}

/* Content */
#content {/* mit linkem Rahmen in der Breite und BG-Color von menue2 */
padding: 10px 0;
background-color: black; 
color: white;
border-left: 200px solid black;
}
#content p {
line-height: 150%;
padding: 0 60px 10px 40px;
}
#content p.topper {
padding: 10px 60px 20px 40px;
}
#content ul {
line-height: 150%;
padding: 0 60px 10px 60px;
}
h2, h3, h4 {
padding: 15px 0 10px 40px;
}
h2 {
padding: 25px 0 15px 40px;
}

/* Footer */
#footer {
clear: both;
position: relative;
height: 34px;
background-color: black; 
color: white;
}
#footer p {
left: 7%;
padding: 8px 0px;
font-size: 11px;
}
#footer a {
text-decoration: none;
background-color: transparent;
color: #f00;
border: 0 none;
}
#footer a:hover {
background-color: transparent;
color: #fff;
}

/* Ausgeblendetes */
.invis, hr {
display: none;
}

#silberdiv {
	width:100%;
	/*height: 1000px;*/
	overflow: auto; overflow-y: auto; background-image:url(images/bgs.jpg); border: 1px solid #c6c6c6; border-left: 1px solid white; border-top: 1px solid white;
}

#sitemap {
width: 200px;
margin: 0px;
background-color: black;
color: #000;
border-right: 1px dotted red;
}
#sitemap ul {
list-style-type: none;
}
#sitemap ul li {
font-size: 80%;
line-height: 140%;
}
#sitemap ul ul li {
font-size: 100%;
}

#sitemap ul li a {
display: block;
margin: 2px 0px;
padding: 3px 5px;
background-color: #888;
color: #fff;
border: 1px solid #000;
font-size: 12px;
}


#sitemap ul li a.haupt-off {
display: block;
margin: 2px 0px;
padding: 3px 5px;
background-color: red;
color: black;
border: 1px solid #000;
font-size: 12px;
font-weight: bold;
}

#sitemap ul li a.haupt-on {
display: block;
margin: 2px 0px;
padding: 3px 5px;
background-color: green;
color: black;
border: 1px solid #000;
font-size: 12px;
font-weight: bold;
}

#sitemap ul li a.sub-off {
display: block;
margin: 2px 0px;
padding: 3px 3px 3px 25px;
background-color: yellow;
color: black;
border: 1px solid #000;
font-size: 12px;
}

#sitemap ul li a.sub-on {
display: block;
margin: 2px 0px;
padding: 3px 3px 3px 25px;
background-color: green;
color: black;
border: 1px solid #000;
font-size: 12px;
}


#sitemap ul li a:hover,
#sitemap ul li a:hover.haupt-off,
#sitemap ul li a:hover.sub-off {
background-color: green; 
color: black;
}

/* IE Extrawurst */
* html #sitemap ul li {
display: inline;
}
* html #sitemap ul li a {
height: 1%;
}
/* Extrawurst Ende */


DIV.nolink,
DIV.haupt-off a {
display: block;
margin: 2px 0px;
padding: 3px 5px;
background-color: red;
color: black;
border: 1px solid #000;
font-size: 12px;
font-weight: bold;
}

DIV.haupt-on a {
display: block;
margin: 2px 0px;
padding: 3px 5px;
background-color: green;
color: black;
border: 1px solid #000;
font-size: 12px;
font-weight: bold;
}


DIV.sub-off a {
display: block;
margin: 2px 0px;
padding: 3px 3px 3px 25px;
background: url(images/redpoint.png) no-repeat left center transparent;
color: red;

font-size: 12px;
text-decoration: none;
}

DIV.sub-on a {
display: block;
margin: 2px 0px;
padding: 3px 3px 3px 25px;
color: white;
background: url(images/redpoint.png) no-repeat left center transparent;
text-decoration: none;

font-size: 12px;
}

DIV.haupt-off a:hover,
DIV.sub-off a:hover {
color: white;
}

#hmenue a.haupt-off {
display: block;
width: 100%;
height: 33px;
background: url(images/h_off.gif) repeat-x transparent;
text-align: center;
text-decoration: none;
color: black;
font-size: 12px;

padding-top: 8px;
}

#hmenue a:hover {
background: url(images/h_on.gif) repeat-x transparent;
color: white;
}

#hmenue a.haupt-on {
display: block;
width: 100%;
height: 33px;
background: url(images/h_on.gif) repeat-x transparent;
text-align: center;
text-decoration: none;
color: white;
font-size: 12px;
padding-top: 8px;
}

#hmenue TR {
background: url(images/h_bg.gif) repeat-x transparent;
}

#txt-red-point {
display: block;
margin: 2px 0px 2px 38px;
padding: 3px 3px 3px 25px;
background: url(images/redpoint.png) no-repeat left center transparent;
color: white;
font-size: 12px;
text-decoration: none;
}