body{
	/* background:#F4EFE9; */
	background:url(/img/bg.jpg);
	background-attachment:fixed;
	font-family:Tahoma, Arial, Helvetica, sans-serif;
	font-size:12px;
	color:#553B34;
	line-height:1.4em;
}

a{
  color:#553B34;
  text-decoration:none;
}

a:hover{
  color:#95A364;
}

*{
	margin:0px 0px;
	padding:0px 0px;
}

ul {
	list-style:outside;
	margin-left:15px;
}

.sidebar{
	display: flex;
	justify-content: flex-end;
	width: 35%;
}


.sidebar .icons_sidebar{
	width: 30%;
	margin-right: 25px;
}

.startsidebar{
	display: flex;
	justify-content: flex-end;
	margin-right: 15px;
}

#header_gutschein{
  left:230px;
  top:15px;
  position: absolute;
  text-transform: uppercase;
  font-weight: bold;
  z-index: 2;
 /*visibility:hidden;*/
}

#header_gutschein img{
  float:left;
  margin-right:5px;
  width:45px;

}

#header_gutschein a{
 color:#594747;
 position:relative;
 top:10px;
}


#hotelbewertungen{
  position:absolute;
  width:100%;
  height:90%;
  z-index:10000;
}

#hotelbewertungen_div {
	background:#fff;
  width:1000px;
  height:800px;
  margin:20px auto;
  padding:20px;
  border:1px solid #000;
}

#hotelbewertung{
  width:860px;
  height:760px;
}

#hotelbewertungen_backlink{
  text-align:right;
  margin-bottom:10px;
}

#hotelbewertungen_backlink a{
  color:#000;
  text-decoration:none;
}

#wrapper{
	position:relative;
	width:90%;
	margin:0 auto;
	padding-top:5px;
}

#wrapper_content{
  width:90%;
  border:1px solid #DAD6CA;
  background:#FBFBFD;
  margin:0 auto;
}

#header{
	position:relative;
	width:100%;
	height:inherit;
	background:url(/img/header.jpg);
}

#header_links{
  float:left;
  padding: 3px 15px 0 15px;
}

#header_rechts{
	float:right;
	/*davor padding 12 130 0 0 , mit hotel.de widget */
	padding: 12px 20px 0 0;
	position:relative;
	width:60%;
	text-align:right;
}

#toolbar{
	width:30%;
	float:right;
	margin:80px 7px 0px 0px;
}

.toolbar_item{
	float:right;
	margin-left:7px;
	padding-left:7px;
	border-left:1px solid #95A364;
}

.toolbar_item a{
	color:#553B34;
	text-decoration:none;
	text-transform:uppercase;
}

.toolbar_item a:hover{
	color:#95A364;
	text-decoration:none;
}


/* STYLES STARTSEITE */

#start_content_area{
	width:90%;
	height:490px;
	border-top:11px solid #95a364;
	position:relative;
}

#logo{
	position:absolute;
}

#start_text{
	float:right;
	margin:160px 30px 0px 0px;
	font-size:26px;
}

#start_hauptnavi{
	height:50px;
	margin:380px auto!important;
	width:inherit;
	background:#95a364;
	border-top:7px solid #CCC88A;
	border-bottom:7px solid #CCC88A;
	font-weight:bold;
	position:absolute;
	z-index:10000;
	line-height:1em;
	text-align:center;
	
	display: -webkit-box;
	display: -moz-box;
	display: -webkit-flexbox;
	display: -ms-flexbox;
	display: -webkit-flex;
	display: flex;
	
	-webkit-box-pack: justify;
	-webkit-flex-pack: justify;
	-webkit-justify-content: center;
	-moz-box-pack: justify;
	-moz-flex-pack: justify;
	-moz-justify-content: center;
	-ms-box-pack: justify;
	-ms-flex-pack: justify;
	-ms-justify-content: center;
	justify-content: center;

}

.mainMenuItemstart{

	padding:18px 3px  0px 12px;
}
.mainMenuItemstart:last-child{

	padding:18px 10px  0px 12px;
}
.mainMenuItemstart a{
	font-size:12px;
	color:#fff;
	text-decoration:none;
	text-transform:uppercase
}

.mainMenuItemstart a:hover{
  color:#515949;
}

.mainMenuItemActstart{
	float:left;
	padding:8px 10px 0px;
}

.mainMenuItemActstart a{
	font-size:13px;
	color:#515949;
	text-decoration:none;
	text-transform:uppercase
}

.mainMenuItemActstart a:hover{
	font-size:13px;
	color:#95A364;
	text-decoration:none;
	text-transform:uppercase
}

.mainMenuItem{
	float:left;
  padding:2px 0 0 15px;

}

.mainMenuItem a{
	font-size:12px;
	color:#ffffff;
	text-decoration:none;
	font-weight:bold;
	text-transform:uppercase
}

.mainMenuItem a:hover{
	color:#515949;
	font-weight:bold;
}

.mainMenuItemAct{
	float:left;
  padding:2px 0 0 15px;
	font-weight:bold;
}

.mainMenuItemAct a{
	font-size:13px;
	color:#515949;
	text-decoration:none;
	font-weight:bold;
	text-transform:uppercase
}

.mainMenuItemAct a:hover{
	color:#515949;
	text-decoration:none;
	font-weight:bold;
	text-transform:uppercase
}

#newsboxen{
  width:90%;
  border-right:1px solid #7e5f42;
}

.newsBox{
	float:left;
  width:20%;
  height:auto;
  border-left:1px solid #7e5f42;
}

.newsBoxpic{
  width:20%x;
  height:auto;
  padding:10px 17px 0px;
}

.newsBoxTitle{
  padding:5px 17px 0px;
  font-weight:bold;
  height:15px;
  overflow:hidden;
}

.newsBoxText{
  padding:5px 17px 0px;
  height:63px;
  overflow:hidden;
}

.newsBoxMore{
  padding:5px 17px 0px;
  height:20px;
  background:url(/img/image/newsMore.png) repeat-x;
}


/* STYLES CONTENTSEITE */

#navigation{
	width:100%;
	height:inherit;
	background:#95a364;
	border-top:7px solid #CCC88A;
	padding: 10px 0;
}

#hauptnavi{
	padding-bottom:10px;
}

#subnavi{
	padding-left:5px;
}

.submenuItem{
  float:left;
	padding:2px 0px 0px 10px;
}

.submenuItem a{
  color:#ffffff;
  text-decoration:none;
  font-size:12px;
}

.submenuItem a:hover{
  color:#515949;
}

.submenuItemActive{
  float:left;
	padding:2px 0px 0px 10px;
}

.submenuItemActive a{
	color:#515949;
  text-decoration:none;
  font-size:12px;
}

.submenuItemActive a:hover{
  color:#515949;
  text-decoration:none;
  font-size:12px;
}

#wechselbild{
	border-top:7px solid #CCC88A;
	width:100%;
	height:auto;
}

#contentboxen{
	width:90%;
	background:#eadac1;
	background:url(/img/linie_bg.jpg);
}


#contentboxen_top{
	border-top:1px solid #DAD6CA;
	height:30px;
	width:90%;
	background:url(/img/linie_top.jpg);
}

#contentboxen_bottom{
	height:30px;
	width:90%;
	background:url(/img/linie_bottom.jpg);
}

#contentbox_left{
	float:left;
	width:60%;
	padding:5px 25px 20px 25px;
}

#contentbox_right{
	float:left;
	padding:0px 0px 0px 0px;
	margin-right:10px;

}

#buchen_sie{
	width:100%;
	padding:4px;
	text-align:center;
	color:#7A8454;
	margin-bottom:10px;
	font-weight:bold;
	letter-spacing:1.5px;
	background:url(/img/dimmer.png);
}

h1{
  font-size:16px;
  font-weight:bold;
	color:#553B34;
}

#content{
  color:#384043;
}

#content a{
	color:#384043;
	text-decoration:none;
}

/* Teaser START*/

.teaser-mit-bild {
	width:50%;
	margin-top:40px;
}

.teaser-bild {
	float:left;
	width:13%;
	height:90px;
	padding-right:15px;

}

.teaser-text {
	float:left;
	width:30%;
}

.teaser-ohne-bild {
	width:30%;
	margin-top:40px;
}

.teaser-title a {
	font-size:13px;
	text-decoration:none;
	font-weight:bold;
}

.teaser-vorschautext {
	font-size:11px;
	padding-top:3px;
	line-height:15px;
}

.teaser-link {
	padding-top:3px;
	font-size:11px;
	font-weight:bold;
}

/* Teaser ENDE*/


.infobox_left{
	width:20%;
  border:4px solid #fff;
	margin-bottom:20px;
	padding:10px;
}

.infobox_right{
	margin-bottom:20px;
	padding:10px;
	font-size:11px;
}


/* STYLES ENDE */
 
#picdiv{
  position:fixed;
  width:100%;
  height:100%;
  z-index:2000;
  background:url(/img/picdiv_bg.png);
 visibility:hidden;
}

#picdiv_main{
	color:#000;
  width:88%; 
  min-height:500px; 
  margin:50px auto 0px;
  background:#fff;
  padding:10px; 
  border:10px solid #95A364;
} 

#gutschein_dimmer{z-index:9000;padding-top:20px;}
#gutschein_close{position:absolute;z-index:9001;right:10px;top:10px;text-shadow:none;cursor:pointer;}
#gutschein_box{width:620px;background:#fff;margin:0 auto;padding:10px;box-shadow:0 0 10px #888888;position:relative;}
#gutschein_deko{height:8px;background:#f2f2f2;margin:3px 0 10px;}
 
#buchendiv,#gutschein_dimmer{
  position:absolute;
  top:0px;
  left:0px;
  width:100%;
  min-height:100%;
  z-index:11000; 
  background:url(/img/picdiv_bg.png);
}

#top_bg{
  width:730px;
  height:30px;
  margin:20px auto 0px;
  background-image:url(/img/bg_buchen_top.png);
}

#buchen_main{
  width:720px;
  margin-left:auto;
  margin-right:auto;
  background:#fff;
  color:#6C1844;
}

#footer{
	width:90%;
	font-size:12px;
	margin:0 auto;
}

#footer_info{
	color:#fff;
  padding-top:5px;
	height:24px;
	background-color: #83316c;
  margin-top:5px;
  text-align:center;
}

#footer_info a{
  color:#fff;  
} 

#footer_info a:hover {
  color:#7DAA6F;  
}

.sitemap{
  float:left!important;
  padding: 15px 15px 30px 0px;
}

.clearthis{
  clear:both;
}
#newsletterdiv{
position:absolute;
top:45px;
right: 10px;
font-familiy: Tahoma,Arial,Helvetica,sans-serif;
	 padding:5px 15px; 
    background: #95a364; 
    border:0 none;
    cursor:pointer;
   
	color: #fff;
	font-weight: bold;
	letter-spacing: 0.7px;
}
#newsletterdiv a{
		color: #fff;
}

#newsletterdiv input[type=submit]{
	font-familiy: Tahoma,Arial,Helvetica,sans-serif;
	 padding:5px 15px; 
    background: #95a364; 
    border:0 none;
    cursor:pointer;
	color: #fff;
	font-weight: bold;
	letter-spacing: 0.7px;
	
}

#newsletterdiv:hover{
	background: #ccc88a;
	
}






#pricediv{
position:absolute;
top:45px;
right: 130px;
font-familiy: Tahoma,Arial,Helvetica,sans-serif;
	 padding:5px 15px; 
    background: #95a364; 
    border:0 none;
    cursor:pointer;
   
	color: #fff;
	font-weight: bold;
	letter-spacing: 0.7px;
}
#pricediv a{
		color: #fff;
}

#pricediv input[type=submit]{
	font-familiy: Tahoma,Arial,Helvetica,sans-serif;
	 padding:5px 15px; 
    background: #95a364; 
    border:0 none;
    cursor:pointer;
	color: #fff;
	font-weight: bold;
	letter-spacing: 0.7px;
	
}

#pricediv:hover{
	background: #ccc88a;
	
}
#sitemaplink{text-align:center;margin:15px 0 0;cursor:pointer;}
 .sitemap{visibility:visible; }
 #wrappersitemap{

 display: -webkit-box;
	display: -moz-box;
	display: -webkit-flexbox;
	display: -ms-flexbox;
	display: -webkit-flex;
	display: flex;
 
	-webkit-box-pack: justify;
	-webkit-flex-pack: justify;
	-webkit-justify-content: space-around;
	-moz-box-pack: justify;
	-moz-flex-pack: justify;
	-moz-justify-content: space-around;
	-ms-box-pack: justify;
	-ms-flex-pack: justify;
	-ms-justify-content: space-around;
	justify-content: space-around;
 }
 .sitemap:nth-child(9) {margin-left: 103px!important; padding-left: 0px!important;}
 .gallerylayer img{width:100%!important;margin:0!important;}
 #start_content_area{width:100%!important;}
 #contentboxen{width:100%!important;}
 body div:nth-child(4){
	 /*width:100%!important;*/
 }
 #footernav{
	 width:80%;margin:0 auto;
	 
	 display: -webkit-box;
	display: -moz-box;
	display: -webkit-flexbox;
	display: -ms-flexbox;
	display: -webkit-flex;
	display: flex;
	 
	-webkit-box-pack: justify;
	-webkit-flex-pack: justify;
	-webkit-justify-content: space-around;
	-moz-box-pack: justify;
	-moz-flex-pack: justify;
	-moz-justify-content: space-around;
	-ms-box-pack: justify;
	-ms-flex-pack: justify;
	-ms-justify-content: space-around;
	justify-content: space-around;
	 flex-wrap:wrap;
 }
 #footernav div{
	
 }
 #fadeshow1{
	 width:100%!important;
	 height:500px!important;
 }
 

 
  
  .infobox_left{
	  width:100%;
  }
  #navigation{
	  height:inherit;
  }
  #footernav{
	  padding-bottom:30px;
  }
  
  
  
@media (max-width: 1700px) {
	.icons_sidebar img{
		max-width: 100%;
		height: auto;
	}
}

@media (max-width: 1480px) {
	.sidebar{
		display: block;
		width: 20%;
	}
	.contentpage .sidebar, .contentpage #contentbox_left{
		float: left;
	}
	.contentpage #contentbox_right{
		float: none;
	}
	#contentboxen{
		display: block;
	}
	#contentbox_left{
		width: 75%;
		float: none;
	}
	#contentbox_right{
		float: left;
	}
	.sidebar .icons_sidebar{
		margin-right: 0;
		width: 90%;
		margin-top: 30px !important;
	}
	.infobox_left{
		padding: 0;
	}
	.startpage #contentbox_left{
		float: left;
	}
	
}

@media (max-width: 1280px) {
	.startpage #contentbox_left{
		float: none;
	}
	
	.startsidebar{
		display: none;
	}
	.sidebar{
		width: 25%;
	}
	#contentbox_left{
		width: 90%;
		box-sizing: border-box;
	}
}

@media (max-width: 1280px) {
	#contentboxen{
		display: block;
	}
	#contentbox_left{
		width: 95%;
	}
	.sidebar{
		display: flex;
		width: 90%;
		padding: 5px 25px 20px;
	}
	.sidebar .icons_sidebar{
		display: flex;
		flex-wrap: wrap;
	}
	.infobox_left{
		height: 120px;
		margin-left: 20px;
		width: 28%;
	}
}

@media (max-width: 1200px) {
	#wrapper_content{
		width: 100%;
	}
	#footer{
		width: 100%;
	}
	#footernav{
		width: 90%;
	}
}

@media (max-width: 1100px) {
	#contentboxen{
		border: 0px !important;
	}
	#wrapper{
		width: 100%;
		padding-top: 0;
	}
	#wrapper_content{
		border: 0px;
	}
}

.mobilenav{
	display: none;
}
#start_content_area{
		border-top: 0px;
	}

@media (max-width: 990px) {
	#pricediv, #newsletterdiv{
		top: 60px;
	}
	#header{
		padding-top: 15px;
		padding-bottom: 15px;
	}
	.wide-container {
		height: 300px !important;
    }
	#start_content_area{
		height: 300px;
	}
	#start_hauptnavi {
		display: block;
		height: auto;
		line-height: 1em;
		margin: 0 auto !important;
		position: static;
		text-align: center;
		width: 100%;
		padding-top: 15px;
		padding-bottom: 15px;
		display: none;
	}
	
	.mainMenuItem, .mainMenuItemAct, .submenuItemActive, .submenuItem{
		float: none;
		text-align: center;
		padding: 10px 0;
	}
	#navigation{
		display: none;
	}
	.mobilenav{
		display: block;
		background-color: #95a364;
		height: 45px;
		display: flex;
		align-items: center;
		
		color: #fff;
		font-size: 18px;
		
	}
	.navicon{
		width: 35px;
		cursor: pointer;
		margin-left: 25px;
		margin-right: 20px;
	}
	
	.navicon .strp{
		height: 2px;
		width: 40px;
		margin-top: 6px;
		margin-bottom: 6px;
		background-color: #fff;
	}
	.toolbar_item{
		display: none;
	}
	#contentbox_left{
		box-sizing: border-box;
		width: 100%;
	}
	#footer_info{
		height: auto;
		text-align: center;
	}
	.arr{
		max-width: 100%;
	}
	.arr_cont{
		overflow-y: auto;
	}
}

@media (max-width: 600px) {
	#header_rechts{
		display: none;
	}
	#header{
		display: flex;
		justify-content: space-between;
		padding-top: 15px;
		padding-bottom: 15px;
	}
	.arr_img{
		display: none;
	}
	.sidebar{
		display: none;
	}
}
 /*
 ***
 Media Queries 
 ***
 
 @media screen and (max-width: 1381px) {

#contentbox_right{
	

	width:40%;
}
#contentbox_left{
	display:block;
	width:90%;
	margin-bottom:10px;
}
}
@media screen and (max-width: 1170px) {
  #header_rechts{
	  display:block;
	width:90%;
	  float:none;
	  padding-bottom:50px;
	  margin-bottom:40px;
	  text-align:left;
	margin:0 auto;
	 
	  }
   #header_links{
	  display:block;
	  width:100%;
	  float:none;
	  }
	  #header{
		  height:180px;
	  }
	  .toolbar-item{
		  float:left;
	  }
	  h1{
		  line-height:150%;
	  }
	  #start_hauptnavi{
		margin:440px auto!important;
		flex-wrap:wrap;
	}
}
@media screen and (max-width: 1100px) {
	#footernav div{
		padding-left:10px;
		padding-top:5px;
	}
	#start_hauptnavi{
	
	}
	#footer{
		
	}
		#start_hauptnavi{
		margin:420px auto!important;
		flex-wrap:wrap;
	height:inherit;
	margin-bottom:430px;
	padding-bottom:10px;
	}
	
} 
@media screen and (max-width: 1000px) {
	#start_hauptnavi{
		margin:420px auto!important;
		flex-wrap:wrap;
	height:inherit;
	margin-bottom:430px;
	padding-bottom:10px;
	}
	
}
@media screen and (max-width: 970px) {
	#footer_info{
		height:40px;
		margin-top:40px;
	}
	#start_content_area{
		height:347px!important;
	}
	#start_hauptnavi{
		margin:300px auto!important;
		-webkit-flex-wrap: wrap;
	-moz-box-lines: multiple;
	-moz-flex-wrap: wrap;
	-ms-box-lines: multiple;
	-ms-flex-wrap: wrap;
	flex-wrap: wrap;
		height:inherit;
	}
	.mainMenuItemstart{
		padding-bottom:10px;
	}
	
} 
@media screen and (max-width: 760px) {
	#header_rechts{
		display: -webkit-box;
	display: -moz-box;
	display: -webkit-flexbox;
	display: -ms-flexbox;
	display: -webkit-flex;
	display: flex;
		-webkit-flex-wrap: wrap;
	-moz-box-lines: multiple;
	-moz-flex-wrap: wrap;
	-ms-box-lines: multiple;
	-ms-flex-wrap: wrap;
	flex-wrap: wrap;
		
			-webkit-box-pack: justify;
	-webkit-flex-pack: justify;
	-webkit-justify-content: center;
	-moz-box-pack: justify;
	-moz-flex-pack: justify;
	-moz-justify-content: center;
	-ms-box-pack: justify;
	-ms-flex-pack: justify;
	-ms-justify-content: center;
	justify-content: center;
	
	-webkit-box-align: center;
	-webkit-flex-align: center;
	-webkit-align-items: center;
	-moz-box-align: center;
	-moz-flex-align: center;
	-moz-align-items: center;
	-ms-box-align: center;
	-ms-flex-align: center;
	-ms-align-items: center;
	align-items: center;
	
		padding-bottom:70px;
	}
	#pricediv,#newsletterdiv{
		margin:30px 0;
	}
	#header{height:200px;}
	#start_content_area{
		height:300px!important;
		}
		#footer_info{

	margin-top:100px;
	}
}
@media screen and (max-width: 670px) {

		#start_hauptnavi{
	margin:230px auto!important;
	-webkit-flex-wrap: wrap;
	-moz-box-lines: multiple;
	-moz-flex-wrap: wrap;
	-ms-box-lines: multiple;
	-ms-flex-wrap: wrap;
	flex-wrap: wrap;
	height:inherit;
	}
		#footer_info{
		height:inherit;
		margin-top:30px;
	}
}


@media screen and (max-width: 620px) {
		#start_hauptnavi{
	margin:230px auto!important;
	-webkit-flex-wrap: wrap;
	-moz-box-lines: multiple;
	-moz-flex-wrap: wrap;
	-ms-box-lines: multiple;
	-ms-flex-wrap: wrap;
	flex-wrap: wrap;
	height:inherit;
	}
#header_rechts div{
	margin-bottom:20px;
}

	
}
@media screen and (max-width: 566px) {

	#footer_info{
		height:inherit;
		margin-top:70px;
	}


}
@media screen and (max-width: 491px) {

#start_hauptnavi{
	margin:180px auto!important;
	}
	#footer_info{
		height:inherit;
		margin-top:10px;
	}

}
@media screen and (max-width: 434px) {
#header_rechts{
	margin-top:30px;
	padding-bottom:20px;
}
#header{
	height:inherit;
}

	
	#contentbox_right{
		width:90%!important;
		margin:0 auto;
		 padding: 5px 25px 0;
		 background-repeat:repeat-y;
	}
}

@media screen and (max-width: 419px) {
#pricediv,#newsletterdiv{
		margin:40px 0 0px;
		
	}
	
	#header_rechts {
	padding-bottom:50px;
}
#wrapper,#wrapper_content, #footer{
	width:100%;
}
}

@media screen and (max-width: 340px) {
	#header_rechts{
		padding-bottom:30px;
	}
	#footer_info{
		height:inherit;
		margin-top:20px;
	}
	#pricediv, #newsletterdiv {
		margin-top:70px;
	}
}

@media screen and (max-width: 329px) {
	
	#footer_info{
		height:inherit;
		margin-top:50px;
	}
	
}
@media screen and (max-width: 260px) {
	#start_hauptnavi{
	margin:140px auto!important;
	}
	#footer_info{
		height:inherit;
		margin-top:20px;
	}
	
}
**/