html {

height: 100%;
width: 100%;
}

body {
margin: 0;

height: 100%;
width: 100%;
min-height: 416px;
background-color: #ffffff;

}

h1 {
margin: 0px; margin-top: 10px;
font-family: Helvetica,Arial,sans-serif;
font-size: 16px;
color: #0500BE;
}

h2 {
margin: 0px; margin-top: 10px;
font-family: Helvetica,Arial,sans-serif;
font-size: 15px;
color: #0500BE;
}

h3 {
margin: 0px; margin-top: 10px;
font-family: Helvetica,Arial,sans-serif;
font-size: 14px;
color: #0500BE;
}

p {
font-family: Helvetica,Arial,sans-serif;
font-size: 14px;
}

a {
color: #DC941B;
}

#topbar {
border-bottom; 1px solid #000000;
margin: 0;

position:absolute;
left: 0;
top: 0;
position: fixed;
width: 100%;
height: 40px;
overflow: hidden;
display: block;
z-index: 1000;
background-color: #2A2A2A;
/* IE10 */ 
background-image: -ms-linear-gradient(top, #555555 0%, #2A2A2A 100%);

/* Mozilla Firefox */ 
background-image: -moz-linear-gradient(top, #555555 0%, #2A2A2A 100%);

/* Opera */ 
background-image: -o-linear-gradient(top, #555555 0%, #2A2A2A 100%);

/* Webkit (Safari/Chrome 10) */ 
background-image: -webkit-gradient(linear, left top, left bottom, color-stop(0, #555555), color-stop(1, #2A2A2A));

/* Webkit (Chrome 11+) */ 
background-image: -webkit-linear-gradient(top, #555555 0%, #2A2A2A 100%);

/* Proposed W3C Markup */ 
background-image: linear-gradient(top, #555555 0%, #2A2A2A 100%);
}

#navibar {
overflow: auto;
display: none;
position:absolute;
left: 0;
top: 40px;
position: fixed;
width: 100%;
height: 100%;
z-index: 500;
background-color: #000000;
background-color:rgba(0,0,0,0.7);
}

h1.topbartitle {
margin-top: 10px;
text-align: center;
white-space: nowrap;
border: 0px solid #ffffff;
position: absolute;
font-family: Helvetica,Arial,sans-serif;
color: #ffffff;
left: 35%; right: 35%;
font-size: 16px;

display: block;
}

#content {
position: absolute;
/*border: 1px solid #ffffff;*/
margin: 0;

margin-top: 40px;
padding-top: 10px; 
padding-bottom: 50px;
width: 100%;
display: block;
min-height: 100%;
background-color: #ffffff;


}
.contentbox {
position: relative;
font-family: Helvetica,Arial,sans-serif;
margin-top: 5px;
margin-right: 10px;
margin-left: 10px;
margin-bottom: 0px;
padding-top: 5px;
padding-right: 10px;
padding-left: 10px;
padding-bottom: 0px;
display: block;
border: 0px solid #DC941B;
border-radius: 8px;
/*background-color:rgba(255,255,255,0.1);*/
color: #000000;
}


.listenbox {
font-family: Helvetica,Arial,sans-serif;
list-style: none;
margin-top: 20px;
margin-right: 10px;
margin-left: 10px;
margin-bottom: 150px;
padding: 0;
display: block;
border: 1px solid #000000;
border-radius: 12px;
background-color: #ffffff;
color: #000000;
overflow: hidden;

}


ul.klappbox {
border: 0px solid #ffffff;
list-style: none;
margin:0px; padding: 0;
margin-right: 10px;
margin-left: 10px;
margin-bottom: 10px;
border-collapse: collapse;

}

.klappboxicon {
position:relative;
margin-right: 15px;
float:left;
}

/*---------------------Test-----------------------------*/
.klappboxhead   {
margin: 0;
    display: block;
	overflow: auto;
	font-family: Helvetica,Arial,sans-serif;
	
	font-size: 14px;
	font-weight:bold;
	border-radius: 8px;
	text-decoration:none;
	color:#000000;
	cursor:pointer;
padding-top: 10px;
padding-left: 20px;
padding-bottom: 10px;
	border-bottom: 1px solid #DC941B;
background-color: #ffa60a;

}

.klappboxhead  h6 {
margin: 0px;
margin-top: 4px;
font-family: Helvetica,Arial,sans-serif;
	text-decoration:none;
	color:#000000;
	font-size: 14px;
	font-weight:bold;

}

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

ul.klappbox div.klappboxbody {
border: 1px solid #DC941B;
    display:none;
  	margin:0px; 
	padding:0px;
	overflow: auto;
	border-radius: 8px;
	background-color:rgba(255,255,255,0.1);
	color: #ffffff;
padding-right: 20px;
padding-left: 20px;	
}

ul.klappbox .show div.klappboxbody {
display: block;

}

.spalten {
margin-bottom: 20px;
padding: 0px 4px 0px 4px;
/*border: 1px solid #ffffff;*/
position: relative;

 
}

.kalenderbox {

margin: 0px auto 0px auto;

/*min-width: 320px;*/
font-family: Helvetica,Arial,sans-serif;
font-size: 14px;
text-align: center;
background-color: #fff9d5;
border: 5px solid #f1ae00;
padding-left: 10px; padding-right: 10px
}

h2.kalenderhead {
font-family: Helvetica,Arial,sans-serif;
font-size: 18px;
margin: 0px 20px 0px 20px;
border-top: 5px solid #f1ae00; border-bottom: 5px solid #f1ae00;
border-left: 10px solid #f1ae00; border-right: 10px solid #f1ae00;

color: #ffffff;
background-color: #5f48ac;
text-align: center;

}

h2.kalenderhead a{ 
color: #ffffff;
text-decoration: none;
}

h3.termin {
font-family: Helvetica,Arial,sans-serif;
font-size: 18px;
color: #a72319;
margin: 5px 0px 2px 0px;
}

.menue {
font-family: Helvetica,Arial,sans-serif;
list-style: none;
display: block;

border-bottom: 1px solid #000000;
border-collapse: collapse;
background-color: #ffffff;

}

.menue a {
display: block;
text-decoration: none;
color: #000000;
padding-top: 10px;
padding-left: 20px;
padding-bottom: 10px;
}


.leftbutton {

font-family: Helvetica,Arial,sans-serif;
font-size: 14px;
color: #ffffff;
cursor: pointer;
display: block;
margin-left: 2px;
padding: 4px;
border: 2px solid #000000;
border-radius: 6px;
float:left;
position:relative;
left:1%;
top:15%;
background-color: #555555;

/* IE10 */ 
background-image: -ms-linear-gradient(top, #555555 0%, #2A2A2A 100%);

/* Mozilla Firefox */ 
background-image: -moz-linear-gradient(top, #555555 0%, #2A2A2A 100%);

/* Opera */ 
background-image: -o-linear-gradient(top, #555555 0%, #2A2A2A 100%);

/* Webkit (Safari/Chrome 10) */ 
background-image: -webkit-gradient(linear, left top, left bottom, color-stop(0, #555555), color-stop(1, #2A2A2A));

/* Webkit (Chrome 11+) */ 
background-image: -webkit-linear-gradient(top, #555555 0%, #2A2A2A 100%);

/* Proposed W3C Markup */ 
background-image: linear-gradient(top, #555555 0%, #2A2A2A 100%);

}

.rightbutton {
font-family: Helvetica,Arial,sans-serif;
font-size: 14px;
color: #ffffff;
cursor: pointer;
display: block;
margin-right: 2px;
padding: 4px;
border: 2px solid #000000;
border-radius: 6px;
float:right;
position:relative;
right:2%;
top:15%;
background-color: #555555;

/* IE10 */ 
background-image: -ms-linear-gradient(top, #555555 0%, #2A2A2A 100%);

/* Mozilla Firefox */ 
background-image: -moz-linear-gradient(top, #555555 0%, #2A2A2A 100%);

/* Opera */ 
background-image: -o-linear-gradient(top, #555555 0%, #2A2A2A 100%);

/* Webkit (Safari/Chrome 10) */ 
background-image: -webkit-gradient(linear, left top, left bottom, color-stop(0, #555555), color-stop(1, #2A2A2A));

/* Webkit (Chrome 11+) */ 
background-image: -webkit-linear-gradient(top, #555555 0%, #2A2A2A 100%);

/* Proposed W3C Markup */ 
background-image: linear-gradient(top, #555555 0%, #2A2A2A 100%);

}

.leftbutton a {

text-decoration: none;
vertical-align: middle;
font-family: Helvetica,Arial,sans-serif;
font-size: 14px;
color: #ffffff;
display: block;
}

.rightbutton a {

text-decoration: none;
vertical-align: middle;
font-family: Helvetica,Arial,sans-serif;
font-size: 14px;
color: #ffffff;
display: block;
}

.zentriert {
text-align: center;
margin: 0 auto;
display: block;
}

.transparent {
border-color: transparent;
background-color: transparent;
}


#footer {
clear: both;
border-top; 1px solid #000000;
margin: 0;

position:absolute;
left: 0;
bottom: 0;
position: fixed;
width: 100%;
height: 40px;
overflow: hidden;
display: block;
z-index: 1000;
background-color: #555555;
/* IE10 */ 
background-image: -ms-linear-gradient(top, #555555 0%, #2A2A2A 100%);

/* Mozilla Firefox */ 
background-image: -moz-linear-gradient(top, #555555 0%, #2A2A2A 100%);

/* Opera */ 
background-image: -o-linear-gradient(top, #555555 0%, #2A2A2A 100%);

/* Webkit (Safari/Chrome 10) */ 
background-image: -webkit-gradient(linear, left top, left bottom, color-stop(0, #555555), color-stop(1, #2A2A2A));

/* Webkit (Chrome 11+) */ 
background-image: -webkit-linear-gradient(top, #555555 0%, #2A2A2A 100%);

/* Proposed W3C Markup */ 
background-image: linear-gradient(top, #555555 0%, #2A2A2A 100%);
}

img.linksfluss {
float: left;
margin-right: 20px;
}

img {
border: 0;
}

#map_canvas {
position: absolute;
overflow: hidden;
top: 40px;
margin: 0; padding: 0;
}
.listencenter {
max-width: 350px;
font-family: Helvetica,Arial,sans-serif;
list-style: none;
margin: auto;
margin-top: 20px;
margin-bottom: 10px;
padding: 0;
display: block;
border: 0px solid #000000;
border-radius: 12px;
background-color: #ffffff;
color: #000000;

}

.liste {
font-family: Helvetica,Arial,sans-serif;
font-size: 14px;
list-style-image: url(images/bulletimg.png);
}
.liste li {
margin-bottom: 5px;
}

.bild {
margin-top: 10px;
margin-bottom: 10px;
}