HTML, BODY 
	{
	margin: 0;
	align: center;
	padding: 0;
	width: 100%;
	height: 100%;
	background-color: #FFFFFF;
	color: #000;	
	font-family: Verdana, Arial, Helvetica, sans-serif;
	}

#container 
	{
	width: 975px;
	position:	relative;
	margin-right: auto;
	margin-left: auto;
	min-height: 100%;
	_height: 100%;
	}
	
/*//////////////////////////// Navigation oben /////////////////////////*/

#navioben
{
	background-color:#FFF;
	height:24px;
	padding-top: 2px;
}

#navigation {

	position:relative;
	background-color:#FFF;
	z-index:20;
  }

  #navigation ul{
	padding: 0;
	margin-top: 0px;
    margin-bottom: 0;
	white-space:nowrap;
	font-size:12px;
	float:right;
  }
  
 
  #navigation ul li {
    list-style: none;
	float: left;  /* ohne width - nach CSS 2.1 erlaubt */
    position: relative;
    padding: 0;
	white-space:nowrap;
	text-align:left;
  }
  
  #navigation ul li a { /* hauptmenu */
	background-image: url(images/navioben-strich.gif);
	background-repeat:no-repeat;
	background-position:right;
	padding-left:10px;
	padding-right:10px;
	padding-top: 4px;
	padding-bottom: 4px;
  }
  
  #navigation ul .last1
  { 
	background: none;
	padding: 4px 4px 4px 10px;
  }

 
  #navigation ul  li ul {
    margin: 0; padding: 0;
	padding-top: 3px;
    position: absolute;
    top: 1.6em; left: -0.4em;
    display: none;  /* Unternavigation ausblenden */
  }

  #navigation ul li:hover ul {
    display: block;  /* Unternavigation in modernen Browsern einblenden */
  }
  #navigation ul li ul li {
    float: none;
    display: block;
	padding-left: 15px;
  }
  
   #navigation ul li ul li a /* navigationspunkt 1.Ebene */
   {
	background-color: #FFFFFF;   
	background-image: url(images/navioben-punkt.gif);
	background-repeat:no-repeat;
	background-position:left;
	padding-top: 3px;
	padding-left:17px;
	padding-bottom: 3px;
	border-left: #0776A0 solid 1px;
	border-right: #0776A0 solid 1px;
  }
  
    #navigation ul .last /* jeweils letzter menüpunkt */
  { 
    border-bottom: 5px solid #FFFFFF;
  }
  
 #navigation ul .ebene2 a 	/* navigationspunkt 2.Ebene */
  {
	padding-left:27px;
	font-size: 9px;
	background-image:url(images/navioben-punkt2.gif);
	background-repeat:no-repeat;
	background-position:left;
  }
 
  #navigation ul a, ul#navigation span {
	display: block;
	text-decoration: none;
	color: #086F99;
  }
  
  *:first-child+html #navigation ul a, #navigation ul span {  /* Korrektur fuer den IE 7 */
    margin-bottom: -2px;
  }


  #navigation ul a:hover, ul#navigation span, li a#aktuell {
    color: #FF8000;
  }
  #navigation ul li a#aktuell, #navigation ul span {  /* aktuelle Rubrik kennzeichnen */
    color: #CC0000;
  }
  #navigation ul li ul span {  /* aktuelle Unterseite kennzeichnen */
    color: #CC0000;
  } 
  



/*//////////////////////////// Hauptmenue Suche /////////////////////////*/
	
#left
	{
	width: 180px;
	float: left;
	text-align: center;
	font-size: 12px;
	margin-top: 20px;
	text-align: left;
	}
	
	#left h3
	{
	text-align: center;
	font-size: 12px;
	padding: 4px 0 4px 0;
	align: center;
	margin: 20px 5px 5px 5px;
	text-transform:uppercase;
	color: #FFF;
	background-color:#1B7AA6;
	font-weight: bold;
	}
	
	#left form select
	{
	width: 170px;
	font-size: 14px;
	height: 27px;
	padding: 4px 4px 4px 8px;
	margin: 4px 0 0 5px;
	}
	
	.suchknopf 
	{
	margin: 5px 0 0 23px;
	width: 134px;
	height:23px;
	}
	
	#left p
	{
	margin-left:5px;
	}
	
	
/*//////////////////////////// Hauptmenue navi/////////////////////////*/
	

	
	#left ul
	{
		margin: 0 0 5px 0;
		padding: 0;
		
	}
	
	#left ul li
	{
		list-style: none;
		background-image: url(images/hg-navi-block1.gif);
		background-repeat:no-repeat;
		background-position: left;
		padding: 0 0 11px 10px;
		margin: 0 0 0 10px;
		font-size:11px;
		text-transform:uppercase;
		font-family: Verdana, Arial, Helvetica, sans-serif;
	}
	
	
	#left .ebene2
	{
		list-style: none;
		background-image: none;
		padding: 0 0 5px 10px;
		margin-left: 15px;
		font-size:11px;
		text-transform:none;
	}
	
	#left .ebene2last
	{
		list-style: none;
		background-image: none;
		padding: 0 0 5px 10px;
		margin-left: 15px;
		margin-bottom: 10px;
		font-size:11px;
		text-transform:none;
	}
	
		
	#left .last
	{
		background-image: url(images/hg-navi-block1-last.gif);
	}
	
	#left a
	{
		color: #069;
		text-decoration:none;
		font-family: Verdana, Arial, Helvetica, sans-serif;
		
	}
	
	#left li a:hover, .aktiv, a:hover, .gelbklein
	{
	color: #FF5A60;
	text-decoration: none;
	}
	

 /*//////////////////////////// Inhaltsbereich /////////////////////////*/	
	
#coninhalt 
	{
	margin-top: 20px;
	margin-left: 233px;
	_margin-bottom: 220px;
	padding-bottom: 220px;
	width: 742px;
	text-align: left;
	z-index: 10;
	}
	
 /*//////////////////////////// Footer /////////////////////////*/
	
#unten
	{
	position: absolute;
	width: 742px;
	bottom: 0;
	margin: auto;
	margin-bottom: 3px;
	left: 50%;
	margin-left: -255px;
	text-align: center;
	font-size:10px;
	line-height:14px;
	z-index:1000;
	margin-top:50px;
	color:#1B7AA6;
	}
	
	
/*--- Bildbeschreibung */
	.ft-title { padding: 3px 5px 3px 0; width: 325px; text-align: right; font-size:11px}
	/*--- Bild Links */
	

	.ft-button-ft { font-size:11px; font-weight: bold; text-decoration:none; color: #999;}
	.ft-button-ft-active { color: #C3272F; }
	

 /*//////////////////////////// ALLGEMEINE FOrmatierungen /////////////////////////*/


A
{color:#1B7AA6;
text-decoration:none}

A:hover {color:#FF5A60}

.sehrklein
{font-size:9px}

h1
{font-size:24px;
line-height:30px;
color:#069;
font-weight:normal;
text-align:left;
margin-bottom:30px;
}

p, td
{font-size:12px;
line-height:18px}

.normalgruen
{color:#008000}
	

/*
#################################### angebotssuche liste
*/	


div.pagination {
    text-align: right;
	white-space:nowrap;
}
.pagination ul, .pagination ul li, {
    display: -moz-inline-stack;
    display: inline-block;
    list-style: none;
    position: static;
    margin: 0;
    text-align: center;
}

.pagination ul li {
    border: 1px solid #FFE7CE;
    font: bold 11px/1.2 Verdana;
    margin-left: 3px;
    padding: 2px 3px;
    position: relative;
    display:inline;
}

.pagination li.active {
    border: 1px solid #c00;
    font: bold 11px/1.2 Verdana;
    background-color: #FEF8F1;
    color: #C00;
}

.pagination a {
	text-decoration:none;
	color: #069;
}


/*//////////////////////////// suche liste /////////////////////////*/


#coninhalt .tabelleliste td
{
	font-size: 11px;
	line-height: 16px;
}

#coninhalt .tabelleliste .angebot


{
	color: #6188B3;
	font-size:10px;

}
#coninhalt .tabelleliste .angebot a


{
	color: #C00;
	font-size:14px;
	text-decoration:none;
}

#coninhalt .tabelleliste .angebot a:hover
		{
			color:#FF8000;
		}
		
/*//////////////////////////// hotelbeschreibung /////////////////////////*/

#coninhalt #hotelbeschreibung h1
{margin: 0 0 10px 0;
font-size:24px;
line-height:30px;
color:#069;
font-weight:normal;
text-align:center;
margin-bottom:10px;}

#coninhalt #hotelbeschreibung h2
{
	font-size:14px;
	font-weight:bold;
	text-transform:uppercase;
	margin: 5px 0 8px 0;
	padding: 0 0 0 0}
	
#coninhalt #hotelbeschreibung h3
{
	font-size:12px;
	font-weight:bold;
	margin: 0 0 5px 0;
	padding: 0 0 0 0}

#coninhalt #hotelbeschreibung p
{font-size:11px;
line-height:16px;
margin: 0 0 20px 0}

#coninhalt #hotelbeschreibung td
{font-size:11px;} 


#coninhalt #hotelbeschreibung .hotelname, #coninhalt .zusatz
{text-align:center;
font-size:14px}


.angebotsname 
{color: #c00;
font-size:12px} 

#coninhalt #hotelbeschreibung a
{color: #c00;} 

.rot
{color: #c00} 

.rotgrossfett
{color: #c00;
font-size:14px;
line-height:14px;
font-weight:normal} 



#coninhalt #hotelbeschreibung a:hover
{color: #6188B3}