html
{
width:100%;
}

body
{
	font:				12px/16px 	Cambria, "Times New Roman", Times, serif;
	color:				#333;
	margin-top:			20px;
	text-align: center; /* IE HACK FÜR ZENTRIERTE DIVS*/
}

strong
{
	font-weight:			bold;
}

.strike {
	text-decoration: line-through;
}
p
{
	margin-bottom: 			10px;
}

a:link, a:visited, a:hover, a:active
{
	color:					#A41D22;
	text-decoration:		underline;
}

#sbox-content a:link, #sbox-content  a:visited, #sbox-content a:hover, #sbox-content a:active
{
	color:					#DAA5A7;
}


h1
{
	font-family:			Cambria, "Times New Roman", Times, serif;
	font-size:				21px;
	text-transform:uppercase;
	color:					#fff;
	letter-spacing:0px;
	overflow:hidden;
	margin-bottom: 16px;
	line-height:			24px;
}


h2
{
	font-family:			Cambria, Georgia, "Times New Roman", Times, serif;
	font-size:				17px;
	color:					#fff;
	overflow:hidden;
	font-weight:bold;
	line-height:			17px;
}


#welcome h1, #welcome h2, #welcome strong {
	color:#DAA5A7;
	
	
}

#facilities .left h1 {
	color:#722C35;
}

#facilities .right h1 {
	color:#722C35;
}

#facilities h2 {
	color:#524C47;
}

#facilities .right {
}


#facilities ul {
	margin-left:20px;
	list-style-type:disc;
}
#art {
	color:#fff;
}

.artnews {
	margin-bottom:20px;
	margin-right:20px;
	padding:10px;
	border:1px solid #fff;
}

.artlink {
	margin-bottom:20px;
	margin-right:20px;
}

.fecha {
	font-family:Arial;
	font-size:100%;
	font-weight:bold;
}

.artnews a {
	color:#fff;
}

#art .right h1 {
	color:#333;
}

#faq  h1 {
	color:#333;
	
}

#faq ul {
	margin-top:0px;
	margin-left:20px;
	list-style-type:disc;
}


#location  h1 {
	color:#722C35;
	
	
}

#location  h1 span {
	background: #fff;
}

#weather  h1 {
	color:#fff;
}



h3
{
	font-size:				12px;
	color:					#333;
	margin-bottom:7px;
}



a#back
{
	font-family:			Georgia, "Times New Roman", Times, serif;
	background: 			transparent url(/images/prev.png) 0px 5px no-repeat;
	padding:				10px 0 10px 40px;
	margin-bottom:			30px;
	display:				block;
}

#header
{
	height:						100px;
	border-bottom: 		0px solid #999;

}

#header img
{
	float:					left;
}

#head {
	background:  url(img/abg_test.jpg);
	position:				relative;
	overflow:hidden;
}


#navi-wrap {
	position:	fixed;
	width:		100%;
	padding:	0;
	text-align:center;
	overflow:hidden;
	top:580px;
	
}


#navi {
	width:	980px;
	margin: 0 auto;
	padding-bottom:3px;
	border-bottom: 0px solid #efefef;
	height: 30px;
	overflow:hidden;
	text-align:center;
}

#navi ul
{
	list-style-type:	 	none;
	display:inline;
	text-align: center;
}

#navi li
{
	float:					left;
	height:					30px;
	line-height:			30px;
	padding:				0;
	margin:					0;
	text-align:				center;	
}

.es #navi li {
	padding: 0 5px;
}

.en #navi li {
	padding: 0 10px;
}


.de #navi li {
	padding: 0 7px;
}


#navi li.first {
	border-left:			none;
}


#navi li.active
{
}

p span {

}

#navi a
{
	font-family:			Georgia, "Times New Roman", Times, serif;
	text-decoration:		none;
	font-size:				11px;
	text-align:				center;
	text-transform:			uppercase;
}


#navi a,
#navi a:link {
	position:				relative;
	letter-spacing:			2px;
	color:					#4a4a4a;
	padding:				3px;
	margin:					0;
}



.es #navi a,
.es #navi a:link {
	font-size: 12px;
	letter-spacing:			1px;
}



.en #navi a,
.en #navi a:link {
	font-size: 12px;
	letter-spacing:			2px;
}



#navi a:hover,
#navi a.active
{
	color:					#CD8A9C;
	text-decoration:		none;
}


#navi li.active a, #navi li.active a:link

{

	color:			#CD8A9C !important;
	background: #524C47;
	}

/* ENDE NAVI */



#logo {
	position:	fixed;
	width:		100%;
	padding:	0;
	margin: 0 auto;
	text-align:center;
	overflow:hidden;
}



#logo img {
	overflow:hidden;
	margin: 0 auto;
	height:87px;
	width:250px;
}




.content-full {
	top:140px;
	position:relative;
	background: transparent url(img/altrosa2.jpg);
	height:400px;
	width: 22016px;
	text-align:			left;
}


#gallery img {
	display:	block;
	float:left;
}



#welcome, 
#facilities, 
#rooms, 
#location, 
#art,
#contact,
#gallery, 
#faq, 
#weather,
#comments {
	width:1024px;
	overflow:hidden;
	margin: 0px;
	float:left;
	margin-right:1024px;
	
}

.left, .right {
	float:left;
	height:370px;
}


.left {
	width:274px;
	padding:20px 19px 10px 19px;
	overflow:hidden;
}


.right {
	width:274px;
	padding:20px 19px 10px 19px;
}

	
.middle {
	float:left;
	width:400px;
	height:400px;
	padding:0px;
	overflow:hidden;
}




#contact .middle {
	width:	332px;
	height:390px;
	padding-top:10px;
}

#contact .right {
	width:	332px;
}


#spacer {
	float:left;
	width:20px;
	height:400px;
	padding:0px;
	overflow:hidden;

}

/* COLORS */
#welcome {
	margin-left:400px; 

}

#welcome .left {
	background:	transparent url(img/bg.gif);
	background:	#F1DAE4 url(img/iStock_000004740834Small.jpg);
	background:	#524C47;
	color: #fff;
}

#welcome .right {
	background:	#F1DAE4 url(img/iStock_000004740834Small.jpg);
	background:	#524C47;
	color: #fff;
}

#welcome .middle {
	background:	#5F8A99;
}



#rooms .left {
	width:386px;
	background: url(img/altrosa.jpg); 
	
	color: #f7f7f7;
}

#rooms .middle {
	width:600px;
}

#rooms .right {
	display:none;
	background:	#443927;
	color: #f7f7f7;
}



#comments .left {
	width:386px;
	background: url(img/altrosa.jpg); 
	
	color: #f7f7f7;
}

#comments .middle {
	width:600px;
}

#comments .right {
	display:none;
	background:	#443927;
	color: #f7f7f7;
}


#facilities .left {
	background:	transparent url(img/iStock_000004740834Small.jpg);
	color: #333;
}

#facilities a {
	color: #722C35;
	text-decoration:none;
}


#facilities .middle {

	background:	#F7F2CC;

}


#facilities .right {

	background:	#E4DABE;
	background:	transparent url(img/iStock_000002884452Small.jpg);
	background:	transparent url(img/iStock_000004740834Small.jpg);
	
}



#art .left {

	background:	#524C47;
}


#art .middle {

}


#art .right {

	background-color:	#9CC1CA;
}



#faq {
height:400px;
	background:	transparent url(img/paper.jpg) no-repeat; 
	overflow:hidden;
}


#faq .left {
	width:360px;
	/* background:	transparent url(img/pat_20070120121144.gif); */
}

#faq .middle {

/*	background:url(img/iStock_000004530048Small_paper.jpg); */
	width:562px;
	height:310px;
	padding:59px 19px 10px 19px;
	overflow:hidden;
}


#faq .right {

	/* background:url(img/pat_20031119143151.gif); */ 
}


#faq ul li {
	padding:0;
	line-height: 14px;
}
#faq a {
	color: #722C35;
	text-decoration:underline;
}



#location {
	font-size:110%;
}

#location span {
	background: #fff;
}

#location .left {
	width:366px;
	
}


#location .middle {
	background: transparent url(img/iStock_000004056142Small.jpg);
	width:600px;	
}


#location .right {
	display:none;
}


#location a {
	color: #722C35;
	background: #fff;
}


#weather .middle {
	background: #F5C83D;
	background: #2B736E;
	width:362px;
	height:370px;
	padding:20px 19px 10px 19px;
	color: #fff;
	
}

#weather .right {

	background: #F5C83D;
	background: #2B736E;

}


#gallery .middle {
	width:674px;
	height:400px;
	padding:0;
	
}

#gallery img.thumb {
	width:80px;
	height:80px;
	
	
}

#contact {
	background: transparent url(img/iStock_000001242422Medium.jpg);
}

#contact .left, #contact .middle, #contact .right {

	height:370px;
	padding-top:20px;

}


.half-left ul
{
	overflow:				hidden;
	list-style-type:	 	none;
	margin: 0 0 30px 20px;
}

.half-left li
{
	padding:				0;
	margin:					0;
}




#image-wrap-welcome, #image-wrap-art
{
	height:					400px;
	width:					400px;
	position:				relative;
	overflow:				hidden;
	z-index:				1;
	border:0px	solid #fff;
}

#image-wrap-welcome-inner, #image-wrap-art-inner
{
	position:				absolute;
	left:					0;
	top:					0;
	height:					400px;
	z-index:				0;
}

#image-wrap-welcome-inner img, #image-wrap-art-inner img

{
display:block;
float:left;

}

.prev, .next {
	cursor: pointer;
}



#image-wrap
{
	height:					400px;
	width:					600px;
	position:				relative;
	overflow:				hidden;
	z-index:				1;
	border:0px	solid #fff;
}

#image-wrap-inner
{
	position:				absolute;
	left:					0;
	top:					0;
	height:					400px;
	z-index:				0;
}

#image-wrap-inner img
{
display:block;
float:left;

}




#image-wrap-comments
{
	height:					400px;
	width:					600px;
	position:				relative;
	overflow:				hidden;
	z-index:				1;
	border:0px	solid #fff;
}

#image-wrap-comments-inner
{
	position:				absolute;
	left:					0;
	top:					0;
	width:					600px;
	height:					400px;
	z-index:				0;
}

#image-wrap-comments-inner img
{
display:block;
float:left;

}





ul.liste
{
	margin:20px 0 30px 20px;
}

ul.liste li {

background: transparent url(/images/bullet.gif) 0 3px no-repeat;
padding-left:20px;
margin-bottom:10px;
}


ul {
	margin-bottom:20px;
}

#copy {
	width:400px;
	margin:0px 0 30px 30px;
	float:left;
}



#headline
{
	clear:left;
	margin:						0px 0 20px 0;

}



#footer
{
	text-align:				center;
	position:				fixed;
	font-size:				90%;
	color:					#aaa;
	width:100%;
	overflow:hidden;
	top:630px;
}



.footer-innen {
	margin: 				auto;
	width: 500px;
}


#footer a {
	color:#CD8A9C;
}

.x-clear {

	 clear: 				both;
	 overflow: 				hidden;
	 width: 				1px;
	 height: 				1px;
	 margin: 				0 -1px -1px 0;
	 border: 				0;
	 font-size: 			0;
	 line-height: 			0;
}



table {
	width:100%;
	margin: 0 0 30px 0;
}

th {
	font-weight:bold;
	padding:0 10px 15px 0;
	border-bottom: 1px solid #fff;
	line-height:14px;
}

td {
	padding:3px 10px 2px 0;
	border-bottom: 1px solid #fff;
	
}

form td {
	border-bottom:0;
}

td.price {
	text-align:right;
}







.scrollcontainer2 {
	height: 10px;
	width: 355px;
	padding-top: 0;
	padding-right: 0px;
	overflow: scroll;
	overflow-x: hidden;
}




.scrollcontainer {

		height: 10px;
		width: 355px;
		padding-top: 0;
		padding-right: 0px;
		overflow: scroll;
		overflow-x: hidden;
}


.left .scrollcontainer,
.right .scrollcontainer {

				height: 10px;
				width: 254px !important;
				padding-top: 0;
				padding-right: 10px;
				overflow: scroll;
				overflow-x: hidden;
}


#rooms .left .scrollcontainer {

				height: 10px;
				width: 355px !important;
				padding-top: 0;
				padding-right: 10px;
				overflow: scroll;
				overflow-x: hidden;
}



	

#scrollcontroll_contentmask {

		overflow: hidden;
		position: relative;
		height: 300px;
		width: 335px;
		padding-top: 0;
		padding-right: 10px;
		float: left;
}

#rooms #scrollcontroll_contentmask {

		overflow: hidden;
		position: relative;
		height: 300px;
		width: 355px;
		padding-top: 0;
		padding-right: 10px;
		float: left;
}


#faq #scrollcontroll_contentmask {
		/* height: 370px; */
}

.left #scrollcontroll_contentmask,
.right #scrollcontroll_contentmask {
			width: 244px;	
	}
	
	
	
	
	#scrollcontroll_scrollcontainer {

		float: left;

		height: 300px;

		width: 10px;

		margin-left: 5px;

		display: none;

	}



	#scrollcontroll_scrollUpBtn {
		height: 10px;
		width: 10px;
		background: url(img/scroll_up.gif) no-repeat;
		margin-bottom: 5px;

	}


	#scrollcontroll_scrollDownBtn {
		height: 10px;
		width: 10px;
		background: url(img/scroll_down.gif) no-repeat;
		margin-top: 5px;
	}


	#scrollcontroll_scrolltrack {
		height: 300px;
		width: 10px;
		background: url(img/scroll_track_bg.gif) repeat-y;

	}

	#scrollcontroll_scrollknob {
		width: 10px;
		height: 50px;
		background: #fff;
	}
	
	.vertical_slide {
		margin-top:3px;
		margin-bottom:3px;
	}
	
	
	
	
	
	
	
	
	#lang-selector {
		overflow:	hidden;
		margin: 10px auto 0 auto;
		width:250px;
		
	}


	#lang-selector li  {
		list-style-type:	 	none;
		padding:10px;
	}
	
	

	#lang-selector li.active a {

		color: #999900;
	}


	#lang-selector li a {
		text-decoration:none;
		padding:0px;
		font-size:10px;
		font-weight: normal;
		color: #333;
		letter-spacing: 1px;
	}



	/* Weather */
	#weathergraph
	{
	    width: 366px;
	    margin: 0px auto 0;

	}

	
	#weathergraph table {
		margin: 0;
	}


	#weathergraph .bigimage
	{
	    position: absolute;
	    margin-left: 170px;
	    margin-top: -10px;
	}

	#weathergraph table.current
	{
	    margin-top: 20px;
	}

	#weathergraph table.forecast
	{
	    margin-bottom: 20px;
	}

	#weathergraph table.forecast,
	#weathergraph table.current
	{
	    width: 100%;
	}

	#weathergraph table.forecast tr.color
	{
	}

	#weathergraph table.forecast td, 
	#weathergraph table.current td
	{
	    font-weight: bold;
	    font-size: 14px;
	}

	#weathergraph table.forecast td
	{
	}

	#weathergraph table.current td.locale
	{
	    padding: 2px 10px;
	    color: #FFFFFF;
	}

	#weathergraph table.current td.locale div
	{
	    font-size: 14px;
	}

	#weathergraph table.current td.locale div.temp
	{
	    color: #BBCADD;
	    font-size: 12px;
	}

	#weathergraph table.current td.temp
	{
	    font-size: 40px;
	    color: #FFFFFF;
	    width: 100px;
	    font-weight: normal;
	    text-align: right;
	    padding-right: 10px;
	}

	#weathergraph table.forecast td.days
	{
	    color: #FFFCF9;
	    text-transform: uppercase;
	    padding: 0px 0px 0px 10px;
	    width: 120px;
	}

	#weathergraph table.forecast td.images
	{
	    text-align: center;
	    padding: 1px 0px;
	}

	#weathergraph table.forecast td.high
	{
	    color: #FFFFFF;
	    width: 40px;
	    text-align: center;
	    font-size: 14px;
	}

	#weathergraph table.forecast td.low
	{
	    color: #BBCADD;
	    width: 40px;
	    text-align: center;
	    font-size: 14px;
	}




#sbox-content p {
	font-size: 16px;
	line-height: 22px;
}


#sbox-content h4 {
	font-size: 24px;
	line-height: 32px;
	margin-bottom: 20px;
	margin-top: 20px;
	
}