@charset "utf-8";
/* CSS Document */

/*=====================HTML-TAGS======================*/

body {
	height: 100%;
	background: #B70000 url(../template_img/body-hg.jpg) repeat-x top center;
	margin: 0;
	font-family: Tahoma, Arial, Verdana, sans-serif;
	font-size: 13px;
	color: #fff;
	line-height: 1.3em;
	padding: 0px;
	text-align: center;
	}
body strong {
	font-weight: bold;
	color: #FFAE06;
	}
table {
	font-size: 12px;
	}
img {
	border: 0px;
	padding: 0px;
	margin: 0px;
	}
a, a:link , a:visited{
	color: #FFAE06;
	text-decoration:underline;
	}
a:hover, a:active {
	color: #fff;
	}
p, h1, h2, h3, h4, h5, h6, form {
	margin: 0;
	padding:0;
	}
h1, h2, h3, h4, h5, h6 {
	font-family: "Trebuchet MS", Arial, Tahoma, sans-serif;
	font-weight: bold;
	line-height: 1.2em;
	color: #FFAE06;
	}
h1 {
	font-size: 25px;
	margin-bottom: 15px;
	color: #fff;
	}
h2{
	font-size: 20px;
	margin-bottom: 3px;
	}
h3{
	font-size: 16px;
	margin-bottom: 3px;
	}
h4{
	font-size: 14px;
	margin-bottom: 3px;
	}
h5{
	font-size: 13px;
	margin-bottom: 3px;
}

ul {
	margin: 3px 0 0 10px;
	padding: 2px 0 2px 0px;
}
li {
	line-height: 15px;
	padding: 0 0 2px 5px;
	margin: 0 0 0 5px;
	list-style-position: outside;
}

/*---------------------DIV-FORMATIERUNGEN------------------------------*/

#main {
	width: 100%;
	background:url(../template_img/main-hg.jpg) no-repeat center top;
	min-height: 980px;
	}
#page {
	width: 985px;
	min-height: 980px;
	background: url(../template_img/page-hg.png) repeat;
	margin: 0 auto;
	}
#seozeile {
	height: 14px;
	padding: 11px 0 0 276px;
	float: left;
	text-align: left;
	}
#seozeile h1 {
	font-size:11px;
	line-height: 1em;
	color: #fff;
	}
#features {
	float: right;
	padding: 11px 47px 0 0;
	font-size: 11px;
	}
#features a {
	text-decoration: none;
	color: #FFCE7D;
	}
#features a:hover {
	color: #fff;
	text-decoration: underline;
	}
#schnellanfrage {
	width:500px;
	height: 84px;
	clear: both;
	padding: 0 47px 0 438px;
	text-align: right;
	}
#navi {
	background: url(../templates/prodrop2/navi-hg.png) repeat-x; 
	padding: 0 0 0 276px;
	width: 709px;
	height: 61px;}

#navi ul, #navi li {
	margin-left: 0;
	margin-right: 0;
	padding-left: 0;
	padding-right: 0;
	}
#logo {
	width: 200px;
	height: 149px;
	padding: 36px 0 0 0;
	background: url(../template_img/logo-hg.jpg) no-repeat center top;
	position: absolute;
	z-index: 50;
	top: 0;
	left: 50%;
	margin-left: -478px;
	}
#flaggen {
	width: 200px;
	height: 13px;
	padding: 17px 0 0 0;
	}
#flaggen img {
	margin: 0 4px;
	}
#linkespalte {
	width: 173px;
	float: left;
	padding: 50px 0 75px 27px;
	font-size: 11px;
	text-align: left;
	}
#linkespalte h3, #schnellanfrage h3 {
	border-bottom: 1px dotted #C26363;
	margin-bottom: 10px;
	}
#siegel {
	width: 173px;
	text-align: center;
	}
#siegel img {
	margin: 0 10px;
	text-align: center;
	}	
#rechtespalte {
	width: 660px;
	float: right;
	padding: 14px 47px 75px 0;
	text-align: left;
	}
#pagetrail {
	font-size: 11px;
	color: #fff;
	margin-bottom: 8px;
	}
#pagetrail a {
	color: #fff;
	text-decoration: none;
	}
#pagetrail a:hover {
	color: #FFAE06;
	text-decoration: underline;
	}
#terminator {
	clear: both;
	}
#fussleiste {
	width: 985px;
	height: 40px;
	padding: 10px 0 0 0;
	background: url(../template_img/fussleiste-hg.png) repeat-y center top;
	/*background: url(../template_img/fussleite-hg.gif) repeat-y center top;*/
	position: fixed;
	left: 50%;
	margin-left: -493px;
	bottom: 0;
	z-index: 100;
	}
* html #fussleiste {
	margin: 0 auto;
	}
#blogbutton {
	width: 156px;
	height: 22px;
	padding: 7px 0 0 17px;
	margin: 0 0 0 27px;
	background: url(../template_img/blog-button.gif) no-repeat left top;
	float: left;
	}
#blogbutton a {
	text-decoration: none;
	font-size: 15px;
	font-family: "Trebuchet MS", Arial, Tahoma;
	font-weight: bold;
	}
#blogbutton a:hover {
	color: #BA1A1A;
	}
#adressleiste {
	width: 663px;
	height: 23px;
	padding: 6px 0 0 0;
	float: right;
	margin: 0 46px 0 0;
	background: url(../template_img/adressleiste-hg.gif) no-repeat left top;
	color: #BA1A1A;
	text-align: center;
	font-size: 11px;
	}
#adressleiste a {
	color: #BA1A1A;
	text-decoration: none;
	}
#adressleiste a:hover {
	color: #FFAE06;
	}
#featureleiste {
	width: 660px;
	height: 20px;
	padding: 65px 0 0 0;
	font-size: 11px;
	}
#featureleiste a {
	color: #F8C377;
	text-decoration: none;
	}
#featureleiste a:hover {
	text-decoration: underline;
	}
#featureleiste-links { float: left; }
#featureleiste-rechts { float: right; }
#ende {
	clear: both;
	}
#pano {
	width: 660px;
	height: 350px;
	}
#maske {
	width: 660px;
	height: 350px;
	position: absolute;
	background: url(../content_img/header-maske.png) no-repeat top center;
	top: 216px;
	left: 50%;
	margin-left: -215px;
	z-index: 50;
	}

/*---------------------KLASSEN------------------------------*/

.printey { display: none; }

.ueberschrift-orange-box {
	padding: 3px 5px;
	background: url(../template_img/tabelle-header-hg.png) repeat-x top;
	color: #FFAE06;
	display: block;
	border: 1px solid #A10000;
	margin-bottom: 10px;
	}
a.button {
	display: block;
	height: 22px;
	padding: 3px 5px 0 5px;
	margin: 5px 0 0 0;
	border: 1px solid #A10000;
	color: #fff;
	background: #990311 url(../template_img/button-hg.png) repeat-x top;
	text-decoration: none;
	text-align: center;
	}
a.button:hover {
	background: #990311 url(../template_img/button-hg-hover.png) repeat-x top;
	border: 1px solid #fff;
	}
a.button-small {
	width: 168px;
	height: 13px;
	line-height: 11px;
	display: block;
	margin-top: 4px;
	background:url(../template_img/button-template.jpg) no-repeat left top;
	font-size: 11px;
	color: #FFCE7D;
	text-decoration: none;
	padding: 5px 0 0 5px;
	}
a.button-small:hover {
	background: url(../template_img/button-template-hover.jpg) no-repeat left top;
	color: #fff;
	}
td.pauschalenbox-header {
	width: 200px;
	height: 28px;
	padding: 12px 0 0 0;
	display: block;
	text-align: center;
	background: url(../template_img/pauschalenbox-header-hg.png) no-repeat center bottom;
	}
.pauschalenbox-header h3 {
	line-height: 16px;
	margin: 0;
	}
.pauschalenbox {
	padding: 10px;
	background-color: #BA4849;
	border-left: 1px solid #A10000;
	border-right: 1px solid #A10000;
	border-bottom: 1px solid #A10000;
	border-top: none;
	font-size: 11px;
	line-height: 1.3em;
	}
.pauschalenbox img {
	padding-bottom: 5px;
	}
.tabelle {
	border-collapse: collapse;
	background-color: #BA4849;
	text-align: left;
	font-size: 12px;
	margin-bottom: 5px;
	vertical-align: middle;
	border: 1px solid #A10000;
	}
.tabelle td {
	padding: 7px 5px;
	border: none;
	}
.tabelle-header {
	background: #990311 url(../template_img/tabelle-header-hg.png) repeat-x top;
	font-weight: bold;
	color: #fff;
	padding: 4px;
	}
.tabelle-hervorhebung {
	background-color: #993939;
	font-weight: normal;
	padding: 4px;
	}
td.tabelle-normal-abstand {
	border-bottom: 1px solid #A10000;
	}
td.tabelle-hervorhebung-abstand {
	background-color: #993939;
	border-bottom: 1px solid #A10000;
	}

/*---------------------ANFRAGEFORMULAR-----------------------------*/

#errorMessage {
	background-color: #BA4849;
	border: 1px solid red;
	padding: 3px;
	width: 99%;
	margin-bottom: 10px;
	}
#successMessage {
	background-color: #BA4849;
	border: 1px solid green;
	padding: 3px;
	width: 99%;
	margin-bottom: 10px;
	}
#formular label {
	display: block;
	float: left;
	width: 125px;
	vertical-align: middle;
	padding: 3px 0px 0px 5px;
	}
#formular p {
	clear: left;
	background-color: #BA4849;
	padding: 5px;
	margin-bottom: 2px;
	width: 98%;
	border: 1px solid #A10000;
	}
#formular input {
	border: 1px solid #A10000;
	background-color: #FFFFFF;
	font-family: Tahoma, Arial, Verdana;
	font-size: 12px;
	color: #000;
	}
#formular textarea {
	border: 1px solid #A10000;
	background-color: #FFFFFF;
	font-family: Tahoma, Arial, Verdana;
	font-size: 12px;
	color: #000;
	width: 70%;
	}
#formular .pflichtfelder {
	border: 1px solid #9AACBA;
	}	
#formular #sendenbutton, #formular #loeschenbutton {
	width: 180px;
	height: 25px;
	padding: 3px;
	border: 1px solid #A10000;
	color: #fff;
	background: #990311 url(../template_img/button-hg.png) repeat-x top;
	vertical-align: top;
	}
#formular #sendenbutton:hover, #formular #loeschenbutton:hover {
	border: 1px solid #A10000;
	background: #990311 url(../template_img/button-hg-hover.png) repeat-x top;
	cursor: pointer;
	}
#formular .longlabel {
	width: 270px;
	}

/*---------------------MINI-ANFRAGEFORMULAR-----------------------------*/

#miniformular2 {
	margin-top: 5px;
	width: 100%;
	}
#miniformular2 table { font-size: 11px; }

#datum3 {
	background: #fff;
	border: none;
	width: 65px;
	font-family: Tahoma, Arial, Verdana, sans-serif;
	font-size: 11px;
	color: #000;
	height: 12px;
	padding-left: 3px;
	}
#mininaechte, #minierwachsene, #minikinder {
	background: #fff;
	border: 1px solid #A10000;
	padding-left: 3px;
	height: 14px;
	width: 25px;
	font-family: Tahoma, Arial, Verdana, sans-serif;
	font-size: 11px;
	color: #000;
	}
#abschicken {
	border: 0px;
	width: 55px;
	height: 18px;
	}
.miniformular2-rahmen {
	background: #fff;
	border: 1px solid #A10000;
	}
	
/*---------------------GOOGLE-MAPS-----------------------------*/

#aussenrahmen {
	border: 1px solid #A10000;
	width: 100%;
	text-align: center;
	}
#karte {
	width: 100%; 
	height: 320px;
	}
#input-hintergrund {
	background-color: #BA4849;
	padding: 5px;
	}
#adresseingabe {
	width: 420px;
	padding: 1px;
	height: 22px;
	border: 1px solid #A10000;
	background: #fff;
	font-family: Tahoma, Arial, Verdana, sans-serif;
	font-size: 13px;
	color: #000;
	vertical-align: top;
	}
#mapsButton1 {
	width: 180px;
	height: 25px;
	padding: 3px;
	border: 1px solid #A10000;
	color: #fff;
	background: #990311 url(../template_img/button-hg.png) repeat-x top;
	vertical-align: top;
	}
#mapsButton1:hover {
	border: 1px solid #A10000;
	background: #990311 url(../template_img/button-hg-hover.png) repeat-x top;
	cursor: pointer;
	}
.sprechblase {
	color: #000;
	font-size: 12px;
	}

/*--------------------------LIST-NAVIGATION-------------------------------*/

#linkespalte ul, #linkespalte ul {
	margin: 0;
	padding: 0;
	}

#LM_level_1 {
	margin: 0;
	padding: 0;
	}
#LM_level_1 ul{	
	margin: 0;
	padding: 0;
	}
#LM_level_1 li {
	margin: 0;
	padding: 0;
	list-style-position: outside;
	list-style-type: none;
	}
#LM_level_1 li a{
	width: 158px;
	height: 23px;
	padding: 0 0 0 15px;
	display: block;
	font-size: 13px;
	line-height: 1em;
	color: #FFF;
	text-decoration: none;
	background: url(../template_img/subnavi-arrow.gif) no-repeat left top;
	}
#LM_level_1 li a:hover{
	color: #FFAE06;
	}	
#LM_level_2 ul{
  	margin: 0;
	padding: 0;
	}
#LM_level_2 li{	
	padding: 0;
	margin: 0;
	}	
#LM_level_2 li a{
	color: #FFCE7D;
	font-size: 11px;
	line-height: 1em;
	height: 20px;
	display: block;
	text-decoration: none;
	padding: 0 0 0 10px;
	margin: 0 0 0 15px;
	background: url(../template_img/subnavi-arrow.gif) no-repeat left top;
	border: none;
	}
#LM_level_2 li a:hover{ color: #fff; }

#LM_level_1 li.LM_expanded a{
	color: #FFCE7D;
	border-bottom: none;
	}
#LM_level_1 li.LM_expanded a:hover{
	color: #FFAE06;
	}
#LM_youAreHere {
	width: 158px;
	height: 23px;
	padding: 0 0 0 15px;
	display: block;
	font-size: 13px;
	line-height: 1em;
	color: #FFAE06;
	text-decoration: none;
	background: url(../template_img/subnavi-arrow.gif) no-repeat left top;
	}
#LM_level_2 #LM_youAreHere {
	color: #FFAE06;
	font-size: 11px;
	line-height: 1em;
	font-weight: normal;
	display: block;
	text-decoration: none;
	padding: 0 0 0 10px;
	margin: 0 0 0 15px;
	height: 20px;
	background: url(../template_img/subnavi-arrow.gif) no-repeat left top;
	border: none;
	}

/*---------------------Accordion Menü-----------------------------*/

.applemenu{
	margin: 0;
	padding: 0;
	width: 100%;
	font-size: 13px;
	line-height: 1.2em;
	}
.applemenu div.silverheader {
	background: url(../template_img/button-hg.png) repeat-x left top;
	border: 1px solid #A10000;
	height: 25px;
	margin-bottom: 1px;
	}
.applemenu div.silverheader a{
	background: url(../template_img/accordeon-icon.gif) no-repeat left center;
	color: #FFFFFF;
	display: block;
	position: relative; /*To help in the anchoring of the ".statusicon" icon image*/
	width: auto;
	padding: 3px 0 3px 22px;
	text-decoration: none;
	font-weight: bold;
	font-size: 13px;
	line-height: 19px;
	}
.applemenu div.silverheader a:visited {
	}
.applemenu div.selected a{
	background: url(../template_img/accordeon-icon-active.gif) no-repeat left center;
	color: #fff;
	}
div.silverheader a:hover, .applemenu div.silverheader a:active{
	background-color: #FFAE06;
	color: white;
	}
.applemenu div.submenu{ /*DIV that contains each sub menu*/
	/*background: white;*/
	padding: 5px 6px 10px 6px;
	height: auto; /*Height that applies to all sub menu DIVs. A good idea when headers are toggled via "mouseover" instead of "click"*/
	}


