@charset "UTF-8";
/* flandern.com, mirador - C. Funke */

*, html, body {
	font-family: Arial, Verdana, Helvetica, sans-serif;
	font-size: 10.5pt;
	font-weight: normal;
	color: #000;
}

body {
	background: url(/img/bg.jpg) repeat;
}

h1 {
	font-size: 13pt;
	color: #c71a78;
}

h2 {
	font-size: 12pt;
	color: #c71a78;
	padding-left: 5px;
	padding-right: 5px;
}

h3 {
	font-size: 11pt;
	color: #c71a78;
}

a, 
a:link, 
a:visited, 
a:active {
	color: #814d70;
	text-decoration: none;
}
img {
	border: none;
}
table {
	padding-left: 5px;
	padding-right: 5px;

}
th, td {
	text-align: left;
	vertical-align: top;
	color: #4c4c4c; 
	font-size: 9pt;
}
strong {
	font-weight: bold;
}
#wrap {
	position: relative;
	margin: 10px auto;
	width: 951px;
	overflow: hidden;
	background: #fff;
}

#head {
	position: relative;
	margin: 0px;
	padding: 0px;
	background: transparent;
	width: 951px;
	height: 181px;
	z-index: 1;
}

#head .headLogo {
	position: absolute;
	bottom: 19px;
	left: 10px;
	z-index: 10;
}

#head .headLayer {
	position: absolute;
	bottom: 49px;
	right: 35px;
	z-index: 10;
}

#head .headLoop {
	position: absolute;
	bottom: 0;
	left: 0;
}

#head .headNavi {
	z-index: 10;
	position: absolute;
	top: 0px;
	right: 35px;
	list-style: none;
}

#head ul.headNavi li {
	display: inline;
	color: #fff;
}

#head ul.headNavi li a {
	line-height: 10px;
	padding: 0px 1px 3px 1px;
	font-size: 85%;
	color: #fff;
}
#head ul.headNavi li a:hover, #head ul.headNavi li a.cur {
	color: #C81A79;
}
/* ---------------------- START mainNavi --------------------- */

#wrap .mainNavi {
	float: left;
	position: relative;
	top: 30px;
	left: 0px;
	padding: 0;
	margin: 0px;
	width: 150px;
	height: 500px;
	list-style: none;
}

#wrap .mainNavi a,
#wrap .mainNavi a:link,
#wrap .mainNavi a:active,
#wrap .mainNavi a:visited {
	color: #fff;
	padding: 0px 0px 0px 15px;
	font-size: 13pt;
}
#wrap .mainNavi li img {
	padding: 0px 0px 0px 15px;
}
#wrap .mainNavi li ul.subNavi img {
	padding: 0px 0px 0px 0px;
}
#wrap .mainNavi a:hover {
	color: #c81a79;
}

#wrap .mainNavi li {
	width: 140px;
	margin: 0px 0px 10px 0px;
	padding: 20px 0px 0px 0px;
	min-height: 70px;
	height: 70px auto;
	overflow: hidden;
}

/*
#wrap .mainNavi li.active {
	width: 140px;
	margin: 0 0 10px 0;
	padding: 20px 0px 0px 10px;
}*/

#wrap .mainNavi li.mainNaviAngebote {
/*	background: #6d321c; */
	background: #98ae3b;
}
#wrap .mainNavi li.mainNaviHotels {
	background: #672654;
}

#wrap .mainNavi li.mainNaviShopping {
	background: #e28000;
}

#wrap .mainNavi li.mainNaviGeniessen {
	background: #00aedb;
}

#wrap .mainNavi li.mainNaviKultur {
	background: #b1953a;
}

/* ---------------------- END mainNavi --------------------- */
#wrap .mainNavi li ul.subNavi {
	/*
	display: none;
	opacity: 0.0;
	*/
	float: left;
	margin: 15px 0 15px 0;
	padding: 0px;
	
}
#wrap .mainNavi li ul.subNavi li {
	float: left;
	padding: 0;
	margin: 0px;
	padding: 0px;
	height: 20px;
	min-height: 1px;
}

#wrap .mainNavi li ul.subNavi a,
#wrap .mainNavi li ul.subNavi a:link,
#wrap .mainNavi li ul.subNavi a:active,
#wrap .mainNavi li ul.subNavi a:visited {
	color: #fff;
	font-size: 95%;
	text-decoration: none;
}

#wrap .mainNavi li ul.subNavi a:hover, #wrap .mainNavi li ul.subNavi a.cur {
	color: #c71a78;
}
/*
#popup_brosch {
	display: none;
	position: absolute;
	left: 0px;
	right: 0px;
	top: 0px;
	margin-top: 178px;
	z-index: 999;
	height: auto;
}*/
#contentFirst, #contentError {
	float: right;
	position: relative;
	top: 30px;
	right: 18px;
}
#contentError {
	height: 319px;
}
#contentError p {
}
#contentSecond {
	float: left;
	position: relative;
	/*top: -50px;*/
	/*left: 172px;*/
        left: 17px;
        top: 50px;
        width:  761px; /*width of top image*/
}

#contentSecond .contentLeadingIn {
	float: left;
	position: relative;
	top: 20px;
	/*left: 150px;*/
	width: 490px;
	height: 150px;
	padding: 0px 5px 5px 5px;
	background: #fff;
}
#contentSecond .contentLeadingIn p {
	color: #000;
}
#contentSecond .contentButtonNewsletter {
	float: right;
	position: relative;
	top: 15px;
	/*right: 40px;*/
	width: 230px;
	height: 150px;
	padding: 0px 5px 5px 5px;
	margin: 5px 0 0 0;
	background: #f4d1e4;
	color: #814d70;
	font-size: 9pt;
}

#contentSecond .contentButtonNewsletter p {
	color: #814d70;
}

#contentSecond .contentButtonNewsletter form.homeNews {
	float: left;
	margin: -10px 0 0 0;
}
input.text {
	background: #fff;
	border: 1px solid #ccc;
}
input.button {
	border: none;
	background: none;
	color: #814d70;
	margin-top: 10px;
	cursor: pointer;
	font-size: 9pt;
}


/* -------------------- BUTTONS START ----------------- */
/* Hier sind die Buttons auf der Startseite definiert! */
/* Kann herausgenommen werden, wenn das ganze über das CMS definiert wird! */

#contentSecond p, #contentSecond strong {
	color: #5a2149;
}
#contentSecond strong {
	font-weight: bold; 
}
#contentSecond .contentButton01 {
	float: left;
	position: relative;
	top: 35px;
	/*left: 150px;*/
	width: 230px;
	height: 160px;
	padding: 0px 5px 5px 5px;
	/*margin: 5px 170px 0 0;*/
	margin: 5px 10px 0 0;
	background: #ede6cc;
	font-size: 9pt;
}

#contentSecond .contentButton02 {
	float: left;
	position: relative;
	top: 35px;
	width: 230px;
	height: 160px;
	padding: 0px 5px 5px 5px;
	margin: 5px 0 0 0;
	background: #ede6cc;
	font-size: 9pt;
}

#contentSecond .contentButton03 {
	float: right;
	position: relative;
	top: 30px;
	/*right: 40px;*/
	width: 230px;
	height: 160px;
	padding: 0px 5px 5px 5px;
	margin: 5px 0 0 0;
	background: #ede6cc;
	font-size: 9pt;
}
#contentSecond .contentButtonNewsletter p, #contentSecond .contentButton01 p, #contentSecond .contentButton02 p, #contentSecond .contentButton03 p,
#contentSecond .contentButtonNewsletter strong, #contentSecond .contentButton01 strong, #contentSecond .contentButton02 strong, #contentSecond .contentButton03 strong,
#contentSecond .contentButtonNewsletter a, #contentSecond .contentButton01 a, #contentSecond .contentButton02 a, #contentSecond .contentButton03 a {
	font-size: 9pt;
}

/* ------------ BUTTONS ENDE ----------- */

/* ---------------------- Unterseite - Spalten Layout  -  Start ----------------------------- */

#colLeft {
	float: left;
	margin-top: 30px;
	width: 511px;
	background: #FBF6E3;
	/*background: #fbf9f2;*/
	padding-bottom: 5px;
}
#colLeft .breadcrumb {
	margin-top: 20px;
	color: #999;
	font-size: 10pt;
	padding-left: 5px;
	padding-right: 5px;
}

#colLeft h1 {
	font-weight: bold;
	padding-left: 5px;
	padding-right: 5px;
}

#colLeft p {
	margin: 0;
	color: #4c4c4c;
	margin-bottom: 18px;
	padding-left: 5px;
	padding-right: 5px;
}
#colLeft q {
	color: #4c4c4c;

}

#colLeft .toTop {
	float: left;
	position: relative;
	top: 30px;
	width: 800px;
	color: #999;
	font-size: 10pt;
}
#colLeft .adresse {
	margin-top: 30px;
	background: #fff;
}
#colLeft .ulAdresse {
	float: left;
	margin: 5px 0;
	padding: 0;
	list-style: none;
	width: 400px;
	background: #fff;
}

#colLeft .ulAdresse li {
	float: left;
	width: 260px;
	color: #4c4c4c;
}
#colLeft .ulAdresse li.title {
	width: 140px;
}
#colLeft div#contentNavi, #collLeft div.contentBild, #collLeft div.contentText {
	float: left;
	width: 510px;
	height: auto;
	overflow: hidden;
}
#colLeft div#contentNavi {
	height: 64px;
	font-size: 7pt;
	width: 511px;
	background: #fff;
	margin-bottom: 0px;
	padding-bottom: 0px;
}
#colLeft div#contentNavi img {
	float: left;
	width: 50px;
	height: 50px;
	border: 2px solid #fff;
	margin-right: 10px;
	font-size: 7pt;
}
#colLeft div#contentNavi img:hover, #colLeft div#contentNavi img.cur {
	border: 2px solid #c71a78;
}
#colLeft div#contentNavi div {
	float: left;
	width: 10px;
}
#colLeft div#contentNavi div.links {
	cursor: pointer;
	margin-right: 10px;
	height: 64px;
}
#colLeft div#contentNavi div.rechts {
	cursor: pointer;
	height: 64px;
}
#colLeft div.contentBild {
	margin-top: 60px;
	margin-bottom: 20px;
	height: 390px;
	background: #fff;
	width: 511px;
}
#colLeft div.contentTextPrevious, #colLeft div.contentTextNext {
	position: absolute;
	width: 30px;
	height: 390px;
	background: #fff;
	z-index: 900;
	opacity: 0.6;
	cursor: pointer;
}
#colLeft div.contentTextPrevious {
	left: 160px;
	background: transparent url(/img/previousPage.png) center center no-repeat;
}
#colLeft div.contentTextNext {
	right: 300px;
	background: transparent url(/img/nextPage.png) center center no-repeat;
}
div.contentText {
	background: #fff;

}
#colLeft .contentItems {
	display: none;
	margin-right: 100px;
}
#colLeft .hidden {
	display: none;
}
#colLeft .visible {
	display: block;
}
#colRight {
	position: relative;
	top: 30px;
	right: 30px;
	margin-left: 20px;
	float: right;
	width: 251px;
}

#colRight .Box {
	width: 239px;
	padding: 6px;
	margin-bottom: 20px;
	background: #ede6cc;
	font-size: 9pt;
	color: #5a2149;
}
#colRight .Box h1 {
	font-size: 11pt;
}
#colRight .TcomBox {
	width: 239px;
	padding: 6px;
	margin-bottom: 20px;
	background: #c81a79;
	color: #fff;
	font-size: 9pt;
}

#colRight .TcomBox h1 {
	color: #fff;
}
#colRight .Box a, #colRight .TcomBox a {
	font-size: 9pt;
	color: #5a2149;
	font-weight: bold;
}
#colRight .TcomBox a {
	color: #fff;
}
/* ---------------------- Unterseite - Spalten Layout  -  Ende ----------------------------- */
#wrap .footerLoop {
	position: absolute;
	bottom: 201px;
	right: 31px;
	z-index: 10;
}

#footer {
	float: left;
	position: relative;
	top: 0;
	left: 0;
	margin-top: 150px;
	height: 201px;
	width: 951px;
	background: transparent;
}

#footer .footerChoc {
	position: absolute;
	left: 30px;
	bottom: 61px;
	z-index: 10;
}

#footer .footerNavi {
	position: relative;
	top: 165px;
	margin: 0px auto;
	width: 530px;
	padding-right: 90px;
}

#footer .footerNavi li {
	display: inline;
	color: #fff;
}

#footer .footerNavi li a,
#footer .footerNavi li a:link,
#footer .footerNavi li a:active,
#footer .footerNavi li a:visited {
	color: #fff;
	text-decoration: none;
	font-size: 8pt;
	letter-spacing: 0.15em;
}

#footer .footerNavi li a:hover, #footer .footerNavi li a.cur {
	color: #C81A79;
}
/* BROSCHUEREN */
ul.brochure {
	width: 511px;
	list-style: none;
	margin: 0px;
	padding: 0px;
	padding-left: 5px;
	padding-right: 5px;

}
ul.broschure * {
	font-size: 9pt;
}
ul.brochure li {
	float: left;
	width: 240px;
	height: 70px;
	color: #000;
	padding: 5px;
	padding-right: 0px;
	margin: 5px;
	margin-left: 0px;
	margin-bottom: 0px;
	/*30px 0px -25px;*/
	border: 1px solid #fff;
	background: #E5E5E5;
	border: 1px solid #ccc;
}
ul.brochure li img.thumbnail {
	float: left;
	border: none;
	margin: 0px 0px 0 0;
	max-width: 60px;
}
ul.brochure li h1, ul.brochure h2, ul.brochure h3 {
	float: left;
	width: 170px;
	color: #000;
	font-size: 9pt;
	font-weight: bold;
	margin: 0px;
	padding: 0px;
}
ul.brochure li a {
	float: left;
	padding-top: 12px;
	color: #000;
	font-weight: bold;
	font-size: 9pt;

}
ul.brochure li a:hover {
	float: left;
	padding-top: 12px;
	color: #c5006b;
}

div.colLeftMisc {
	float: left;
	margin-top: 30px;
	padding: 5px;
	width: 780px;
	background: #FBF6E3;
}
div.contentText ul, div.contentText li {
	margin-left: -8px;
}
div.contentText ul {
	margin-top: -18px;
}
a.angebotlink {
	color: #98AE3B;
	font-weight: bold;
}
/* POPUP */
.jqifade{
      position: absolute;
            background-color: #000000;
	    }
	    div.jqi{
	          width: 400px;
		        font-family: Verdana, Geneva, Arial, Helvetica, sans-serif;
			      position: absolute;
			            background-color: #ffffff;
				          font-size: 11px;
					        text-align: left;
						      border: solid 1px #eeeeee;
						            -moz-border-radius: 10px;
							          -webkit-border-radius: 10px;
								        padding: 7px;
									}
									div.jqi .jqicontainer{
									      font-weight: bold;
									      }
									      div.jqi .jqiclose{
									            position: absolute;
										          top: 4px; right: -2px;
											        width: 18px;
												      cursor: default;
												            color: #bbbbbb;
													          font-weight: bold;
														  }
														  div.jqi .jqimessage{
														        padding: 10px;
															      line-height: 20px;
															            color: #444444;
																    }
																    div.jqi .jqibuttons{
																          text-align: right;
																	        padding: 5px 0 5px 0;
																		      border: solid 1px #eeeeee;
																		            background-color: #f4f4f4;
																			    }
																			    div.jqi button{
																			          padding: 3px 10px;
																				        margin: 0 10px;
																					      background-color: #2F6073;
																					            border: solid 1px #f4f4f4;
																						          color: #ffffff;
																							        font-weight: bold;
																								      font-size: 12px;
																								      }
																								      div.jqi button:hover{
																								            background-color: #728A8C;
																									    }
																									    div.jqi button.jqidefaultbutton{
																									          background-color: #BF5E26;
																										  }
																										  .jqiwarning .jqi .jqibuttons{
																										        background-color: #BF5E26;
																											}