html, body {
	background: url(../template_bilder/ksd_background.jpg) repeat-x; background-color:#EEC442;
	font-size: 1.0rem;
	font-family: 'Open Sans', sans-serif; arial;
	color: #222;
	line-height: 1.35;
	margin:auto;
	padding:0px;
	height:100%; 
}

#preload-01 { background: url(http://http://p503076.webspaceconfig.de/typo3/fileadmin/template_bilder/ksd_bild_startseite_2512_2.jpg) no-repeat -9999px -9999px; }


#abstand {margin:auto; height:100%; max-width:1364px;}
#rahmen {position:relative; margin-left:4%; margin-right:4%; height:100%; width:92%;}
#blau {position:relative; width:100%; height:17px;}
#kopf {position:relative; width:100%; height:156px; background-color: #fff;}
#kopflinks {float:left; display:inline; width:73%; height:121px;}
#kopfrechts {float:left; display:inline; width:27%; height:121px;}
#ksdlogo {clear:left; position:absolute; width:318px; height:83px; top:40px; margin-left:2%; background: url(/fileadmin/template_bilder/ksd_logo_8.png); background-size: cover;}
#ksdlogoklein {display:none;}
#impressummenue {position:absolute; width:27%; top: 18px; right: 0px;}
#zertifikat {position:absolute; width:27%; top: 52px; right: 0px;}
#zertifikatimfuss {display:none;}
#zertifikatl {float: left; display: inline; width:34%; top: 0px;}
#zertifikatr {float: left; display: inline; width:66%;  top: 0px;}
#zertifikatimfussl {display:none;}
#zertifikatimfussr {display:none;}

#mobilmenue {z-index:99; display:none}
#unterkopfxx {position:relative; width:100%;  background-color: #368EBB;}

#unterkopf {display:inline-block; position:relative; width:100%; background-color: #3399CC; z-index:4;}
#bilddummy {margin-top:24%;z-index:3;}
#bildelement {position: absolute; top:0; bottom:0; left:0; right:0; background: url(../template_bilder/ksd_bild_hintergrund.png); background-size: cover; z-index:2;}

#unterkopflinks {float:left; align:center; display:inline-block; width:73%;}
#unterkopfrechts {display:inline-block; width:27%; height:98%; padding-top: 1px;}
#gelb {clear:left; position:relative; width:100%; height:2px; background-color: #EEC442;}
#rumpf {position:relative; width:100%; min-height:320px; background-color:#fff;}
#menue {display:inline;}
#menue2 {position:relative; display:inline-block; width: 21%; vertical-align:top; padding:0 2% 0 2%;}
#uminhalt {position:relative; display:inline-block; width:66%; vertical-align:top; padding:0 4% 0 4%;  background-color:#f00; background: url(../template_bilder/ksd_trennlinie.png) repeat-y;}
#ueberschrift {display:none;}
#inhalt {position:relative;  width:100%; vertical-align:top;z-index:9;}
#inhaltalternativ {display:none; width:100%; vertical-align:top; padding:0;z-index:8;}
#submenue {display:none;}
#mobilfuss {display:none;}
#mobilfussl {display:none;}
#mobilfussr {display:none;}
#weiss {position:relative; clear:left; position:relative; width:100%; height:18px; background-color: #fff;}

.responsive-image {  max-width: 100%;  height: auto; }
#responsive-image-50-136 {  width: 50%; max-width: 136px; height: auto; }
#responsive-image-50-186 {  width: 50%; max-width: 186px; height: auto; }

#menue_nor {position:relative;display:flex;height:17%; background: url(../template_bilder/ksd_menue_pfeil_weiss.png); background-size: cover; }
#menue_act {position:relative;display:flex;height:17%; background: url(../template_bilder/ksd_menue_pfeil_gelb.png); background-size: cover;}
#menue2_nor {position:relative;display:flex; height:17%; background: url(../template_bilder/ksd_menue_pfeil_weiss.png); background-size: cover; }
#menue2_act {position:relative;display:flex; height:17%; }
#menue22_nor {position:relative;display:flex; background: url(../template_bilder/ksd_menue_pfeil_weiss.png); background-size: cover; }
#menue22_act {position:relative;display:flex; background-size: cover;}
#gelbpfeil {padding-right:20px; margin-top:14px; background: url(../template_bilder/ksd_gelber_pfeil_klein.png) no-repeat;}
#gelbpfeil_sub {padding-right:20px; margin-top:12px; background: url(../template_bilder/ksd_gelber_pfeil_klein.png) no-repeat;}

.gelbpfeil_gallery {padding-right:20px; margin-top:12px; background: url(../template_bilder/ksd_gelber_pfeil_klein.png) no-repeat;}

.projekte_mob_pfeil {padding-right:0px; margin-top:12px; background: url(../template_bilder/ksd_pfeil_mob_galerie_gelb.png) no-repeat;}

li {position:relative; height:17%;}

p, td, li {margin:0 0 0 0;font-size: 1.0rem; line-height: 1.6;}

ul {
	list-style-image: url(../template_bilder/ksd_dot.gif);
	margin-left: 14px; 
	padding-left: 0px;
	margin-top: 6px;
	padding-top: 0px;
	color: #000000;
        font-family: 'Open Sans', sans-serif; arial;
        color: #000000;
        line-height: 1.6;
}

ol {
	list-style-image: url(../template_bilder/ksd_dot.gif);
	margin-left: 0px; 
	padding-left: 0px;
	margin-top: 0px;
	padding-top: 0px;
    font-family: 'Open Sans', sans-serif; arial;
    color: #000000;
    line-height: 1.6;
}

hr {margin:0; color:#fff;}

a
	{
/*    font-size: 2.0vw; */
	color: #3399CC;
	text-decoration: none;
	}

a:hover
	{
	color: #000000;
	text-decoration: none;
	}


.galleria-theme-twelve {
    position: relative;
    overflow: hidden;
    font: 14px/1.4 'Open Sans', sans-serif; arial;
    color: #fff;
}


.text_startseite {
        font-size: 13px; 
        font-family: 'Open Sans', sans-serif; arial;
        color: #FFFFFF;
        line-height: 1.4;
}

.text {
        font-size: 13px; 
        font-family: 'Open Sans', sans-serif; arial;
        color: #000000;
        line-height: 1.4;
}
.text_11 {
        font-size: 11px; 
        font-family: 'Open Sans', sans-serif; arial;
        color: #000000;
        line-height: 1.4;
}
.textlinks {
        font-size: 12px; 
        font-family: 'Open Sans', sans-serif; arial;
        color: #006699;
        line-height: 1.4;
}

.kleiner_text_mit_rahmen {
        font-size: 11px; 
        font-family: 'Open Sans', sans-serif; arial;
        color: #000000;
        line-height: 1.4;
}


h1 {
        margin-top:8px;
		margin-bottom:20px;
        font-size: 18px; 
        font-family: 'Open Sans', sans-serif; arial;
		font-weight:strong;
        color: #3399CC;
        line-height: 1.2;
}

h2 {
        margin-top:8px;
		margin-bottom:18px;
        font-size: 15px; 
        font-family: 'Open Sans', sans-serif; arial;
		font-weight:strong;
        color: #3399CC;
        line-height: 1.2;
}

h3 {
        margin-top:8px;
		margin-bottom:16px;
        font-size: 13px; 
        font-family: 'Open Sans', sans-serif; arial;
		font-weight:strong;
        color: #000000;
        line-height: 1.2;
}
h4 {
        margin-top:0px;
		margin-bottom:20px;
        font-size: 13px; 
        font-family: 'Open Sans', sans-serif; arial;
		font-weight:strong;
        color: #169;
        line-height: 1.2;
}

h5 {
        margin-top:0px;
		margin-bottom:0px;
        font-size: 12px; 
        font-family: 'Open Sans', sans-serif; arial;
		font-weight:strong;
        color: #3399CC;
        line-height: 1.4;
}
h6 {
        margin-top:18px;
		margin-bottom:10px;
        font-size: 13px; 
        font-family: 'Open Sans', sans-serif; arial;
		font-weight:strong;
        color: #3399CC;
        line-height: 1.2;
}

.kontakt_name {
        font-size: 12px; 
        font-family: 'Open Sans', sans-serif; arial;
	font-weight:strong;
        color: #607071;
        line-height: 1.3;

}

.kontakt_funktion {
        font-size: 11px; 
        font-family: 'Open Sans', sans-serif; arial;
        color: #607071;
        line-height: 1.3;
}

.kontakt_daten {
        font-size: 11px; 
        font-family: 'Open Sans', sans-serif; arial;
        color: #000000;
        line-height: 1.2;
}

a
	{
        color: #3399CC;
	text-decoration: none;
	}

a:hover
	{
	color: #000000;
	text-decoration: none;
	}

.galleria { width: 100%;  height:517px; padding:0px; background: #FFF;}

.galleria-theme-twelve .galleria-stage {
    overflow: hidden;
    background: #FFF;
    position: absolute;
    top: 0;
    left: 0;
    right: 0;
    bottom: 30px;
}

.impressummenue {
	margin-top:40px;
	font-size: 15px; 
    font-family: 'Open Sans', sans-serif; arial;
    color: #368EBB;
}

.impressummenue:hover {
    color: #000000;
}

.impressummenue_mob {
	margin-top:20px;
	font-size: 15px; 
    font-family: 'Open Sans', sans-serif; arial;
	line-height:1.4;
    color: #FFF;
}
.impressummenue_mob:hover {
    color: #EEC442;
}


.zertifikate_mob {
	margin-top:1px;
	font-size: 15px;
	text-align:right; 
    font-family: 'Open Sans', sans-serif; arial;
	line-height:1.4;
	color: #FFF;
}


a.menue_nor {
	padding:3% 0% 4% 6%;
	margin:auto auto auto 5px;
	width:92%;
	font-size: 1.0rem; 
	font-weight: 400;
    font-family: 'Open Sans', Arial, Helvetica, sans-serif;
    color: #fff;
}

.zertifikate {
	font-size: clamp(0.55em, 0.94vw, 0.8em);
	font-family: 'Open Sans', sans-serif; arial;
	color: #444444;
	line-height: 1.4;
}


a.menue_nor:hover {color:#db3;}

a.menue_act {
	padding:3% 0% 4% 6%;
	margin:auto auto auto 5px;
	width:92%;
	font-size: 1.0rem; 
	font-weight: 400;
    font-family: 'Open Sans', Arial, Helvetica, sans-serif;
    color: #db3;
}

a.menue2_upp {
	padding:0% 0% 0% 1%;
	margin:auto auto auto 5px;
	width:92%;
	font-size: 0.9rem; 
	font-weight: 400;
    font-family: 'Open Sans', Arial, Helvetica, sans-serif;
    color: #666;
    line-height: 2.6;
	text-transform:uppercase;
}

a.menue2_nor {
	padding:0% 0% 0% 1%;
	margin:auto auto auto 5px;
	width:92%;
	font-size: 0.9rem; 
	font-weight: 400;
    font-family: 'Open Sans', Arial, Helvetica, sans-serif;
    color: #666;
    line-height: 2.6;

}
a.menue2_nor:hover {color:#368EBB;}
a.menue2_act {
	padding:0% 0% 0% 1%;
	margin:auto auto auto 5px;
	width:92%;
	font-size: 0.9rem; 
	font-weight: 400;
    font-family: 'Open Sans', Arial, Helvetica, sans-serif;
    color: #368EBB;
    line-height: 2.6;
}
a.menue22_nor {
	padding:0% 0% 0% 16%;
	margin:auto auto auto 5px;
	width:78%;
	font-size: 0.8rem; 
	font-weight: 400;
    font-family: 'Open Sans', Arial, Helvetica, sans-serif;
    color: #666;
    line-height: 2.6;

}
a.menue22_nor:hover {color:#368EBB;}
a.menue22_act {
	padding:0% 0% 0% 16%;
	margin:auto auto auto 5px;
	width:78%;
	font-size: 0.8rem; 
	font-weight: 400;
    font-family: 'Open Sans', Arial, Helvetica, sans-serif;
    color: #368EBB;
    line-height: 2.6;
}



@media screen and (max-width: 1347px){
.impressummenue {font-size: 13px;} 
}

@media screen and (max-width: 1200px){
#gelbpfeil {padding-right:20px; margin-top:12px; background: url(../template_bilder/ksd_gelber_pfeil_klein.png) no-repeat;}
#gelbpfeil_sub {padding-right:20px; margin-top:10px; background: url(../template_bilder/ksd_gelber_pfeil_klein.png) no-repeat;}
.galleria { width: 100%; height:480px; padding:0px; background: #FFF;}
.galleria_orig { width: 100%; height:540px; padding:5px; background: #00639A;}
.galleria-theme-twelve .galleria-stage {
    overflow: hidden;
    background: #FFF;
    position: absolute;
    top: 0;
    left: 0px;
    right: 0;
    bottom: 30px;
}

.impressummenue {font-size: 12px;} 
a.menue_nor {font-size: 0.9rem;}
a.menue_act {font-size: 0.9rem;}
a.menue2_nor {font-size: 0.8rem;}
a.menue2_act {font-size: 0.8rem;}
a.menue22_nor {font-size: 0.7rem;}
a.menue22_act {font-size: 0.7rem;}
}


@media screen and (max-width: 1100px){

#gelbpfeil {padding-right:20px; margin-top:10px; background: url(../template_bilder/ksd_gelber_pfeil_klein.png) no-repeat;}
#gelbpfeil_sub {padding-right:20px; margin-top:9px; background: url(../template_bilder/ksd_gelber_pfeil_klein.png) no-repeat;}
p, td, li {margin:0 0 0 0;font-size: 0.9rem; line-height: 1.4;}
.galleria { width: 100%; height:464px; padding:0px; background: #FFF;}
.galleria_orig { width: 100%; height:500px; padding:5px; background: #00639A;}
a.menue_nor {font-size: 0.8rem;}
a.menue_act {font-size: 0.8rem;}
.impressummenue {font-size: 11px;} 
a.menue2_upp {font-size: 0.8rem;}
a.menue2_nor {font-size: 0.7rem;}
a.menue2_act {font-size: 0.7rem;}
a.menue22_nor {font-size: 0.65rem;}
a.menue22_act {font-size: 0.65rem;}
}

@media screen and (max-width: 1000px){
.galleria { width: 100%; height:424px; padding:0px; background: #FFF;}
.impressummenue {font-size: 10px;} 
}


@media screen and (max-width: 915px){
.galleria { width: 100%; height:557px; padding:0%; background: #FFF;}
.galleria_orig { width: 98%; height:600px; padding:1%; background: #00639A;}
#rahmen {position:relative; margin-left:0%; margin-right:0%; height:100%; width:100%;}
#menue {display:none;}
#menue2 {display:none;}
#mobilmenue {display:inline;position:absolute; width: 60%; top: 23px; margin:0 4% 0 36%;}
#ksdlogo {width:318px; height:83px; top:20px; margin-left: 3.3%;}
#impressummenue {display:none;}
#bilddummy {margin-top:33%;}
#bildelement {position: absolute; top:0; bottom:0; left:0; right:0; background: url(../template_bilder/ksd_titelbild_startseite.jpg); background-size: cover;}
#submenue {position:relative; display:inline-block; width:92%; vertical-align:top; padding:0 4% 0 4%; }
#mobilfuss {display:inline-block; position:relative; top:0px; width:92%; height:146px; padding:18px 4% 0 4%; background-color: #006599;}
#mobilfussl {float: left; display: inline; width:30%; top: 0px;}
#mobilfussr {float: left; display: inline; width:70%; top: 0px;}
#unterkopflinks {float:left; display:inline; width:100%; height:203px; }
#uminhalt {position:relative; display:inline-block; width:100%; vertical-align:top; padding:0; min-height:280px; background-color:#f00; background: url(../template_bilder/ksd_trennlinie.png) repeat-y;}
#inhalt {position:relative;  width:92%; padding:0 4% 0 4%; vertical-align:top; }
#zertifikat {display:none}
}

@media screen and (max-width: 800px){
.galleria { width: 100%; height:490px; padding:0%; background: #FFF;}
#kopf {position:relative; width:100%; height:98px; background-color: #fff;}
#ksdlogo {width:258px; height:66px; top:17px; margin-left: 3.3%;}
#mobilmenue {display:inline;position:absolute; width: 60%; top: 15px; margin:0 4% 0 36%;}
}
@media screen and (max-width: 700px){
.galleria { width: 100%; height:440px; padding:0%; background: #FFF;}
#zertifikat {display:none;}
}
@media screen and (max-width: 600px){
.galleria { width: 100%; height:378px; padding:0%; background: #FFF;}
}
@media screen and (max-width: 560px){
.galleria { font: 11px/1.4 'Open Sans', sans-serif; arial;}
}
@media screen and (max-width: 500px){
#kopf {position:relative; width:100%; height:80px; background-color: #fff;}
#ksdlogo {width:218px; height:57px; top:13px; background-size: cover;}
#mobilmenue {display:inline;position:absolute; width: 60%; top: 6px; margin:0 4% 0 36%;}
.galleria { width: 100%; height:317px; padding00%; background: #FFF;}
.galleria-theme-twelve {font: 10px/1.4 'Open Sans', sans-serif; arial;}
}
@media screen and (max-width: 450px){
.galleria { font: 9px/1.4 'Open Sans', sans-serif; arial;}
}
@media screen and (max-width: 422px){
.galleria { width: 100%; height:304px; padding:0%; background: #FFF;}
.galleria-theme-twelve {font: 8px/1.4 'Open Sans', sans-serif; arial;}
}
@media screen and (max-width: 360px){
.galleria-theme-twelve {font: 9px/1.4 'Open Sans', sans-serif; arial;}
}
@media screen and (max-width: 340px){
.galleria-theme-twelve {font: 8px/1.4 'Open Sans', sans-serif; arial;}
}