body {
font-family: Lucida Sans, Tahoma, Verdana, sans-serif;
font-size: 12px; line-height: 18px;
color: #000; background-color: #DFDFDF;
margin: 0; padding: 0;
}
img { margin: 0; padding: 0; border: 0; }
.nofloat { clear: both; line-height: 1px; height: 1px; }

/* Grundstruktur: */
/* ============================== */
#container {
position: relative;
width: 950px;
/* Ganze Seite horizontal mittig, falls gewünscht: */
/*margin: 0 auto;*/
margin: 0; padding: 0;
background-color: #fff;
}
/* Damit die senkrechte Linie durch den Inhaltsbereich läuft 
unabhängig von der Höhe von #content und/oder #marginalspalte: */
#container #linie {
background: #fff url(../bilder/pixel-blau.gif) 687px 0 repeat-y;
margin: 30px 0 26px 0; /* Abstand zu header und footer */
}
/* Für Verwaltung: */
/* -------------------- */
#container #linie.admin{
background: #fff;
}
#container #contentAdmin { 
float: left;
width: 740px; 
padding: 0 14px;
background: transparent;
}
#container #verwaltung {
background-color: #990000; 
padding: 1px 0 3px 180px; 
margin: 4px 0 -26px 0;
color: #ebcccc; font-weight: bold;
}
#container #verwaltung a { 
color: #fff;
text-decoration: none;
}
#container #verwaltung a:hover, #container #verwaltung a.on {
background-color: #c26666;
} 
/* -------------------- */
#container #content {
position: relative;
float: left;
width: 484px;
padding: 0px 14px;
background: transparent;
}
#container #marginalspalte {
position: relative;
float: left;
/* 1px ausparen, damit im IE6 die bg-Linie angezeigt wird! */
width: 231px;
padding: 0 15px;
margin: 0 0 0 2px;
font-size: 11px;
background: transparent;
}
* html #container #marginalspalte { width: 209px; }
#container #footer {
position: relative;
clear: left;
width: 950px; height: 22px;
text-align: center;
background-image: url(../bilder/bg_footer.jpg);
font-size: 11px;
line-height: 19px;
color: #fff;
font-weight: bold;
}
#container #nav {
position: relative;
float: left;
width: 174px;
}

/* Hauptnavigation: */
/* ============================== */
#nav #navbox, #nav #loginbox {
background-image: url(../bilder/bg_nav.jpg);
margin: 0 0 30px 0; 
padding: 0;
}
#nav #navbox ul { margin: 0; padding: 0; }
#nav #navbox ul li { 
width: 159px; margin: 0 0 1px 0; 
padding: 0; list-style-type: none; 
}
#nav #navbox ul li a, #nav #navbox ul li a.on { 
display: block;  /* farbiger bg-grafik Teil ist 159px breit ! */
padding: 2px 0 1px 24px; margin: 0;
text-decoration: none; 
font-size: 13px; line-height: 19px; 
color: #273644; background: transparent;
}
#nav #navbox ul li a:hover, #nav #navbox ul li a.on { 
background: #e7f3fd url(../bilder/pfeil.gif) 14px center no-repeat; 
}
#nav #navbox ul li a.on { font-weight: bold; }
#nav #navbox ul li.on { background-color: #e7f3fd; margin-bottom: 0; }
/* zu große Abstände im IE ausgleichen: */
* html #nav #navbox ul li { margin-bottom: -2px; }
* html #nav #navbox ul li.on { margin-bottom: 1px; }

/* Subnav: */
#nav #navbox ul.sub { 
background-color: #e7f3fd;
list-style-type: none;
padding-left: 24px; width: 135px;
margin: 0;
}
#nav #navbox ul.sub li { width: 135px; }
#nav #navbox ul.sub li a { padding-left: 14px; }
#nav #navbox ul.sub li a:hover, #nav #navbox ul.sub li a.on { background: #e7f3fd url(../bilder/pfeil.gif) 2px center no-repeat; }

#nav .kontakt{
/*padding-left: 22px; */
padding-left: 12px;
font-size: 11px;
}
/* Login Formular: */
#nav form { margin: 0 0 0 24px;  }
#nav form p { margin: 0; padding: 0; font-size: 11px; }
#nav form p b { font-size: 12px; }
#nav form label { display: block; margin: 0; padding: 0; font-size: 11px; }
#nav input { width: 110px; }
#nav input.submit { width: 116px; margin: 5px 0; cursor: pointer; }


/* Content-Navigation: */
/* ============================== */
#content ul li { margin-bottom:8px; }
#content ul.nav {
margin: 0 0 20px 0; 
padding: 0;
background-color: #dae6f2;
border-top: 1px solid #b1c7d2;
border-bottom: 1px solid #b1c7d2;
min-height: 130px;
}

#content ul.nav li {
list-style-type: none;
margin: 4px 0; padding: 0; 
}
#content ul.nav li.mitLinie { border-bottom: 1px solid #e9f0f7; }
* html #content ul.nav li { height: 18px; }
#content ul.nav li a, #content ul.nav li a.on {
display: block;
padding: 2px 14px 1px 24px; margin: 0;
text-decoration: none; 
color: #3f576e; background-color: #dae6f2;
font-size: 12px; line-height: 15px;
}
#content ul.nav li a:hover, #content ul.nav li a.on {
background: #dae6f2 url(../bilder/pfeil.gif) 14px 7px no-repeat; 
}
#content ul.nav li a.on { font-weight: bold; }
#content ul.nav li a.leer:hover { background: none; }


/* Seiten, Inhalte: */
/* ============================== */

* html #content h1, * html #contentAdmin h1, * html #content h2, * html #content h3, * html #content p, * html #content ul {
width: 484px; margin-right: -20px;
}
/* h, p, ul, ol */
#content h1, #contentAdmin h1, #content h2, #content h3 {
font-size: 12px; line-height: 18px;
margin: 0 0 16px 0;
}
#content h1, #contentAdmin h1, #content h2, #content h3, #nav p { color: #283B71; }
#content h2.sub, #content h3.sub, #content h3.datum { 
color: #666; 
margin: -12px 0 12px 0;
}
#content h2.sub, #content h3.sub {
padding: 0 0 12px 0; 
border-bottom: 1px solid #b1c7d2; 
}
#content div.termin {
border-bottom: 1px solid #b1c7d2;
padding: 3px 0;
margin: 0 0 28px 0;
}
#content h2.ohneAbstand, #content h3.ohneAbstand {
margin: 0 0 4px 0;
}
#marginalspalte h3 {
font-size: 12px;
color: #3F576E;
line-height: 18px;
margin-top: 0px;
margin-bottom: 16px;
}
#marginalspalte p { 
margin: 0 0 24px 0;
}
#content p, #content ul { margin: 0 0 12px 0; }
#contentAdmin p.admin { 
font-size: 11px; background-color: #f5e5e5; 
margin: 3px 0 2px 0;
padding: 1px 1px 2px 3px;
}

#content ul {
margin-left: 18px; 
padding: 0;
}
* html #content ul { width: 466px; margin-left: 0; padding-left: 18px; }
#content ol {
margin-left: 20px;
padding: 0;
}

/* Links */
#content a, #contentAdmin a, #marginalspalte a, #nav a.kontakt { color: #000; }
#contentAdmin table th { min-height: 40px; }
#contentAdmin table th a { display: block; height: 40px; }
#contentAdmin a.breadcrump { text-decoration: none; font-weight: bold; }
#nav a.kontakt { padding-left: 0; }
#content a.grau, #marginalspalte a.grau, p.grau { color: #B7BFD2; }
#footer a { color: #fff; }
#contentAdmin a:hover { color: #666; }
#content div.edit, #marginalspalte div.edit {
text-align: right; width: 20px;
}
#content div.edit a.edit, #marginalspalte div.edit a.edit {
background-color: #990000;
color: #fff; text-decoration: none;
font-weight: bold; 
font-size: 16px; line-height: 18px;
padding: 1px 0 2px 0;
}
#content div.edit a.edit:hover, #marginalspalte div.edit a.edit:hover {
color: #ff8888;
}

/* Bilder */
#content img.left {
float: left;
margin: 4px 15px 8px 0;
}
#content p.copyright {
clear: left; float: left; 
font-size: 10px;
margin-top: -3px;
}

/* Formulare */
form { margin: 0; padding: 0; }
form .info { 
margin: 0 0 10px; 0; padding: 0;
font-size: 84%; 
}
fieldset {
position: relative;
margin: 0 0 8px 0;
padding: 12px 15px 8px 15px;
background-color: #fff;
}
* html #content fieldset { width: 453px; }
fieldset, fieldset input.text, fieldset input.zahl {
border: 1px solid #b1c7d2;
}
fieldset legend { color: #5f83a0; padding: 0 5px; margin: 0 0 0 -4px; }
* html fieldset legend { margin: 0 0 10px -12px; }
* html #content fieldset p { width: 450px; }
fieldset label.links {
display: block; float: left;
width: 140px; height: 30px;
}
fieldset label.rechts {
display: block; float: right; 
width: 420px;
}
fieldset label.checkbox {
display: block; float: right;
width: 420px;
}
#contentAdmin fieldset label.rechts, #contentAdmin fieldset label.checkbox { width: 680px;  }
fieldset input.text, fieldset input.zahl, fieldset textarea { 
width: 296px; padding: 1px 4px;
border: 1px solid #b1c7d2;
background-color: #edf3f9; color: 000;
font-family: Verdana, sans-serif;
font-size: 12px;
}
#contentAdmin fieldset input.text { width: 500px; }
fieldset input.zahl {
width: 74px;
}
fieldset input.radio { height: 16px; }
fieldset input.checkbox { }
input.upload { background-color: #fff; width: 400px; }


/* Tabellen */
#content table.ablauf {
border: 0px; width: 100%;
border-collapse: seperate; border-spacing: 2px;
}
#content table.ablauf td.ablaufspalte1, #content table.ablauf td.ablaufspalte2 {
vertical-align: top;
padding: 2px 2px 3px 8px;
}
#content table.ablauf td.ablaufspalte1 {
background-color: #cbd6e8;
width: 160px; 
}
#content table.ablauf td.ablaufspalte2 { 
background-color: #d8e1eb; 
}
/* Tabelle Admin */
#contentAdmin table {
border: 0; border-collapse: seperate; border-spacing: 2px;
width: 100%;
}
#contentAdmin td {
background-color: #d8e1eb;
padding: 1px 2px 3px 5px;
}
#contentAdmin th, #contentAdmin td { vertical-align: top; }
#contentAdmin th { background-color: #efefef; }

/* diverse Classen: */
#content div.vorstand {
float: left;
width: 375px;
height: 120px;
}
#content div.bildvorstand {
float: left; 
width: 95px;
height: 130px;
font-size: 9px;
}

/* ----- nerissa ------- */

.blauelinie {
width: 100%;
line-height: 16px;
display: block;
border-bottom: 1px solid #53728E;
margin-bottom: 20px;
}


.bildheader {
margin-bottom: 30px;
}