/*
gelb fcbf2e
orange fb6d22
rot db1517
lila 761142
blau  46c9dd
dunkeleres blau für schrift  
#25b7ea - jetzt nicht mehr verwendet! nur noch 46c9dd

 
*/



@font-face { font-family: 'Aller Regular';
    
  src: url('fonts/Aller_Rg.ttf') format('truetype');
}

@font-face { font-family: 'Aller Bold';
    
  src: url('fonts/Aller_Bd.ttf') format('truetype');
}

@font-face { font-family: 'Aller Light';
    
  src: url('fonts/Aller_Lt.ttf') format('truetype');
}
 
 
 
@import url("//hello.myfonts.net/count/3a1e95");

  
@font-face {font-family: 'AvenirLTPro-Light';src: url('../../templates/css/webfonts/3A1E95_0_0.eot');src: url('../../templates/css/webfonts/3A1E95_0_0.eot?#iefix') format('embedded-opentype'),url('../../templates/css/webfonts/3A1E95_0_0.woff2') format('woff2'),url('../../templates/css/webfonts/3A1E95_0_0.woff') format('woff'),url('../../templates/css/webfonts/3A1E95_0_0.ttf') format('truetype');}
 
  
@font-face {font-family: 'AvenirLTPro-LightOblique';src: url('../../templates/css/webfonts/3A1E95_1_0.eot');src: url('../../templates/css/webfonts/3A1E95_1_0.eot?#iefix') format('embedded-opentype'),url('../../templates/css/webfonts/3A1E95_1_0.woff2') format('woff2'),url('../../templates/css/webfonts/3A1E95_1_0.woff') format('woff'),url('../../templates/css/webfonts/3A1E95_1_0.ttf') format('truetype');}
 
  
@font-face {font-family: 'AvenirLTPro-Book';src: url('../../templates/css/webfonts/3A1E95_2_0.eot');src: url('../../templates/css/webfonts/3A1E95_2_0.eot?#iefix') format('embedded-opentype'),url('../../templates/css/webfonts/3A1E95_2_0.woff2') format('woff2'),url('../../templates/css/webfonts/3A1E95_2_0.woff') format('woff'),url('../../templates/css/webfonts/3A1E95_2_0.ttf') format('truetype');}
 
  
@font-face {font-family: 'AvenirLTPro-BookOblique';src: url('../../templates/css/webfonts/3A1E95_3_0.eot');src: url('../../templates/css/webfonts/3A1E95_3_0.eot?#iefix') format('embedded-opentype'),url('../../templates/css/webfonts/3A1E95_3_0.woff2') format('woff2'),url('../../templates/css/webfonts/3A1E95_3_0.woff') format('woff'),url('../../templates/css/webfonts/3A1E95_3_0.ttf') format('truetype');}
 
  
@font-face {font-family: 'AvenirLTPro-Roman';src: url('../../templates/css/webfonts/3A1E95_4_0.eot');src: url('../../templates/css/webfonts/3A1E95_4_0.eot?#iefix') format('embedded-opentype'),url('../../templates/css/webfonts/3A1E95_4_0.woff2') format('woff2'),url('../../templates/css/webfonts/3A1E95_4_0.woff') format('woff'),url('../../templates/css/webfonts/3A1E95_4_0.ttf') format('truetype');}
 
  
@font-face {font-family: 'AvenirLTPro-Oblique';src: url('../../templates/css/webfonts/3A1E95_5_0.eot');src: url('../../templates/css/webfonts/3A1E95_5_0.eot?#iefix') format('embedded-opentype'),url('../../templates/css/webfonts/3A1E95_5_0.woff2') format('woff2'),url('../../templates/css/webfonts/3A1E95_5_0.woff') format('woff'),url('../../templates/css/webfonts/3A1E95_5_0.ttf') format('truetype');}
 
  
@font-face {font-family: 'AvenirLTPro-Medium';src: url('../../templates/css/webfonts/3A1E95_6_0.eot');src: url('../../templates/css/webfonts/3A1E95_6_0.eot?#iefix') format('embedded-opentype'),url('../../templates/css/webfonts/3A1E95_6_0.woff2') format('woff2'),url('../../templates/css/webfonts/3A1E95_6_0.woff') format('woff'),url('../../templates/css/webfonts/3A1E95_6_0.ttf') format('truetype');}
 
  
@font-face {font-family: 'AvenirLTPro-MediumOblique';src: url('../../templates/css/webfonts/3A1E95_7_0.eot');src: url('../../templates/css/webfonts/3A1E95_7_0.eot?#iefix') format('embedded-opentype'),url('../../templates/css/webfonts/3A1E95_7_0.woff2') format('woff2'),url('../../templates/css/webfonts/3A1E95_7_0.woff') format('woff'),url('../../templates/css/webfonts/3A1E95_7_0.ttf') format('truetype');}
 
  
@font-face {font-family: 'AvenirLTPro-Heavy';src: url('../../templates/css/webfonts/3A1E95_8_0.eot');src: url('../../templates/css/webfonts/3A1E95_8_0.eot?#iefix') format('embedded-opentype'),url('../../templates/css/webfonts/3A1E95_8_0.woff2') format('woff2'),url('../../templates/css/webfonts/3A1E95_8_0.woff') format('woff'),url('../../templates/css/webfonts/3A1E95_8_0.ttf') format('truetype');}
 
  
@font-face {font-family: 'AvenirLTPro-HeavyOblique';src: url('../../templates/css/webfonts/3A1E95_9_0.eot');src: url('../../templates/css/webfonts/3A1E95_9_0.eot?#iefix') format('embedded-opentype'),url('../../templates/css/webfonts/3A1E95_9_0.woff2') format('woff2'),url('../../templates/css/webfonts/3A1E95_9_0.woff') format('woff'),url('../../templates/css/webfonts/3A1E95_9_0.ttf') format('truetype');}
 
  
@font-face {font-family: 'AvenirLTPro-Black';src: url('../../templates/css/webfonts/3A1E95_A_0.eot');src: url('../../templates/css/webfonts/3A1E95_A_0.eot?#iefix') format('embedded-opentype'),url('../../templates/css/webfonts/3A1E95_A_0.woff2') format('woff2'),url('../../templates/css/webfonts/3A1E95_A_0.woff') format('woff'),url('../../templates/css/webfonts/3A1E95_A_0.ttf') format('truetype');}
 
  
@font-face {font-family: 'AvenirLTPro-BlackOblique';src: url('../../templates/css/webfonts/3A1E95_B_0.eot');src: url('../../templates/css/webfonts/3A1E95_B_0.eot?#iefix') format('embedded-opentype'),url('../../templates/css/webfonts/3A1E95_B_0.woff2') format('woff2'),url('../../templates/css/webfonts/3A1E95_B_0.woff') format('woff'),url('../../templates/css/webfonts/3A1E95_B_0.ttf') format('truetype');}
 
 
 
html {
}

body {
	height: 100%;
/*	background: #bcbcbc url(../images/bg_verlauf.jpg) repeat-x fixed left top;*/
 
background:#f7f4eb;
margin: 0;
 
color:#000;
font-family: 'AvenirLTPro-Roman' ,Arial, helvetica, sans-serif;
  

}

b, strong {font-family: 'AvenirLTPro-Medium' ,Arial, helvetica, sans-serif;}


.chrome .boldtext, .chrome  b,  .chrome strong  {font-family: 'AvenirLTPro-Heavy' ,Arial, helvetica, sans-serif;}

 

a {color:#fb6d22; text-decoration:none;}
a:hover {color:#761142;text-decoration:none;}


/*orange fb6d22
rot db1517
lila 761142*/



 
 
html, body {
    margin: 0;
    padding: 0;
    height: 100%;
}

 
#wrapper {
width: 100%;

min-height: 100%;

position: relative;
 margin-top:50px;

}

figure {margin:0;}
 

 
#mobilemenucontainer{display:block;width:100%; 
position:absolute;
position:fixed;
top:0;left:0; z-index:100;

background:#bec6b9;
background:#a6b6b3;


height:36px; }

 

#page  {
max-width:1280px;width:100%;
 
padding:10px 0px 940px 0px;
display:block;

position: relative;
 
margin:110px auto 0px auto;
margin:0px auto 0px auto;
min-height:800px;
  
}

#footerspendenlink {position:absolute; right: 0px; bottom:50px; width: 100%; height: 260px; }
#footerspendenlink a {display:block; width: 260px; height: 260px; }



#footernavi {
	position: absolute;
    right: 0px;
    bottom: 16px;
}
#footernavi ul {list-style-type:none}
#footernavi li {float:left; padding-right:10px;list-style-type:none !important;}
#footernavi li a {color:#fff !important; font-size:16px;}

 #footerwrapper {
 background:#595961;
display:block; position:absolute;  left:0px; height:340px;	height: 940px;
bottom:0px; width:100%;  
 }
 
 
#footer {
	 
	height: 940px;
	margin: 0px;
	padding:0px;
	z-index: 1;max-width:1280px; width:100%;margin:0 auto;position:relative;
	
	background-image: url(../images/footer_akiju.png), url(../images/footer_posti.png);
background-repeat:  no-repeat,no-repeat;
background-position:top 30px center,bottom 30px center;
background-size:  40% auto, 80%  auto;
	 
}
 
#footertext {/*width:100%; */ margin:0 auto;color:#fff; font-size:16px;padding:0px 20px 0px 20px;padding-top:250px; }

#footertext a {text-decoration:none;color:#fff;}

#footertext span {color:#fff;font-size:16px;
background-repeat:no-repeat;
background-size:20px auto; 
background-position:left center;}

span.adresse_mail {
background-image:url('../images/icon_mail.png');display:block; padding: 0px 0px 0px 25px;width:100%;
}
span.adresse_fax {
background-image:url('../images/icon_fax.png');display:block; padding: 0px 0px 0px 25px;width:100%;

}
span.adresse_tel {
background-image:url('../images/icon_tel.png');display:lock; padding: 0px 0px 0px 25px;width:100%;

}


.blaueschrift, p.blaueschrift ,#footertext p.blaueschrift a , #footertext span.blaueschrift {color:#46c9dd; padding:0; }




 #headerwrapper {
 background:#fff;
display:block; 
top:0px; position:fixed;  left:0px;height:54px; z-index:1;
 
 width:100%;  
 }
 
 
#header {

	height: 54px;
	margin: 0px;
	padding:0px;
	max-width:1280px; width:100%;
	margin:0 auto;position:relative
}


#header .logo {
	padding:10px;
	padding:0px;
	width:82px;
 
	float:left;
	}
 
#header .logo img{ width:82px;margin-left:10px; margin-top:10px; margin-top:5px;}


  
 #header .logo_underline	{display:block;position:absolute; left: 10px; top:71px; font-size:16px; color:#46c9dd;
font-family: 'AvenirLTPro-Roman' ,Arial, helvetica, sans-serif; }

#header_subnavi li.last {background-image:none !important;padding-right:0;}

div#header_images { 
	max-width:1280px;width:100%;
	margin: 0px;
	padding:0px;
z-index:1;  }

 div#header_images img {width:100%; height:auto;}


.clear {
	clear: both;
	padding-bottom: 26px;
}

.clear_nopadding {
	clear: both;
	padding:0px;
	height:1px;
	margin:0;
}


.hidden {
	display: none;
}

.align-center {text-align:center;}

#leftcol{ position: relative; width: 100%;  margin:36px 0px 0px 0px }


#maincol{ position: relative;  width: 100%;  margin:16px 0px 0px 0px  }


#rightcol{ position: relative;f  width: 100%;  margin:0px 0px 0px 0px }


/*

#leftcoltext{ position: absolute; width: 240px;top:610px;left:0px;  margin:0px 0px 0px 0px }

#rightcoltext{ position: absolute;top:610px;left:864px; 
left:904px;width: 160px;  margin:0px 0px 0px 0px }
*/


#textcontainer{ 
/*position: absolute;
top:120px;
left:265px;margin: 0px;*/

 width:100%;
 
padding:20px 0px 20px 0px;
 

background:#fbfcf6;
color:#33393e;


border-top-right-radius: 16px; border-bottom-right-radius: 0px; border-bottom-left-radius: 0px; border-top-left-radius: 0px; -moz-border-radius-topright: 16px; -moz-border-radius-bottomright: 0px; -moz-border-radius-bottomleft: 0px; -moz-border-radius-topleft: 0px; -webkit-border-top-right-radius: 16px; -webkit-border-bottom-right-radius: 0px; -webkit-border-bottom-left-radius: 0px; -webkit-border-top-left-radius: 0px;
}

 .boxes.suchergebnis  { padding: 30px 0px 30px 0px;  border-bottom: 1px solid #46c9dd;}
 
 
#textcontainer .boxes ul {margin:0px 0px 12px 0px;padding-left:12px;}

#textcontainer .boxes p {margin:0px 0px 12px 0px;}
 
 .boxes 

{width:100%;
margin:0px auto 0px auto;
clear:both;   padding: 0px 0px 0px 0px; 

    display: -webkit-box;
    display: -webkit-flex;
    display: -moz-flex;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-direction: normal;
    -webkit-box-orient: horizontal;
    
    -webkit-flex-direction: row;
    -moz-flex-direction: row;
    -ms-flex-direction: row;
    flex-direction: row;
  -webkit-flex-wrap: wrap;
    -moz-flex-wrap: wrap;
    -ms-flex-wrap: wrap;
    flex-wrap: wrap;
    
    -webkit-box-pack: justify;
    -ms-flex-pack: justify;
 
  -webkit-justify-content: flex-start;
    -moz-justify-content: flex-start;
    justify-content:flex-start; 
  
   
}


 
div#main_navi {
	position: absolute;
	top:10px;
	left:0px;
	height: 100px;
	width:250px;
	margin: 0px;
	padding:0px;
	z-index:100;
	
	

}

a.navi_item {
display:block;position:relative;
width:220px;
padding:25px 10px 0px 16px;
 
 
margin-bottom:7px;
border-top-right-radius: 0px; border-bottom-right-radius: 16px; border-bottom-left-radius: 0px; border-top-left-radius: 0px; -moz-border-radius-topright: 0px; -moz-border-radius-bottomright: 16px; -moz-border-radius-bottomleft: 0px; -moz-border-radius-topleft: 0px; -webkit-border-top-right-radius: 0px; -webkit-border-bottom-right-radius: 16px; -webkit-border-bottom-left-radius: 0px; -webkit-border-top-left-radius: 0px;

text-transform:uppercase;

color:#fff;

height:75px;
padding-top:10px;
 font-family: 'AvenirLTPro-Roman' ,Arial, helvetica, sans-serif;
 
font-size:18px;


cursor:pointer;
}

a.navi_item:hover {opacity:0.9 ;
color:#fff;
 }

 a.navi_item.p104 , a.navi_item_aktiv.p104{color: #fb6d22;}
 a.navi_item.p104:hover , a.navi_item_aktiv.p104:hover {color:#000;}
 
 
 a.navi_item span, a.navi_item_aktiv span {  position:absolute; left: 20px; top: 50%;  transform: translate(0, -50%);}

a.navi_item_aktiv {
display:block;position:relative;
width:245px;
padding:25px 10px 0px 16px;
 
 
margin-bottom:7px;
border-top-right-radius: 0px; border-bottom-right-radius: 16px; border-bottom-left-radius: 0px; border-top-left-radius: 0px; -moz-border-radius-topright: 0px; -moz-border-radius-bottomright: 16px; -moz-border-radius-bottomleft: 0px; -moz-border-radius-topleft: 0px; -webkit-border-top-right-radius: 0px; -webkit-border-bottom-right-radius: 16px; -webkit-border-bottom-left-radius: 0px; -webkit-border-top-left-radius: 0px;
color:#ffffff;
text-transform:uppercase;


height:75px;
padding-top:10px;
 font-family: 'AvenirLTPro-Roman' ,Arial, helvetica, sans-serif;
 
font-size:18px;

cursor:pointer;
}

a.navi_item_aktiv:hover {opacity:0.9 ;
 
color:#fff;}
 

a.achtsamkeit-kinder-jugendliche , a.p94 {background: #fcbf2e; }

a.weiterbildung-paedagogen, a.p95  {background: #fb6d22;}
 
a.achtsamkeitslehrende , a.p96 {background: #db1517;}

a.seite4, a.p97  {background:#761142;}

a.akiju-unterstuetzen, a.p98 , a.p164 {background: #46c9dd;height:76px;}
 
 
 
 
h1,   #textcontainer a, #maincol a {  color:#46c9dd;}

h2, h3 {color:#000;}

h4 {  color:#46c9dd;}


/* 

orange fb6d22
rot db1517
lila 761142*/

#textcontainer a , #maincol a {color:#fb6d22; text-decoration:none;}
#textcontainer a:hover, #maincol a:hover {color:#761142;text-decoration:none;}

#textcontainer a.more   h3, #textcontainer a.more  p {color: #46c9dd;text-decoration:none; }
#textcontainer a.more:hover, #maincol a.more:hover {color: #761142;text-decoration:none;}



h1 { font-size:26px;
 font-weight: 400;
font-family: 'Aller Regular' ,Arial, helvetica, sans-serif;
margin:0px 0px 12px 0px;
line-height:30px;}


h2 { font-size:22px;
  font-weight: 400;
font-family:'Aller Regular' ,Arial, helvetica, sans-serif;
margin:0px 0px 0px 0px;
line-height:26px;}

h3 , h4 { font-size:16px;
  font-weight: 400;
font-family: 'Aller Bold' ,Arial, helvetica, sans-serif;
margin:0px 0px 0px 0px;
line-height:24px;}

p{font-size:16px;
font-weight:400;
margin:0px 0px 15px 0px;
line-height:160%;}

li {font-size:16px;
font-weight:400;line-height:150%;

}

.csc-textpic-caption {font-size:16px;
font-weight:300;}

#textcontainer .csc-textpic {padding-right:16px;
}



#content{/*position:absolute;
top:585px;left:0px;*/


}




#textcontainer img {/*margin:20px 0px 20px 0px;width:614px;*/}

#textcontainer p {margin:0px 30px 12px 30px;}

#textcontainer ul {margin:0px 30px 12px 40px;padding-left:12px;}
#textcontainer ol {margin:0px 30px 12px 40px;padding-left:12px;}
#textcontainer li {margin-bottom:12px;}

#textcontainer h1 {margin:0px 30px 20px 30px;}

/*#textcontainer .csc-header h1{margin-top:35px;}*/



#textcontainer h2 {margin:30px 30px 10px 30px;}
#textcontainer h1+h2  {margin-top:0px;}


#textcontainer h3,#textcontainer h4,#textcontainer table {margin:0px 30px 0px 30px;}


#textcontainer td {
font-size:16px;
font-weight:300;
padding:0px 0px 15px 0px;
}


 
 
#maincol p {margin:0px 30px 12px 30px;}

#maincol ul {margin:0px 30px 12px 40px;padding-left:12px;}
#maincol ol {margin:0px 30px 12px 40px;padding-left:12px;}
#maincol li {margin-bottom:12px;}


#maincol h1 {margin:0px 30px 20px 30px;}
 

#maincol h2 {margin:30px 30px 10px 30px;}
#maincol h1+h2  {margin-top:0px;}

#maincol .frame-layout-1 h2, #textcontainer .frame-layout-1 h2    {margin-top:12px;}

#maincol h3,#maincol h4,#maincol table {margin:0px 30px 0px 30px;}

 


#maincol td {
font-size:16px;
 
padding:0px 0px 15px 0px;
}



/*.csc-textpic {width:100%;}
DIV.csc-textpic-center DIV.csc-textpic-imagewrap .csc-textpic-image {
    display: inline;
    margin-left: 0px;
}*/

 
#socialmedia {
	width:120px;
/*	height:50px;*/
	margin:10px 0px 0px 50px;
	
}
#socialmedia p {margin:0;padding:0; font-size:16px;}
#socialmedia a {
display:block;float:left;cursor:pointer;margin-right:4px;
/*height:50px;*/}

#socialmedia a:hover {opacity:0.8;}
 


ul#submenu {float:left;padding:0;margin:0;list-style-type:none;}


#submenu li {list-style-type:none;padding:0px 12px 10px 26px;
padding:0px 12px 10px 16px;

text-transform:uppercase;
font-size:16px; 
font-family: 'AvenirLTPro-Roman' ,Arial, helvetica, sans-serif;
}


#submenu a {color:#33393e;font-weight:400;}
#submenu a:hover {color:#46c9dd}
#submenu a.aktiv{color:#46c9dd}

/*damit nicht über uns immer als aktiv angezeigt wird - weil startseite...*/
#header_navi .first  a.aktiv {color:#33393e;font-weight:400;}
 
 
 
article, .frame-layout-1 {background-color:#46c9dd;padding:10px; color:#fff;
 
  margin:20px 0px 20px 0px;
border-radius: 5px;
-moz-border-radius: 5px;
-webkit-border-radius: 5px;
}


article  a, .frame-layout-1 a {color:#fff !important; text-decoration:underline !important;}
article  a:hover, .frame-layout-1 a:hover {color:#000 !important; text-decoration:underline;}

.trigger {
	
	cursor:pointer;
	margin:2px 0px 5px 0px;
	
	padding:0px;	 
	font-size:16px;
	margin: 0px;
	width: 160px;
}
	

.toggle_container {
	padding:0px;
	 width: 614px;
	margin:10px 0px 0px 0px;padding:0px; 
}


.trigger {color:#a8af3f;}
.trigger:hover {color:#BEC6B9;}
.trigger_active,.trigger_active:hover {color:#BEC6B9;}




.theme-default .nivoSlider {
	moz-box-shadow:none !important;
box-shadow:none !important;}

ul.csc-uploads span.csc-uploads-fileName {text-decoration:none;}
ul.csc-uploads {margin-bottom:20px;}




.newsletterform {padding-top:30px;clear:both;display:block;}
.newsletterform h2 {padding:30px 0px 30px 0px;font-size:16px;}

.formrow {display:block;clear:both;padding-bottom:10px;}

.formrow label {display:block; padding:0px 0px 5px 0px;}
#label-fe_ttaddress_gender {float:left; width: 70px;}
 

.formrow select {width:70px; height:23px; padding:3px; border:1px solid #666666;font-size:16px;}

input.nltext {width:155px; height:23px; padding:3px; border:1px solid #666666;}

.submitbutton{width:120px; height:33px; padding:6px; border:1px solid #666666; background:#fff;font-size:16px;}

.message {color:#46c9dd }

#main_navi {display:none;}
#header_navi{display:none;}
#mobilemenu{display:none;}




.responsiveContainer {
  position: relative;
  padding-bottom: 56.25%;
  height: 0;
  overflow: hidden;
}

.responsiveContainer iframe {
  position: absolute;
  top: 0;
  left: 0;
  width: 100%;
  height: 100%;
}


.responsiveContainer p  {margin:0; padding:0}

div.col3  {
width: 100%  ;/*max-width:340px;*/
position: relative;
margin-bottom: 10px;
padding:0px; margin-left:20px;
}

.profil_right img, .col3 img {
    width: 250px;
    height: auto;
    margin: 10px auto 10px auto;
    
    border-top-left-radius: 20px 20px;
    border-top-right-radius: 20px 20px;
}
.col3 img { width: 180px; }



.telefon { 
background: url(../../DATEN/images/icons/telefon-grau.svg) left center no-repeat;
  background-size: 22px auto;  background-size: auto 24px ;display:inline-block;
 

padding-left:36px; padding-left:32px;  
}

.email { 
background: url(../../DATEN/images/icons/mail-grau.png) left center no-repeat;
  background-size: 22px auto;
 
padding-left:36px;   
}


.profil_left h4 , 
.profil_right h4  {margin-bottom: 6px !important;margin-top:24px !important;  }

.profil_left h4 + ul {margin-top:6px}

.profil_left h1 , .profil_left h2 {margin-bottom:20px !important; }
.profil_right p , .profil_right h4 {margin-left: 0px !important;}





 /****************** suchformular ******************************/

 
 .label_checkx input {float:left; display:block; width: 20px; }
.label_checkx span  {float:left; display:block; width: calc(100% - 30px);}


.radioinput span:after { content:''; clear:both; display:block; }
.radioinput label:after { content:''; clear:both; display:block; }
.radioinput {padding-bottom: 10px;}

 .col50 {width:100%; padding-bottom:24px; }

#suchformular div.formcontainer {width:100%;} 

#suchformular {margin-bottom:40px;margin-top:-9px; 
margin-bottom:0px; padding:20px 20px 0px 20px;
}


.block.suche + div {
    max-width: 830px; 
    margin-bottom: 40px;
   padding:20px 20px 0px 20px;
 
}  
 
#suchformular  h2 { margin:30px 0px 20px 25px;}

#plzsuche, #suchformular #submitcontainer  {margin-left:25px !important;}

#suchformular input.text#plz {width:150px;}

.form-navigation {padding-top:24px; clear:both;margin-left:160px !important;}

#suchformular div.formarea  , .frame-type-form_formframework  {width:100%;clear:both;display:block;
margin:0px 0px 20px 0px;
border:none;
padding:0px 0px 0px 0px;
color:#33393e;
-moz-border-radius: 15px;
-webkit-border-radius: 15px;
border-radius: 15px;
}


 
.frame-type-form_formframework.blackwhiteform {width: 90%;margin:auto; 
  -moz-box-sizing: border-box; -webkit-box-sizing: border-box; box-sizing: border-box;}
 
.blackwhiteform  div.form-check {width: 24px !important;float:left; }
.blackwhiteform  .help-block { float:left;width:calc(100% - 32px) }

 .blackwhiteform  div.form-check label{width: 24px !important;float:left; }

.blackwhiteform a {color: #fff !important;text-decoration:underline;  }

.blackwhiteform label, .blackwhiteform p, .blackwhiteform span {color: #fff;}
.inputs-list {width: 100%;}
fieldset {
border:none;
margin:0px 0px 0px 0px;padding: 0;
width:100%;

}

.blackwhiteform p { font-size: 16px;}
    
    
 .frame-type-form_formframework{padding:30px 20px 23px 10px;}
 
 .konferenzanmeldung .formarea {padding:30px 20px 23px 22px !important;}
 

.formarea h1 {float:left;}

h1.schritt {}
	
label {}

.formarea p.error {background:#fff; display:inline-block; padding:4px;margin: 10px 0px 20px 0px;}


  
#suchformular fieldset div {margin:0px 0px 12px 0px;}
 

#plzsuche  {clear:both;}

#suchformular label {

width:100%; display:block; height:auto;
}

#suchformular label.label_radio, #suchformular label.label_check { padding-bottom:10px}


 #suchformular fieldset div.radiobuttons {margin-left:8px;}

input {background:#fff;-moz-border-radius: 6px;
-webkit-border-radius: 6px;
border-radius: 6px;
color:#3b3d40;border:none;padding:2px 2px 2px 2px;
 
 
 }

select {background:#fff;-moz-border-radius: 4px;
-webkit-border-radius: 4px;
border-radius: 4px;
color:#3b3d40;border:none;padding:4px 2px 4px 2px; float:left;
 }


textarea {background:#fff;-moz-border-radius: 6px;
-webkit-border-radius: 6px;
border-radius: 6px;
color:#3b3d40;border:none;padding:4px 2px 4px 2px;
width: 100%;height:100px;}

.submitbutton , .frame-type-form_formframework .btn {cursor:pointer; margin-left:20px; background: #fff;border: none;color:#3b3d40; font-size:16px;  margin-top:0;
margin-bottom: 30px;
}

 
 
.changebutton {cursor:pointer; margin-left:20px; background: #fff;border: none;color:#afc539; font-size:16px;  margin-top:0;
margin-bottom: 30px; float:right;
}

 .submitbutton:hover { color: #fff; background:#3b3d40;}
 
.submitbutton.invers {color: #fff; background:#3b3d40;border: 1px solid #3b3d40;} 
.submitbutton.invers:hover {color: #3b3d40; background:#fff;border: 1px solid #3b3d40;} 
 
 
 .formarea a {color:#3b3d40;text-decoration:underline; }
 .formarea a:hover {color:#fff;  }
 

div.formarea, .frame-type-form_formframework   {background: #46c9dd; border: 1px solid #46c9dd;
}
 
input.text , input.form-control  {color:#3b3d40;background: #fff;border: 1px solid #fff;font-size: 16px;}
/*
 input.form-control.error {background:#db1517 !important;}*/
 
 
.form-error {background:#db1517 !important; color: #fff;     padding: 4px 10px 4px 10px !important; }
 
 
#anrede .radio, kontaktformular-165-radiobutton-1 .radio {width:80px;}
 


#suchformular input.text, .frame-type-form_formframework input[type="text"]
, .frame-type-form_formframework input[type="email"]{width: 100%; max-width:220px;
padding-left: 0px;
height: 38px;
float: none;}



  .frame-type-form_formframework input[type="checkbox"] {float:right; margin:10px 8px 0px 0px;}
.form-check  label span {display:none;}

.help-block {display:block; width:100%;max-width:405px;color:#fff;float:left; font-size: 16px; line-height:22px; padding:16px 0px 16px 0px;}


label.selectboxlabel, .form-group label , .form-check label{padding-top:8px; float:left; width:160px !important;}
 
.optionrow, .form-group {clear:both; min-height:50px; max-width:220px;}

.optionrow label, .optionrow div,

.form-group label, .form-group div ,
.form-check label, .form-check div{display:block; float:left; }	

.form-group div.input.has-error {max-width:400px;}
			
.optionrow select , .optionrow input.text ,
.form-group select , .form-group input.text  {width:400px;padding-left:8px; height:45px; float:left;}
.searchformindent{padding-left:25px;}

#submitsearch {margin-left: 0;}

.label_radio span {line-height:105%;} 

.checkboxinput input {margin:3px 10px 0px 0px;}
.checkboxinput .ui-radio input {margin:8px 10px 0px 0px;}


.label_check input,
.label_radio input {
    cursor: pointer;
    line-height: 20px;
    padding-bottom: 9px;
    position: relative
}

.has-js .label_check input,
.has-js .label_radio input {
    position: absolute;
    left: -9999px
}


.has-js .label_check,
.has-js .label_radio {
    padding-left: 26px;
    color: #3b3d40;
    float: left
}

.has-js .text0container .label_radio { padding-right: 16px}

.has-js .label_radio {background-image: url(../../DATEN/images/icons/radio_button_off.png); background-size: 16px auto; background-repeat:no-repeat; background-position: left top 6px; }

.has-js label.r_on {  background-image: url(../../DATEN/images/icons/radio_button_on.png);}

.has-js .label_check {background-image: url(../../DATEN/images/icons/check_box_off.svg); background-size: 24px auto; background-repeat:no-repeat; background-position: left -3px top -2px; }

.has-js label.c_on {  background-image: url(../../DATEN/images/icons/check_box_on.svg);}


.newslistitem, .newsitem {padding-bottom: 20px; margin-bottom: 20px; border-bottom: 1px solid #46c9dd}






@media all and (min-width: 560px){ 

.label_radio span {line-height:30px;}	
	
#suchformular input.text, .frame-type-form_formframework input[type="text"]
, .frame-type-form_formframework input[type="email"]{width: 405px;max-width:405px;
padding-left: 8px;
height: 38px;
float: left;}

textarea {width: 405px;}

.help-block { width:405px;}

#suchformular label {
width:100%; display:block; height:45px;height:30px;
}
#suchformular label.label_radio, #suchformular label.label_check { padding-bottom:0px}
.optionrow, .form-group {clear:both; min-height:50px; max-width:576px;}



 
}

 




























@media (min-width: 480px){

 #footerwrapper {
 background:#595961;
display:block; position:absolute;  left:0px; 	height: 940px;
bottom:0px; width:100%;  
 }
 
 
#footer {
	 
	height: 940px;
	margin: 0px;
	padding:0px;
	z-index: 1;max-width:1280px; width:100%;margin:0 auto;position:relative;
	
	background-image: url(../images/footer_akiju.png), url(../images/footer_posti.png);
background-repeat:  no-repeat,no-repeat;
background-position:top 30px center,bottom 30px center;
background-size:  40% auto, 50%  auto;
	 
}
 
#footertext {margin:0 auto;color:#fff; font-size:16px;padding:0px 20px 0px 20px;padding-top:300px; }

div.col3  {
width: calc((100% / 2) - 20px); margin-left:20px;
}



}


	
	
@media (min-width: 860px){
/* 
 
#mobilemenu ,#mobilemenucontainer {display:none;}
 
#main_navi {display:block;}
#header_navi{display:block;}



#header_navi a:link, #header_navi a:visited {color:#33393e;}

#header_navi a:hover {color:#46c9dd}


ul#header_navi {float:left;margin:12px 0px 0px 0px;padding:0px;

margin:0px 0px 0px 25px;


margin:0px 0px 0px 0px;

max-width:600px;width:100%;
overflow:visible;}


#header li {list-style-type:none;
float:left;
 padding:  0px;
text-transform:uppercase;
font-weight:400;
font-size:16px;
 font-family: 'AvenirLTPro-Roman' ,Arial, helvetica, sans-serif;
 
}

#header li.last , #header_subnavi li.last  {background-image:none !important;padding-right:0;}


#header_navi a.aktiv {color:#46c9dd}

#header_subnavi a {font-weight:400;font-size:16px}
#header_subnavi a:link, #header_subnavi a:visited {color:#33393e;}
#header_subnavi a:hover {color:#46c9dd}

#header_subnavi a.aktiv { color:#46c9dd}


ul#header_subnavi {float:left;padding:0px;overflow:visible;
margin:8px 0px 0px 25px; width:770px;

margin:8px 0px 0px 140px;width:655px;
margin:8px 0px 0px 0px;width:770px;
}

#header_subnavi li {list-style-type:none;
float:left;
padding:0px 13px 0px 0px;
text-transform:uppercase;
font-weight:400;
font-size:0.9em;
 
}*/

#footerspendenlink {position:absolute; right: 40px; top:30px; width: 260px; height: 260px; }
#footerspendenlink a {display:block; width: 260px; height: 260px; }

#footernavi {
	position: absolute;
    right: 0px;
    bottom: 16px;
}
#footernavi ul {list-style-type:none;}
#footernavi li {float:left; padding-right:10px;list-style-type:none !important;}
#footernavi li a {color:#fff !important; font-size:16px;}

 #footerwrapper {
 background:#595961;
display:block; position:absolute;  left:0px; height:340px;
bottom:0px; width:100%;  
 }
 
 
#footer {
	 
	height: 340px;
	margin: 0px;
	padding:0px;
	z-index:100;max-width:1280px; width:100%;margin:0 auto;position:relative;
	
	background-image: url(../images/footer_akiju.png), url(../images/footer_posti.png);
background-repeat:  no-repeat,no-repeat;
background-position:left center,right 30px center;
background-size: auto 50%, auto 50% ;
	 
}

#footertext p { color:#fff; margin:0px 0px 20px 0px;font-size:16px;}

#footertext {width:430px;  margin:0 auto;color:#fff; font-size:16px;padding:20px 0px 0px 0px;}


#leftcol{ position: relative;float: left; width: 240px;  margin:36px 0px 0px 0px }


#maincol{ position: relative;float: left; width: 594px;  margin:16px 0px 20px 30px; width: 800px;  margin:16px auto 20px auto}


#rightcol{ position: relative;float: left; width: 160px;  margin:0px 0px 0px 0px }




#leftcoltext{ position: absolute; width: 240px;top:610px;left:0px;  margin:0px 0px 0px 0px }

#rightcoltext{ position: absolute;top:610px;left:864px; 
left:904px;width: 160px;  margin:0px 0px 0px 0px }



#textcontainer{ 
/*position: absolute;
top:120px;
left:265px;margin: 0px;*/

margin-left:265px;
width:614px;

padding:30px 0px 0px 0px;
padding:20px 0px 20px 0px;
z-index:1; 

background:#fbfcf6;
color:#33393e;


border-top-right-radius: 16px; border-bottom-right-radius: 0px; border-bottom-left-radius: 0px; border-top-left-radius: 0px; -moz-border-radius-topright: 16px; -moz-border-radius-bottomright: 0px; -moz-border-radius-bottomleft: 0px; -moz-border-radius-topleft: 0px; -webkit-border-top-right-radius: 16px; -webkit-border-bottom-right-radius: 0px; -webkit-border-bottom-left-radius: 0px; -webkit-border-top-left-radius: 0px;
}


#textcontainer.fullwidth{ width: calc(100% - 265px); }




div#header_images {
/*height: 454px;*/}

 
 #wrapper {
margin-top:0px;}

#maincol{   margin:16px 0px 20px 30px  }

#page  {
padding:10px 0px 340px 0px;
}
#header, #footer {
z-index:100;
}





}




@media (min-width: 1024px){ 
	
	


 #headerwrapper {
 background:#fff;
display:block;height:110px;
/*top:0px; position:absolute;  left:0px;height:54px;*/
position:relative;
 width:100%;  
 }
 
 
 
 
#header {

	height: 110px;
	margin: 0px;
	padding:0px;
	max-width:1280px; width:100%;
	margin:0 auto;position:relative
}


#header .logo {
	padding:10px;
	padding:0px;
	width:200px;
	width:250px;
	float:left;
	}
 
#header .logo img{ width:220px;margin-left:10px; margin-top:10px; margin-top:5px;}





 
 
#footer {
	 
	height: 340px;
	margin: 0px;
	padding:0px;
	z-index:100;max-width:1024px; width:100%;margin:0 auto;position:relative;
	
	background-image: url(../images/footer_akiju.png), url(../images/footer_posti.png);
background-repeat:  no-repeat,no-repeat;
background-position:left center,right 30px center;
background-size: auto 80%, auto 80% ;
	 
}




/*
.maincol , .profil_left {width:67.636363%; float:left; max-width:744px; padding-right:32px;}
.sidecol , .profil_right {width:32.363636%;float:left;max-width:356px;  }
*/

  .profil_left {width:65%; float:left; max-width:744px; }
 .profil_right {width:35%;float:left;max-width:356px;  }



}



@media (min-width: 1280px){ 

div.col3  {
width: calc((100% / 3) - 20px); margin-left:20px;
}


	
 /****************** suchformular ******************************/
 
 
 #suchformular {margin-top:-9px; margin-bottom:0px; padding:20px 50px 0px 50px;}

.block.suche + div {padding: 20px 50px 30px 50px;}  


 #suchformular fieldset div.radiobuttons {margin-left:25px;}

 .searchformindent{padding-left:25px;}



#submitsearch {margin-left: 20px;}

	
	
 .col50 {width:50%; float:left; padding-bottom:0;}

}

