/* =======================================
1. Kalibrierung und Restauration
======================================= */

* {
  padding: 0;
  margin: 0;  
}

/* =======================================
2. Allgemeine Styles
======================================= */
body {
  background-image:url(fileadmin/kapuzinergarten.de/templates/img/bg1.jpg);
  
  font-family: Arial, Helvetica, sans-serif;
  font-size: 14px;
}

a {
  color: #800034;
  text-decoration: underline;
}

a:hover {text-decoration: none;}

h1 {
  color: #800034;
  font-size: 16px;
  margin-bottom: 1em;
}

img {border: none;}

.aktuelles a {
  float: left;
  width: 290px;
  height: 35px;
  padding: 105px 0 0 10px;
  margin: 10px;
  background: url(../img/aktuelles_start.jpg);
}

.aktuelles a:hover {
  float: left;
  width: 290px;
  height: 35px;
  padding: 105px 0 0 10px;
  margin: 10px;
  background: url(../img/aktuelles_rollover.jpg);
}

.hotel a {
  float: left;
  width: 290px;
  height: 35px;
  padding: 105px 0 0 10px;
  margin: 10px;
  background: url(../img/hotel_start.jpg);
}

.hotel a:hover {
  float: left;
  width: 290px;
  height: 35px;
  padding: 105px 0 0 10px;
  margin: 10px;
  background: url(../img/hotel_rollover.jpg);
}

.ueber a {
  float: left;
  width: 290px;
  height: 35px;
  padding: 105px 0 0 10px;
  margin: 10px;
  background: url(../img/ueber_uns_start.jpg);
}

.ueber a:hover {
  float: left;
  width: 290px;
  height: 35px;
  padding: 105px 0 0 10px;
  margin: 10px;
  background: url(../img/ueber_uns_rollover.jpg);
}

.buchung a {
  float: left;
  width: 290px;
  height: 35px;
  padding: 105px 0 0 10px;
  margin: 10px;
  background: url(../img/buchung_start.jpg);
}

.buchung a:hover {
  float: left;
  width: 290px;
  height: 35px;
  padding: 105px 0 0 10px;
  margin: 10px;
  background: url(../img/buchung_rollover.jpg);
}

.business a {
  float: left;
  width: 290px;
  height: 35px;
  padding: 105px 0 0 10px;
  margin: 10px;
  background: url(../img/business_start.jpg);
}

.business a:hover {
  float: left;
  width: 290px;
  height: 35px;
  padding: 105px 0 0 10px;
  margin: 10px;
  background: url(../img/business_rollover.jpg);
}

.gruppen a {
  float: left;
  width: 290px;
  height: 35px;
  padding: 105px 0 0 10px;
  margin: 10px;
  background: url(../img/gruppen_start.jpg);
}

.gruppen a:hover {
  float: left;
  width: 290px;
  height: 35px;
  padding: 105px 0 0 10px;
  margin: 10px;
  background: url(../img/gruppen_rollover.jpg);
}


.restaurant a {
  float: left;
  width: 290px;
  height: 35px;
  padding: 105px 0 0 10px;
  margin: 10px;
  background: url(../img/restaurant_start.jpg);
}

.restaurant a:hover {
  float: left;
  width: 290px;
  height: 35px;
  padding: 105px 0 0 10px;
  margin: 10px;
  background: url(../img/restaurant_rollover.jpg);
}

.region a {
  float: left;
  width: 290px;
  height: 35px;
  padding: 105px 0 0 10px;
  margin: 10px;
  background: url(../img/region_start.jpg);
}

.region a:hover {
  float: left;
  width: 290px;
  height: 35px;
  padding: 105px 0 0 10px;
  margin: 10px;
  background: url(../img/region_rollover.jpg);
}

.impressionen a {
  float: left;
  width: 290px;
  height: 35px;
  padding: 105px 0 0 10px;
  margin: 10px;
  background: url(../img/impressionen_start.jpg);
}

.impressionen a:hover {
  float: left;
  width: 290px;
  height: 35px;
  padding: 105px 0 0 10px;
  margin: 10px;
  background: url(../img/impressionen_rollover.jpg);
}

.gaeste a {
  float: left;
  width: 290px;
  height: 35px;
  padding: 105px 0 0 10px;
  margin: 10px;
  background: url(../img/gaeste_start.jpg);
}

.gaeste a:hover {
  float: left;
  width: 290px;
  height: 35px;
  padding: 105px 0 0 10px;
  margin: 10px;
  background: url(../img/gaeste_rollover.jpg);
}

.links a {
  float: left;
  width: 290px;
  height: 35px;
  padding: 105px 0 0 10px;
  margin: 10px;
  background: url(../img/links_start.jpg);
}

.links a:hover {
  float: left;
  width: 290px;
  height: 35px;
  padding: 105px 0 0 10px;
  margin: 10px;
  background: url(../img/links_rollover.jpg);
}

.gaeste a {
  float: left;
  width: 290px;
  height: 35px;
  padding: 105px 0 0 10px;
  margin: 10px;
  background: url(../img/gaeste_start.jpg);
}

.gaeste a:hover {
  float: left;
  width: 290px;
  height: 35px;
  padding: 105px 0 0 10px;
  margin: 10px;
  background: url(../img/gaeste_rollover.jpg);
}

.kontakt a {
  float: left;
  width: 290px;
  height: 35px;
  padding: 105px 0 0 10px;
  margin: 10px;
  background: url(../img/kontakt_start.jpg);
}

.kontakt a:hover {
  float: left;
  width: 290px;
  height: 35px;
  padding: 105px 0 0 10px;
  margin: 10px;
  background: url(../img/kontakt_rollover.jpg);
}

.align-center {text-align: center;}

.align-right {text-align: right;}

.align-justify {text-align: justify;}

.align-left {text-align: left;}

/* =======================================
3. Styles für die Layoutbereiche
======================================= */

#wrapper {
  width: 960px;
  margin: 0 auto;
  height: 133px;
}

#header {
  width: 960px;
  height: 133px;
  background: #ffffff;
  padding-top: 10px;
  padding-buttom: -30px;
}

#logo {
  float: left;
          width: 300px;
  height: 133px;
  
}

#panorama {
  float: right;
  padding-top: 6px;
}

#menu {
  position:relative;
  top:-80px;
  width: 960px;
  height: 640px;
  background: #ffffff;
  margin: 0 0;
}

#menu a {
  color: #800034;
  font-weight: bold;
  font-size: 14px;
  text-decoration: none;
}

#footer {
  clear: left;
  color: #800034;
  font-size: 12px;
  width: 960px;
  position: relative;
  top: 650px;
}

#suche {
  color: #800034;
  font-size: 12px;
  width: 960px;
  position: relative;
  top: 150px;
  margin-left:30px;
}


#footer a {
  color: ##800034;
  font-size: 12px;
}

#news {
  clear: left;
  color: #800034;
  font-size: 10px;
  width: 960px;
}

#news a {
  color: ##800034;
  font-size: 10px;
}


/* =======================================
4. Sonstige Styles
======================================= */


/*-----------------
4.1 Panoramabild
-----------------*/
.mountainname p {
  display: none;
  visibility: hidden;
  font-size: 0;
}
.mountainname h1 {
  display:none;
  visibility: hidden;
  font-size: 0; 
}
.mountainname h2 {
  font-size: 11px;
  width: 250px;
  text-align: center;
  font-weight: normal;
  margin: 0;
  padding: 0;
}
.mountainname div {
  display: none;
  visibility: hidden;
}