/* CSS Document */


/*
################################################################
texte
################################################################
*/


.text-nav {
font-family:Arial, Verdana, Helvetica, sans-serif;
font-size:12px;
text-decoration:none;
font-weight:normal;
color:#333333;
}

.text-nav:link     {text-decoration:none;}
.text-nav:visited  {text-decoration:none;}
.text-nav:active   {text-decoration:none;}
.text-nav:hover    {text-decoration:none;}


.text {
font-family:Arial, Verdana, Helvetica, sans-serif;
font-size:12px;
text-decoration:none;
font-weight:normal;
color:#333333;
}

.text a:link     {text-decoration:none; color:#7d96c7;}
.text a:visited  {text-decoration:none;color:#7d96c7;}
.text a:active   {text-decoration:none;color:#7d96c7;}
.text a:hover    {text-decoration:none;font-weight:bold;color:#7d96c7;}

.text-bold{
font-family:Arial, Verdana, Helvetica, sans-serif;
font-size:12px;
text-decoration:none;
font-weight:bold;
color:#333333;
}



.titel-text{
font-family:Arial, Verdana, Helvetica, sans-serif;
font-size:12px;
text-decoration:none;
font-weight:bold;
color:#333333;
margin-bottom: 12px;
}


.text-left {
font-family:Arial, Verdana, Helvetica, sans-serif;
font-size:11px;
text-decoration:none;
color:#333333;
}

.text-left a:link     {text-decoration:none; color:#333333;}
.text-left a:visited  {text-decoration:none; color:#333333;}
.text-left a:active   {text-decoration:none;}
.text-left a:hover    {text-decoration:underline;}


.text-klein {
font-family:Arial, Verdana, Helvetica, sans-serif;
font-size:11px;
text-decoration:none;
font-weight:normal;
color:#333333;
}



.text-right {
font-family:Arial, Verdana, Helvetica, sans-serif;
font-size:11px;
text-decoration:none;
font-weight:normal;
color:#333333;
padding: 0px 0px 0px 10px;
}

.text-right a:link     {text-decoration:none; color:#333333;}
.text-right a:visited  {text-decoration:none; color:#333333;}
.text-right a:active   {text-decoration:none;}
.text-right a:hover    {text-decoration:underline; color:#333333;}

.text-rot {
font-family:Arial, Verdana, Helvetica, sans-serif;
font-size:11px;
text-decoration: none;
font-weight:bold;
color: #670001;
padding: 10px 0px 2px 10px;
margin: 0px 0px 2px 0px;
}


.titel-rot {
font-family:Arial, Verdana, Helvetica, sans-serif;
font-size:12px;
text-decoration: none;
font-weight:bold;
color: #670001;
padding: 10px 0px 0px 0px;
margin: 0px 0px 2px 0px;
}


.text-bottomabstand {
font-family:Arial, Verdana, Helvetica, sans-serif;
font-size:11px;
text-decoration:none;
font-weight:normal;
color:#333333;
padding: 0px 0px 5px 10px;
}


.text-bottomabstand a:link     {text-decoration:none; color:#333333;}
.text-bottomabstand a:visited  {text-decoration:none; color:#333333;}
.text-bottomabstand a:active   {text-decoration:none;}
.text-bottomabstand a:hover    {text-decoration:underline; color:#333333;}

.text-weiss {
font-family:Arial, Verdana, Helvetica, sans-serif;
font-size:11px;
text-decoration:none;
color:#FFFFFF;
}


.text-weiss a:link{
text-decoration:none;
color:#FFFFFF;
}

.text-weiss a:visited{
text-decoration:none;
color:#FFFFFF;
}

.text-weiss a:hover{
text-decoration:none;
color:#FFFFFF;
}

.text-weiss a:active{
text-decoration:none;
color:#FFFFFF;
}



/*
################################################################
tags
################################################################
*/


body{
margin: 0em;
padding: 0em;
height:100%;
background-image:url(../bilder/diverses/hintergrund.jpg);
background-repeat:repeat-y;
background-color:#e5e1dd;
}

img {
border: 0px;
}

input, textarea {
border-top: solid 1px #999999;
border-right: solid 1px #999999;
border-bottom: solid 1px #999999;
border-left: solid 1px #999999;
} 

table {
border:0px;
align:left;
vertical-align:top;
}


td {
margin-top:0; 
margin:0; 
text-align:left; 
vertical-align:top;
font-family: arial, verdana, sans-serif; 
}


ul {
padding:0px 0px 0px 0px; 
margin:0px 0px 0px 15px; 
list-style-type:circle;
list-style-position:outside;
}

ol {
padding:0px 0px 0px 0px; 
margin:0px 0px 0px 0px; 
list-style-type:circle;
list-style-position:outside;
}

li               {}

/*
################################################################
Listen
################################################################
*/

#list-agenda{
padding-bottom:4px;
}

/*
################################################################
Index
################################################################
*/ 


#index-weiter {
position:absolute;
left:400px;
top:297px;
width:40px;
height:20px;
z-index:31;
border:solid 0px #000000;
}

#index-logo {
position:absolute;
left:36px;
top:0px;
width:40px;
height:20px;
z-index:31;
border:solid 0px #000000;
}

#index-farbbalken {
position:absolute;
left:12px;
top:141px;
width:40px;
height:20px;
z-index:31;
border:solid 0px #000000;
}

#index-flash {
position:absolute;
margin-left:205px;
top:190px;
width:395px;
height:320px;
z-index:31;
border:solid 0px #000000;
}

#index-links {
position:absolute;
left:0px;
top:0px;
width:12px;
height:100%;
z-index:40;
background-color: #FFFFFF;
border:solid 0px red;

}

#index-zitat {
position:absolute;
margin-left:205px;
top:530px;
width:395px;
height:auto;
z-index:31;
border:solid 0px #000000;
}


/*
################################################################
Funktionen
################################################################
*/

#funktionen{
position:absolute;
margin-left:575px;
top:182px;
width:40px;
height:20px;
z-index:31;
border:solid 0px #000000;
}


#drucken{
position:relative;
float:left;
}

#weiterempfehlen{
position:relative;
float:left;
}

#suche{
position:absolute;
margin-left:640px;
top:100px;
width:145px;
height:20px;
z-index:31;
border:solid 0px #000000;
}



/*
################################################################
Hintergrund ded9d5
################################################################
*/



#hintergrund-left {
position:absolute;
width:160px;
height:100%;
left:0px;
border-left: solid 15px #fff;
background-color:blue;
z-index:1;
}

#hintergrund-left-buttom {
position:absolute;
width:160px;
height:100%;
left:0px;
bottom:0px;
border-left: solid 20px #fff;
background-color:#ded9d5;
z-index:1;
}


#hintergrund-middle {
position:absolute;
width:462px;
height:100%;
left:180px;
background-color:#ffffff;
z-index:1;
}

#hintergrund-right {
position:absolute;
width:152px;
height:100%;
left:643px;
border-right: solid 0px #FFFFFF;
background-color:green;
z-index:1;
}



/*
################################################################
Containers
################################################################
*/

#container {
position:absolute;
left:0px;
top: 0px;
width:auto;
height:auto;
padding-left:15px;
z-index:30;
border: solid 0px red;
}




#container-left {
position:relative;
float:left;
width:160px;
height:auto;
border-top: solid 0px #000000;
border-right: solid 0px blue;
border-bottom: solid 0px #000000;
border-left: solid 0px #000000;
z-index:25;
}

#left-grafik {
position:absolute;
width:175px;
height:167px;
left:0px;
border-bottom: solid 1px #FFFFFF;
}

#left-nebennav{
position:absolute;
left:0px;
top:147px;
width:150px;
height:20px;
padding: 0px 0px 0px 10px;
z-index:15;
}

#left-subnav{
position:relative;
width:145px;
height:270px;
padding: 190px 5px 0px 10px;
margin-top:00px;
margin-bottom:30px;
border: solid 0px red;
}

#left-buerozeiten{
position:relative;
width:150px;
height:auto;
bottom::0px;
vertical-algin:bottom;
padding: 0px 0px 10px 10px;
border-bottom: solid 1px #FFF;
}

#left-adresse{
position:relative;
width:150px;
height:auto;
bottom::0px;
vertical-algin:bottom;
padding: 0px 0px 0px 10px;
margin-top: 10px;
}

#left-bottom{
position:relative;
width:150px;
height:100%;
bottom::0px;
background-color:#ded9d5;
}






#container-middle {
position:relative;
float:left;
left:0px;
top: 0px;
width:456px;
height:100%;
border: solid 0px green;
z-index:15;
}

#middle-top{
position:relative;
height:141px;
width:456px;
}

#middle-logo{
position:relative;
float:right;
}

#middle-navigation {
position:relative;
height:20px;
width:444px;
padding: 6px 0px 0px 10px;
background-color:#d3def4;
border-bottom: solid 0px #fff;
border-left: solid 1px #fff;
}

#middle-texthintergrund {
position:relative;
width:456px;
height:350px;
left:0px;
top:0px;
background-color:#ffffff;
z-index:1;
}


#middle-inhalt{
position:relative;
width:435px;
height:auto;
left:0px;
top:20px;
padding: 0px 10px 20px 10px;
background-color:#ffffff;
border: solid 0px red;
z-index:20;
}

#middle-funktionen {
position:absolute;
}


#middle-bottom{
position:relative;
width:420px;
height:100%;
bottom::0px;
}





#container-right {
position:relative;
float:left;
left:0px;
top: 0px;
width:auto;
height:auto;
z-index:15;
border:solid 0px red;
}

#right-top{
position:relative;
height:81px;
width:155px;
background-color:#FFFFFF;
}

#right-suche{
position:relative;
height:50px;
width:145px;
background-color:#ded9d5;
padding: 10px 0px 0px 10px;
}

#right-agenda{
position:relative;
height:21px;
width:145px;
border-bottom: solid 1px #FFFFFF;
background-color:#670001;
padding: 5px 0px 0px 10px;
margin-bottom:10px;
}

#right-list-titel{
position:relative;
height:auto;
width:145px;
border-bottom: solid 1px #FFF;
}

#right-list-abstand{
position:relative;
height:1px;
width:145px;
margin-top:0px;
margin-bottom:0px;
padding: 0px 0px 0px 0px;
}



#right-listcontainer{
position:relative;
height:auto;
width:145px;
margin-top:5px;
margin-bottom:20px;
}

/*
////////////////////////////////////////////////////////////////
Formular
////////////////////////////////////////////////////////////////
*/


#formular {
border: solid 0px red;
position:relative;
left: 0px;
top: 0px;
width:424px;
height:340px;
z-index:110;
}

#formularZeile {
position:relative;
float:left;
width:420px;
height:25px;
vertical-align:middle;
z-index:30;
border: solid 0px blue;
}


#formularFloat {
border: solid 0px blue;
position:relative;
float:left;
width:auto;
height:20px;
margin-right:20px;
z-index:30;
}


#formularLinks {
border: solid 0px blue;
position:relative;
float:left;
width:134px;
height:20px;
z-index:30;
}


#formularRechts {
position:relative;
float:left;
border: solid 0px yellow;
width:250px;
height:20px;
z-index:30;
}

#formularMitteilung {
position:relative;
float:left;
border: solid 0px yellow;
width:420px;
height:70px;
z-index:30;
}

#formularAbstand {
position:relative;
clear:both;
width:420px;
height:8px;
z-index:30;
border: solid 0px blue;
}}