﻿.willkommen{font-size: x-large;font-weight: bold;color: #FFFFFF;}
.backorange{color:#333333;font-weight:bold;}
.backorangestartpage {color: #000000;font-weight: normal;}
.middle{text-align:center;}
.navimenu{color: #FFF;font-weight:bold;text-decoration:none;font-size:13px;font-family:Arial;}
.navimenusmall{color:#FFFFFF;font-weight:bold;text-decoration:none;font-size:12px;font-family:Arial;}
.activelink{color:#FFCC00;font-size:13px;font-family:arial;font-weight:bold;}
.activelinksmall{color:#FFCC00;font-size:12px;font-family:arial;font-weight:bold;}
.activelinkgrey{color:#C0C0C0;font-size:13px;font-family:arial;font-weight:bold;}
a:hover{color:#FF8F20;text-decoration:underline;}
.bottomorange{color:#FF8F20;font-weight:bold;font-size:12px;text-decoration:none;font-family:Arial;}
.orangemiddletext{color:#FFFFFF;}
.textdecorationnone{text-decoration:none;}
.topdot{border-color:#000000;border-style:dotted none none none;border-top-width:1px;text-align:left;}
.topdotbottomdot{border-color:#000000;border-style:dotted none dotted none;border-top-width:1px;border-bottom-width:1px;text-align:left;}
.bottomdot{border-color:#000000;border-style:none none dotted none;text-align:left;border-bottom-width:1px;}
.noborder{border-width:0px;}
.orangemiddlelinks{color:#FFFFFF;font-weight:bold;text-decoration:none;font-size:13px;font-family:Arial;}
.borderwhite{border-collapse:collapse;border:1px solid #FFFFFF;text-align:center;}
.borderwhite2px{border:2px solid #FFFFFF;}
.borderorangeref{border-width:2px;border-color:#FF8F20;font-family:Arial;border-top-style:solid;border-right-style:solid;border-left-style:solid;}
.borderorange{border:2px solid #FF8F20;font-family:Arial;}
.borderorangethin{border:1px solid #FF8F20;font-family:Arial;}
.borderblackthin{border:1px solid #000000;font-family:Arial;}
.borderdotted{border:1px dotted #4E575B;text-align:center;}
.borderwhite{border:1px dotted #FFFFFF;}
.bordercabins{border:1px dotted #4E575B;text-align:center;}
.telmailright{text-align:center;color:#FCCB4E;font-weight:bold;font-size:12px;text-decoration:none;font-family:Arial;}
.h2{font-size:large;font-weight:bold;color:#4E575B;font-family:Arial;}
.kabinenname{color:#FFFFFF;font-weight:bold;text-decoration:none;font-size:17px;font-family:Arial;text-align:center;}
.greycell{
	background-color: #666666;
	background: url('bilder-navi/backcontent.png');
}
.kabine{font-size:large;font-weight:bold;color:#FFFFFF;font-family:Arial;}
.kabinenbeschreibung{
	background-color: #666666;
	text-align: left;
	background-image: url('bilder-navi/backcontent.png');
}
.11pt{font-size:10pt;font-family:Arial;}
.center{text-align:center;}
.lesensieweiter{font-size:13px;font-family:Arial;font-weight:bold;color:#800000;}
.listeueberschrift{color:#000000;text-align:left;font-weight:bold;font-family:Arial;font-size:13px;}
.referenzenvon{font-size:13px;font-family:arial;text-decoration:none;color:#000000;font-style:italic;}
.referenzentext{text-align:left;font-size:14px;font-family:arial;text-decoration:none;color:#000000;}
.referenzentextborder{border:3px double #EEC639;padding:5px;text-align:left;font-size:14px;font-family:arial;background-color:#FDFCDB;}
.unternehmentextborder {border: 3px double #EEC639;padding: 5px;text-align: left;font-size: 13px;font-family: arial;background-color: #FDFCDB;}
.schwafel {
	border: 3px double #FFCC00;
	padding: 10px;
	text-align: left;
	font-size: 12px;
	font-family: arial;
	background-color: #FDFCDB;
}
.schwafelueber {
	border-style: double double none double;
	border-width: 3px;
	border-color: #FFCC00;
	padding: 2px;
	text-align: center;
	font-size: 12px;
	font-family: arial;
	background-color: #FDFCDB;
	font-weight: bold;
}
.listetext{text-align:left;font-size:13px;font-family:Arial;}
.listetexttop{text-align:left;font-size:13px;vertical-align:top;font-family:Arial;}
.listetextright{text-align:right;font-size:13px;font-family:Arial;}
.arial13pxcenter{text-align:center;font-size:13px;color:#000000;font-family:arial, Helvetica, sans-serif;}
.formueberschrift{color:#FF8F20;font-size:13px;font-family:arial;font-weight:bold;text-align:center;}
.ueberschrift{
	font-size:large;
	color:#000000;
	font-family:Arial;
	text-align:left;
}
.ueberschrift1{font-size:16px;font-weight:bold;color:#000000;font-family:Arial;text-align:left;}
.arial11px{font-size:11px;}
.arial13px{color:#000000;font-weight:normal;font-size:13px;text-decoration:none;font-family:Arial;}
.arial13pxnone{font-size:13px;font-family:arial;text-decoration:none;color:#000000;font-weight:bold;}
.arial13pxbold{color:#000000;font-weight:bold;font-family:Arial;font-size:13px;}
.arial13pxboldright{color:#000000;text-align:right;font-weight:bold;font-family:Arial;font-size:13px;}
.arial13pxorangenone {color: #E86F00;font-size: 13px;font-family: arial;font-weight: bold;text-decoration: none;}
.arial14pxcenterbold{color: #000000;text-align: center;font-weight: bold;font-family: Arial;font-size: 14px;}
.arial16pxbold {font-size: 16px;font-weight: bold;}
.arial26pxbold {font-size: 26px;font-weight: bold;}
.arial18pxred{font-size:18px;color:#FF0000;}
.arial20pxred{font-size:22px;font-weight:bold;color:#FF0000;font-family:Arial;text-align:left;}
.red{
	color: #F50909;
}

.unterstrichen{text-decoration:underline;}
.blink{color:#FF0000;font-weight:bold;text-decoration:blink;font-size:13px;font-family:Arial;}
.redboldleft{color:#FF0000;text-align:left;font-weight:bold;font-family:arial;}
.yellowbold{color:#FCCB4E;font-weight:bold;}
.greenbold{color:#008000;font-weight:bold;}
.bluebold{color:#0000FF;font-weight:bold;}
.fontweightnormal {font-weight: normal;}
h1{
	margin: 0px;
	font-size: 13px;
	font-weight: bold;
	color: #000000;
	font-family: Arial;
}
h2 {margin: 0px;font-size: 13px;font-weight: bold;color: #DD6F00;font-family: Arial;text-align: left;}
.schwfl{text-align:justify;font-size:13px;font-family:Arial;}
a{color:#000000;}
.schwarz {color: #000000;}
.middlenone {text-align: center;text-decoration: none;}
#lightbox{position:absolute;left:0;width:100%;z-index:100;text-align:center;line-height:0;}
#lightbox a img{border:none;}
#outerImageContainer{position:relative;background-color:#fff;width:250px;height:250px;margin:0 auto;}
#imageContainer{padding:10px;}
#loading{position:absolute;top:40%;left:0%;height:25%;width:100%;text-align:center;line-height:0;}
#hoverNav{position:absolute;top:0;left:0;height:100%;width:100%;z-index:10;}
#imageContainer>#hoverNav{left:0;}
#hoverNav a{outline:none;}
#prevLink, #nextLink{width:49%;height:100%;background:transparent url("images/blank.gif") no-repeat;display:block;}
#prevLink{left:0;float:left;}
#nextLink{right:0;float:right;}
#prevLink:hover, #prevLink:visited:hover{background:url("images/prevlabel.gif") left 15% no-repeat;}
#nextLink:hover, #nextLink:visited:hover{background:url("images/nextlabel.gif") right 15% no-repeat;}
#imageDataContainer{font:10px Verdana, Helvetica, sans-serif;background-color:#fff;margin:0 auto;line-height:1.4em;}
#imageData{padding:0 10px;color:#666;}
#imageData #imageDetails{width:70%;float:left;text-align:left;}
#imageData #caption{font-weight:bold;}
#imageData #numberDisplay{display:block;clear:left;padding-bottom:1.0em;}
#imageData #bottomNavClose{width:66px;float:right;padding-bottom:0.7em;}
#overlay{position:absolute;top:0;left:0;z-index:90;width:100%;height:500px;background-color:#000;}
.lbWidth{position:absolute;top:0px;left:0px;width:100%;min-width:790px;}
* html .lbContent{margin-left:-790px;position:relative;}
* html .lbMinWidth{padding-left:790px;}
.clearfix:after{content:".";display:block;height:0;clear:both;visibility:hidden;}
.clearfix{display:inline-block;}
* html .clearfix{height:1%;}
.clearfix{display:block;}
/*-----------------------neue css tags----------------------------------*/

.mod_main {
	font-family:Arial;
	background-color: #FFF;
	width: 632px;
	position: absolute;
	z-index: 4;
	left: 232px;
	top: 179px;
	padding-bottom: 20px;
	border: 2px solid #F90;
}
.mod_kabinen {
	width: 260px;
	margin-top: 40px;
	margin-left: 20px;
	float: left;
	text-align: center;
	border-right-width: 1px;
	border-right-style: solid;
	border-top-color: #333;
	border-right-color: #333;
	border-bottom-color: #333;
	border-left-color: #333;
	border-top-width: 1px;
	border-left-width: 1px;
	border-top-style: dotted;
	border-left-style: dotted;
}
.mod_kabine {
	margin-bottom: 25px;
	margin-top: 25px;
	}


#preview{
	position:absolute;
	border:1px solid #000;
	background:#FFF;
	padding:10px;
	display:none;
	color:#fff;
	z-index:999;
	}
	
.mod_ueberschrift {
	color: #FFCC00;
	font-size:16px;
	}	
.mod_kurzbeschr {
	float: left;
	width: 348px;
	height: 395px;
}
.mod_bilder_kl {
	float: left;
	width: 25%;
	margin-top: 5px;
	margin-bottom: 5px;
}
.mod_kurzbeschr1 {
	margin-right: 20px;
	float: left;
	margin-top: 40px;
	width: 298px;
	padding-left: 30px;
	border-top-width: 1px;
	border-top-style: solid;
	border-right-style: solid;
	border-bottom-style: solid;
	border-top-color: #000;
	border-right-color: #000;
	border-bottom-color: #000;
	border-left-color: #000;
	border-right-width: 1px;
	border-bottom-width: 1px;
	padding-top: 5px;
	padding-bottom: 5px;
	color: #FFCC00;
	background-image: url(bilder-navi/backcontent.png);
	font-weight: bold;
}
.mod_kurzbeschr2 {
	margin-right: 20px;
	float: left;
	width: 298px;
	margin-left: 30px;
	font-size: 13px;
	font-family: arial;
	margin-top: 20px;
	height: 160px;
}
.mod_kurzbeschr2_1 {
	float: right;
	text-align: center;
	font-family: Arial, Helvetica, sans-serif;
	font-size: 0.9em;
	font-weight: bold;
	border-top-color: #333;
	border-right-color: #333;
	border-bottom-color: #333;
	border-left-color: #333;
}
.mod_kurzbeschr_aktion {
	margin-right: 20px;
	float: left;
	width: 284px;
	margin-left: 30px;
	font-size: 14px;
	font-family: arial;
	margin-top: 16px;
	text-align: right;
	padding: 5px;
	border-width: 2px;
	border-style: groove;
	height: 122px;
	
	
}.mod_bilder_kl_h {
	float: left;
	border-top-width: 1px;
	border-right-width: 1px;
	border-bottom-width: 1px;
	border-left-width: 1px;
	border-top-style: solid;
	border-bottom-style: solid;
	border-left-style: solid;
	border-top-color: #333;
	border-right-color: #333;
	border-bottom-color: #333;
	border-left-color: #333;
	width: 100%;
}
.mod_tabs {
	float: left;
	margin-left: 20px;
	margin-right: 20px;
	margin-top: 50px;
	width: 590px;
}
/* TABS BEGINNING----------------------------------------------------------- pane styling */
.mod_panes{
	display:;
	font-size:13px;
	background-color:#fff;
	padding-top: 15px;
	padding-right: 10px;
	padding-bottom: 15px;
	padding-left: 10px;
	text-align: left;
	height: 860px;
	border-top-width: 0;
	border-right-width: 1px;
	border-bottom-width: 1px;
	border-left-width: 1px;
	border-top-style: solid;
	border-right-style: solid;
	border-bottom-style: solid;
	border-left-style: solid;
	border-top-color: #999;
	border-right-color: #999;
	border-bottom-color: #999;
	border-left-color: #999;
}
/* get rid of those system borders being generated for A tags */
a:active {
  outline:none;
}

:focus {
  -moz-outline-style:none;
}
/* root element for tabs ------------------------------- */
ul.tabs { 
	list-style:none; 
	margin:0 !important; 
	padding:0;	
	border-bottom:1px solid #666;	
	height:30px;
}

/* single tab */
ul.tabs li { 
	float:left;	 
	text-indent:0;
	padding:0;
	margin:0 !important;
	list-style-image:none !important; 
}

/* link inside the tab. uses a background image */
ul.tabs a {
	background: url(bilder-navi/tabs.png) no-repeat -420px 0;
	font-size:13px;
	display:block;
	height: 30px;
	line-height:30px;
	width: 134px;
	text-align:center;
	text-decoration:none;
	color:#333;
	padding:0px;
	position:relative;
	margin-top: 1px;
	margin-right: 0px;
	margin-bottom: 0px;
	margin-left: 0px;
}

ul.tabs a:active {
	outline:none;		
}

/* when mouse enters the tab move the background image */
ul.tabs a:hover {
	background-position: -420px -31px;	
	color:#fff;	
}

/* active tab uses a class name "current". its highlight is also done by moving the background image. */
ul.tabs a.current, ul.tabs a.current:hover, ul.tabs li.current a {
	background-position: -420px -62px;		
	cursor:default !important; 
	color:#000 !important;
}

/* Different widths for tabs: use a class name: s, l, xl */


/* width 1 */
ul.tabs a.s 			{ background-position: -553px 0; width:81px; }
ul.tabs a.s:hover 	{ background-position: -553px -31px; }
ul.tabs a.s.current  { background-position: -553px -62px; }

/* width 2 */
ul.tabs a.l 			{ background-position: -247px -0px; width:174px; }
ul.tabs a.l:hover 	{ background-position: -247px -31px; }
ul.tabs a.l.current  { background-position: -247px -62px; }


/* width 3 */
ul.tabs a.xl 			{ background-position: 0 -0px; width:248px; }
ul.tabs a.xl:hover 	{ background-position: 0 -31px; }
ul.tabs a.xl.current { background-position: 0 -62px; }


/* initially all panes are hidden */ 
.panes .pane {
	display:none;		
}


/* TABS END--------------------*/
.mod_tdgrey {
	background-color: #f3f3f3;
	padding-top: 5px;
	padding-left: 30px;
	padding-bottom: 5px;
	min-height:20px;
}
	
.mod_tdwhite {
	background-color: #FFF;
	padding-top: 5px;
	padding-left: 30px;
	padding-bottom: 5px;
	min-height:20px;
	}
	
.mod_greycell	{
	background-color:#CCC;
	height: 29px;
	width: 50%;
}
.mod_whitecell	{
	background-color:#CCC;
}


.mod_panescontainer {
	height: 5000px;
	background-color: #030;
}
.mod_strahler1 {
	float: right;
	width: 235px;
	font-size: 13px;
	font-family: arial;
	border-top-width: 1px;
	border-right-width: 1px;
	border-bottom-width: 1px;
	border-left-width: 1px;
	border-top-style: dotted;
	border-right-style: dotted;
	border-bottom-style: dotted;
	border-left-style: dotted;
	padding: 10px;
	margin-top: 20px;
}
.mod_strahler2 {
	float: left;
	width: 311px;
	margin-top: 20px;
	text-align: center;
}
.arial14pxorange {
	font-size: 14px;
	font-weight: bold;
	color: #DD6F00;
	font-family: Arial;
}
.mod_strahler3 {
	float: left;
	padding-top: 30px;
	width: 403px;
	padding-right: 15px;
}
.mod_strahler4 {
	float: left;
	width: 150px;
	padding-top: 100px;
	text-align: center;
}
.mod_general {
	background-image: url(bilder-navi/backcontent.png);
	z-index: 3;
	left: 30px;
	top: 165px;
	width: 850px;
}
.mod_lieferung1 {
	float: left;
	padding-top: 20px;
	width: 403px;
	padding-right: 15px;
}
.mod_lieferung2 {
	float: left;
	width: 150px;
	padding-top: 60px;
	text-align: center;
}
.mod_fotos {
	float: left;
	width: 185px;
	text-align: center;
	margin-top: 20px;
	height: 120px;
}
.mod_wellnesspaket1 {
	float: left;
	width: 235px;
	font-size: 13px;
	font-family: arial;
	border-top-width: 1px;
	border-right-width: 1px;
	border-bottom-width: 1px;
	border-left-width: 1px;
	border-top-style: dotted;
	border-right-style: dotted;
	border-bottom-style: dotted;
	border-left-style: dotted;
	padding: 10px;
	margin-top: 20px;
	height: 140px;
}
.mod_wellnesspaket2 {
	float: left;
	width: 311px;
	margin-top: 20px;
	text-align: center;
	height: 152px;
	padding-top: 10px;
}
.mod_wellnesspaket3 {
	float: left;
	width: 570px;
	margin-top: 20px;
	font-size: 14px;
	text-align: center;
}
.mod_bestellen {
	float: left;
	width: 520px;
	border: 3px double #FC0;
	padding: 20px;
	background-color: #F3F3F3;
}
.mod_danke {
	text-align: center;
	padding-top: 150px;
}
.mod_danke1 {
	text-align: left;
	border: 3px double #FC0;
	padding: 20px;
	margin-top: 30px;
	margin-right: 30px;
	margin-bottom: 10px;
	margin-left: 30px;
}
.mod_usteur {
	float: left;
	width: 570px;
	margin-top: 30px;
	text-align: center;
	font-size: 13px;
	font-weight: bold;
}
img {border:none;}
#infobox {border:1px dotted #4E575B;text-align:center;
		
		padding: 10px;}

