/* CSS-Definitionsdatei, die Site-weite Stylesheets enthält */

h1 { 
font-family: '@Arial Unicode MS', sans-serif;
}

P { 
font-family: '@Arial Unicode MS', sans-serif;
}

body {
text-align: center
}

body {
overflow: scroll;
}

.TextNavBar {
font-family: 'Verdana', sans-serif;
font-size: 1.3em;
}

#container {
margin: 0 auto; width: 972px; height: 100%; text-align: left; 
}

#container2 {
margin: 0 auto; width: 825px; height: 100%; text-align: left; 
}

* {
margin: 0;
padding: 0;
}

p {
margin: 7px 0;
font-size: 1.4em;
} 

#menu {
width: 59%;
padding: 3px 2px;
background: url(../assets/images/autogen/Line.gif) no-repeat; 
font-family: Arial;
font-size: 1.5em;
line-height: 1.5;
float: right;
}

#menu ul {
float: left;
width: 140px;
list-style-type: none;
}

/*--definiert die Blocküberschriften--*/
#menu h3 {
font-size: 1em;
text-align: center;
color: #29338B;
border: 1px solid #FFFFFF;
background: url(../assets/images/autogen/p1.gif) no-repeat;
}

/*--definiert die "Drop-Down-Links" im Normalzustand--*/
#menu a {
text-decoration: none;
display: block;
border: 1px solid #FFFFFF;
text-align: center;
background: url(../assets/images/autogen/s1.gif) no-repeat;
color: #29338B;
}

/*--definiert die "Drop-Down-Links" im Hoverzustand--*/
#menu a:hover {
color: #000000;
background: url(../assets/images/autogen/s2.gif) no-repeat;
}

/*verhindert im Zusammenhang mit position absolute bei ul ul
*eine Höhenvergrößerung von #menu beim Hovern--
*/

#menu li {
position: relative;
}

#menu ul ul {
font-size: 0.8em;
text-align: center;

}


/*--versteckt die "Drop-Down-Links", solange nicht gehovert wird--*/
#menu ul ul {
position: absolute;
z-index: 2;
display: none;
}

/*--lässt die Dropdown-Links beim Hovern erscheinen--*/
#menu ul li:hover>ul, #menu ul li>a#aktuell+ul {
display: block;
}

/*--nur für IE-Versionen kleiner gleich 6 erkennbar--*/
* html #menu ul li{
float: left;
width: 100%;
}

/*--nur für IE 7 erkennbar--*/
*+ html #menu ul li {
float: left;
width: 100%;
}

/*--bewirkt Hover-Effekt für IE kleiner 7 auch für ul- und li-Elemente--*/
*html body {
behavior: url(csshover3-source.htc);
font-size: 100%;
}

*html #menu ul li a {
height: 1%;
}

/*--definiert einen Einzellink im Normalzustand, wenn kein Drop-Down erforderlich--*/

#menu a.direkt {
font-size: 1em;
font-weight: bold;
text-align: center;
color: #29338B;
border: 1px solid #FFFFFF;
background: url(../assets/images/autogen/p1.gif) no-repeat;
}

/*--definiert einen Einzellink im Hoverzustand, wenn kein Drop-Down erforderlich--*/

#menu a.direkt:hover {
color: #000000;
font-weight: bold;
background: url(../assets/images/autogen/p1.gif) no-repeat;
border: 1px solid #FFFFFF;
}

/*--definiert einen aktiven Einzellink im Normalzustand, wenn kein Drop-Down erforderlich--*/

#menu a.direkt_aktiv {
font-size: 1em;
font-weight: bold;
text-align: center;
color: #29338B;
border: 1px solid #FFFFFF;
background: url(../assets/images/autogen/p3.gif) no-repeat;
}

/*--definiert einen aktiven Einzellink im Hoverzustand, wenn kein Drop-Down erforderlich--*/

#menu a.direkt_aktiv:hover {
color: #000000;
font-weight: bold;
background: url(../assets/images/autogen/p3.gif) no-repeat;
border: 1px solid #FFFFFF;
}

/*--definiert einen aktiven Submenuelink im Normalzustand--*/

#menu ul li a.submenue_aktiv {
background: url(../assets/images/autogen/s3.gif) no-repeat;
}


/*--definiert einen aktiven Submenuelink im Hoverzustand--*/

#menu ul li a.submenue_aktiv:hover {
background: url(../assets/images/autogen/s4.gif) no-repeat;
}

/*--abgerundete Kopfleiste--*/

.bl {
background: url(../assets/images/autogen/1b.gif) 4px 100% no-repeat #C0BFBF; width: 768px
}
.br {
background: url(../assets/images/autogen/1b.gif) 100% 100% no-repeat
}  
.tl {
background: url(../assets/images/autogen/1tl.gif) 4px 0 no-repeat
}  
.rand {
background: url(../assets/images/autogen/rand.gif) 0 0 repeat-y
}
.tr {
background: url(../assets/images/autogen/1tr.gif) 100% 0 no-repeat; padding:10px
}  
.clear {
font-size: 1px; height: 1px
}
#titel {
font-size: 1.4em;
font-weight: bold;
text-align: left;
color: #29338B;
}

/*--Bild rechts mit Bildunterschrift Bildbreite 300px (quer)--*/

#bild1 dl {
width: 300px;
float: right;
padding: 52px 35px 5px 15px;
}

#bild1 dt { 
display:inline; 
}

#bild1 dd {
padding: 5px;
font-family: Arial Unicode MS;
font-size: 12px;
line-height: 16px;
color: #6F6F6F;
background: #EEE;
}

#bild1 img { 
border: 0; 
}

/*--Bild rechts mit Bildunterschrift Bildbreite 200px (hochkant)--*/

#bild2 dl {
width: 200px;
float: right;
padding: 15px 35px 5px 20px;
}

#bild2 dt { 
display:inline; 
}

#bild2 dd {
padding: 5px;
font-family: Arial Unicode MS;
font-size: 12px;
line-height: 16px;
color: #6F6F6F;
background: #EEE;
}

#bild2 img { 
border: 0; 
}

/*--Bild rechts mit Bildunterschrift Bildbreite 300px (hochkant)--*/

#bild3 dl {
width: 300px;
float: right;
padding: 25px 35px 5px 15px;
}

#bild3 dt { 
display:inline; 
}

#bild3 dd {
padding: 5px;
font-family: Arial Unicode MS;
font-size: 12px;
line-height: 16px;
color: #6F6F6F;
background: #EEE;
}

#bild3 img { 
border: 0; 
}