/* BODY ALLGEMEIN */
* {
	margin:0;
	padding:0;
	}


html {
}

html, body {
	height:100%;
	}

body {
	background: url(/cms/images/kks/bg-web-neu.jpg) no-repeat center top fixed;
	color:#585858;
	font-family:Arial, Verdana, Sans-Serif;
	text-align:center;
	overflow:auto;
	}
    body.schrift1 {
	    font-size:12px;
    }
    body.schrift2 {
	    font-size:15px;
    }
        body.schrift2 #content td, body.schrift2 #content p, body.schrift2 #content th {
            line-height:23px;
        }
    body.schrift3 {
	    font-size:18px;
    }
        body.schrift3 #content td, body.schrift3 #content p, body.schrift3 #content th {
            line-height:26px;
        }
div.clear 
{
    clear:both;
    }

#container {
	margin:0 auto;
	max-width:960px;
	/*height:883px;*/
	padding:0px;
	text-align:left;	
	}
*+html #container 
{
    }
*html #container 
{

    }
/* ++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++*/
/* START H E A D E R */
/* ++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++*/

#header {
	margin:0 0 10px 0;
	/*padding:1px 0 0 0;*/
	padding:4px 5px 4px 5px;
	z-index:2;
	vertical-align:middle;
	/*width:950px;*/
	border:solid 1px #d2e9cc;
	/*background:#d2e9cc;*/
	background:#ffffff;
    position:relative;
}
/* LOGO */
#logo, #banner 
{
	margin:0px;
	padding:0px;
	float:left;
	}
    #logo {
        width:20.5%;
    }
    #banner {
        width:79.5%;
        padding-left:3px;
    }
    #logo img,#banner img {
        width:100%;
    }
#butsg {
    position:absolute;
    left:19.4%;
    bottom:0px;
    cursor:pointer;
}
h1 
{
	font-family:Arial, Sans-Serif;
	/*color:#42a62c;*/ 
	font-size:1.4em; 
	font-weight:bold;
	padding:0px;
	margin:0px 0px 10px 0px;
}

h2 {
	font-size:1.3em; 
	font-weight:lighter;
	color:#585858;
}


/* ++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++*/
/* END H E A D E R */
/* ++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++*/

/* ALLGEMEINE DEFINITIONEN */
td, p, th
{
	color:#585858; 
	line-height:18px;
	}

/* INFO-UEBERSCHRIFT */
h3
{
	font-size:1.2em; 
	font-weight:lighter; 
	padding:30px 0 0 10px;
	margin:0px 0px 6px 0px;
	text-transform:uppercase;
	color:#585858;
	text-align:left !important;
	}
#content-border
{
    background:#ffffff;
	padding:5px 5px 5px 5px;
    }
/* ++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++*/
/* N A V I G A T I O N */
/* ++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++*

/********************************************************************************************/
/* START SUBMENU LINKS */
#navigation-content 
{
    padding:11px 10px 0 10px;
    }
#navigation-content ul 
{
    margin:0px;
    padding:0px;
    list-style:none;
    }
/* 1. Ebene */
ul#navi1 li
{
    border:solid 1px #adbeaa;
    padding:6px 10px 6px 10px;
    background:#eef7ec;
    margin:0 0 5px 0;
    }
ul#navi1 li.spenden
{
    border:solid 1px #adbeaa;
    padding:5px 10px 5px 10px;
    background:url(/cms/images/kks/bg-spenden.gif) repeat-x #eef7ec;
    margin:35px 0 5px 0;
    background-size: contain;
    }
ul#navi1 li.spenden a
{
    color:#fff;
    text-decoration:none;
    font-weight:bold;
    font-size:1.2em;
    }
ul#navi1 li.pas a
{
    font-size:1.1em;
    font-weight:bold;
    text-decoration:none;
    color:#585858;
    }
ul#navi1 li.sel a
{
    font-size:1.1em;
    font-weight:bold;
    text-decoration:none;
    color:#42a62c;
    }

/* 2. Ebene */
ul#navi1 li ul li
{
    border:solid 0px #adbeaa;
    padding:6px 10px 3px 0px;
    margin:0 0 1px 0;
    }
ul#navi1 li.sel ul li.pas a
{
    font-size:0.9em;
    font-weight:normal;
    text-decoration:none;
    color:#585858;
    }
ul#navi1 li.sel ul li.sel a
{
    font-size:0.9em;
    font-weight:normal;
    text-decoration:none;
    color:#42a62c;
    }

/* ENDE SUBMENU LINKS */
/********************************************************************************************/


/* ++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++*/
/* AKTUELLE MELDUNGEN*/
/* ++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++*/
table.infobox, div.suche, div.partner 
{
    background-color:#d2e9cc;
    padding:1px 0 0 0;
    }
td.info {
	padding:10px 10px 10px 10px;
	color:#585858;
	font-size:0.9em !important;
	line-height:12px;
}

td.info div 
{
    background:#eef7ec;
    border:solid 1px #cdcdcd;
    padding:5px 3px 5px 3px;
    min-height:110px;
    }

td.info div img
{
    padding:3px 3px 5px 3px !important;
    }

*html td.info 
{
    width:100% !important;
    }

td.info a, a.info, td.info a:visited, a.info:visited
{
	text-decoration:underline !important; 
	line-height:14px; 
	font-weight:lighter;
	padding:0px;
	font-size:11px !important;
	}
td.info a:hover, a.info:hover, td.info a:visited:hover, a.info:visited:hover
{
	color:#585858 !important;
	text-decoration:none !important;
	}

td.info p {
	padding-bottom:11px !important;
	font-size:0.9em !important;
}

/* ++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++*/
/* I N H A L T E */
/* ++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++*/
form.serachform 
{
	margin:0px;
	padding:0px;
	width:185px;
	}

#navigation {
	width:20.5%;
	float:left;
	padding:0px;
	margin:0px;
	background:#d2e9cc;
	min-height:640px;
}

#zitate 
{
	width:211px !important;
	margin:-640px 0px 0px 739px;
	padding:0px 0px 0px 0px;
	position:relative;
	font-size:0.9em !important;
	z-index:10;
	background-color:#d2e9cc;
	height:640px;	
	}
h4 
{
   /*background-color:#eef7ec;
   border:solid 1px #cdcdcd;
   padding:1px 0 1px 10px;*/
   margin:0 0 3px 0;
    }



/* +++++++++++++++++++++++++++++++++++++++++  */
/* CONTENT */


#content 
{
	width:79.5%;
	padding:40px 0px 10px 25px;
	position:relative;
	font-size:1em !important;
	z-index:10;
	background-color:#fff;
	height:590px;	
	text-align:left;
    float:left;
	}
	
*+html #content 
{
    margin-top:0px;
}
	
*html #content 
{
    margin-top:0px;
}

#overflow 
{
    overflow-y:auto;
    height:100%;
    padding:0px 15px 0 0;
    }
	
td.content {
	padding:0px;
	margin:0px;
}

.contenttext 
{
	line-height:18px;
	padding:10px 0px 10px 0px;
	border:solid 0px red;
	font-size:1.2em !important;
	}
* html .contenttext 
{
	line-height:18px;
	padding:10px 0px 10px 0px;
	border:solid 0px red;
	font-size:1.2em !important;
	}

#content a, a.contenttext 
{
	text-decoration:none;
	padding:0px;
	font-size:1.1em !important;
	color:#42a62c;
	}
a.contenttext:hover 
{
	color:#585858; 
	text-decoration:none;
	font-size:1.1em !important;
	}

.contenttext h3 
{
    margin-bottom:20px;
    }
	
.contenttext span 
{
    /*padding:10px;*/
    /*color:#585858!important;*/
    }

	
.contenttable 
{
	line-height:18px;
	padding-left:0px;
	text-align:left;
	font-size:1.2em !important;
	}
.contentformulartext 
{
	color:#585858; 
	padding-right:20px;
	font-size:1.2em !important;
	}
	
table.contentformular, table.contentformular td {
	border:none !important;
	font-size:1.2em !important;
}

.contentformular label
{
    padding-left:10px;
    padding-top:-5px;
    }

*+html .contentformular label
{
    margin-top:3px;
    padding-left:10px;
    }

input, select, textarea {
	border:solid 1px #c2c2c2;
	margin-bottom:12px;
	font-size:1.15em!important;
	float:left;
}

.image 
{
	color:#585858; 
	font-size:1.1em; 
	padding-top:5px;
	}
caption {
	text-align:left;
	font-size:0.8em;
	font-weight:bold;
}

/* TOPOFPAGE */
#topofpage-link 
{
    text-align:right;
    font-size:12px;
    margin-bottom:15px;
    }
#topofpage-link a
{
    text-align:right;
    font-size:12px;
    color:#42a62c;
    }
#topofpage-link a:hover
{
    text-align:right;
    font-size:1.1em;
    color:#585858;
    text-decoration:none;
    }
#topofpage-link hr 
{
    border-top:solid 1px #fff;
    border-right:solid 1px #fff;
    border-bottom:solid 1px #42a62c;
    border-left:solid 1px #fff;
    }

/* IMAGES IM CONTENT */

.contenttext img {
    max-width: 100%;
    height: auto !important;
}
.left {
	float:left;
	width:auto !important;
	border:solid 0px red;
	margin:0px !important;
}

.left, .right {
	font-size:0.9em !important;
}



/* IMAGES REIN ZU LAYOUTZWECKEN */
.contenttext img.null {
	border:solid 1px #fff !important;
	margin-right:5px !important;
	margin-bottom:10px !important;
}



/* TABELLENFORMATIERUNG IM CONTENT */
table.contenttext tr td table, table.cell {
}

table.contenttext tr td table caption, th.cell {
	font-weight:bold;
	text-align:left;
	background-color:#e9e9e9;
}

table.contenttext tr td table caption {
	font-weight:bold;
	text-align:left;
	background-color:#e9e9e9;
	font-size:1.2em;
	padding:5px;
}

table.contenttext tr td table tr td, td.cell, td.cell1, th.cell {
	padding:4px;
}

td.cell1 
{
	line-height:15px; 
	vertical-align:top; 
	}
td.cell 
{
	line-height:15px; 
	vertical-align:top; 
	}
	
.contenttext ul  {
	margin:0px 0px 10px 15px;
	padding:0px;
	}

.contenttext li {
	padding:0px 0px 5px 10px;
	margin:0px;
	list-style-position:outside;
	background-image:url(/cms/images/kks/bullet.gif);
	background-repeat:no-repeat;
	background-position:0px 5px;
	list-style-type:none;
}

/* ++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++*/
/* F O O T */
/* ++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++*/
#pagefoot
	{
		height:47px;
		width:100%;
		margin:0px;
		position:relative;
		text-align:left;
		clear:both;
		}
	
div.foot {
	margin: 0 auto;
    max-width: 960px;
	text-align:left;
	border:solid 0px red;
	height:47px;
	position:relative;
	color:#fff;
	font-size:1em;
	background:url(/cms/images/kks/bg-footer.png) no-repeat;
    background-size: contain;
	top:5px;
}



.copyright {
	width:50%;
	float:left;
	height:47px;
	padding-top:10px;
}

.foot-links 
{
	text-align:right;
	width:50%;
	padding-top:10px;
    float:left;
	}
a.foot, .foot a, a.foot:visited, .foot a:visited 
{
	color:#fff; 
	text-decoration:none;
	}
a.foot:hover, .foot a:hover, .foot a:visited:hover
{
	color:#fff; 
	text-decoration:underline;
	}

.separator {
	padding:0px 5px 0px 5px;
}

/* ++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++*/
/* I N H A L T S V E R Z E I C H N I S */
/* ++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++*/
#toc {
	}
#toc ul {
	list-style:none !important;
}
#toc ul li {
	list-style:none !important;
	padding-left:0px;
}

#toc a
{
	color:#585858; 
	font-size:1.1em !important;
	text-decoration:underline;
	}
#toc a:hover 
{
	color:#585858; 
	text-decoration:none;
}
#toc img 
{
    padding:0 10px 0 0;
    width:18px;
    }


/* ++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++*/
/* SITEMAP */
/* ++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++*/
.sitemap-arrow {
	text-decoration:none !important;
}

a.sitemap1 
{
	color:#585858 !important;
	text-transform:uppercase;
	padding-left:0px;
	font-size:1.15em;
	line-height:16px;
	}
a.sitemap1:hover, a.sitemap2:hover, a.sitemap3:hover, a.sitemap4:hover
{
	text-decoration:none !important;
	letter-spacing:1px;
}

a.sitemap1, a.sitemap2, a.sitemap3, a.sitemap4 {
	text-decoration:none !important;
}

a.sitemap1 hr, a.sitemap2 hr, a.sitemap3 hr, a.sitemap4 hr {
	border-top:solid 1px #fff;
	border-bottom:dotted 1px #c5c5c5;
	background-color:#fff;
	margin:0px;
}
a.sitemap2 
{
	color:#585858 !important;
	padding-left:20px;
	font-size:1.1em;
	line-height:16px;
	}

a.sitemap3 
{
	color:#585858 !important;
	padding-left:35px;
	font-size:1.1em;
	line-height:16px;
	}
a.sitemap4 
{
	color:#585858 !important;
	padding-left:36px;
	font-size:1.05em;
	line-height:16px;
	}

/* ++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++*/
/* PIKTOGRAMME */
/* ++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++*/
.icons 
{
	background-color:#808080;
}

/* ++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++*/
/* WERBEPARTNER */
/* ++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++*/
div.partner {
	text-align:center !important; 
	margin:0px 0px 25px 0px;
}
table.partner {
	width:222px;
}
table.partner img {
	margin-bottom:7px;
}

/* ++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++*/
/* SUCHE */
/* ++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++*/
td.suche {
	padding:7px 7px 0px 7px;
	background-color:#fff;
	border:solid 1px #e6e6e6;
	color:#585858;
	font-size:1.1em !important;
	width:100%;
}

.suche form 
{
    padding-top:4px;
    }

.suche input 
{
    background:transparent !important;
    border:solid 1px #e6e6e6;
    padding-top:1px;
    padding-bottom:2px;
    }

*html .suche input 
{
    padding:0px;
    }

.suchbutton 
{
    border:solid 0px #0ff !important;
    background-color:Transparent !important;
    padding:3px;
    }
*html .suchbutton 
{
    padding:0px;
    }
.suchbutton input 
{
    color:#585858 !important;
    border:solid 1px #e6e6e6;
    padding-left:1px;
    padding-right:1px;
    }
*+html .suchbutton input 
{
    color:#585858 !important;
    border:solid 1px #e6e6e6;
    padding:0px;
    }

*+html .inputtext 
{
    height:17px !important;
    width:140px !important;
    }

/* VERANSTALTUNGSKALENDER */
.contenttext span table, .contenttext table.contenttext {
    padding:2px;
}

.contenttext span table tr td, .contenttext table.contenttext tr td {
    border:none !important; 
    color:#585858 !important;
    vertical-align:top;
}

.contenttext table.contenttext tr td span {
	border:solid 1px #fff;
}

#VeranstKalender 
{
    margin-top:50px;
    padding:2px;
    border:dotted 1px #c5c5c5;  
    text-align:center; 
    width:99%; 
    }
    
#VeranstKalender table 
{
    border:solid 1px #dcdcdc;
    }
    
#VeranstKalender table.Title
{
    background-color:#dcdcdc;
    font-weight:bold !important;
    color:#585858;
    border:solid 0px #fff !important;
    margin:1px;
    text-transform:uppercase;
    }
    
#VeranstKalender td.TitleLink 
{
    text-align:center;
    }
    
#VeranstKalender td.TitleLink a, #VeranstKalender td.TitleLink a:visited
{
    font-weight:bold;
    color:#fff !important;
    padding:0px 5px 0px 5px;
    text-decoration:none;
    margin:1px;
    }
#VeranstKalender td.TitleLink a:hover
{
    color:#585858 !important;
    text-decoration:none;
    }
#VeranstKalender td
{
    font-size:1.1em;
    font-weight:normal;
    border:solid 1px #fff;
    }

#VeranstKalender td.aktive, #VeranstKalender td.aktive:hover
{
    background-color:#FFD93E;
    font-weight:normal;
   }

#VeranstKalender td.aktive a
{
    color:White; 
    font-weight:normal;
    text-decoration:none !important;
    }
#VeranstKalender dayheader
{
    font-weight:bold;
    }
#VeranstKalender DayBackground{}
#VeranstKalender a, #VeranstKalender a:visited
{
    color:White;
    font-weight:normal;
    text-decoration:none !important;
    }

#VeranstKalender a:hover 
{
    font-weight:bold;
    }   

#VeranstKalender td:hover 
{
    background-color:#f2f2f2;
    }

#VeranstKalender td.Today
{
    background-color:#CEE87C;
    }
#VeranstKalender td.Weekend
{
    background-color:#E7EAEB;
    }

#VeranstKalender th
{
    font-size:0.8em;
    font-weight:normal;
    }
#VeranstaltungTabelle table 
{
      }
#VeranstaltungTabelle td
{
    }
#navmobM {
cursor: pointer;
    height: 38px;
    border: solid 1px gray;
    width: 48px;
    margin-left: 25px;
    border-radius: 5px;
    margin-top: 5px;
    padding:0px 10px;
}

    #navmobM.on {
    }

    #navmobM div.text {
        float: left;
        width: 20%;
    }

    #navmobM div.balken {
        position: absolute;
        width: 25px;
        top:3px;
    }
    #navmobM .DivNavColor {
    height: 2px;
    background: rgba(96, 96, 96, 1) none repeat scroll 0% 0%;
    margin: 6px 0px;
    float: none;
}
#navmobwrapper {
    margin-top:5px;
    position:relative;
}
    #navmob {
    position: absolute;
    z-index: 10000;
    padding: 0px;
    display: none;
    background-color: white;
    right: 0px;
}

#navmobM .DivNavColor {
    height: 2px;
    background: rgba(96, 96, 96, 1) none repeat scroll 0% 0%;
    float: none;
}
#navmobM .color-background, #navmob li.sel {
    background-color:#42a62c;
    color:white;
}
#navmob li {
    list-style-type: none;
    border-top: solid 1px #AFAFAF;
    padding: 5px 10px 5px 35px;
}

    #navmob li:first-child {
        border-top: none;
    }

    #navmob li div {
        font-size:1.3em;
    }

        #navmob li div a {
            display: block;
            color: #606060;
        }

            #navmob li div a:hover {
                text-decoration: none;
            }

    #navmob li.sub, #navmobwrapper #close {
        background-position: left;
        background-repeat: no-repeat;
        cursor: default;
    }

    #navmob li.sub {
        background-image: url(/cms/iwebsstandard/layoutV3/n48/pdown.png);
    }

#navmob ul {
    display: none;
    padding: 0px;
    width: 100%;
}

    #navmob ul li:last-child {
        border-bottom: none;
    }

#navmob ul {
    display: none;
    position: absolute;
    padding: 0px;
    left: 20%;
    width: 80%;
}

    #navmob ul.click {
        display: block;
    }
.backgroundOpaqfff {
    background-color:rgba(255, 255, 255, 0.9);
}
@media (max-width:991px) {
    #pagefoot {
        padding:0px 10px;
    }
}
@media (max-width:767px) {
    #content{
        width:100%;
        padding-top:10px;
        padding-left:0px;
    }
    #navmobM {
        margin-left:5px;
    }
    #overflow {
        padding-right:7px;
    }
}
@media (max-width:500px) {
    table.contenttext table {
        width:100% !important;
    }
    table.contenttext table td {
        width:auto !important;
    }
}
