/*
 screen.css
*/
html, body { margin: 0; padding: 0; }
body
{
  background: white;
  color: #747474;
  font: 0.9em Verdana, Helvetica, Arial, sans-serif;
}

h3 { font-size: 120%; }
h4, h5, h6 { font-size: 100%; }

a:link, a:visited { color: #00953d; text-decoration: underline; }
a:hover, a:active { text-decoration: none; }
a:focus { text-decoration: none; }
a img { border: 0; }
acronym { cursor: crosshair; }
ul.none { list-style: none; }
.hidden { visibility: hidden; }

/* Klassen */
.left { text-align: left; }
.right { text-align: right; }
.center { text-align: center; }
.top { vertical-align: top; }


/* Layout */
#site
{
  margin: 0 auto;
  min-width: 50em;
}

#head
{
  height: 145px;
  background: #88bf80 url('../img/head.jpg') no-repeat;
  position: relative;
}
#head h1
{
  margin: 0;
  padding: 0;
  position: absolute;
  top: 14px;
  right: 50px;
}
#head h1 span { display: none; }
#head p
{
  float: right;
  font-weight: bold;
  background: url('../img/servicecenter.gif') no-repeat left center;
  height: 43px;
  font-size: 120%;
  line-height: 43px;
  padding: 0 40px;
  margin: -11px 0 0;
  position: absolute;
  top: 50%;
  right: 15px;
  text-transform: uppercase;
  font-size: 150%;
}
#head span { }

#menu
{
  height: 42px;
  line-height: 42px;
  background: url('../img/bg.jpg') repeat-y;
  font-size: 90%;
}
#menu h2 { display: none; }
#menu ul
{
  margin: 0;
  padding: 0;
  list-style: none;
  text-align: center;
  /*background: url('../img/maus.jpg') no-repeat;*/
  text-transform: uppercase;
}
#menu li
{
  display: inline;
  margin: 0 10px;
}
#menu a:link, #menu a:visited
{
  color: #747474;
  text-decoration: underline;
}
#menu a:hover, #menu a:active { text-decoration: none; }

#left, #right { padding-top: 20px; width: 20%; overflow: hidden; font-size: 80%; }
#left h3, #right h3
{
  color: white;
  background: #747474;
  text-align: center;
  font-weight: normal;
  margin: 0;
  padding: 0;
  font-size: 100%;
  position: relative;
  height: 16px;
  line-height: 16px;
}
#left h4 { margin: 3px 5px; }
#left div, #right div
{
  padding: 25px 5px 10px;
  background: #f5f5f5 url('../img/verlauf.jpg') repeat-x;
}
#left .first, #right .first { margin-top: 0; }
#right .last { margin: 0; padding: 0; }
#left h4, #right ul, #right strong { color: #00953d; }
#left a, #right a
{
  background: url('../img/orange.jpg') left center no-repeat;
  padding-left: 10px;
}
#right ul a { background: none; padding: 0; }

#left { float: left; }
#left h2 { display: none; }

#right { float: right; }
#right h2 { display: none; }
#right fieldset
{
  margin: 0;
  padding: 0;
  border: 0;
}
#right legend { display: none; }
#right ul
{
  margin: 0;
  padding: 0 10px;
  list-style: none;
}
#right form
{
  padding: 0;
  margin: 5px 0;
  text-align: center;
  line-height: 110%;
}
#right label
{
  text-align: left;
  display: block;
  margin: 0 0 5px;
}

/* Icons */
#wohnungen, #neuigkeiten, #uebersichtskarte, #schnellsuche, #service, #oeffnungszeiten
{
  position: absolute;
  display: block;
}
#wohnungen
{
  background: url('../img/wohnungen.jpg') no-repeat;
  width: 46px;
  height: 50px;
  top: -20px;
  left: 2px;
}
#neuigkeiten
{
  background: url('../img/news.jpg') no-repeat;
  width: 61px;
  height: 52px;
  top: -24px;
  left: 2px;
}
#uebersichtskarte
{
  background: url('../img/karte.jpg') no-repeat;
  width: 47px;
  height: 47px;
  top: -14px;
  left: 2px;
}
#schnellsuche
{
  background: url('../img/suche.jpg') no-repeat;
  width: 46px;
  height: 64px;
  top: -20px;
  right: 2px;
}
#service
{
  background: url('../img/kontakt.jpg') no-repeat;
  width: 41px;
  height: 63px;
  top: -20px;
  right: 2px;
}
#oeffnungszeiten
{
  background: url('../img/oeffnungszeiten.jpg') no-repeat;
  width: 42px;
  height: 42px;
  top: -15px;
  right: 2px;
}
#partner
{
  text-align: center;
  margin: 0;
  padding: 0;
}
#partner li { margin: 5px 0; }

#content
{
  width: 60%;
  margin: 0 auto;
}
#content h2
{  
  background: #747474;
  margin: 20px 2px 0;
  padding: 0;
  height: 16px;
  line-height: 16px;
  font-size: 100%;
  color: white;
  text-align: center;
  font-weight: normal;
  color: #747474;
}
#text { padding: 10px; }

#footer
{
  clear: both;
  text-align: center;
  border-top: 5px solid #747474;
}
#footer h2 { display: none; }
#footer ul
{
  list-style: none;
  margin: 10px 0;
  padding: 0;
}
#footer li
{
  display: inline;
  margin: 0 20px;
}
#footer a { color: #747474; }

/* From */
form
{
  margin: 0;
  padding: 0;
  line-height: 180%;
}
form br { clear: both; }
fieldset
{
  border: 1px solid #747474;
  padding: 5px;
  margin: 0;
}
label { font-style: italic; }
input, textarea, select, label { cursor: pointer; }
input[type=password], input[type=text], select, textarea
{
  border: 1px outset black;
  font: 1em sans-serif;
}
input[type=text]:focus, input[type=password]:focus, textarea:focus
{
  cursor: text;
  border: 1px inset black;
}
label.left
{
  float: left;
  width: 11em;
  text-align: right;
  margin: 0 1em;
}
input.left, textarea.left { float: left; }
form span.right
{
  float: left;
  margin: 0 0 0 13em;
}
input.right
{
  margin: 0 0 0 1em;
  padding: 0;
  vertical-align: middle;
}

/* Logo */
#logo { margin: 10px 50px; }

/* Wohnungsangebote */
#wohnungsangebote
{
  width: 100%;
  font-size: 115%;
  margin: 15px 0 0;
  border-spacing: 5px;
  text-align: left;
}
#wohnungsangebote caption { display: none; }
#wohnungsangebote th
{
  border-bottom: 1px solid #747474;
  text-align: left;
  font-weight: normal;
  font-style: italic;
}
#wohnungsangebote td { vertical-align: middle; }
.desc
{
  text-align: right;
  font-weight: bold;
  width: 15em;
  overflow: hidden;
}
.more
{
  border: 1px solid #747474;
  padding: 5px;
}
.images img
{
  display: block;
  line-height: 0%;
  margin: 10px auto;
  padding: 1px;
  border: 1px solid black;
}
.details img
{
  vertical-align: middle;
  line-height: 0%;
}
.details { text-align: center; }

/* News */
div.news
{
  border-bottom: 2px solid #747474; 
}
.news div
{
  padding: 0 5px;
  min-height: 100px;
}
.news .news
{
  text-align: right;
  font-size: 95%;
}
.news .news span { display: none; }
img.news { float: right; }

/* Suche */
#suchefield
{
  margin: 5px auto;
  width: 55em;
}

#sonstiges dt {
  margin: 0.2em 0;
  color: #00953d;
}
#gebaeude {
  list-style: none;
  text-align: center;
  padding: 0;
  margin: 2em 0;
}
#gebaeude li { display: inline; }
#gebaeude img {
  vertical-align: middle;
  border: 2px solid black;
  margin: 0.2em;
}

#gaestewohnung {
    margin: 0.5em auto;
    width: 80%;
}
#gaestewohnung th { border-bottom: 1px solid black; }
#gaestewohnung tfoot td { border-top: 1px solid black; }
#gaestewohnung img { vertical-align: middle; }