body {
	text-align: center;
	margin: 0px;
	padding: 0px;
	border: 0px;	
	font: 11px "Tahoma",Verdana, Helvetica, sans-serif;
	color:#000000;
	line-height: 160%;
	background: url('../templates/images/bg.jpg') repeat-x 0px 75px;
	
   scrollbar-face-color:#7CA8C1;
   scrollbar-arrow-color:#1B1C20;
   scrollbar-track-color:#FFFFFF;
   scrollbar-shadow-color:#E5EEF3;
   scrollbar-highlight-color:#E5E5E5;
   scrollbar-3dlight-color:#F1F1F1;
   scrollbar-darkshadow-Color:#C1C1C1;
}


div#container {
	position: relative; 
    height: auto; 
	width: 806px;
	margin:auto;
}


a  { color: #e1b643; text-decoration: none; }
a:hover  { color: black; text-decoration: underline; }

img  { border: none; }


div.module {
	float:none;
	clear:both;
	width:100%;
	}

/* TopNav */

div#TopNav {
	width: 784px;
	height: 30px;
	padding:45px 0px 0px 22px;
	text-align:left;
}

#TopNav .sep {
	color: #E1B643;
	font-weight: bold;
}

div#TopNav a{
color: #999999;
text-decoration:none;
}

div#TopNav a:hover{
color: #000000;
text-decoration:none;
}

div#TopNav a.active{
color: #000000;
text-decoration:none;
}




/* Header - Navigation Startseite */


div#MainNavStart {
	position: absolute;
	left: 0px;
	bottom: 0px;
	width: 806px;
	height: 25px;
	float: left;
	padding:0px;
	margin: 0px 0px 0px 0px;
	background-color:#FFFFFF;
}

div#MainNavStart div.navigation {
	background-color:#e1b643;
	text-align:left;
	padding-left:15px;
	height: 25px;
}


/* Header - Navigation */
#head {
	width: 806px;
	height: 191px;
	border-right:0px solid #FFFFFF;
	background-image:url(../templates/images/head/head_pic.jpg);
	background-repeat: no-repeat;

}

div#header {
	position:relative;
	width: 990px;
	height: 220px;
	background-color:#FFFFFF;
	border-right:3px solid #FFFFFF;
}

div.logo {
	float:right;
	width:210px;
	position:absolute;
	top:30px;
	right:23px;
}

div#MainNav {
	position: absolute;
	left: 0px;
	bottom: 0px;
	width: 710px;
	height: 55px;
	float: left;
	padding:0px;
	margin: 0px 0px 0px 0px;
	background-color:#FFFFFF;
}

div.navigation {
	background-color:#7CA8C1;
	text-align:left;
	padding-left:18px;
	height: 25px;
}

div.navigation img {
	padding-right:0px;
}

div.flashnav {
  position: absolute;
  top: 39px;
  padding: 0px;
  margin: 0px;
  height: 190px;
  width: 710px;
}



/* Contentbereich */

div#content {
	width:762px;
	text-align:left;
	padding:0px 21px 0px 21px;
	margin: 63px 0px 20px 0px;
    min-height: 400px;
	}

/* boxen startseite */

div.startbox {
	width: 240px;
	border-top: 3px solid #e1b643;
	float:left;
	line-height:18px;
	margin: 0;
	}
	
div.startbox h1, div.startbox2 h1, div.startbox3 h1 {
	padding: 5px 0px 0px 0px;
}	
	
div.startbox2 {
	width: 240px;
	border-top: 3px solid #e1b643;
	float:left;
	line-height:18px;
	margin:0px 21px 0px 21px;
	
	}

div.startboxtop {
	height: 160px;

}

fieldset {
	border: none;
	margin: 0px 0px 0px 0px;
	padding: 0px 0px 0px 0px;
}

form {
	border: none;
	margin: 0px 0px 0px 0px;
	padding: 0px 0px 0px 0px;
}
select {
	border: 1px solid #999999;
	background-color: #f4f4f4;
	width:202px;
	font: 11px "Tahoma",Verdana, Helvetica, sans-serif;
	margin: 0px 6px 6px 0px;
	height: 16px;
	#height: 21px;
}
	
.searchButton {
	padding: 0px;
	margin: 0px 0px 0px 0px;
}

div#leftcell {
width: 500px;
float:left;}

div#rightcell {
width: 240px;
float:right;}


div#rightcell h1, div#leftcell h1 {
	font-size: 16px;
	padding: 5px 0px 5px 0px;
	margin: 0px;
}


div#rightcell div#adressRight {
	height: 207px;
    padding: 0px;
    margin: 0px;
}

#rightcell .printicon {
	text-align: right; 
	margin-bottom: 2px; 
	float: right; 
	margin-top: -15px;
}

/* hotels */

div#righttopspace {
/*	padding: 15px 0px 0px 0px;*/
}

div.aktionsmenue {
width:100%;
height: 77px;
margin: 0px 0px 0px 0px;
border-top:1px solid #e1b643;
padding: 0px 0px 0px 0px;
}

div.aktionsmenue a{
display:block;
height:16px;
padding: 3px 0px 3px 13px;
border-bottom:1px solid #e1b643;
background-image: url(../templates/images/arrow.gif);
background-repeat:no-repeat;
background-position: 3px 9px;}

div.aktionsmenue a:hover{
text-decoration:none;
color: #666666;
background-image: url(../templates/images/arrowgrey.gif);
background-repeat:no-repeat;
background-position: 3px 9px;
background-color: #f4f4f4;}

a.more {
height:16px;
padding: 3px 0px 3px 13px;
background-image: url(../templates/images/arrow.gif);
background-repeat:no-repeat;
background-position: 3px 9px;}

a.more:hover{
text-decoration:none;
color: #666666;
background-image: url(../templates/images/arrowgrey.gif);
background-repeat:no-repeat;
background-position: 3px 9px;
background-color: #f4f4f4;}



div.hotel {
	width: 500px;
	float:left;
	padding-bottom: 6px;
	}

.hotel h1 a:hover {
	text-decoration: none;
    color: #E1B643;
}
.hotel .spacerimage {
	width: 100px;
	height: 100px;
	border: 1px #E1B643 solid;
}
div.hoteldet {
	width: 386px;
	float: right;
	margin:0px 0px 8px 0px;
	padding:0px 0px 0px 0px;}	
	
div.hoteldet div.left{
	width: 180px;
	float: left;
	line-height:19px;
	padding:2px 10px 0px 0px;}	
	
div.hoteldet div.right{
	width: 195px;
	float: right;
	line-height:19px;
	padding:5px 0px 0px 0px;}	
	
div.hotelfooter {
	width: 384px;
	float: right;
	padding:3px 2px 3px 0px;
	margin:-5px 0px 0px 0px;
	border-bottom: 1px solid #e1b643;
	text-align:right;
	position:relative;}	


.hotelfooter img {
	vertical-align: middle;
	margin-bottom: 1px;
}
div.hotelfooter a{
	font-size:10px;
}	
	
div#footerRight {
	float: right;
	padding: 5px 0px 30px 0px;

}
	
    
div#bigpic {
    padding: 0px;
    margin: 0px;
}    
    
div#hoteldetHeader {
    height: 35px;
    width: 100%;
    padding: 25px 0px 0px 0px;
    margin: 0px;
    display: block;
}   

div#hoteldetHeader h1 {
    padding: 0px;
    margin: 0px;
}   
	
div#content div#hotelDescr p {
    margin: 0px; 
    padding: 0px;
}    
	
div.fotos {
width:100%;
margin: 0px 0px 20px 0px; 
padding: 0px; }

div.fotos img{
margin: 0px 5px 0px 0px;}

div.fotos img.last{
margin: 0px 0px 0px 0px;}


div#mapDetail {
    padding: 37px 0px 0px 0px;
    margin: 0px;
    display: block;
    height: 250px;
}   


/* Text */
	
h1{
	color: #666666;
	font-size: 16px;
	font-weight:bold;
	padding:0px;
	margin:0px 0px 3px 0px;}
	
h1 a {
	color: #666666;
	font-size: 16px;
	font-weight:bold;
	padding:0px;
	margin:0px 0px 3px 0px;
}
h1 a:hover {
	color: #e1b643;
	font-size: 16px;
	font-weight:bold;
	padding:0px;
	margin:0px 0px 3px 0px;
	text-decoration: none;
}




h1 a.startpage {
	font-size: 14px;
}

h1 span.startpage {
	font-size: 14px;
}

h1 a.startpage:hover {
	font-size: 14px;
}

	
h2{
	color: #7CA8C1;
	font-size: 11px;
	font-weight:bold;
	margin:0px;
	padding:0px;}
	
h2.sub{
	color: #7CA8C1;
	font-size: 12px;
	font-weight:bold;
	margin:0px;
	padding:0px;
	padding:0px 0px 0px 0px;}
	
h3 {
	font-size: 11px;
	font-weight: normal;
	margin-top: 0px;
	margin-bottom: -17px;
	padding: 0px;
}

.SubHeader{
	color: #7CA8C1;
	font-size: 11px;
	font-weight:bold;
	padding:0px 0px 10px 0px;}



.small {
	font-size:10px;}

	
/* Footer */
	
div#footer {
	font-size: 10px;
	text-align: left;
	margin:20px 0px 20px 0px;
	width:500px;
	border-top: 1px solid #E1B643;
	float: left;
	}
	
div#footerright {
	font-size: 10px;
	text-align: right;
	margin:20px 0px 20px 0px;
	width:240px;
	border-top: 1px solid #E1B643;
	float: right;
	position:relative;
	}



div.spacer {
	margin-top:40px;
	border-right: 3px solid #FFFFFF;
	height:165px;
}













/* flash replace styles */

div.sIFRleftnaviHead {
   float: none; 
   line-height: 1.8em;
   padding: 0px 0px 0px 0px;
   margin: -5px 0px 0px 0px;
   letter-spacing: 2px;
   font-size:10px;
   font-family: Arial, sans-serif;
   font-weight: bold;
}

div.naviHeadSpace {
  width: 100%;
  height: 5px;
  float: none;
}

div.naviHeadSpaceStart {
  width: 100%;
  height: 8px;
  float: left;
}

div.sIFRrightnaviHead {
   float: none; 
   line-height: 18px;
   padding: 0px 0px 0px 0px;
   margin: -5px 0px 0px 0px;
   letter-spacing: 2px;
   font-size: 11px;
   font-family: Arial, sans-serif;
   font-weight: bold;
}

div.sIFRcenterHead {
   float: none; 
   line-height: 18px;
   padding: 0px 0px 0px 0px;
   margin: -3px 0px 0px 0px;
   letter-spacing: 2px;
   font-size: 11px;
   font-family: Arial, sans-serif;
   font-weight: bold;
}

div.sIFRLoginHead {
   float: none; 
   line-height: 18px;
   padding: 0px 0px 0px 0px;
   margin: -5px 0px 5px 0px;
   letter-spacing: 2px;
   font-size: 11px;
   font-family: Arial, sans-serif;
   font-weight: bold;
}


h1.sIFR, h1.content {
 line-height: 22px;
 padding: 0px; 
 margin: 10px 0px 10px 0px;
 width: 475px;
 overflow: visible;
 letter-spacing: 2px;
 font-size: 11px;
 font-family: Arial, sans-serif;
 font-weight: bold;
}



div.topdiv {
	position: relative;
	height: auto;
	padding: 0px 0px 15px 0px;
}

div.topdivstart {
	clear:both;
	position:relative;
	height: auto;
	padding: 0px 0px 10px 0px;
	width:100%;
	margin: 0px 0px 0px 0px;
	text-align:left;
}




input.newsletter{
	height: 16px;
	width:228px;
	padding:0px 0px 0px 1px;
	margin:0px ;
	background-color:#FFFFFF;
	color:#000000;
	border:1px solid #C1C1C1;
	font: 11px "Tahoma",Verdana, Helvetica, sans-serif;
}

input.newsletter2{
	height: 16px;
	width:50px;
	padding:0px 0px 0px 1px;
	margin:0px ;
	background-color:#FFFFFF;
	color:#000000;
	border:1px solid #C1C1C1;
	font: 11px "Tahoma",Verdana, Helvetica, sans-serif;
}

input.newsletter3{
	height: 16px;
	width:165px;
	padding:0px 0px 0px 1px;
	margin:0px ;
	background-color:#FFFFFF;
	color:#000000;
	border:1px solid #C1C1C1;
	font: 11px "Tahoma",Verdana, Helvetica, sans-serif;
}

select.newsletter{
	padding:0px 0px 0px 0px;
	margin:1px 0px 1px 0px;
	background-color:#FFFFFF;
	color:#000000;
	border:1px solid #C1C1C1;
	font: 11px "Tahoma",Verdana, Helvetica, sans-serif;
}

div#newsletter {
	width: 100%;
	float:left;
	clear:both;
	margin:0px 0px 15px 0px;
}

div#newsletter div.newsleft {
	width: 150px;
	font-weight:bold;
	height:23px;
	float:left;
}

div#newsletter div.newsright {
	width: 300px;
	height:23px;
	float:right;
}

div#newsletter div.submit {
	width: 300px;
	height:23px;
	padding:10px 0px 0px 0px;
	float:right;
}

input.submit{
	width: 65px;
	padding:0px 0px 0px 0px;
	margin:0px 0px 0px 166px;
	background-color:#F1F1F1;
	color:#000000;
	border:1px solid #C1C1C1;
	font: 11px "Tahoma",Verdana, Helvetica, sans-serif;
}

input.edit{
	width: 109px;
	padding:0px 0px 0px 0px;
	margin:0px 0px 0px 122px;
	background-color:#F1F1F1;
	color:#000000;
	border:1px solid #C1C1C1;
	font: 11px "Tahoma",Verdana, Helvetica, sans-serif;
}

div.newsindex {
   position: relative;
   float: left;
   background: url('../templates/images/arrow.gif') no-repeat 0px 11px;
	 	 padding: 4px 0px 9px 10px;
	 height:auto;
	 width: 440px;
	   margin: 0px 0px 4px 0px;
	 border-bottom: 1px solid #E5E5E5;
}

div.newsindex a  {
  font-weight: bold;
}

div.newsindex .date {
  display: none;
}


/* leitbild */

div.leitbild {
  width: 470px;
  padding: 0px 0px 10px 0px;

}

div.leitbild  div.publleft {
	position: relative;
	width: 88px;
	margin:5px 0px 0px 0px;
	float: left;
	clear: right;
	text-align: left;

}

div.leitbild div.publright {
  position: relative;
	width: 372px;
	margin: 0px;
	float: left;
	clear: right;
	text-align: left;
}

div.leitbild div.publright div.text {
   padding: 5px 0px 0px 0px;
}


/* publikationen download */

div.publikation {
  width: 470px;
  padding: 20px 0px 0px 0px;

}

div.publikation  div.publleft {
	position: relative;
	width: 100px;
	margin:5px 0px 0px 0px;
	float: left;
	clear: right;
	text-align: left;

}

div.publikation div.publright {
  position: relative;
	width: 360px;
	margin: 0px;
	float: left;
	clear: right;
	text-align: left;
}

div.publikation div.publright div.text {
   padding: 5px 0px 0px 0px;
}

div.publikation div.download {
	width: 360px;
	padding: 10px 0px 0px 0px;
	float: left;
	text-align: left;
	overflow: visible;
}

div.publikation div.downloadicon {
	position: relative;
	float: left; 
	padding: 0px 5px 0px 0px;
	width: 20px;
}
div.publikation div.downloadtext {
	position: relative;
	float: left; 
	padding: 0px;
	width: 300px;
}

div.mapborder {
	position: absolute;
	width: 470px; 
	height: 304px;
	border:1px solid #CCCCCC;
	margin: 20px 0px 0px 0px;
 }

div.map {
position: absolute;
	width: 466px; 
	height: 300px;
	border:2px solid #FFFFFF;
 }
 
 div.VA {
   float: left; width: 470px;
   padding: 0px 0px 5px 0px;
   margin: 0px 0px 5px 0px;
   border-bottom: 1px solid #E5E5E5;
   height: auto;
 }
 
 div.VATitel {
   width: 400px;
   float: left;
 }

 div.VADatum {
   width: 450px;
   float: left;
 }
 
 /* google maps */
 div.mapborder {
	width: 236px; 
	height: 236px;
	border:1px solid #CCCCCC;
	overflow: hidden;
 }

div.Gmap {
	width: 236px; 
	height: 236px;
	border:2px solid #FFFFFF;
	overflow: hidden;
 }
 
 img.imageBorder {
 	border: 3px solid #E1B643;
 }
 
.vertmiddle {
	vertical-align: middle;
}


/*.imagebottom {
float:left;
width:240px;
margin:0px 20px 10px 0px;}*/

.imagebottom {
float:left;
width:500px;
margin:0px 0px 10px 0px;}


/* Packages */


h1.specials{
	color: #666666;
	font-size: 14px;!important
	font-weight:bold;
	padding:0px;
	margin:0px 0px 3px 0px;
	cursor: pointer; !important}

.paket {
font-size:12px;
color: #666666;
margin: 0px 0px 5px 0px;}





div.branchOuter, div.branchOuterActive {
  width: 489px;
  padding: 3px;
  float:left;
  margin: -1px 0px 0px 0px;
  padding:10px 0px 10px 10px;
   border-top: 1px solid #E1B643;
   position:relative;
   
 
}
.PackageLogo img {
padding:2px;
border: 1px solid #E5E3DF;
background-color:#FFFFFF; }

img.PackageLogo  {
padding:2px;
border: 1px solid #E5E3DF;
background-color:#FFFFFF; }


div.branchOuter:hover, div.branchOuterActive {
 background-color: #f9f3dd;
  cursor: pointer;
  position:relative;
}

img.branchIcon {
  margin: 0px;
  padding: 0px;
}

div.branchTitle {
  padding: 0px 5px 0px 5px;
  float:right; width: 440px;
  text-align: left;
}



div.branchActionShowHide {
  padding: 0px 2px 0px 0px;
  margin: 0px;
  text-align: left; float:right; width: 10px;
  position:absolute; right:5px;
  bottom:10px;
}



div.branchDetail {
   
   /*border-bottom: 1px solid #E1B643;*/
  background: url('../templates/images/bg_packages.jpg') repeat-x 0px 0px;
  padding: 10px 10px 10px 15px;
  float: left;
  width: 474px;
  height: auto;
}



a.branchHead:hover, a.branchHead {
  text-decoration:none;
  font-weight: normal;
  color: #000000;
}

span.sortiment  {
  font-weight: normal;
  color: #999999;
}

div.branchLine {
     width: 499px;
     height: 1px;
     margin: 0px 0px 0px 0px;
     background-color: #E1B643;
     float: none;
     clear: both;
}	

a.festlink {
background-image: url(../templates/images/arrow.gif);
background-repeat:no-repeat;
background-position: 2px 5px;
padding-left: 9px;
}

a.festlink:hover {
text-decoration:none;
color: #666666;
background-image: url(../templates/images/arrowgrey.gif);
background-repeat:no-repeat;
background-position: 2px 5px;
padding-left: 9px;
}

a.buttonlink {
padding-bottom: 2px;
}

/* tandem listen */

div.tandemlist ul li
{
font: 11px "Tahoma",Verdana, Helvetica, sans-serif !important;
	color:#000000 !important;
}


.tandemlist a:link {
font: 11px "Tahoma",Verdana, Helvetica, sans-serif !important;
	color:#000000 !important;
}

/* IFRAME TANDEM */
iframe#frame_tandem_abo_356,  iframe#frame_tandem_abo_357,  iframe#frame_tandem_abo_358 {
	font: 11px "Tahoma",Verdana, Helvetica, sans-serif;
	vertical-align: top;
	padding: 0px;
	margin-left: -28px;
	*margin-left: -25px;
	margin-top: -5px;
}

iframe#frame_tandem_abo_811  {
	font: 11px "Tahoma",Verdana, Helvetica, sans-serif;
	vertical-align: top;
	padding: 0px;
}

.clear {
	clear:both;
}