/*
    Set some important default Values
*/
*
{
  padding: 0;
  margin: 0;
}

ul, ol
{
  margin: 0.5em 0 1em;
}

li
{
  padding-left: 0.5em;
  margin-left: 2em;
}

/*
    Base Layout
*/
html, body
{
  width: 100%;

  font-size: 100%;
  font-family: verdana, arial, sans-serif;
  text-align: left;

  color: #000;
  background-color: #FFF;
}

#container
{
  width: 77em;
  font-size: 62.5%;
  margin: 1em;
  position: relative;
}

/*
    Header
*/
#header
{
  margin: 0;
  padding: 0;
  border: 0;
  position: absolute;
  top: 0;
  left: 0;
  width: 100%;
}

#header img
{
  width: 100%;
  border: 0;
}

/*
    Navigation
*/
#navigation
{
  color: #000;
  background-color: #C5D5B0;

  margin: 0;
  padding: 0;
  border: 0;

  width: 100%;

  position: absolute;
  top: 10.5em;
  left: 0;
  z-index: 15;
}

#navigation ul, #navigation li
{
  margin: 0;
  padding: 0;
  list-style-type: none;
}

#navigation ul
{
  color: #FFF;
  background-color: #124271;
  width: 35em;
  border-right: 0.6em solid #900;
  padding-left: 4em;
}

#navigation li
{
  display: inline;
  font-size: 1.1em;
  font-family: Georgia, serif;
  font-weight: bold;
}

#navigation a:link, #navigation a:visited
{
  color: #FFF;
  background-color: inherit;
  text-decoration: none;
  padding: 0 0.5em;
}

#navigation a:hover, #navigation a:focus
{
  color: #900;
  background-color: #FFF;
  text-decoration: none;
}

#navigation .current
{
  padding: 0 0.5em;
  font-style: italic;
}

/*
    Content
*/
#contentBody
{
  background-color: #BAC7D5;
  color: #000;

  margin: 0;
  padding: 0;
  border: 0;

  position: absolute;
  top: 11.9em;
  z-index: 10;
}

#contentBody .breadcrumbs
{
  padding: 0.2em 1em;
}

#contentBody .breadcrumbs a:link
{
  color: #000;
  background-color: inherit;
  text-decoration: underline;
}

#contentBody .breadcrumbs a:visited
{
  color: #F00;
  background-color: inherit;
  text-decoration: underline;
}

#contentBody .breadcrumbs a:focus, #contentBody .breadcrumbs a:hover
{
  text-decoration: none;
}

#contentBody .content
{
  float: left;
  width: 27.5em;
  padding: 2em 3em;
  font-size: 1.3em;
}

#contentBody .content p
{
  margin-bottom: 0.5em;
}

#contentBody .content address
{
  font-style: normal;
}

#contentBody .content h1
{
  margin-bottom: 0.5em;
  font-size: 1.3em;
}

#contentBody .content h2
{
  margin: 1em 0 0.5em;
  font-size: 1em;
}

#contentBody .content .quoteSpace
{
  margin-top: 5em;
}

#contentBody .content blockquote
{
  font-family: Georgia, serif;
  font-weight: bold;
  margin: 0.5em 0 2em;
  color: #333;
  background-color: inherit;
  font-size: 0.9em;
  width: 40em;
}

#contentBody .content blockquote.completeWidth
{
  position: absolute;
  top: 3em;
  left: 1em;
}

#contentBody .content blockquote .secondRow
{
  padding-left: 8em;
}

#contentBody .content blockquote .thirdRow
{
  padding-left: 3em;
}

#contentBody .content blockquote .greeting
{
  padding-left: 20em;
}

#contentBody .content a:link, #contentBody .content a:visited
{
  color: #000;
  background-color: inherit;
  text-decoration: underline;
}

#contentBody .content a:focus, #contentBody .content a:hover
{
  text-decoration: none;
}

#contentBody .sidebar
{
  width: 33em;
  text-align: right;
  margin: 3em 0 0 44em;
}

#contentBody .sidebar img
{
  border-bottom:1em solid #184773;
  margin-right:0.2em;
}

/*
    Footer
*/
#footer
{
  margin: 1em;
  padding-top: 1em;
  text-align: center;
  border-top: 1px solid #888;
  color: #666;
  background-color: inherit;
}

#footer a:link, #footer a:visited
{
  color: #666;
  background-color: inherit;
  text-decoration: underline;
}

#footer a:hover, #footer a:focus
{
  text-decoration: none;
}

/*
    Format Classes
*/

.noFrmt
{
  font-weight: normal;
  font-style: normal;
}

.floatLeft
{
  float: left;
}

.floatRight
{
  float: right;
}

.clearBoth
{
  clear: both;
}

.linkDivider, #phpmyvisites, #navigation h2
{
  position: absolute;
  top: -1000em;
  left: -1000em;
}

.dontShow
{
  display: none;
}

/*
    News Box
*/
#newsBox
{
  background-image: url(../images/news_background.gif);
  background-repeat: repeat-y;
  background-position: right bottom;
  text-align: left;
  margin: 1em auto 0;
  width: 30.3em;
}

#newsBox h2
{
  color: #333;
  background-color: transparent;
  background-image: url(../images/news_headline.gif);
  background-repeat: no-repeat;
  background-position: right top;
  padding: 1.5em 0 0 1.7em;
  font-size: 1.5em;
}

#newsBox p
{
  background-image: url(../images/news_bottom.gif);
  background-repeat: no-repeat;
  background-position: right bottom;
  font-size: 0.9em;
  min-height: 2em;
  padding: 0.5em 1em 1em 2.4em;
  font-size: 1.1em;
}

#newsBox a:link, #newsBox a:visited
{
  color: #000;
  background-color: transparent;
  text-decoration: underline;
}

#newsBox a:hover, #newsBox a:focus
{
  text-decoration: none;
}

/*
    Lage
*/
#map
{
  height: 30em;
}

/*
    Wohnung
*/
#imageNavigation
{
  text-align: center;
}

#imageNavigation .last, #imageNavigation .next
{
  font-family: Georgia, serif;
  font-size: 1.1em;
  font-weight: bold;
  height: 5em;
  line-height: 3em;
  text-decoration: none;
  padding: 0.7em 3em;
  color: #036;
  background-color: inherit;
}

#imageNavigation .last:link, #imageNavigation .last:visited
{
  background-image: url(../images/wohnung_last_0.gif);
  background-position: top left;
  background-repeat: no-repeat;
}

#imageNavigation .next:link, #imageNavigation .next:visited
{
  background-image: url(../images/wohnung_next_0.gif);
  background-position: top right;
  background-repeat: no-repeat;
}

#imageNavigation .last:focus, #imageNavigation .last:hover
{
  background-image: url(../images/wohnung_last_1.gif);
  background-position: top left;
  background-repeat: no-repeat;
  color: #FFF;
  background-color: inherit;
}

#imageNavigation .next:focus, #imageNavigation .next:hover
{
  background-image: url(../images/wohnung_next_1.gif);
  background-position: top right;
  background-repeat: no-repeat;
  color: #FFF;
  background-color: inherit;
}

/*
    Skip Links
*/
#jumpToNavigation, #jumpToContent
{
  position: absolute;
  left: -1000em;
  top: -1000em;
  display: block;
  z-index: 1000;
}

#jumpToContent:focus, #jumpToContent:hover, #jumpToContent:active, #jumpToNavigation:focus, #jumpToNavigation:hover, #jumpToNavigation:active
{
  position: absolute;
  left: 55em;
  top: 1.5em;
  background-color: #FFF;
  color: #900;
  border: 0.1em solid #000;
  font-size: 1em;
  padding: 0.3em 1em;
}