/* RESET CSS */
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%}

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:''}

body { color: #696969; font-family: Verdana, Arial, Helvetica, sans-serif; background-color: #f5f5f5;  }
#complete { background-color: white; width: 950px; margin-right: auto; margin-left: auto; }

/* HAUPT NAVIGATION */
#hauptnavi { color: #E13821; font-size: 1em; background-color: #AF181B; text-align: center; letter-spacing: 1px; margin: 0; padding: 10px 0; }
#hauptnavi a:link, #hauptnavi a:visited { color: white; font-weight: bold; text-decoration: none; margin: 0; padding: 0px 5px; }
#hauptnavi a:hover { color: black; }

/* LINKS */
#links { width: 210px; padding-top: 10px; padding-bottom: 20px; vertical-align: top; background-color: #dcdcdc; }
#links p { font-size: 0.7em; line-height: 1.6em; padding: 0px 10px 10px 10px; }
#links p strong { color: black; }
#links h1 { font-size: 0.8em; padding-left: 10px; padding: 20px 10px 20px 10px; }
#links a:link, #links a:visited { color: #BF261F; font-weight: 700; }
#links a:hover { color: #51514c; }
#navlist { padding-left: 0; margin-left: 0; width: 210px; }
#navlist li { list-style: none; margin: 0; }
#navlist li a:link, #navlist li a:visited { color: #BF261F; font-size: 0.7em; padding-left: 10px; }
#navlist li a:hover { color: #51514c; }

/* CONTENT */
#content { padding-top: 10px; padding-bottom: 20px; vertical-align: top; }
#content h1 { font-size: 1.3em; padding: 10px; clear: both; }
#content h1 strong, #content p strong { color: #BF261F; font-weight: bold; }
#content h2 { font-size: 0.85em; line-height: 1.4em; padding: 10px; }
#content h2 strong { color: #BF261F; font-weight: bold; }
#content h3 { color: white; font-size: 0.8em; letter-spacing: 2px; margin-left: 10px; padding: 3px; background-color: #dcdcdc; width: 480px; clear: both; }
#content h4 { font-size: 1em; padding-left: 10px; padding-top: 5px; padding-bottom: 5px; background-color: #dcdcdc; }
#content p { font-size: 0.7em; line-height: 1.7em; padding: 10px; }
#content a:link, #content a:visited { color: #BF261F; font-weight: bold; }
#content a:hover { color: #51514c; }
#content ul { font-size: 0.7em; line-height: 1.4em; padding-left: 30px; }
#content li { padding: 5px; }

/* RECHTS */
#rechts { width: 210px; padding-top: 10px; padding-bottom: 20px; vertical-align: top; background-color: #dcdcdc; }
#rechts p { font-size: 0.7em; line-height: 1.6em; padding: 0px 10px 10px 10px; }
#rechts p strong { color: black; }
#rechts h1 { font-size: 0.8em; padding-left: 10px; padding: 20px 10px 20px 10px; }
#rechts a:link, #rechts a:visited { color: #BF261F; font-weight: 700; }
#rechts a:hover { color: #51514c; }

/* FUSSZEILE */
#fuss { background-color: #009933; text-align: center; padding: 10px;}
#fuss p { letter-spacing: 1px; color: white; font-size: 0.7em; line-height: 1.5em; }
#fuss a { color: #f5f5f5; font-weight: 700; padding: 0px 7px 0px 7px; }

/* KLASSEN */
.tabellentext { font-size: 0.7em; line-height: 1.7em; }
.bira { background-color: white; margin: 0; padding: 3px; border: solid 1px #d3d3d3 }
.biraindex { background-color: white; margin: 0; padding: 6px; border: solid 1px #969696; }
.birali { background-color: white; margin-right: 8px; margin-bottom: 5px; padding: 3px; float: left; border: solid 1px #d3d3d3 }
.birare { background-color: white; margin-bottom: 10px; margin-left: 10px; padding: 3px; float: right; border: solid 1px #d3d3d3 }
.bili { margin: 0 10px 5px 0; padding: 0; float: left }
.bire { margin-bottom: 5px; margin-left: 10px; float: right }
.bu   { background-color: #f5f5f5; margin-right: 15px; margin-left: 15px; padding-top: 5px; padding-bottom: 5px; border: dotted 1px #d3d3d3 }
.pfad  { color: #808080; font-size: xx-small; text-align: right }
.help { font-size: 0.65em; background-color: #f3ed86; padding: 3px; }
.clearer { clear: both; }
.darky { background-color: #f5f5f5; }
.redy  { color: #BF261F; font-weight: bold; }

/* TABELLEN */
#dobtable  { width: 480px; font-size: 0.7em; margin-right: 30px; border-top: 1px solid #cbcbc1; border-left: 1px solid #cbcbc1; border-collapse: collapse; margin-left: 10px;}
#dobtable th, #dobtable td { font-weight: normal; vertical-align: top; padding: 8px; border-right: 1px solid #cbcbc1; border-bottom: 1px solid #cbcbc1  }
#dobtable th { font-weight: bold; background-color: #eeeee9; text-align: left; }
.shoptable  { font-size: 0.7em; line-height: 1.4em; width: 480px; border-collapse: collapse; margin-left: 10px; }
.shoptable td { font-weight: normal; vertical-align: top; padding: 4px 10px 10px 0;  }
#newstable { width: 480px; padding-right: 30px; margin-left: 10px; }
#newstable td { padding-top: 10px; padding-right: 10px; padding-bottom: 10px; }
#angebotstable  { width: 480px; font-size: 0.7em; margin-left: 10px; }
#angebotstable td { vertical-align: top; padding: 10px;  }
#formtable  { width: 480px; font-size: 0.7em; border-collapse: collapse; margin-left: 10px;}
#formtable td { vertical-align: top; padding: 8px; }
.partnertable  { font-size: 0.7em; margin: 30px 0px 30px 0px; border-collapse: collapse; margin-left: 10px;}
.partnertable td { font-weight: normal; vertical-align: top; padding: 8px 10px 20px 0px; }
.logintable  { font-size: 0.7em; margin-left: 10px; }
.logintable td { font-weight: normal; vertical-align: top; padding: 0 5px 5px 0; }

/* GALERIE */
#gallery  { margin-right: 30px; margin-left: 30px; border-top: 1px solid #cbcbc1; border-left: 1px solid #cbcbc1; }
#gallery td { padding-top: 6px; padding-right: 6px; padding-bottom: 6px; padding-left: 6px; border-bottom: 1px solid #cbcbc1; border-right: 1px solid #cbcbc1;}
.galleryborder { border: 1px solid #D7DAC5; margin: 3px 3px 3px 3px; }
.galleryfill  { background-color: #f4f4ed; padding: 5px; border: solid 1px #ffffff }
.thumb  { border: solid 1px #d7dac5 }
.nail { text-align: center; padding-top: 5px; }
#gallerydetail { padding-top: 20px; padding-bottom: 20px; }
#gallerydetail p { font-size: 0.7em; line-height: 1.4em; margin-right: 30px; margin-left: 30px; }
#gallerydetail a:link, #gallerydetail a:visited { color: #9c6; font-weight: bold; }
#gallerydetail a:hover { color: #51514c; }

/* ••••• 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: #660000; }
#help fieldset { background: #fffafa; 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; }