/* Allgemeines Layout */

html,body { margin: 0 0 10px 0; padding: 0;}
body { font: 14px arial, helvetica, sans-serif; color: #555; line-height: 150%; text-align: center; letter-spacing: 0.1em; background: #FFDF80 url(../img/page-bg.gif) 0 0 repeat-x; background-attachment: fixed; }

div#header { width: 798px; height: 200px; margin: 0; padding: 0; }
div#container { text-align: left; width: 798px; margin: 0 auto; padding: 0; }
div#content { float: right; width: 578px; margin: 0 0 20px 20px; min-height: 550px; height:auto !important; height: 550px; }
div#sidebar { float: left; width: 200px; margin-top: 78px; }
* html div#sidebar { margin-top: 90px; } /* für IE6 */
* +html div#sidebar { margin-top: 90px; } /* für IE7 */
div#footer { clear: both; width: 100%; }


/* Kopfbereich */

#header #logo { float: left; background: url(../img/header.jpg) top left no-repeat; display: block; width: 798px; padding: 0; margin: 0; text-decoration: none; border: 0; }
#header #logo a:link, #header #logo a:visited, #header #logo a:hover, #header #logo a:active  { display: block; overflow: hidden; padding: 0; margin: 0; width: 798px; height: 200px; text-indent: -9999px; }


/* Kopfmenu */

ul#top-nav { float: left; margin: 0; padding: 0; width: 100%; font-size: 14px; }
ul#top-nav li { float: right; margin: 10px 0 10px 0; padding: 0; list-style: none; line-height: 100%; }
ul#top-nav li a { text-decoration: none; color: #555; }
ul#top-nav li a:hover, ul#main-nav	li a:focus {  text-decoration: none; }


/* Hauptmenu */

#main-nav { padding-left: 0; margin-left: 0; width: 180px; font-size: 13px;  }
#main-nav ul { margin: 0; padding: 0; }
#main-nav li { list-style: none; margin: 1px 0; padding: 0; }
#main-nav li a { display: block; margin: 0; padding: 6px 10px; color: #555; font-weight: bold; text-decoration: none; background: #FFF; }
#main-nav li a:hover, #main-nav li a.active { color: #000; background: #FFF url(../img/mainmenu-hover.gif) right center no-repeat; }


/* Untermenu */
#sub-nav a { position: relative; margin: 0 0 0 10px !important; padding: 0 0 0 10px !important; height: 20px !important; line-height: 20px !important; color: #555; font-weight: normal !important; background-color: #FFF; }
* +html #sub-nav a { margin-top: -1px !important; height: 22px !important; } /* für IE7 */
#sub-nav a:hover, #sub-nav a.active { color: #F00 !important; background: #FFF url(../img/spacer.gif) right center no-repeat !important; }


/* Inhalte */

h2 { font-size: 26px; font-weight: normal; margin: 30px 0; letter-spacing: 2px; padding-bottom: 8px; border-bottom: 2px solid #FFF; }
h3 { font-size: 22px; font-weight: normal; letter-spacing: 1px; margin-bottom: 14px; line-height: 130%; }
h4 { font-size: 18px; font-weight: normal; margin-bottom: 10px; line-height: 130%; }
h5 { font-size: 16px; margin: 12px 0 0; }
h6 { font-size: 14px; margin: 10px 0 0; }

div#content p { margin: 10px 0;}
div#content a, div#footer a { color: #555; text-decoration: underline; }
div#content a:hover, div#footer a:hover { color: #000; text-decoration: none; }

div#content ul { list-style-type: disc; text-align: left; margin: 10px 0 0 10px; padding: 0; }
div#content li { padding: 0; margin: 0 0 5px 10px; font-weight: normal; }
div#content li ul { list-style-type: circle; margin: 0 0 0 7px; }
div#content li ul li { margin: 0 0 0 10px; }
div#content ol { list-style-type: decimal; text-align: left; margin: 10px 0 0 15px; padding: 0; }

blockquote { background: #FFF url(../img/quote.gif) top left no-repeat; margin: 20px 0px 20px; padding: 5px 40px; border: 2px solid #FEBF05; }

small { font-size: 11px; font-weight: normal; padding-left: 2px; }

abbr{ cursor: help; }

hr { clear: both; border: none 0; height: 1px; margin: 30px 0 25px; border-bottom: 1px dotted #555; }

.spacer { width: 100%; clear: both; height: 0; line-height: 0; font-size : 0; margin: 20px 0; }

.clearer { width: 100%; clear: both; height: 0; line-height: 0; font-size : 0; margin: 0; }


/* Ausrichtung von Fotos + Grafiken */

img.aligncenter { display: block; text-align: center; margin-left: auto; margin-right: auto; padding: 6px; background: #FFEBAF; }
img.alignright { float: right; margin-right: 10px; padding: 6px; background: #FFEBAF; }
img.alignleft { float: left; margin-left: 10px; padding: 6px; background: #FFEBAF; }

img a.hover { background: #FFF; }


/* Tabellen */

table { text-align: left; font-size: 14px; line-height: 150%; color: #555; margin: 5px 0; padding: 0; border-top: 1px solid #FFF; border-left: 1px solid #FFF; border-collapse: collapse; }
th { font-size: 14px; font-weight: bold; padding: 4px; border-bottom: 1px solid #FFF; border-right: 1px solid #FFF; background: #FFF; }
tr { height: 24px; border: 0; background: #FFDF7F; }
td { vertical-align: top; border-bottom: 1px solid #FFF; border-right: 1px solid #FFF; padding: 4px; }


/* disable firefox link borders */
a:active, a:focus { outline: 0; }


/* Infobox */

#content .content_navibox, #content .content_infobox { clear: both; margin: 20px 0; padding: 8px 10px 0px; border: 6px solid #FFEBAF; background: #FFF; letter-spacing: 0; }
#content .content_navibox h4 { margin-top: 0; margin-bottom: 10px; padding: 4px 0 2px 26px; border-bottom: 1px dotted #FEBF05; background: url(../img/info-box_left.gif) 2px 0 no-repeat; }
#content .content_infobox h4 { margin-top: 0; margin-bottom: 10px; padding: 4px 0 2px 0; border-bottom: 1px dotted #FEBF05; background: none; }
#content .content_navibox ul, #content .content_infobox ul { padding-top: 0px; padding-bottom: 5px; list-style-type: disc; }
#content .content_navibox ul li, #content .content_infobox ul li { font-size: 14px; }
#content .content_navibox p, #content .content_infobox p { font-size: 14px; }


/* Fussbereich */

div#footer p { margin: 0; padding: 5px 0; font-size: 11px; text-align: center; line-height: 150%; border-top: 2px solid #FFF; }
div#footer p.tools { text-align: left !important; padding-left: 220px; border: 0 !important; }
div#footer .top { background: url(../img/icon-seitenanfang.gif) 0 3px no-repeat; margin-right: 4px; padding-left: 13px; }
div#footer .print { background: url(../img/icon-drucken.gif) 0 2px no-repeat; margin-left: 3px; padding-left: 15px; }

#printbottom { display : none; }


/* Linkziel-Darstellung */

#content a[href$=".pdf"] { padding-left: 25px; background-image: url(../img/icon-pdf.gif); background-position: center left; background-repeat: no-repeat; }
fieldset p { padding-left: 10px; }


/* Zugänglichkeit */

#accessibility { position: absolute; top: -10000px; }
