@charset "utf-8";
/* CSS Document */
/*//////////////////////////////////////////////////////////////////////////////////////////////////////////////////// GENERAL */
body 			{ 	margin: 0px; }
h2, h4			{	font-family: verdana; font-size: 14px; color: #3A3A4D; margin-bottom: 10px; padding: 0px; line-height : 18px;	}
h3				{ 	display: none; }
h4				{	color : #DAA201; margin-bottom : -10px; }
.winterBox h4, .winterBox a, .winterBox span		{	color : #5c9ea8; }
.romanticBox h4, .romanticBox a, .romanticBox span	{	color : #c61a4a; }
.fallBox h4, .fallBox a, .fallBox span				{	color : #e05e18; }
.bikerBox h4, .bikerBox a, .bikerBox span			{	color : #3a3a4d; }
/*//////////////////////////////////////////////////////////////////////////////////////////////////////////////////// IDs */

#logo			{ 	border: 0px solid #FF0000; width: 800px; height: 205px; display: block; }
#navigation		{ 	border: 0px solid #FF0000; width: 800px; height: 60px; display: block; background: url(images/naviShadow.gif) 0 0; background-repeat: no-repeat; }
#content		{ 	border: 0px solid #FF0000; position: relative; width: 800px; height: auto; display: block; background-color: #FFFFFF; }

#mainFrame		{	border: 0px solid #FF0000; background: url(images/headBG.gif) 0 0; background-repeat: repeat-x; background-color: #FBF0D3; }
#visual			{ 	border: 0px solid #FF0000; position: absolute; width: 292px; height: 292px; top: 29px; left: -46px; }
#footerCenter	{	position: relative; width: 800px; height: 96px; display: block; background: url(images/footerBg.gif) 0 0; background-repeat: no-repeat; }
#footerText		{	border: 0px solid #FF0000; position: absolute; left: 20px; top: 25px; width: auto; height: auto; font-family: verdana; font-size: 11px; color: #FFFFFF; line-height: 18px; }
#footerLinks	{	border: 0px solid #FF0000; position: absolute; left: 570px; top: 35px; width: auto; height: auto; font-family: verdana; font-size: 11px; color: #FFFFFF; line-height: 18px; }
#prices			{	border: 0px solid #FF0000; position: absolute; left: 25px; top: 350px; width: 233px; height: auto; background: url(images/teaserBox.gif) 0 0; background-repeat: no-repeat; font-family: verdana; font-size: 11px; color: #FFFFFF; line-height: 18px; }

/*//////////////////////////////////////////////////////////////////////////////////////////////////////////////////// CLASSES */
.subline2		{	font-size: 12px; font-style: italic; font-weight: normal;	}
.clear				{ 	clear: both; }
.download			{	position: relative; width: 234px; height: 57px; background: url(images/downloadButton.gif) 0 0; display: block; color: #3A3A4D; font-size: 12px; font-weight: bold; float: left;	}
.download:hover		{	position: relative; width: 234px; height: 57px; background: url(images/downloadButton.gif) 0 0; display: block; color: #3A3A4D; font-size: 12px; font-weight: bold; float: left;	}
.dText				{	position: absolute; left: 60px; top: 10px;  }
.subline			{	font-size: 10px; font-style: italic; font-weight: normal; }

.visual			{ 	border: 0px solid #FF0000; position: absolute; width: 226px; height: 225px; left: -336px; }
.visual2			{ 	border: 0px solid #FF0000; position: absolute; width: 160px; height: 160px; left: -200px; }

.sideFrames		{	border: 0px solid #FF0000; background: url(images/headBG.gif) 0 0; background-repeat: repeat-x; background-color: #FBF0D3; }
.textBox		{ 	border: 0px solid #FF0000;
					position: relative;
					/*margin-top: 30px;*/ 
					left: 290px; 
					width: 475px; 
					height: auto; 
					line-height: 18px;
					font-family: verdana; 
					font-size: 12px; 
					color: #3A3A4D; 
					margin-bottom: 18px;
				}
.ColBox			{ 	position: relative;
					width: 340px;
					height: auto;
					margin-left: 40px;
					margin-right: 0px;
					float: left;
					line-height: 18px;
					font-family: verdana; 
					font-size: 12px; 
					color: #3A3A4D; 
					margin-bottom: 30px;
				}
.headline		{	margin-top: 40px; margin-bottom: 20px; }
.gelb			{	color: #DAA201; }

.hr				{	background: url(images/strichlinie.gif) 0 0; background-repeat: repeat-x; margin: 5px; width: auto; height: 8px; border: 0px; display: block; }
.teaserBox		{	background: url(images/teaserBox.gif) 0 0; 
					background-repeat: no-repeat;
					width: 233px; 
					height: 250px; 
					margin-top: 20px; 
					margin-left: 25px; 
					float: left;
					/*text-align: center;*/
					display: block; 
						
				}
.extraBox		{	border: 0px solid #FF0000; 
					background: url(images/extraBox.gif) 0 0; 
					background-repeat: no-repeat;
					width: 483px; 
					height: auto; 
					margin-top: 20px; 
					margin-left: 0px; 
					margin-bottom: 18px;
					float: right;
					/*text-align: center;*/
					display: block; 
				}
.extraText			{	width: 460px;
						margin: 18px;
						margin-top: 25px;
						border: 0px solid #FF0000;
						font-family: verdana;
						font-size: 12px; 
						font-style: italic;
						line-height: 15px;
						color: #3A3A4D;
					}
.galleryBox		{	border: 0px solid #FF0000; 
					background: url(images/galleryBox.gif) 0 0; 
					background-repeat: no-repeat;
					width: 757px; 
					height: auto; 
					margin-top: 10px; 
					margin-left: 20px; 
					margin-bottom: 50px;
					float: left;
					/*text-align: center;*/
					display: block; 
				}
.galleryColBox		{	border: 0px solid #FF0000; 
						background: url(images/galleryColBox.gif) 0 0; 
						background-repeat: no-repeat;
						width: 330px; 
						height: auto; 
						margin-top: 0px; 
						margin-left: 38px; 
						margin-bottom: 0px;
						float: left;
						/*text-align: center;*/
						display: block; 
						
					}

.galleryImg			{	width: 125px;
						height: 125px;
						border: 0px solid #000000;
						float: left;
						margin-left: 21px;
						margin-bottom: 5px;
					}
.galleryColImg		{	width: 125px;
						height: 125px;
						border: 0px solid #000000;
						float: left;
						margin-left: 28px;
						margin-bottom: 5px;
					}
.thumbText			{	width: 125px;
						height: auto;
						border: 0px solid #000000;
						float: left;
						margin-left: 21px;
						margin-bottom: 15px;
						font-family: verdana; 
						font-size: 11px; 
						font-style: italic;
						text-align: center;
						color: #3A3A4D; 
					}
.thumbColText		{	width: 125px;
						height: auto;
						border: 0px solid #000000;
						float: left;
						margin-left: 28px;
						margin-bottom: 15px;
						font-family: verdana; 
						font-size: 11px; 
						font-style: italic;
						text-align: center;
						color: #3A3A4D; 
					}
.teaserText			{	width: 195px;
						margin: 18px;
						margin-top: 25px;
						border: 0px solid #FF0000;
						font-family: verdana;
						font-size: 11px; 
						font-style: italic;
						line-height: 18px;
						color: #3A3A4D;
					}
.priceText			{	width: 200px;
						margin: 20px;
						margin-top: 25px;
						border: 0px solid #FF0000;
						font-family: verdana;
						font-size: 11px; 
						font-style: italic;
						line-height: 18px;
						color: #3A3A4D;
					}
.priceColText		{	width: 272px;
						margin: 30px;
						margin-top: 25px;
						border: 0px solid #FF0000;
						font-family: verdana;
						font-size: 11px; 
						font-style: italic;
						line-height: 18px;
						color: #3A3A4D;
					}


.footer				{ 	background-color: #3A3A4D; }

/*//////////////////////////////////////////////////////////////////////////////////////////////////////////////////// LINKS */
a 					{	border: 0px solid #FF0000; color: #DAA201; }
a:hover				{	text-decoration: none; }

#navigation a {
	height: 60px;
	display: block;
	float: left;
	margin: 0px;
}
#navigation a:hover {
	background-position : 0 -60px;
}
#navigation a.active:hover {
	background-position : 0 -120px;
}

.linkHome			{	width: 119px;
						background: url(images/naviHome.gif) 0 0;
					}
.linkHotel			{	width: 107px;
						background: url(images/naviHotel.gif) 0 0;
					}
.linkArragements	{	width: 136px;
						background: url(images/naviArrangements.gif) 0 0;
					}
.linkFeWo			{	width: 183px;
						background: url(images/naviFeWo.gif) 0 0;
					}
.linkUmgebung		{	width: 142px;
						background: url(images/naviUmgebung.gif) 0 0;
					}
.linkKontakt		{	width: 88px;
						background: url(images/naviKontakt.gif) 0 0;
					}
					
.naviTrenner		{   width: 5px; height: 60px; display: block; float: left; background: url(images/naviTrenner.gif) 0 0; background-repeat: no-repeat; }

.active				{	background-position : 0 -120px; }

/*//////////////////////////////////////////////////////////////////////////////////////////////////////////////////// ARRANGEMENTS */

#arrangementBox {
	position: fixed;
	top : 270px;
	right : 0;
}

.arrangement {
	position : relative;
	width : 190px;
	height : 62px;
	display : block;
	margin-bottom : 5px;
}
.romantic {
	background : url(images/arrang_romantic.png) no-repeat;
}
.winter {
	background : url(images/arrang_winter.png) no-repeat;
}
.fall {
	background : url(images/arrang_fall.png) no-repeat;
}
.biker {
	background : url(images/arrang_biker.png) no-repeat;
}
.romanticBox {
	margin-top : -10px;
	background : url(images/arrangBox_romantic.gif) no-repeat;
}
.winterBox {
	margin-top : -10px;
	background : url(images/arrangBox_winter.gif) no-repeat;
}
.fallBox {
	margin-top : -10px;
	background : url(images/arrangBox_fall.gif) no-repeat;
}
.bikerBox {
	margin-top : -10px;
	background : url(images/arrangBox_biker.gif) no-repeat;
}