/* ==================================
   1. Kalibrierung
   =============================== */
* { padding: 0; margin: 0; }

h2, p, ul, ol { margin-bottom: 0em; }

ol ul { margin-bottom: 0; }

li { margin-left: 0em; }

a img{border 0 none;}

a {
color: #cc0000;
text-decoration: none;
}


/* ==================================
   2. Allgemeine Styles
   =============================== */

html { height: 101%; }

body
{
	font-family: verdana,Arial,Helvetica, sans-serif;
	font-size: 10pt;
	color: #000000;
	background-color: #ffffff;
  	margin: 10px auto;
  	text-align: center;
}

h1
{
	font-family: verdana,Arial,Helvetica, sans-serif;
	font-size: 15px;
	font-style: bold;
	color: #000;
         text-align: left;
         padding: 0px 0px 10px 0px;
}

h2
{
	font-family: verdana,Arial,Helvetica, sans-serif;
	font-size: 13px;
	font-style: bold;
	color: #000;
         text-align: left;
         padding: 10px 0px 0px 0px;
}

h3
{
	font-family: verdana,Arial,Helvetica, sans-serif;
	font-size: 13px;
	font-style: bold;
	color: #000;
         text-align: left;
         padding: 10px 0px 5px 0px;
}

h4
{
	font-family: verdana,Arial,Helvetica, sans-serif;
	font-size: 13px;
	font-style: bold;
	color: #000;
         text-align: left;
         padding: 10px 0px 5px 0px;
}

.skiplink {
  position: absolute;
  top: -5000px;
  left: -5000px;
  width: 0;
  height: 0;
  overflow: hidden;
  display: inline;
}

/* ==================================
   3. Styles für Layoutbereiche
   =============================== */
#wrapper{
	position: relative;
	background-color: #fffff;
	color: black;
	width: 810px;
	margin: 10px auto;
}

#skyscrapper {
  position: absolute;
  top: 97px;
  left: 815px;  
}

#fullbanner {
  position: relative;
  color: black;
  padding: 0px 20px 0px 20px; /* oben - rechts - unten - links */
}

#kopfbereich {
  position: relative;
  color: black;
  padding: 10px 0px 0px 0px; /* oben - rechts - unten - links */
}

#kopfbereich p {
      position: absolute;
      top: 20px;
      right: 50px;
      padding: 5px 0;
      margin-bottom: 0;
    }

.logovaybeereisen {
  text-align: left;
  margin-left: 0px;
}

#footer{
  clear: both;
  width: 780px;
  font-family: verdana,Arial,Helvetica,sans-serif;
  font-size: 11px;
  margin-top: 40px;
  color: #000000;
  text-align: center;
  padding: 40px 0 20px 0;


}
/* --- Navigation ----------------------------------- */

#navigation_container {
	background-image: url(../images/topnavibackground1.gif);
	background-repeat: no-repeat;
	height: 31px;
	width: 820px;
	padding: 6px;
	font-size: 13px;
	}

#navigation_container ul {
      width: 810px;
      color: #fff;
    }
    #navigation_container li {
      list-style-type: none;
      display: inline;
      margin: 5px;

    }

#navigation_container a,
    #navigation_container span {
    display: inline;
      text-decoration: none;
      color: #fff;
    }
    #navigation_container a:hover,
    #navigation_container a:focus {
      color: #fff;
      text-decoration: underline;
    }


#naviobenrechts {
  float: right;
  margin-right: 10px;
  margin-top: 25px;
  font-size: 11px;
}
#naviobenrechts a {
      color: #000;
      text-decoration: none;
    }
#naviobenrechts a:hover {
      color: #000;
      text-decoration: underline;
    }
.navilinkswrapper{
  float: left;
  width: 170px;
}

#navilinks{
  text-align: right;
  background-color: f9f9f9;
  padding: 5 0 0 0;
  border-left: 1px solid #8ca0bf;
  border-right: 1px solid #8ca0bf;
  border-bottom: 1px solid #8ca0bf;
  margin-bottom: 5px;
}
.navilinks_header{
  background-image: url(../images/backgroundbox.gif);
  background-repeat: no-repeat;
  background-color: #f1f1f1;
  padding: 3px 10px 3px 0px;
  color: #fff;
  text-align: right;
}

#navilinks li {
      list-style-type: none;
      margin-right: 10px;
}
#navilinks a,
    #navilinks span {
    display: inline;
      text-decoration: none;
      color: #000;
    }
    #navilinks a:hover,
    #navilinks a:focus {
      color: #000;
      text-decoration: underline;
    }

#contentmitte{
  float: left;
  width: 410px;
  padding: 0px 10px 0px 0px;
  text-align: left;
  font-size: 11px;
}

#boxenrechts{
  float: right;
  width: 180px;
  height: 100%;
}

.galerie img {
  float: left;
  padding: 4px;
  border: 1px solid #ddd;
  border-right-color: #aaa;
  border-bottom-color: #aaa;
  margin-right: 5px;
}
/* Nur für IE6 */
* html div.galerie { height: 1%; }


.galeriehotelbilder img {
  text-align: left;
  padding: 5px 2px 5px 0px;
  width: 60px;
  height: 80px;
}

.lastminuteboxtext{
  height: 90px;
  font-size: 11px;
}

.lastminuteboxtext span {
      font-size: 13px;
      color: #0a3e97;
      line-height: 16px;
      border-bottom: 1px dotted #0a3e97;
    }

.navirechts_header{
  background-image: url(../images/backgroundbox_180.gif);
  background-repeat: no-repeat;
  background-color: #f1f1f1;
  padding: 3px 10px 3px 10px;
  color: #fff;
  text-align: left;
}

#navirechts{
  text-align: left;
  background-color: f9f9f9;
  padding: 5px 0px 5px 5px;
  border-left: 1px solid #8ca0bf;
  border-right: 1px solid #8ca0bf;
  border-bottom: 1px solid #8ca0bf;
  font-size: 11px;
  margin-bottom: 5px;
}

#navirechts li {
      list-style-type: none;
      margin-left: 10px;
}
#navirechts a,
    #navilinks span {
    display: inline;
      text-decoration: none;
      color: #000;
    }
    #navirechts a:hover,
    #navirechts a:focus {
      color: #000;
      text-decoration: underline;
    }

#footer ul {
      width: 780px;
      color: #a7a5a5;
      font-size: 10px;
      font-style: normal;
    }
    #footer li {
      list-style-type: none;
      display: inline;
      margin: 2px;

    }

#footer a {
    display: inline;
      text-decoration: none;
      color: #a7a5a5;
    }
    #footer a:hover,
    #footer a:focus {
      color: #a7a5a5;
      text-decoration: underline;
    }