@charset "utf-8";
/* CSS layout für 2befound Landingpages */
/*          © alladinIT, 2009           */
/*        vers. 1.0 | 24.02.2009        */


@import url(css_reset.css);
@import url(lightbox.css);

/*  BUTTON "Dieses Angebot ist ab 2011 wieder verfügbar" R.H. 31.08.2010  */
/*  <div id='info2011'>Dieses Angebot ist ab 2011 wieder Verfügbar</div>  */
div#info2011  {
    left:-260px;
    margin-left:50%;
    position:absolute;
    top:450px;
    z-index:100;
    background:url(../images/info2011.png) no-repeat;
    display:block;
    width:158px;
    height:158px;
    text-indent:-9000px;
}

/* BUTTON "NEU"! Angebote 2010" */
div#button2010  {
    position:absolute;
    z-index:100;
    top:-23px;
    right:-523px;
    margin-right:50%;
}
div#button2010 a  {
    background:url(../images/angebote2010.png) no-repeat;
    display:block;
    width:158px;
    height:158px;
    text-indent:-9000px;
}

/* _________ Verwendung für ACCESSKEYS ___________*/

.invisible {
	display:block;
	text-indent: -9000px;
	height: 0px;
	overflow: hidden;
}
/* _________ /Verwendung für ACCESSKEYS ___________*/

/* _________ Hintergrundbild ____________ */
#hintergrund-bild{
	position:fixed;
	bottom:0;
	left:0;
	z-index:0;
	overflow:hidden;
}
body.j2010 div#hintergrund-bild {
    height:499px !important;
}
/* für Darstellung im IE6 */
*html #hintergrund-bild{
	position:absolute;
	bottom:0;
	left:0;
	z-index:0;
	overflow:hidden;
}
#start img#bg{
	visibility:hidden;
}

/* _________ /Hintergrundbild ____________ */
body	{
	font-family:Verdana, Arial, Helvetica, sans-serif !important;
	font-size:0.75em;
	color:#333333;
	background:#7991BB url(../images/body_verlauf.png) repeat-x top;
}
body.j2009 {
    background:#7991BB url(../images/body_verlauf.png) repeat-x top;
}
body.j2010 {
    background:#6AA1E5 url(../images/body_verlauf_2010.png) repeat-x top;
}
strong	{
	font-weight:bold;
}
hr	{
	display:none;
}
a	{
	text-decoration:none;
}

.clear	{
	clear:both;
}


/* __________ Layout __________ */
div#wrapper	{
	width:845px;
	left:50%;
	margin-left:-423px;
	position:relative;
	margin-top:0;
	z-index:10;
}
div#logo	{
	background:none;
	margin-top:10px;
	padding-bottom:8px;
}
div#logo a.homeclick {
    display: block;
    width: 610px;
    height:85px;
    position: absolute;
    z-index:999;
   
}
div#mainNavi	{
	margin-top:0;
}
div#mainNavi ul li	{
	float:left;
}
div#mainNavi ul li a	{
	display:block;
	color:#FFFFFF;
	text-decoration:none;
	width:140px;
	height:16px;
	font-size:11px;
	text-align:center;
	padding-top:6px;
	border-bottom:solid 1px #ADBFD5;
}

/* Hauptnavigationsbuttons */
div#mainNavi ul li.orange a	{
	background:url(../images/orange/navibg_orange.png) no-repeat;
}
div#mainNavi ul li.orange a:hover	{
	color:#CD6D18;
}
div#mainNavi ul li.rot a	{
	background:url(../images/rot/navibg_rot.png) no-repeat;
	margin-left:1px;
}
div#mainNavi ul li.rot a:hover	{
	color:#A14538;
}
div#mainNavi ul li.gruen a	{
	background:url(../images/navibg_gruen.png) no-repeat;
	margin-left:1px;
}
div#mainNavi ul li.gruen a:hover	{
	color:#577D38;
}
div#mainNavi ul li.blau a	{
	background:url(../images/navibg_blau.png) no-repeat;
	margin-left:1px;
}
div#mainNavi ul li.blau a:hover	{
	color:#3C5F7F;
}
div#mainNavi ul li.violett a	{
	background:url(../images/navibg_violett.png) no-repeat;
	margin-left:1px;
}
div#mainNavi ul li.violett a:hover	{
	color:#6C417A;
}
div#mainNavi ul li.gelb a	{
	background:url(../images/navibg_gelb.png) no-repeat;
	margin-left:1px;
}
div#mainNavi ul li.gelb a:hover	{
	color:#AA960B;
}

/* Seitenstruktur */
div#main	{
	background:#FFFFFF;
	clear:both;
}

/* Angebotsübersicht */
div#main div#angebote	{
	padding-top:8px;
	padding-bottom:5px;
	padding-left:6px;
	padding-right:6px;
}
div#main div#angebote ul li	{
	float:left;
	width:269px;
	height:34px;
	margin-left:3px;
	margin-right:3px;
	margin-bottom:3px;
	cursor:pointer;
    overflow: hidden;
}
div#main div#angebote ul li a	{
	display:block;
    overflow:hidden;
	color:#000000;
	padding-top:3px;
}
div#main div#angebote ul li a span	{
	padding-left:10px;
	padding-right:10px;
    line-height:13px;
}
div#main div#angebote ul li a span.angebotTitel	{
	font-size:11px;
	display:block;
}
div#main div#angebote ul li a span.angebotBeschreibung	{
	/*margin-top:0.4em;*/
	font-size:11px;
    float: left;
}
div#main div#angebote ul li a span.angebotPreis	{
	/*margin-top:0.2em;*/
	font-size:14px;
    float: right;
}
div#main div#angebote ul li.active a	{
	cursor:default;
}
div#main div#angebote ul li.active a span.angebotTitel,
div#main div#angebote ul li.active a span.angebotPreis	{
	color: #FFFFFF !important;
}
div#main div#angebote ul li.active a span.angebotBeschreibung	{
	color: #FFFFFF;
}

/* Inhaltsbereich */
div#main div#contentArea	{
	clear:both;
}
div#main div#contentArea div#contentLeft	{
	float:left;
	width:555px;
}
div#main div#contentArea div#contentLeft div.angebotHead	{
	margin-bottom:2em;
}
div#main div#contentArea div#contentLeft div.angebotHead div.angebotHeadTitel	{
	padding-top:0.4em;
	padding-bottom:0.3em;
	padding-left:0.6em;
	padding-right:0.6em;
}
div#main div#contentArea div#contentLeft div.angebotHead div.angebotHeadTitel h1	{
	color:#FFFFFF;
	font-weight:bold;
	font-size:1.2em;
	float:left;
}
div#main div#contentArea div#contentLeft div.angebotHead span.bewertung	{
	float:right;
	margin-top:0.2em;
}
div#main div#contentArea div#contentLeft div.angebotHead div.angebotHeadContent	{
	padding-top:0.4em;
	padding-bottom:0.6em;
	padding-left:0.6em;
	padding-right:0.6em;
	line-height:1.3em;
}
div#main div#contentArea div#contentLeft div.angebotHead div.angebotHeadContent ul.featureList	{
	margin-top:1em;
	float:left;
    width: 270px;
}
div#main div#contentArea div#contentLeft div.angebotHead div.angebotHeadContent ul.featureList li	{
	font-weight:bold;
	line-height:1.4em;
	padding-left:30px;
    padding-bottom: 0.5em;
}
div#main div#contentArea div#contentLeft div.angebotHead div.angebotHeadContent img.angebotHeadBild,
div#main div#contentArea div#contentLeft div.angebotHead div.angebotHeadContent div.swf	{
	float:right;
	margin-top:1em;
}

div#main div#contentArea div#contentLeft div.angebotHead div.angebotHeadButtons div.buchenButton,
div#main div#contentArea div#contentLeft div.angebotHead div.angebotHeadButtons div.hotline,
div#main div#contentArea div#contentLeft div.angebotHead div.angebotHeadButtons div.preisButton	{
	width:33%;
	float:left;
	display:block;
	margin-top:0.86em;
	margin-bottom:0.8em;
	text-align:center;
}

div#main div#contentArea div#contentLeft div.angebotHead div.angebotHeadButtons div.hotline	{
	font-size:1em;
    height:55px;
}
div#main div#contentArea div#contentLeft div.angebotHead div.angebotHeadButtons div.hotline span.telefonAuszeichnung	{
	font-size:1.4em;
	font-weight:bold;
	display:block;
	
}
div#main div#contentArea div#contentLeft div.angebotHead div.angebotHeadButtons div.buchenButton a	{
	display:block;
	/*text-indent:-9000px;*/
	width:auto;
	height:45px;
    padding-top:5px;
    padding-bottom:5px;
    color:#FFFFFF;
    font-size:20px;
}
* html div#main div#contentArea div#contentLeft div.angebotHead div.angebotHeadButtons div.buchenButton a,
* html div#main div#contentArea div#contentLeft div.angebotHead div.angebotHeadButtons div.preisButton p,
* html div#main div#contentArea div#contentLeft div.angebotDetailButtons div.buchenButton a	{
    margin-left: 10px;   
}
div#main div#contentArea div#contentLeft div.angebotHead div.angebotHeadButtons div.preisButton p	{
	display:block;
	width:auto;
	height:47px;
	color:#FFFFFF;
	padding-top:8px;
	font-size:12px;
}

div#main div#contentArea div#contentLeft div.angebotHead div.angebotHeadButtons div.preisButton p strong.preisAuszeichnung	{
	display:block;
	font-size:20px;
	margin-top:5px;
}
div#main div#contentArea div#contentLeft div.angebotDetails	{
	margin-bottom:2em;
}
div#main div#contentArea div#contentLeft div.angebotDetails div.detailNavigation ul	{
	display:block;
	height:1.8em;
width:100%;
}
div#main div#contentArea div#contentLeft div.angebotDetails div.detailNavigation ul li	{
	float:left;
	text-align:center;
}
div#main div#contentArea div#contentLeft div.angebotDetails div.detailNavigation ul li a	{
	display:block;
	color:#FFFFFF;
	padding-top:0.4em;
	padding-bottom:0.4em;
	width:138px;
}
div#main div#contentArea div#contentLeft div.angebotDetails div.detailContainer	{
	padding:0.4em 0.6em 0.6em;
	line-height:1.3em;
}
div#main div#contentArea div#contentLeft div.angebotDetails div.detailContainer	table {
    width: 100%;
}

/* Bildergalerie */
div#main div#contentArea div#contentLeft div.angebotDetails div.detailContainer div.imageGalery	{
	margin:12px;
}
div#main div#contentArea div#contentLeft div.angebotDetails div.detailContainer div.imageGalery a	{
	display:block;
	float:left;
	width:25%;
	text-align:center;
	margin-top:0.5em;
	margin-bottom:0.5em;
    height:80px;
}
div#main div#contentArea div#contentLeft div.angebotDetailButtons div.adresse,
div#main div#contentArea div#contentLeft div.angebotDetailButtons div.googleMap,
div#main div#contentArea div#contentLeft div.angebotDetailButtons div.buchenButton	{
	width:33%;
	float:left;
	display:block;
	margin-top:0.86em;
	margin-bottom:0.8em;
	text-align:center;
	font-size:0.9em;
}
div#main div#contentArea div#contentLeft div.angebotDetailButtons div.adresse p,
div#main div#contentArea div#contentLeft div.angebotDetailButtons div.googleMap p	{
	margin-bottom:0.5em;
	line-height:110%;
}
div#main div#contentArea div#contentLeft div.angebotDetailButtons div.buchenButton a	{
	display:block;
	/*text-indent:-9000px;*/
	width:auto;
	height:45px;
    padding-top:5px;
    padding-bottom:5px;
	margin-top:2em;
    color:#FFFFFF;
    font-size:20px;
}


/* Rechte Inhaltselemente */
div#main div#contentArea div#contentRight	{
	float:left;
	width:266px;
	margin-left:16px;
}
div#main div#contentArea div#contentRight div.hotlineButton	{
	text-align:center;
	color:#FFFFFF;
}
div#main div#contentArea div#contentRight div.hotlineButton p	{
	padding:1em 0 0 0;
	font-size:16px;
	font-weight:bold;
	line-height:100%;
	height:130px;
	width:246px;
    margin: 0;
}
* html div#main div#contentArea div#contentRight div.hotlineButton p	{
    margin-right: 1em;
}
div#main div#contentArea div#contentRight div.hotlineButton p span.hotlineTel	{
	font-size:24px;
	display:block;
	margin-top:0.8em;
	margin-bottom:0;
}
div#main div#contentArea div#contentRight div.hotlineButton p span.hotlineInfo	{
	font-size:12px;
	display:block;
	font-weight:normal;
}

/* Kontaktformular */
div#main div#contentArea div#contentRight div.kontaktFormular	{
	width:247px;
	margin-bottom:18px;
}
div#main div#contentArea div#contentRight div.kontaktFormular div.kontaktTitel	{
	height:12px;
	color:#FFFFFF;
	text-align:right;
	text-transform: uppercase;
	font-weight:bold;
	font-size:12px;
	padding:5px;
}
div#main div#contentArea div#contentRight div.kontaktFormular form	{
	padding-left:5px;
	padding-top:5px;
}
div#main div#contentArea div#contentRight div.kontaktFormular form fieldset legend	{
	display:none;
}
div#main div#contentArea div#contentRight div.kontaktFormular form fieldset label,
div#main div#contentArea div#contentRight div.kontaktFormular form fieldset input,
div#main div#contentArea div#contentRight div.kontaktFormular form fieldset textarea	{
	display:block;
	width:100%;
	font-size:0.9em;
	font-family:Verdana, Arial, Helvetica, sans-serif;
}
div#main div#contentArea div#contentRight div.kontaktFormular form fieldset label	{
	margin-bottom:0.2em;
}
div#main div#contentArea div#contentRight div.kontaktFormular form fieldset input,
div#main div#contentArea div#contentRight div.kontaktFormular form fieldset textarea	{
	margin-bottom:0.5em;
}
div#main div#contentArea div#contentRight div.kontaktFormular form fieldset input#submit	{
	width:80px;
	height:22px;
	text-transform: uppercase;
	margin:auto;
	margin-top:1em;
	border:none;
	color:#FFFFFF;
	font-weight:bold;
	font-size:11px;
	padding-bottom:0;
}

/* Rechte Navigationslinks */
div#main div#contentArea div#contentRight div.naviRechts	{
	width:246px;
}
div#main div#contentArea div#contentRight div.naviRechts a	{
	display:block;
	width:auto;

	height:12px;
	padding:5px;
	color:#FFFFFF;
	text-transform: uppercase;
	font-size:12px;
	text-align:right;
	font-weight:bold;
	margin-bottom:6px;
}

/* Impressum */
div#main div#contentArea div#contentRight div.impressum	{
	margin-bottom:18px;
	margin-top:18px;
	width:247px;
}
div#main div#contentArea div#contentRight div.impressum div.impressumTitel	{
	height:12px;
	color:#FFFFFF;
	text-align:right;
	text-transform: uppercase;
	font-weight:bold;
	font-size:12px;
	padding:5px;
}
div#main div#contentArea div#contentRight div.impressum div.impressumDaten	{
	padding-left:5px;
	padding-top:5px;
	line-height:110%;
}
div#main div#contentArea div#contentRight div.impressum div.impressumDaten p	{
	margin-top:0.5em;
	margin-bottom:0.5em;
}
div#main div#contentArea div#contentRight div.impressum div.impressumDaten .impressumTel	{
	font-size:1.6em;
	font-weight:bold;
	text-align:center;
}

/* Formulare */
div#MB_caption,
a#MB_close    {
    color:#FFFFFF;
}
a#MB_close:hover    {
    color:#AAAAAA;
}

div.formular form legend    {
    margin-bottom:1em;
    font-weight:bold;
}
div.formular form div.formzeile {
    clear:both;
    margin-bottom:0.6em;
}
div.formular form div.formzeile label   {
    float:left;
    width:150px;
}
div.formular form div.formzeile input,
div.formular form div.formzeile select,
div.formular form div.formzeile textarea    {
    width:380px;
}
div.formular form input.submit  {
    width:380px;
    margin-left:150px;
}
/* für Datepicker */
div.formular form div.formzeile input.date  {
    width:8em;
    margin-right:10px;
}


/* Landingpage Startseite */
div#main div#contentAreaStartseite    {
     background:#7991BB url(../images/swf_bg.png) repeat-x top;
    padding-left:3px;
}
div#main div#contentAreaStartseite div#carousel div#swf {
    width:830px;
    height:380px;
    overflow:hidden;
}
div#main div#contentAreaStartseite div.impressum  {
    padding:10px;
    color:#FFFFFF;
    text-align:center;
    line-height:1.2em;
    font-size:0.9em;
}
div#main div#contentAreaStartseite div.impressum a    {
    color:#FFFFFF;
}

/* Listenformatierung */
ul.square   {
    list-style-type:square;
    margin-left:2em;
}