/* Wichtige Farben


*/

body, a, img, p, h1, h2, h3, h4, h5, table, td, th, ul, ol, li, form, hr {margin: 0; padding: 0;
 border: 0; font-family: Verdana,Arial,Helvetica,sans-serif; color: #000; font-size: 13px;}
body { background-color: #FFF; text-align: center; padding: 10px 0;}
a {text-decoration:underline; letter-spacing: 1px; }
a:link {color: #000;}
a:visited {color: #000;}
a:hover,a:active {color: #000; background-color: #CCC;}
h1, h2, h3, h4, h5, h6 { font-weight: bold;}
h1 { font-size: 30px; color: #333; font-family: Georgia,Arial,Helvetica,sans-serif; padding-top: 37px; padding-left: 393px;}
h2 { font-size: 21px; margin: 30px 0 30px 55px;}
h3 { font-size: 17px; margin: 0 0 14px 55px; color: #333;}
h4 { font-size: 14px; margin: 0 0 6px 55px;}
h5 { font-size: 12px; text-align: center; margin: 6px 0 0 0;}
h6 { font-size: 13px; margin: 6px 0 0 0;}
p { margin: 0 0 10px 55px;}
table {vertical-align: top; border: 1px solid #333;}
th, td {text-align: center; border: 1px solid #333; padding: 6px;}
ol {list-style-type: decimal; font-family:"Courier New",Courier,monospace;}
ol li { font-family:"Courier New",Courier,monospace;}

/* id*/
#active {display: block; padding: 5px 2px 5px 25px; background-color: #F6F6FC; text-decoration: none; font-weight: normal; color: #000; letter-spacing: 0px;
background-image:url(grafik_2010/black/navbox_b_black_rahmen_pfeil.gif); background-repeat: no-repeat; background-position: 0px; width: 190px;}
#active_nav { width: 179px; display: block; padding: 5px 2px 5px 25px; background-color: #F6F6FC; text-decoration: none; font-weight: bold; letter-spacing: 0px;
color: #000; background-repeat: no-repeat; background-position: 0px; background-image: url(grafik_2010/black/navbox_bg_pfeil_black_19.gif);}
#dia {position: absolute; width: 165px; height: auto; z-index: 2; background-color: #F6F6FC; margin: 20px 0 0 760px;}
#dia img { border: 1px solid #8C8C8E;}
#footer { width: 980px; font-size: 10px; background-color: #BDBDBF; z-index: 3; clear: both; height:auto; padding: 3px 0;}
#inhalt1 {position: relative; background-color: #F6F6FC; height: auto; line-height: 18px; z-index: 1; padding: 0px 0px 10px 0px; width: 540px; left: 200px;}
#li { position: absolute; float: left; width: 195px; height: auto; z-index: 2; background-color: #F6F6FC; font-size: 12px; margin: 20px 0 5px 0px; padding: 0; color: #000; }
#li ul { margin: 0 0 20px 0; padding: 0; list-style-type: none; text-align: left; line-height: 20px;}
#li li { margin: 0;  padding: 0; border-right: 1px solid #F6F6FC; white-space: nowrap; height: 30px;}
#li .navkopf { padding: 0; margin: 0; height: 30px;}
#li .navkopf a { padding: 5px 2px 5px 25px; background-image: url(grafik_2010/black/navbox_bg_black.gif); text-decoration: none; background-repeat: no-repeat; background-position: 0 0; color: #000; border: 0; margin: 0; font-weight: bold; letter-spacing: 0px;}
#li .navkopf a:hover
{ text-decoration: none; background-image: url(grafik_2010/black/navbox_bg_pfeil_black.gif); background-repeat: no-repeat; background-position: 0 0; background-color: #F6F6FC; border: 0; }
#li li a {display: block; padding: 5px 2px 5px 25px; background-image: url(grafik_2010/black/navbox_a_190_black.gif);  background-repeat: no-repeat; background-color: #F6F6FC; text-decoration: none; font-weight: normal; color: #000; margin: 0; width: 190px; letter-spacing: 0px;}
#li ul li a:hover { background-image:url(grafik_2010/black/navbox_a_pfeil_black.gif); background-repeat: no-repeat; background-position: 0 0; text-decoration: none; }
#list {font-weight: bold; margin: 43px 0px 5px 0px; width: 980px; border: 0px solid #000;}
#list ul{ list-style:none; white-space: nowrap; width: 580px; float: left; padding-left: 150px; border: 0px solid #000;}
#list li{ display:inline; padding-right: 80px;}
#list a{ padding: 1px 2px 1px 14px; color: #000; text-decoration:none; font-weight: bold;}
#list a:hover { color: #000;  background-color: #FFF; background-image:url(grafik_2010/black/nach_rechts_black.gif); background-repeat: no-repeat; background-position: 0px; padding: 1px 1px 1px 13px; border: 1px solid #FFF;}
#mega { background-color: #F6F6FC; background-repeat: no-repeat; width: 980px; height: auto; margin: 0 auto; text-align: left; position: relative; z-index: 1; padding: 0; border: solid 1px #8C8C8E;}
#li, #re {text-align: center;}
#oben { width: 980px; height: 138px; z-index: 2; background-image:url(grafik_2010/black/logo19_black.jpg); background-repeat: no-repeat; border-bottom: 3px solid #8C8C8E;}
#switch {position: relative; width: 72px; height: 18px; z-index: 2; padding: 0px 170px 0px 0px; float: right;}

/*klassen*/

.b {font-weight: bold;}
.bo {border: 3px solid #424141; padding: 4px 13px 4px 13px; background: #E6E5E5;}
.books { margin: 0 -20px 0 8px;  float: right; position: relative; border: 1px solid #65A0C4;}
.ce {text-align: center;}
.clear { clear: both;}
.datum { font-weight: bold; margin: 17px 0 0 45px; color: #000000; }
.dia {margin: 0 0px 0px 550px; float: right; position: absolute; border: 0px solid #000; padding: 0;}
.diali {position: relative; height: 280px; width: 210px; z-index: 3; text-align:center; padding: 0; float: left; border: 0px solid; margin: 0 40px 10px 0;}
.diami {position: relative; height: 280px; width: 210px; z-index: 3; text-align:center; padding: 0; border: 0px solid #000; margin: 0 40px 10px 0; float: left; }
.diarand {height: 300px; width: 720px; margin: 10px 0 15px 130px;}
.diarand_b {height: 300px; width: 720px; margin: 0 0 15px 220px;}
.diali img { border: 1px solid #666;}
.diami img { border: 1px solid #666;}
.diare img { border: 1px solid #666;}
.diare {position: relative; height: 280px; width: 210px; z-index: 3; text-align:center; padding: 0; float: left; border: 0px solid #000; margin: 0 0 10px 0;}
.erg { width: 300px; line-height: 18px; background-color: #CCC; text-align: center;}
.gr {background-color: #CCC;}
.gra {background-color: #F0F0F0;}
.hidden {display: none;}
.i {font-style: italic;}
.ip {margin: 10px 0 10px 0; }
.init {float: left; width: 21px; height: 30px; background: #CCC; color: black; font-weight: bold; font-size: 18px; margin: 0 3px 0 0; padding: 2px; text-align: center;}
.le {text-align: left;}
.liste {width: 400px; list-style-type: square; list-style-position: inside;
 margin: 11px 0px 11px 60px; line-height: 22px;}
.listeo {width: 350px; list-style-type: none; margin: 11px 0px 11px 55px; line-height: 22px; background: #E6E5E5; padding: 3px 3px 3px 11px; border: 1px solid #ABA9A9;}
.listeo a { text-decoration: underline; letter-spacing: 1px; font-weight: normal;}
.or { font-weight: bold; color: #3366CC;}
.or_1 { background-color: #CCC; font-weight: bold; width: 111px; margin:5px 0 11px 55px;}
.or_2 { text-decoration: underline; font-weight: bold;}
.p { margin: 7px 14px 7px 0; padding-left: 55px; float: left; position: relative;}
.p_bild {  background: #FFF6E4; width: 500px; border: 1px #2c53ad dotted; padding: 8px;}
.pr { margin: 0; padding-left: 10px; float: right; position: relative;}
.pl { margin: 6px 13px 14px 0; padding-left: 90px;}
.pl_1 { margin: 13px 13px 5px 0; padding-left: 60px;}
.portraet {margin: 100px 80px 0px 20px; float: right; border: 0px solid #000; padding: 0;}
.q, .qre{ padding: 6px; background-color: #E6E5E5; border: 2px dotted; border-color: #333; float: none; line-height: 18px; font-size: 12px; text-align: center;}
.qre {width: 150px; margin: 27px 30px 0 0;}
.re {float: right; position: relative; border: 0px solid #000; padding-left: 10px; margin-top: 0px;}
.stars { margin-bottom: -2px; }
.start { background: #F6F6FC; border: 0px #2c53ad dotted; width: 450px;}
.trennung { background-image: url(grafik_2010/trennung02.jpg); background-repeat: no-repeat; background-position: 60px 0px;}
.www {background-image: url(grafik_2010/earth_11.gif); background-repeat: no-repeat; background-position: 0 3px; padding-left: 15px;}
.zeile {margin: 3px 10px 7px 0; padding-left: 3px; background: #CCC; font-weight: bold;}
.zeile a { font-weight: bold;}
.zeile a:hover { color: #000; background-color: #FFF;}