/* verwendete Farben: Blau dunkel: #FF9900; Blau hell Hintergrund navi: # e6e6f3 rot #c64934 hg gelc: #fffce5*/

/* Alle Abstände werden auf Null gesetzt*/
* {padding: 0; margin: 0;}

html {height: 101%;} /*erzwingt Scrollbar im FireFox*/

body {
    color: #000;
    background-color: #fff; 
    background-image: url(hg-bild.gif);
    background-repeat: repeat-x;
    font-family: Arial, Helvetica, sans-serif;
    font-size: 12px;
    line-height: 18px;
    text-align: center; /* nur für IE  siehe auch Wrapper align-left */
    }

h1 {font-size: 19px; color: #FF9900; margin-bottom: 15px; }
h2 {font-size: 16px; color: #FF9900; margin-bottom: 5px;  width: 100%; /*border-bottom: 1px solid #FF9900;*/}


#wrapper {
    color: #000000;
    background-color: #ffffff;
    width: 960px;
    margin-top: 10px;
    margin-right: auto;
    margin-bottom: 10px;
    margin-left: auto;
    text-align: left; /* wegen align Center im Body für IE */
    }

/* POS2 absolut zum umschließenden Element - für p ist das der Kopfbereich*/
#kopfbereich {
    position: relative;  
    color: #000000;
    background-color: #fff;
    padding-top: 10px;
    padding-right: 20px;
    padding-bottom: 10px;
    padding-left: 10px;
    }


.logo {
    background-color: #ffffff;
    padding: 0px;
    float: left;
    }

.logo img {border: 0px;}

.seitentitel {
    float: left;
    margin-left: 25px;
    margin-top: 7px;
    color: #FF9900;
    }

.sitetitle { 
    font-size: 40px;
    font-weight: bold;
    font-style: italic;
    margin-top: 15px;}
    
.siteuntertitel { 
    padding-top:15px;
    padding-bottom:15px;
    font-size: 14px;}

.clr {clear: both;}
    
.meta {
    height: 25px;
    padding: 5px 0 0 15px;
    background-color: #FF9900;
    width: 960px;
    }

.metalink {
    float:right;
    margin-top: 2px;
    }

.metalink a {color: #000; text-decoration: none; font-size: 11px;} 
.metalink a:hover {color: #ccc; text-decoration: underline; font-size: 11px;}

div.metalink a {margin-right: 25px; font-size: 11px;}

.metalink a:link,
.metalink a:visited {
font-size: 11px;
    color: #000;
    font-weight: normal;
    
    padding: 0px 0px 0 0;
    text-decoration: none;
    }

.metalink a { 
    letter-spacing:1px;}
    
    
/* POS1 Slogan left 50% --> später dann absolut zu kopfbereich POS2 */
#kopfbereich p {
    position: absolute;
    top: 10px;
    right: 10px; /*left: 50%;*/
    /*font-weight: bold;*/
    padding: 5px 0 5px 0;
    margin-bottom: 0; 
    }

#content {width: 960px;}

/* POS3 Span aufrufen */
/*#kopfbereich p span {color: #d90000;}*/

/* NAVI Hintergrundfarbe */    
#navibereich {
    width: 180px;
    padding-left: 20px;
    margin-top: 60px;
    margin-left:0px;
    margin-right: 0px;
    float: left;
    line-height: 10px;
    }

/* NAVI Unteren Rand entfernen durch ul margin-bottom vorgegeben*/
#navibereich ul {
    margin: 0px;
    padding: 0px;
    }

#navibereich ul li ul {
    margin-top: 8px;
    padding: 0px;
    }

/* NAVI komplett neu gilt nur für die li-Elemente im navibereich */
#navibereich li {
    list-style: none; 
    margin: 0; 
    padding: 0;
    }
/* NAVI Linkfarbe */
#nav a {
    display: block;    
    color: #FF9900;
    font-weight: bold;
    text-decoration: none;
    letter-spacing: 2px;
    background-color: #fff; 
    line-height: 25px !important; 
    line-height: 12px;
    padding: 0px !important;
    padding: 0px 0 4px 0;
    margin-top: 0px;
    border-bottom: 1px dotted #333;
    }
    
#navibereich #nav2 a {    
    color: #FF9900;
    font-size: 11px;
    font-weight: normal;
    text-decoration: none;
    letter-spacing: 1px;
    background-color: #fff; 
    margin-left: 15px;
    padding: 0 0 5px 0;
    }
    
#navibereich #nav2 a:active {    
    color: #FF9900;
    font-size: 11px;
    font-weight: normal;
    text-decoration: none;
    letter-spacing: 1px;
    background-color: #fff; 
    margin-left: 15px;
    padding: 0 0 5px 0;
    }



#navibereich a:active {background-color: white;}

#navibereich a:hover,
#navibereich #nav2 a:hover {
    text-decoration: none;
    color: #ccc;
    background-color: white; 
    border-bottom: 1px dotted #ccc; 
    }

/*#startseite #navi01 a,
#aktuelles #navi02 a, 
#therme #navi03 a,
#hotel #navi04 a, 
#windsheim #navi05 a,
#kontakt #navi06 a, 
#anfahrt #navi07 a,*/

#navibereich a.aktuell,
#navibereich #nav2 a.aktuell 
  {
    text-decoration: none;
    color: black;
    background-color: white; 
    border-bottom: 1px dotted #999; 
    }


#textbereich {
    float:right;
    width: 755px;
    padding-top: 25px;
    padding-right: 0px;
    padding-bottom: 20px;
    margin-left: 0px;
    }



.dokus {margin-left: 15px; margin-top:15px;}
.dokus a:link, .dokus a:visited {font-weight:bold; text-decoration:none;}


#fussbereich {
    padding: 20px;
    padding-top: 10px; /*Reihenfolge BOX-Modell content - padding - border - margin */
    border-top: 1px solid #8c8c8c; 
    margin: 20px 20px 0 20px;
    }

.video { padding: 15px 0 0 5px;}

a {text-decoration: none;} 
a:link {color: #FF9900; font-weight: bold; text-decoration: underline;}
a:visited {color: #FF9900; font-weight: bold; text-decoration: underline;}
a:hover, a:focus {text-decoration: underline; color: #999;}
a:active {color: white; background-color: #FF9900;}

p, #textbereich ul {
    margin-top: 0;
    margin-right: 0;
    margin-bottom: 10px;
    margin-left:0;
    }

#textbereich ul         { font-family: arial, sans-serif; list-style-type: square; list-style-color: #666666; margin-top: 5px;}

ul ul {margin: 0;}

#textbereich li {
    margin-top: 2px;
    margin-right: 0;
    margin-bottom: 0;
    margin-left: 35px;
    }


/* POS4 Bild in HTML einkommentieren */
.bildlinks {
    float: left;
    padding: 3px; /*Abstand zwischen Bild und Rahmen*/
    /*border: 2px solid #FF9900;*/
    margin-right: 10px;
    margin-bottom: 10px;
    }

.bildrechts {
    float: right;
    padding: 3px; /*Abstand zwischen Bild und Rahmen*/
    /*border: 2px solid #FF9900;*/
    margin-left: 10px;
    margin-bottom: 10px;
    width: 200px;
    }
    
.bildmitte {
    margin-right: auto;
    margin-left: auto;
    text-align: center;
}


#table {font-size: 12px; font-weight: normal; margin: 8px 0 0 10px; }
#table td {border-top: 1px solid #ccc;}
.spalte1 {width: 30%; padding: 5px; padding-right: 15px;}
.spalte2 {padding: 5px; padding-right: 15px;}

.table2 {font-size: 12px; font-weight: normal; margin: 8px 0 0 10px; }
.table2 td {border-top: 1px solid #ccc;}
.table2 th {text-align: left;}
.spalte11 {width: 30%; padding: 5px; padding-right: 15px;}
.spalte22 {width: 23%; padding: 5px; padding-right: 15px;}
.spalte33 {width: 23%; padding: 5px; padding-right: 15px;}
.spalte44 {width: 23%; padding: 5px; padding-right: 15px;}

.textbereich-content {float:left; width: 525px; margin-right: 0px; margin-left: 20px; }
/* Kästchen rechts*/
#related                {width: 180px; float:right; margin-top: 0px; font-size:11px; color: #000; background-color: #fff;}
.hotel-schnell          {text-align: left; background-color: #fff; border: 1px solid #f3f1ee; padding: 0 5px 0 5px; margin-right: 10px;}
.hotel-schnell p        {font-size:11px; color: #000; line-height: 14px; margin: 5px 0 15px 0; padding: 0;}
.titel-schnell          {margin:0 10px 0px 0; padding:0px 0 0 8px; text-align:left; background: url(meta-hg.gif); line-height: 25px; color: #fff;}
.titel-schnell h3       { font-size: 13px; }
.hotel-schnell h4     {color:#000; text-decoration:none; font-weight:bold; font-size:12px; margin:0; padding:0; margin-bottom: -15px; line-height: 12px;}


#hotel-adresse          {text-align: left; margin-top: 15px; margin-bottom: 20px;}
address                 {font-style: normal; padding-left: 8px; line-height: 16px;}

a.type-schnell:link 	{color:#FF9900; text-decoration:none; font-weight:bold; font-size:11px;}
a.type-schnell:visited  {color:#FF9900; text-decoration:none; font-weight:bold; font-size:11px;}
a.type-schnell:hover 	{color:#000000; text-decoration:none; font-weight:bold; font-size:11px;}

a.type-schnell-titel:link 	{color:#FF9900; text-decoration:underline; font-weight:bold; font-size:13px; line-height: 16px;}
a.type-schnell-titel:visited  {color:#FF9900; text-decoration:underline; font-weight:bold; font-size:13px; line-height: 16px;}
a.type-schnell-titel:hover 	{color:#000000; text-decoration:underline; font-weight:bold; font-size:13px; line-height: 16px;}

.meldungen {background-color: #e6e6f3; margin-bottom: 15px; padding: 8px;}
.meldungen h2 {font-size:14px; font-weight: bold; }

.preis {font-size: 26px; font-weight: bold; text-align: right; color: #FF9900; }
.preis-unter {text-align: right; }
.angebot-box { padding: 10px; border: 1px solid #FF9900; }

.bild-untertitel { font-size: 10px; color: #999; width: 100%; text-align: center; white-space: nowrap; }

.bild-untertitel a,
.bild-untertitel a:link, 
.bild-untertitel a:hover,
.bild-untertitel a:link    {font-size: 9px; color: #999; text-align: center;}