@charset "utf-8";
/* CSS Document */

/* Farben:
dunkelgrau: #58585a
orange: #ee7f01
hellorange: #ffefc8
*/

* {margin: 0px; padding: 0px; font-family: /*Candara, */Arial, Helvetica, sans-serif}
img {border: none;}
body {background: #58585a url(streifen.gif) repeat-x 0px 40px; color: #58585a}
div#gesamt {margin-left: auto; margin-right: auto; width: 950px; height: 22px;}
div#oben {font-size: 0.8em; padding-left: 20px; padding-right: 20px; padding-top: 20px; height: 40px;}
div#oben, div#oben a {color: #ffefc8; text-decoration: none;}
div#oben p.adresse {float: left;}
div#oben p.impressum {float: right; text-align: right;}
div#inhalteoben {background: url(hg.png) repeat-y;  height: 22px;}
div#inhalte {background: url(hg.jpg) repeat-y; width: 950px;}
div#inhalteunten {background: url(hg-unten.png) repeat-y;  height: 22px;}
div#rechts {float: right; width: 698px; padding-left: 15px; padding-right: 15px; line-height: 1.3em;} /*728*/
div#links {width: 222px; line-height: 1.1em;}

h1, h2 {color: #ee7f01;}
h1.start {font-size: 1.3em; font-weight: normal; margin-top: 0px; margin-bottom: 0px;}
h2.start {font-size: 1.6em; font-weight: bold; margin-top: 60px; margin-bottom: 10px;}


h1 {font-size: 1.6em; font-weight: bold; margin-top: 60px; margin-bottom: 10px;}
h2 {font-size: 1.3em; font-weight: normal; margin-top: 20px;}


h3, h4 {text-align: center;}
h3 {margin-bottom: 5px;}

img#logo {margin-left: auto; margin-right: auto; display: block; margin-bottom: 20px;}

ul.hauptmenu {margin-top: 40px; margin-bottom: 40px; font-size: 0.8em;}
ul.hauptmenu li {display: block; border-top: 2px solid white; padding: 5px; padding-left: 15px;}
ul.hauptmenu li:last-child {border-bottom: 2px solid white;}
ul.hauptmenu a {color: #58585a; text-decoration: none; display: block;}
ul.hauptmenu a.aktiv {color: #ee7f01; font-weight: bold;}

#links p {padding-left: 15px;  padding-right: 15px; font-size: 0.8em; margin-bottom: 5px;}
#links span.tage {display: block; float: left; width: 45px;}
#links span.zeiten {display: block; text-align: right; float: right}
#links br {clear: both;}
#links .vereinbarung {font-size: 0.7em; padding-left: 15px; line-height: 1.3em;}

#rechts .texte {width: 478px; float: left;}
#rechts p {margin-top: 20px; font-size: 0.9em; text-align: justify;}
#rechts .bilder {margin-left: 478px; padding-left: 20px;}
#rechts .bilder img {border: 2px solid #ee7f01; margin-bottom: 15px;}
#rechts a {text-decoration: none; font-weight: bold; color: #ee7f01;}
#rechts a:hover {text-decoration: underline;}
#rechts ul {margin-top: 20px;}
#rechts ul li {list-style-position: inside;}

table.maske {
	border-collapse: collapse;
	margin-top: 20px;
}

table.maske label {font-size: 0.9em;}


table.maske input.text {
	width: 350px;
	margin: 0px 1px;
	border: 1px solid #ccc;
	height: 16px;
}

table.maske textarea {
	width: 350px;
	height: 100px;
	border: 1px solid #ccc;
	margin-top: 5px;
	margin-left: 1px;
}


table.maske input.submit {
	font-weight: bold;
	width: 150px;
	margin-top: 7px;
	color: #58585a;
}

.warnung {color: #b50100; text-align: center; font-weight: bold; width: 96%; border: 1px solid #b50100; padding-top: 5px; padding-bottom: 5px; margin-bottom: 10px; margin-top: 15px;}
.bestaetigung {color: #ee7f01; text-align: center; font-weight: bold; width: 96%; border: 1px solid #ee7f01; padding-top: 5px; padding-bottom: 5px; margin-bottom: 10px; margin-top: 15px;}