/* ALLGEMEIN */
body { font-family: Verdana, Arial, Helvetica, sans-serif; background-color: #e0e0e0; text-align: center; margin: 0; padding: 0; }
#complete { background-color: white; width: 750px; margin-right: auto; margin-left: auto; }
#panorama {  }

/* NAVIGATION */
#navigation { color: #b0c4de; font-size: 0.7em; background-color: #4a697f; text-align: center; width: 750px; height: 35px; }
#navigation a:link, #navigation a:visited { color: white; font-weight: 700; text-decoration: none; padding-right: 4px; padding-left: 4px; }
#navigation a:hover { color: #b3cfe2; }

/* SPALTE */
#spalte { background-color: #edecec; text-align: left; vertical-align: top; width: 250px; padding-top: 10px; padding-bottom: 20px; }
#spalte h1 { color: #748189; font-size: 0.8em; padding-top: 10px; padding-right: 20px; padding-left: 20px; }
#spalte p { color: #8d8d8d; font-size: 0.7em; line-height: 1.6em; padding-right: 20px; padding-left: 20px; }
#spalte a { color: #4a697f; font-weight: 700; }
.spaltentrenner { padding-top: 10px; border-bottom: 1px solid #e0e0e0; }
#navlist { padding-left: 0; margin-left: 0; border-bottom: 1px solid #e0e0e0; width: 249px; }
#navlist li { background-color: #f6f5f5; list-style: none; margin: 0; padding-top: 7px; padding-bottom: 7px; padding-left: 10px; border-top: 1px solid #e0e0e0; }
#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: 500px; padding-top: 20px; padding-bottom: 20px; }
#content h1 { color: #748189; font-size: 1.1em; padding-right: 20px; padding-bottom: 5px; padding-left: 20px; }
#content h1 strong { color: #60a0cb; }
#content h2 { color: #acb3b8; font-size: 0.7em; line-height: 1.4em; padding-right: 20px; padding-left: 20px; }
#content h3 { color: #60a0cb; font-size: 0.7em; line-height: 1.4em; letter-spacing: 1px; padding: 10px 20px; border-bottom: 1px dotted #dcdcdc; }
#content p { color: #696969; font-size: 0.75em; line-height: 2em; padding-right: 20px; padding-left: 20px; }
#content ul { color: #696969; font-size: 0.7em; font-weight: 700; line-height: 1.4em; padding-right: 20px; padding-left: 40px; }
#content li { padding-bottom: 5px; }
#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; height: 35px; }
#fuss a:link, #fuss a:visited { color: white; font-weight: 700; text-decoration: none; padding-right: 4px; padding-left: 4px; }
#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 1px 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; }