/* RESET */
html, body, div, span, applet, object, iframe, h1, h2, h3, h4, h5, h6, p, blockquote, pre, a, abbr, acronym, address, big, cite, code, del, dfn, em, font, img, ins, kbd, q, s, samp, small, strike, strong, sub, sup, tt, var, dl, dt, dd, ol, ul, li, fieldset, form, label, legend, table, caption, tbody, tfoot, thead, tr, th, td { margin: 0; padding: 0; border: 0; outline: 0; font-weight: inherit; font-style: inherit; font-size: 100%; font-family: inherit; vertical-align: baseline; }
:focus { outline: 0; }
body { line-height: 1; color: black; background: white; }
table { border-collapse: separate; border-spacing: 0; }
caption, th, td { text-align: left; font-weight: normal; }
blockquote:before, blockquote:after, q:before, q:after { content: ""; }
blockquote, q { quotes: "" ""; }
/* ALLGEMEIN */
body { font-family: 'Nobile', arial, serif; background-color: #e0e0e0; text-align: center; margin: 0; padding: 20px; }
#complete { background-color: white; width: 950px; margin-right: auto; margin-left: auto; border: solid 10px white; }
#panorama { }
/* NAVIGATION */
#navigation { color: #b0c4de; font-size: 0.8em; text-transform: uppercase; background-color: #4a697f; text-align: center; padding: 15px 0px; }
#navigation a:link, #navigation a:visited { color: white; font-weight: 700; text-decoration: none; padding: 0 6px; }
#navigation a:hover { color: #b3cfe2; }
/* SPALTE */
#spalte { background-color: #edecec; text-align: left; vertical-align: top; width: 350px; padding-bottom: 20px; }
#spalte h1 { font-family: 'Anton', arial, serif; color: #748189; font-size: 1.3em; padding: 20px; letter-spacing: 1px; border-top: solid 10px white; }
#spalte p { color: #8d8d8d; font-size: 0.7em; line-height: 1.7em; padding: 5px 20px; }
#spalte a { color: #4a697f; font-weight: 700; }
.spaltentrenner { padding-top: 30px; }
#navlist { padding: 0 0 20px 0; margin-left: 0; border-bottom: 1px solid #e0e0e0; width: 350px; }
#navlist li { background-color: #edecec; list-style: none; margin: 0; padding-top: 7px; padding-bottom: 7px; padding-left: 10px; border-top: 1px solid white; }
#navlist li a:link, #navlist li a:visited { color: #4a697f; font-size: 0.7em; font-weight: 700; text-decoration: none; padding-left: 9px; }
#navlist li a:hover { color: #808080; }
#navlist li:hover { background-color: white; }
/* CONTENT */
#content { background-image: url(/media/media_css/z.gif); background-repeat: no-repeat; background-position: right top; text-align: left; vertical-align: top; width: 600px; padding-top: 20px; padding-bottom: 20px; }
#content h1 { font-family: 'Anton', arial, serif; color: #748189; font-size: 1.7em; padding: 10px 20px; letter-spacing: 1px; }
#content h1 strong { color: #60a0cb; }
#content h2 { color: #acb3b8; font-size: 0.75em; line-height: 1.4em; font-weight: 700; padding: 5px 50px 20px 20px; }
#content h3 { font-family: 'Anton', arial, serif; color: #60a0cb; font-size: 1.1em; line-height: 1.3em; letter-spacing: 1px; padding: 10px 20px 20px 20px; }
#content p { color: #696969; font-size: 0.75em; line-height: 1.6em; padding: 0 20px; }
#content ul { color: #696969; font-size: 0.7em; font-weight: 700; line-height: 1.4em; padding: 10px 20px 0 40px; }
#content li { padding-bottom: 10px; }
#content a:link, #content a:visited { color: #4a697f; font-weight: 700; text-decoration: none; }
#content a:hover { color: #808080; }
/* FUSS */
#fuss { color: #4a697f; font-size: 0.7em; background-color: #b3cfe2; text-align: center; letter-spacing: 2px; padding: 15px 0; border-top: solid 10px white; }
#fuss a:link, #fuss a:visited { color: white; font-weight: 700; text-decoration: none; padding: 0 0 0 10px; text-transform: uppercase; }
#fuss a:hover { color: #4a697f; }
/* TABELLE */
#kontakttable { line-height: 1.7em; width: 460px; margin: 20px; }
#kontakttable td { color: #7b7b7b; font-size: 0.75em; padding-top: 3px; padding-right: 10px; padding-bottom: 3px; }
#referenztable { line-height: 1.7em; margin: 20px; }
#referenztable td { vertical-align: top; color: #7b7b7b; font-size: 0.75em; padding-top: 3px; padding-right: 10px; padding-bottom: 3px; }
.newstabelle { color: #7b7b7b; width: 460px; margin-left: 20px; }
.newstabelle td { font-size: 0.7em; line-height: 1.8em; vertical-align: top; padding-right: 10px;}
/* BILDKLASSEN */
.bira { background-color: white; padding: 5px; border: solid 1px #e8e7d7; }
.birali { background-color: white; margin-right: 8px; margin-bottom: 5px; padding: 4px; float: left; border: solid 1px #e8e7d7; }
.birare { background-color: white; margin-bottom: 10px; margin-left: 10px; padding: 4px; float: right; border: solid 1px #e8e7d7; }
.bili { margin: 0 10px 10px 0; padding: 0; float: left; }
.bire { margin-bottom: 5px; margin-left: 10px; float: right; }
/* HELP */
#help { font-family: Georgia, serif; font-size: 13px; 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; color: #666; background: #f5f5f5; border: 1px solid #ccc; border-bottom-color: #999; border-right-color: #999; padding: 4px 8px; }
/* KLASSEN */
.clearer { clear: both; }