body {
	font: 12px/1.3em Verdana, Arial, sans-serif;
	color: #000;
	}

input, select, option {
	font-size: 9px;
	}

/* ----- Seitenbereiche ----- */

#header {
	width: 900px;
	height: 75px;
	margin: 0 auto 0 0;
	background: transparent url(/images/hg_header.gif) left top no-repeat;
	}

#content-oben {
	width: 900px;
	margin: 0 auto 0 0;
	padding: 10px 0;
	}

#content-unten {
	width: 900px;
	margin: 0 auto 0 0;
}

#footer {
	position:relative;
	clear: both;
	width: 900px;
	margin: 0 auto 0 0;
	}

/* ----- Header-Elemente ----- */

#header h1 {
	margin: 0 0 0 130px;
	padding: 10px 0 20px;
	font-size: 18px;
	font-weight: 500;
	line-height: 15px;
	height: 15px;
	}

#hauptnavigation {
	float: left;
	padding: 3px 0 0 130px;
	}

#hauptnavigation li {
	display: inline;
	font-weight: bold;
	}

#hauptnavigation li a {
	font-weight: bold;
	color: #000;
	}

#hauptnavigation li a:hover , #hotline a:hover{
	color: #FFF;
	}

a {
  color: #000;
}

#hotline {
  float: left;
	padding: 3px 4px 0px 30px;
	font-weight: bold;
	color: #000;
}
#hotelfuhrer a{
  float: right;
	padding: 4px 14px 0 0;
	font-weight: bold;
	color: #000;
}
#hotelfuhrer li a:hover {
	color: #FFF;
	}

/* ----- Content-Elemente ----- */
/*	background: transparent url(/images/landkarte.gif) 10px 0px no-repeat;*/
#startsuchmaske {
	width: 575px;
	height:410px;
	float: left;
  padding-right:15px;
	}


#vierer{
	/*clear: both;*/
}
#vierer1{
	float: left;
	width: 150px;
	height: 205px;
	position:absolute; top:85px;left:600px;
	background: transparent url(/images/hg_6er_gelb.gif) right top no-repeat;
	text-align:center;
	padding-bottom:5px;
}
#vierer2{
	float: left;
	width: 150px;
	height: 205px;
	position:absolute; top:85px; left:750px;
	background: transparent url(/images/hg_6er_gelb.gif) right top no-repeat;
	text-align:center;
	padding-bottom:5px;
}
#vierer3{
	float: left;
	width: 150px;
	height: 205px;
	position:absolute; top:295px; left:600px;
	background: transparent url(/images/hg_6er_gelb.gif) right top no-repeat;
	text-align:center;
	padding-bottom:5px;
}
#vierer4{
	float: left;
	width: 150px;
	height: 205px;
	position:absolute; top:295px; left:750px;
	background: transparent url(/images/hg_6er_gelb.gif) right top no-repeat;
	text-align:center;
	padding-bottom:5px;
}

.viererbild {
	margin: 5px 0px auto 6px;
}

.viererp {
	text-align:center;
	margin: 0px 20px 0 20px;
	font-size: 12px;
	line-height: 1.2em;
	font-weight: bold;
}

* html .viererp{
 /* CSS-Hack für IE6 und kleiner */
	text-align:center;
	margin: -15px 20px 0 20px;
	font-size: 12px;
	line-height: 1.2em;
	font-weight: bold;
}

*:first-child+html .viererp{
 /* CSS-Hack für IE7 */
	text-align:center;
	margin: -15px 20px 0 20px;
	font-size: 12px;
	line-height: 1.2em;
	font-weight: bold;
}

.vierertitle {
 	text-align:center;
	padding-top: 3px;
	font-size: 12px;
}


#schnellsuche {
	float: right;
	width: 255px;
	height: 325px;
	background: transparent url(/images/hg_schnellsuche_ganz.gif) right top no-repeat;
}

#content-oben p {
	margin: 0 15px 0 10px;
	line-height: 1.2em;
	}

#schnellsuche table {
	margin: 0 9px 0 8px;
	font-size: 10px;

}

/* Travel-ami - Angebote  */

#travelangebot {
	padding-left:150px;
	padding-top:50px;
}

#angebot {
	position:relative;
	background: transparent url(/images/angebote_mid.gif) left top repeat-y;
	width: 584px;
	text-align:center;
	/*padding: 10px;*/
}


#angebot_top{
	position:relative;
	background: transparent url(/images/angebote_top.gif) left top no-repeat;
	width: 584px;
	height:25px;
	text-align:center;
	font-weight:bold;
	font-size:20px;
}

#angebot_bot{
	position:relative;
	background: transparent url(/images/angebote_bot.gif) left top no-repeat;
	width: 584px;
	height:14px;
}


#angebot p{
	padding: 10px 10px;
	text-align:left;
}

#angebot a{
	color: #0000ff;
	text-decoration:underline;
}


#schnellsuche td {
	padding: 0;
	}

#schnellsuche fieldset {
	margin: 10px 6px 10px 6px;
	padding: 5px;
	background: #FDEDD0;
	border: 0;
	}

#schnellsuche fieldset table {
	margin: 0;
	padding: 0;
	}
#schnellsuche select.einfach {
	width: 100%;
	}

/*#schnellsuche fieldset td {
	margin: 0;
	padding: 3px;
	}*/

#schnellsuche input, #schnellsuche label {
	}

#schnellsuche input.button {
	background: #FDEDD0;
	border: 1px solid #BDBDBD;
	cursor: pointer;
	cursor: hand;
	}

#schnellsuche input.button:hover {
	background: #F3D49C;
	}

#content-oben p.grossfett {
	margin: 5px 15px 0 10px;
	font-size: 18px;
	font-weight: 600;
	}

#content-oben h2 {
	margin: 5px 15px 5px 13px;
	}

#content-unten .sechser {
	float: left;
	width: 150px;
	height: 205px;
	background: transparent url(/images/hg_6er_gelb.gif) right top no-repeat;
	}

#content-unten .sechser h2 {
	margin: 0px 25px 0 20px;
	padding: 3px;
	font-size: 12px;
	}


#content-unten .sechser option {
	margin: 0;
	padding: 0 5px;
	font-face: Verdana, Arial, sans-serif;
	font-size: 10px;
	line-height: 10px;
	}

#content-unten .sechser select {
	width: 90px;
	margin: 5px 0 2px;
	padding: 0;
	font-size: 10px;
	}

#content-unten .sechser p {
	text-align:center;
	margin: 0px 20px 0 20px;
	font-size: 12px;
	line-height: 1.2em;
	font-weight: bold;
}

#content-unten .sechser p.bild {
	margin: 0px 0px 0px 6px;
}

#content-unten .sechser p.select {
	margin:0 0 0 20px;
}

/* ----- Footer-Elemente ----- */

#footer p {

	margin: 0 20px 10px;
	padding: 10px 0;
	color: #4A6EB5;
	}

#footer a {
	color: #4A6EB5;
	}

#footer a:hover {
	text-decoration:underline;
	}

/* ----- CLEARFIX ----- */
 /* Clearfix-Methode zum Clearen der Float-Umgebungen */
.clearfix:after {
   content: ".";
   display: block;
   height: 0;
   clear: both;
   visibility: hidden;
}

/* Diese Angabe ben�tigt der Safari-Browser zwingend !! */
.clearfix { display: block; }

.sechser_title{
 text-align:center;
}

.schnell_title{
 text-align:center;

}
/* Diese Angabe benoetigt der Safari-Browser zwingend !! */
.clearfix { display: block; }



.thin_border{ border:thin solid lightgray;  font-size: 9px;}

#location{
font-size: 9px;
}

/* Suchformular */

#kl_suchmaske{
  background: transparent url(/images/suchmasken/bild_last2.gif) 10px 0px no-repeat;
  padding-left:35px;
  padding-top:15px;
	width: 560px; /*609px;*/
	height: 370px; /*500px;*/
	float: left;
	font-size:8pt;
	font-weight: bold;
}
#sp1{
  width:210px;
  height:75px;
}

#kl_suchmaske_reiter{
  background: transparent url(/images/suchmasken/reiter_last2.gif) 10px 0px no-repeat;
  padding-left:35px;
	width: 609px;
	height: 25px;
	float: left;
	font-weight: bold;
	font-size:10pt;
}

#kl_suchmaske_reiter td{
  width:130px;
  text-align:center;
}

.ortslistesuchmaske a{
	padding-left:20px;
	font-size:10pt;
	color:#4A6EB5;

}