/* ••••• ALLGEMEIN */
.clear {clear:both;position:relative;font-size:0px;height:0px;line-height:0px}
hr {margin: 1em 0;background:#f2f2f2;height:1px;color:#f2f2f2;border:none;clear:both}
img {border:none}
cite { font-style: normal; }
body { color: #323232; font-family: "Lucida Grande", Verdana, Arial, Helvetica, sans-serif; background-color: #dcdcd4; text-align: center; }
#complete { background-color: white; width: 960px; margin-right: auto; margin-left: auto; border: solid 7px white; }
#starter { background-color: black; }

/* ••••• NAVI */
#navi { font-size: 1em; background-color: #000; background-image: url(/media/media_css/hg_darkgray.gif); background-position: left top; text-align: center; letter-spacing: 1px; padding-top: 10px; padding-bottom: 10px; }
#navi a:link, #navi a:visited { color: white; font-weight: 700; background-repeat: no-repeat; background-position: left center; text-decoration: none; padding-right: 10px; padding-left: 10px; }
#navi a:hover { color: #c0c0c0; }

/* ••••• SPALTE LINKS */
#links { text-align: left; background-color: #dcdcd4; vertical-align: top; width: 225px; padding-top: 20px; padding-bottom: 390px; }
#links h1 { font-size: 0.85em; color: black; letter-spacing: 1px; padding-right: 20px; padding-left: 20px; }
#links p { font-size: 0.7em; color: black; line-height: 1.5em; margin: 0; padding-right: 20px; padding-left: 20px; }
#links a:link, #links a:visited { color: #e2001a; font-weight: 700; text-decoration: none; }
#links a:hover { color: #a9a9a9; }

/* ••••• CONTENT */
#content { text-align: left; background-color: #f4f4eb; background-image: url(/media/media_css/mm.gif); background-repeat: repeat-y; background-position: left top; vertical-align: top; width: 510px; padding: 10px 0px 10px 0px; }
#content h1 { font-size: 1.3em; color: black; font-weight: 700; font-style: italic; padding-top: 6px; padding-bottom: 6px; padding-right: 20px; padding-left: 20px; }
#content h1 strong { color: #e2001a; }
#content h2 { font-size: 0.75em; font-weight: normal; letter-spacing: 2px; padding-top: 6px; padding-bottom: 6px; padding-right: 20px; padding-left: 20px; }
#content h3 { font-size: 1em; padding-right: 20px; padding-left: 20px; }
#content p { font-size: 0.75em; line-height: 1.6em; margin: 0; padding-top: 5px; padding-bottom: 5px; padding-right: 20px; padding-left: 20px; }
#content ul { font-size: 0.75em; line-height: 1.6em; }
#content a:link, #content a:visited { color: #e2001a; font-weight: 700; text-decoration: none; padding-bottom: 1px; border-bottom: 1px dotted #c0c0c0; }
#content a:hover { color: #a9a9a9; }
ul {margin: .3em 0 1.5em 0; }
ol {margin: .5em .5em 1.5em; }
ol li {margin-left: 1.4em;padding-left: 0;background: none; list-style-type: decimal; }
dl {margin: 0 0 1em 0; }
dt {font-weight:bold;margin-top: 1.3em; }
dl dl {margin: 0 0 1.5em 30px; }

/* ••••• SPALTE RECHTS */
#rechts { text-align: left; background-color: black; background-image: url(/media/media_css/run.jpg); background-repeat: no-repeat; background-position: right bottom; vertical-align: top; width: 225px; padding-top: 20px; padding-bottom: 390px; }
#rechts h1 { font-size: 0.85em; color: #a9a9a9; letter-spacing: 1px; padding-right: 20px; padding-left: 20px; }
#rechts p { font-size: 0.7em; color: #a9a9a9; line-height: 1.5em; margin: 0; padding-right: 20px; padding-left: 20px; }
#rechts a:link, #rechts a:visited { color: #e2001a; font-weight: 700; text-decoration: none; }
#rechts a:hover { color: white; }
.client { background-color: #2f2f2f; margin: 0; padding: 10px 0; }
#clientlogin p { line-height: 0.9em; }
#clientlogin label { font-weight: normal; }
#name, #passwort, #suche { width: 120px; }

/* ••••• BIG TABLE */
#bigtable  { width: 430px; border-collapse: collapse; margin-left: 20px; }
#bigtable th, #bigtable td { font-weight: normal; vertical-align: top; margin: 0; padding: 0 5px 0 0; }
#bigtable th { font-weight: bold; background-color: #eeeee9; text-align: left; }
#bigtable td { margin: 0; padding: 0; }
#bigtable p { margin: 0; padding: 0; }
.zentrierlineal { margin-top: 15px; margin-bottom: 15px; }
.tabula {border: solid 1px #900;border-collapse:collapse;width:430px; padding-right: 20px; padding-left: 20px; }
.tabula td {background: #fff url(/media/media_css/hg_doublegray.gif) repeat-x left top;padding:3px;border: solid 1px #fff; }
.tabula th {text-align:left;border: 1px solid #fff; }
.tabula thead th { font-size: 0.8em; color: white; background: #900 url(/media/media_css/hg_darkred.gif) repeat-x 0 -1300px; padding: 10px 6px;  }
.tabula tbody { font-size: 0.7em; }
.tabula tbody th { color: white; background-image: url(/media/media_css/hg_verlaufdarkgray.gif); background-repeat: repeat-x; background-attachment: scroll; background-position: left center; padding: 6px;  }
.tabula tbody th.sub { background: #efefef url(/media/media_css/hg_rosa.gif) repeat-x left top; padding: 6px; }
#kontakttable  { font-size: 0.75em; line-height: 1.7em; width: 430px; margin-top: 20px; margin-bottom: 20px; padding-right: 20px; padding-left: 20px; }
#kontakttable td { padding-top: 5px; padding-right: 10px; padding-bottom: 5px; }
#runningbacktable  { width: 430px; margin-bottom: 20px; padding-right: 20px; padding-left: 20px; }
#runningbacktable img { border-right: 2px solid white; border-left: 2px solid white; }
#runningbacktable p { color: #808080; font-size: 0.7em; font-family: Georgia, "Times New Roman", Times, serif; font-style: italic; line-height: 1.4em; letter-spacing: 1px; margin: 0; padding-bottom: 10px; }
#runningbacktable td { vertical-align: top; padding-right: 10px; }

/* ••••• KLASSEN */
.bira { background-color: white; margin: 0 10px 0 0; padding: 4px; border: solid 1px #cecec7; }
.birali { background-color: white; margin-right: 8px; margin-bottom: 5px; padding: 4px; float: left; border: solid 1px #d3d3d3; }
.birare { background-color: white; margin-bottom: 10px; margin-left: 10px; padding: 4px; float: right; border: solid 1px #d3d3d3; }
.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; background-color: #edede3; height: 0; }
.trennlinie { border-bottom: 1px dotted #808080; clear: both; margin: 10px; }
.pfeilrechts { background-image: url(/media/media_css/pfeilrechts.gif); background-repeat: no-repeat; background-position: left center; padding-left: 15px; }
.pfeillinks { background-image: url(/media/media_css/pfeillinks.gif); background-repeat: no-repeat; background-attachment: scroll; background-position: left center; padding-left: 15px; }
.distancer { margin-right: 5px; }

/* ••••• FUSS */
#fuss { font-size: 0.7em; letter-spacing: 1px; color: #a9a9a9; line-height: 1.6em; background-image: url(/media/media_css/unten.jpg); background-position: left bottom; text-align: center; letter-spacing: 1px; padding-top: 15px; padding-bottom: 15px; }
#fuss a:link, #fuss a:visited { color: #e2001a; font-weight: bold; text-decoration: none; padding-right: 10px; padding-left: 10px; }
#fuss a:hover { color: white; }

/* ••••• HELP */
#help { font-family: Verdana, sans-serif; font-size: 12px; margin-top: 20px; margin-bottom: 20px; }
#help label { font-weight: bold; color: #660000; }
#help fieldset { background: #dcdcd4; 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; }