@import 'cms.css';
@import 'menu.css';
@import 'calendar.css';
@import 'hotel.css';
/* Allgemeine Einstellungen - HTML Elemente */
html, body								{ background-color: #fff; color: #232A33; font-size: 12px; font-family: Tahoma; line-height: 1.5em; margin: 0; padding: 0; height: 100% }
input, textarea, select, option		{ font-size: 12px; font-family: Tahoma; line-height: 1em; text-decoration: none; margin: 0; padding: 0;}
table, td, p								{ color: #232A33; font-size: 12px; font-family: Tahoma, Helvetica, sans-serif; line-height: 1.5em; margin: 0; padding: 0 }
body											{ margin: 0; padding: 0; width: 100%; height: 100% }
a												{ color: #000000; font-size: 12px; font-weight: bold; text-decoration: none }
a:hover										{ font-weight: bold; color: #9B1D23 }
input, select								{ padding: 2; border: 0; background-image: url(../images/bg-input.gif); background-repeat: repeat-x; background-position: left bottom; background-color: #fff }

/* Allgemeine & Kundenspezifische Klassen*/
.clear										{ clear: both; margin: 0; padding:0 }

/* Seitenlayout */
#body										{ width: 980px; text-align: left }
#snow										{ padding-top: 16px; background-image: url(../images/bg-snow.gif); background-position: center top; background-repeat: repeat-x }

#headerwrapper														{ height: 390px; position: relative }
#headerwrapper #htmlheader									{ position: relative; height: 390px }
#headerwrapper #htmlheader #shadow					{ position: absolute; top: 0; left: 0; z-index: 10 }

#headerwrapper #htmlheader #header 			{position: absolute; left: 10px; top: 10px }
#headerwrapper #htmlheader #header div		{ position: absolute; top:0px; left:0px }

#content																	{ width: 980px; float: left; background-image: url(../images/bg-content.gif); background-repeat: repeat-y; background-position: left top }
#content #maincontent												{ float: left; width: 778px; background-image: url(../images/bg-maincontent.gif); background-repeat: no-repeat; background-position: 11px top; position: relative; padding: 20px 0 0 0 }
#content #kontext													{ float: left; width: 202px; background-image: url(../images/bg-maincontent-right.gif); background-repeat: no-repeat; background-position: left top }
#content #maincontent #socialmedia						{ width: 250px; margin: 10 10; float: right; text-align: right; position: absolute; top: 0px; left: 500px}

#footer										{ clear: both; height: 60px; background-image: url(../images/bg-footer.gif); background-repeat: no-repeat; background-position: left top }
#footer #icons							{ float: right; margin: 15px 20px 0 0 }

/* Headerslider */
#aktionen  								{ width: 958px; height: 374px; overflow: hidden }
#aktionen ul  							{ list-style-type: none; margin: 0; padding: 0; width: 958px; height: 374px; overflow: hidden }
#aktionen li   							{ list-style-type: none; margin: 0; padding: 0; width: 958px; height: 374px; overflow: hidden }
#aktionen img  							{ margin: 0; padding: 0; position: absolute; border-width: 0 }

/* Quicksearch */
#quicksearch							{ margin-top: 21px; padding: 15px 20px 25px 12px; float: left; border-bottom: 1px solid #063C5F; background-image: url(../images/quicksearch_top.gif); background-position: left top; background-repeat: no-repeat; background-color: #0A5D93 }
#quicksearch .headline			{ color: #fff; font-size: 14px; margin-bottom: 16px }
#quicksearch #arrival			{ padding-left: 5px; margin-bottom: 4px; height: 20px }
#quicksearch #departure		{ padding-left: 5px; margin-bottom: 4px; height: 20px }
#quicksearch #regions			{ padding-left: 5px; margin-bottom: 22px }
#quicksearch #buttons			{ padding-left: 5px }
#quicksearch .label_qsearch	{ 
	color: #ffffff;
	font-size: 10px;
	font-weight: bold;
	text-transform: uppercase;
	display: block;
	float: left;
	min-width: 65px;
}
#quicksearch form				{ margin: 0; padding: 0 }
#quicksearch input				{ padding: 2px 0px 2px 2px }
#quicksearch select				{ height: 20px; padding: 2px; font-size: 11px; color: #000 }
#quicksearch .calender			{ float:right; margin-right: 3px; margin-top: 1px }
:root #quicksearch .calender	{ margin-top: 0px }

/* Newsletter */
#newsletter							{ margin-top: 1px; float: left; padding: 10px 20px 12px 12px; border-bottom: 1px solid #A4ADB3; background-color: #DAE6EE }
#newsletter .headline			{ color: #0A5D93; font-size: 14px; margin-bottom: 8px }
#newsletter #mail					{ padding-left: 5px; margin-bottom: 2px }
#newsletter #buttons			{ padding-left: 5px }
#newsletter form					{ margin: 0; padding: 0 }
#newsletter input					{ padding: 2px 8px; border: 1px solid #7096AE; width: 144px; font-size: 11px; color: #000 }
#callBack								{ padding: 10px 10px 0 0; color: #9B1D23; font-weight: bold; display: none }

/* Werbebannerslider */
.banner  							{ width: 180px; float: left; overflow: hidden; margin-top: 30px }
.banner ul  						{ list-style-type: none; margin: 0; padding: 0; width: 180px; overflow: hidden }
.banner li   						{ list-style-type: none; margin: 0; padding: 0; width: 180px; overflow: hidden }
.banner img  						{ margin: 0; padding: 0; border-width: 0 }

/* Resorts (HTML Header) */
#resorts  							{ position: absolute; top: 191px; right: 0; z-index: 200; width: 197px; height: 168px; padding-top: 4px; padding-right: 6px; overflow: hidden; background-image: url(../images/resort-right.gif); background-position: right top; background-repeat: no-repeat }
:root #resorts  					{ width: 191px; height: 164px }
#resorts ul  						{ list-style-type: none; margin: 0; padding: 0; width: 191px; overflow: hidden }
#resorts li   						{ list-style-type: none; margin: 0; padding: 0; width: 191px; overflow: hidden; background-color: #fff }
#resorts img  					{ margin: 0; padding: 0; border-width: 0 }

.info_form							{ padding: 0 0 0 14px; margin: 0 }
.entry								{ width:185px; float:left; margin-right:20px;}
.webcam							{ width:620px; float:left; display:inline;}
.text_entry						{ margin-top:10px; margin-bottom:10px; text-align: justify; font-family: sans-serif;}

/* Social Media */
.socialmedia						{ position: absolute; right: 20px; top: 10px; width: 226px; }
.socialmedia .googleplus	{ float: left; width: 75px; margin: 0 0 5px; }
.socialmedia .facebook		{ float: left; width: 120px;}
.socialmedia .tweet 			{ float: left; width: 145px; margin: 0 0 5px; }