/***************************************************
			      resets
***************************************************/

html, body, div, span, h1, h2, h3, h4, h5, h6, p, ol, ul, li, form, label, legend, caption, aside, details, figcaption, figure, footer,header, hgroup, menu, nav, section, summary {
    margin: 0;
	padding: 0;
	border: 0;
	outline: 0;
	font-weight: inherit;
	font-style: inherit;
	font-size: 100%;
	font-family: inherit;
	vertical-align: baseline;
}

ol, ul {
	list-style: none;
}

a:hover, a:active, a:visited { 
	outline: 0; 
}

a img {
	border:none;
}

a:link { 
	outline: 0; 
}

aside, details, figcaption, figure, 
footer, header, hgroup, menu, nav, section {
	display: block
}

/***************************************************
			      allgemeine styles
***************************************************/
#smoothscroll {
    display: none;
    text-decoration: none;
    position: fixed;
    bottom: 40px;
    left: 45%;
    margin-left: 500px;
    overflow: hidden;
    width: 42px;
    height: 45px;
    border: none;
    text-indent: -999px;
    z-index: 20;
    background: url(../images/totop.png) no-repeat left 0;
    transition: 0s ease;
    -o-transition: 0s ease;
    -webkit-transition: 0s ease;
	margin-bottom:25px;
}
#smoothscroll:hover {
    outline: none;
    background-position: right 0;
}

html, body {
	width:100%;
	height:100%;
}

html, body {
    font-family: Arial, Verdana, sans-serif;
	font-size: 12px;
	background-color:#e4e4e4;
	background-image:url(../images/bg.png); 
	background-position:left top;
	background-repeat:repeat-x;
	color:#3f3e3c;
	margin:0 0 1px; 
	height:100%; 
	line-height: 1.5;
}

p {
	margin-bottom:7px;
	text-align:justify;
}
	
a, p a {
	text-decoration:none;
	color:white;
}
	a:hover {
		color:white;
}

h1, h2, h3, h4, h5, h6 {
    font-family: Arial, Verdana, sans-serif;	
    font-weight: normal;
	position:relative;
	text-shadow: 2px 3px 3px #c1c1c1;
}

h1 {
	font-size: 18px;
	line-height:0.9;
	color:#ff7f00;
	text-align:left;
	margin-bottom:10px;
	padding-bottom:10px;
}

h2 {
	font-size: 16px;
	line-height:1.3;
	color:#ff7f00;
	text-transform:none;
	font-style:italic;
	text-align:left;
	margin-top:7px;
	padding-bottom:6px;
}
	
h3 {
	font-size: 17px;
	line-height:0.5;
	color: #333;
	margin-top:25px;
	left:0px;
}
	
h3 span {
	
	font-size: 12px;
	line-height: 0.9;
	color:#333;
	display:block;
	margin-top:10px;
	text-transform:none;
}

h5 {
	font-size: 18px;
	line-height:0.9;
	color:#ff7f00;
	text-align:left;
	margin-bottom:10px;
	padding-bottom:10px;
}
/*startseite*/
.suchdatum {
	font-size:11px;
}
.fehler_rot {
	color:red;
}
.abstand_12 {
	padding-left:12px;
}
/***************************************************
			    main container
***************************************************/
#container {
	position:relative;
	width:980px;
	margin:0 auto;
	background-color:transparent;
	min-height:100%;
}

#container_index {
	position:relative;
	width:980px;
	margin:0 auto;
	background-color:transparent; 
	overflow-x:hidden;
	min-height:100%;
}
#container_sa {
	position:relative;
	width:980px;
	margin:0 auto;
	background-color:transparent;
	min-height:100%; 
	overflow:hidden;
}
.gruppe1 {
	float: left;
	width: 274px;
	height:auto;
	position: relative;
	background:white;
	padding:15px;
	margin-bottom:10px;
	border:3px double #cdcdcd;
	-moz-border-radius: 5px;
	border-radius: 5px;
}
.gruppe2 {
	float: left;
	width: 274px;
	height:auto;
	position: relative;
	background:white;
	padding:15px;
	margin-bottom:10px;
	margin-left:25px;
	border:3px double #cdcdcd;
	-moz-border-radius: 5px;
	border-radius: 5px;
}
.gruppe3 {
	float: right;
	width: 274px;
	height:auto;
	position: relative;
	background:white;
	padding:15px;
	margin-bottom:10px;
	margin-left:10px;
	border:3px double #CDCDCD;
	-moz-border-radius: 5px;
	border-radius: 5px;
}
.gruppe4 {
	float: right;
	width: 950px;
	position: relative;
	padding:15px;
	background:white;
	border:3px double #CDCDCD;
	-moz-border-radius: 5px;
	border-radius: 5px;
}

.gruppe4 a {
	color:#75aee4;
}

.gruppe4 a:hover {
	color:#ff7f00;
}

.gruppe5 {
	float: right;
	width: 950px;
	position: relative;
	padding:15px;
	background:white;
	border:3px double #CDCDCD;
	-moz-border-radius: 5px;
	border-radius: 5px; 
	margin-bottom: 15px;
}
.gruppe8 { 
	float:left;
	width: 940px;
	position: relative;
	padding:15px;
	background:white;
	border:3px double #CDCDCD;
	-moz-border-radius: 5px;
	border-radius: 5px; 
	margin-bottom: 45px;
}
.gruppe9 {
	float:left;
	width: 452px;
	position: relative;
	padding:15px;
	background:white;
	border:3px double #CDCDCD;
	-moz-border-radius: 5px;
	border-radius: 5px; 
	margin-bottom: 15px;
}
.gruppe10 {
	float:left;
	width: 452px;
	position: relative;
	padding:15px;
	background:white;
	border:3px double #CDCDCD;
	-moz-border-radius: 5px;
	border-radius: 5px; 
	margin-bottom: 45px;
}

#karte { 
	margin-left: 55px;
}	
/*fewoseite anzeige*/
.gruppe_fewo {

	padding:5px;
	background:white;
	border:3px double #CDCDCD;
	-moz-border-radius: 5px;
	border-radius: 5px;
	margin-bottom: 45px;
}	
.gruppe6 {
	float: right;
	width: 950px; 
	height: auto;
	position: relative;;
	padding:15px;
	background:white;
	border:3px double #CDCDCD;
	-moz-border-radius: 5px;
	border-radius: 5px;
	margin-bottom: 45px;
}
.gruppe7 {
	float: right;
	width: 950px; 
	height: auto;
	position: relative;;
	padding:15px;
	background:white;
	border:3px double #CDCDCD;
	-moz-border-radius: 5px;
	border-radius: 5px;
	margin-bottom: 45px;
}

#kontaktform { 
	width:736px; 
	height:644px; 
	background-image:url(../images/koffer.png);
	margin-left: 100px; 
}

#impressum { 
	margin-left: 55px;
}

#impressum a { 
	color:#333;
}
			
header {
	position: relative;
	float:left;
	width: 100%;
	height:83px;
}
	
/***************************************************
				intro-slider
***************************************************/	
	
#intro {
	width: 960px;
	position: relative;
	float: left; 
	height:300px;
	padding:10px;
	background:#e9eaeb;
	background-image:url(../images/sliderbild.png); 
	background-repeat:no-repeat;
	margin-top:12px;
	-moz-border-radius: 5px;
	border-radius: 5px;
}

/***************************************************
				   holders
***************************************************/	

.holder_content {
	position: relative;
	float: left;
	width: 100%;
	margin-top:5px;
	margin-bottom:20px;
}

.holder_content0 {
	position: relative;
	float: left;
	width: 100%; 
	height:37px;
	margin:75px 0 0 0;
}

.gruppe0 {
	float: left;
	width: 275px;
	position: relative;
	background:transparent;
	border:3px double #CDCDCD;
	-moz-border-radius: 5px;
	border-radius: 5px;
}

.gruppe0 span { 
	font-size:18px;
	padding-left:10px;
}	
	
.holder_content1 {
	position: relative;
	float: left;
	width: 100%; 
	height:auto;
	margin-top:10px;
	margin-bottom:10px;
}
	
.holder_content2 {
	position: relative;
	float: left;
	width: 100%;
	margin-top:-10px;
}
.holder_content3 {
	position: relative;
	float: left;
	width: 100%;
	margin-top:40px;
	margin-bottom:30px;
}
	
/***************************************************
			        footer
***************************************************/

footer {
	position:relative; 
	z-index:-10;
	height:300px;
	clear:both;
	width:100%;
	background-image:url(../images/footer_o.png);
	background-position:left top;
	background-repeat:repeat-x;
	background-color:#333;
}

#footer2, #footer3 {
	position: absolute;	
}

#footer2 {
	position: absolute;
	right: 255px;
	top:250px;
	color:white;
}

#footer3 {
	position: absolute;
	left: 255px;
	top:250px;
	color:white;
}

.container {
    width:980px;
    margin:0 auto;
	background-color:transparent; 
}

#oben li { 
	margin-top: -32px;
}

.subnav {
	width:900px;
}

.subnav a { 
	padding-left: 10px;
	margin-right:10px;
}

.subnav a:hover { 
	color:#333; 
	text-decoration:underline;
}

.footer_links1 {
	float:left;
	margin-bottom:-50px;
	width:300px;
	margin-right:76px;
}

.footer_links2 {
	float:left;
	margin-bottom:-50px;
	width:200px;
	margin-right:76px;
}
/***************************************************
				       nav-menue
***************************************************/

nav {
	position:absolute;
	width:760px;
	height:35px;
	top:52px;
	left:215px;
	background-color: transparent;
	-moz-border-radius: 5px;
	border-radius: 5px;
	-moz-box-shadow: 4px 4px rgba(0,0,0,0.1);
	-webkit-box-shadow: 4px 4px rgba(0,0,0,0.1);
	box-shadow: 4px 4px rgba(0,0,0,0.1);
}

nav ul li {
	float: left;
	line-height:normal;
	margin-left:20px;
}


nav ul li a {
	font-size: 18px;
	font-family:Arial, Verdana, sans-serif;
	color:#333;
	text-transform:capitalize;
	font-weight:normal;
	display:block;	/* IE6, IE7 line height fix */
	background-color:transparent;
    text-decoration:none;
	margin-top:5px;
	padding:5px;
}

nav ul li a:hover {
	color:#5588c7;
}

nav ul #n1 a:hover {
	background-image:url(../images/wolke_home.png);
	color:#5588c7;
}
nav ul #n2 a:hover {
	background-image:url(../images/wolke_karte.png);
	color:#5588c7;
}
nav ul #n3 a:hover {
	background-image:url(../images/wolke_fewo.png);
	color:#5588c7;
}
nav ul #n4 a:hover {
	background-image:url(../images/wolke_sonderangebote.png);
	color:#5588c7;
}
nav ul #n5 a:hover {
	background-image:url(../images/wolke_kontakt.png);
	color:#5588c7;
}
nav ul #n6 a:hover {
	background-image:url(../images/wolke_impressum.png);
	color:#5588c7;
}
.activ_n1 { 
	background-image:url(../images/wolke_home.png);
}
.activ_n2 { 
	background-image:url(../images/wolke_karte.png);
}
.activ_n3 { 
	background-image:url(../images/wolke_fewo.png);
}
.activ_n4 { 
	background-image:url(../images/wolke_sonderangebote.png);
}
.activ_n5 { 
	background-image:url(../images/wolke_kontakt.png);
}
.activ_n6 { 
	background-image:url(../images/wolke_impressum.png);
}
/***************************************************
				   spezifisches
***************************************************/

#logo {
	position:relative;
   	float:left;
   	top:0px;
	left:-9px;
	width:250px;
	height:160px; 
	z-index:500;
}

.button {
	width: 100%;
	height:auto;
	position:relative;
	margin-top:10px;
	padding:5px;
	background-color:#fc8507;
	display: inline-block;
	color:white;
	cursor: pointer;
	text-align: center;
	font: 14px/100% Arial, Helvetica, sans-serif;
	-moz-border-radius: 5px;
	border-radius: 5px;
	float:right;
	text-decoration:none;
}

.button:hover {
	background-color:#ed7803;
	text-decoration:none;
}

.button_details {
	width: 100%;
	height:14px;
	position:relative;
	margin-top:10px;
	padding:5px;
	background-color:#fc8507;
	display: inline-block;
	color:white;
	cursor: pointer;
	text-align: center;
	font: 14px/100% Arial, Helvetica, sans-serif;
	-moz-border-radius: 5px;
	border-radius: 5px;
	float:right;
	text-decoration:none;
}

.button_details:hover {
	background-color: #ed7803;
	text-decoration:none;
}

.button_buchen {
	width: 100%;
	height:14px;
	position:relative;
	margin-top:10px;
	padding:5px;
	background-color: #f03;
	display: inline-block;
	color:white;
	cursor: pointer;
	text-align: center;
	font: 14px/100% Arial, Helvetica, sans-serif;
	-moz-border-radius: 5px;
	border-radius: 5px;
	float:right;
	text-decoration:none;
}

.button_buchen:hover {
	background-color: #f33;
	text-decoration:none;
}

.button_gemerkt {
	width: 100%;
	height:14px;
	position:relative;
	margin-top:10px;
	padding:5px;
	background-color: #f00;
	display: inline-block;
	color:white;
	cursor: pointer;
	text-align: center;
	font: 14px/100% Arial, Helvetica, sans-serif;
	-moz-border-radius: 5px;
	border-radius: 5px;
	float:right;
	text-decoration:none;
}
	
.button_gemerkt:hover {
	background-color: #f30;
	text-decoration:none;
}
.button_zurueck {
	width: auto;
	height:auto;
	position:relative;
	margin-top:10px;
	padding:5px;
	background-color:#fc8507;
	display: inline-block;
	color:white;
	cursor: pointer;
	text-align: center;
	font: 14px/100% Arial, Helvetica, sans-serif;
	-moz-border-radius: 5px;
	border-radius: 5px;
	float:right;
	text-decoration:none;
}
	
.button_zurueck:hover {
	background-color:#ED7803;
	text-decoration:none;
}
/*slideshow*/

#sliders {
	position:absolute;
	top:15px;
	left:4px;
	z-index:100;
}

.sliders_container {
	width:980px;
	overflow:hidden;
	position:relative;
	display:none; 
}

.sliders_container a {
	width:980px;
	height:270px;
	display:block;
}

.sliders_container a img {
	display:block;
}

/*next/prev buttons*/

#sliders .next,#sliders .prev {
	position:absolute;
	top:107px;
	left:-39px;
	width:24px;
	height:43px;
	display:block;
	z-index:101;
}

#sliders .next {
	left:585px;
}

/*pagination*/

.pagination {
	margin-top:100px;
	width:100%;
	position:absolute;
	top:220px;
	left:880px;
	z-index:1000; 
}

.pagination li {
	float:left;
	margin:0 1px;
	list-style:none;
	border:hidden;
}

.pagination li a {
	display:block;
	width:12px;
	height:0;
	padding-top:12px;
	background-image:url(../images/pagination.png);
	background-position:0 0;
	float:left;
	overflow:hidden;
}

.pagination li.current a {
	background-position:0 -12px; 
}

.bilder_footer {
	left:500px;
	top:-95px;
}
.bilder_start {
	left:500px;
	top:-95px;
}
.bilder_award {
	position: relative;
	top:10px;
}
/*
	kontaktformular-kalender
*/
.button_kalender {
	width: auto;
	height:auto;
	margin-top:10px;
	padding:5px;
	background-color:#fc8507;
	display: inline-block;
	color:white;
	cursor: pointer;
	text-align: center;
	font: 14px/100% Arial, Helvetica, sans-serif;
	-moz-border-radius: 5px;
	border-radius: 5px;
	float:left;
	text-decoration:none;
}
	
.button_kalender:hover {
	background-color:#ED7803;
	text-decoration:none;
}

.button_kontakt {
	width: auto;
	height:auto;
	margin-top:10px;
	padding:5px;
	background-color:#fc8507;
	display: inline-block;
	color:white;
	cursor: pointer;
	text-align: center;
	font: 14px/100% Arial, Helvetica, sans-serif;
	-moz-border-radius: 5px;
	border-radius: 5px;
	float:left;
	text-decoration:none; 
	margin: 0 0 5px 25px;
}
	
.button_kontakt:hover {
	background-color:#ed7803;
	text-decoration:none;
}

.button_ausstattung {
	width: auto;
	height:auto;
	margin-top:10px; margin-left: 100px;
	padding:5px;
	background-color:#fc8507;
	display: inline-block;
	color:white;
	cursor: pointer;
	text-align: center;
	font: 14px/100% Arial, Helvetica, sans-serif;
	-moz-border-radius: 5px;
	border-radius: 5px;
	float:left;
	text-decoration:none;
}
	
.button_ausstattung:hover {
	background-color:#ED7803;
	text-decoration:none;
}

.formspacer {
	width: 120px;
	display: block;
	float: left;
}


#zwischen { 
	float:left; 
	margin: 0;
	padding : 44px ;
}

#suche { 
	float:left;
}

#zurueck { 
	float:left; 
	margin-left: 110px;
}

.border-focus {
	background: #d8eafe;
	border: 1px solid #039;
}

.border-normal {
    background: #fff;
    border: 1px solid #ccc;
	border-color:#d8eafe
}

/*blaetternavigation*/
.navigation a {
	border: 1px solid #E0E0E0;
	margin: 0 1px;
	padding: 4px 7px;
	color: #444; 
	font-weight: bold;
	text-decoration: none;
}

.navigation a:visited {
	color: #507DB4; 
	font-weight: normal;
	text-decoration: none;
}

.navigation a:hover, #navigation a:active {
	border: 1px solid #507DB4;
	background: #F8F8F8;
	color: #737373; 
	text-decoration: none;
}
.current {
	border: 1px solid #E0E0E0;
	padding: 4px 7px;
	color: #444; 
}

.pages{
	border: 1px solid #E0E0E0;
	padding: 2px 7px;
	float: right;
	margin: -3px 0 0;
}
/*trigger-box*/

.trigger {
	padding: 5px;  
	border-radius: 5px; 
	border: 1px solid rgb(221, 221, 221); 
	color:#ff7f00;; 
	margin-bottom: 5px; 
	cursor: pointer; 
	box-shadow: inset 0px 1px 1px #fff; 
	background-color: rgb(221, 221, 221);
	 -moz-border-radius: 5px; 
	 -webkit-border-radius: 5px; 
	 text-shadow: 0 1px 0 #fff; 
	 -moz-box-shadow: 0 1px 1px #fff inset; 
	 -webkit-box-shadow: 0 1px 1px #fff inset;
}
.trigger_active {
	color:#333333;
}
.toggle_container {
	padding: 5px 10px; 
	width: auto; 
}
.toggle_container a { 
	color:#333333; 
}
.toggle_container a:hover { 
	color:#000; 
}

/*sonderangebote*/
/*#sonderangebote { 
	padding-left: 370px; 
	padding-top: 10px; 
	background-image:url(../images/sonderangebot.jpg); 
	background-color: #d9e3e5;
}*/

/*kontaktformular allg*/
#formular { 
	margin-top: 32px;
}
.gruppe_kontakt { 
	width: 370px;
	padding:15px 15px 5px 15px;;
	background:white;
	border:3px double #cdcdcd;
	-moz-border-radius: 5px;
	border-radius: 5px; 
	margin-bottom: 45px;
}
textarea, table {
  font-family: Verdana, Sans-Serif;
  font-size: 12px;
  color: #000;
}
table {
  margin: auto;
  border-spacing: 1px;
}
th, td {
  padding: 3px;
}
label {
  cursor: pointer;
}
.pflichtfeld {
  color: #ff7f00;
  border: 0px;
}
.hintergrund {
  color: #000;
  background-color: #bfd4e7;
}
 .danke, .danke a {
  color: #000;
  padding: 10px;
  width: 380px;
  margin: auto;
  margin-top: 100px;
 }