/*
* Skeleton V1.2
* Copyright 2011, Dave Gamache
* www.getskeleton.com
* Free to use under the MIT license.
* http://www.opensource.org/licenses/mit-license.php
* 6/20/2012
*/

/* Table of Content
==================================================
	#Site Styles
	#Page Styles
	#Media Queries
	#Font-Face */

/* #Site Styles
================================================== */

/* #Page Styles
================================================== */

/* .fooBar {
background:red;
border:10px solid green;
cursor:default !important;
} */

H1 {
color:#0e88bb !important;
}

.content.twelve.columns H1 {
margin-top:40px;
}


.left H2.csc-firstHeader {
font-size: 25px; 
line-height: 35px; 
margin-bottom: 14px;
visibility:hidden;
}

HR {
margin-bottom:10px !important;
}

.topContainer IMG {
margin-top:1px;
}

.search.displayMobile {
display:none;
}

.searchbar.displayMobile {
display:none;	
}

.search.displayMobile.searchbox {
display:none;
}

#c53 {
display:none;
}

.searchbar.displayDesktop {
	display:block;
	position:absolute;
	z-index:111;
	float:right;
    top:-10px;
    left:0;    
}

.searchbar.displayDesktop {
	font-size:16px;
	margin: 5px 5px 6px;
    text-decoration:none;
    -webkit-border-radius: 4px;
    -moz-border-radius: 4px;
    border-radius: 4px;  
    vertical-align: middle;
    float: right; 
    padding: 0.438em 0.625em 0.438em 0.625em; 
    line-height: 1.188em; 
    cursor: pointer;
}

.subpageWrapper {
margin-top:5px;
/* border:1px solid green; */
margin-bottom:0;
padding-bottom:0;
padding-top:1px;
}

.logo {
float:left;
width:260px;
margin:10px 5px 10px 0;
background:#fff;
height:74px;
}

nav {
display:inline;
margin-left:-10px;
margin-top:40px;
}

.topContainer .sixteen.columns {
margin-left:0;
}

.mainnav {  
    background-color: #fff;
    padding: 0 10px 10px 10px;
    width: 100%;
    margin:0;
} 

.stopper {
    background-color: #eee;
    height: 50px;
    padding: 5px;
    width: 960px;
}

.sticky {
width:960px;
position: fixed;  
top:0;
right:0;
z-index: 100;  
border-top: 0; 
background:#fff;
}

#sdnav {
display:none;
}

.slicknav_menu UL {
width:100%;
position:relative;
z-index:100;
top:auto;
}

UL.menu {
margin:54px 0 0 0;
text-transform:uppercase;
float:left;
font-size:14px;
}

UL.menu LI {
float:left;
margin: 0 5px 0 5px;
}

UL.menu a {
text-decoration:none;
font-weight:normal;
color:#0e88bb;
}

UL.menu a:hover {
text-decoration:none;
font-weight:normal;
color:#292929;
}

UL.menu li.topMenu_CUR a {
color:#0f7f40;
}

/* scroll to fixed */
/* 
.scroll-to-fixed-fixed {
margin-bottom:20px !important;
}*/

/*
#c26 {
padding-top: 124px; 
margin-top: -124px;
} */

/* scroll to fixed end */

.slideshow {
margin:3px 0 0 10px;
float:left;
width:100%;
height:383px;
max-width:940px;
}

.loading {
/* min-height:382px !important; */
/*max-height: 450px !important; */
max-height:383px;
min-height:383px;
background: url(../images/spinner.gif) no-repeat center center !important; 
float:left;
width:100%;
padding:0;
border:0;
}

/* .flexslider .slides > li:first-child {display: block; -webkit-backface-visibility: visible;} 

.flexslider .slides > li {display: none; -webkit-backface-visibility: hidden;}

*/

.flexslider {
margin:0 0 0 0 !important;
}

/* Flexslider Image Caption ausblenden */

/*
.flexslider .caption {
display:none;
} */

.flex-direction-nav {
margin:0;
}

/* outcomment for testversion start 
.flex-direction-nav .flex-next {
background-position: 0 -39px; 
right: 0 !important; 
}
 
.flex-direction-nav .flex-prev {
left: 0 !important; 
}  outcomment for testversion end */ 

 

.flexslider .caption {
display:none;
}



#topPicture {
height:494px;
background-size:cover;
}

.contentContainer {
margin-top:-230px !important;
}

.pageTitle {
height:100px;
background: url(../images/pageTitleBg.png) repeat;
}

.contentContainerWrapper {
background:#fff;
}

.contentContainerWrapper a {
text-decoration:none;
color:#0e88bb;
}

.contentContainerWrapper a:hover {
color:#292929;
}

.contentContainerWrapper UL {
margin-left: 25px;
list-style: square outside;
}

.contentContainerWrapper UL LI {
padding-left:10px;
}

/*
.contentContainerWrapper UL.slides {
list-style-type:none;
margin-left:0;
}

.contentContainerWrapper UL.slides LI {
padding-left:0;
}

.contentContainerWrapper UL.flex-direction-nav {
list-style-type:none;
} */

.pageTitle H1.pageTitle {
font-size:200% !important;
color:#fff !important;
text-align:center;
padding-top:30px;
}

.threeColsWrapper {
margin: 35px 0 0 0;
padding-top:15px;
width:100%;
background: #f0f0f0;
}

.threeColsWrapper H1 A {
color:#0e88bb !important;
}

.threeColsWrapper A {
text-decoration:none;
}

.content.sixteen.columns .ce {
margin-top:20px;
}



.content.twelve.columns .ce .csc-firstHeader, .left .csc-firstHeader {
margin-top:30px;
}


.footer {
margin: 0 0 0 0;
width:100%;
display:block;
background: url(../images/footerBg.jpg) repeat;
overflow:visible;
height:auto;
float:left;
}

.footer.extraSpace {
margin-top:35px;
}

.footer .container {
color:#fff;
padding-top:40px;
margin-bottom:60px;
}

.footer .container strong { 
color: #fff; 
}


.footer .container a {
color:#fff;
text-decoration:none;
}

.footer .container a:hover {
color:#f6f6f6;
text-decoration:none;
}

.footer .four.columns, .footer .three.columns, .footer .five.columns {
padding-top:1px;
}

.footer .footerFirst {
margin-right:7%;
}


.footer .footerThird {
margin-left:7%;
}

.footer .footerFourth {
float:right;
margin-left:-3%;
}

.footer .container .four.columns UL {
width:240px;
padding-top:1px;
margin:44px 0 0 20px;
}

.footer .container .four.columns UL LI {
display:block;
float:left;
margin-right:10px;
margin-bottom:3px;
width:100px;
vertical-align: baseline;
}

LI.align-right {
margin-right:0;
margin-left:10px;
}

.minerva {
float:right;
margin-top:75px;
}

.eleven.columns.news #news-list-container {

}

.eleven.columns.news #news-list-container H3.ui-accordion-header {
margin:38px 0 0 0;
padding:0;
min-height:120px;
}

.eleven.columns.news #news-list-container H3.ui-accordion-header a {
display:block;
width:100%;
}

.eleven.columns.news .news-list-accordion-image {
float:left;
margin-right:10px;
margin-top:0;
overflow:hidden;
}

/* 
Add media queries for News List images on smaller devices
*/

.eleven.columns.news .news-list-accordion-titleWrapper {
margin-left:110px;
}



.news-list-accordion-titleWrapper H1{
margin-top:0;
padding-top:0;
margin-bottom:10px;
font-size:18px;
color:#292929 !important;
/* text-transform:uppercase; */
line-height:1.8em;
}

.eleven.columns.news .news-list-accordion-date {
font-size:1.2em;
color:#292929 !important;
}

.eleven.columns.news #news-list-accordion H2 {
font-size:1.0em;
color:#292929;
line-height:1.4em;
margin-top:12px;
margin-bottom:5px;
}

.eleven.columns.news H3.trigger {
width:30px;
height:30px;
background: url(../images/accordionIcon.jpg) no-repeat;
} 

.eleven.columns.news .ui-accordion .ui-accordion-header {

}

.eleven.columns.news .ui-accordion .ui-accordion-header .ui-icon {
background:transparent;
}

.eleven.columns.news .more {
text-decoration:none;
color:#0e88bb !important;
}

.eleven.columns.news .news-list-accordion-details {
display:block;
float:none;
clear:both;
}

.eleven.columns.news .ui-widget-content {
font-family: "HelveticaNeue", "Helvetica Neue", Helvetica, Arial, sans-serif !important;
overflow:hidden;
}

.eleven.columns.news .news-list-accordion-item .ui-widget-content  {
background:#fff !important;
border: 1px solid #fff !important;
}

.eleven.columns.news .news-list-accordion-item .ui-accordion-content {
padding:0 0 0 0 !important;
}

.eleven.columns.news .ui-accordion-content {
max-width:940px;
}

.eleven.columns.news .ui-accordion-content IMG {
width:100%;
max-width:100% !important;
height:auto !important;
display:block;
}

.eleven.columns.news .ui-accordion-content a {
text-decoration:none;
color:#0e88bb;
}

.eleven.columns.news .ui-accordion-content a:hover {
color:#292929;
}

.eleven.columns.news .close {
text-decoration:none;
color:#0e88bb !important;
cursor:pointer;
}

.eleven.columns.news .news-list-gotoarchive {
float:left;
margin: 40px auto 0 auto;
clear:both;
text-align:center;
width:100%;
}

.eleven.columns.news .news-list-gotoarchive a {
color:#0e88bb !important;
text-decoration:none;
}



iframe[id^='twitter-widget-0'] {
height:265px !important;
margin-bottom:10px !important;
width:100% !important;
}

.five.columns .news-latest-container {
padding:0;
}

.five.columns .news-latest-item {
margin:10px 0 35px 0;
padding:0;
background:#efefef;
border:1px solid #919191;
float:left;
position:relative;
width:100%;
}

.five.columns .news-latest-date {
display:block;
float:left;
color:#fff;
background: url(../images/eventDateBg.png) no-repeat top left;
width:63px;
height:38px;
font-size:14px;
margin: -9px 10px 0 8px;
padding-top:15px;
padding-bottom:10px;
line-height:18px;
text-align:center;
text-transform:uppercase;
}

.five.columns .news-latest-item H2 {
font-size:14px;
color:#292929;
font-weight:bold;
margin-top:3px;
line-height: normal;
margin-left:80px;
margin-right:10px;
}

.five.columns .news-latest-subheader, .five.columns .news-latest-image {
float:left;
}

.five.columns .news-latest-subheader {
margin: 15px 0 5px 13px;
clear:both;
}

.five.columns .news-latest-subheader p {
margin-right:80px;
}

.five.columns .news-latest-subheader a {
color:#0e88bb !important;
text-decoration:none;
}

.five.columns .news-latest-image {
margin: 0 0 0 10px;
width:75px;
position:absolute;
bottom:5px;
right:-6px;
background: url(../images/portraitCorner.png) no-repeat bottom right;
}

.one-third {
margin-right:11px !important;
}

.one-thirdRight {
margin-left: 9px !important;
margin-right:0 !important;
}

.one-thirdRight H1, .one-thirdRight P {
/* padding-left:10px; */
}

#c15 .one-third {
margin-left:0;
margin-right:10% !important;
overflow:visible !important;
width:40% !important;
}

#c15 .one-thirdRight {
display:none;
}



.left.four.columns {
float:left;
width:220px;
}

#left {
    position: absolute; /* IMPORTANT! */
    width: 220px;
    height: 100%;
}

#left a.current {
color:#0f7f40;
}

.ceLeft {
width:220px;
float:left;
}

.twelve.columns {
float:right;
}

/* Custom Buttons */

.btnCustom {
 display: inline-block;
  padding: 6px 12px;
  margin-bottom: 0;
  font-size: 14px;
  font-weight: normal;
  line-height: 1.42857143;
  text-align: center;
  white-space: nowrap;
  vertical-align: middle;
  cursor: pointer;
  -webkit-user-select: none;
     -moz-user-select: none;
      -ms-user-select: none;
          user-select: none;
  background-image: none;
  border: 1px solid transparent;
  border-radius: 4px;
}

.btn-blue { 
background-color: hsl(198, 86%, 39%) !important; 
background-repeat: repeat-x; 
filter: progid:DXImageTransform.Microsoft.gradient(startColorstr="#1099d2", endColorstr="#0e88bb"); 
background-image: -khtml-gradient(linear, left top, left bottom, from(#1099d2), to(#0e88bb)); 
background-image: -moz-linear-gradient(top, #1099d2, #0e88bb); 
background-image: -ms-linear-gradient(top, #1099d2, #0e88bb); 
background-image: -webkit-gradient(linear, left top, left bottom, color-stop(0%, #1099d2), color-stop(100%, #0e88bb)); 
background-image: -webkit-linear-gradient(top, #1099d2, #0e88bb); background-image: -o-linear-gradient(top, #1099d2, #0e88bb); 
background-image: linear-gradient(#1099d2, #0e88bb); 
border-color: #0e88bb #0e88bb hsl(198, 86%, 39%); 
color: #fff !important; 
text-shadow: 0 -1px 0 rgba(0, 0, 0, 0.33); 
-webkit-font-smoothing: antialiased;
}

.btn-blue a {
color: #fff !important; 
text-shadow: 0 -1px 0 rgba(0, 0, 0, 0.33); 
-webkit-font-smoothing: antialiased;
text-decoration:none;
}

.btn-green { 
background-color: hsl(146, 79%, 28%) !important; 
background-repeat: repeat-x; 
filter: progid:DXImageTransform.Microsoft.gradient(startColorstr="#0f8d46", endColorstr="#0f7f40"); 
background-image: -khtml-gradient(linear, left top, left bottom, from(#0f8d46), to(#0f7f40)); 
background-image: -moz-linear-gradient(top, #0f8d46, #0f7f40); 
background-image: -ms-linear-gradient(top, #0f8d46, #0f7f40); 
background-image: -webkit-gradient(linear, left top, left bottom, color-stop(0%, #0f8d46), color-stop(100%, #0f7f40)); 
background-image: -webkit-linear-gradient(top, #0f8d46, #0f7f40); background-image: -o-linear-gradient(top, #0f8d46, #0f7f40); 
background-image: linear-gradient(#0f8d46, #0f7f40); 
border-color: #0f7f40 #0f7f40 hsl(146, 79%, 28%); 
color: #fff !important; 
text-shadow: 0 -1px 0 rgba(0, 0, 0, 0.33); 
-webkit-font-smoothing: antialiased;
}

.readmore {
 float:left;
 clear:both;
 padding: 6px 12px;
margin:20px 0 20px 0;
  font-size: 14px;
  font-weight: normal;
  line-height: 1.42857143;
  text-align: center;
  white-space: nowrap;
  vertical-align: middle;
  cursor: pointer;
  -webkit-user-select: none;
     -moz-user-select: none;
      -ms-user-select: none;
          user-select: none;
  background-image: none;
  border: 1px solid transparent;
  border-radius: 4px;
  text-decoration:none;
  
background-color: hsl(146, 79%, 28%) !important; 
background-repeat: repeat-x; 
filter: progid:DXImageTransform.Microsoft.gradient(startColorstr="#0f8d46", endColorstr="#0f7f40"); 
background-image: -khtml-gradient(linear, left top, left bottom, from(#0f8d46), to(#0f7f40)); 
background-image: -moz-linear-gradient(top, #0f8d46, #0f7f40); 
background-image: -ms-linear-gradient(top, #0f8d46, #0f7f40); 
background-image: -webkit-gradient(linear, left top, left bottom, color-stop(0%, #0f8d46), color-stop(100%, #0f7f40)); 
background-image: -webkit-linear-gradient(top, #0f8d46, #0f7f40); background-image: -o-linear-gradient(top, #0f8d46, #0f7f40); 
background-image: linear-gradient(#0f8d46, #0f7f40); 
border-color: #0f7f40 #0f7f40 hsl(146, 79%, 28%); 
color: #fff !important; 
text-shadow: 0 -1px 0 rgba(0, 0, 0, 0.33); 
-webkit-font-smoothing: antialiased;
}

.toTop {
text-align:right;
display:block;
padding-top:20px;
margin-right:10px;
}

/* Indexed Search Styles */

.search {
float:right;
margin: 5px 10px 20px 0;
clear:both;
display:block;
width:100%;
}


#indexedsearchbox { 
width:100%; 
height:33px; 
border:1px solid #919191;
-webkit-border-radius: 5px;
-moz-border-radius: 5px;
border-radius: 5px;
float:right;
}

#indexedsearch .searchbox-sword { 
float:left; 
margin:7px 8px 5px 5px; 
color:#7e7e7e; 
width:80%; 
height:20px; 
line-height:20px; 
padding:0 5px 0 0; 
border:0; 
background:transparent;
}

* + html #indexedsearch .searchbox-sword {
margin: 6px 0 0 8px;
}

#indexedsearch .searchbox-button { 
float:right; 
margin:5px 7px 0 9px; 
}

#indexedsearchbox input[type="text"] {
border: none;
		outline: none;
		-moz-border-radius: none;
		-webkit-border-radius: none;
		border-radius: none;
		color: #777;
		width: 80%;
		max-width: 100%;
		display: block;
		background: transparent;
}

#indexedsearchbox input[type="text"]:focus
	 {
		border: none;
 		color: #777;
 		-moz-box-shadow: none;
		-webkit-box-shadow: none;
		box-shadow:  none; 
}


.tx-indexedsearch-percent {
display:none;
}

.tx-indexedsearch-info, .tx-indexedsearch-path, .tx-indexedsearch-whatis, .tx-indexedsearch-browsebox {
display:none;
}

/* Browser Extension Styles */

/* Alumni Style Start */

.alumniWrapper {
width:100%;
margin-right:20px;
float:left;
padding:0;
display:block;
}

.alumniWrapper a {
color:#0e88bb !important;
}

.alumniWrapper .ui-accordion2-header {
background: #f6f6f6 url("../images/ui-bg_glass_100_f6f6f6_1x400.png") 50% 50% repeat-x;
border: 1px solid #cccccc;
display:block;
width:100%;
float:left;
-webkit-border-radius: 4px;
-moz-border-radius: 4px;
border-radius: 4px;
margin-bottom:0;
margin-top:20px;
}

.alumniWrapper .ui-accordion2-header:hover {
	border: 1px solid #0f8d46;
	background: #f3fff0 url("../images/ui-bg_glass_100_f3fff0_1x400.png") 50% 50% repeat-x;
}

.alumniWrapper .ui-accordion2-header .feuser_image {
margin-top: .5em !important;
margin-bottom: .5em;
margin-left: .75em !important;
}

.alumniWrapper .ui-accordion2-header .feuser_name {
margin-top: .5em !important;
}

.alumniWrapper .currentPosition, .alumniWrapper .currentWorkingPlace {
float:left;
}

/* Alumni Style End */


.tx-browser-pi1-list {
/* margin-bottom: 30px; */
}


.wwGroup .listarea{
margin-bottom:30px;
float:left;
margin-right:-20px;
padding:0;
}

.wwGroupImages {
float:left;
display:block;
margin-right:0;
padding-right:0;
margin-left:-16px;
border:0;
}

.wwGroupImages .feuser_image {
margin-left:0;
margin-left:1px;
}

.wwGroupImages IMG {
margin-top:10px;
margin-left:16px;
margin-right:0;
padding-right:0;
border:0;
float:right;
}

.wwwGroupImages .feuser_image {
float:left;
}

.wwGroupName {
float:left;
display:block;
clear:left;
text-align:center;
width:100%;
margin-left:3px;
}

.wwGroupDescription {
clear:both;
margin-bottom:-40px;
}


/* Sevenpack Extension Styles */

.tx_sevenpack-item_even a, .tx_sevenpack-item_odd a {
text-decoration:none;
margin:0;
padding:0;
border:0;
}

#c9 .tx_sevenpack-warning_box {
display:none;
}

H1.pub_title_link {
font-weight:bold;
font-size:1.0em;
text-decoration:none;
line-height:normal;
margin-bottom:0;
padding-bottom:0;
text-decoration:none;
color:#0e88bb;
}

H1.pub_title_link a {
color:#0e88bb;
}

a H1.pub_title_link {
text-decoration:none;
color:#0e88bb;
}

.employeeRef H1 {
margin-top:0 !important;
padding-top:0;
}

.employeeRef H1 {
font-weight:bold;
font-size:1.0em;
text-decoration:none;
line-height:normal;
margin-bottom:0;
padding-bottom:0;
text-decoration:none;
color:#0e88bb;
}

.employeeRef H1 a, .employeeRef H1 a.external-link-new-window, .employeeRef p a.external-link-new-window {
text-decoration:none;
color:#0e88bb;
}

.employeeRef a, .employeeRef H1 a.external-link-new-window, .employeeRef p a.external-link-new-window {
text-decoration:none;
}



/* TYPO3 4.5 Styles for responsive images */

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

DIV.csc-textpic-above DIV.csc-textpic-imagewrap,
DIV.csc-textpic-below DIV.csc-textpic-imagewrap,
DIV.csc-textpic DIV.csc-textpic-imagewrap UL LI,
DIV.csc-textpic DIV.csc-textpic-imagewrap DL.csc-textpic-image {
 float: none;
 display: inline-block;
 vertical-align: top;
}
DIV.csc-textpic-left DIV.csc-textpic-imagewrap .csc-textpic-image,
DIV.csc-textpic-intext-left-nowrap DIV.csc-textpic-imagewrap .csc-textpic-image,
DIV.csc-textpic-intext-left DIV.csc-textpic-imagewrap .csc-textpic-image {
 display: inline-block;
}
DIV.csc-textpic-imagewrap UL.csc-textpic-imagerow-none .csc-textpic-image {
 display: block;
}
.csc-default {clear: both;}


DIV.csc-textpic-intext-right-nowrap DIV.csc-textpic-imagewrap,
DIV.csc-textpic-intext-left-nowrap DIV.csc-textpic-imagewrap,
DIV.csc-textpic-intext-right DIV.csc-textpic-imagewrap,
DIV.csc-textpic-intext-left DIV.csc-textpic-imagewrap {
 width: 38%; /* Bildcontainer Breite */
}

DIV.csc-textpic-below DIV.csc-textpic-imagewrap {
width:100%;
}

DIV.csc-textpic-intext-right-nowrap .csc-textpic-text,
DIV.csc-textpic-intext-left-nowrap .csc-textpic-text {
 margin-left: 40%; /* Textblock */
}

DIV.csc-textpic-intext-right-nowrap .csc-textpic-text {
margin-left: 0; /* Textblock */
}

DIV.csc-textpic-intext-right-nowrap .csc-textpic-imagewrap {
padding-left:60px;
width:30% !important;
}

DIV.csc-textpic-intext-right-nowrap .csc-textpic-imagewrap IMG {
float:right;
}

DIV.csc-textpic-above DIV.csc-textpic-imagewrap {
width:100%;
}

.csc-textpic-center DIV.csc-textpic-above DIV.csc-textpic-imagewrap {
width:90%;
margin:0 auto;
}

DIV.csc-textpic-above DIV.csc-textpic-imagewrap DIV.csc-textpic-imagerow {
width:90%;
margin:0 auto;
}

DIV.csc-textpic-left DIV.csc-textpic-imagewrap DIV.csc-textpic-imagerow {
width:100%;
margin:0;
}


DIV.csc-textpic-left DIV.csc-textpic-imagewrap DIV.csc-textpic-imagerow {
width:100%;
margin: 0 10px 0 0;
float:left;
}

DIV.csc-textpic DIV.csc-textpic-imagewrap DL.csc-textpic-image {
float:left;
display:block;
}


DIV.csc-textpic-above DIV.csc-textpic-imagewrap DIV.csc-textpic-imagerow DL.csc-textpic-image {
float:left;
width:100%;
}

.csc-textpic-imagecolumn {
float:left;
width:31.8%;
}


DIV.csc-textpic-above DIV.csc-textpic-imagewrap .csc-textpic-imagecolumn DIV.csc-textpic-imagerow DL.csc-textpic-image {
float:left;
width:100%;
}



DIV.csc-textpic-above DIV.csc-textpic-imagewrap DIV.csc-textpic-imagerow DL.csc-textpic-image DD.csc-textpic-caption {
font-style:italic;
color:#8b8b8b;
line-height:1.4em;
font-size:0.9em;
}

DIV.csc-textpic-left DIV.csc-textpic-imagewrap DIV.csc-textpic-imagerow DL.csc-textpic-image DD.csc-textpic-caption {
display:block;
clear:both;
float:left;
width:90%;
font-style:italic;
color:#8b8b8b;
line-height:1.4em;
font-size:0.9em;
}

DIV.csc-textpic-left DIV.csc-textpic-imagewrap DIV.csc-textpic-imagerow DL.csc-textpic-image {
display:block;
float:left;
width:20.8%;
}

DIV.csc-textpic-above DIV.csc-textpic-imagewrap DIV.csc-textpic-imagerow DL.csc-textpic-image DT IMG {
float:left;
width:100%;
}


DIV.csc-textpic-left DIV.csc-textpic-imagewrap DIV.csc-textpic-imagerow DL.csc-textpic-image DT IMG {
display:block;
float:left;
width:90%;
}

/* SOCIAL MEDIA SPRITES

/* timtabsociable */



* + html .social {
width:132px;
}

.tx-timtabsociable-pi1 {
margin: 130px auto 0 auto;
width:100%;
float:left;
}

IMG.displayNone {
display:none;
}

.facebookLink, .twitterLink, .googlePlusLink, .rssLink {
display:block;
margin: 0 3px 0 0;
float:left;
}

.facebookLink {
margin-left:20px;
}

.tx-timtabsociable-pi1 a {
background-image:url(../images/social_media_sprite.png);
background-repeat:no-repeat;
padding: 0;
display: block;
height: 35px;
}


.facebookLink a {
background-position:0px 0px;
width:35px;
float:left;
}



/* .facebookLink a:hover {
background-position:0px -32px;
} */

.twitterLink a {
background-position:0px -35px;
width:35px;
float:left;
}



/* .twitterLink a:hover {
background-position:0px -111px;
} */


.googlePlusLink a {
background-position:0px -71px;
width:35px;
float:left;
}




/* .googlePlusLink a:hover {
background-position:0px -161px;
} */






/* #Media Queries
================================================== */

	/* Smaller than standard 960 (devices and browsers) */
	
	@media only screen and (min-width: 960px) {
	
	UL.menu {
	margin-left:30px;
	}
	
	.flex-control-nav {
	margin-bottom:0 !important;
	display: block !important;
	float:left !important;
	position:relative !important;
	bottom: 70px !important;
	}
	
	
	}

	
	@media only screen and (max-width: 959px) {
	.five.columns .news-latest-subheader p {
	margin-right:10px;
	}
	
	}
	
	@media only screen and (min-width:768px) {

	.searchbox {
	/* display:none !important; */
	}
	
	
	}

	/* Tablet Portrait size to standard 960 (devices and browsers) */


	@media only screen and (min-width: 768px) and (max-width: 959px) {


		DIV.csc-textpic-above DIV.csc-textpic-imagewrap DIV.csc-textpic-imagerow {
		width:100%;
		margin:0;
		clear:both;
		}
		
		DIV.csc-textpic DIV.csc-textpic-imagewrap DL.csc-textpic-image {
		float:none;
		}
		
		DIV.csc-textpic-above DIV.csc-textpic-imagewrap DIV.csc-textpic-imagerow DL.csc-textpic-image {
		float:none;
		clear:both;
		width:100%;
		margin:20px 0 0 0;
		}
		
		DIV.csc-textpic-right DL {
		width:100%;
		margin: 20px 10px 0 0 !important;
		float:left;
		}
		
			
DIV.csc-textpic-intext-right-nowrap {
position:relative;
display:block;
float:left;
}

DIV.csc-textpic-intext-right-nowrap .csc-textpic-text {
margin-left: 0; /* Textblock */
width:100% !important;
clear:both;
display:block;
}

DIV.csc-textpic-intext-right-nowrap .csc-textpic-imagewrap {
padding-right:0;
width:100% !important;
float:left !important;
margin:0 !important;
padding:0!important;
}

DIV.csc-textpic-intext-right-nowrap .csc-textpic-imagewrap .csc-textpic-imagerow {
display:block !important;
float:left !important;
width:30% !important;
position:relative;
margin:0 !important;
padding:0 !important;
clear:none !important;
}

DIV.csc-textpic-intext-right-nowrap .csc-textpic-imagewrap .csc-textpic-imagerow UL LI {
display:block !important;
float:left !important;
width:100% !important;
}

DIV.csc-textpic-intext-right-nowrap .csc-textpic-imagewrap IMG {
float:left;
display:inline;
margin-top:30px;
}

	
iframe[id^='twitter-widget-0'] {
height:265px !important;
margin-bottom:10px !important;
width:220px !important;
max-width:220px !important;
padding-right: 0 !important;
}

iframe.twitter-timeline  {
margin-right:0 !important;
padding-right:0 !important;
width:220px !important;
overflow:hidden !important;
display:block !important;
float:left !important;
}
	
	}

	/* All Mobile Sizes (devices and browser) */
	@media only screen and (max-width: 767px) {
	    DIV.csc-textpic-intext-right-nowrap DIV.csc-textpic-imagewrap,
		DIV.csc-textpic-intext-left-nowrap DIV.csc-textpic-imagewrap,
		DIV.csc-textpic-intext-right DIV.csc-textpic-imagewrap,
		DIV.csc-textpic-intext-left DIV.csc-textpic-imagewrap {
			width: 100%; /* Bildcontainer Breite */
		}
		
DIV.csc-textpic-intext-right-nowrap {
position:relative;
display:block;
float:left;
}

DIV.csc-textpic-intext-right-nowrap .csc-textpic-text {
margin-left: 0; /* Textblock */
width:100% !important;
clear:both;
display:block;
}

DIV.csc-textpic-intext-right-nowrap .csc-textpic-imagewrap {
padding-right:0;
width:100% !important;
float:left !important;
margin:0 !important;
padding:0!important;
}

DIV.csc-textpic-intext-right-nowrap .csc-textpic-imagewrap .csc-textpic-imagerow {
display:block !important;
float:left !important;
width:30% !important;
position:relative;
margin:0 !important;
padding:0 !important;
clear:none !important;
}

DIV.csc-textpic-intext-right-nowrap .csc-textpic-imagewrap .csc-textpic-imagerow UL LI {
display:block !important;
float:left !important;
width:100% !important;
}

DIV.csc-textpic-intext-right-nowrap .csc-textpic-imagewrap IMG {
float:left;
display:inline;
margin-top:30px;
}
		
.content.twelve.columns .ce .csc-firstHeader, .left .csc-firstHeader {
margin-top:10px;
}

.news-list-gotoarchive {
padding-bottom:30px;
}

		
		#sdnav {
		display:block;
		}
		
		#menu {
		display:none;
		}
		
		.searchbar.displayDesktop {
		display:none !important;
		}
		
		.search {
		margin: 5px 10px 70px 0;
		}
		
		.flex-control-nav {
	display:none !important;
	}
		
		
		#left {
   		position: relative; /* IMPORTANT! */
    	width: 220px;
    	min-height:40px;
    	height:auto;
    	border:1px solid #fff;
		}
		
		.ceLeft {
		position:relative !important;
		margin-left:.7em;
		min-height:40px !important;
		height:auto !important;
		display:block;
		float:left;
		top:0 !important;
		}
				
		.eleven.columns.news .news-list-accordion-titleWrapper {
		margin-left:0;
		}
		
		.minerva {
		margin:20px 0 20px 0;
		float:left;
		}
		
		DIV.csc-textpic-above DIV.csc-textpic-imagewrap DIV.csc-textpic-imagerow {
		width:100%;
		margin:0;
		clear:both;
		}
		
		DIV.csc-textpic DIV.csc-textpic-imagewrap DL.csc-textpic-image {
		float:none;
		}
		
		DIV.csc-textpic-above DIV.csc-textpic-imagewrap DIV.csc-textpic-imagerow DL.csc-textpic-image {
		float:none;
		clear:both;
		width:100%;
		margin:20px 0 0 0;
		}
		
		
		DIV.csc-textpic-intext-right-nowrap .csc-textpic-text,
		DIV.csc-textpic-intext-left-nowrap .csc-textpic-text {
 			clear:both; /* Textblock */
		}
		
		DIV.csc-textpic-right DL {
		width:100%;
		margin: 20px 10px 0 0 !important;
		float:left;
		}
		
		.five.columns .news-latest-subheader p {
		margin-right:80px;
		}
		
		.one-thirdRight H1, .one-thirdRight P {
		padding-left:0;
		}
		
		#c15 .one-third {
		margin-left:0;
		margin-right:0 !important;
		width:100% !important;
		}
		
	}
	
	/* own query start */
	
	@media only screen and (min-width:768px) and (max-width:959px) {
	
	.slideshow {
	margin:0;
	float:left;
	width:100%;
	height:316px;
	}

	.loading {
	/* min-height:382px !important; */
	/*max-height: 450px !important; */
	max-height:316px;
	min-height:316px;
	background: url(../images/spinner.gif) no-repeat center center !important; 
	float:left;
	width:100%;
	padding:0;
	border:0;
	}
	
	.flex-control-nav {
	margin-bottom:0 !important;
	display: block !important;
	float:left !important;
	position:relative !important;
	bottom: 60px !important;
	}

		.ceLeft {
		margin-left:.7em;
		height:auto;
		display:block;
		float:left;
		}

.five.columns .news-latest-subheader {
width:140px;
}

	
	
		#sdnav {
		min-width:300px;
		max-width:959px;
		width:100%;
		background:#fff;
		clear:both;
		display:inline;
		}
		
		.searchbox {
		display:none;
		margin: 20px 0 20px 0;
		}
		
		.search {
		margin-left:10px;
		float:left;
		}
		
		.logo {
		margin-left:10px;
		margin-bottom:0;
		}
		
		.displayDesktop {
		display:none;
		}
		
		UL#menu {
		display:none;
		}
		
		.topContainer .sixteen.columns {
		margin-left:0;
		margin-right:0;
		}
		
		.ceLeft  .csc-default {
		width:80%;
		}
		
		.tx-timtabsociable-pi1 {
		margin: 130px 10px 0 20px;
		}
		
		.facebookLink {
		margin-left:40px;
		}
		
		.staffInfoWrapper {
		padding-left:5px;
		width:70% !important; 
		margin:0;
		}
		
		.footer .footerFirst {
		margin-right:2%;
		}
		
		.footer .footerSecond {
		margin-right:4%;
		}


		.footer .footerThird {
		margin-left:0;
		margin-right:0;
		width:170px !important;
		}
		
		.footer .footerFourth {
		margin-left:5%;
		}
		
	
	}
	
	
	/*
	@media only screen and (min-width: 601px) and (max-width: 800px) {
	
		UL#menu {
		margin-top:15px;
		}
		
		
		UL.menu LI {
		float:left;
		margin: 0 3px 0 3px;
		}
		
		.logo {
		width:220px;
		margin-right:10px;
		}
		
		.searchbar.displayDesktop {
		display:block;
		position:absolute;
		z-index:2;
		right:0;
    	top:-20px;
		}
		
	
	} */

	
	
	/* Tablet Portrait (devices and browsers) */
	@media only screen and (min-width: 600px) and (max-width: 767px) {
	
	
	.slideshow {
margin:0;
float:left;
width:100%;
height:240px;
}

.loading {
/* min-height:382px !important; */
/*max-height: 450px !important; */
max-height:240px;
min-height:240px;
background: url(../images/spinner.gif) no-repeat center center !important; 
float:left;
width:100%;
padding:0;
border:0;
}

		.flex-control-nav {
	display:none !important;
	}

.left H2.csc-firstHeader {
display:none;
}

	
	
	    .container { width: 580px; }
        .container .columns,
        .container .column { margin: 0; }

        .container .one.column,
        .container .one.columns,
        .container .two.columns,
        .container .three.columns,
        .container .four.columns,
        .container .five.columns,
        .container .six.columns,
        .container .seven.columns,
        .container .eight.columns,
        .container .nine.columns,
        .container .ten.columns,
        .container .eleven.columns,
        .container .twelve.columns,
        .container .thirteen.columns,
        .container .fourteen.columns,
        .container .fifteen.columns,
        .container .sixteen.columns,
        .container .one-third.column,
        .container .two-thirds.column { width: 580px; }
        
        .contentNoLeft {
		margin-left:10px !important;
		}
        
        
        .footer .container .four.columns {
        width:250px;
        float:left;
        margin-right:10px;
        margin-left:10px;
        display:block;
        }
        
        .footer .container .three.columns {
        clear:both;
        display:block;
        width:200px;
        float:left;
        margin-right:10px;
        margin-left:10px;
        }
        
       
        .footer .container .five.columns {
        width:300px;
        float:right;
        margin-right:10px;
        margin-left:10px;
        }
        
        .five.columns .minerva {
        display:block;
        float:right;
        }
        
        	.footer .container .four.columns UL {
width:240px;
padding-top:1px;
margin:43px 0 0 0;
clear:both;
height:auto;
height:150px;
}
        
.minerva {
float:left;
margin-top:20px;
}
   
	.topContainer {
	padding-top:2px;
	}
	
	.subpageWrapper {
	margin-top:0;
	}
	
	.logo {
	margin-left:20px;
	margin-top:5px;
	margin-bottom:10px;
	clear:both;
	}
	
	#sdnav {
	min-width:300px;
	max-width:580px;
	width:100%;
	background:#0f7f40;
	clear:both;
	margin-left:-10px;
	}
	
	.slicknav_btn {
	float:left !important;
	}
	
	
	#topPicture {
	margin-top:10px;
	height:494px;
	}
	
	
	.contentContainer {
	margin-top: -230px !important;
	}
	
	.displayDesktop {
	display:none;
	}
	
	.searchbar.displayMobile {
	display:block;
	position:absolute;
	z-index:2;
	right:10px;
    top:100px;
	}
	
	.searchbar {
	font-size:16px;
	margin: 5px 5px 6px;
    text-decoration:none;
    -webkit-border-radius: 4px;
    -moz-border-radius: 4px;
    border-radius: 4px;  
    vertical-align: middle;
    float: right; 
    padding: 0.438em 0.625em 0.438em 0.625em; 
    line-height: 1.188em; 
    cursor: pointer;
	}
	
	.search.displayMobile.searchbox {
	display:none;
	margin: 20px 0 20px 0;
	float:left;
	min-width:380px;
	max-width:600px; 
	width:100%;
	}
	
	
	#indexedsearchbox { 
	min-width:380px;
	max-width:767px; 
	width:100%;
	height:33px; 
	border:1px solid #919191;
	-webkit-border-radius: 5px;
	-moz-border-radius: 5px;
	border-radius: 5px;
	float:right;
	}

	#indexedsearch .searchbox-sword { 
	float:left; 
	margin:7px 8px 5px 5px; 
	color:#7e7e7e; 
	max-width:100%; 
	height:20px; 
	line-height:20px; 
	padding:0 5px 0 0; 
	border:0; 
	background:transparent;
	}

	#indexedsearchbox input[type="text"] {
	border: none;
	outline: none;
	-moz-border-radius: none;
	-webkit-border-radius: none;
	border-radius: none;
	color: #777;
	max-width: 100%;
	display: block;
	background: transparent;
	}
	
	.pageTitle {
	height:100px;
	}

	.pageTitle H1.pageTitle {
	font-size:200% !important;
	color:#fff !important;
	text-align:center;
	padding-top:30px;
	}
	
	
	.tx-timtabsociable-pi1 {
	margin: 30px 0 30px 0;
	float:left;
	clear:both;
	}
	
	.facebookLink {
	margin-left:0;
	}
	
	.staffInfoWrapper {
padding-left:5px;
width:70% !important; 
margin:0;
}
	
	
	} /* own query end */
	
@media only screen and (max-width: 767px) {

.csc-textpic-lastcol {
margin-left:0 !important;
}

}
	
	
@media only screen and (max-width: 599px) {

#c53 {
display:block;
float:left;
width:100%;
margin-left:-10px;
margin-top:-30px;
}

#c20 {
display:none;
}
		
}
	
	
	

	/* Mobile Landscape Size to Tablet Portrait (devices and browsers) */
	@media only screen and (min-width: 480px) and (max-width: 599px) {
	
		.slideshow {
margin:0;
float:left;
width:100%;
height:195px;
}

.loading {
/* min-height:382px !important; */
/*max-height: 450px !important; */
max-height:195px;
min-height:195px;
background: url(../images/spinner.gif) no-repeat center center !important; 
float:left;
width:100%;
padding:0;
border:0;
}

.flex-control-nav {
display:none !important;
}

.left H2.csc-firstHeader {
display:none;
}
	
	
	    .container { width: 460px; }
        .container .columns,
        .container .column { margin: 0; }

        .container .one.column,
        .container .one.columns,
        .container .two.columns,
        .container .three.columns,
        .container .four.columns,
        .container .five.columns,
        .container .six.columns,
        .container .seven.columns,
        .container .eight.columns,
        .container .nine.columns,
        .container .ten.columns,
        .container .eleven.columns,
        .container .twelve.columns,
        .container .thirteen.columns,
        .container .fourteen.columns,
        .container .fifteen.columns,
        .container .sixteen.columns,
        .container .one-third.column,
        .container .two-thirds.column { width: 460px; }
        
        
    .news-list-accordion-titleWrapper H1 {

	}
	
	.contentNoLeft {
	margin-left:10px !important;
	}
	
	.news-list-accordion-image {
	margin-bottom:20px;
	}
   
   .news-list-accordion-date {
   display:block;
   clear:both;
   }
   
	
	.topContainer {
	padding-top:2px;
	}
	
	
	.subpageWrapper {
	margin-top:0;
	}
	
	.logo {
	margin-left:20px;
	margin-top:5px;
	margin-bottom:10px;
	clear:both;
	}
	
	#sdnav {
	min-width:300px;
	max-width:459px;
	width:100%;
	background:#0f7f40;
	clear:both;
	margin-left:-10px;
	}
	
	.slicknav_btn {
	float:left !important;
	}
	
	
	#topPicture {
	margin-top:10px;
	height:250px;
	}
	
	
	.contentContainer {
	margin-top: -130px !important;
	}
	
	.displayDesktop {
	display:none;
	}
	
	.searchbar.displayMobile {
	display:block;
	position:absolute;
	z-index:2;
	right:10px;
    top:100px;
	}
	
	.searchbar {
	font-size:16px;
	margin: 5px 5px 6px;
    text-decoration:none;
    -webkit-border-radius: 4px;
    -moz-border-radius: 4px;
    border-radius: 4px;  
    vertical-align: middle;
    float: right; 
    padding: 0.438em 0.625em 0.438em 0.625em; 
    line-height: 1.188em; 
    cursor: pointer;
	}
	
	.search.displayMobile.searchbox {
	display:none;
	margin: 20px 0 20px 0;
	float:left;
	min-width:380px;
	max-width:600px; 
	width:100%;
	}
	
	
	#indexedsearchbox { 
	min-width:380px;
	max-width:600px; 
	width:100%;
	height:33px; 
	border:1px solid #919191;
	-webkit-border-radius: 5px;
	-moz-border-radius: 5px;
	border-radius: 5px;
	float:right;
	}

	#indexedsearch .searchbox-sword { 
	float:left; 
	margin:7px 8px 5px 5px; 
	color:#7e7e7e; 
	max-width:100%; 
	height:20px; 
	line-height:20px; 
	padding:0 5px 0 0; 
	border:0; 
	background:transparent;
	}

	#indexedsearchbox input[type="text"] {
	border: none;
	outline: none;
	-moz-border-radius: none;
	-webkit-border-radius: none;
	border-radius: none;
	color: #777;
	max-width: 100%;
	display: block;
	background: transparent;
	}
	
	.pageTitle {
	height:50px;
	}

	.pageTitle H1.pageTitle {
	font-size:150% !important;
	color:#fff !important;
	text-align:center;
	padding-top:10px;
	}
	
	
	.tx-timtabsociable-pi1 {
	margin: 30px 0 30px 0;
	}
	
	.facebookLink {
	margin-left:0;
	}
	
	.footer .container .four.columns UL {
width:240px;
padding-top:1px;
margin:20px 0 0 0;
}
	
	
	}

	/* Mobile Portrait Size to Mobile Landscape Size (devices and browsers) */
	@media only screen and (max-width: 479px) {
	
			.slideshow {
margin:0;
float:left;
width:100%;
height:130px;
}

.loading {
/* min-height:382px !important; */
/*max-height: 450px !important; */
max-height:130px;
min-height:130px;
background: url(../images/spinner.gif) no-repeat center center !important; 
float:left;
width:100%;
padding:0;
border:0;
}

.flex-control-nav {
display:none !important;
}

.left H2.csc-firstHeader {
display:none;
}
	
	
	.contentNoLeft {
	margin-left:1px !important;
	}
		
	.news-list-accordion-titleWrapper H1 {
	text-transform:none;
	font-size:14px;
	font-weight:bold;
	}
	
	.news-list-accordion-date {
 	font-size:12px !important;
 	}
 	
 	.news-list-gotoarchive {
 	margin-bottom:30px;
 	}
	
	.topContainer {
	padding-top:2px;
	
	}
	
	.subpageWrapper {
	margin-top:0;
	background:#fff;
	}
	
	.topContainer .sixteen.columns {
	background:#fff;
	margin-left:-1px;
	}
		

	.logo {
	margin-left:18px;
	margin-top:5px;
	margin-bottom:10px;
	clear:both;
	background:#fff;
	}
	
	#sdnav {
	min-width:300px;
	max-width:600px;
	width:101%;
	background:#0f7f40;
	clear:both;
	margin-left:-10px;
	}
	
	.slicknav_btn {
	float:left !important;
	}
		
	#topPicture {
	margin-top:10px;
	height:250px;
	}	
	
	.contentContainer {
	margin-top: -100px !important;
	}
	
	.search.displayDesktop {
	display:none;
	}
	
	.searchbar.displayMobile {
	display:block;
	position:absolute;
	z-index:2;
	right:10px;
    top:100px;
	}
	
	.searchbar {
	font-size:16px;
	margin: 5px 5px 6px;
    text-decoration:none;
    -webkit-border-radius: 4px;
    -moz-border-radius: 4px;
    border-radius: 4px;  
    vertical-align: middle;
    float: right; 
    padding: 0.438em 0.625em 0.438em 0.625em; 
    line-height: 1.188em; 
    cursor: pointer;
	}
	
	
	.search.displayMobile.searchbox {
	display:none;
	margin: 20px 0 20px 0;
	float:left;
	min-width:250px;
	max-width:449px; 
	width:100%;
	}
	
	
	#indexedsearchbox { 
	width:100%;
	height:33px; 
	border:1px solid #919191;
	-webkit-border-radius: 5px;
	-moz-border-radius: 5px;
	border-radius: 5px;
	float:right;
	}

	#indexedsearch .searchbox-sword { 
	float:left; 
	margin:7px 8px 5px 5px; 
	color:#7e7e7e; 
	max-width:70%; 
	height:20px; 
	line-height:20px; 
	padding:0 5px 0 0; 
	border:0; 
	background:transparent;
	}

	#indexedsearchbox input[type="text"] {
	border: none;
	outline: none;
	-moz-border-radius: none;
	-webkit-border-radius: none;
	border-radius: none;
	color: #777;
	max-width: 70%;
	display: block;
	background: transparent;
	}
	
	
	.pageTitle {
	height:50px;
	}

	.pageTitle H1.pageTitle {
	font-size:150% !important;
	color:#fff !important;
	text-align:center;
	padding-top:10px;
	}
	
.footer .container .four.columns UL {
width:240px;
padding-top:1px;
margin:20px 0 0 0;
}
	
	
	.tx-timtabsociable-pi1 {
	margin: 30px 0 30px 0;
	}
	
	.facebookLink {
	margin-left:0;
	}
	
.csc-textpic-lastcol {
margin-left:0 !important;
width:300px;
height:auto;
}
	
	}


/* #Font-Face
================================================== */
/* 	This is the proper syntax for an @font-face file
		Just create a "fonts" folder at the root,
		copy your FontName into code below and remove
		comment brackets */

/*	@font-face {
	    font-family: 'FontName';
	    src: url('../fonts/FontName.eot');
	    src: url('../fonts/FontName.eot?iefix') format('eot'),
	         url('../fonts/FontName.woff') format('woff'),
	         url('../fonts/FontName.ttf') format('truetype'),
	         url('../fonts/FontName.svg#webfontZam02nTh') format('svg');
	    font-weight: normal;
	    font-style: normal; }
*/