/* CSS Document */

body {
        margin:0px; padding:0px;
        background-color:#c90;
        background-image:url(../../images/bgMain.jpg); 
        background-repeat: no-repeat;
        background-attachment: fixed;
        background-position: center top;
        }
        
div		
{
	font-family: Arial;
	font-size: 12px;
}   
p 
{
	color: #039;
}
ul, li 

{

    font-family: Arial, Helvetica, sans-serif;

    font-size:13px;

    color: #003399;

}



        
.rahmen {
        position:absolute; top:0px; left:50%; margin-left:-395px; /* zentriert */
        width:800px; height:600px;  /* feste Seitenbreite */
        }
.ksz-logo {
        z-index:1; position:absolute; top:0px; left:30px;
        width:140px; height:132px;
        }
.kopfzeile {
        position:absolute; top:40px; left:170px;
        width:295px; height:60px;
        }
.ksb-logo {
        position:absolute; top:40px; left:555px;
        width:235px; height:60px;
        }
.kopf {
        position:absolute; top:0px; left:170px;
        width:610px; height:120px;
        background-image:url(../../images/kopf_bce.gif); background-repeat:no-repeat;
        }
.kopfnavi {
        z-index:0; position:absolute; top:100px; left:0px;
        width:590px; height:29px;
        background-color:#fff; background-image:url(../../images/hg-kopfnavi.gif); background-repeat:repeat-x;
        padding-left:210px; padding-top:1px;
        }
.kopfnavi a {
        padding-left:10px;
        font-family:Arial, Helvetica, sans-serif; font-weight:normal; font-size:12px;
        color:#039;
        text-decoration:none;
        }
.kopfnavi a:hover {
        color:#f30;
        }
.kopfnavi a .da { font-weight:bold; }

.spenden {
        z-index:500;
        position:absolute; top:132px; left:30px; width:140px; height:40px;
        }
        
        
.roSpenden a
{
    z-index:500;
    position:absolute; top:132px; left:30px; width:140px; height:40px;
    background-image: url(../../images/b_spenden.gif);
    height: 40px;
    width: 140px;
    display: block;
}
.roSpenden a:hover
{ background-position: 0px -40px; z-index: 1000; }        
        
        

.navi {
        z-index:200;
        position:absolute; top:180px; left:-15px;
        width:210px;
        }
        
        
/* HIGHLIGHTING MENUBUTTONS */
.navHL1  {
		height:18px;
        display:block;
        padding-left:6px; padding-top:3px;
        text-decoration:none;
        font-family:Arial, Helvetica, sans-serif; font-weight:bold; font-size:13px;
        color:#FFFFFF;
        line height:17px;
        background-color:#003399;
        border:solid 1px #bce; border-top:solid 1px #fff; border-left:solid 1px #fff;
        }
.navHL2  {
		height:18px;
        display:block;
        padding-left:6px; padding-top:3px;
        text-decoration:none;
        font-family:Arial, Helvetica, sans-serif; font-weight:bold; font-size:13px;
        color:#039;
        line height:17px;
        background-color:#FFCC00;
        border:solid 1px #fd6; border-top:solid 1px #fff; border-left:solid 1px #fff;
        }        
        
/* blaues Men? */
.subNav1 {
        background-color:#EEEEFF;   
        font-weight: normal;      
        }

.subNav1 a {
        height:18px;
        display:block;        
        text-decoration:none;
        padding-left:16px; padding-top:1px;
        font-family:Arial, Helvetica, sans-serif;
        font-weight: normal; 
        font-size:13px;
        color:#039;
        line height:13px;
        border:solid 1px #fff; border-bottom:solid 1px #BBCCEE; border-right:solid 1px #BBCCEE;
        }
.subNav1  a:hover {
        color:#039;
        background-color:#fff;
        border:solid 1px #039;
        font-weight: normal; 
        }
        
.subNav11 {
        background-color:#003399;   
        font-weight: bold;           
        }

.subNav11 a {
        height:18px;
        display:block;        
        text-decoration:none;
        padding-left:16px; padding-top:1px;
        font-family:Arial, Helvetica, sans-serif;
        font-weight: bold; 
        font-size:13px;
        color: #FFFFFF; 
        line height:13px;
        border:solid 1px #fff; border-bottom:solid 1px #EEEEFF; border-right:solid 1px #EEEEFF;
        }
.subNav11  a:hover {
        color: #003399; 
        background-color:#fff;
        border:solid 1px #039;
        font-weight: bold; 
        }

.navi1 {
        padding-left:0px;
        }
.navi1 p {
        margin:0px;
        }
.navi1 p a {
        height:18px;
        display:block;
        padding-left:6px; padding-top:3px;
        text-decoration:none;
        font-family:Arial, Helvetica, sans-serif; font-weight:bold; font-size:13px;
        color:#039;
        line height:17px;
        background-color:#bce;
        border:solid 1px #bce; border-top:solid 1px #fff; border-left:solid 1px #fff;
        }
.navi1 p a:hover {
        background-color:#fff;
        border:solid 1px #039;
        }
.navi1 .da a {
        font-weight:bold;
        color:#039;
        background-color:#fc0;
        border-bottom:solid 1px #fc0; border-right:solid 1px #fc0;
        }
.navi11 {
        background-color:#eef;
        }
.navi11 p a {
        height:16px;
        display:block;
        padding-left:16px; padding-top:1px;
        font-weight:normal;
        line height:13px;
        background-color:#eef;
        border-bottom:solid 1px #eef; border-right:solid 1px #eef;
        }
/* gelbes Men? */
.subNav2 {
        background-color:#FFEEAA;   
        font-weight: normal;      
        }

.subNav2 a {
        height:18px;
        display:block;        
        text-decoration:none;
        padding-left:16px; padding-top:1px;
        font-family:Arial, Helvetica, sans-serif;
        font-weight: normal; 
        font-size:13px;
        color:#039;
        line height:13px;
        border:solid 1px #fff; border-bottom:solid 1px #fd6; border-right:solid 1px #FFEEAA;
        }
.subNav2  a:hover {
        color:#039;
        background-color:#fff;
        border:solid 1px #039;
        font-weight: normal; 
        }
        
.subNav21 {
        background-color:#FFCC00;   
        font-weight: bold;      
        }

.subNav21 a {
        height:18px;
        display:block;        
        text-decoration:none;
        padding-left:16px; padding-top:1px;
        font-family:Arial, Helvetica, sans-serif;
        font-weight: bold; 
        font-size:13px;
        color:#039;
        line height:13px;
        border:solid 1px #fff; border-bottom:solid 1px #fd6; border-right:solid 1px #fd6;
        }
.subNav21  a:hover {
        color:#039;
        background-color:#fff;
        border:solid 1px #039;
        font-weight: bold; 
        }
        



.navi2 {
        background-color:#fd6;
        }
.navi2 p {
        margin:0px;
        }
.navi2 p a {
        height:18px;
        display:block;
        padding-left:6px; padding-top:3px;
        text-decoration:none;
        font-family:Arial, Helvetica, sans-serif; font-weight:bold; font-size:13px;
        color:#039;
        line height:17px;
        border:solid 1px #fff; border-bottom:solid 1px #fd6; border-right:solid 1px #fd6;
        }
.navi2 p a:hover {
        color:#039;
        background-color:#fff;
        border:solid 1px #039;
        }
.navi2 .da a {
        font-weight:bold;
        color:#039;
        background-color:#fc0;
        border-bottom:solid 1px #fc0; border-right:solid 1px #fc0;
        }
.navi21 {
        background-color:#fea;
        font-weight:normal;
        }
.navi21 p a {
        height:16px;
        display:block;
        padding-left:16px; padding-top:1px;
        font-weight:normal;
        line height:13px;
        border-bottom:solid 1px #fea; border-right:solid 1px #fea;
        }

.seite {
        position:absolute; top:130px; left:0px;
        width:800px; height:580px;
        background-color:#fff;
        }

.inhalt {
        position:absolute; top:50px; left:220px;
        width:500px ;
        padding:0px; margin:0px;
        }

.meldung {
        margin-top:1px;
        border-top:5px solid #fc0;
        }

h1 {
        font-family:Arial, Helvetica, sans-serif; font-weight:bold;
        font-size:16px;
        color:#039;
        margin:0px; 
        margin-bottom:20px;
        margin-top:20px;
        }
h2 {
        font-family:Arial, Helvetica, sans-serif; font-weight:bold;
        font-size:16px;
        color:#039;
        margin:0px; margin-top:10px; margin-bottom:7px;
        }
h3 {
        font-family:Arial, Helvetica, sans-serif; font-weight:bold;
        font-size:13px;
        color:#039;
        margin:0px; margin-bottom:7px;
        }
p {
        font-family:Verdana, Arial, Helvetica, sans-serif; font-weight:normal;
        font-size:12px; line-height:16px;
        color:#000;
        margin:0px; margin-bottom:14px;
        }
ul {
        font-family:Verdana, Arial, Helvetica, sans-serif; font-weight:normal;
        font-size:12px; line-height:16px;
        color:#000;
        margin:0px; margin-bottom:14px;
        list-style-image:url(../bilder/bommel10.gif);
        }
ol {
        font-family:Verdana, Arial, Helvetica, sans-serif; font-weight:normal;
        font-size:12px; line-height:16px;
        color:#000;
        margin:0px; margin-bottom:14px;
        }
li {
        padding:0px;
        margin-bottom:5px;
        }

.inhalt a {
        color:#039;
        text-decoration:underline;
        background-image:url(../../images/link10.gif); background-repeat:no-repeat;
        padding-left:0px;
        text-indent: 0px;
        }
.inhalt a:hover {
        color:#f30;
        text-decoration:underline;
        text-indent: 0px;
        }
.inhalt p img {
        float:left;
        margin-top:3px; margin-right:10px; margin-bottom:5px;
        }

/* Hilfebox */
.hilfebox {
        position:relative; top:25px; left:0px;
        width:209px;
        background-color:none;
        float:left;
        padding-top:0px; padding-bottom:6px;
        background-color:#fd6;
        margin-bottom:6px;
        border:1px solid #fff;
        }
.hilfeboxContent 
{
	padding-top: 6px;
	padding-left: 10px;
	padding-right: 10px;
	padding-bottom: 6px;
}
.hilfebox p {
        font-size:11px; line-height:15px;
        padding-left:16px;
        margin-bottom:5px;
        }
.hilfebox h2 {
        margin:0px;
        padding-left:16px;
        color:#f30;
        }
.hilfebox h3 {
        padding-top:3px; padding-left:6px;
        color:#f30;
        background-color:#fc0; 
        background-image:url(../../images/hg-box.gif); 
        background-repeat:no-repeat;
        height:19px;
        display:block;
        border-bottom:1px solid #fff;
        }
.hilfebox a {
        font-weight:bold;
        color:#f30;
        text-decoration:none;
        padding-left:0px;
        }
.hilfebox a:hover {
        text-decoration:underline;
        }

.boxen {
        position:absolute; top:50px; left:615px;
        width:200px;
        background-color:none;
        float:left;
        }

/* Box */
.box {
        padding-top:0px; padding-bottom:6px;
        background-color:#fea;
        margin-bottom:6px;
        border:1px solid #fff;
        }
.box p {
        padding-left:16px;
        }
.box h3 {
        padding-top:3px; padding-left:6px;
        color:#fff;
        background-color:#fc0; 
        background-image:url(../../images/hg-box.gif); 
        background-repeat:no-repeat;
        height:19px;
        display:block;
        border-bottom:1px solid #fff;
        }
.box a {
        color:#039;
        text-decoration:none;
        background-image:url(../../images/link10.gif); background-repeat:no-repeat;
        padding-left:10px;
        }
.box a:hover {
        color:#f30;
        text-decoration:underline;
        }


/* Box blau */
.boxblau {
        padding-top:0px; padding-bottom:6px;
        background-color:#eef;
        margin-bottom:6px;
        border:1px solid #fff;
        }
.boxblau p {
        padding-left:16px;
        }
.boxblau h3 {
        padding-top:3px; padding-left:6px;
        color:#fff;
        background-color:#039;
        height:18px;
        display:block;
        border-bottom:1px solid #fff;
        }
.boxblau a {
        color:#039;
        text-decoration:none;
        background-image:url(../../images/link10.gif); background-repeat:no-repeat;
        padding-left:10px;
        }
.boxblau a:hover {
        color:#f30;
        text-decoration:underline;
        }






.contentWithoutTeaser
{
    width: 545px;
    padding-top: 15px;
    padding-right: 16px;
    font-family: Arial, Helvetica, sans-serif;
    font-size:13px;
    color: #003399;
    text-align: left;
}
.contentWithTeaser
{
    width: 360px;
    padding-top: 15px;
    padding-right: 16px;
    font-family: Arial, Helvetica, sans-serif;
    font-size:13px;
    color: #003399;
    text-align: left;
}
.teaserLeft
{
    position: relative;
    width: 230px;
    height: auto;
    left: -15px;
    top: 0px;
    float: left;
}
.teaserLeft2
{
    position: relative;
    width: 230px;
    height: auto;
    left: -15px;
    top: 0px;
    margin-top: 10px;
}
.teaserRight
{
    position: absolute;
    width: 100px;
    height: auto;
    right: 95px;
    top: 48px;
    float: right;
}


.teaserRed { margin-bottom: 10px; }
.teaserBlue { margin-top: 10px; }

.teaserRedHeader
{
    display: block;
    background-color: #FFDD66;
    padding: 4px;
    width: 200px;
    color: #FFFFFF;
    font-weight: bold;
    font-family: Arial, Helvetica, sans-serif;
    font-size:13px;
    padding-left: 10px;
    background-image:url(../../images/hg-box2.gif); 
    background-repeat:no-repeat;
    border: solid 1px #FFFFFF;
}
.teaserRedContent
{
    display: block;
    background-color: #FFDD66;
    padding: 4px;
    width: 200px;
    color: #003399;
    font-family: Arial, Helvetica, sans-serif;
    font-size:13px;
    padding-left: 10px;
    padding-bottom: 10px;
    border: solid 1px #FFFFFF;
    border-top: 0px;
}

.teaserBlueHeader
{
    display: block;
    background-color: #003399;
    padding: 4px;
    width: 200px;
    color: #FFFFFF;
    font-weight: bold;
    font-family: Arial, Helvetica, sans-serif;
    font-size:13px;
    padding-left: 10px;
    border: solid 1px #FFFFFF;
}
.teaserBlueContent
{
    display: block;
    background-color: #EEEEFF;
    padding: 4px;
    width: 200px;
    color: #003399;
    font-family: Arial, Helvetica, sans-serif;
    font-size:13px;
    padding-left: 10px;
    padding-bottom: 10px;
    border: solid 1px #FFFFFF;
    border-top: 0px;
}





.newsList
{
    width: 98%;
    padding: 10px;
    padding-left: 0px;
    border-top: solid 4px #FFCC00;
    font-family: Arial, Helvetica, sans-serif;
    font-size:13px;
    margin-bottom: 10px;
}
.newsHeadline
{
    font-weight: bold;
    font-family: Arial, Helvetica, sans-serif;
    font-size:13px;
}
.dateList
{    
    width: 92%;
    padding: 6px;
    border-top: solid 4px #FFCC00;
    font-family: Arial, Helvetica, sans-serif;
    font-size: 12px;
    margin-bottom: 10px;
}
.dateHeadline
{
    font-weight: bold;
    text-indent: 0px;
    padding-left: 0px;
    font-family: Arial, Helvetica, sans-serif;
}
a.dateLink
{
    text-decoration: none;
    color: #003399;
    font-family: Arial, Helvetica, sans-serif;
}
a:hover.dateLink
{
    text-decoration: underline;
    color: #CC0000;
    font-family: Arial, Helvetica, sans-serif;
}
a.newsLink
{
    text-decoration: underline;
    color: #003399;
    font-family: Arial, Helvetica, sans-serif;
    font-size: 13px;
}
a:hover.newsLink
{
    text-decoration: underline;
    color: #CC0000;
    font-family: Arial, Helvetica, sans-serif;
    font-size: 13px;
}
.newsEdit
{
    border: solid 1px #CC0000;
    padding: 6px;
    width: 98%;
}
.newsEditDate
{
    border: solid 1px #CC0000;
    padding: 6px;
    width: 180px;
}
a.newsEdit
{
    font-size: 11px;
    color: #CC0000;
    text-decoration: none;
}
a:hover.newsEdit
{
    font-size: 11px;
    color: #CC0000;
    text-decoration: underline;
}
.newsDetailHeader
{
    width: 98%;
    padding-bottom: 5px;
    border-bottom: dotted 1px #003399;
    margin-bottom: 10px;
    font-family: Arial, Helvetica, sans-serif;
    font-size: 13px;
    color: #003399;
}



.formHead
{
    font-family: Arial, Helvetica, sans-serif;
    color: #003399;
    font-size: 12px;
}
.formInput
{
    width: 300px;
    font-family: Arial;
    font-size: 12px;
}
.formInput2
{
    width: 300px;
    height: 100px;
    font-family: Arial;
    font-size: 12px;
}
.formInput3
{
    width: 304px;
    font-family: Arial;
    font-size: 12px;
    font-weight: bold;
}
.formInfo
{
    font-family: Arial, Helvetica, sans-serif;
    font-size: 12px;
    color: #CC0000;
}