@charset "UTF-8";

/* -- Weitere CSS-Dateien importieren -- */
/*                                       */
/*        @import url(name.css);         */
/*                                       */
/* -- Weitere CSS-Dateien importieren -- */

@import url(main-menue.css);

@media all
{
  html,body {
    font-family          : Arial,Verdana,Tahoma;
    font-size            : 13px;
	
	color                : #59493f;
  }
  
  img {
    display              : block;
	border               : none;
  }
  
  html {}
  
  body {
    background           : #f9f5ee;
  }
  
	body.iframe {
		background						: #FCFAF7;
	}
	
  a, a:link, a:visited, a:active {
    text-decoration      : none;
	color                : #f39910;
  }
  
  a:hover {
    color                : #3b3029;
  }
  
  div.clear {
    clear                : both;
  }
  
  div#buttons, div#address, div#wrapper, div#left-col, div#right-col {
	position             : absolute;
  }
  
  div#wrapper {
    width                : 800px;
		height               : 556px;
	
		top                  : 50%;
		left                 : 50%;
	
		margin-top           : -270px;
		margin-left          : -400px;
  }
  
  div#footer {
    width                : 800px;
	height               : 50px;
	
	position             : absolute;
	bottom               : 0px;
  }
  
  div#footer div#open-hours, div#footer address {
    width                : 210px;
	
	color                : #F9F5EE;
	font-style           : normal;
	font-size            : 0.8em;
	
	margin-top           : 6px;
	margin-left          : 20px;
	
	float                : left;
  }
  
  div#footer address {
    width                : 240px;
  }
  
  div#footer div#open-hours {
	margin-left          : 70px;
	width                : 230px;
    line-height          : 12.5px;
  }
  
  div#footer address span {
    display              : block;
	width                : 120px;
	float                : left;
	
	padding-top          : 1px;
	padding-bottom       : 1px;
  }
  
  div#footer address span.last {
    margin-bottom        : 0px;
  }
  
  div#buttons {
    width                : 160px;
	height               : 50px;
	
	left                 : 35px;
	
	background           : #fcfaf7;
  }
  
  div#buttons img {
    float                : left;
	margin-top           : 5px;
	margin-left          : 13px;
  }
  
  div#address {
    background           : #675c57;
	
	left                 : 232px;
	
	width                : 568px;
	height               : 50px;
  }
  
  div#left-col {
    width                : 232px;
		height               : 287px;
	
		top                  : 113px;
		left                 : 0px;
  }
  
  div#right-col {
    width                : 508px;
	height               : 400px;
	
	top                  : 0px;
	left                 : 232px;
  }
  
  div#header {
    width                : 568px;
	height               : 113px;
	
	overflow             : hidden;
  }
  
  div#flashcontent {
    width                : 574px;
	height               : 300px;
	
	margin-top           : -3px;
	margin-left          : -3px;
  }
  
  div#content {
    width									: 568px;
		height								: 383px;
	
		padding								: 0px 0px 0px 0px;	
	
		background						: #fcfaf7;
		
		overflow							: hidden;
  }
  
	iframe#iframe {
    width									: 568px;
		height								: 383px;
		
		border								: none!important;
	}
	
	 h3 {
		font-size							: 16px;
		color									: #675c57;
		
		margin								: 0px 0px 20px 0px;
	}
	
	div#content img.margin.bottom {
		margin-bottom					: 20px;
	}
	
  div.content-hotel {
	height               : 231px!important;
  }
  
  div.head-hotel {
	height               : 265px!important;
	background           : #fcfaf7;
  }
  
  div#holiday-check {
    width                : 160px;
		height               : 87px;
	
	background           : #675c57;
  }
  
  div#holiday-check, div#holiday-check img {
	margin               : auto;
  }
  
  p {
    font-size            : 1em;
	line-height          : 18px;
  }
  
  p.small {
    font-size            : 0.9em;
  }
  
  h1 {
    font-size            : 12px;
  }
  
  p, h1 {
    margin               : 0px;
	padding              : 0px;
	
	margin-bottom        : 25px;
  }
  
  p.wellness {
    line-height          : 16px;
	margin-bottom        : 13px;
  }
  
  img.img-button {
    float                : left;
	margin-left          : 38px;
  }
  
  div.tooltip, div.tip {
    padding              : 7px;
    background           : #675C57;
	border               : 1px solid #978e89;
	color                : #ffffff;
  }
  
  div.message-success, div.message-error {
    padding              : 20px;
	text-align           : center;
	
	margin-bottom        : 30px;
  }
  
  div.message-success {
	color                : #539830;
    border               : 1px solid #539830;
    background           : #C5F8AC url(../../images/layout/textarea-check-true-background.png) top left repeat-x;
  }
  
  div.message-error {
    color                : #cc0000;
    border               : 1px solid #cc0000;
    background           : #F7ACAC url(../../images/layout/textarea-check-false-background.png) top left repeat-x;
  }
  
  span.pic-label {
    display              : block;
    margin-top           : 3px;
  }
  
  ul.list, ul.list li {
    float                : left;
  }
  
  ul.list {
    margin               : 0px;
	padding              : 0px;
	
    list-style-type      : none;
	
	margin-top           : 30px;
  }
  
  ul.list a.img {
    display              : block;
	width                : 100px;
	height               : 75px;
	
	overflow             : hidden;
  }
  
  ul.list li {
    padding              : 0px;
	margin               : 0px;
  
    padding-top          : 38px;
    margin-right         : 30px;
  }
  
  ul.list li.big {
    padding-top          : 0px;
  }
  
  ul.list li.big a.img {
	width                : 150px;
	height               : 113px;
  }
  
  ul.wellness {
    margin-top           : 0px;
  }
  
  ul.wellness li {
    padding-top          : 20px;
  }
  
  ul.wellness a.img {
	width                : 120px;
	height               : 85px;
  }
  
  ul.wellness li.big a.img {
	height               : 106px;
  }
  
  div.tooltip, div.tip {
    position             : absolute;
    z-index              : 3;
  }
  
  a.pdf-link {
	color                : #59493f!important;
  }
	
	div#kpreise, div#mpreise {
		background					:	#675c57;
		padding							: 15px;
		padding-top					: 19px;
	}
	
	div#kpreise p, div#kpreise h4, div#mpreise p, div#mpreise h4 {
		color								: #f8f5ee;
	}
	
	div#kpreise h4, div#mpreise h4, div#mpreise h5 { 
		margin							: 0px 0px 10px 0px;
	}
	
	div#mpreise h5 {
		margin-top					: 30px;
	}
	
	div#kpreise h5, div#mpreise h5 {
		color								: #f39910;
	}
	
	div#kpreise h5 {
		font-size						: 14px;
		margin							: 30px 0px 30px 0px;
	}
	
	div#kpreise h6 {
		color								: #f8f5ee;
		margin							: 10px 0px 5px 0px;
	}
	
	div#kpreise p, div#mpreise p {
		margin							: 0px;
		padding							: 0px;
		
		line-height					: 18px;
	}
	
	div#kpreise p span, div#mpreise p span {
		display							: block;
		float								: right;
	}
	
	div#kpreise p span.price, div#mpreise p span.price {
		width								: 100px;
		text-align					: right;
	}
	
	div#kpreise p.info, div#mpreise p.info {
		margin-top					: 10px;
	}
	
	div#kpreise p span.label {
		float								: left;
	}
	
	div#kpreise p.margin.top {
		margin-top					: 20px;
	}
	
	div#kpreise p.margin.bottom {
		margin-bottom				: 20px;
	}
	
	div.margin.all {
		margin							: 15px;
		margin-top					: 19px;
	}
	
	div.padding.bottom {
		padding-bottom			: 40px;
	}	
	
	div#vacation	{
		position						: absolute;
		left								: 36px;
		bottom							: -87px;
		
		width								: 136px;
		
		padding							: 0px 12px 0px 12px;
		
		font-size						: 14px;
		color								: #bcb2a1;
		
		line-height					: 20px;
	}
	
	div#vacation label {
		letter-spacing			: .3px;
	}
	
	div#vacation span {
		font-size						: 17px;
		color								: #f08a00;
		
		letter-spacing			: .6px;
	}
}