/* Farben */
.farbe_body {background-color: #6699ff;}
.hintergrund_top {background-color: #333333;}
.basis_hintergrund {background-color: #99ccff;}
.hauptmenu {background-color: #242223;}
.logo {background-color: #ffffff;}
.titel {color: #99ccff; background-color: #333333;}
.inhalt {background-color: #ffffff; color: #242223;}
.footer {background-color: #242223;}
.footer {color: #99ccff;}
#inhalt a {color: #0066ff;}
#footer a {color: #99ccff;}
#links a {color: #242223;}

body {background-color: #6699ff; margin: 0; padding: 0 0 30px 0; font-family: Verdana, Arial, sans-serif; text-align: center; line-height: 1.2em;}

/*Haupstruktur */
#hintergrund_top {position: absolute; top: 73px; left: 0; width: 100%; height: 229px; z-index: 1;}
#basis {position: relative; margin: auto; padding: 0 7px 7px 7px; width: 980px; z-index: 2;}
*html #basis {position: relative; margin: auto; width: 980px; z-index: 2;}
#basis_hintergrund {width: 980px;}
#rechte_spalte {position: relative; margin-left: 206px; width: 774px; text-align: left;}
#linke_spalte {position: absolute; top: 0; left: 7px; float: left; width: 206px; text-align: left;}
#logo_bild {border: none; margin: 7px 0 0 73px;}
#hauptmenu {margin-top: 6px; padding: 21px 14px; width: 178px; height: 187px;}
*html #hauptmenu {margin-top: 6px; padding: 19px 14px 19px 14px; width: 206px; height: 186px;}
#submenu {margin-top: 36px; padding: 0 14px; width: 178px;}
*html #submenu {margin-top: 36px; padding: 0 14px; width: 206px;}
#logo {width: 774px; height: 73px; text-align: right;}
#schrift {float: left; margin: 35px 0 0 22px;}
#bild {width: 774px; height: 229px;}
#titel{width: 774px;}
*html #titel{width: 774px; margin-top: -3px;}
#inhalt {margin: 0; padding: 5px 22px 10px 22px; width: 730px; font-size: 11px;}
*html #inhalt {margin: 0; padding: 20px 22px 20px 22px; width: 774px; font-size: 11px;}
#footer {clear: both; position: relative; width: 980px; height: 24px; font-size: 10px;}
#footer_links {position: absolute; top: 5px; left: 27px; margin-top: -3px;}
#copy {position: absolute; top: 5px; right: 27px; margin-top: -3px;}
#links {clear: both; padding: 10px 40px; width: 900px; text-align: center;}
*html #links {clear: both; padding: 10px 40px; width: 780px; text-align: center;}
#side {position: absolute; top: 345px; left: 997px;}
#a-z {text-align: center; margin: 7px 0;}

/* Schatten */
#schatten_r {position: absolute; top: 0; right: 0; width: 7px; height: 100%; background-image: url(../design/schatten_r.png); background-repeat: repeat-y;}
#schatten_l {position: absolute; top: 0; left: 0; width: 7px; height: 100%; background-image: url(../design/schatten_l.png); background-repeat: repeat-y;}
#schatten_u {position: absolute; bottom: 0; left: 7px; width: 980px; height: 7px; background-image: url(../design/schatten_u.png); background-repeat: repeat-x;}
#schatten_ru {position: absolute; bottom: 0; right: 0; width: 7px; height: 7px; background-image: url(../design/schatten_ru.png); background-repeat: no-repeat; z-index: 3;}
#schatten_lu {position: absolute; bottom: 0; left: 0; width: 7px; height: 7px; background-image: url(../design/schatten_lu.png); background-repeat: no-repeat; z-index: 3;}
#schatten_rru {position: absolute; bottom: 7px; right: 0; width: 7px; height: 10px; background-image: url(../design/schatten_rru.png); background-repeat: no-repeat; z-index: 3;}
#schatten_ruu {position: absolute; bottom: 0; right: 7px; width: 10px; height: 7px; background-image: url(../design/schatten_ruu.png); background-repeat: no-repeat; z-index: 3;}
#schatten_llu {position: absolute; bottom: 7px; left: 0; width: 7px; height: 10px; background-image: url(../design/schatten_llu.png); background-repeat: no-repeat; z-index: 3;}
#schatten_luu {position: absolute; bottom: 0; left: 7px; width: 10px; height: 7px; background-image: url(../design/schatten_luu.png); background-repeat: no-repeat; z-index: 3;}
*html #schatten_r {display: none;}
*html #schatten_l {display: none;}
*html #schatten_u {display: none;}
*html #schatten_ru {display: none;}
*html #schatten_lu {display: none;}
*html #schatten_rru {display: none;}
*html #schatten_ruu {display: none;}
*html #schatten_llu {display: none;}
*html #schatten_luu {display: none;}

/* Menu */
#hauptmenu ul {margin: 0; padding: 0; border-top: 1px dotted #666465;}
#hauptmenu ul li {list-style: none;}
#hauptmenu ul li a {display: block; padding: 9px 0 9px 45px; height: 18px; border-bottom: 1px dotted #666465; color: #ffffff; font-size: 16px; font-weight: bold; text-decoration: none; background-image: url(../design/pfeil.jpg); background-repeat: no-repeat; background-position: center left;}
*html #hauptmenu ul li a {display: block; padding: 9px 0 9px 45px; height: 34px; border-bottom: 1px dotted #666465; color: #ffffff; font-size: 16px; font-weight: bold; text-decoration: none; background-image: url(../design/pfeil.jpg); background-repeat: no-repeat; background-position: center left;}
#hauptmenu ul li a:hover, #hauptmenu ul li.aktiv  a {color: #0066ff; background-image: url(../design/pfeil_aktiv.jpg);}

/* Submenu */
#submenu ul {margin: 0; padding: 0;}
#submenu ul li {list-style: none;}
#submenu ul li a {display: block; padding: 9px 0 9px 8px; height: 18px; border-bottom: 1px dotted #666465; color: #242223; font-size: 15px; font-weight: bold; text-decoration: none;}
*html #submenu ul li a {display: block; padding: 9px 0 9px 8px; height: 34px; border-bottom: 1px dotted #666465; color: #242223; font-size: 15px; font-weight: bold; text-decoration: none;}
#submenu #sub_lang a {display: block; height: 36px;}
#submenu ul li a:hover, #submenu ul li.aktiv  a {color: #0066ff;}

/* Links */
#logo img {border: 0;}
#footer_links a, #copy a {text-decoration: none;}
#footer_links a:hover {text-decoration: underline;}
#inhalt a img {border: 0;}
#links a:hover, h4 a:hover, p a:hover, .tabelle_haft p a , .p_underline a:hover {text-decoration: underline;}
#links a, h4 a, p a, .tabelle_haft p a:hover, td a:hover, ul li a:hover {text-decoration: none}
.p_underline a {text-decoration: none; font-weight: bold; font-size: 13px;}
#nach_oben {text-align: right; font-size: 10px;}

/* Formular */
#formular {width: 500px; height: 200px;}
#formular_links {float: left; width: 210px;}
#formular_links div {margin-left: 20px; padding: 2px 0 2px 0; font-size: 11px;}
#formular_rechts {float: left; width: 210px; margin-top: 1px;}
#formular_rechts input {margin: 2px; font-family: Verdana, Arial, sans-serif; font-size: 11px;}
#formular_rechts textarea {margin: 2px; width: 250px; height: 70px; font-family: Verdana, Arial, sans-serif; font-size: 11px;}
#buttons {width: 500px; height: 30px; font-family: Verdana, Arial, sans-serif; font-size: 11px;}
#button_links {float: left; width: 240px; margin-right: 10px; text-align: right;}
#button_rechts {float: left; width: 240px; margin-left: 10px;}
.form_button {font-family: Verdana, Arial, sans-serif; font-size: 11px;}


/* Textformatierung */
h1 {margin: 0; padding: 12px 22px; font-size: 20px; font-weight: normal;}
h3 {margin: 0; padding: 5px 0; font-size: 15px; font-weight: bold;}
h4 {font-size: 13px; font-weight: bold; margin: 0; padding: 3px 0 0 0;}
h5 {font-size: 12px; font-weight: bold; text-align: center;}
h6 {font-size: 12px; font-weight: bold; margin: 0; padding: 2px 0;}
.textart1 {font-size: 11px;}
.textart2 {font-size: 13px;}
.textart3 {font-size: 15px;}
.textart4 {font-size: 17px;}
.text_tabelle {font-size: 11px;}
.linie {color: #99CCFF; background-color: #99CCFF; border: none;}
.fett {font-weight: bold;}

/* Listenformatierung */
#inhalt ul li {list-style-type: circle; padding: 2px 0;}
.liste_arten ul li  {margin-left: -25px;}

/* Tabellenformatierung */
.tabelle_haft p {padding: 5px 0; margin: 0 8px;}
.samp {background: #99CCFF; margin: 2px; border-collapse: collapse;}
tr.tr2 td {background:#d8e0e8;}