/*
Farben
#dc0512  rgb(220, 5, 18)    Rot Unsere Ziele
#489d2c  rgb(72, 157, 44)   Grün Unsere Umwelt
#eb9f02  rgb(246, 165, 0)   Orange Unsere Schule
#1A4F8B  rgb(26, 79, 139)   Blau Links

*/

* {
	font-size: 1em;
}
html {
	font-size: 62.5%;
}
body {
	background: #eee url(../bilder/kreise_page_1.png) no-repeat top center; /* Standard Fallback */
	color: #000;
	margin: 0 auto;
}

#wrapper {
	max-width: 1200px;
	margin: 0px auto;
	padding: 0 20px;
}

img, embed, object, video {
	max-width: 100%;
	height: auto;
	width: auto;
}


/* Bilder */




/*******************************************************************
*  Schriftdefinitionen
********************************************************************/

body {
	font-family: FrutigerLT-Roman, Arial, sans-serif;
	font-weight: normal;
	font-style: normal;
	font-size: 12px;
	font-size: 1.2rem;
}
a {
	color: #1A4F8B;
}
#content p {
	line-height: 1.35em;
	margin-bottom: 12px;
}
#content p, #content h1, #content h2, #content h3 {
	padding-left: 0px;
	padding-right: 0px;
}
b, strong {
	font-family: FrutigerLTCom-Bold, Arial, sans-serif;
	font-weight: normal;
}
h1, h2, h3, h4, h5, h6 {
	font-family: FrutigerLTCom-Bold, Arial, sans-serif;
	font-weight: normal;
	font-style: normal;
	letter-spacing: 0.3px;
}
h1 {
	font-size: 16px;
	font-size: 1.6rem;
}

.startseite h1 a,
.startseite h1 a:hover {
	color:#fff;
  text-decoration:none;
}


h2 {
	font-size: 14px;
	font-size: 1.4rem;
	margin: 6px 0px 0px;
}
h3 {
	font-size: 13px;
	font-size: 1.3rem;
	margin: 12px 0px 4px;
}
h4 {
	font-size: 13px;
	font-size: 1.3rem;
	margin: 12px 0px 12px;
	padding: 12px 0px 2px;
	border-bottom: 2px solid #ccc;
}
.content-inhalt ul {
	padding-left: 1em;
}
.content-inhalt li i {
	color: #888;
	font-size: 11px;
	margin-left: 12px;
}
.fa-arrow-right {
	padding-right: 0em;
}
.content-inhalt a i.fa-arrow-right {
	font-size: 12px;
	color: #eb9f02 !important;
}
.news-list-container a i.fa-arrow-right {
	font-size: 10px;
	color: #eb9f02 !important;
}
#content .contenttable {
	line-height: 17px;
	line-height: 1.7rem;
}
.contenttable td {
	padding-right: 12px;
}
.contenttable th {
	font-family: FrutigerLTCom-Bold, Arial, sans-serif;
	font-weight: normal;
	font-style: normal;
}

	/* File Links */
	ul.csc-uploads { padding: 0; }
	ul.csc-uploads li { list-style: none outside none; margin: 0 0 5px !important; padding-left:25px !important; }
	ul.csc-uploads img { float: left; padding-right: 0px !important; vertical-align: top; margin-left:-25px;}
	ul.csc-uploads span { display: block; }
	ul.csc-uploads span.csc-uploads-fileName { text-decoration: none !important;  }
	ul.csc-uploads span.csc-uploads-fileSize { }

	/* Downloadbereich E-Schalter  */

	.download .inhalt-ganzebreite h2 {
  	background:#eee;
    padding: 6px 0 3px 4px !important;
    margin-top:35px !important;
  }
	.download .inhalt-ganzebreite h3 {
    margin-top:20px !important;
    font-size:13px;
  }
	.download ul.csc-uploads li {
    border-bottom:1px solid #eee;
    padding: 2px 0;
    font-weight: normal;
    font-family: FrutigerLTCom-Bold, Arial, sans-serif;
  }
	.download .csc-uploads-fileSize {
    	font-family: FrutigerLT-Roman, Arial, sans-serif;
			color:#999;
  }


/**************************************************
* Header 
************************************************/
#header {
	position: relative;
  height:90px;
}
#logo {
	width: 20.387359836901%;
	position: absolute;
	left: 0px;
  top:5px;
}
#logo img {
	width: 223px;
margin-left:10px;
}
#content-wrapper {
}

/* Footer */
#footer {
	clear: both;
	border-top: 3px solid #e5e5e5;
	width: 616px;
	width: 62.793068297655%;
	margin-left: 200px;
	margin-left: 20.387359836901%;
}
/* Inhalt */
#content {
	float: left;
	width: 616px;
	width: 62.793068297655%;
}




/*******************************************************************
*  Spaltenformatierungen
********************************************************************/
.col3-3, 
.col3-1, 
.col3-2, 
.inhalt-flexibel .csc-default, 
.content-schuleinheit-wrapper {
	background-color: #fff;
	border: 5px solid #fff;
  border-radius: 0px 0px 5px 5px;
  -moz-border-radius: 0px 0px 5px 5px;
  -webkit-border-radius: 0px 0px 5px 5px;
  }

/*********************************
* 1 Spaltig
**********************************/
.col3-1 h2 {
	font-size: 13px;
	font-size: 1.3rem;
	padding-bottom: 6px;
}
.col3-1 h3 {
	padding-bottom: 6px;
}
.col3-1 .csc-textpic-imagewrap {
	margin-bottom: 8px !important;
}

.content-3-1col-wrapper {
	margin-bottom: 8px;/*overflow: auto;*/
}


/*********************************
* 2 Spaltig
**********************************/

.content-2-1col-wrapper {
	margin-bottom: 8px;
	overflow: auto;
}
.content-1-2col-wrapper {
	margin-bottom: 8px;
	overflow: auto;
}


/*********************************
* 2 Spaltig 50% / 50%
**********************************/

.content-1-1col-wrapper {
  	font-size: 13px;
	font-size: 1.3rem;
	margin-bottom: 8px;
	overflow: auto;
  	background-color: #fff;
	border: 5px solid #fff;
  border-radius: 0px 0px 5px 5px;
  -moz-border-radius: 0px 0px 5px 5px;
  -webkit-border-radius: 0px 0px 5px 5px;

}

.col1-1 {
	width: 300px;
	width: 48.701298701299%;
	float: left;
	margin-right: 8px;
	margin-right: 1.298701298701%;
	padding: 0px;
}
.col1-2 {
	width: 300px;
	width: 48.701298701299%;
	float: left;
	padding: 5px 0px 0px;
}



/*********************************
* 3 Spaltig
**********************************/
.col3-3 {
	padding: 0px;
	margin-bottom: 8px;
}

.col3-2 {
	width: 398px;
	padding: 5px;
	float: left;
	margin-right: 8px;
}
.col3-1 {
	width: 190px;
	width: 32.467532467532%;
	float: left;
	margin-right: 8px;
	margin-right: 1.298701298701%;
	padding: 0px;
	margin-bottom: 5px;
}
.col-last {
	margin-right: 0px;
}
.col2-1 {
	width: 294px;
	float: left;
	margin-right: 0px;
	padding: 5px;
}
.inhalt-flexibel .csc-default {
	width: 32.467532467532%;
	float: left;
	margin-right: 1.298701298701%;
	padding: 0px;
}


/*********************************
* Ganze Breite
**********************************/

.inhalt-ganzebreite p, .inhalt-ganzebreite ul, .inhalt-ganzebreite table.contenttable {
	font-size: 13px;
	font-size: 1.3rem;
	margin: 12px 8px 0px 12px;
}
.inhalt-ganzebreite h2, .inhalt-ganzebreite h3, .inhalt-ganzebreite h4, .inhalt-ganzebreite h5 {
	margin: 12px 8px 0px 12px !important;
}
.col3-3 p {
}
.inhalt-ganzebreite {
	padding-bottom: 12px !important;
}
.col3-3 .csc-header h1 {
	margin: 0px 0px 0px;
	padding: 10px 10px !important;
	font-family: FrutigerLT-Roman, Arial, sans-serif;
	font-weight: normal;
	font-style: normal;
	font-size: 2.5rem;
	font-size: 25px;
	color: #fff;
}
.col3-3 h2 {
	font-size: 15px;
	font-size: 1.5rem;
	padding-top: 8px;
}
.col3-3 h3 {
	font-size: 14px;
	font-size: 1.4rem;
	margin: 12px 0px 4px;
}
.col3-3 h4 {
	font-size: 14px;
	font-size: 1.4rem;
	margin: 12px 0px 12px;
	padding: 12px 0px 2px;
	border-bottom: 2px solid #ccc;
}

/*******************************************************************
*  Startseite
********************************************************************/

.news-slider {
	position: relative;
}
.news-slider h1 {
	position: absolute;
	bottom: 80px;
	font-size: 35px;
	font-size: 3.5rem;
	font-family: FrutigerLT-Roman, Arial, sans-serif;
	font-weight: normal;
	font-style: normal;
	color: #fff;
	line-height: 1.0em;
	margin: 0px 0px 0px 16px;
}
.cycle {
}
#news-cycle {
	position: absolute !important;
	bottom: 0px;
	background-color: #75AD3F;
	background-color: rgba(117,173,63,.75);
	height: 70px !important;
	width: 100% !important;
	z-index: 100;
}
.latest-cycle {
	width: 540px !important;
	padding-left: 16px;
}
#news-cycle h2 {
	font-size: 14px;
	font-size: 1.4rem;
	margin: 8px 0px 4px !important;
	padding: 0 !important;
	color: #fff !important;
}
#news-cycle p {
	margin: 0 !important;
	color: #fff !important;
}
#news-cycle a {
	color: #fff !important;
}

/* Content-Element: Teaser unter dem Slider  */
.news-teaser {
  padding-left:15px !important;
  padding-bottom:2px !important;
}

.news-teaser h2 {
  padding-top:0px !important;
}


/*******************************************************************
*  Rubrikbild
********************************************************************/

.rubrikbild {
	position: relative;
	overflow: hidden;
}
.rubrikbild h1 {
	font-family: FrutigerLT-Roman, Arial, sans-serif;
	font-weight: normal;
	font-style: normal;
	font-size: 2.5rem;
	font-size: 25px;
	color: #fff;
}
.rubrikbild .csc-textpic-text {
	position: absolute;
	bottom: 0px;
	padding: 10px;
	width: 100%;
	background-color: rgba(72, 157, 44,.65);
	color: #fff;
}
.rubrikbild .csc-textpic-text p {
	margin-bottom: 2px !important;
}
.rubrikbild a {
	color: #fff;
	font-family: FrutigerLTCom-Bold, Arial, sans-serif;
}
.rubrikbild p {
	margin: 0 !important;
}


/*******************************************************************
*  Schulhäuser Plugin tx_umschulen_pi1
********************************************************************/

.content-schuleinheit-wrapper {
	overflow: auto;
}

.tx_umschulen_pi1_single_view h1 {
	font-family: FrutigerLTCom-Bold, sans-serif;
	font-size: 16px;
  color:#fff;
  background:#eb9f02;
	padding: 10px 0px 5px 5px !important;
  margin:0;
}
.tx_umschulen_pi1_single_view h3 {
	font-size: 13px;
	font-size: 1.3rem;
	margin: 16px 0px 0px;
	padding: 0 !important;
}
.content-schuleinheit-detail {
}
.content-schuleinheit-buttons {
	margin-bottom: 8px;
	overflow: auto;
}
.bild {
  padding:5px 0px;
  width:50%;
  margin-right:1.5%;
}
.content-schuleinheit-tabelle table {
	margin: 10px 0px 8px 0px;
  width:100%;
}
.content-schuleinheit-tabelle td.td-0 {
	width: 33.4%;
}
.content-schuleinheit-tabelle caption {
	font-family: FrutigerLTCom-Bold, sans-serif;
	font-size: 12px;
	font-size: 1.15rem;
	border-bottom: 1px solid #ddd;
  text-align:left;
}
.content-schuleinheit-tabelle td {
	border-bottom: 1px solid #ddd;
}

/*******************************************************************
*  Spalte Aside Rechts
********************************************************************/

#content-aside {
	float: right;
	width: 150px;
	width: 16.819571865444%;
}

#content-aside {
	font-size: 12px;
	font-size: 1.2rem;
	margin-top: 52px;
}


/*******************************************************************
*  Social Links */

#content-aside .social-links {
	text-align: right;
	margin-bottom: 2px;
}

#content-aside .fa {
  	font-size: 17px;
  	padding-left:4px;
}

#content-aside a i.fa-facebook-square {
	color: #3B5998;
}
#content-aside a i.fa-twitter-square {
	color: #4AB3F4;
}
#content-aside a i.fa-youtube-square {
	color: #b31217;
}
#content-aside a i.fa-flickr {
	color: #0063dc;
}
#content-aside a i.fa-linkedin-square {
	color: #0B66C2;
}

#content-aside .social-links a:hover {
  text-decoration:none !important;
}


.navi-rechtespalte {
	border-top: 3px solid #fff;
}
.navi-rechtespalte a {
	display: block;
	color: #666 !important;
	border-bottom: 3px solid #fff;
	padding: 2px 0px 1px 20px;
}
.navi-rechtespalte ul {
	padding: 0;
	margin: 0 0 22px 0;
	list-style-type: none;
}
.navi-rechtespalte a:hover, .navi-rechtespalte a:focus, .navi-rechtespalte a:active {
	color: #000 !important;
	text-decoration: none;
}


.navi-rechtespalte-zusatzblock {
	margin-top:64px;
}


.navi-rechtespalte-news-links ul {
	padding: 0;
	margin: 0 0 22px 0;
	list-style-type: none;
}


.navi-rechtespalte-zusatz-linie-oben ul {
	padding: 0;
	padding: 0;
	list-style-type: none;
}
.navi-rechtespalte-zusatz-linie-oben a,
.navi-rechtespalte-news-links a {
	display: block;
	color: #666 !important;
  	padding: 2px 0px 1px 20px !important;
	border-bottom: 3px solid #fff;
	padding: 2px 0px 1px;
/*	background: rgba(246, 165, 0, 0.1); */
	background: rgba(246, 165, 0, 0.15);
}

.navi-rechtespalte a:hover, .navi-rechtespalte-zusatz-linie-oben a:hover {
	color: #000 !important;
	text-decoration: none;
}
.navi-rechtespalte-zusatz-linie-oben,
.navi-rechtespalte-news-links {
	border-top: 3px solid #fff;
}

#content-aside b,
#content-aside strong,
#content-aside h2 {
	padding-left:18px;
  font-size:12px;
}

#content-aside p {
	margin:0;
}

/*******************************************************************
*  Navigation Service Mobile
********************************************************************/
#navi-service {
	display: none;
}
#navi-service {
	position: absolute;
	right: 0px;
	top: 0px
}
#navi-service button {
	border: none;
	background: #fff;
	font-size: 12px;
	font-family: FrutigerLTCom-Black, Arial, sans-serif;
	font-weight: normal;
  color:#666;
	padding: 9px 15px 4px;
  border-bottom: 5px solid #fff;
  border-left: 5px solid #fff;
  border-right: 5px solid #fff;
  border-radius: 0px 0px 5px 5px;
	-moz-border-radius: 0px 0px 5px 5px;
	-webkit-border-radius: 0px 0px 5px 5px;
}
#navi-service button .caret {
margin-left:3px;
}

.btn-group.open .dropdown-toggle {box-shadow:none !important;}

#navi-service .dropdown-menu {
	font-size: 13px !important;
}
#navi-service .btn-default:hover, #navi-service .btn-default:focus, #navi-service .btn-default:active, #navi-service .btn-default.active, #navi-service .open > .dropdown-toggle.btn-default {
	color: #333;
}
#navi-service ul {
	padding: 0;
}

#navi-service li {
}
#navi-service .divider {
	margin:4px 0px;
}

#navi-service a {
	color: #666;
	padding: 3px 10px;
}
#navi-service a:hover, #navi-service a:focus, #navi-service a:active {
	color: #000;
}
#navi-service .dropdown-menu {z-index:10000;}


/*******************************************************************
*  Navigation Footer
********************************************************************/

.suchenfeld {
  width:40%;
	float:right;

}
.suchen {
	display:none; 
 	margin-top:15px;
	height:35px;
	}
.startseite .suchen {
	display:block;
}


#navi-footer {
  clear:both;
 font-size:11px  font-size:1.1rem
   clear:right;
}
#navi-footer ul {
	margin: 5px 0px;
	text-align: right;
}
#navi-footer li {
	display: inline;
}
#navi-footer a {
	color: #666;
	padding: 0px 0px 10px 16px;
}
#navi-footer a:hover, #navi-footer a:focus, #navi-footer a:active {
	color: #000;
}

/*******************************************************************
*  Navigation Main Hauptnavigation
********************************************************************/

#navi-main {
  position:absolute;
  top:55px;
	font-family: FrutigerLTCom-Black, sans-serif;
	font-size: 12px;
	font-size: 1.2rem;
	margin-left: 200px;
	margin-left: 20.387359836901%;
	width: 616px;
	width: 62.793068297655%;
	letter-spacing: 0.2px;
  z-index:1000;
}
#navi-main ul {
	display: table;
	width: 100%;
	padding: 0;
	list-style-type: none;
}
#navi-main li {
	display: table-cell;
	text-align: center;
	/* For IE 7 */
	zoom: 1;
 *display: inline;
}

#navi-main a {
	display: block;
  background:#fff;
	margin-right:5px;
  padding: 8px 10px 10px;
	color: #666;
  border-top: 5px solid #fff;
  border-left: 5px solid #fff;
  border-right: 5px solid #fff;
  border-radius: 5px 5px 0px 0px;
	-moz-border-radius: 5px 5px 0px 0px;
	-webkit-border-radius: 5px 5px 0px 0px;
}

#navi-main .navi-main-last a {
  margin-right:0px;
  
}
#navi-main a:hover, #navi-main a:focus, #navi-main a:active {
	color: #000;
	text-decoration: none;
}
#navi-main li.navi-home-active a {
/*	color: #666;
  background:#E6EFF8; */
	    color: #000;
    background: #fff;
}
#navi-main li.navi-schule-active a {
	color: #fff;
  background:#eb9f02;
}
#navi-main li.navi-ziele-active a {
	color: #fff;
  background:#dc0512;
}
#navi-main li.navi-umwelt-active a {
	color: #fff;
  background:#489d2c;
}
#navi-main li.navi-agenda-active a {
	color: #fff;
  background:#eb9f02;
}

/*
Farben
#dc0512  rgb(220, 5, 18)    Rot Unsere Ziele
#489d2c  rgb(72, 157, 44)   Grün Unsere Umwelt
#eb9f02  rgb(246, 165, 0)   Orange Unsere Schule
#1A4F8B  rgb(26, 79, 139)   Blau Links
*/


/*******************************************************************
*  Navigation Sub Linke Spalte
********************************************************************/

#navi-sub {
	float: left;
	width: 20.387359836902%;
	font-size: 12px;
	font-size: 1.2rem;
}
#navi-sub ul {
	list-style-type: none;
	margin: 70px 0px 0px 10px;
	padding: 0px;
	border-bottom: 3px solid #fff;
}
#navi-sub li.level1 a {
	padding: 2px 0px 1px;
	border-top: 3px solid #fff;
	display: block;
	color: #666;
}
#navi-sub .level1 a:hover, #navi-sub .level1 a:focus, #navi-sub .level1 a:active {
	color: #000;
	text-decoration: none;
}
#navi-sub .level1 .active a {
	color: #000;
	font-family: FrutigerLTCom-Bold, Arial, sans-serif;
}
/* Level 2 */
#navi-sub ul li ul {
	list-style-type: none;
	margin: 0px 0px 0px 0px;
	padding: 0px;
	border-bottom: none;
}
#navi-sub ul li ul li {
}
#navi-sub li.level2 a {
	padding: 2px 0px 1px;
	border-top: 1px solid #fff;
	display: block;
	padding-left: 1em;
	text-indent: -.8em;
}
#navi-sub ul li ul a:hover, #navi-sub ul li ul a:focus, #navi-sub ul li ul a:active {
	color: #000;
}
#navi-sub .level2 .active a {
	color: #000;
	font-family: FrutigerLTCom-Bold, Arial, sans-serif;
}
/*******************************************************************
* Menu Mobile Linke Spalte
********************************************************************/

#menu {
	font-family: FrutigerLTCom-Bold, Arial, sans-serif;
	background-color: #444;
	color: #fff;
	font-size: 15px;
	padding-top: 25px;
}
#menu ul {
	list-style: none;
	margin-left: 15px;
	padding: 0;
}
#menu li ul li {
	font-family: FrutigerLT-Roman;
	font-size: 13px;
}
#menu li ul li a {
	padding-left: 30px;
}
/*
     * Menu links are block so they'll occupy the full
     * width (easier to tap)
     */

#menu a {
	border-bottom: 3px solid #333;
	color: inherit;
	display: block;
	text-decoration: none;
	padding: 1px 0px;
}
/*****************************************************
* Formular auf Newsletteranmeldung 
*****************************************************/


.tx-odsajaxmailsubscription-pi1 {
	padding-top: 30px;
}
.tx-odsajaxmailsubscription-pi1 table, .tx-odsajaxmailsubscription-pi1 a {
	margin-left: 12px;
	padding: 6px 0px;
}
.tx-odsajaxmailsubscription-pi1 label {
	float: left;
	padding-top: 4px;
	width: 80px;
	margin-left: 12px;
}
.tx-odsajaxmailsubscription-pi1 input, .tx-odsajaxmailsubscription-pi1 select {
	margin-bottom: 8px;
	margin-left: 12px;
}
.tx-odsajaxmailsubscription-pi1 input[type=text], .tx-odsajaxmailsubscription-pi1 select {
	width: 200px;
	border: 1px #bbbbbe solid;
	height: 24px;
	margin-left: 12px;
}
.tx-odsajaxmailsubscription-pi1 input[type=submit] {
	background-color: #bbbbbe;
	color: #76787a;
	border: 1px #bbbbbe solid;
	height: 24px;
	margin-left: 80px;
	padding: 0 8px;
	cursor: pointer;
	margin-left: 12px;
}
.tx-odsajaxmailsubscription-pi1.error, .tx-odsajaxmailsubscription-pi1 .info {
	color: #666;
}

/*****************************************************
* Sitemap
*****************************************************/

.csc-sitemap {
	margin:20px 12px
}

.csc-sitemap ul {
	list-style: none;
  margin:0;
  padding:0;
}
.csc-sitemap li {
  margin:0;
}
.csc-sitemap li a {
  display:block;
}

/* Ebene 1 */
.csc-sitemap ul li {
	background: #eb9f02;
  font-size:16px;
  margin-bottom:6px;
 	font-family: FrutigerLTCom-Bold, Arial, sans-serif;
}
.csc-sitemap li a {
  padding-left:4px;
    padding-top:4px;
  color:#fff;
}

/* Ebene 2 */

.csc-sitemap ul li ul li {
	border-top:1px solid #eee;
	background: #fff;
    font-size:14px;
  margin-bottom:0px;

}
.csc-sitemap ul li ul li a {
    padding-top:5px;
  padding-left:4px;
  color:#666;
}
.csc-sitemap ul li ul li a:hover {
background:#eee;
}

/* Ebene 3 */

.csc-sitemap ul li ul li ul li {
	border-top:1px solid #eee;
	background: #fff;
    font-size:13px;
  margin-bottom:0px;
  padding-top:0px;
 	font-family: FrutigerLT-Roman, Arial, sans-serif;
}
.csc-sitemap ul li ul li ul li a {
      padding-top:2px;

  padding-left:30px;
  color:#666;
}


/********************************************************
 Aufklapp
*********************************************************/

.aufklapp-opener  {
cursor:pointer;
}

.accordion {
/*  margin-bottom:10px;
*/	    margin: 5px 8px 0px 10px !important;

}

.aufklapp-opener .aufklapp-header {
  font-size: 14px;
  margin-top:0px;
}

.aufklapp-opener .aufklapp-header .fa {
  font-size:17px;
  line-height:1.2;
  width:28px;
  padding-left:3px;
}

.aufklapp {
  margin-left: 30px;
}






/*****************************************************
* Spezialformatierung rte und css styled content
*****************************************************/

span.rot {
	color: #dc0512;
}
span.gruen {
	color: #489d2c;
}
span.gelb {
	color: #eb9f02;
}
span.pfeil-rot a {
	color: #dc0512;
	font-size: 25px;
	padding-top: 4px;
	vertical-align: -4px;
}
span.pfeil-rot a, span.pfeil-gruen a, span.pfeil-gelb a {
	font-size: 20px;
	padding-top: 4px;
	vertical-align: -4px;
}
span.pfeil-rot a {
	color: #dc0512;
}
h2 span.rot a {
	color: #dc0512;
}
span.pfeil-gruen a {
	color: #489d2c;
}
h2 span.gruen a {
	color: #489d2c;
}
span.pfeil-gelb a {
	color: #eb9f02;
}
h2 span.gelb a {
	color: #eb9f02;
}

/* CSS Styled Content Regeln überschreiben */


DIV.csc-textpic .csc-textpic-imagewrap FIGURE, DIV.csc-textpic FIGURE.csc-textpic-imagewrap, FIGCAPTION.csc-textpic-caption {
	display: block;
}
DIV.csc-textpic-left .csc-textpic-imagewrap {
	float: none;
}
DIV.csc-textpic DIV.csc-textpic-imagecolumn {
	display: inline-block;
	float: none;
	vertical-align: top;
}
.csc-default {
	clear: both;
}
div.csc-textpic-center .csc-textpic-center-outer {
	position: relative;
	float: none;
	right: 0;
}
div.csc-textpic-center .csc-textpic-center-inner {
	position: relative;
	float: none;
	right: 0;
}
div.csc-textpic .csc-textpic-imagewrap .csc-textpic-image {
	margin-bottom: 0px;
}

/* File Links */
UL.ce-uploads {
	padding: 0;
}

.aufklapp UL.ce-uploads {
	padding: 0;
	margin: 0 0 8px 0;
}
UL.ce-uploads LI {
	list-style: none outside none;
	margin: 4px 0;
}
UL.ce-uploads IMG {
	
}
UL.ce-uploads SPAN {
	display: inline;
}
UL.ce-uploads SPAN.ce-uploads-fileName {
	text-decoration: underline;
}
.ce-uploads-filesize {
	padding-left: 6px;
}
.ce-uploads-element img {
	height:19px;
	margin-right:8px;
}



/* Suche */
.res {padding:0;}
.tx-indexedsearch-res h3 {border-top:5px solid #eee; padding-top:10px; padding-bottom:0px !important;}
strong.tx-indexedsearch-redMarkup {color:#eb9f02 !important;}
.tx-indexedsearch-whatis {padding-left:12px;font-size:13px;}
p.tx-indexedsearch-descr {margin-top:6px !important;}

ul.tx-indexedsearch-browsebox {
	margin-left:0;
}
.tx-indexedsearch-browsebox li {
	display:inline-block;
	margin-right:15px;
	text-aling:left;
}


/* Clearfix umschliesst geflotete Bereiche  */

.clearfix:before, .clearfix:after {
	content: "";
	display: table;
}
.clearfix:after {
	clear: both;
}
.clearfix:after {
	zoom: 1;
}

/************************************************************************************************

IPad hoch

************************************************************************************************/

@media screen and (max-width: 1023px) {
/* Rechte Spalte */
#content-aside {
	display: none;
}
#navi-service {
	display: block;
}
#wrapper {
	padding: 0 15px;
}
#logo {
	width: 200px;
	width: 25%;
	position: absolute;
	left: 0px;
}
#logo img {
	width: 220px;
}
  
 /*******************************************************************
*  Rubrikbild
********************************************************************/


  
#navi-main {
	width: 75%;
	margin-left: 25%;
}
/* Footer */
#footer {
	clear: both;
	border-top: 3px solid #e5e5e5;
	width: 75%;
	margin-left: 25%;
}
/* Inhalt */
#content {
	width: 75%;
}
#navi-sub {
	width: 22.5%;
	margin-right: 2.5%;
}
  
.latest-cycle {
 width:90% !important; 
}
  
  
} /* End Media Query */

/************************************************************************************************

Mobile

************************************************************************************************/

@media screen and (min-width: 766px) {
#menu-trigger {
	display : none;
}
#menu {
	display: none;
}
}

@media (max-width: 767px) {
#wrapper {
	margin: 0 auto;
	padding: 0 7px;
}
#logo {
	width: 100%;
	position: absolute;
	left: 0px;
	top: 8px;
}
#logo img {
	width: 200px;
}
/**************************
Slider Startseite
*****************************/  


.news-slider h1 {
	position: absolute;
	bottom: 85px;
	font-size: 24px;
	font-size: 2.4rem;
	font-family: FrutigerLT-Roman, Arial, sans-serif;
	font-weight: normal;
	font-style: normal;
	color: #fff;
	line-height: 1.0em;
	margin: 0px 0px 0px 8px;
}
.cycle {
}
#news-cycle {
	position: absolute !important;
	bottom: 0px;
	background-color: #75AD3F;
	background-color: rgba(117,173,63,.75);
	height: 80px !important;
	width: 100% !important;
	z-index: 100;
}
.latest-cycle {
	width: 98% !important;
	padding-left: 8px;
}
#news-cycle h2 {
	font-size: 14px;
	font-size: 1.4rem;
	margin: 8px 0px 4px !important;
	padding: 0 !important;
	color: #fff !important;
}
#news-cycle p {
	margin: 0 !important;
	color: #fff !important;
}
#news-cycle a {
	color: #fff !important;
}
  
 /*******************************************************************
*  Rubrikbild
********************************************************************/

.rubrikbild {
	position: relative;
	overflow: hidden;
}
.rubrikbild h1 {
	font-family: FrutigerLT-Roman, Arial, sans-serif;
	font-size: 21px;
  margin:8px 0px;
}
.rubrikbild .csc-textpic-text {
	padding: 0px 10px;

}

  
  
  
#navi-main {
	display: none;
}
  
/*Verhindert Scrollfehler Mobile-Darstellung*/  
body.off-canvas-menu .outer-wrapper {
    overflow-x: visible !important;
}
  
/* Footer */
#footer {
	clear: both;
	border-top: 3px solid #e5e5e5;
	width: 100%;
	margin-left: 0%;
}
/* Inhalt */
#content {
	width: 100%;
	margin-left: 0%;
}
#navi-sub {
	display: none;
}
.col3-1 {
	float: none;
	width: 100%;
	height: auto !important;
	margin-bottom: 8px;
}
.col1-1,
.col1-2 {
	float: none;
	width: 100%;
	height: auto !important;
	margin-bottom: 8px;
}
  
.content-3-1col-wrapper {
	margin-bottom: 0px;
}
/* Bild umfliesst Text untereinander*/  
.csc-textpic-intext-left-nowrap .csc-textpic-imagewrap {
    float:none !important;
}  
.csc-textpic-intext-left-nowrap .csc-textpic-text {
    margin-left:-8px;
}  

  
#navi-service {
	float: right;
	margin-top: 95px;
}
  
#navi-service button,
#menu-trigger  {
	border: none;
	background: #fff;
	font-size: 12px;
	font-family: FrutigerLTCom-Black, Arial, sans-serif;
	font-weight: normal;
  color:#666;
	padding: 8px 20px 5px;
  border-radius: 5px 5px 0px 0px;
	-moz-border-radius: 5px 5px 0px 0px;
	-webkit-border-radius: 5px 5px 0px 0px;
  
}
    
#menu-trigger {
	float: left;
	margin-top: 95px; 
}
#menu-trigger a {
  color:#666;
}
#menu-trigger a:hover {
	text-decoration: none;
}
#menu-trigger .fa-bars {
	padding-right:4px;
}
 
/* Schulseiten Single */  
.content-schuleinheit-tabelle td.td-0 {
  width:50%;
}
.content-schuleinheit-tabelle td.td-last {
  display:none;
}

} /* End Media Query */



@media print { 

	a[href]:after {
    	content: "";
	}
}