/*neuer footer*/

 .footer8{
    position:bottom;
    width:95%;
    
    text-align:center;
    line-height:1.6em;
    padding:12px 8px 24px 8px;
 }


/*happy day*/
.hap2{
display:flex;
flex-wrap:wrap;
}
.hap3{
 width:230px;
 background:#2a9941;
 color:#fff;
 margin:16px 8px 0 0;
}
.hap4{
 padding:0 8px 8px 8px;
 font-size:0.90em;
    }

.hap3:nth-child(3n){
 margin-right:0;
}
/*basics*/
/*divs*/
.hmb1{
	display:none;
	float:left;
	margin-left:15px;	
}
.lcktp{
	position:fixed;
	top:0;	
}
.lckct{
	margin-left:250px;
	margin-top:150px;	
}

.clear{
	clear:both;
}
.navi1 {
	text-align:left;
	width:100%;
	border-bottom: 2px solid #2A9941;
	background-color:#fff;
}
.submnu1{
	display:none;
}
.hmnu{	
	float:left;
	margin-right:1.5%;
	padding-bottom:3px;
	padding-top:6px;
	}
.hmnu submnu1{
	display: block; 
	

}
.hmarw2{
	display:none;
}
.hmnu submnu1: hover { 
	color:#fff;
	padding-bottom:3px;
		
}
	
.submnu1 ul li { display: block; 
}
.dpnav{
	
	background-color:#EDF3EA;
	border-bottom:1px solid #000;
	text-align:left;
	
	
}
.dpn7{
	padding-left:8px;
	display:block;		
}
.dpn7:hover{
	background-color:#2A9941;
}
.dpnav hr{	
	margin:0px;
	/*margin-left:8px; */
	/*margin-right:8px;*/
	border: none; 
	border-top: 1px solid #7F7F7F; 
	color: #EDF3EA; 
	background-color: #EDF3EA; 
	height: 1px;
}
.ft1 {
	width:242px;	
	float:left;
	text-align:left;
}
.ft2{
	width:70%;
}
.ft5{	
	visibility:visible;
}
.ft6{
	visibility:hidden;
}
.spz7{
	padding-bottom:40px;
}
.spz88{
	padding-top:60%;
}
.spz89{
	padding-top:85%;
}
.spz54{
	margin-top:18px;
	display:block;
}

.pdig2 p{
	
	padding-top:3px;
}
.bxofstel{
    max-width:190px;
    padding-bottom:22px;
}


ul{	
    /*list-style-image:url(../_tmc_daten/Image/dash.gif);*/
    text-indent:-5px;
}
li{
	margin:12px;
	margin-left:-12px;
	list-style:none;
	text-indent:-16px;
}
li:before{
	content: "— ";
	position:relative; left:-5px;
}

/*table*/
.tbgreen{
	color:#2A9941;
	background-color:#EDF3EA;
	padding:4px 12px 4px 12px;	
	border-top: 1px solid #7F7F7F; 
	border-bottom: 1px solid #7F7F7F;
	
}
.tbgblk{
	color:#000;
	background-color:#EDF3EA;
	padding:4px 12px 4px 12px;	
	border-top: 1px solid #7F7F7F; 
	border-bottom: 1px solid #7F7F7F;
	
}

td{
	padding:4px 12px 4px 12px;
	
}


td:nth-child(2) {
	
	text-align:right;
}

.stort td{	
	font-size:13px;	
	line-height:14px;
	color:#2A9941;
	padding:4px 4px 4px 4px;
}
.stort td:nth-child(even) {
	text-align:left;
	color:#000;
}
.stort td:nth-child(2) {
	min-width:180px;
}

.stort{
	margin-bottom:48px;
}

/*table Integrationsmassnahmen*/
.tdi, .tdi3{
	background-color:#EDF3EA;
}
.tdi td{
	width:50%;
}
.tdi1{
	border-top: 1px solid #7F7F7F;
	
	
}
.tdi2{
	border-top: 1px solid #7F7F7F;
	

}
.tdi td:nth-child(1){
	border-right: 1px solid #7F7F7F;
}
.tdi3 td:nth-child(1){
	border-right: 0px solid #7F7F7F;
}
.tdi5 td:nth-child(1){
	border-right: 1px solid #7F7F7F;
	width:60%;
}



.tdi td:nth-child(2){
	text-align:left;
}
/* Fruehinterventionen Tabelle*/
.smbx9{
	padding:8px;
	background-color:#EDF3EA;
	border: 1px solid #7F7F7F;
	
}

.smbx91{
	padding:12px 0 12px 0;
	text-align:center;
	font-size:medium;
}
.tbl9{
	font-size:1pt;
	line-height:2px;
}
.tb20{
	font-size:1pt;
	line-height:24px;
}

.tdi5 td{
	text-align:center;
	

}
.colr4{
	background-color:#BFDBBE;
}
.colr5{
	background-color:#D4EAF8;
}
.tblmr4{
	width:59.8%; 
	text-align:center;
	font-size:medium;
	color:#2A9941;
	padding:12px 0 12px 0;
}
.bccu7{
	background-color:#F4F4F4;
}
/*spacer kennzahlen*/
.spk6{
	padding-top:24%;
}
.spk7{
	padding-top:40%;
}
.spk8{
	padding-top:2%;
}




/*sort plugin*/
.srt9{
	float:right; 
	color:#2A9941; 
	font-size:26px;
	letter-spacing:-4px;
	padding-top:3px;
}
/*fusszeile galerie subtitel*/
.sbtx5 b{
  font-size:13px;
	line-height:17px;
    font-weight:normal;
    color:#000;
}

/*fonts*/
.infotxt{
	font-size:13px;
	line-height:17px;
}
.ofsteltxt{
	font-size:13px;
	line-height:17px;
    color:#000;
}
.lhgrn{
	color:#2A9941;	
}
.smgreen{
	color:#2C4F9E;
	font-size:13px;

}
.smgreen1{
	color:#2C4F9E;
	font-size:13px;

}
.smbox{	
	font-size:13px;
	line-height:14px;
}
.smbox1{	
	font-size:13px;	
	line-height:9px;
}

.smbox p{
	margin:0;
	padding:0;
	margin-bottom:9px;
	
}
.h3{
	font-size: 15px;
	line-height: 20px;
	color: #2A9941;
	display:block;

}

.swtch7:after{
	float:right;
	font-size:18pt;
	font-weight:lighter;
	content:"+";
}
.swtch8:after{
	float:right;
	font-size:18pt;
	font-weight:lighter;
	content:"-";
}
.swtch9:after{
	content:"→ weiterlesen";
	font-size:13px;
}
.swtch10:after{
	content:"← schliessen";
	font-size:13px;
}
.swtch11:before{
	content:"→ ";
	font-size:13px;
}
.swtch12:before{
	content:"← ";
	font-size:13px;
}
.swtch18{
	color: #2C4F9E;
	font-size:13px;
	cursor:pointer;
}



h1{
	margin: 0;
	padding: 0;
	font-size: 25px;
	line-height: 30px;
	color: #2A9941;
	font-weight:normal;
	margin-bottom:4%;

}
h2{
	margin: 0;
	padding: 0;
	font-size: 20px;
	line-height: 25px;
	color: #000;
	font-weight:normal;
	margin-bottom:2%;

}
h3{
	margin: 0;
	padding: 0;
	font-size: 15px;
	line-height: 20px;
	color: #2A9941;
	font-weight:normal;
	margin-bottom:2%;

}
h4{
	margin: 0;
	padding: 0;
	font-size: 15px;
	line-height: 20px;
	color: #000;
	font-weight:normal;
	margin-bottom:8px;

}
h5{
	margin: 0;
	padding: 0;
	font-size: 20px;
	line-height: 25px;
	color: #000;
	font-weight:normal;
	margin-bottom:2%;

}



/*links*/
a:link {
	color: #2C4F9E;
	text-decoration : none;
	background-color : transparent;
}
a:visited {
	color: #2C4F9E;
	text-decoration : none;
	background-color : transparent;
}
a:hover {
	color : #087B20;
	text-decoration : none;
	background-color : transparent;
}
a.z2:link {
	color: #000;
	text-decoration : none;
	background-color : transparent;
	padding: 6px 7px 4px 7px;

}
a.z2:visited {
	color: #000;
	text-decoration : none;
	background-color : transparent;
	padding: 6px 7px 4px 7px;
}
a.z2:hover {
	color : #fff;
	text-decoration : none;
	background-color:#2A9941;
	color:#fff;
	padding: 6px 7px 4px 7px;
}
a.z2:focus {
	color : #fff;
	text-decoration : none;
	background-color:#2A9941;
	color:#fff;
	padding: 6px 7px 4px 7px;	
	
}

a.z3:link {
	display: inline-block;
	color: #000;
	text-decoration : none;
	background-color : transparent;
	padding-top:6px;
	padding-bottom:6px;
	width:100%;
	
}
a.z3:visited {
	color: #000;
	text-decoration : none;
	background-color : transparent;
}
a.z3:hover {
	color : #fff;
	text-decoration : none;
	background-color:#2A9941;
}
a.z4:link {
	color: #000;
	text-decoration : none;
	background-color : transparent;
}
a.z4:visited {
	color: #000;
	text-decoration : none;
	background-color : transparent;
}
a.z4:hover {
	color : #000;
	text-decoration : none;
	background-color : transparent;
}
a.z5:link {
	font-size:13px;
	line-height:4px;
	color: #2A9941;
	text-decoration : none;
	background-color : transparent;
}
a.z5:visited {
	font-size:13px;
	line-height:4px;
	color: #000;
	text-decoration : none;
	background-color : transparent;
}
a.z5:hover {
	font-size:13px;
	line-height:4px;
	color : #087B20;
	text-decoration : none;
	background-color : transparent;
}




/*pics*/
.logo {
	float:right;
	border:0px solid #000;
}
.pcdef1{
	border:0px solid #000;
}
.pc2{
	border:0px solid #000;
	float:left;
	margin-right:5%;
}
.pc3{
	border:0px solid #000;
	width:100%;
	height:auto;
	
}
.pc4{
	border:0px solid #000;
	width:26.8%;
	height:auto;

}
.pc5{
	border:0px solid #000;
	width:65%;
	height:auto;
    display:block;
    margin-bottom:34px;
    margin-top:-1%;

}

/* Videos in Galerie Impress2*/
.vdi5{
	width: 230px;
	height: auto;
}	
/*.ct12 def*/


.ct12 .smgreen{
	padding-left:8px;
}

.ct12 td{
	 color:#2A9941;
	 vertical-align:top;
	 
}
.ct12 td:nth-child(2) {
	
	text-align:left;
}
.ct13 td:nth-child(1) {
	min-width:90px;
}



.ct12 .rowlink::before {
  content: "";
  display: block;
  position: absolute;
  
  width: 40%;
  height: 1.5em; /* don't forget to set the height! */;
  
}
.ct12 .rowlink1::before {
  content: "";
  display: block;
  position: absolute;
  
  width: 40%;
  height: 2.5em; /* don't forget to set the height! */;

}


.colblk{
	color:#000;
}
.colgrn{
	color:#2A9941;
}

/*lehrstellen Fachgebiete*/
.lfg6{
	margin:18px 0 18px 0;
}

.spz87{	
	margin-left:18px;
}
.spz97{	
	margin-bottom:14px;
}
.gal1 {
	float:left;
	width:230px;
	margin-bottom:19px;
	margin-right:10px;

}
.gal1 h2{
	color:#000;
	margin:0;
	padding:0;
	
	
}
.gal5 {
	float:left;
	width:215px;
	margin-bottom:19px;
	margin-right:20px;
    color:#2A9941;
	font-size:13px;

}
.picgal5 {
    width:100%;
    height:auto;
}

.gal1 table{
	margin-left:8px;
	
	
}
.gal1 td{	
	color:#000;
	margin:0;
	padding:0;
	padding-bottom:6px;
}

.smgreen1{
	color:#2A9941;
	font-size:13px;
}
.spz75{
	margin-right:24px;
	margin-bottom:36px;
}
.bx8{
	color:#000;
	padding:8px 12px 4px 12px;	
	border-bottom: 0px solid #7F7F7F; 	
}

.bx9{
	color:#000;
	padding:8px 12px 4px 12px;	
	border-top: 0px solid #7F7F7F; 	
}
.bx10{
	color:#000;
	padding:8px 12px 4px 12px;	
	border-top: 1px solid #7F7F7F; 
	border-bottom: 1px solid #7F7F7F; 	
}
.bx11{
	color:#2A9941;	
	padding:8px 12px 4px 12px;	
	border-top: 1px solid #7F7F7F; 
	border-bottom: 1px solid #7F7F7F; 
	text-align:center;	
}
.bx12{
	color:#000;
	padding:8px 12px 4px 12px;	
	border-top: 1px solid #7F7F7F; 
	text-align:center;		
}
.bx13{
	color:#2A9941;
	background-color:#EDF3EA;
	padding:7px 12px 7px 12px;	
	border-top: 1px solid #7F7F7F; 
	border-bottom: 1px solid #7F7F7F;
	margin-bottom:6px;
	width:100%;
	clear:both;
	float:right;

}
.bx14{
	color:#2A9941;
	background-color:#E1DBE9;
	padding:7px 12px 7px 12px;	
	border-top: 1px solid #7F7F7F; 
	border-bottom: 1px solid #7F7F7F;
	margin-bottom:6px;
	width:100%;
	clear:both;
	float:right;

}







/*body*/

body { 
	font-family: FFFagoWebPro; 
	font-size:15px;
	line-height:20px;
	color:#000;
	background:#fff;
	margin: 0;
	padding: 0;
}



/*------------------------------------------------------------ */	
/* Webdesign und Styles by typefabric.ch
/* Samuel Egloff und Catrina Wipf
/* Copyright by typefabric - grafikatelier 2015
/*------------------------------------------------------------ */
div{display:block;}
.container {
	margin:0 auto;
	text-align:center;
	border:0px solid red;
	width:980px;
	
	
	}
.side {
	width:230px;	
	margin: 0;
}
.li{float:left; margin-right:20px;position:fixed;}
.re{float:left; margin-bottom:20px;}
.content {
	width:480px;
	/*background-color:#FEC16D;*/
	margin:0;
	margin-right:20px;
	float:left;	
	margin-bottom:20px;
	text-align:left;
	padding-top:3%;
	
	
}

.content1 {  /*design 2*/
	width:980px;
	/*background-color:#FEC16D;*/
	margin:0;
	float:left;	
	margin-bottom:20px;
	text-align:left;
	padding-top:3%;
	
}

.footer, .header {
	width:100%;
	

}
.header {
	width:100%;
	padding:20px 0 0 0;
	background-color:#fff;
	
}
.footer{
	position:fixed;
	bottom:0;
	padding:15px 0 0 0;
	background: #fff;
	height:35px;
	font-size:13px;
	line-height:17px;
}
.clearfloat {	
	clear:both;
}
.article {
	width:98%;
	/*min-height:300px;*/
	margin:0;
	margin-bottom:19px;
	text-align:left;
}
/*Galerie unten*/
.gdw11{
	margin-top:-60px; 
	margin-left:18px;
}


.ct8{
	margin-left:2%;
	-moz-hyphens: auto; /*auto umbruch im Content*/
	-webkit-hyphens: auto;
	-ms-hyphens: auto;
	-o-hyphens: auto;
	hyphens: auto; 

}




/* Responsive Verhalten */


/* Desktop Screens ab 1240px */
@media screen and (max-width: 4000px) {
.container {width:1230px;}
.content {width:730px;}
}
/* Screen 1000px bis 1240px Tablet Landscape und kleinere Desktopscreens (IPAD 1024px)*/
@media screen and (max-width: 1240px) {
.container {width:980px;}
.content {width:480px;}
.content1 {width:730px;}
.hmnu {
	letter-spacing: -0.35px;
	margin-right:1.2%;
		}
.ct8 {
	margin:0;
		}
.spz88{
	padding-top:50%;
}
.spz89{
	padding-top:1%;
}
.ft2{
	width:85%;
}

.ct12 .gal1 img{
	width:100%;
	height:auto;
}


.ct12 .gal1 {
	float:left;
	width:220px;
	margin-bottom:19px;
	margin-right:10px;
	
}
 .pc5{
    width:100%;
}
 .ft5{
	display:none;
}
.ft6{
	visibility:visible;
	}
    .hap3:nth-child(3n){
 margin-right:8px;

}
.hap3:nth-child(2n){
 margin-right:0px;
}

}
/* Screen 750px bis 1000px Tablet Portrait (IPAD 768px) */
@media screen and (max-width: 1000px) {
.container {width:730px;}
.content {width:480px; margin-right:0;}
.content1 {width:480px; }
/* Spalte recht kommt unter Content Bereich – 2-Spaltig */
.re{width:480px;}
.re .article {width:230px; float:left;}
.re .article:nth-child(odd) {margin-right:10px;}
.hmnu {
	letter-spacing: -0.95px;
	margin-right:0.05%;
	}
.ft2{
	width:90%;

}

.spz88{
	padding:0;
	}
.spz89{
	padding:0;
}

.gdw11{
	margin-top:-60px; 
	margin-left:0px;
}
.bxofstel{
    clear:both;
    padding-bottom:22px;
}
  .pc5{
    margin-top:3%;
}
/*spacer kennzahlen*/
.spk6, .spk7, .spk8 {
	padding-top:0;
}


}
/* Screen 500px bis 750px Mobilephone Gross oder kleinere Tablets */
@media screen and (max-width: 750px) {
.container {width:480px;}
.content {width:480px; margin-right:0;}
.re{margin-left:0px;}
/* Die linke Spalte / Subnavigation wird in Hamburgermenu integriert */
.li {display:none;}
/*diwa*/
.header {
	border-bottom: 2px solid #2A9941;
	padding-bottom:5px;
	margin-bottom:0;

}
.navi1{
	display:none;
	border-bottom: 0px solid #2A9941;	
	background-color:#EDF3EA;
	}
.logo{
	padding-right:32px;
}
.hmb1{
	display:block;
	margin-top:35px;
}

.submnu1{
	display:none;
}
.hmnu {
	display:block; 
	border-bottom: 1px solid #7F7F7F;
	padding:0;
	float:none;
	width:97%;

}
.submenu{ 
	display:block; 
	width:86.5%;
	padding-left:10.5%;
	border-bottom: 1px solid #7F7F7F;
}
.hmnu a, .submenu a {
	background-color:#2A9941;
	color:#fff;
	display:block;
}
.hmarw2{
	display:block;
	float:right;
	color:#000;
	padding-top:2px; 
	margin-right:12px;
}
.hmnu:hover .hmarw2{
	color:#fff;
}

.pdg6{
	padding-left:3%;
}
.ft1 {
margin:0;
float:none;
text-align:center;
width:100%;
}
.ft2{
	width:100%;
}

.ft9{
 display:block;
}
.navi1{
margin-bottom:5%;
}
.footer {
	margin:20px 0 0 0;
	position:relative;	
}
.lcktp{
	position:inherit;
	top:inherit;	
}
.lckct{
	margin-left:0px;
	margin-top:0px;
}
.pc5{
    margin-top:5%;
}

}
/* - */

/* Screen 0px bis 500px Mobilephone  */
@media screen and (max-width: 500px) {
	/* Totale Breite 80% */
.container {width:100%;}
.content {width:80%;margin-left:10%;

}


.re{width:80%; margin-left:10%;}
.re .article{width:100%;}
/*diwa*/
.navi1{
	display:none;	
	}
.logo{
	width:62%;
	max-width: 286px;
	height:auto;
}
.hmb1{
	margin-top:6.6%;
}
.icoh1{
	width:100%;
	height: auto;
	
}
.stort td:nth-child(2) {
	min-width:80px;
}

.content1 {width:90%;margin-left:5%;}
h1{
	margin: 0;
	padding: 0;
	font-size: 25px;
	line-height: 30px;
	color: #2A9941;
	font-weight:normal;
	margin-bottom:5%;
	letter-spacing:-0.5px;

}




/* - */
}
/*test new media check*/
/*@media (min-width: 730px) {
    body:after {
        content: 'widescreen';
        display: block;
        }
    }*/