/**
* CSS (Screen)
*
* @author	Sebastian Müller <sebastian produktivbuero de>
* @date		15/11/2007
*/

body {
  margin: 0;
  padding: 0;
  font-family: Times, serif;
  font-size: 12px;
  color: #000000;
  text-align: center; /* IE lte 6: zentrierte Ausrichtung */
  background: #274E72;
}

h1 {
  margin: 0;
  padding: 0;
  font-size: 18px;
  color: #274E72;
  font-style: italic;
}

h2 {
  margin: 0;
  padding: 25px 0 0 0;
  font-size: 14px;
  color: #274E72;
}

h3, h4, h5, h6 {
  margin: 0;
  padding: 0;
  font-size: 12px;
  font-style: italic;
  font-weight: normal;
}

img {
  border: none;
}

p {
  margin: 10px 0;
  padding: 0;
  line-height: 180%;
}

ul {
  margin: 10px 0 25px 0;
  padding: 0;
  line-height: 180%;
}

li {
  margin: 0;
  padding: 0 15px;
  list-style-type: none;
  background: url(images/content-list.gif) no-repeat top left;
}

a {
  color: #000000;
}

acronym {
  cursor:help;
}

blockquote {
  margin: 10px 0 0 0;
  padding: 0;
  color: #274E72;
  font-size: 16px;
  font-style: italic;
  font-weight: bold;
}

cite {
  margin: 0;
  padding: 0;
  color: #000000;
  font-size: 12px;
  font-weight: normal;
  line-height: 180%;
}

label {
  width: 60px;
  float: left;
  font-weight: bold;
}

iframe {
  margin: 10px 0;
  padding: 0;
  width:100%;
  height:400px;
  line-height: 180%;
  border:none;
}

table p {
  margin: 0;
}

/* ------------ Layout ------------ */

#printtop {
}

#position {
  background: #FFFFFF;
}

#header {
  margin: 0;
  padding: 0;
  height: 110px;
  overflow: hidden;
  display: block;
  background:  url(images/header-background.gif) repeat-x;
}

#content {
  position:relative;
  margin: 0;
  padding: 0;
  font-family: Arial;
  display: block;
  background: #FFFFFF;
}

#center {
  position:relative;
  margin: 0 auto;
  padding: 25px 0 0 0;
  width:920px;
  min-height:150px;
  background: #FFFFFF;
  overflow:hidden;
}

#navigation {
  position:absolute;
  left:0;
  width:120px;
  top:-20px;
  float: left;
  overflow:hidden;
}

#left {
  margin: 0 0 25px 120px;
  padding: 0 25px;
  text-align: left;
  width: 350px;
  float: left;
}

#right {
  margin: 0 0 25px 520px;
  padding: 0 25px;
  text-align: left;
}

#colspan {
  margin: 25px 0 25px 120px;
  padding: 0 25px;
  text-align: left;
  width: 750px;
  clear:left;
}

#gallery {
  margin: 10px 0;
}

#footer {
  margin: 0;
  padding: 15px 0;
  font-size: 14px;
  letter-spacing: 0.05em;
  color: #8FA3B6;
  overflow: hidden;
  display: block;
  clear:both;
  background: #274E72 url(images/footer-background.gif) repeat-x;
}

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

#navigation ol {
  margin:0;
  padding:0;
}

#navigation li {
  margin:0;
  padding:0;
  width: 24px;
  height:2000px;
  overflow: hidden;
  float:left;
  list-style-type:none;
}

#navigation a {
  width: 24px;
  height:2000px;
  overflow: hidden;
  float:left;
}

#navigation a.de-start {
  background: #274E72 url(images/navigation-de-start.gif) no-repeat left 20px;
}

#navigation a.de-start:hover, #navigation a.de-start-on {
  background: #D96D26 url(images/navigation-de-start-on.gif) no-repeat left 20px;
}

#navigation a.de-mieter {
  background: #38699C url(images/navigation-de-mieter.gif) no-repeat left 20px;
}

#navigation a.de-mieter:hover, #navigation a.de-mieter-on {
  background: #D96D26 url(images/navigation-de-mieter-on.gif) no-repeat left 20px;
}

#navigation a.de-eigentuemer {
  background: #628CBE url(images/navigation-de-eigentuemer.gif) no-repeat left 20px;
}

#navigation a.de-eigentuemer:hover, #navigation a.de-eigentuemer-on {
  background: #D96D26 url(images/navigation-de-eigentuemer-on.gif) no-repeat left 20px;
}

#navigation a.de-gemeinschaft {
  background: #95B0D1 url(images/navigation-de-gemeinschaft.gif) no-repeat left 20px;
}

#navigation a.de-gemeinschaft:hover, #navigation a.de-gemeinschaft-on {
  background: #D96D26 url(images/navigation-de-gemeinschaft-on.gif) no-repeat left 20px;
}

#navigation a.de-kontakt {
  background: #C0CCDA url(images/navigation-de-kontakt.gif) no-repeat left 20px;
}

#navigation a.de-kontakt:hover, #navigation a.de-kontakt-on {
  background: #D96D26 url(images/navigation-de-kontakt-on.gif) no-repeat left 20px;
}


/* ------------ Sonstiges ------------ */

#content ul.teaserlist {display:block;}

#content ul.teaserlist li {margin:15px 0 0 50px; padding:0; width:200px; height:40px; list-style-type:none; background:url(images/teaserlist-left.gif) no-repeat center left;}

#content ul.teaserlist a {padding:8px 15px 20px 15px; font-weight:bold; color:#274E72; display:block;text-decoration:none; background:url(images/teaserlist-right.gif) no-repeat top right;}

#content ul.downloadlist {display:block;}

#content ul.downloadlist li {margin:0 0 15px 50px; padding:0; width:200px; height:40px; list-style-type:none; background:url(images/downloadlist-right.gif) no-repeat center right;}

#content ul.downloadlist a {padding:8px 15px 20px 15px; font-weight:bold; text-align:right; color:#274E72; display:block;text-decoration:none; background:url(images/downloadlist-left.gif) no-repeat top left;}

#content .contentimage {
  margin:0 0 0 -25px;
}

#gallery img {
  margin: 5px 7px;
}

p.printlogo {
  
}

p.printinfo {
}

span.printnote {

}

span.block {
  margin: 0 10px;
}

.note, .note a {
  font-size: 12px;
  color: #AFAFAF;
}

#footer a {
  color: #8FA3B6;
  text-decoration: none;
}

#footer a:hover {
  color: #FFFFFF;
}

.print {
  display: none;
}

.noprint {
}

.hide {
  display:none;
}