@media (max-width: 800px) {
	.hiddenXS 	{ display: none !important; }
	.hiddenX 	{ display: block !important; }

}

@media (min-width: 801px) {
	.hiddenXS 	{ display: block !important; }
	.hiddenX 	{ display: none !important; }

}


body {
	margin: 0;
	padding: 0;
/* 	background: url(../images/footer-background.png) repeat-x 0px 890px; */
}

#main {
	width: 100%;
	min-width: 984px;
	margin: 0px auto;
/* 	background: url(../images/background_01.jpg) no-repeat top center; */
	}
	
	#wideHeader {
		width: 100%;
		height: 220px;
		background: url(../images/header-background.png) repeat-x;
		}
		#header {
			width: 984px !important;
			height: 154px;
			margin: 0px auto;
			position: relative;
			padding-top: 47px;
			}

			#headerLanguage	{ 
				position: absolute; 
				top: 12px; 
				padding: 0 10px; 
				border-top-left-radius: 5px; 
				border-top-right-radius: 5px; 
				height:32px; 
				line-height: 33px; 
				border: 2px solid white; 
				color: #fff; 
				text-align: right; 
				background: url(/images/language_background.jpg);
				}
				#headerLanguage a	{ line-height: 33px; }

			#reservation {
				width: 225px !important;
				height: 110px !important;
				margin: 0px auto !important;
				padding: 15px;
				position: absolute;
				top: 10px;
				right: 0px;
				background: #bbbd1c;
				border: 2px solid white;
				border-radius: 5px;
				color: white;
				}
				#reservation h2	{ margin: 0 0 3px 0; padding: 0; color: white; font-weight: bold; font-size: 12px; text-transform: uppercase; }
				#reservation input[type="text"] { color: #4b334c; margin-top: 3px; cursor:pointer; width: 125px; height: 19px; background: url(/images/cal.png) no-repeat right center white; border: 1px solid #a2a2a2; border-radius: 3px; }
				#reservation input[type="submit"] { width: 130px; background: #4b334c; border: none; float: right; border-top-right-radius: 5px;border-bottom-left-radius: 5px; font-weight: normal; text-transform: none; width: 65px; height: 23px;  }				
				
				.bookingDsplNone {
					
				}
			#bestpriceHeader { z-index: 9999; position: absolute; top: 0; left: 615px; width: 90px; height: 98px; background: url(/images/bestprice_header.png) no-repeat; }
			#bestpriceHeader a	{ display: block; width: 90px; height: 98px; position: relative; }
			.bestpriceContentH { display:none; border-radius: 5px; border: 2px solid white; background: #bbbd1c; padding: 5px; width: 280px;  color: white; position: absolute; top: 5px; left: -300px; }
			.bestpriceContentH img { position: absolute; top: 15px; left: 290px; }

			#bestprice { z-index: 9999; position: absolute; top: 6px; left: 135px; width: 76px; height: 75px; background: url(/images/bestprice.png) no-repeat; }
			#bestprice a	{ display: block; width: 76px; height: 75px; position: relative; }
			.bestpriceContent { display:none; border-radius: 5px; border: 2px solid white; background: #bbbd1c; padding: 5px; width: 180px; height: 50px; color: white; position: absolute; top: -70px; left: -115px; }
			.bestpriceContent img { position: absolute; top: 60px; left: 145px; }
				
			#headerTools {
				width: 984px;
				height: 110px;
				}
				#headerContact 	{ float: left; width: 422px; color: #cccc00; padding-top: 20px; }
					#headerContact span { text-transform: uppercase; }
					#headerContact span strong { font-size: 15px; }
					#headerContact p	{ margin-top: 5px; }
					#headerContact p strong	{ margin-top: 5px; text-transform: uppercase; }
				#headerLogo 	{ float: left; width: 140px; }
				

				
			#navigation {
				width: 984px;
				height: 30px;
				}
				#navigation ul {
					list-style-type: none;
					margin: 0;
					padding: 0;
					}
					#navigation ul li {
						float: left ;
						padding-right: 15px;
						margin-right: 15px;
						background: url(../images/navbullet.png) center right no-repeat;
						position: relative;
						}
						#navigation ul li.last { background: none; }
						#navigation ul li a { font-size: 15px; display: block; height: 28px; line-height: 28px; text-transform: uppercase; }
						#navigation ul li.current a,
						#navigation ul li a:hover {
							color: #bbbd1c;
						}
						
						#navigation ul ul {
							display: none;
						}
						
						#navigation ul li:hover ul {
							display: block;
							position: absolute;
							top: 27px;
							left: -2px;
							border: 2px solid #fff;
							z-index: 999;
							}
							#navigation ul li:hover ul li {
								display: block;
								width: 207px !important;
								background: #bbbd1c;
								padding: 0 0 0 10px;
								margin: 0;
								border-bottom: 1px solid #fff;
								z-index: 900;
								position: relative;
								}
								#navigation ul li:hover ul li.last { border-bottom: none; }
								#navigation ul li:hover ul li a {
									font-weight: normal;
									color: #fff;
									z-index: 900;
									
								}
								#navigation ul li:hover ul li a:hover { color: #fff; }
								#navigation ul li:hover ul li:hover {
									background: #4b334c;
									z-index: 900;
								}
								
								#navigation ul li:hover ul li ul { display: none; }
								#navigation ul li:hover ul li:hover ul { display:block; position: absolute; left: 219px; top: -2px; }
								#navigation ul li:hover ul li:hover ul li { width: 250px !important; height: auto !important; }
								#navigation ul li:hover ul li:hover ul li a { text-transform: none; font-size: 12px; height: auto !important; }
			
			#wideBreadcrumbs {
				width: 100%;
				height: 20px;
				background: #b7b6b2;
				}
				#breadcrumbs {
					width: 984px;
					height: 20px;
					margin: 0px auto;
					}
					#breadcrumbs a {
						line-height: 20px;
						padding-right: 0px;
					}
					
	#center {
		width: 984px;
/* 		height: 566px; */
		margin: 0px auto;
		margin-top: 11px;
		position: relative;
		margin-bottom: 20px;
		}
		
		#shareico {
			position: absolute;
			top: 10px;
			left: 940px;
			z-index: 999;
			cursor: pointer;
			}
			#share-buttons {display:none; position: absolute; top: 45px;right: 15px; background: #fff; border: 4px; border-radius: 4px; width: 190px; padding: 10px 0 10px 15px; z-index: 999;}
			.dd_button_v {float: left; margin-right: 10px; }
			
			
		/* templates */
		
		#home {
			width: 984px;
			z-index: 200;
			position: relative;
			}
			
			#popup {
				width: 600px;
 				min-height: 400px;
				border: 4px solid white;
				position: absolute;
				top: -20px;
				left: 192px;
				z-index: 999;
				background: #BBBD1C;
				box-shadow: 0 0 1000px #000;
				color: #4b334c;
				}
				.popupcontent { padding: 20px; }
				.close { position: absolute; right: 10px; top: 10px; }
				#popup a { color: white; }
				#popup a:hover { color: #4A2E4D !important; }
			
			.homebox a { display: block; width: 218px; height: 50px; }
			.box1 { float: left; width: 218px; height: 355px; border: 2px solid #fff; border-left: 0px solid #fff;border-top: 0px solid #fff; margin-right: 19px; background: url(/images/start-hotel-de.jpg);z-index: 200; }
			.box2 { float: left; width: 218px; height: 355px; border: 2px solid #fff; border-left: 0px solid #fff;border-top: 0px solid #fff; margin-right: 19px; background: url(/images/start-seminar-de.jpg);z-index: 200; }
			.box3 { float: left; width: 218px; height: 355px; border: 2px solid #fff; border-left: 0px solid #fff;border-top: 0px solid #fff; margin-right: 19px; background: url(/images/start-restaurant-de.jpg);z-index: 200; }
			.box4 { float: left; width: 256px; height: 355px; border: 2px solid #fff; padding-top: 0px;  background: url(/images/start-blog.jpg); z-index: 200;}
			
			.box4 a {
				height: 50px;
			}
			
			.box4 a:first-child { padding-bottom: 40px; }
		
			#home ul { margin: 0px 0 0 5px; list-style-type: none; padding: 0; }
			#home ul li a { color: #fff; font-size: 14px; height: 20px; line-height: 20px; font-weight: normal; }
			
			.blog { display: block; background: #bbbd1c; margin-bottom: 15px; padding: 5px 5px 15px 5px; color: #fff; /* height: 100px; */ position: relative; }
			.blog h1 { color: #fff; font-size: 14px; margin: 0; padding: 0; }
			.blog p { margin: 0; }
/* 			.blog span { margin: 0; font-size: 30px; display: block;  font-weight: bold; } */
			.blog span { position: absolute; right: 5px; bottom: 0; font-size: 30px; font-weight: bold; }
			
			#homecontent {
				width: 984px;
				height: 200px;
				margin-top: 48px;
				background: url(/images/willkommen_de.jpg) no-repeat;
				}
				#hometext	{ float: left; width: 725px; padding-top: 60px; color: #4f4c47; font-size: 15px; line-height: 23px; }
				#hometext p	{ margin-top: 0; }
				#hometext a { color: #4B334C; text-decoration: underline; }
				#opening 	{ float: left; width: 259px; padding-top: 20px; color: #4f4c47; }
					#opening h2 { text-transform: uppercase; color: #4b334c; padding-bottom: 10px; }
						
		#standard {
			width: 980px;
			}
			#standard #contentbox {
				background: #b6b4af;
				padding: 10px 10px 5px 10px;
				border: 2px solid #fff;
				width: 960px;
				min-height: 390px;
				}
				#standard #content { width: 960px; }
				#standard #contentBtn {
					float: right;
					width: 472px;
				}
		
		#gallery {
			float: left;
			width: 452px;
			margin-right: 45px;
			}
			#slider 	{ border: 2px solid #fff; background: #4B334C; margin-bottom: 3px; height: 285px; color: #CCCC00; }
			#slider a { color: #fff; }
			#carousel	{ border: 2px solid #fff; background: #fff; height: 94px; }
		
		#rightbox {
			float: left;
			width: 485px;
/* 			position: absolute; */
			left: 497px;
			z-index: 500;
			}
			#contentbox {
				background: #b6b4af;
				padding: 10px 10px 5px 11px;
				border: 2px solid #fff;
				width: 460px;
				z-index: 50;
			}
			#contentbox h1 { width: 400px; }
			#content {
				width: 460px;
				min-height: 350px;
			}
			
			#contentBtn {
				display: block;
				width: 470px;
				height: 50px;
				border: 2px solid #fff;
				border-top: none;
				background: #bbbd1c;
				padding: 0px 0px 0px 11px;
				border-bottom-left-radius: 8px;
				border-bottom-right-radius: 8px;
				margin-bottom: 50px;
				position: relative;
				}
				#contentBtn:hover { background: #4B334C; }
				#contentBtn a {
					line-height: 50px;
					text-transform: uppercase;
					font-weight: bold;
					}
					#contentBtn a:hover { color: #fff !important; }
					#contentBtn span {
						position: absolute;
						left: 450px;
						font-size: 25px;
						line-height: 50px;
						font-weight: bold;
					}
					
				#contentBtn2 {
				display: block;
				width: 470px;
				border: 2px solid #fff;
				border-top: none;
				background: #bbbd1c;
				padding: 5px;
				border-bottom-left-radius: 8px;
				border-bottom-right-radius: 8px;
				margin-bottom: 50px;
				position: relative;
				color: white;
				}
				#contentBtn2 h2 { margin: 3px 0 3px 0; color: white; text-transform: uppercase; }
				#contentBtn2 input[type="text"] {
					background: url("/images/cal.png") no-repeat scroll right center #FFFFFF;
					border: 1px solid #A2A2A2;
					border-radius: 3px;
					cursor: pointer;
					height: 19px;
					width: 125px;
					margin-top: 5px;
					color: #4b334c;
				}
				#contentBtn2 input[type="submit"] {
					background: none repeat scroll 0 0 #4B334C;
					border: medium none;
					border-bottom-left-radius: 5px;
					border-top-right-radius: 5px;
					float: right;
					font-weight: normal;
					height: 23px;
					text-transform: none;
					width: 65px;
					margin-top: 5px;
				}
				
				
		#contactbox {
			width: 400px;
			height: 140px;
			color: #666666;
			
			}
			#contactbox h2 {
				padding-top: 20px;
				color: #4b334c;
				font-weight: bold;
				text-transform: uppercase;
			}
			#contactbox a {
				color: #bbbd1d;
			}
	
	#wideFooter {
		width: 100%;
		height: auto;
	background: url(../images/footer-background.png) repeat-x 0px 190px;
		}
		#footer {
			width: 984px;
			margin: 0px auto;
			}
			#footer a { font-size: 15px; }
			#footer a:hover { color: #4B334C; }
			#logos {
				width: 984px;
				height: 190px;
				background: url(/images/kreise.png) no-repeat bottom left;
				position: relative;
				}
								
			#addressContent {
				color: #fff;
				font-size: 15px;
				text-align: left;
				line-height: 25px;
				padding-top: 15px;
				z-index: 200;
				padding-bottom: 50px;
				position: relative;
				}
				#addressContent strong { font-size: 15px; }
				#addressContent a {
					color: #fff;
				}
				#socialmedia {
					position: absolute;
					top: 20px;
					right: 155px;
					}
					#socialmedia img { margin-right: 10px; }
					#socialmedia img:hover { opacity: 0.7; }

			#address {
				color: #fff;
				font-size: 15px;
				text-align: center;
				line-height: 25px;
				padding-top: 15px;
				z-index: 200;
				padding-bottom: 50px;
				}
				#addressContent strong { font-size: 15px; }
				#addressContent a {
					color: #fff;
				}
	
	
	
	
	
	
	
	#CDSWIDEXC { margin: 0 !important; }
	#CDSWIDEXC a { text-decoration: none !important; font-size: 12px !important; }
	
	#ui-datepicker-div { z-index: 999 !important; }