@import url(/framework/reset.css);

/* ALLGEMEIN */
body { font-family: Verdana, Arial, Helvetica, sans-serif; background-color: #7a6d63; text-align: center; padding-top: 10px; padding-bottom: 10px; }
#complete { background-color: #403d38; background-image: url(/media/media_css/rauch.gif); background-repeat: no-repeat; background-position: right top; text-align: left; width: 960px; margin-right: auto; margin-left: auto; }

/* NAVI */
#navi { color: #004da8; font-size: 0.75em; background-color: #003778; letter-spacing: 5px; padding-top: 15px; padding-bottom: 15px; padding-left: 20px; }
#navi a:link, #navi a:visited { color: #87ceeb; font-weight: 700; text-decoration: none; padding-right: 10px; padding-left: 10px; }
#navi a:hover, #navi a.aktiv { color: #fff; }

/* LINKS */
#links { background-image: url(/media/media_css/liun.gif); background-repeat: no-repeat; background-position: left bottom; vertical-align: top; width: 260px; padding-top: 30px; padding-bottom: 20px; }
#links h1 { color: #e1d7ce; font-size: 0.9em; font-weight: 700; letter-spacing: 1px; padding: 10px 20px 20px 30px; }
#links p { color: #aea69f; font-size: 0.7em; line-height: 2em; letter-spacing: 1px; padding: 10px 20px 20px 30px; }
#links p a:link, #links p a:visited { color: #e1d7ce; }
#links p a:hover { color: white; text-decoration: underline; }

#navlist { border-bottom: 1px dotted #7a6d63; width: 260px; margin: 0 0 20px; padding: 0; }
#navlist li { list-style: none; margin: 0; padding: 5px 0 7px; border-top: 1px dotted #7a6d63; }
#navlist li a:link, #navlist li a:visited { color: #e1d7ce; font-size: 0.7em; text-decoration: none; letter-spacing: 1px; padding: 0 0 0 30px; }
#navlist li a:hover { color: #f5f5f5; }
#navlist li a.aktiv { color: #f5f5f5; text-decoration: underline; }
#navlist li:hover { background-color: #5e544c; }

/* RECHTS */
#rechts { background-image: url(/media/media_css/reun.gif); background-repeat: no-repeat; background-position: right bottom; vertical-align: top; width: 700px; padding-bottom: 20px; }
#rechts h1 { color: #e1d7ce; font-size: 1.2em; font-weight: normal; padding: 30px 20px 10px 30px; clear: both; }
#rechts h2 { color: #c9c0b8; font-size: 0.8em; font-weight: normal; line-height: 1.6em; letter-spacing: 3px; padding-right: 50px; padding-bottom: 20px; padding-left: 30px; }
#rechts p { color: #e1d7ce; font-size: 0.75em; line-height: 2.3em; letter-spacing: 1px; padding: 20px 40px 20px 30px; }
#rechts ol { color: #e1d7ce; letter-spacing: 1px; margin-right: 50px; margin-left: 40px; }
#rechts ol li { font-size: 0.7em; line-height: 2.3em; padding-top: 10px; }
#rechts ol li li { font-size: 1em; }
#rechts ul { color: #e1d7ce; font-size: 0.7em; line-height: 2em; letter-spacing: 1px; margin-top: 20px; margin-right: 30px; margin-left: 50px; }
#rechts ul li { padding-bottom: 10px; list-style-type: disc; }
#rechts p a:link, #rechts p a:visited { color: #fff; font-weight: 700; }
#rechts p a:hover { color: #e1d7ce; text-decoration: underline; }
#rechts iframe { background-color: #403d38; padding: 4px; border: solid 1px #7a6d63 }

#achtung { background-color: #7a6d63; width: 400px; margin-top: 10px; margin-left: 30px; padding: 10px; }
#achtung h1 { margin: 0; padding: 0; }
#achtung p { padding: 5px 0 0; }

/* KLASSEN */
.bira { background-color: #403d38; padding: 4px; border: solid 1px #7a6d63; }
.birali   { background-color: white; margin-right: 10px; margin-bottom: 1px; padding: 4px; float: left; border: solid 1px #dcdcdc; }
.birapro { background-color: #403d38; padding: 5px; float: left; margin: 0 11px 11px 0; border: solid 1px #7a6d63; }
.birapro:hover { border: solid 1px white; }
.birare { background-color: white; margin-right: 10px; margin-bottom: 10px; padding: 4px; float: right; border: solid 1px #dcdcdc; }
.bili { margin-right: 10px; margin-bottom: 10px; float: left; }
.bire { margin-bottom: 10px; margin-left: 10px; float: right; }
.clearer { clear: both; }

/* TABELLE */
#hofertable { width: 600px; margin-left: 30px; }
#hofertable td { color: #e1d7ce; font-size: 0.75em; line-height: 2.3em; letter-spacing: 1px; vertical-align: top; padding: 10px 20px 10px 0; }
#hofertable td a:link, #hofertable td a:visited { color: #fff; font-weight: 700; }
#hofertable td a:hover { color: #e1d7ce; text-decoration: underline; }

/* FUSS */
#fuss { background-color: #7a6d63; text-align: right; padding-top: 30px; padding-right: 20px; }
#fuss p { color: #403d38; font-size: 0.7em; letter-spacing: 3px; }
#fuss p a:link, #fuss p a:visited { color: #aea69f; text-decoration: none; padding-right: 5px; padding-left: 5px; }
#fuss p a:hover { color: white; text-decoration: underline; }