/* CSS Document */
body{
        font: 1em Helvetica, Arial, sans-serif;
        color: black;
        margin: 0 0 0 210px;
        padding: 0;
        background-color:#FFF;
}

html {
        padding: 0;
}
a {
        color: #003399;
        text-decoration: none;
}

a:link {
        color: #003399;
}

a:visited {
        color: #003399;
}

a:hover {
        text-decoration: underline;
}
/*-------------------------*/
/*---- FONTs begin ------*/
/*-------------------------*/
#headline {
        /*position:relative;
        top:1em;*/
        font-size: 1.3em;
        font-weight: bold;
        margin:1em 0 2em 0.8em;
        color:#036;
        clear:both;
}
h2 {
        font-size: 1em;
        font-weight: bold;
        padding: 0.5em 1.5em 0.4em 0;
        margin:2em 0 0 1em;
        color: #1D8179;
}

h2 a.linkh2 {
        font-size: 1em;
        clear:both;
        font-weight: bold;
        text-decoration: none;
        color: #1D8179;
}

h3 {
        font-size: 1em;
        font-weight: bold;
        margin:2em 0 1em 1em;
}

h4 {
        font-size: 0.85em;
        font-weight: bold;
        margin:0 0 0 1em;
}

hr {
        margin:2em 2em 0 1em;
}

li a {
        font-size: 1em;
}
#left li a, #sprungmenu li a {
        font-size: 0.85em;
}
ul#sprungmenu li {
	list-style-type:none;
}
.liste{
        line-height:2em;
        font-size: 0.85em;
}
.link_liste{
        line-height:2em;
        font-size: 0.85em;
		list-style-type:none;
}
#Scrollbereich p {
        margin:0 2em 1em 1.2em;
        line-height: 2em;
        font-size: 0.85em;
}
#Scrollbereich ul {
        margin:0 2em 1em 0;
        line-height: 2em;
        font-size: 0.85em;
}
/*
*html #Scrollbereich ul {
        margin:0 2em 1em 2em;
}
*/
#footer p {
        padding: 1em 0 1em 0;
        margin: 0 0 0 1.2em;
        line-height: 1.4em;
        font-size: 0.85em;
}
#footer a {
        font-size:1em;
}
#verbaende h1{
		font-size:0.85em;
		color:#036;
}
#verbaende p{
		font-size:0.7em;
		color:#036;
}
/*-------------------------*/
/*---- FONTs end------*/
/*-------------------------*/





/*-------------------------*/
/*--- - CLASS begin----*/
/*-------------------------*/
.invisible {
        display: none;
}
.topofpage {
        background: url(../images/icon_topofpage.gif) no-repeat;
        background-position: 0em 0.3em;
        padding-left: 0.7em;
}
.newwindow {
        background: url(../images/icon_newwindow.gif) no-repeat;
        background-position: 0em 0.2em;
        padding-left: 1.2em;
}

.link {
        background: url(../images/icon_link.gif) no-repeat;
        background-position: 0em 0.5em;
        padding-left: 0.8em;
}
.linkh2 {
        background: url(../images/icon_link.gif) no-repeat;
        background-position: 0em 0.5em;
        padding-left: 0.8em;
}
.email {
        background: url(../images/icon_email.gif) no-repeat;
        background-position: 0em 0.3em;
        padding-left: 1.3em;
}
.pdf {
        background: url(../images/icon_pdf.gif) no-repeat;
        background-position: 0.2em 0em;
        padding-left: 1.3em;
}

.anchor {
        background: url(../images/icon_anchor.gif) no-repeat;
        background-position: 0em 0.4em;
        padding-left: 0.7em;
}
.left {
        text-align: left;
        line-height:200%;
        width: 12em;
        float: left;
        margin-left: 1em;
        font-weight:bold;
}
.right {
        line-height:200%;
}
.thumb{
        float:left;
        margin:5px 20px 20px 0;
        border:none;
}
.image{
        float:right;
        margin:10px 200px 0 0;
        border:none;
}
/*-------------------------*/
/*--- CLASS end----*/
/*-------------------------*/



/*---------------------*/
/*--- COLUMN  begin ---*/
/*---------------------*/
#Scrollbereich{
        background-color:#FFF;
         z-index: 2;
}
#head{
        width:98%;
        margin:0;
        padding:0;
        height:8em;
}
#liniehead {
        height:2px;
        border:none;
        background-color:#95B8B4;
        clear:both;
}
#logo img{
	/*position:relative;
        left:1em;
        top:2em;*/
        height:auto;
	border:none;
	margin:2em 0 0 1em;
	padding:0;
	z-index:2
}

html>body #left {  /* nur fuer moderne Browser! */
        position: fixed;
}
#left{
        position:absolute;
        float:left;
        top:0px;
        left:0px;
        margin:0;
        padding:0;
        width:200px;
        height:100%;
        background-image:url(../images/bg_left.jpg);
        background-position:100% 0px;
        background-repeat:no-repeat;
        background-color:#95B8B4;
        z-index: 3;
}
#footer {
        margin:0;
         clear:both;
}
/*---------------------*/
/*--- COLUMN  end -----*/
/*---------------------*/




/*-------------------------*/
/*---- HAUPTNAVI begin ----*/
/*-------------------------*/
#head ul li a {
        font-size:0.9em;
}
#hauptnavi {
        width:98%;
}
#hauptnavi img{
        height:4.45em;
        border:none;
        margin:0em;
}
#hauptnavi li {
        list-style-type:none;
        float:left;
        text-align:center;
        padding:0;
        margin:1em 1em 0 0;
}
#hauptnavi ul {
        margin:0;
        padding:2em 0 0 1em;
        text-align:center;

}
#hauptnavi ul a, #hauptnavi ul span {
        padding: 0;
        text-decoration: none;
        font-weight: bold;
        color:#036;
}

#hauptnavi ul a:hover, #hauptnavi ul span {
        color: #1D8179;
}
/*-------------------------*/
/*---- HAUPTNAVI end ----*/
/*-------------------------*/




/*-------------------------*/
/*----  LEFT begin ----*/
/*-------------------------*/
html>body #fixiert {  /* nur fuer moderne Browser! */
        position: fixed;
}
#fixiert {
        position: absolute;
        top: 200px;
        left: 5px;
        width: 175px;
        height:5em;
        padding:0 0 0 0em;

        z-index: 3;
}
* html #fixiert { /* nur fuer IE 5.0x erforderlich */
         width: 175px;
}
#navi_left img {
        height:1.2em;
        border:none;
        margin:0 0 -0.2em 7px;
        padding:0;
}
#navi_left {
        font-size: 1.2em;
        margin:0;
        padding:0;
}
#navi_left li {
        list-style: none;
        float:right;
        margin:0.5em 0 0 0;
        padding:0;
}
#navi_left ul {
        list-style: none;
        float:right;
        margin: 0;
        padding: 0;
}
ul#navi_left a {
        display: block;
         float:right;
        font-weight: bold;
        margin:0;
        text-decoration:none;
}
* html ul#navi_left a {        /* nur fuer IE 5.0x erforderlich */
        margin-left:0em;
}
ul#navi_left a:link {
        color:#036;
}
ul#navi_left a:visited {
        color: #036;
}
ul#navi_left a:hover {
        color: black;

}
ul#navi_left a:active {
        color:#036;

}
#verbaende {
        position: absolute;
        right:-5px;
        top:6em;
        width:150px;
        height:150px;
        margin:0;
        z-index: 4;
}
* html #verbaende {    /* nur fuer IE 5.0x erforderlich */
        position: absolute;
        top:6em;
        right:-15px;
        width:160px;
}


/*-------------------------*/
/*----  LEFT ende ----*/
/*-------------------------*/




/* ---------------------------------------------- */
/* ---------- Anfang Formularelemente ----------- */
/* ---------------------------------------------- */
form,
fieldset {
	border:none;
}

fieldset {
        border: 1px;
        margin: 0 0 0 1em;
        padding: 0;
}

legend {
        display: none;
}

input {
        padding: 0;
        margin: 0;
        left:0;
}

* html input.t {
        position:relative;
        left:1.2em;
}


/* Durch das folgende Beispiel verwandelt sich der Mauszeiger beim Überfahren des Labels in eine Hand mit Zeigefinger: */
label {
        cursor: pointer;
        font-weight:bold;
        font-size:0.85em;
}

/* Als nächstes werden die Textfelder beim Erreichen des Fokus (also durch das Setzen der Einfügemarke per Tabulator oder Maus, oder auch durch Anklicken des damit verbundenen Labels) farblich hervorgehoben: */
input:focus, textarea:focus, select:focus {
        color: #000;
        background: #fff;
}

/* Zunächst werden die Labels mit der Klasse "left" rechtsbündig an eine imaginäre Mittelachse gebracht und mit einem Abstand zu den daneben stehenden Kontrollelementen versehen: */
label.left {
        float: left;
        text-align: right;
        width: 7em;
        margin-right: .3em;
        }


/* Nun wird die Hintergrundfarbe von Textfeldern , sobald diese aktiviert sind, geändert. Damit teilen Sie Ihrem Benutzer deutlich mit, in welchem Abschnitt des Formulares er sich zur Zeit befindet und welche Eingabe als nächstes erwartet wird. Hierzu müssen Sie zunächst einmal die Hintergrundfarbe der Textfelder definieren: */
fieldset input, fieldset textarea, fieldset select {
        color: #000;
        background: #ddd;
        border: solid 1px #696969;
        width: 32em;
        }
fieldset input.erklaerung {
        width: 2em;
}

/* ---------------------------------------------- */
/* ------------ Ende Formularelemente ----------- */
/* ---------------------------------------------- */