/* CSS Document */
/*Basis*/
html { margin: 0; padding: 0; }
body { font-family:Arial, Helvetica, sans-serif; line-height:18px; font-size:12px; background: #fff; margin: 0; padding: 0; color: #8f8f8f; }
body a:link, a:active, a:visited{ text-decoration:none; color:#000; }
#container { margin: auto; width:998px; height: 950px; position:relative; }
#pageHeader { width: 998px; height: 240px; background:url(bilder/banner.jpg); }
#pageHeader1 { width: 998px; height: 240px; background:url(bilder/bannerkinder.jpg); }
#pageHeader2 { width: 998px; height: 240px; background:url(bilder/bannerjugend.jpg); }
/*Linkliste Menu*/
#linkList { position: absolute; right:auto; top: 260px; padding:0 0 0 0; width: 180px; border:0px dotted #666666; height:250px; }
#linkList ul { margin: 0; padding: 0; list-style-type: none; width: 160px; /* Width of Menu Items */ }
#linkList ul li{ margin: 0; padding: 3px 0 3px 0; position: relative; background:url(bilder/menu.jpg) no-repeat; }
#linkList ul li a, #linkList ul li a:visited { border-bottom: none; outline:0; }
#linkList ul li a:hover { color: #ab382a; }
/*Sub level menu items */
.linkList ul li ul{ position: absolute; width: 170px; /*sub menu width*/ top: 0; visibility: hidden; }
#lselect { font-size: 0.9em; color: #ef9c00; }
#lselect ul li { padding: 3px 0 3px 5px; color:#b9b8bb; }
.c {background: url(bilder/active.jpg) no-repeat; width:180px;}
#lselect a { display: block; padding-left:30px; font-size: 12px; color: #999; font-weight:bold; }
#lselect a.c { display:block; margin:0px; padding-left:30px; font-size:14px; color: #fff; background: url(bilder/active.jpg) no-repeat; }
#lselect a.c:hover { color: #ccc; }
#lselect, #larchives { margin-bottom: 5px; border:0px solid #000000; }
/*-----------------------
bread_crumb_trail
-----------------------*/
#bread_crumb_trail { top: 260px; color: #939393; font-size: 0.9em; margin-top:20px; left:250px; }
#bread_crumb_trail h3 { margin-left:263px; margin-bottom:15px; font-size: 12px; font-family: arial,helvetica,sans-serif; letter-spacing: 0; }
#bread_crumb_trail a { color: #666; text-decoration: none; white-space: nowrap; }
#bread_crumb_trail a:hover { background: transparent; text-decoration: underline; }
#bread_crumb_trail a:focus { background: transparent; text-decoration: underline; }
#bread_crumb_trail a:active { background: transparent; text-decoration: underline; color:#a83529; }
#bread_crumb_trail span { white-space: nowrap; }
/*Maincontent*/
#content {position: absolute; left:250px; right:auto; top: 280px; width:500px; padding:0 0 0 0; color:#8f8f8f; background:#fff8d1; }
#content1 {position: absolute; left:250px; right:auto; top: 280px; width:500px; padding:0 0 0 0; color:#8f8f8f; background:#f9d391; }
#content2 {position: absolute; left:250px; right:auto; top: 280px; width:500px; padding:0 0 0 0; color:#000; background:#e3aba4; }
#content3 {position: absolute; left:250px; right:auto; top: 283px; width:700px; padding:0 0 0 0; color:#8f8f8f; background:#fff8d1; }
#content4 {position: absolute; left:250px; right:auto; top: 283px; width:900px; padding:0 0 0 0; color:#8f8f8f; background:#fff8d1; }
#content h1 {margin-left:16px; color:#a83529; font-size:14px; margin-right:15px;}
#content h2 {margin-left: 150px; color:#a83529; font-size:14px; margin-right:15px;}
#content h3 {margin-left:16px; color:#000; font-size:14px; margin-right:15px;}
#content h4 {margin-left:16px; color:#0066cc; font-size:16px; margin-right:15px;}
#content p {margin-left:16px; margin-right:15px;}
#content1 h1 {margin-left:16px; color:#fa0d18; font-size:14px; margin-right:15px;}
#content1 h2 {margin-left: 150px; color:#a83529; font-size:14px; margin-right:15px;}
#content1 h4 {margin-left:16px; color:#0066cc; font-size:16px; margin-right:15px;}
#content1 p {margin-left:16px; margin-right:15px; color:#3a3b65;}
#content2 h1 {margin-left:16px; color:#00000; font-size:14px; margin-right:15px;}
#content2 h2 {margin-left: 150px; color:#a83529; font-size:14px; margin-right:15px;}
#content2 h4 {margin-left:16px; color:#0066cc; font-size:16px; margin-right:15px;}
#content2 p {margin-left:16px; margin-right:15px; color:#3a3b65;}
#content3 h1 {margin-left:16px; color:#a83529; font-size:14px; margin-right:15px;}
#content3 h2 {margin-left: 150px; color:#a83529; font-size:14px; margin-right:15px;}
#content3 h3 {margin-left:16px; color:#000; font-size:14px; margin-right:15px;}
#content3 h4 {margin-left:16px; color:#ff0000; font-size:16px; margin-right:15px; background:#FFFFFF;}
#content3 p {margin-left:16px; margin-right:15px;}
#content4 h1 {margin-left:16px; color:#a83529; font-size:14px; margin-right:15px;}
#content4 h2 {margin-left: 150px; color:#a83529; font-size:14px; margin-right:15px;}
#content4 h3 {margin-left:16px; color:#000; font-size:14px; margin-right:15px;}
#content4 h4 {margin-left:16px; color:#ff0000; font-size:16px; margin-right:15px; background:#FFFFFF;}
#content4 p {margin-left:16px; margin-right:15px;}
#bg_oben { margin:0; padding:0; width:500px; height:20px; background:url(bilder/content_oben.png) no-repeat bottom; }
#bg_unten { margin:0; padding:0; width:500px; height:20px; background:url(bilder/content_unten.png) no-repeat bottom; }
/*Right Content*/
#right{ position: absolute; left:auto; right:auto; top: 275px; margin-left: 750px; width: 160px; background-image: url(bgsidebar.jpg); background-repeat: no-repeat; background-position: left top; padding-left: 30px; }
/*Pic left*/
#sponsor {position: absolute; left:auto; right:auto; top: 450px; width: 160px;}
#sponsor1 {position: absolute; left:auto; right:auto; top: 500px; width: 160px;}
#sponsor2 {position: absolute; left:auto; right:auto; top: 500px; width: 160px;}
/*Footer*/
#footer{ padding-top: 836px; background:url(bilder/footer.jpg) no-repeat bottom; }
#footer1{ padding-top: 956px; background:url(bilder/footer.jpg) no-repeat bottom; }
#footer2{ padding-top: 736px; background:url(bilder/footer.jpg) no-repeat bottom; }
#footer3{ padding-top: 1500px; background:url(bilder/footer.jpg) no-repeat bottom; }
#footer4{ padding-top: 2000px; background:url(bilder/footer.jpg) no-repeat bottom; }
#footer5{ padding-top: 2500px; background:url(bilder/footer.jpg) no-repeat bottom; }
#footer6{ padding-top: 1200px; background:url(bilder/footer.jpg) no-repeat bottom; }
/*Bilder*/
.re {float:right;}
.li {float:left; padding-right: 10px;}
#position {margin-left:16px;}
.fortbildung {padding-left:15px;}
.spalte {border-bottom: solid 1px #666666}