﻿* { margin: 0; padding: 0; border: 0; }

/*
 *	GENERAL MARKUP-STYLING
 */

body { background-color: #fff; font-family: Verdana, Arial, Tahoma, sans-serif; color: #454948; }
p { font-size: 10px; text-align: justify; margin-bottom: 14px; line-height: 1.3em; letter-spacing: -0.3px; }
a, a:link, a:active, a:visited, a:hover { text-decoration: none; color: #454948;}
a:hover { color: #8fc6fe; }
em { font-style: normal; color: #FFFFF; }
img.hl { margin: 0 0 17px; }
.clear { clear: both; }
h2 { font-size: 12px; font-weight: bold; font-family: Arial, Verdana, Tahoma, sans-serif; padding-left: 16px; background: transparent url(../img/double_arrow_dark.gif) no-repeat 0 2px; margin-bottom: 11px; line-height: 100%; color: #fffff; }
ul { list-style-type: circle; margin-bottom: 14px; }
ol { margin-bottom: 14px; }
li { font-size: 10px; margin-left: 30px; }
:focus { background-color: #FFFFF; }
td { font-size: 10px; line-height: 1.3em; letter-spacing: -0.3px; }
a.pfeil, a.pfeil:link, a.pfeil:active, a.pfeil:visited, a.pfeil:hover { text-decoration: none; padding-left: 15px; background: transparent url(../img/pfeil.gif) 0 4px no-repeat; color: #454948; font-style: italic; }
a.pfeil:hover { color: #FFFFF; }
hr { width: 100%; height: 1px; background-color: #d1d3d2; margin: 5px 0 5px 0; }
.float_left { float: left; }
.float_right { float: right; }

/*
h3 { font-size: 12px; font-weight: normal; margin-bottom: 12px; }
table { border-collapse: collapse; }
td { font-size: 10px; line-height: 1.3em; letter-spacing: -0.3px; }
ul { list-style-image: url(../img/pfeil.gif); list-style-type: circle; margin-bottom: 14px; }
li { font-size: 10px; margin-left: 30px; }
hr { width: 100%; height: 1px; background-color: #d1d3d2; margin-bottom: 18px; }
a.pfeil, a.pfeil:link, a.pfeil:active, a.pfeil:visited, a.pfeil:hover { text-decoration: none; padding-left: 15px; background: transparent url(../img/pfeil.gif) 0 4px no-repeat; color: #454948; font-style: italic; }
a.pfeil:hover { color: #e11425; }
*/


/*
 * INHALTSSPEZIFISCHE DEFINITIONEN
 */

#header a { position: absolute; top: 1px; left: 83px; }

#imprint p 			{ font-family: Arial, Verdana, Tahoma, sans-serif; font-size: 9px; color: #babbba; position: absolute; top: 20px; left: 550px; text-align: right; }
#imprint a:link,
#imprint a:active,
#imprint a:visited 	{ font-family: Arial, Verdana, Tahoma, sans-serif; font-size: 9px; color: #babbba; }
#imprint a:hover 	{ color: #025bfd; }

img.home			{ float: right; margin-left: 16px;}

#column_1,
#column_2, #column_3	{ float: left; width: 200px; }
#column_1, #column_2 	{ margin-right: 15px; }

.einklinker			{ padding: 9px 0 13px; border-top: 1px solid #d1d6d3; }

/*		ONLINE-ANFRAGE		*/

ul.anfrage 		{ list-style-type: none; margin-bottom: 0; }
.anfrage li		{ margin-left: 0; clear: left; margin: 3px 0; }
.anfrage li p	{ margin: 0; text-align: left; font-size: 12px; }
.anfrage label	{ vertical-align: middle; margin-left: 10px; display: block; float: left; max-width: 160px; }
.anfrage input	{ vertical-align: middle; float: left; }

#textfields label			{ font-size: 11px; }
#textfields input			{ font-size: 11px; width: 100%; border-top: 1px solid #6e756d; border-left: 1px solid #6e756d; margin: 7px 0 4px; }
#textfields textarea	{ font-size: 11px; width: 100%; border-top: 1px solid #6e756d; border-left: 1px solid #6e756d; margin: 7px 0 4px; }
#textfields input#plz		{ width: 36px; margin-right: 5px; }
#textfields input#ort		{ width: 156px; }
#textfields
input.submit_button			{ width: 121px; height: 19px; background: #717774 url(../img/submit.gif) top left; border: 1px solid #454948; }

#anfrage_links		{ float: left; }
#column_1and2		{ width: 415px; background: transparent url(../img/border_anfrage_column_1and2.gif) top left no-repeat; padding-top: 32px;}
#column_1and2 p		{ font-size: 12px; }


/* 		JETZT ANFRAGEN		*/

#anfrage label,
#anfrage input,
#anfrage select					{ font-family: Arial, Tahoma, sans-serif; font-size: 10px; vertical-align: middle; display: inline; }
#anfrage select.dropdown		{ width: 106px; height: 17px; border-top: 1px solid #6e756d; border-left: 1px solid #6e756d; }
.submit_button_adresseingabe	{ width: 121px; height: 19px; background: #717774 url(../img/adresseingabe.gif) top left; border: 1px solid #454948; }


input.date-pick 				{ width: 103px; height: 13px; border-top: 1px solid #6e756d; border-left: 1px solid #6e756d; margin-top: 1px; padding-left: 2px; }
input.dp-applied 				{ width: 79px; }
a.dp-choose-date 				{ position: absolute; left: 206px; width: 14px;height: 14px; display: block; text-indent: -2000px; overflow: hidden; background: url(../img/datepicker.gif) no-repeat; }
a.dp-choose-date.dp-disabled 	{ background-position: 0 -20px;	cursor: default; }
#dp-popup h2					{ background-image: none; color: #000; }
                                
                                
#anfrage .hl					{ position: absolute; top: 22px; left: 12px; }
#hotel_flug						{ position: absolute; top: 60px; left: 22px; }
input.radio						{ vertical-align: middle; margin-right: 5px; height: 10px; margin-top: 0; }
label.label_radio				{ vertical-align: middle; margin-right: 5px; }
#first_hr						{ position: absolute; top: 92px; left: 22px; width: 198px; height: 1px; border-bottom: 1px solid #025bfd; margin: 0; }
#second_hr						{ position: absolute; top: 196px; left: 22px; width: 198px; height: 1px; border-bottom: 1px solid #025bfd; margin: 0; }

#label_from						{ position: absolute; top: 102px; left: 22px; }
#from							{ position: absolute; top: 102px; left: 114px; }
#div_from a.dp-choose-date		{ top: 102px; }

#label_to						{ position: absolute; top: 117px; left: 22px; }
#to								{ position: absolute; top: 117px; left: 114px; }
#div_to a.dp-choose-date		{ top: 117px; }

#label_reisedauer				{ position: absolute; top: 133px; left: 22px; }
#reisedauer						{ position: absolute; top: 133px; left: 114px; }

#label_erwachsene				{ position: absolute; top: 151px; left: 22px; }
#erwachsene						{ position: absolute; top: 151px; left: 114px; }
#kinder							{ position: absolute; top: 169px; left: 114px; }

#weitere_wuensche				{ position: absolute; top: 207px; left: 22px; }
#submit_anfrage					{ position: absolute; top: 230px; left: 22px; }


/*		KONTAKT & IMPRESSUM		*/

p.big						{ font-size: 11px; font-weight: bold; margin: 0; }

div#kontakt_neska_container	{ width: 400px; }

p#impressum_left			{ float: left; }
table#impressum_right 		{ float: left; margin-left: 56px; }


/*		GÄSTEBUCH					*/

.pagination					{ border-bottom: 1px solid #d1d6d3; border-top: 1px solid #d1d6d3; padding: 9px 0; clear: both;  }
.gaestebucheintrag			{ border-bottom: 1px solid #d1d6d3; margin: 0 0 21px 0; width: 414px; float: left; }
.name						{ padding-left: 16px; font-size: 10px; }
.name span					{ color: #848685; }
.nachricht					{ font-size: 10px; margin: 15px 0 11px; }

#neuer_eintrag				{ float: right; width: 200px; padding-bottom: 10px; }
#neuer_eintrag h2			{ border-bottom: 1px solid #d1d6d3; padding-bottom: 3px; }

#neuer_eintrag label			{ font-size: 11px; }
#neuer_eintrag input			{ font-size: 11px; width: 100%; border-top: 1px solid #6e756d; border-left: 1px solid #6e756d; margin: 4px 0 7px; }
#neuer_eintrag textarea			{ font-size: 11px; width: 100%; border-top: 1px solid #6e756d; border-left: 1px solid #6e756d; margin: 4px 0 7px; }
#neuer_eintrag input#plz		{ width: 36px; margin-right: 5px; }
#neuer_eintrag input#ort		{ width: 156px; }
#neuer_eintrag
input.submit_button			{ width: 121px; height: 19px; background: #717774 url(../img/submit.gif) top left; border: 1px solid #454948; }


/*		AGB							*/
		
ol.agb 			{ list-style-type: decimal; margin: 0; padding: 0; }
ol.agb li 		{ font-weight: bold;}
.agb ol 		{ padding: 0; padding-left: 18px; margin: 0; margin-bottom: 5px; font-weight: normal;}
.agb ol li 		{ list-style-type: decimal; padding-left: 18px; font-weight: normal;}
.normal 		{ font-weight: normal; }
.anker:hover	{ color: inherit; }
			


/*
 *	BOXEN
 *
 */

#canvas				{ margin: 30px auto; width: 955px; }

#header				{ width: 100%; height: 208px; background: transparent url(../img/bg_header.png) no-repeat top left; position: relative; }
#nav_container 		{ width: 100%; height: 36px; }
#container 			{ width: 100%; height: 100%; position: relative; }
#content 			{ width: 632px; height: 263px; background: #f3f3f3 url(../img/bg_content_short_bottom.gif) no-repeat bottom left; padding: 23px 21px;}
#content_index		{ width: 674px; height: 286px; background: #f3f3f3 url(../img/bg_content_short_bottom.gif) no-repeat bottom left; padding-top: 23px; }
	#inner_content		{ margin: 0 21px 23px 21px; }
#content_long 		{ width: 632px; min-height: 450px; background: #f3f3f3 url(../img/bg_content_long_bottom.gif) no-repeat bottom left; padding: 23px 21px; position: relative; }
#anfrage 			{ width: 281px; height: 309px; position: absolute; left: 674px; top: 0; background: transparent url(../img/bg_anfrage.png) no-repeat top left; }

#footer { width: 150%; height: 100px; position: relative; right: 5px; position: relative; background: transparent url(../img/bg_footer_left.gif) no-repeat top left; }

#zur_gruppe { width: 166px; height: 33px; margin-left: 92px; float: left; display: inline; }
#imprint { height: 15px; float: left; display: inline; } 


/*
 *	NAVIGATION
 */

#nav { list-style-type: none; list-style-image: none; margin: 0; padding: 0; }
#nav li a { display: block; height: 36px; background: transparent url('../img/nav.gif') repeat; }
#nav li { float: left; margin: 0; }
#nav li a span { display: block; height: 0; width: 0; overflow: hidden; }

#nav_hotel a { width: 84px; }
#nav_hotel { background: url('../img/nav.gif') repeat; background-position: 0 -36px; }
#nav_hotel a:link, #nav_hotel a:visited, #nav_hotel a:active { background-position: 0 0; }
#nav_hotel a:hover { background-image: none; }

#nav_events_termine a { width: 126px; }
#nav_events_termine { background: url('../img/nav.gif') repeat; background-position: -84px -36px; }
#nav_events_termine a:link, #nav_events_termine a:visited, #nav_events_termine a:active { background-position: -84px 0; }
#nav_events_termine a:hover { background-image: none; }

#nav_sport_wellness a { width: 126px; }
#nav_sport_wellness { background: url('../img/nav.gif') repeat; background-position: -210px -36px; }
#nav_sport_wellness a:link, #nav_sport_wellness a:visited, #nav_sport_wellness a:active { background-position: -210px 0; }
#nav_sport_wellness a:hover { background-image: none; }

#nav_entdecken_erleben a { width: 146px; }
#nav_entdecken_erleben { background: url('../img/nav.gif') repeat; background-position: -336px -36px; }
#nav_entdecken_erleben a:link, #nav_entdecken_erleben a:visited, #nav_entdecken_erleben a:active { background-position: -336px 0; }
#nav_entdecken_erleben a:hover { background-image: none; }

#nav_online_anfrage a { width: 121px; }
#nav_online_anfrage { background: url('../img/nav.gif') repeat; background-position: -482px -36px; }
#nav_online_anfrage a:link, #nav_online_anfrage a:visited, #nav_online_anfrage a:active { background-position: -482px 0; }
#nav_online_anfrage a:hover { background-image: none; }

#nav_kontakt a { width: 70px; }
#nav_kontakt { background: url('../img/nav.gif') repeat; background-position: -603px -36px; }
#nav_kontakt a:link, #nav_kontakt a:visited, #nav_kontakt a:active { background-position: -603px 0; }
#nav_kontakt a:hover { background-image: none; }

#nav_gaestebuch a { width: 281px; }
#nav_gaestebuch { background: url('../img/nav.gif') repeat; background-position: -673px -36px; }
#nav_gaestebuch a:link, #nav_gaestebuch a:visited, #nav_gaestebuch a:active { background-position: -673px 0; }
#nav_gaestebuch a:hover { background-image: none; }
