/* RESET */
body, div, dl, dt, dl, ul, ol, li, h1, h2, h3, h4, h5, h6, pre, form, fieldset, input, p, blockoute, th, td {margin:0;padding:0}
h1, h2, h3, h4, h5, h6 {font-size:100%}
ol, ul {list-style:none}
adress, caption, cite, code, dfn, em, strong, th, var {font-style:normal;font-weight:normal}
table {border-collapse:collapse;border-spacing:0;font-size:100%}
fieldset, img {border:0}
caption, th {text-align:left}
q:before, q:after {content:''}

/* ALLGEMEIN */
body { color: black; font-family: Verdana, Arial, Helvetica, sans-serif; text-align: center; background-color: #011a52; background-image: url("/media/media_css/fairbodyhg.gif"); background-position: left top; background-repeat: repeat-x; padding-top: 10px; padding-bottom: 10px; }
#complete { width: 960px; margin-right: auto; margin-left: auto; }
img { border-width: 0; }
img a { border: none;}

/* NAVIGATION */
#navi { text-align: center; vertical-align: center; background-image: url("/media/media_css/naviyellowhg.gif"); background-position: left center; background-repeat: repeat-x; padding-top: 15px; padding-bottom: 15px; }
#navi a:link, #navi a:visited { color: black; font-size: 0.9em; font-weight: 700; text-transform: uppercase; text-decoration: none; padding-right: 7px; padding-left: 7px; }
#navi a:hover { color: #28477e; }

/* SPALTE LINKS */
#spaltelinks { text-align: left; width: 230px; background-color: #28477e; background-image: url(/media/media_css/linkespaltehg.gif); background-repeat: repeat-y; background-position: left top; padding: 0 0 20px; vertical-align: top; }
#spaltelinks h1 { color: white; font-size: 0.85em; text-transform: uppercase; padding: 20px 20px 10px 20px; }
#spaltelinks p { color: white; font-size: 0.7em; line-height: 1.5em; padding: 5px 20px 5px 20px; }
#spaltelinks a.nav:link, #spaltelinks a.nav:visited { color: #add8e6; font-weight: 700; text-decoration: none; }
#spaltelinks a.nav:hover { color: #657fb0; font-weight: 700; text-decoration: none; }
#spaltelinks a.subnav:link, #spaltelinks a.subnav:visited { color: white; text-decoration: none; margin: 0; }
#spaltelinks a.subnav:hover { color: #ff0; }

/* AUFKLAPP NAVI
#navlist { width: 230px; margin: 0 0 20px 0; padding: 0; }
#navlist ul { margin: 0; padding: 0; }
#navlist li ul {padding-top: 10px }
#navlist li { list-style: none; margin: 0; padding: 5px 0 0 20px; color: white; font-size: 0.9em; }
#navlist li a:link, #navlist li a:visited { font-size: 0.8em !important; color: #5291d4; font-weight: 700; text-decoration: none; }
#navlist li a:hover, #navlist li a.aktiv { color: #fff; }
#navlist li li { list-style: none; margin: 0; padding: 1px 0 1px 10px; border-top: 0px; }
#navlist li li a:link, #navlist li li a:visited { color: #5291d4; font-size: 0.7em; font-weight: normal; text-decoration: none; }
#navlist li li a:hover, #navlist li li a.aktiv { color: #fff; }
*/

#navlist { width: 230px; margin: 0 0 20px 0; padding: 0; }
#navlist ul { margin: 0; padding: 0; }
#navlist li ul {padding-top: 3px; }
#navlist li { list-style: none; margin: 0; padding: 5px 0 0 20px; color: #5291d4; font-size: 0.9em; }
#navlist li a:link, #navlist li a:visited { font-size: 0.8em !important; color: #5291d4; font-weight: 700; text-decoration: none; }
#navlist li a:hover, #navlist li a.aktiv { color: #fff; }
#navlist li li { list-style: none; margin: 0; padding: 0 0 0 10px; }
#navlist li li a:link, #navlist li li a:visited { color: #fff; font-size: 0.7em; font-weight: normal; text-decoration: none; }
#navlist li li a:hover, #navlist li li a.aktiv { color: #fff; }

/* CONTENT */
#content { vertical-align: top; width: 500px; text-align: left; background-color: white; padding-top: 20px; padding-bottom: 20px; vertical-align: top; }
#content h2 { color: black; font-size: 0.9em; font-weight: 700; background-color: #ffd700; margin: 0 20px 20px 20px; padding: 5px 0 5px 0; }
#content h2 strong { color: white; font-weight: normal; background-color: black; margin-top: 20px; padding: 5px; }
#content h3 { font-size: 0.8em; font-weight: 700; line-height: 1.6em; padding: 0 20px 15px 20px; }
#content h4 { color: black; font-size: 0.8em; font-weight: 700; line-height: 1.6em; margin-bottom: -10px; padding-left: 80px; }
#content p { font-size: 0.75em; line-height: 1.3em; padding: 5px 20px 5px 20px; }
#content li { font-size: 0.75em; line-height: 1.3em; padding-bottom: 15px; }
#content a:link, #content a:visited { color: #B41E1E; font-weight: 700; }
#content a:hover { color: #4a4a4a; font-weight: 700; }
#content table { margin-left: 20px; }

/* SPALTE RECHTS */
#spalterechts { text-align: left; width: 230px; background-color: #28477e; background-image: url(/media/media_css/rechtespaltehg.gif); background-repeat: repeat-y; background-position: right top; padding: 0 0 20px; vertical-align: top; }
#spalterechts h1 { color: white; font-size: 0.85em; text-transform: uppercase; padding: 20px 20px 10px 20px; }
#spalterechts p { color: #add8e6; font-size: 0.7em; line-height: 1.6em; padding: 5px 20px 5px 20px; }
#spalterechts a:link, #spalterechts a:visited { color: white; }
#spalterechts a:hover { color: #ff0; }

#yellowsnow { background-image: url(/media/media_css/loginhg.jpg); background-repeat: no-repeat; background-position: right bottom; padding-bottom: 30px; }
#yellowsnow h1, #yellowsnow p, #yellowsnow a:link { color: white; }

/* FUSZEILE */
#fuss { color: #fff; font-size: 0.7em; line-height: 1.3em; background-image: url(/media/media_css/fussi.gif); background-repeat: no-repeat; background-position: right bottom;  text-align: center; vertical-align: middle; padding: 10px}
#fuss a:link, #fuss a:visited { color: #ff0; text-decoration: none; }
#fuss a:hover { color: white; }

/* KLASSEN */
.biralinks  { margin-right: 10px; margin-bottom: 1px; padding: 5px; float: left; border-style: solid; border-width: 1px; border-color: #dcdcdc; }
.birarechts { margin-top: 5px; margin-bottom: 10px; margin-left: 20px; padding: 5px; float: right; border-style: solid; border-width: 1px; border-color: #dcdcdc; }
.bira { padding: 5px; border: solid 1px #dcdcdc; }
.biru { -moz-border-radius: 9px; -webkit-border-radius: 9px; border-radius: 9px; }
.bildlinks { margin-right: 15px; margin-bottom: 15px; float: left; }
.bildrechts { margin-bottom: 15px; margin-left: 15px; float: right; }
.Masstext  { color: white; font-size: 0.85em; background-color: #808080; padding: 5px; }
.Aufanfragetext { font-size: 0.8em; }
.achtung { color: #fff; font-size: 0.75em; background-color: #4169e1; padding: 2px; }
.copyrighttext { color: #696969; font-size: 0.6em; padding: 20px; }
.trennlinie { border-bottom: 1px solid #d3d3d3; margin-top: 10px; margin-bottom: 10px; }
strong { color: white; font-style: normal; background-color: #b41e1e; padding: 1px; }
.yellowcake { background-color: #fbf7f6; }
.clear {clear: both; }
.rot { color: red; }

/* TABELLEN */
#aufdrucktabelle { width: 450px; }
#aufdrucktabelle em { color: #808080; font-style: normal; font-weight: 700; }
#aufdrucktabelle caption { color: black; font-size: 0.8em; font-style: normal; font-weight: normal; text-align: left; padding-top: 20px; }
#aufdrucktabelle tr td { color: black; font-size: 0.6em; background-color: transparent; padding: 2px 3px; border-bottom: 1px solid #a9a9a9; }
#aufdrucktabelle th { color: black; font-size: 0.6em; background-color: transparent; padding: 2px 3px; border-bottom: 1px solid #a9a9a9; }
#shoptable {  width: 450px; color: black; padding: 2px 2px; }
#shoptable td { font-size: 0.7em; }
#shoptable th { text-align: left; font-size: 0.75em; font-weight: 700; }
.right { text-align: right; }
#einleitung { font-size: 0.75em; line-height: 1.3em; padding: 2px 4px; }
#listentabelle { width: 450px; }
#listentabelle tr td { font-size: 0.75em; line-height: 1.3em; padding: 0 4px 0 4px; }
#listentabelle cite { color: #808080; font-style: normal; }

#standardtable { font-size: 0.75em; line-height: 1.3em; width: 460px; }
#standardtable td { vertical-align: top; text-align: left; padding: 5px 10px 5px 5px; }

/* SHOP */
.inputButton, .inputButton:hover { border: 1px solid black ! important; background: #ff0; margin-bottom: 0px; margin-right: 0px; font-weight: normal; width: 160px ! important; margin: 0; padding: 0px; text-align: center; color: black; white-space: nowrap; }
a.inputButton, a.inputButton:hover { display: block; padding: 2px 0 2px 0; }