/* Hintergrund und Schriftart */
body {
background-color: #e2e5e7;
margin: 0;
padding: 0;
font-family: verdana, arial, helvetica, sans-serif;
font-size: 12px;
color: #333333;
}
/* Header */
div.header {
background-color: #e71008;
padding: 1.5em 0 0 0;
}
div.logo {
width: 576px;
float: right;
}
div.logo img {
width: 200px;
height: 56px;
border: 0;
margin: 1em;
}
div.topmenue {
width: 776px;
background-image: url(../bilder/layout/bg.gif);
background-repeat: repeat-y;
}
div.topmenue ul {
margin: 0;
padding: 0 0 1em 0;
}
div.topmenue li {
margin: 0;
padding: 0 1em 0 1em;
list-style-type: none;
line-height: 2em;
font-size: 0.9em;
}
a.topitem {
color: #ffffff;
text-decoration: none;
}
a.topitem:hover {
color: #333333;
text-decoration: none;
}
a.topitemselected {
color: #333333;
text-decoration: none;
}
/* Zuruecksetzen der Rechtsausrichtung */
div.clearright {
clear: right;
}
/* Hauptnavigation */
div.mainmenue {
background-color: #9ea8b0;
border-top: 1px solid #ffffff;
border-bottom: 1px solid #ffffff;
}
div.mainmenue ul {
width: 574px;
position: relative;
top: 0px;
left: 200px;
margin: 0;
padding: 0;
border-left: 1px solid #ffffff;
border-right: 1px solid #ffffff;
}
div.mainmenue li {
margin: 0;
padding: 0 0 0 1em;
list-style-type: none;
line-height: 2em;
display: inline;
}
a.mainitem {
color: #ffffff;
text-decoration: none;
}
a.mainitem:hover {
color: #e71008;
text-decoration: none;
}
a.mainitemselected {
color: #333333;
text-decoration: none;
}
/* Positionierung von linker Spalte und Inhaltsbereich */
div.layout {
width: 776px;
background-color: #b1b9c0;
background-image: url(../bilder/layout/bg.gif);
background-repeat: repeat-y;
}
/* Linke Spalte */
div.left {
width: 200px;
float: left;
overflow: hidden;
margin-bottom: 80px;
}
div.left ul {
margin: 0 0 1em 0;
padding: 0;
}
li.leftnav1 {
margin: 0;
padding: 0 0 0 1em;
list-style-type: none;
line-height: 2em;
border-bottom: 1px solid #ffffff;
}
li.leftnav2 {
margin: 0;
padding: 0 0 0 1em;
list-style-type: none;
line-height: 2em;
}
a.leftitem {
color: #ffffff;
text-decoration: none;
}
a.leftitem:hover {
color: #e71008;
text-decoration: none;
}
a.leftitemselected {
color: #333333;
text-decoration: none;
}
/* Schmuckbild linke Spalte */
div.leftimage {
background-color: #e2e5e7;
width: 200px;
height: 120px;
overflow: hidden;
}
/* Teaser linke Spalte */
div.leftteaser {
padding: 1em;
border-top: 1px solid #ffffff;
}
div.leftteaser h1 {
margin: 0;
font-size: 1em;
font-weight: bold;
}
div.leftteaser p {
margin: 0;
}
div.leftteaser a {
color: #ffffff;
text-decoration: none;
}
div.leftteaser a:hover {
color: #e71008;
text-decoration: none;
}
div.leftteaserimage {
background-color: #e2e5e7;
width: 176px;
height: 68px;
overflow: hidden;
margin: 0 0 1em 0;
}
/* Inhaltsbereich */
div.main {
width: 574px;
float: left;
border-left: 1px solid #ffffff;
border-right: 1px solid #ffffff;
}
div.main h1 {
margin-top: 0;
margin-bottom: 1em;
font-size: 1.2em;
font-weight: bold;
}
div.main h2 {
margin-top: 2em;
margin-bottom: 1em;
font-size: 1em;
font-weight: bold;
}
div.main h3 {
margin-top: 2em;
margin-bottom: 1em;
font-size: 1em;
font-weight: bold;
}
div.main p {
margin-top: 1em;
margin-bottom: 1em;
}
div.main ul {
margin-top: 1em;
margin-bottom: 1em;
}
div.main ol {
margin-top: 1em;
margin-bottom: 1em;
}
div.main li {
margin-top: 0; 
margin-bottom: 1em; 
}
div.main a {
color: #e71008;
text-decoration: none;
}
/* Schmuckbild Inhaltsbereich */
div.mainimage {
background-color: #eff2f4;
width: 574px;
height: 120px;
overflow: hidden;
}
/* Bildunterschrift Inhaltsbereich */
div.imagetext {
padding: 0.5em 1.5em 0.5em 1.5em;
font-size: 0.9em;
color: #77838c;
}
/* Textbox Inhaltsbereich */
div.maintext {
padding: 1.5em;
}
/* Teaserbox Inhaltsbereich */
div.mainteaser {
padding: 1.5em;
border-bottom: 1px solid #bbc2c8;
}
div.mainteaserimage {
margin: 0 1em 1em 0;
float: left;
}
/* Zuruecksetzen der Linksausrichtung */
div.clearleft {
clear: left;
}
/* Rechtsbuendiger Absatz fuer Icon/Link nach oben */
p.topicon {
text-align: right;
}
/* Linkliste im Text */
ul.linklist {
color: #e71008;
}
/* Sichtbare Tabelle */
table.visible {
margin-top: 1em;
margin-bottom: 1em;
border-collapse: collapse;
}
table.visible th {
border: 1px solid #bbc2c8;
vertical-align: top;
padding: 0.5em;
text-align: left;
}
table.visible td {
border: 1px solid #bbc2c8;
vertical-align: top;
padding: 0.5em;
}
/* Unsichtbare Tabelle */
table.blind {
margin-top: 1em;
margin-bottom: 1em;
border-collapse: collapse;
}
table.blind th {
vertical-align: top;
padding: 0 1em 1em 0;
text-align: left;
}
table.blind td {
vertical-align: top;
padding: 0 1em 1em 0;
}
/* Tabelle fuer Formulare */
table.form {
margin: 1em 0 1em 0;
border-collapse:collapse;
}
table.form input {
font-family: verdana, arial, helvetica, sans-serif;
font-size: 1em;
}
table.form select {
font-family: verdana, arial, helvetica, sans-serif;
font-size: 1em;
}
table.form textarea {
font-family: verdana, arial, helvetica, sans-serif;
font-size: 1em;
}
td.label {
padding: 0 1em 1em 0;
}
td.field {
padding: 0 0 1em 0;
}
td.subhead {
padding: 2em 1em 1em 0;
font-weight: bold;
}
td.button {
padding: 1em 0 1em 0;
}
/* Fusszeile */
div.footer {
width: 776px;
background-color: #9ea8b0;
border-top: 1px solid #ffffff;
border-bottom: 1px solid #ffffff;
}
div.footer ul {
width: 574px;
position: relative;
top: 0px;
left: 200px;
margin: 0;
padding: 0;
border-left: 1px solid #ffffff;
border-right: 1px solid #ffffff;
text-align: right;
}
div.footer li {
margin: 0;
padding: 0 1em 0 0;
list-style-type: none;
font-size: 0.9em;
line-height: 2em;
display: inline;
}
a.bottomnav {
color: #ffffff;
text-decoration: none;
}
a.bottomnav:hover {
color: #e71008;
text-decoration: none;
}
a.bottomnavselected {
color: #333333;
text-decoration: none;
}
/* Abstand Fusszeile zum unteren Browserrand */
div.spacer {
height: 1.5em;
}