/*
================================================
Typo 3 Master CSS
Version: 1.0
Letze �nderung: 26.05.2008 (Andrea Zbinden)

28. April 2008
Michel: �berall Kurzschreibweisen eingesetzt (#fff anstatt #fffff usw.), plus diverse kommentierte �nderungen
29. Mai 2008
Michel: 0px = 0, diverse kleinere Sachen


================================================

Index
------------------------------------------------
Grundeinstellungen
- Univeral Selektor
- HTML-Tags
- Wrapper-DIV

Head Bereich
- Logo
- Sprachnavigation

Navigation
- Hauptnavigation
- Subnavigation

Content-Bereich
- Formatierungen speziell f�r Contentbereich

Sidebar
- Formatierungen speziell f�r Sidebar

Footer
- Formatierungen speziell f�r Footer

Typo3 Erweiterungen
- tt_news
- mailformplus

Head Bereich
- Logosuche
- Sprachnavigation

Navigation
- Hauptnavigation
- Subnavigation

Content-Bereich
- Formatierungen speziell f�r Contentbereich

Sidebar
- Formatierungen speziell f�r Sidebar

Footer
- Formatierungen speziell f�r Footer

Typo3 Erweiterungen
- tt_news
- mailformplus
- ...
------------------------------------------------
*/



/*
==================
Grundeinstellungen
==================
*/

/* Universal Selektor */
* {
	
	margin: 0;
	padding: 0;
	border: 0;

}









/* HTML-Tags */

html, body {

margin:0;
padding:0;
font-family: Arial, Helvetica, sans-serif;
font-size: 12px;
color: #000000;
height: 100%;

}








body {


height: 100%;


}




/* Border bei Links */
.seite10 #maincontent img {
float: left;
border:1px solid #000;

}
	
	
/*Titel*/
h1 {
	color: #4eb357;
	font-size: 16px;
	font-weight: bold;
	text-transform: uppercase;	
	margin: 0;
	padding:0 0 2px 0;
	border-bottom: 1px solid #4eb357;
}

h2 {
color: #000000;
font-size: 16px;
font-weight: bold;	
margin: 0px;
padding: 0px 0px 5px 0px;
	
}

h3 {
color: #000000;
font-size: 16px;
font-weight: bold;	
margin: 0px;
padding: 0px 0px 5px 0px;
	
}


h4 {
	color: #4eb357;
	font-size: 16px;
	font-weight: bold;	
	margin: 0px;
	padding: 0px 0px 12px 0px;
		
}


#references h4 {
	padding: 0px 0px 25px 0px;
}


h5 {
	color: #ffffff;
	background-color: #2358a6;
	font-size: 16px;
	font-weight: bold;	
	margin: 10px 0 10px 0;
	padding: 5px 10px 5px 10px;
	line-height: 20px;
	display: inline-block;
		
}


/*
#kontakt h2 {
	color: #4eb357;
	font-size: 16px;
	font-weight: bold;
	text-transform: uppercase;	
	margin: 0;
	padding:0 0 2px 0;
	border-bottom: 1px solid #4eb357;
}*/

#start-text h2 {
	color: #666;
	font-size: 20px;
	text-align: center;
	font-family: Arial,"Helvetica Neue",Helvetica,sans-serif;
}

#content-start h3 {
	color: #4eb357;
	font-size: 16px;
	margin: 0px;
	padding: 0px 0px 12px 0px;
		
}

#sidebar h4 {
	color: #4eb357;
	font-size: 16px;
	font-weight: bold;	
	margin: 0px;
	padding: 0px 0px 2px 0px;
	text-transform: uppercase;
	border-bottom: 1px solid #4eb357;	
}

/*Titel Seite/News/Kontakt mit gr�ner Linie*/

.csc-header-n1 h1{
color: #4eb357;
font-size: 16px;
font-weight: bold;	
border-bottom:1px solid #4eb357;
margin: 0px;
padding: 0 0 2px 0;
}

.csc-header-n1, .csc-header-n2 {
padding-bottom: 20px;
}





/*Generelle Links*/
a {color: #44b357; text-decoration: none; }
a:link {color: #44b357; text-decoration: none;}
a:hover {color: #44b357; text-decoration:underline; }

h5 a {
 color: #ffffff;
}


/*Wrapper DIV*/
#wrapper {
margin: 0 auto; /* 0 hinzugef�gt, weil in vertical ist auto allein nicht sauber m�glich (michel) */
width: 975px; /*Breite Angeben*/




	min-height: 100%;
	height: auto !important;
	height: 100%;
	margin: 0 auto; /* the bottom margin is the negative value of the footer's height */

}
	



/*
==================
Head Bereich
==================
*/

#header {
	/*height: 384px;*/
	height: 250px;
}

#header.startseite {
	height: 384px;
}


#themenbild {
	position: absolute;
	z-index: -1;
	height: 250px;
	overflow: hidden;
}

#slideshow-start {
	position: absolute;
	z-index: 5;
	margin-left: -100px;


}

#logo-wrapper {
	width: 660px;
	height: 95px;
	padding: 30px 0 0 0;
	background-color: #fff;
	position: relative;
	z-index: 10;
	box-sizing: initial;


}

#logo {
	float: left;
	padding: 0 17px 0 20px;
	


}

#logo-ort {
	float: left;
	
	


}


#servicelinks {
	font-size: 12px;
	float: left;
	width: 198px;
	padding: 7px 0 0 13px; 
}
	
#servicelinks a:link { color: #333; text-decoration: none; padding: 0 13px 0 0; }
#servicelinks a:visited { color: #333; text-decoration: none; }
#servicelinks a:hover { color: #333; text-decoration: none; }
#servicelinks a:active { color: #333; text-decoration: none; }





/*
==================
Navigation
==================
*/



#mainnav {
	width: 660px;
	height: 36px;
	margin: 0;
	padding: 0;
	float: left;
	background-color: #2358a6;
	position: relative;
	z-index: 10;

}
	


#mainnav li{
	list-style-image:none;
	list-style-type:none;
	float: left;
	padding: 9px 0px;


}

 
 #mainnav li a {
 	display: block; /* IE7 Fix*/
	height: 17px;
 }
 
  #mainnav li ul li a {
 	display: block; /* IE7 Fix*/
	height: auto;
 }

/*HAUPTNAVIGATION Links*/

#mainnav a {  font-size: 15px; font-weight: normal; color: #fff; padding: 0 0 0 16px; text-decoration:none; }
#mainnav li a:link  {  }
#mainnav li a:hover  { color: #58d663;  }

/*aktiver Hauptnavigationslink -> in typo3 wird die Klasse "aktiv" definiert*/
#mainnav li.aktiv a { color: #58d663; }

.separator_menu{
	font-size: 15px; font-weight: bold; color: #fff; padding: 0 0 0 10px; text-decoration:none;
}

/*
#mainnav li#uid_367 .subnav-start a  { padding: 5px 0px 5px 40px; font-size: 13px;
 text-decoration:none;  display: block; color: #fff; }


#mainnav li#uid_367 .subnav-start li#uid_410 a, #mainnav li#uid_367 .subnav-start li#uid_399 a, #mainnav li#uid_367 .subnav-start li#uid_404 a, #mainnav li#uid_367 .subnav-start li#uid_407 a, #mainnav li#uid_367 .subnav-start li#uid_502 a  {
	font-size: 15px; font-weight: bold; color: #fff; padding: 0 0 0 10px; text-decoration:none;
}
*/

#mainnav .subnav-start li {
	float: none!important;
}

#mainnav .subnav-start {

}


/*
==================
Suche
==================
*/




#suche {
	position: relative;
	z-index: 10;
	padding: 0;
	color: #fff;
	background-color: #4eb357;
	float: left;
	width: 118px;
	height: 29px;
	padding: 6px 0 1px 5px;
}



#button {
	background-image: url(../bilder-design/btn-suche.gif);
	border: 0px;
	color: #000;
	width: 14px;
	height: 13px;
	cursor: pointer;
	margin-top: 5px;

}

#suchfeld {
	color: #fff;
	font-family: Arial, Helvetica, sans-serif;
	font-size: 12px;
	border: 0px solid #666666;
	background: none;
	float:left;
	width: 80px;
	height: 20px;
	margin-right: 8px;
	outline: none;
	
}

#suche a:link { color: #fff; text-decoration: none; }
#suche a:hover { color: #fff; text-decoration: none; }
#suche a:active { color: #fff; text-decoration: none; }

#suchfeld-cagtables label {
	padding-left: 0px;
	width: 40px;
}

#suchfeld-cagtables #do_submit {
	background-color: #2258a6;
	color: #fff;
	padding: 5px 15px;
	cursor: pointer;
}
#cagtables_searchfor {
	padding: 6px 3px;
	margin-bottom: 10px;
	width: 180px;
}

#suchenach {
	margin-bottom: 6px;
}

#suchenach span {
	color: #4EB357;
}

.grey-box {
	background-color: #f5f5f5;
	padding: 10px 20px;

}




#suchbtn {
	border: 0;
	font-weight: bold;
	background-color: #2258a6;
	color: #fff;
	padding: 5px;
	width: 110px !important;
	cursor: pointer;
}


.anzahl-datensaetze2 {
    display: none;
}

.csc-searchResultHeader, .csc-searchResult{
	
	padding: 5px 20px;
}


.suchfeld-label{
 padding: 0;
 width: 60px;
 padding: 6px 0;
}


#inhalt-suchfeld{
 width: 255px;
 padding: 6px 12px;
 margin-right: 10px;
 
}





/*
==================
Breadcrumbs
==================
*/


#breadcrumbs {
	float: left;
	font-size: 12px;
	color: #666666;
	margin: 10px 0 10px 0;
	#width: 750px;

}


.breadcrumb_text {
	margin: 0 155px 0 0;
}

/*Breadcumbs Links*/
#breadcrumbs a  { padding: 0; color: #44b357; text-decoration:none;  }
#breadcrumbs a:link  {   }
#breadcrumbs a:hover  {color: #44b357!important;text-decoration: underline;   }

#breadcrumbs .breadaktiv a {color: #44b357;}


/*
==================
Subnavigation
==================
*/



#subnavigation {
	width: 230px;
	float: left;
}


#subnav{
	width: 230px;
	
	border-bottom: 1px solid #44b357;
	padding: 0;
	margin: 0 0 25px 0;

}


#subnav li{
	border-color:#fff;
	border-top:1px solid #44b357;
	list-style-type:none;
	
}

.subnav-titel{

	display: block;
	text-transform: uppercase;
	color: #4eb357;
	font-size: 14px;
	font-weight: bold;	
	margin: 0;
	padding: 0 0 5px 0;
	
}


#subnavigation h2{
		display: block;
	text-transform: uppercase;
	color: #4eb357;
	font-size: 16px;
	margin: 0;
	padding: 0 0 2px 0;

}


/*SUBNAVIGATION Links*/
#subnav a  {
	color: #000;
padding: 6px 0 4px 20px;  

text-decoration:none; 
display: block; 
}

#subnav li a:link  { color: #000; text-decoration: none; background-image:url(../bilder-design/bg-subnav.png); background-repeat:no-repeat; background-position: left; }
#subnav li a:hover  { background-color: #f5f5f5;  }

#subnav li.subaktiv a  { background-color: #f5f5f5;  }
#subnav li.subaktiv li a  { background-color: #fff;  }

#subnav li.subsubaktiv a  { background-color: #f5f5f5 !important; font-weight: bold;  }






/*
==================
Subnavigation START
==================
*/

#mainnav .subnav-start {
	padding: 11px 0 0 0px;
	margin: 0px 0 0 0;
	position: absolute;
	background-color: #2258a6;
	z-index: 1100;
}


#mainnav .subnav-start li{
	width: 200px;
	float: none;
	padding: 0;
}

#mainnav .subnav-start a  { padding: 5px 0px 5px 15px; font-size: 13px;
 text-decoration:none;  display: block; color: #fff; }
#mainnav .subnav-start li a:visited {text-decoration:none;  display: block; color: #fff;  }
#mainnav .subnav-start li a:link  { text-decoration:none;  display: block; color: #fff; }
#mainnav .subnav-start li a:hover  { background-color: #4eb357 ; color: #fff;  }

/*aktiver Subnavigationslink*/
#mainnav .subnav-start li.subnavactiv a { background-color: #4eb357; color: #fff;  }

#mainnav .subnav-start .sfHover { background-color: #4eb357; color: #fff;  }




#subsubnav-start {
	width: 200px;
	padding: 0px;
	margin: 0px;
	position: absolute;
	background-color: #4eb357;
	margin-left: 201px;
	margin-top: -25px;
	z-index: 1300;
}


#subsubnav-start li{
	
		float: none;

}

#subsubnav-start a  { }
#subsubnav-start li a:link  { text-decoration:none;  display: block; }
#subsubnav-start li a:hover  { background-color: #fefefe; color: #4eb357;  } /* # background-color: #fff; does not work in ie7!!*/

/*aktiver Subnavigationslink*/
#subsubnav-start li.subnavactiv a {background-color: #fff; color: #4eb357;  }

/*
==================
Subsubnavigation
==================
*/

#subsubnav{
	
	margin: 6px 0;
	padding: 0px;
	
}


#subsubnav li{
	
	border-top:1px solid #44b357;
	list-style-type: none;
	border-top:0px solid #44b357;
	
}

/*SUBNAVIGATION Links*/
#subsubnav a  { padding: 5px 0 3px 40px;  }
#subsubnav li a:link  {  background-position: 20px; /* background-color: #fff; */  }
#subsubnav li a:hover  { background-color: #F5F5F5 !important;  }

/*aktiver Subnavigationslink*/
#subsubnav li.subnavactiv a {  background-image:url(../bilder-design/bg-subnav.png); }


/*
==================
Content-Bereich
==================
*/

#content {
	width: 975px;
	float: left;
	position: relative;
	margin-bottom: -230px;
	z-index: 5;


}

#content a {
 line-height: 15px;
}

#content-start {
	margin-right: 50px;
	float: left;
	position: relative;
	margin-bottom: -230px;
	z-index: 5;


}








#maincontent {
	float: left;
	width: 697px;
	margin: 0 0 0 48px;

	min-height: 320px;
line-height: 15px;
}

#maincontent li, #sitemap li {
	list-style-image:none;
	list-style-position:outside;
	list-style-type:disc;
	vertical-align:top;
	padding: 2px 4px;
	margin-left: 20px;
}



#fusszeile {
	
	font-size: 12px;   
	padding: 8px 0px 12px 0px;

	float: right; 
	width: 697px;

	
	margin: 60px 0 0 0;
	border-top: 1px solid #4EB357;
	height: 12px;


}

/* Footer Bild */

#footer img {
margin-left: -470px;

}

/*

html {
background-image: url(../bilder-design/footer-guilloche.png);
background-repeat: no-repeat;
background-position: bottom;
padding-bottom: 375px;
}
*/

/*Fusszeile Links*/
#fusszeile a  { }
#fusszeile li a:link  {  }
#fusszeile li a:hover  {  }



#footer-sitemap {
	width: 661px;
	float: right; 
	background-color: #f5f5f5;
	padding: 14px 18px;
	line-height: 15px;
}

#footer-sitemap ul {
margin-left:0;
padding-left: 0;
font-weight: bold;
list-style: none;
}

#footer-sitemap ul.subsubnav li, .navpunkt28 ul li{
list-style-type: none;
background-image: url(../bilder-design/sitemap-punkt.gif);
background-repeat: no-repeat;
background-position: 0px 5px;
	line-height: 15px;
	padding-left: 10px;
}

#footer-sitemap ul li ul a:link{
font-weight: normal;
color: #666;
}

#footer-sitemap ul li li a:visited {
color: #666;
}

#footer-sitemap ul li ul a:hover{
font-weight: normal;
color: #000;
}

#footer-sitemap ul li {
color: #44B357;
}

.sitemapspalte1 {width: 235px; float: left;}
.sitemapspalte2 {width: 230px; float: left;}
.sitemapspalte3 {width: 190px; float: left;}


.navpunkt5, .navpunkt4, .navpunkt3, .navpunkt28 {
width: 220px;
float: left;
}

.navpunkt2, .navpunkt3, .navpunkt4 {
	margin-bottom: 15px;
}

.navpunkt28 a {
font-weight: normal;
color: #666;
}

.navpunkt28 a:hover {
color: #000;
}


.navpunkt28 {
	margin-bottom: 5px;
}

#footer-sitemap ul.subsubnav, #footer-sitemap .navpunkt28 ul {
margin: 0 0 0 10px;
}

#footer-sitemap ul.subsubnav a {
padding: 0;
}

#maincontent-start {
	background-color: #fff;
	margin-bottom: 15px;
	padding-bottom: 0;
	width: 695px;
	float: left;
	margin-top: 100px;

}	

#maincontent-start2 {
  background-color: #fff;
  margin-bottom: 0px;
  padding-bottom: 0;
  #width: 695px;
  #float: left;
  margin-top: 20px;
}


#maincontent-start img {
	padding: 0px 0px 10px 0px;
	margin: 0px;

}

#copyright{
	padding: 8px 0px 12px 15px;
	clear: both;
	margin: 60px 0 0 0;
	border-top: 1px solid #4EB357;
	height: 12px;
}

#copyright img {
	padding: 0px 0px 10px 0px;
	margin: 0px;

}




/*
==================
Startseite Inhalt
==================
*/	

#start-jugendliche, #start-jugendliche-mob, #start-erwachsene, #start-erwachsene-mob, #start-sprachen, #start-sprachen-mob {
float: left;
width: 195px;
height: 330px;
margin: 15px 18px 5px 18px;

}


/*
==================
Sidebar-Bereich
==================
*/	
#sidebar {
	width: 230px;
	float: left;
	background-color: #fff;
		line-height: 15px;
margin-top: 100px;
}

#news {
	padding: 15px;
	line-height: 15px;
	background: #eaf0f7;
	position: relative;
	z-index: 10;
}

#news h1 {
color: #2258A6;
border-bottom: 1px solid #2258A6;
}

#news a {
color: #2258A6;
}

#news .news_header {
    color: #2258A6;
    border-bottom: 1px solid #2258A6;
	font-size: 16px;
	font-weight: bold;
	text-transform: uppercase;
	margin: 0;
	padding: 0 0 2px 0;	
}


#kontakt {
	background-color: #f3f9f1;
	padding: 12px;
		line-height: 15px;

}

#references {
	background: #eaf0f7;
	padding: 12px;
		line-height: 15px;

}

#references #c1298 {
	padding: 0px 0 10px 0;	
}

#references #c1313 {
	border-top: 1px solid #bfbfbf;
	padding: 20px 0 0 0;	
}



#partnerschaft {
	background-color: #f3f9f1;
	padding: 12px;
		line-height: 15px;
	z-index:11;
	position:relative;
	margin-bottom: 10px;

}



/*
==================
Footer-Bereich
==================
*/	

#footer {
clear: left;
height: 350px;
margin-top: -350px;
overflow-x: hidden;
overflow-y: visible;
width: 100%;
position: relative;
}

#footer {
margin-top: -350px;
height: 350px; /* .push must be the same height as .footer */
clear: both;

}

.push {
overflow: auto;
padding-bottom: 350px; /* .push must be the same height as .footer */
clear: both;
}




#footer-content {
margin: 0 auto;
width: 980px;


/*
z-index: -5;
position: relative;
*/

}

/*
==================
Divers
==================
*/	

.print{
float: right;
margin-top: -16px;
border: 0px;
}

/*F�r Text/Bild Elemente als Aufz�hlung muss die H�he angeben werden!*/
#seite.csc-textpic-text{
height: 50px;

}
		
/*Bilder nebeneinander anzeigen (Ausrichtung in Typo3: im Text links (muss ausgew�hlt werden (s. rofoag.ch))*/
/*.csc-textpic{
float: left !important;
    margin-right: 5px;
}*/


/*Abstand unterhalb von Bild vergr�ssern*/
div.csc-textpic-imagewrap{
padding-bottom: 10px;

}

/*Text/Bild nebeneinander (s. muster-fenster.ch)*/

.csc-textpic {


}

.csc-textpic-clear {


}
.seite17 div.csc-textpic-clear{
clear: both !important;	
}




.csc-sitemap ul {
margin-left: 15px !important;
padding-left: 15px !important;

}


	

/*
===================
Typo3 Erweiterungen
===================
*/	

/*tt_news*/


.latest-title {
font-weight: bold;
}


.news-latest-container {
margin-top:10px;
font-size: 16px;
}

.news-latest-item {
	padding:10px 0px 10px 0px;
}


.news-single-img {
margin-top: 10px;
}

.news-list-item {
	padding: 0px 0px 10px 20px;
	margin-bottom: 10px;
	border-bottom: solid 1px #44B357;
}


.news-latest-morelink {
	text-decoration: none;

}

.news-list-morelink {
text-decoration: none;
}

.news-list-item .more {
	display: block;
	color: #44B357;
}

.news-list-item .more a {
	color: #44B357;


}






/*News Links Latest*/
.news-latest-morelink a  { padding: 0 0 0 0px; text-decoration:none;  }
.news-latest-morelink li a:link  { color: #000; text-decoration: none; }
.news-latest-morelink li a:visited { color: #000; text-decoration: none; }
.news-latest-morelink li a:hover  { color: #000;  text-decoration: none; }
.news-latest-morelink li a:active { color: #000; text-decoration: none; }

/*News Links List*/
.news-list-item a  { padding: 0 0 0 0px; color: #000; text-decoration:none;  }
.news-list-item li a:link  { color: #000; text-decoration: none; }
.news-list-item li a:hover  { color: #000;  text-decoration: none; }


.tx-ttnews-browsebox a:link  {  }


.news-list-date { display: block; padding-bottom: 5px; }


/*Formulare*/
	legend {
	display: none;
	}

	fieldset {
	border: 0px; 
	padding: 0;
	display: block;
	}
	
	label {
	width: 130px; /*Breiten anpassen*/
	float: left;
	padding: 6px 10px 4px 20px;
	}
	
	input {
	border: 0px solid #000; /*Farben anpassen*/

	padding: 3px;
	}
	
	select {
	padding: 4px 0;
	
	}
	
	.mailformplus_contactform input {
	width: 350px;	
	padding: 5px;
	
	}
	
	textarea {
	border: 0px solid #000; /*Farben anpassen*/
	width: 350px;
	padding: 5px;
	font-family: Arial, Helvetica, sans-serif;
	font-size: 13px;
	}
	
	form .line {
	background-color: #f0f0f0;
	margin-bottom: 5px;
	padding: 2px;
	}

	

.absendeknopf {
border: 0;
font-weight: bold;
background-color: #2258a6;
color: #fff;
margin: 10px 0 10px 20px;
/*optional*/
float: left;
padding: 6px;
width: 110px !important;
cursor: pointer;


}
.fehlertext {
color: #000;
padding: 2px;
border: 1px solid #f00;

}

.formfehler {
border: 1px solid #f00;
margin-bottom: 5px;
}


/*Weiterempfehlung - Tip a friend*/

.tipafriend {
font-family: Arial, Helvetica, sans-serif !important;
font-size: 11px;
}

.tipafriend input, .tipafriend textarea {
border: 1px solid #8d8d8d;
}

.tipafriend label {
padding: 0;
}

.tipafriend .tx-srfreecap-pi2-image {
margin: 0 !important;
}

.tipafriend .tx-srfreecap-pi2-cant-read {
color: #000;
}

.tipafriendsubmit {
background-color: #2258A6 !important;
    border: 0 none;
    color: #FFFFFF;
    cursor: pointer;
    float: left;
    font-weight: bold;
    margin: 10px 0 10px 0px;
    padding: 6px;
    width: 110px !important;
}


.seite37 table, th, td {
border: 0px !important;
font-size: 12px;
}

.seite37 tr {
vertical-align:top;
font-family: Arial, Helvetica, sans-serif !important;

}

.seite37 input {
width: 180px;
background-color: #FFFFFF;

}

.seite37 textarea {
width: 250px;

}

.seite37 label {
float:left;
width:200px;
}

.tx-srfreecap-pi2-image {
margin-left:0em;
}


/*optional*/
.pflichtfelder {
margin: 12px 0 0 170px;
}


.bodytext {
/*float: left;*/
margin: 0;
padding: 0;
line-height: 15px;
}

#content .bodytext{
margin: 0 0 10px 0;
}

a.download img{
margin-bottom: -3px;

}


#map {
float: left;
width: 470px; 
height: 310px; 
margin: 10px 0px 15px 0px;
color:#000;


}


/*Stellen*/

.joboffers-listview-table, .joboffers-listview-table tr, .joboffers-listview-table td{
padding-left:0px;
margin-left:0px;
}
.joboffers-singleview-table{


}

.joboffers-singleview-table td{
background-color: #FFFFFF !important;
padding: 5px 12px 5px 0px !important;
margin: 0px !important;
}

.joboffers-singleview-table tr{

}


/* 
KURSE
*/


#kursliste{
list-style: none;
margin: 0px !important;
padding: 0px;
}


.kursliste-titel {
list-style: none;
margin: 0px 0px 5px 0px ;
padding: 0px;
}

.kurse table, .jugendliche table, .erwachsenenbildung table, .sprachen table, th, td {
border: 2px solid #f5f5f5;
/* border-collapse: collapse; */
color: #000;
vertical-align: top;
text-align: left;
color: #000;
padding: 6px;
border-spacing: 0;
}

.kurse table, .jugendliche table, .erwachsenenbildung table, .sprachen table {
padding: 0;
}

.kurse thead th, .jugendliche thead th, .erwachsenenbildung thead th, .sprachen thead th {
text-align: left;
background: #fff;
color: #000;
font-size: 100% !important;
}

.kurse tbody th, .jugendliche tbody th, .erwachsenenbildung tbody th, .sprachen tbody th {
font-weight: bold;
}

.kurse tbody tr, .jugendliche tbody tr, .erwachsenenbildung tbody tr, .sprachen tbody tr { 
background: #fff; 
}

.kurse tbody tr.gruen, .jugendliche tbody tr.gruen, .erwachsenenbildung tbody tr.gruen, .sprachen tbody tr.gruen { 
background: #f5f5f5; 
}

.kurse tfoot th, .jugendliche tfoot th, .erwachsenenbildung tfoot th, .sprachen tfoot th, tfoot td {
font-size: 85%;
}

.kursdetail-menu {
margin: 15px 0;

}

.kursdetail-menu a:link {
color: #000;
}

.kursdetail-menu a:hover {
color: #4eb357;
text-decoration: none;
}

#kurstitel {
color: #4eb357;
font-weight: bold;
}

.kursdetail-anmeldenberatung {
background-image: url(../bilder-design/beratung-off.png);
background-position: 2px 2px;
background-repeat: no-repeat;

padding: 4px 0 4px 28px !important;
margin: 0 13px;
}

.kursdetail-anmeldenberatung:hover {
background-image: url(../bilder-design/beratung-on.png);

}

.kursdetail-print {
background-image: url(../bilder-design/drucken-off.png);
background-position: 2px 2px;
background-repeat: no-repeat;

padding: 4px 0 4px 28px !important;
margin: 0 13px;
}


.kursdetail-print:hover {
background-image: url(../bilder-design/drucken-on.png);
}

.kursdetail-kursanmeldung {
background-image: url(../bilder-design/kursanmeldung-off.png);
background-position: 2px 2px;
background-repeat: no-repeat;

padding: 4px 0 4px 28px !important;
margin: 0 13px;

}

.kursdetail-kursanmeldung:hover {
background-image: url(../bilder-design/kursanmeldung-on.png);
}


.kursdetail-kursweiterempfehlen {
background-image: url(../bilder-design/weiterempfehlen-off.png);
background-position: 2px 2px;
background-repeat: no-repeat;

padding: 4px 0 4px 28px !important;
margin: 0 13px;

}

.kursdetail-kursweiterempfehlen:hover {
background-image: url(../bilder-design/weiterempfehlen-on.png);
}


td h2 {
padding-left: 15px;

}

/* 
STANDORTE
*/
.standorte #maincontent table, .standorte #maincontent td{
margin:0;
padding:0;
}

.seite33 #sidebar{
display:none;
}
.seite33 #maincontent{
width:680px;
}

/*
FREE-SYSTEM
*/
.seite56 #maincontent li{
margin-bottom:0px;
margin-left:15px;
list-style:disc;
}

/*
GESCHICHTE
*/
.seite18 #maincontent li{
margin-bottom:5px;
margin-left:15px;
list-style:disc;
}

/*IMPRESSUM*/
.seite42 .csc-header-n5{
clear:both;
}
.seite42 .csc-textpic-text{
width:300px;
margin-right:10px;
}

/*SUCHE*/
.suchtitel{

	padding:4px;
	margin-bottom: 20px;
}


.tx-fesearchintable-pi1 td{
padding: 0px;
margin: 0px;

}

.csc-searchResult {
	padding-bottom: 20px;
	border-bottom: 1px solid #4eb357;
	margin-bottom: 15px;
}

h3.csc-searchResultHeader {
padding-bottom: 2px;
}

.csc-searchResultHeader a {
font-size: 14px;
color: #000000;
}


/*AGB*/
#agb {

margin-left:5px;
margin-top: 6px;
}

	.agb {
	width: 25px !important;
	float: left; 
	margin-bottom: 20px;
	margin-top: 10px;
	margin-left: 15px;
	margin-right: 10px;
	}
	
	.agbl {
	display: none;
	}


.htmlarea .editorIframe{
	height:200px!important;
}


/* SEARCH */
.cagtables_row {
	padding:10px;
	border-bottom: 1px solid #4EB357;
}

.active {
	font-weight: bold;
	color: #000;
}

.pagination{
	margin-top:10px;	
}


#suchmaske{
	height: 65px;
	width:auto;
	padding:10px 15px;
	background-color:#f5f5f5;
}


.pflichtfeld{
	margin-left:15px;	
	font-weight:normal;
	font-family:Arial, Helvetica, sans-serif;
	font-size:12px;
}

/*wt-gallery*/
.list_row {
float: left;
}

.list_row img {
padding: 5px 11px 6px 0;

}

.tx-wtgallery-pi1 {

}


.wtgallery_list_pagebrowser_area {
display: none;

}


.csc-frame-frame1{
width: 240px;
padding: 20px;
background-color: #efebdf;
color: #996633;

}

.tx-wtgallery-pi1 h2 {
    display: none;
}



.clear {
clear: both;

}


/* Team Mitarbeiter Fotos */
.mitarbeiter-foto {
width: 335px;
float: left;
margin-right: 25px;
margin-bottom: 5px;
}

.mitarbeiter-foto .csc-textpic-imagewrap {
padding-bottom: 0 !important;
}


/* lightbox  */

#sbOverlay {
z-index: 900 !important;
background-color: #fff !important;
}

#sbCenter, #sbBottomContainer {
z-index: 910 !important;

}

#sbBottom {
background-color: #f3f8f1 !important;
padding-top: 15px !important;
padding-left: 15px !important;

}

#sbNumber {
font-size: 13px !important;
font-family: Arial, Helvetica, sans-serif !important;
color: #020401 !important;
}

#sbImage {
border: 0 !important;
}

.frames {
    display: none
}

.featherlight{
	z-index: 9999!important;
}

.nivo-caption{
	display:none!important;
}



#start-text0{
	background-color: #fff;
	margin-top: 20px;	
}


#start-text{
margin: 25px 18px 25px 18px;
}

#start-text h1{
	color: #000000;
	font-size: 32px;
	
	text-transform: none;
    border-bottom: none;
	text-align: center;
	margin: 0 0 20px 0;
	
}

#start-text p{
	color: #666;
	font-size: 20px;
	text-align: center;
	
}




#start-text2{
margin: 0px 0px 0px 0px;
}


#c3114 {
	background: #eaf0f7;
	padding: 25px 25px 25px 25px;
}


#c3123 h1{
	color: #000000;
	font-size: 28px;	
	text-transform: none;
    border-bottom: none;
	#text-align: left;
	margin: 0 0 20px 0;
	
}

#c3123 p{
	color: #666;
	font-size: 14px;
	#text-align: left;
	line-height: 22px;
	margin: 0px 100px 0 100px;
}

#c3123{
	padding: 0 0 30px 0;
}







#c3125{
	background: #005cb9;
	margin: 0 auto 0px auto;
}


.sm-CmTextHighlight__iconSet--icon .sc-Symbol{
	stroke-width: 1;
}

.sm-CmTextHighlight__iconSet--icon .sc-Icon {
    width: 60px;
    height: 60px;
    color: #fff;
}

.sc-Symbol {
    display: inline-block;
    width: 100%;
    height: auto;
    pointer-events: none;
    fill: none;
    stroke: currentColor;
    stroke-width: 2.5px;
    stroke-linecap: round;
    stroke-linejoin: round;
}


.sm-CmTextHighlight__iconSet--number{
	font-size: 54px;
	line-height: 60px;
	text-align: center;
	font-weight: 700;
	color: #fff;
	margin-top: 0px;
}

.sm-CmTextHighlight__iconSet--description{
	font-size: 24px;
	line-height: 30px;
	text-align: center;
	color: #fff;
}

.sm-CmTextHighlight__iconSet--icon .sc-Icon {
  width: 60px;
  height: 60px;
  color: #fff;
}
.sc-Icon {
  display: inline-block;
  width: 20px;
  height: 20px;
}

.sm-CmTextHighlight__iconSet {
	display: flex;
	flex-direction: column;
	align-items: center;
	padding: 50px 15px 50px;
	
}


.Main__Container-sc-1n4ud0o-0>a{
	display: none !important;
}

#eapps-facebook-feed-1 .eapps-link{
	display: none !important;
}






.gactive{
	display: block !important;
}


.wrap_opgoogle{
	text-align: right;
}


#c3114 h2{
	color: #000000;
	font-size: 28px;	
	text-transform: none;
    border-bottom: none;
	text-align: left;
	margin: 0 0 20px 0;
	#font-family: Arial,"Helvetica Neue",Helvetica,sans-serif;
	
}


#c3114 h1{
	color: #000000;
	font-size: 16px;
	font-weight: bold;
	margin: 0px;
	padding: 0px 0px 5px 0px;
	text-decoration: none;
	text-transform: none;
	border-bottom: none;	
}

#c3114 p{
	color: #666;
	font-size: 14px;
	text-align: left;
	line-height: 22px;
	margin: 45px 0 0 0;
}


.kaZcQu .swiper-container-autoheight, .kaZcQu .swiper-container-autoheight .swiper-slide {
    height: auto;
    width: 100%;
}








/* IMAGES on PAGE KOURSES*/

#rating{
	background-color: #f3f9f1;
padding: 12px 0 0 0;
line-height: 15px;

}

#rating1{
	background-color: #ffffff;
padding: 0;
	margin:0;
	text-align: center;
}



#rating a{
	text-decoration: none;
}

#rating img{
	width: 100%;
	max-width: 100%;
}


#rating_text {
	background-color: #f2561e;
	color: #ffffff;
line-height: 15px;
	text-decoration: underline;
}





#cooperation{
	background-color: #ffffff;
padding: 0;
	margin:15px 0 0 0;
}

#cooperation_text {
	color: #000000;
font-size: 11px;
font-weight: bold;
    padding: 0 0 0 10px;
}



.csc-textpic-imagewrap {
}

.csc-textpic-image {
}

.csc-textpic-imagerow {
}



.handmake {
	font-family: "Marydale";
	font-size: 24px;
	font-weight: normal;
	text-transform: none;
	line-height: 25px;
}

#start-text .handmake {
	font-family: "Marydale";
	font-size: 30px;
	font-weight: normal;
	text-transform: none;
}


/*Kadershule*/
#c1325 h2 {
	font-size: 20px;
	padding: 5px 0px 5px 0px;
}


h5 a:before {
    content: url('/fileadmin/whitearrow.png');
}

.seite367 #maincontent h5 {
    width: 265px;
	border-radius: 5px;
}



.center_content {
 text-align: center;
}








/*new start page*/

.lt-slider img{
	max-width: 100%;
	height: auto;
}






.lt-slider .slider_content {
  position: absolute;
  top: 350px;
  #width: 100%;
  text-align: center;
	#background: #000000;
	color: #ffffff;	
	left: 185px;
	#padding: 10px;
}


.themenbild .lt-slider .slider_content {
  	top: 320px;
	left: 85px;
}





.lt-slider .slider_content .slider_content_text h2{
	background: #000000;
	color: #ffffff;
	font-size: 20px;
	padding: 0 10px 0 10px;



}

.lt-slider .slider_content .slider_content_text p{
	text-align: left;
	font-size: 20px;

}


.link_header{
  background-color: #ffffff;
  border: none;
  color: #000000;
  padding: 15px 15px;
  text-align: center;
  text-decoration: none;
  display: inline-block;
  font-size: 16px;	
   margin: 0 0 10px 0;	
	border-radius: 50px;
	width: 260px;
	
	
}




.lt-slider .slider_content .slider_content_text h2{
	background: #000000;
	color: #ffffff;
	font-size: 22px;
	padding: 0 10px 0 10px;
}




.startseite .lt-slider .slider_content .slider_content_text p{
	text-align: left;
	font-size: 22px;

}


.startseite .link_header{
  background-color: transparent;
  border: none;
  color: #000000;
  padding: 5px 15px;
  text-align: center;
  text-decoration: none;
  display: inline-block;
  font-size: 18px;	
   margin: 0 0 10px 0;	
	border-radius: 50px;
	width: auto;	
	#width: 290px;	
	border: 2px #89add4 solid;
	white-space: nowrap;
}

.startseite .link_header:hover{
  background-color: #035bbc;
  color: #fff;
}


/* kurs slider */

.lt-slider-kurs .slide-item{
	background-color: #ffffff;
	border: 1px #dddad8 solid;
	border-radius: 20px;
	margin: 0 30px 0 0;
	padding: 20px;
	height: 300px;
	
}

.lt-slider-kurs .slide-item .sliderkurs{
	text-decoration: none;	
}


.lt-slider-kurs .slide-item .kurscat{
	color: #0070c0;
	text-decoration: none;
	font-size: 16px;
	margin: 0px;
	padding: 0px 0px 12px 0px;	
}


.lt-slider-kurs .slide-item .kurstitle{
	font-size: 20px;
	color: #0070c0;
	padding: 0 0 20px 0;
	font-family: Arial,"Helvetica Neue",Helvetica,sans-serif;
	line-height: 20px;
	border-bottom: 1px #dddad8 solid;
	margin: 0 0 20px 0;	
}


.lt-slider-kurs .slide-item .kurstext{
	font-size: 16px;
	line-height: 20px;
	color: #333;
}

.marked_wrap{
	padding: 0 0 10px 0;
}

.marked{
	background-color: #44b357;
	color: #fff;
	padding: 5px;
	margin: 0 5px 0px 0;
}


.icon-degree:before {
    #content: "\70";
}

.icon-location:before {
    #content: "\f601";
}

.s_icon{
	color: #333;	
	width:20px;
	margin: 10px 10px 0 0;
	font-size: 20px;
}

.marked_icon{
	#position: absolute;
	bottom: 10px;
}


#start_slider{
	background: #eaf0f7;
	padding: 30px 0 30px 0;
}

.lt-slider-kurs button{
	background: #2358a6;
	height: 50px;
	width: 50px;
	border-radius: 50%;
}

.lt-slider-kurs .slick-prev{
	background-image: url("data:image/svg+xml;charset=utf-8,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24' fill='none' stroke='%23fff' stroke-width='2' stroke-linecap='round' stroke-linejoin='round'%3E%3Cpath d='M15 18l-6-6 6-6'/%3E%3C/svg%3E");
	top: 40%;
	position: absolute;
	z-index: 10;
	

}

.lt-slider-kurs .slick-next{
	background-image: url("data:image/svg+xml;charset=utf-8,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24' fill='none' stroke='%23fff' stroke-width='2' stroke-linecap='round' stroke-linejoin='round'%3E%3Cpath d='M9 18l6-6-6-6'/%3E%3C/svg%3E");
	top: 40%;
	position: absolute;
	right: 0;
}




.lt-slider3{
	margin: 0 0 20px 0;
}

.lt-slider3 button{
	background: #2358a6;
	height: 50px;
	width: 50px;
	border-radius: 50%;
}

.lt-slider3 .slider_content{
background: #2358a6;
padding: 20px;
position: absolute;
z-index: 1000001;
width: 300px;
height: 200px;
color: #fff;
bottom: 0;
right: 50px;
}


.lt-slider3 .slider_content .slider_title{
	font-size: 25px;
	font-weight: bold;
	margin: 0 0 20px 0;
	
}

.lt-slider3 .slider_content .slider_content_text{
	
}

.lt-slider3 .slider_content .slider_button{
	margin: 0px 0 20px 0;	
}

.lt-slider3 .slider_content .slider_button a{
	color: #fff;
	font-weight: bold;
	margin: 10px 0 0 0;
}



.lt-slider3 .slick-prev{
	background-image: url("data:image/svg+xml;charset=utf-8,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24' fill='none' stroke='%23fff' stroke-width='2' stroke-linecap='round' stroke-linejoin='round'%3E%3Cpath d='M15 18l-6-6 6-6'/%3E%3C/svg%3E");
	top: 40%;
	position: absolute;
	z-index: 10;
	

}

.lt-slider3 .slick-next{
	background-image: url("data:image/svg+xml;charset=utf-8,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24' fill='none' stroke='%23fff' stroke-width='2' stroke-linecap='round' stroke-linejoin='round'%3E%3Cpath d='M9 18l6-6-6-6'/%3E%3C/svg%3E");
	top: 40%;
	position: absolute;
	right: 0;
}



.lt-slider3 .slick-current  img {
  -webkit-animation: zoom-in-out-image 5s linear alternate;
  animation: zoom-in-out-image 5s linear alternate;
}


.lt-slider3 img {

    max-width: 100%;
    height: auto;

}






#c3171 img{
	max-height: 65px;
	width: auto;
}

#c3171 .image{
	display: flex;
	align-items: center;
	justify-content: center;
}



#maincontent-start2 .wrap_facebook_feed{
	margin: 30px 0 30px 0;
}

	.facebook_feed{
		position: relative;
		width: 100%;
		height: 100%;
	}


















/* kurs slider2 */

.lt-slider2 .slide-item{
	background-color: #ffffff;
	border: 1px #dddad8 solid;
	border-radius: 20px;
	margin: 0 30px 0 0;
	padding: 20px;
	height: 300px;
	
}

.lt-slider2 .slide-item .sliderkurs{
	text-decoration: none;	
}


.lt-slider2 .slide-item .kurscat{
	color: #0070c0;
	text-decoration: none;
	font-size: 16px;
	margin: 0px;
	padding: 0px 0px 12px 0px;	
}


.lt-slider2 .slide-item .kurstitle{
	font-size: 20px;
	color: #0070c0;
	padding: 0 0 20px 0;
	font-family: Arial,"Helvetica Neue",Helvetica,sans-serif;
	line-height: 20px;
	border-bottom: 1px #dddad8 solid;
	margin: 0 0 20px 0;	
}


.lt-slider2 .slide-item .kurstext{
	font-size: 16px;
	line-height: 20px;
	color: #333;
}



.lt-slider2 button{
	background: #2358a6;
	height: 50px;
	width: 50px;
	border-radius: 50%;
}

.lt-slider2 .slick-prev{
	background-image: url("data:image/svg+xml;charset=utf-8,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24' fill='none' stroke='%23fff' stroke-width='2' stroke-linecap='round' stroke-linejoin='round'%3E%3Cpath d='M15 18l-6-6 6-6'/%3E%3C/svg%3E");
	top: 40%;
	position: absolute;
	z-index: 10;
	

}

.lt-slider2 .slick-next{
	background-image: url("data:image/svg+xml;charset=utf-8,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24' fill='none' stroke='%23fff' stroke-width='2' stroke-linecap='round' stroke-linejoin='round'%3E%3Cpath d='M9 18l6-6-6-6'/%3E%3C/svg%3E");
	top: 40%;
	position: absolute;
	right: 0;
}


#footer-info{
	margin: 50px 0 0 0;
}




@media (max-width: 1080px) {
	#start-text2{
		#margin: 25px 18px 25px 18px;
	}
	#content-start2{
		margin-top: 0;
	}
	
	#c3123 p {
    margin: 0px 0px 0 0px;
	}	
	
	
	#c3116{
		display: none;
	}
	
	#c3114 {
		padding: 25px 25px 0px 25px;
	}

	#c3114 h2{
		margin: 0 0 0px 0;
	}
	
	
	#start_slider {
    	padding: 0px 0 30px 0;
	}	
	
	.lt-slider2 .slick-prev, .lt-slider2 .slick-next{
		display: none !important;
	}
	
	
	
.sm-CmTextHighlight__iconSet--icon .sc-Symbol{
	stroke-width: 1;
}

.sm-CmTextHighlight__iconSet--icon .sc-Icon {
    width: 60px;
    height: 60px;
    color: #fff;
}

.sc-Symbol {
    display: inline-block;
    width: 100%;
    height: auto;
    pointer-events: none;
    fill: none;
    stroke: currentColor;
    stroke-width: 2.5px;
    stroke-linecap: round;
    stroke-linejoin: round;
}


.sm-CmTextHighlight__iconSet--number{
	font-size: 34px;
	line-height: 40px;
	text-align: center;
	font-weight: 700;
	color: #fff;
	margin-top: 0px;
}

.sm-CmTextHighlight__iconSet--description{
	font-size: 18px;
	line-height: 23px;
	text-align: center;
	color: #fff;
}

.sm-CmTextHighlight__iconSet--icon .sc-Icon {
  width: 60px;
  height: 60px;
  color: #fff;
}
.sc-Icon {
  display: inline-block;
  width: 20px;
  height: 20px;
}

.sm-CmTextHighlight__iconSet {
	display: flex;
	flex-direction: column;
	align-items: center;
	padding: 10px 15px 10px;
	
	}	

	.line {
		display: none;	
	}	
	
	#start-text0{
	 	display: none;
	}
	
	.lt-slider3 .slider_content{
		background: #2358a6;
		padding: 20px;
		position: relative;
		z-index: 1000001;
		width: 100%;
		height: auto;
		color: #fff;
		bottom: 0;
		right: 0px;
	}
	
	.lt-slider2 .slick-list{padding:0 20% 0 0 !important;}
	
	
	#c3114 {
		#background: #eaf0f7;
		background: #ffffff;
	}
	
	#start_slider {
		background: #ffffff;
	}	

	.lt-slider2 .slide-item {
		background: #eaf0f7;
	}
	
	.slick-dots{
		display: none !important;
	}
	
	.footer-link{
		margin: 0px 0 0 0;
	}

	.frame-hidemobile {
    	display: none !important;
	}	

	
}


	.footer-link-desctop{
		margin: 50px 0 0 0;
	}






@media (max-width: 367px) {
	.lt-slider2 .slide-item .kurscat {
    	color: #0070c0;
    	text-decoration: none;
    	font-size: 12px;
    	margin: 0px;
    	padding: 0px 0px 12px 0px;
	}
}