/* Hintergrund und Schriftart */
body {
margin: 0px;
padding: 0px;
background-color: #ffffff;
background-image: url(../gfx/layout/bg_all.gif);
background-repeat: repeat-y;
font-family: verdana, arial, helvetica, sans-serif;
font-size: 11px;
color: #003366;
}

/* Header */
#header {
position: relative;
top: 0px;
left: 4px;
width: 776px;
height: 172px;
border-top-width: 4px;
border-top-style: solid;
border-top-color: #ffffff;
}
#logo {
position: absolute;
top: 0px;
left: 0px;
width: 120px;
height: 172px;
background-color: #666666;
}
#logo img {
margin-top: 116px;
margin-left: 8px;
}
#section {
position: absolute;
top: 0px;
left: 120px;
width: 128px;
height: 172px;
background-color: #666666;
}
#section a {
display: block;
margin-top: 130px;
margin-right: 16px;
text-decoration: none;
font-size: 11px;
font-weight: bold;
color: #ffffff;
}
#headerimage {
position: absolute;
top: 0px;
left: 252px;
width: 520px;
height: 172px;
background-color: #ffffff;
border-bottom-width: 8px;
border-bottom-style: solid;
border-bottom-color: #ffffff;
}
/* Positionierung der Einzelbilder bei Bildercollage im Header */
img.a1 {
position: absolute;
top: 0px;
left: 0px;
}
img.a2 {
position: absolute;
top: 0px;
left: 87px;
}
img.a3 {
position: absolute;
top: 0px;
left: 174px;
}
img.a4 {
position: absolute;
top: 0px;
left: 261px;
}
img.a5 {
position: absolute;
top: 0px;
left: 348px;
}
img.a6 {
position: absolute;
top: 0px;
left: 435px;
}
img.b1 {
position: absolute;
top: 87px;
left: 0px;
}
img.b2 {
position: absolute;
top: 87px;
left: 87px;
}
img.b3 {
position: absolute;
top: 87px;
left: 174px;
}
img.b4 {
position: absolute;
top: 87px;
left: 261px;
}
img.b5 {
position: absolute;
top: 87px;
left: 348px;
}
img.b6 {
position: absolute;
top: 87px;
left: 435px;
}
/* Container zur Positionierung von linker Navigation und Contentbereich */
#layout {
position: relative;
top: 0px;
left: 0px;
width: 776px;
}
/* Linke Navigation */
#leftnav {
width: 256px;
font-size: 11px;
font-weight: bold;
float: left;
}
ul.leftnav_1 {
margin-top: 0px;
margin-right: 4px;
margin-bottom: 24px;
margin-left: 4px;
padding: 0px;
}
li.leftnav_1 {
margin-top: 8px;
margin-right: 0px;
margin-bottom: 0px;
margin-left: 0px;
padding: 0px;
line-height: 20px;
list-style-type: none;
background-color: #666666;
}
li.leftnav_2 {
margin-top: 16px;
margin-right: 0px;
margin-bottom: 0px;
margin-left: 0px;
padding-left: 8px;
line-height: 20px;
list-style-type: none;
}
a.selected_1 {
padding-left: 8px;
text-decoration: none;
color: #ff9999;
}
a.unselected_1 {
padding-left: 8px;
text-decoration: none;
color: #ffffff;
}
a.image {
color: #663300;
}
/* Contentbereich */
#content {
width: 520px;
float: left;
}
#content h1 {
font-size: 14px;
font-weight: bold;
margin-top: 0em;
margin-bottom: 1em;
}
#content h2 {
font-size: 11px;
font-weight: bold;
margin-top: 2em;
margin-bottom: 1em;
}
#content h3 {
font-size: 11px;
font-weight: bold;
margin-top: 2em;
margin-bottom: 1em;
}
#content p {
margin-top: 1em;
margin-bottom: 1em;
}
#content ul {
margin-top: 1em;
margin-bottom: 1em;
}
#content li {
margin-bottom: 0.2em; 
}
/* Linkfarbe im Text */
a {
text-decoration: none;
font-weight: bold;
color: #990000;
}
/* Linkliste mit Bullets in Linkfarbe */
#linklist {
color: #990000;
}
/* Teaser */
#teaserbox {
padding: 16px;
border-bottom-width: 4px;
border-bottom-style: solid;
border-bottom-color: #ffffff;
}
#teaserbox img {
margin-right: 16px;
float: left;
}
#teaserbox h1 {
margin-top: 0px;
margin-bottom: 8px;
font-size: 14px;
font-weight: bold;
}
#teaserbox h2 {
margin-top: 0px;
margin-bottom: 8px;
font-size: 11px;
font-weight: bold;
}
#teaserbox p {
margin-top: 0px;
margin-bottom: 8px;
}
/* Container zum Zuruecksetzen der Linksausrichtung */
#clear {
clear: left;
}
/* Adresse auf Startseite */
#address_1 {
padding: 16px;
text-align: right;
}
/* Adresse auf Folgeseiten */
#address_2 {
padding: 16px;
text-align: right;
border-top-width: 4px;
border-top-style: solid;
border-top-color: #ffffff;
}
/* Laufschrift */
#marquee {
padding-top: 16px;
padding-right: 16px;
padding-left: 16px;
}
/* Breite Textbox ohne rechte Bilderleiste */
#textbox_1 {
padding: 16px;
}
/* Schmale Textbox mit rechter Bilderleiste */
#textbox_2 {
width: 300px;
padding: 16px;
}
/* Rechte Bilderleiste */
#imagebox {
width: 160px;
padding-right: 16px;
float: right;
}
#imagebox img {
margin-top: 16px;
}
#imagebox span {
display: block;
font-size: 10px;
}
/* Blindtabelle fuer dies und das */
#blind {
margin-top: 1em;
margin-bottom: 1em;
border-collapse:collapse;
}
#blind td {
vertical-align: top;
padding-right: 1em;
padding-bottom: 1em;
}
td.bold {
vertical-align: top;
padding-right: 1em;
padding-bottom: 1em;
font-weight: bold;
}
td.price {
vertical-align: top;
padding-right: 1em;
padding-bottom: 1em;
white-space: nowrap;
text-align: right;
}
/* Sichtbare Tabelle fuer dies und das */
#visible {
margin-top: 1em;
margin-bottom: 1em;
border-collapse:collapse;
}
#visible th {
background-color: #dbe2e9;
border-width: 2px;
border-style: solid;
border-color: #ffffff;
vertical-align: top;
text-align: left;
padding: 0.5em;
}
#visible td {
background-color: #dbe2e9;
border-width: 2px;
border-style: solid;
border-color: #ffffff;
vertical-align: top;
padding: 0.5em;
}
/* Tabelle fuer Formulare */
#form {
margin-top: 1em;
margin-bottom: 1em;
border-collapse:collapse;
}
td.subhead {
font-weight: bold;
padding-top: 2em;
padding-right: 1em;
padding-bottom: 1em;
}
td.label {
padding-right: 1em;
padding-bottom: 1em;
}
td.field {
padding-bottom: 1em;
}
td.button {
padding-top: 1em;
padding-bottom: 3em;
}
#form input {
font-size: 11px;
}
#form select {
font-size: 11px;
}
span.red {
font-weight: bold;
color: #ff0000;
}
/* Blindtabelle Architekturseite */
#architektur {
margin-top: 1em;
margin-bottom: 1em;
border-collapse:collapse;
}
#architektur td {
vertical-align: top;
padding-bottom: 2em;
}
td.archimage {
width: 160px;
font-size: 10px;
}
td.archtext {
padding-left: 1em;
padding-right: 1em;
}
input, textarea, select, option {
font-size: 11px;
} 
form {
margin: 0;
}