/*******************************/
/*** Allgemeine-Definitionen ***/
/*******************************/

* {
	padding: 0;
	margin: 0;
}

a         { color: #B72345; }
a:hover   { color: #5C1122; }

big, .big { font: 14px/18px arial, sans-serif; }

blockquote { margin: auto 30px; }
blockquote.feedback {
	margin: 0.5em 30px;
	font-style: italic;
}

dl {
	padding-left: 15px;
	text-align: left;
}
dt { font-weight: bold; }
dd {
	padding-left: 15px;
	margin-bottom: 0.5em;
}

h2, h3, h4, h5, h6, p { margin: 1em 0; }

h1 {
	width: 530px;
	height: 31px;
	text-align: center;
	background: transparent url(/img/global/bg_h1.gif) top left no-repeat;

     color: #303030; font: bold 16px/38px arial, sans-serif; }
h2 { color: #404040; font: bold 13px/18px sans-serif; text-align: left; }
h3 { color: #505050; font: bold 12px/17px arial, sans-serif; }
h4 {
	width: 705px;
	height: 31px;
	text-align: center;
	background: transparent url(/img/global/bg_h1_1.gif) top left no-repeat;
	
	color: #303030; font: bold 16px/38px arial, sans-serif;}

* html h1 { line-height: 37px; }

hr {
	width: 50%;
	margin: 2em auto 1em;
}

img { border-color: #606060; }

li { margin-bottom: 0.5em; }

small, .small { font: 9px/13px arial, sans-serif; }

ol, ul {
	padding-left: 30px;
	list-style-image: url(/img/global/doves.gif);
	text-align: left;
}

/***/

.backlink {
	clear: left;
	position: relative;
}

.box {
	position: relative;
	width: 190px;
	border: #C0C0C0 solid 1px;
	margin-bottom: 1em;
	background-color: #F0F0F0;
}

.box_head {
	padding: 4px 5px 11px;
	margin: 0;
	background: #EDEAE3 url(/img/global/box_stripline.gif) bottom left repeat-x;
	font: bold 11px/16px arial, sans-serif;
}

.box_body {
	margin: 2px 4px 0.75em;
	font: 9px/13px arial, sans-serif;
}

.box_body:last-child { margin: 2px 4px 4px; }

.break { margin-bottom: 1em; }

.clear { clear: both; }

.cloak {
	visibility: hidden;
	display: none;
}

.debug {
/*	display: inline;	*/
	position: absolute;
	top: 0;
	left: 0;
	padding: 5px 5px 0;
	border: #CCC solid 1px;
	margin: 10px;
	background-color: #FFF;
	z-index: 100;
	filter: Alpha(Opacity=90);
	-moz-Opacity: 0.9;
}

.fader {
	position: absolute;
	visibility: hidden;
	top: 0;
	left: 0;
	width: 760px;
	height: 320px;
}

.fader:first-child { visibility: visible; }

.flat {
	line-height: 0;
	font-size: 0;
}

.lhs { text-align: left; }
.mid { text-align: center; }
.rhs { text-align: right; }

.palm {
	width: 530px;
	height: 15px;
	margin: 2em auto 1em;
	background: transparent url(/img/global/palm_ruler.gif) center center no-repeat;
}

.text_column_left {
	clear: both;
	float: left;
	width: 255px;
}

.text_column_right {
	float: right;
	width: 255px;
}

/********************************/
/*** Thematische Definitionen ***/
/********************************/

/****************/
/*** Struktur ***/

body {
	padding: 0;
	margin: 0;
	background: #EDEAE3 url(/img/global/ground.gif) top left repeat-x;
	font: 12px/17px arial, sans-serif;
	color: #606060;
}

#canvas {
	position: relative;
	top: 20px;
	left: 0;
	width: 980px;
	margin: 0 auto;
	background: transparent url(/img/global/canvas.gif) top left repeat-y;
}

#textline {
	position: relative;
	top: 20px;
	left: 0;
	width: 980px;
	height: 20px;
	margin: 0 auto;
	font: 10px/14px arial, sans-serif;
	color: #999999;
}

#fade {
	float: left;
	width: 760px;
	height: 320px;
}

#scroller {
	float: right;
	width: 220px;
	height: 320px;
	background: transparent url(/img/global/scroller.gif) top left no-repeat;
}

#palmleaves {
	position: absolute;
	top: 0;
	right: -40px;
	width: 40px;
	height: 74px;
	background: transparent url(/img/global/palm-leaves.gif) top left no-repeat;
}

#stripline {
	clear: both;
	width: 980px;
	height: 13px;
	background: transparent url(/img/global/stripline.gif) top left no-repeat;
}

#navigation {
	float: left;
	width: 210px;
	padding: 25px 0 200px;
	margin-left: 10px;
	background: transparent url(/img/global/navigation.gif) top left no-repeat;
	font: normal 13px/18px arial, sans-serif;
}

* html #navigation { margin: -2px 0 0 5px; }

#content {
	float: left;
	width: 530px;
	padding-top: 20px;
	margin-left: 10px;
	text-align: justify;
}

#column {
	float: right;
	width: 190px;
	padding: 0 15px 0 14px;
	margin: 25px 1px 0 0;
}

* html #column { padding: 0 13px 0 14px; }

#verkaufsagent {
	position: absolute;
	bottom: 10px;
	left: 30px;
}

#footer {
	clear: both;
	position: relative;
	top: 0;
	width: 980px;
	border-top: #C1C1C1 solid 1px;
	margin: 20px auto 1em;
	text-align: center;
	font: 9px/13px arial, sans-serif;
}

/******************/
/*** Navigation ***/

a.nav       { color: #808080; text-decoration: none; }
a:hover.nav { color: #505050; }

dl.nav {
	position: relative;
	top: 0;
	left: 0;
	line-height: 24px;
	padding-left: 0;
	white-space: nowrap;
}

* html dl.nav { top: 2px; }

dd.nav {
	height: 24px;
	padding: 0 10px 0 20px;
	margin: 0 10px 0 0;
	border-top: #D8D8D8 solid 1px;
}

dd:hover.nav { background-color: white; }

dd.open {
	color: #808080;
	font-weight: bold;
	background: transparent url(/img/global/doves.gif) 5px 4px no-repeat;
}

/*****************/
/*** Impressum ***/

.impressum_left {
	clear: both;
	float: left;
	width: 104px;
	font-weight: bold;
}

.impressum_right {
	float: left;
	width: 356px;
	margin-bottom: 8px;
}

/**************/
/*** Zimmer ***/

.zimmer_table         { margin: 1em auto; border: #999999 solid 1px; border-collapse: collapse; }
.zimmer_table_head td { padding: 2px; background-color: #EDEAE3; font-weight: bold; }
.zimmer_table_odd  td { padding: 2px; background-color: #FFFFFF; }
.zimmer_table_even td { padding: 2px; background-color: #F0F0F0; }

/*****************/
/*** Inklusive ***/

div.price {
	clear: both;
	float: left;
	width: 33%;
	text-align: right;
}

div.condition {
	float: right;
	width: 65%;
}

/*****************/
/*** Formulare ***/

fieldset {
	padding: 10px 10px 0;
	border: 1px solid #999;
}

legend {
	padding: 0 3px;
	margin-left: -8px;
	font: bold 13px arial, sans-serif;
}

input[type=checkbox] { margin: 3px; }
input[type=submit], input[type=reset] { padding: 0 6px; }

option { height: 15px; }

#blend { display: none; }

.frm {
	width: 336px;
	min-height: 16px;
	padding: 1px;
	border: #ccc solid 1px;
	margin: 0;
	font: normal 12px tahoma, arial, sans-serif;
}

select.frm { width: 340px; padding: 1px 0; }

.form_left {
	clear: both;
	float: left;
	width: 180px;
	font-weight: bold;
	line-height: 20px;
}

.form_right {
	float: right;
	width: 340px;
	min-height: 20px;
	margin-bottom: 2px;
}

.form_query {
	clear: both;
	position: relative;
	margin-bottom: 16px;
	font-weight: bold;
	text-align: left;
}

.form_query > div { margin-left: 20px; }

.form_answer {
	position: relative;
	font-weight: normal;
	margin-top: 5px;
}

.form_freetext {
	position: absolute;
	top: 0;
	right: -349px;
	width: 316px;
}

.mandatory { background-color: #fff; }

.missing   { background-color: #dae6fc !important; }

/*********************/
/*** Bildergalerie ***/

div.imgset { width: 540px; }

div.imgbox {
	float: left;
	margin-right: 4px;
}

img.imgbox {
	padding: 1px;
	border: #ccc solid 1px;
	margin-bottom: 4px;
}

/*****************/
/*** Accordion ***/

#touren p {
	margin: 0 0 1em;
}

.accHead {
	position: relative;
	cursor: pointer;
}

.accShow {
	position: absolute;
	top: 0;
	right: 0;
	font: normal xx-small arial, sans-serif;
}

