/* CSS Document */

* {
padding: 0;
margin: 0;
}

html,body {
height: 100%;
}

body {
text-align: center;
font-family:Arial, Helvetica, sans-serif;
font-size:101%;
background: #82badd url(../images/background_farbfelder.gif) top left repeat-x;
color: #333;
}

/* Container */

#container {
padding-top:15px;
width:90%;
min-height:100%;  /* Höhe für andere Browser, wird überschritten, wenn Inhalt größer */
margin: 55px auto;
background-color:#FFFFFF;
}

* html #container { /* Höhe für Internet Explorer */
height:100%;
}

#abstand {
font-size:5pt;
}

#kopf {
position:relative;
margin:0 15px 0 15px;
text-align:left;
background:url(../images/hintergrund_kopf_linie.jpg) top left no-repeat;
}

#ende {
position:absolute;
top:30px;
right:80px;
width:200px;
padding:10px;
border:1px solid #fff;
color:#fff;
font-weight:bold;
}

#motto-container {
clear:right;
float:right;
display:inline;
background:transparent url(../images/motto_container.gif) no-repeat;
width:300px;
height:120px;
margin-top:150px;
margin-right:40px;
color:#fff;
text-align:left;
font-family:Verdana, Arial, Helvetica, sans-serif;
}

/*#motto-container-1 {
float:right;
background:#ff9900 url(../images/motto-container-fuss.gif) left bottom no-repeat;
width:300px;
height:6.5em;
margin-top:162px;
margin-right:5%;
}

#motto-container-2 {
background:transparent url(../images/motto-container-oben.gif) left top no-repeat;
width:300px;
margin-top:-12px;
color:#fff;
text-align:left;
font-family:Verdana, Arial, Helvetica, sans-serif;
}*/

#navcontainer {
float:left;
display:inline;
text-align:left;
width:280px;
margin-top:245px;
font-size:0.9em;
font-weight:bold;
}

#inhalt {
margin:245px 40px 15px 320px;
background-color:transparent;
text-align:left;
}

#fuss {
clear:both;
height:20px;
background-color:transparent;
}

/* Navigation */

#navcontainer a {
display:block;
}

/*oberste Ebene der Navigation*/
a.navi {
display:block;
padding:6px 8px 6px 42px;
background:#bdd8eb url(../images/navi_weiss.gif) left top no-repeat;
border-bottom:1px solid #fff;
color:#369;
text-decoration:none;
}

a.navi:visited {
color:#369;
text-decoration:none;
}

/* oberste Ebene der Navigation, wenn Unterpunkte vorhanden sind */
a.navi-ueberschrift {
display:block;
padding:6px 8px 6px 42px;
background:#bdd8eb url(../images/navi_weiss.gif) left top no-repeat;
border-bottom:1px solid #fff;
color:#369;
text-decoration:none;
}

a.navi-ueberschrift:visited {
color:#369;
text-decoration:none;
}


/* oberste Ebene der Navigation aktiv */
a.naviaktiv, a.navi:hover {
display:block;
padding:6px 8px 6px 42px;
background:#bdd8eb;
color:#fff;
border-bottom:1px solid #fff;
background:#cc0000 url(../images/pfeil_aktiver_link.gif) left top no-repeat;
color:#fff;
text-decoration:none;
}

a.naviaktiv:visited {
color:#fff;
text-decoration:none;
}

/* Überschrift über Zweitnavigation, wenn die Kapitelübersicht geöffnet ist */
a.navi_oben {
display:block;
padding:6px 8px 6px 72px;
background:#82badd url(../images/pfeil_navi-offen.gif) left top no-repeat;
border-bottom:1px solid #fff;
color:#369;
text-decoration:none;
}

a.navi_oben:visited {
color:#369;
text-decoration:none;
}

/* Überschrift über Zweitnavigation aktiv und Hover */
a.navi_obenaktiv, a.navi-ueberschrift:hover {
display:block;
padding:6px 8px 6px 72px;
background:#cc0000 url(../images/pfeil_aktiver_link_zweite-ebene.gif) left top no-repeat;
border-bottom:1px solid #fff;
color:#fff;
text-decoration:none;
}

a.navi_obenaktiv:visited {
color:#fff;
text-decoration:none;
}

/* zweite Ebene der Navigation */
a.zweitnavi {
display:block;
padding:6px 8px 6px 72px;
background:#bdd8eb url(../images/navi_weiss.gif) left top no-repeat;
border-bottom:1px solid #fff;
color:#369;
text-decoration:none;
}

a.zweitnavi:visited {
color:#369;
text-decoration:none;
}

/* zweite Ebene der Navigation aktiv */
a.zweitnaviaktiv, a.zweitnavi:hover {
display:block;
padding:6px 8px 6px 72px;
background:#bdd8eb;
color:#fff;
border-bottom:1px solid #fff;
background:#cc0000 url(../images/pfeil_aktiver_link.gif) left top no-repeat;
color:#fff;
text-decoration:none;
}

a.zweitnaviaktiv:visited {
color:#fff;
text-decoration:none;
}




/* Textformatierung */

#motto-container h2 {
font-size:18pt;
font-weight:normal;
text-indent:-30px;
margin-left:50px;
margin-top:8px;
margin-right:10px;
background-color:#c00;
}

#motto-container p {
font-size:12pt;
font-weight:bold;
margin-left:20px;
margin-right:10px;
margin-top:8px;
background-color:#ff9900;
}

#inhalt h1 {
margin:1em 0 1em 0;
color:#369;
font-size:1.2em;
font-weight:bold;
}

#inhalt h2 {
margin:1.5em 0 0.5em 0;
color:#369;
font-size:1em;
font-weight:bold;
}

#inhalt h3 {
margin:1em 0 0.5em 0;
font-size:1em;
font-weight:bold;
color:#333333;
}

#inhalt p {
margin-bottom: 1em;
line-height:130%;
}

#inhalt a, #inhalt a:visited {
color:#369;
}

#inhalt a:hover, #inhalt a:active, #inhalt a:focus {
color:#c00;
text-decoration:none;
}

#inhalt ul {
font-size: 1em;
line-height:130%;
list-style-image:url(../images/DataIcon.gif);
margin: 1em 1em 1em 1em;
}

#inhalt ul li {
padding: 0.5em 0;
margin: 0.5em 0 0 0;
}

* html #inhalt ul li { /* Korrektur fuer IE 5.x */
margin-left: 0;
ma\rgin-left: 0;
padding-top: 0;
padd\ing-top: 0;
}


/* Suchmaschine */

#search {
display:inline;
}


input.bgImage {
width:130px;
height:23px;
background:url(../images/suchmaske.jpg) no-repeat;
border: 0;
padding: 4px 2px 0 3px;

}

small {
font-size:0.7em;
}

/* Bewerbungsformular */

form {
font-size:0.9em;
}

form p {
margin:0.5em;
}

form h3 {
padding:0 0.5em;
}

form fieldset {
margin:1em 0;
padding:0.5em;
border:1px solid #ccc;
}

form legend.rot {
border: 1px solid #ccc;
color: #fff;
background-color: #c00;
padding:2px 4px;
}

form legend.gelb {
border: 1px solid #ccc;
color: #fff;
background-color: #f90;
padding:2px 4px;
}

p.hinweis {
background-color:#bdd8eb;
padding:0.5em;
}

/* Servicebuttons */

#service {
clear:right;
float:right;
margin-top:1em;
}

#service img {
border:none;
margin-bottom:5px;
}


/* Sonstiges */

.clear {
clear:both;
}

.invis {
display:none;
}

table {
font-size:0.9em;
border:1px solid #369;
border-collapse:collapse;
}

table caption {
display:none;
}

table th {
font-weight:bold;
color:#369;
}

table th, table td {
border:1px solid #369;
padding: 3px;
}

table td {
text-align:right;
}

.rot {
color:#c00;
}

.klein {
font-size:0.85em;
}