/* ALLGEMEIN */
body { color: #7b7d7d; font-family: Arial, Verdana, Helvetica, sans-serif; font-style: normal; background-image: url(/media/media_allgemein/bodyhg.gif); background-repeat: repeat-x; background-position: left top; text-align: center; margin-right: 0; margin-left: 0; padding-top: 10px; }
#complete { background-color: white; text-align: left; width: 950px; margin-right: auto; margin-left: auto; border: solid 5px white; }
img { border: 0; }

/* NAVI */
#navi { color: white; font-size: 1em; background-color: black; background-image: url(/media/media_allgemein/navihg.gif); background-repeat: repeat-x; background-position: left top; text-align: center; letter-spacing: 1px; height: 40px; }
#navi a:link, #navi a:visited { color: white; text-decoration: none; padding-right: 10px; padding-left: 10px; }
#navi a:hover { color: black; }

/* LINKS */
#links { background-image: url(/media/media_allgemein/spaltenhg.gifif); background-repeat: repeat-x; background-position: left top; vertical-align: top; width: 200px; padding-top: 20px; padding-bottom: 20px; border-right: 1px solid #f5f5f5; }
#links h1 { font-size: 0.85em; background-color: #f5f5f5; }
#links h2 { font-size: 0.75em; letter-spacing: 1px; margin: 0; padding: 5px 0 10px 10px; }
#links p { font-size: 0.7em; line-height: 1.5em; }

#navlist { border-bottom: 1px dotted #d6dcde; width: 188px; margin: 0; padding: 0; }
#navlist ul { margin: 0; padding: 0; }
#navlist li { list-style: none; margin: 0; padding: 5px 0 5px 0; border-top: 1px dotted #d6dcde; }
#navlist li ul { list-style: none; margin: 0; padding: 5px 0; }
#navlist li a:link, #navlist li a:visited { color: #7b7d7d; font-size: 0.7em; font-weight: 700; text-decoration: none; padding-left: 10px; }
#navlist li a:hover { color: #b22222; }
#navlist li a.aktiv { color: #b22222; }
#navlist li:hover { background-color: white; }
#navlist li li { list-style: none; margin: 0; padding: 5px 0 5px 8px; }
#navlist li li a:link, #navlist li li a:visited { color: #7b7d7d; font-size: 0.65em; font-weight: normal; text-decoration: none; }
#navlist li li a:hover { color: #b22222; }
#navlist li li:hover { background-color: #f8f8ff; }
#navlist li li a.aktiv { color: #b22222; }

/* MITTE */
#mitte { width: 530px; background-image: url(/media/media_allgemein/stethoskopein.jpg); background-repeat: no-repeat; background-position: right bottom; vertical-align: top; padding-top: 10px; padding-bottom: 10px; }
#mitte h1 { font-size: 1.3em; padding: 0px 20px 0px 20px; }
#mitte h1 strong { color: #b22222; }
#mitte h2 { font-size: 0.8em; line-height: 1.7; padding: 5px 20px; }
#mitte h3 { font-size: 0.8em; line-height: 1.7; letter-spacing: 2px; padding: 5px 20px; }
#mitte p { font-size: 0.8em; line-height: 1.7em; padding-right: 20px; padding-left: 20px; }
#mitte ul { font-size: 0.8em; line-height: 1.7em; padding-right: 20px; }
#mitte a { color: #b22222; font-weight: 700; }

/* RECHTS */
#rechts { background-color: white; background-image: url(/media/media_allgemein/spaltenhg.gif); background-repeat: repeat-x; background-position: left top; vertical-align: top; width: 210px; padding-bottom: 20px; border-left: 1px solid #f5f5f5; }
#rechts h1 { font-size: 0.8em; letter-spacing: 1px; padding-top: 20px; padding-right: 10px; padding-left: 10px; }
#rechts p { font-size: 0.7em; line-height: 1.6em; padding-right: 10px; padding-left: 10px; }
#rechts p a { color: #b22222; font-weight: 700; }

/* FUSS */
#fuss { font-size: 0.7em; text-align: center; letter-spacing: 2px; padding-top: 10px; padding-bottom: 10px; border-top: 1px solid #f5f5f5; }
#fuss a { color: #b22222; text-decoration: none; padding-right: 5px; padding-left: 5px; }

/* NEWSTABLE */
#newstablette { width: 500px; }
#newstablette td { font-size: 0.8em; line-height: 1.7em; vertical-align: top; padding-top: 5px; padding-bottom: 20px; padding-left: 20px; }
#newstablette td td { font-size: 0.8em; line-height: 1.7em; background-color: #ff0; padding-top: 5px; padding-bottom: 20px; padding-left: 20px; vertical-align: top; }
#newstablette a:link, #newstable a:visited { color: #b22222; font-weight: 700; }
#newstablette a:hover { color: #9c6; }

/* KLASSEN */
.bu { color: #708090; font-size: 0.65em; font-weight: 700; line-height: 1.3em; margin: -5px 0 0; padding: 0 20px 20px; }
.bira { background-color: white; margin: 0; padding: 4px; border: solid 1px #dcdcdc   }
.birali { background-color: white; margin-right: 8px; margin-bottom: 5px; padding: 4px; float: left; border: solid 1px #dcdcdc }
.birorali { background-color: #d3d3d3; margin-right: 8px; margin-bottom: 5px; padding: 4px; float: left; border: solid 1px white; }
.birare { background-color: white; margin-bottom: 10px; margin-left: 10px; padding: 4px; float: right; border: solid 1px #dcdcdc }
.bili { margin: 0 10px 1px 0; padding: 0; float: left }
.bire { margin-bottom: 5px; margin-left: 10px; float: right }
.clearer { clear: both; line-height: 1px; height: 0; }
.trennlinie { height: 1px; clear: both; margin: 0; padding: 0; bor }
#map { padding-left: 20px; }

/* PRODUCTTABLE */
#producttable { background-color: white; width: 500px; margin-top: 40px; margin-bottom: 40px; margin-left: 20px; border-top: 5px solid #c0c0c0; }
#producttable th { font-size: 0.7em; background-color: #dcdcdc; text-align: left; padding-top: 5px; padding-bottom: 5px; padding-left: 2px; border-bottom: 1px solid #f5f5f5; }
#producttable td { font-size: 0.7em; padding-top: 5px; padding-bottom: 5px; padding-left: 2px; border-bottom: 1px solid #f5f5f5; }

/* ••••• HELP */
#help { font-family: Georgia, serif; font-size: 12px; margin-top: 20px; margin-bottom: 20px; }
#help label { font-family: Verdana, sans-serif; font-weight: bold; color: #4682b4; }
#help fieldset { background: #f8f8ff; border: 1px solid #ccc; padding: 10px; }
#help legend { font-family: arial, sans-serif; font-weight: bold; font-size: 90%; color: #666; background: #f5f5f5; border: 1px solid #ccc; border-bottom-color: #999; border-right-color: #999; padding: 4px 8px; }