@charset "UTF-8";
@import url("formquickcheck.css");

/* ################ Reset ################ */
html, body, div, ul, ol, li, dl, dt, dd, h1, h2, h3, h4, h5, h6, pre, form, p, blockquote, fieldset, b {
	margin:0;
	padding:0
}
h2, h3, h4, h5, h6, pre, code, address, caption, cite, code, em, strong, th, input, button, select {
	font-size:11px;
	font-style:normal
}
table {
	border-collapse:collapse;
	border-spacing:0;
}
a img {
	border:none;
}
img { behavior:url('css/pngbehavior.htc'); }

html, body {
	height:100%;
	width:100%;
}
body {
	font-family:Verdana, Arial, Helvetica, sans-serif;
	font-size:11px;
	color:#4F4D4D;
	text-align:left;
	background-color:#FFF;
	min-width:1024px;
	height:100%
}
/* ################ Page - Container ################ */

#conS {
	width: 1024px;
	margin-top: 0px;
	margin-right: auto;
	margin-bottom: 0;
	margin-left: auto;
	background-image: url(../pix/layout/bg_shadow.gif);
	background-repeat: repeat-y;
}
#conM {
	width: 1000px;
	margin-top: 0;
	margin-right: auto;
	margin-bottom: 0;
	margin-left: auto;
}
#content {
	width: 1000px;
	padding-bottom:25px;
}
#footer {
	height: 40px;
	width: 1000px;
}
#shadowbot {
	height: 17px;
	width: 1024px;
	background-image: url(../pix/layout/shadow_bottom.gif);
	background-repeat: no-repeat;
}
#logo {
	height: 58px;
	width: 1000px;
	text-align: center;
	padding-top: 12px;
}
#subfooter {
	width: 960px;
	margin-top: 0;
	margin-right: auto;
	margin-bottom: 10px;
	margin-left: auto;
	font-size: 9px;
}
#subfooter a {
	color:#4F4D4D;
}

/* ################ Header ################ */

#header {
	height: 230px;
	width: 1000px;
	background-color: #B70717;
	margin-bottom:3px;
}
#headerHome {
	height: 375px;
	width: 1000px;
	background-color: #B70717;
	margin-bottom:3px;
	background-image:url(../pix/layout/header_home.jpg);
	background-repeat:no-repeat;
}
#theme1 {
	height: 160px;
	width: 146px;
	float:left;
	padding-left:60px;
}
#theme2 {
	height: 159px;
	width: 156px;
	float:left;
	padding-left:40px;
	padding-top:1px;
}
#theme3 {
	height: 159px;
	width: 166px;
	float:left;
	padding-left:30px;
	padding-top:1px;
}
#theme4 {
	height: 156px;
	width: 165px;
	float:left;
	padding-left:11px;
	padding-top:4px;
}
#theme5 {
	height: 158px;
	width: 186px;
	float:left;
	padding-left: 10px;
	padding-top:2px;
}
#themeMask {
	position:absolute;
	margin-top:70px;

	height: 160px;
	float:left;
	z-index: 50;
}
#garantie {
	position:absolute;
	margin-top:24px;
	margin-left:750px;
	width: 85px;
	height: 85px;
	float:left;
	z-index: 51;
}
#garantie2 {
	position:absolute;
	margin-top:47px;
	margin-left:770px;
	width: 158px;
	height: 145px;
	float:left;
	z-index: 51;
}
/* ################ Main - Navigation ################ */

#mainMenu {
	height: 22px;
	width: 1000px;
	background-image: url(/pix/layout/bg_menu.gif);
	background-repeat: repeat-x;
	color:#FFF;
	/* z-index:111; */
	clear:both;
	position: relative;
}

/* siehe nav.css */

/* ################ Content - Parts ################ */

#contentL {
	float: left;
	width: 774px;
	padding: 18px 0em 0 20px;
}
#contentR {
	float: right;
	width: 184px;
	padding: 26px 20px 0 0;
}
#contentLGewinn {
	float: left;
	width: 592px;
	padding: 18px 0em 0 20px;
}
#contentRGewinn {
	float: right;
	width: 368px;
	padding: 26px 20px 0 0;
}
/* ################ Content - Columns ################ */

.colG {
	float:left;
	width: 184px;
	padding:0 9px 10px 0;
}
.colGR {
	float:left;
	width: 184px;
	padding:0 0 10px 0;
}
.colR {
	float:left;
	width: 184px;
	padding:0 0 10px 0;
}
.colAAAA {
	float:left;
	clear:both;
	width: 765px;
	padding:0 0 1px 0;
}
.colAAA {
	float:left;
	width: 571px;
	position:relative;
	padding:0 0 1px 0;
}
.colAAAX {
	float:left;
	width: 581px;
	height:86px;
	position:relative;
	padding:0 170px 10px 0;
}
.colAAAY {
	float:left;
	width: 611px;
	height:66px;
	position:relative;
	padding:0 140px 10px 0;
}
*+html .colAAAX {
	height:89px;
	padding:0 194px 10px 0;
}
.colAA {
	float:left;
	width: 378px;
	position:relative;
	padding:0 0 10px 0;
}
.colA {
	float:left;
	width: 182px;
	padding:0 10px 10px 0;
}
.colAAA {
	float:left;
	width: 571px;
	padding: 0 10px 0 0;
}
.colAtheme {
	float:left;
	width: 184px;
	padding:0 8px 10px 0;
}
.colBBB {
	float:left;
	width: 571px;
}
.colBB {
	float:left;
	width: 378px;
	padding:0 10px 0 0;
}
.colB {
	float:left;
	width: 182px;
	padding:0 10px 0 0;
}
.colCCC {
	float:left;
	width: 571px;
}
.colCC {
	float:right;
	width: 378px;
	padding:0 10px 0 0;
}
.colC {
	float:left;
	width: 184px;
	padding:0 8px 0 0;
}
.colD {
	float:left;
	width: 182px;
	padding:0 0 0 10px;
}
div.col {
	margin: 0 20px 0 0;
}
div.col ul {list-style-type:square;}

div.colRight {
	margin: 0 20px 0 0;
	text-align:right;
	float:right;
}
/* ################ Footer - Navigation ################ */

#bottomNav {
	float: left;
	width: 400px;
	height:20px;
	padding-top: 10px;
	padding-left: 15px;
}
.recomendation {
	background-image:url(/pix/layout/pfeil.gif);
	background-repeat: no-repeat;
	float:left;
	margin-top: 10px;
	padding-left: 25px;
	width: 230px;
	height:20px;
}
.language {
	float:left;
	padding-left: 25px;
	with: 146px;
	height:20px;
}
.search {
	float:left;
	margin-top: 10px;
	padding-left: 25px;
	width: 160px;
	height:20px;
}

/* ################ Clear - Element ################ */

hr.clear {
	clear:both;
	visibility:hidden;
	height:0;
	line-height:1px;
	font:1px/0px monospace;
	margin:-10px 0;
	width:97%
}

/* ################ Content - Styles ################ */


/*----TEASER----------------------------------------------------------------------------------------*/
div.teaser{
	margin-bottom:10px;
}
div.teaserTitle {background-image:url(/pix/layout/teaser_header.gif); background-repeat:no-repeat; height:22px; color:#FFF !important; font-size:12px; padding: 6px 0 0 10px; text-transform:uppercase;}
div.space.famblau{background-image:url(/pix/layout/teaser_border.gif); background-repeat:no-repeat; background-position:bottom;
padding: 10px 10px 8px 8px; font-size: 9px; width:166px;}
div.space.red{background-color:#b70718!important; color:#FFF!important;}
div.space.base{background:#FFF!important;}
div.space.basewopad{padding:0 !important;}
div.space.basedark{background-color:#faf2d9!important; padding:5px 10px 10px 10px; background-image:url(/pix/layout/teaser_border.gif); background-repeat:no-repeat; background-position:bottom;}
div.space.orange{background:#B18F13 !important}
div.space.mint{background:#4EFDE3 !important}
div.space.blue{background:#0211B1 !important}
div.space.shineblue{background:#3546FD !important}
div.space.green{background:#FFCC66 !important; padding:10px;}

div.themeTeaser {
	clear:left;
}
div.themeIcon {
	width:42px;
	float:left;
}
div.themeText {
	float:left;
	width:123px;
	height: 40px;
	font-size:9px;
}
div.themeText strong {
	font-size: 9px;
}
.themeLast {margin-bottom:13px;}
/*END-TEASER----------------------------------------------------------------------------------------*/


/* ################# Angebote Home #################### */ 

.topAngebote {
	width:379px;
	height: 207px;
	background-image:url(../media/pix/content/teaser/topangebote_lm.gif);
	background-repeat: no-repeat;
	padding: 32px 10px 10px 6px;
}
.lmAngebotRand {
	width: 174px;
	float: left;
	margin: 0 0 0 3px;
}
.AngebotRand {
	width: 174px;
	float: left;
	margin: 0 15px 0 0;
}
.AngebotText {
	height:58px;
	text-align:center;
}
.AngebotHotel {
	font-weight:bold;
	margin-bottom:3px;
}
.leistungText {
	font-size:9px;
} 
.leistungText a  {
	text-decoration: none;
	color:#4F4D4D;
}
.leistungText a:hover {
	text-decoration: underline;
}
.AngebotPreis {
	height: 38px;
	font-size: 26px;
	font-weight: bold;
	color:#B70717;
	text-align: center;
	margin: 0 0 0 0;
}
.AngebotBild {
	height:110px;
}

/* #################################################### */

#angebotMenu {
float:left;
list-style:none;
padding:10px 0 10px 0;
position:relative;
width:98%;
}
#angebotMenu li {
float:left;
margin:0 2px 2px 0 !important;
}
#angebotMenu li a:hover, #angebotMenu li a.active {
	background-color:#999;
	background-image: url(/pix/layout/button_hi.gif);
	background-repeat: no-repeat;
}
#angebotMenu li a.inactive {
	background-color:#b7b7b7;
	background-image: url(../pix/layout/button_down.gif);
	background-repeat: no-repeat;
}
#angebotMenu li a{
	width:81px;
	height:1.6em;
	line-height:1.6em;
	text-align:center;
	color:#FFF;
	text-decoration:none;
	display:block;
	font-size:10px;
	background-color: #7f7f7f;
	background-image: url(/pix/layout/button_lo.gif);
	background-repeat: no-repeat;
	background-position: 50% 50%;
}
/*END-Angebote----------------------------------------------------------------------------------------*/

#colMenu{
	float:left;
	clear:both;
	width: 71.5em;
}
#hotelMenu {
float:left;
list-style:none;
margin:0 0 .1em;
padding:10px 0 1em;
position:relative;
width:450px;
clear:left;
}
#hotelThemenMenu {
float:left;
list-style:none;
margin:0 0 .1em;
padding:10px 0 1em;
position:relative;
width:450px;
clear:left;
}
#hotelSubMenu, #buchenSubMenu {
clear:right;
float:left;
list-style:none;
margin:0 0 0 0;
padding:10px 0 10px 0em;
position:relative;
width:8.2em;
}
#buchenSubMenu {
clear:right;
float:left;
}
#hotelSubMenu .icon {
margin:-2em 0 0 -1em;
position:absolute;
}
#hotelMenu li, #hotelSubMenu li, #hotelThemenMenu li {
float:left;
margin: 0 2px 2px 0 !important;

}
#buchenSubMenu li {
float:right;
margin-bottom:2px !important;
}

#hotelMenu li a:hover, #hotelThemenMenu li a:hover {
	background-color:#666 !important;
	color: #FFFFFF;
	background-image: url(../pix/layout/button_hi.gif);
} 

#hotelMenu li a.active, #hotelThemenMenu li a.active {
	background-color:#C23442 !important;
	color: #FFFFFF;
	background-image: url(../pix/layout/button_hi.gif);
} 
#hotelMenu li.inactive, #hotelThemenMenu li.inactive {
	background-color:#c7c8ca !important;
	color: #FFFFFF;
	background-image: url(../pix/layout/button_down.gif);
	width:8em;
	height:1.4em;
	text-align: center;
	padding: 1px 0 0px 0;
	margin: 0 2px 2px 0 !important;
} 
#hotelSubMenu li a:hover, #hotelSubMenu li a.active, #buchenSubMenu li a:hover, #buchenSubMenu li a.active {
	background-color:#999;
	background-image:url(../pix/layout/button_hi.gif);
}
#hotelMenu li a, #hotelThemenMenu li a, #hotelSubMenu li a, #buchenSubMenu li a {
background-color:#B70718;
background-image:url(../pix/layout/button_lo.gif);
background-position:50%;
background-repeat:no-repeat;
color:#FFF;
display:block;
height: 16px;
line-height:16px;
text-align:center;
text-decoration:none;
width:8em;
}
#buchenSubMenu li a {
	background-image: url(../pix/layout/button_gold_lo.gif);
}
#hotelSubMenu li a{
	background-color:#B70718 !important;
	background-image: url(../pix/layout/button_gold_lo.gif);
	color: #FFFFFF;
}
#hotelSubMenu li a:hover  {
	background-color:#666 !important;
	color: #FFFFFF;
	background-image: url(../pix/layout/button_hi.gif);
}
#hotelSubMenu li a.active {
	background-color:#C23442 !important;
	color: #FFFFFF;
	background-image: url(../pix/layout/button_hi.gif);
}
#hotelSubMenu li a.txt{background:none !important; color:#B70718;}
#hotelSubMenu li a.txt:hover{background:none !important; color:#C23442;}

/* Angebote Listen ------------------------------------------------------*/

/*Angebote Listen*/
#anbotListe{
width:100%;
border:#ccc 0px solid;
margin:0 0 1em 0;
}
#anbotListe a {
 color: #4d4d4d;
}
#anbotListe select{width:95%;}
#anbotListe caption{
text-align:left;
font-size:12px;
padding: 0 0 5px 0;
color:#4d4d4d;
}
#anbotListe thead tr{ background:#f7e9bf;font-size:1.1em; vertical-align:top}
#anbotListe thead tr a{  }
#anbotListe tbody tr.odd{ background-color:#fff;}
#anbotListe tbody tr.even{ background-color:#FFFFFF;}
#anbotListe tbody tr.odd:hover, #anbotListe tbody tr.even:hover{ background:#faf2d9;}
#anbotListe tbody th, #anbotListe tbody td{
vertical-align:top;
padding:0.4em;
border-top:#7f7f7f 1px solid;
}
#anbotListe .abgCol1{width:10%;}
#anbotListe .abgCol2{width:9%;}
#anbotListe .abgCol3{width:30%;}
#anbotListe .abgCol4{width:39%;}
#anbotListe .abgCol5{width:14%;}
#anbotListe td.preis{ font-size:11px; font-weight:bold;}
#anbotListe td.preis a{ font-weight:normal;}
#anbotListe p{
margin:0; padding:0;
}
#anbotListe .KT_desc a{
background:#FDD335 url(/images/icons/icon_sort_up.gif) no-repeat 100% center;
padding-right:1em;
}
#anbotListe .KT_asc a{
background:#FDD335 url(/images/icons/icon_sort_down.gif) no-repeat 100% center;
padding-right:1em;
}
#anbotListe a.button{width:100%; text-align:center}
/*Angebote Listen*/
tr.odd{
background-color:#fcf6e5;
}
tr.even{
	background-color:#f7e9bf;
}

/*------------------------------------------------------*/
#content ul.liste {
	margin:1em 0 1em 0;
	line-height: 11px;
	list-style-type:square;
}
ul.liste li p{
	margin:0 0 .5em 0;
}
ul.listeSpecials{
	margin:1em 0 0 0;
	padding: 5px 0 0 0;
	font-size:1em;
	list-style-type:square;
}
ul.listeSpecials li{
	margin:0.5em 0 0 0;
}
.hotel_list {
	list-style:none;
	margin:0 0 0 0;
}
#content .hotel_list li {
	margin-left: 0 !important;	
}
.hotel_list li {
	background:#FFF;
	padding:0.1em 0em 0;
	margin-bottom: 0.3em;
	list-style-type: none;
	font-size: 10px;
}
.hotel_list li p {
	padding:0;
	margin:0;
}
.katalogid { float:left; width:16px; text-align: right;}
.hotelname { float: left; width: 150px; padding-left:8px;}
.hotelname a:hover { text-decoration:underline;}
.hotellistKonfig {
	list-style:none;
	margin:0 0 0 0;
}
.hotellistKonfig li {
	background:#F7F7F7;
	padding:0.1em 0em 0;
	margin-bottom: 0.3em;
	list-style-type: none;
}
.hotellistKonfig li p {
	padding:0;
	margin:0;
}
.whiteBG {
	background:#FFF;
}
#aktionen{
margin:0 0 0 0;
list-style:square;
font-size:1em;
}
#aktionen li{
margin:5px 0 5px 18px !important;
}

/* ############## Graphic / Icons ############# */

.katIcon {margin-top: 0px;}

/* ############## Glossar / PopUp ############# */

#popup { width: 370px; padding:10px; }
#letterBox {margin-bottom:2em;}
#glossarHead {display:block;}
#glossaryTerms li { list-style-type:none;}
a.glossary { cursor:help;}
#glossary { position:absolute; width:400px; height:320px; border:1px solid #B70717; overflow:hidden; background:#fff; z-index:10000; }
#glFrame{ border:none; width:400px; height:270px; }
#glHead { height:20px; background:#B70717; }
#glClose { width:18px;line-height:18px; margin:1px; float:right; color:#fff; text-align:center; cursor:pointer; font-weight:bold; }

/* Hotelbewertungen */
ul.comment, ol.comment {
color:#B70717;
}
.commentGrey {
color:#999999;
}
.ferienpark { 
	margin: 0 0 15px 0; 
	background-color:#B70717;
	padding: 2px 5px 2px 5px;
	color:#FFF;
	width: 60px;
}
#conIntro {
	width: 200px;
	margin-top: 100px;
	margin-right: auto;
	margin-left: auto;
	text-align: center;
}
#bildIntro {
	height: 200px;
	width: 200px;
	margin-bottom: 30px;
}
#introText {
	margin-bottom: 15px;
}
#introForm {
}
#introForm input {
	margin:5px 0 5px 0;
	border: solid 1px #B70717;
}
#introForm button {
	border: solid 1px #B70717;
	color: #B70717;
}
#gsMitmachen {
	text-align: left;
	margin-bottom: 0px;
}
#soGehts {
	margin-top: 0px;
	height: 490px;
	background-color: #f5efe3;
}
#ballonSWF {
	position:relative;
	z-index:1;
	top: -24px;
	left: 0;
}
#ballonHomeSWF {
	position:absolute;
	z-index:100;
}
#FlashID:focus {
  outline:none;
}
#jubelwochen {
	margin-left: 25px;
}