/* DIVERSES */
.gelbsquare { background-image: url(/media/media_css/square.gif); background-repeat: no-repeat; background-attachment: scroll; background-position: left center; padding-right: 15px; padding-left: 15px; }
body { font-family: Verdana, Arial, Helvetica, sans-serif; background-color: #bfcbcd; text-align: center; margin-top: 0; }
#complete { text-align: left; width: 760px; margin-right: auto; margin-left: auto; }
code { font-family: Verdana, Arial, Helvetica, sans-serif; color: #800000; font-size: xx-small; }

/* NAVI OBEN */
#navioben { color: #cedbdd; font-size: 0.7em; background-image: url(/media/media_css/logo.gif); background-repeat: no-repeat; background-position: right top; text-align: left; letter-spacing: 2px; height: 130px; }
#navioben a:link, #navioben a:visited { color: #838c8d; text-decoration: none; padding-right: 6px; padding-left: 6px; }
#navioben a:hover { color: #fff; }

/* SLOGAN, NAVI UNTEN */
#slogan { width: 190px; height: 30px; color: #696969; font-size: 0.7em; background-color: #a4aeb0; text-align: left; letter-spacing: 1px; padding-left: 20px; }
#naviunten { color: #bfcbcd; font-size: 0.7em; background-color: #a4aeb0; text-align: right; letter-spacing: 2px; height: 30px; padding-right: 20px; }
#naviunten a:link, #naviunten a:visited { color: #f0f8ff; text-decoration: none; padding-right: 6px; padding-left: 6px; }
#naviunten a:hover { color: #bfcbcd; }

/* BILDERLEISTE */
#yellow { background-color: #fef200; }
#yellow h1 { color: #000000; font-size: 1.1em; font-weight: normal; margin-top: 0; margin-right: 10px; margin-left: 20px; }#yellow p { color: #000000; font-size: 0.75em; line-height: 1.4em; margin-right: 50px; margin-left: 20px; }
#yellow a:link, #yellow a:visited { color: #000000; }
#yellow a:hover { color: #808080; }
#bilderleiste { background-color: #e2e7ea; text-align: left; }

/* SPALTE */

#spalte { background-color: #e2e7ea; text-align: left; width: 190px; vertical-align: top; margin: 0; padding: 20px 0; border-right: 1px dotted #a4aeb0; }
#spalte h1 { color: #696969; font-size: 0.75em; font-weight: normal; line-height: 1.6em; margin-right: 10px; margin-left: 20px; }
#spalte p { color: #696969; font-size: 0.65em; line-height: 1.6em; margin-right: 10px; margin-left: 20px; }
#spalte strong { font-weight: normal; }
#spalte a:link, #spalte a:visited { color: #696969; }
#spalte a:hover { color: #838c8d; }

/* CONTENT */
#content { background-color: #e2e7ea; text-align: left; width: 570px; vertical-align: top; padding-bottom: 20px; }
#content h1 { color: #838b8d; font-size: 1.2em; font-weight: normal; margin-top: 0; margin-right: 20px; margin-left: 20px; }
#content h1 strong { color: #a7b1b3; font-weight: normal; }
#content h2 { color: #a4aeb0; font-size: 0.7em; font-weight: 700; line-height: 1.8em; margin-right: 20px; margin-left: 20px; }
#content p { color: #696969; font-size: 0.7em; line-height: 1.8em; margin-right: 50px; margin-left: 20px; }
#content ul { color: #696969; font-size: 0.7em; line-height: 1.8em; list-style-type: square; }
#content a:link, #content a:visited { color: #2f4f4f; font-weight: 700; }
#content a:hover { color: #808080; }
#bu { color: #696969; font-size: 0.65em; text-align: right; letter-spacing: 2px; margin-top: 10px; margin-right: 50px; }

/* DOWN */
#down { font-size: 0.7em; background-color: #e2e7ea; text-align: left; vertical-align: bottom; height: 30px; padding-bottom: 20px; padding-left: 20px; }
#down a:link, #down a:visited { color: #a4aeb0; font-weight: 700; text-decoration: none; }
#down a:hover { color: #808080; }

/* FOOT */
#foot { color: #696969; font-size: 0.65em; letter-spacing: 1px; background-color: #a4aeb0; text-align: center; height: 30px; }
#foot a:link, #foot a:visited { color: #f0f8ff; text-decoration: none; }
#foot a:hover { color: #bfcbcd; }

/* BILDKLASSEN */
.bira { background-color: #ecf1f5; margin: 0; padding: 5px; border: solid 1px #bfcbcd   }
.birali { background-color: white; margin-right: 8px; margin-bottom: 5px; padding: 4px; float: left; border: solid 1px #d3d3d3 }
.birare { background-color: white; margin-bottom: 10px; margin-left: 10px; padding: 4px; float: right; border: solid 1px #d3d3d3 }
.bili { margin: 0 10px 1px 0; padding: 0; float: left }
.bire { margin-bottom: 5px; margin-left: 10px; float: right }

/* PROFILTABELLE */
#profiltabelle  { font-size: 0.7em; line-height: 1.3em; vertical-align: top; margin: 20px 50px 20px 20px; border-top: 1px dotted #a4aeb0; border-collapse: collapse }
#profiltabelle td { color: #696969; font-weight: normal; padding-top: 8px; padding-right: 8px; padding-bottom: 8px; border-bottom: 1px dotted #a4aeb0; }