/* ==========================================================================
   Columns
   ========================================================================== */
.row {
	width: 1280px;
	max-width: 1600px;
}

.column,
.columns {
	padding: 0;
}

.row .row {
	margin: 0;
}

/* ==========================================================================
   Header
   ========================================================================== */
#header {
	width: 100%;
	z-index: 999;
	position: relative;
	background:#fff;
}

#header > .row {
	position: relative;
	width:1600px;
	max-width:1600px;
}

@media screen and ( max-width: 1600px) {
	#header > .row {
	position: relative;
	width:1200px;
	max-width:1200px;
	}


}

@media screen and ( max-width: 1300px) {
#header > .row {
	position: relative;
	width:960px;
	max-width:960px;
		}

.row {
	width: 960px;
	max-width: 1200px;
}

}


#logo img[class="guetesiegel"] {
	position: absolute;
    left: 14%;
    top: 0px;
}

#logo {
  width: 100%;
  text-align: center;
  margin: 0px;
}

#logo a{
	display:block;
	width:170px;
	height:36px;
	margin:0 auto;
}

#logo img {
	margin: 17px 0;
}

#header-right {
	width: 100%;
	margin-top: -50px;
}

.header-top.columns{
    position: absolute;
    right: 0;
    top: 15px;
}

.header-top-wrap {
	float: right;
}

.login-link {
	float: right;
	background: #FFF;
	display: block;
	padding: 9px 24px 10px 33px;
	border: 1px solid #0089cf;
	border-radius: 20px;
	color: #000;
	font-size: 12px;
	margin-left: 11px;
	position: relative;
}

.login-link:hover {
	text-decoration: none;
	color: #FFF;
}

#indexedsearch #input-button{
	 background: url("../Images/ui.svg") no-repeat 0 0;
}

#indexedsearch fieldset {
	border: none;
	padding: 0;
}

#input-button {
	border: none;
	position: relative;
	text-indent: -9999px;
	width: 23px;
	color:#575757;
}

#input-text {
	border: none;
	font-size: 14px;
	width: 155px;
	color:#575757;
	background:none;
}

.accessibility {
	float: right;
}

.accessibility .icon {
	float: left;
	margin-right: 5px;
	display: block;
	cursor: pointer;
	position: relative;
	text-indent: -9999px;
}

.accessibility .contrast {
	width: 22px;
	height: 22px;
	margin-top: 6px;
}

.accessibility .font-smaller {
	width: 27px;
	height: 27px;
	background-position: 0 -84px;
	margin-top: 3px;
}

.accessibility .font-bigger {
	width: 33px;
	height: 33px;
	background-position: 0 -113px;
}


.menu-icon {
	display: none;
	float: right;
	margin: 20px 0 10px 0;
	z-index: 999;
}

.menu-icon a {
	background: #FFF;
	color: #ff7300;
	height: 34px;
	line-height: 33px;
	padding: 0;
	text-indent: -48px;
	width: 34px;
	display: block;
	position: relative;
}

.menu-icon span {
	box-shadow: 0 10px 0 1px #50bee1, 0 16px 0 1px #50bee1, 0 22px 0 1px #50bee1;
	display: block;
	height: 0;
	position: absolute;
	right: 9px;
	width: 16px;
}

/* ==========================================================================
   Stage
   ========================================================================== */
/*#stage {
	display:none;
}*/

.start #stage {
	display:block;
	position: relative;
	color: #808b9f;
	font-size: 34px;
	padding: 79px 0 57px;
	background: #f6f7f8 url("../Images/bg-stage-left.png") repeat-x;
}

#stage.stage-default {
	background: #f6f7f8 url("../Images/bg-stage-left-default.png") repeat-x;
	overflow: hidden;
	height: 250px;
}

#stage.stage-default img,
#stage.stage-detail img {
	position: absolute;
	right: 0;
	top: 0;
}

#stage.stage-detail {
	background: #f6f7f8 url("../Images/bg-stage-left-detail.jpg") repeat-x;
	overflow: hidden;
	padding: 54px 0 17px;
	height: 174px;
}

.start #stage {
	padding: 0;
}



#stage .stage-wrap > .row {
	max-width: 100%;
	width: 100%;
}

.flexslider {
	background: transparent;
	position: static;
}

.flex-caption {
	width: 35%;
	background: none;
	-ms-filter: none;
	filter: none;
	text-shadow: none;
	color: #808b9f;
	right: 7%;
	bottom: auto;
	text-align: left;
	left: auto;
	top: 17%;
	text-transform: none;
	font-size: 16px;
	line-height: 1.4;
	padding: 2%;
}

.start .flex-caption {

}

#stage .teaser {
	font-size: 34px;
	line-height: 1.2;
	margin-bottom: 30px;
}

.flex-caption .button {
	font-size: 14px;
	margin-top: 20px;
}

.flex-caption h3 {
	font-size: 70px;
	text-transform: none;
	color: #0089cf;
}

#stage b {
	color: #0089cf;
}

.flex-direction-nav li a {
	background: url("../Images/icon-slider-nav.png") no-repeat -53px 18px;
	width: 52px;
	height: 52px;
	opacity: 1;
	top: 52%;
	margin: -26px 0 0;
	border: 1px solid #808b9f;
	border-radius: 52px;
}

.flex-direction-nav li a:hover {
	background-position: -53px -48px;
	border: 1px solid #0089cf;
}

.flex-direction-nav li .prev {
	left: 35px;
}

.flex-direction-nav li .next {
	background-position: 22px 18px;
	right: 35px;
}

.flex-direction-nav li .next:hover {
	background-position: 22px -48px;
}

.flex-control-nav {
	top: auto;
	bottom: 5px;
}

.flex-control-nav li a {
	background: none #FFF;
	width: 12px;
	height: 12px;
	border-radius: 6px;
	-webkit-border-radius: 6px;
}

.flex-control-nav li a.active {
	background: #6e6d6c;
}

#stage h1 {
    text-transform: uppercase;
    color: #ffffff;
    font-size: 38px;
    letter-spacing: 4px;
	margin: 0 0 8px 0;
	/*position:absolute;*/
}

.headline-caption {
    left: 0;
    position: absolute;
    right: 0;
    text-align: center;
    top: 48%;
}

.headline-caption h2 {
    color: #ffffff;
    font-size: 12px;
    letter-spacing: 2px;
}

/* ==========================================================================
   Content
   ========================================================================== */

.subheadline {
	text-transform:uppercase;
	letter-spacing:2px;
	font-size:12px;
}

#content-wrap {
	background: #FFF;
    padding: 17px 0 30px 0;
	border-top: 1px solid #eeeeee;
}

.start #content {
	padding: 48px 0 0 0;
}

#content a {
	color: #000;
	text-decoration: underline;
}

#content a.button:hover {
	color: #FFF;
}
/*
#main a {
	color: #e30612;
}
*/
#main ul {
	list-style: none;
	margin-left: 0;
}

#main ul li {
	padding-left: 24px;
	display: block;
	background: url("../Images/icon-bullet.png") no-repeat 3px 7px;
}

#main {
	width: 816px;
	padding-right: 104px;
}

#main h2 {
	margin-bottom: 22px;
}

#main h4 {
	margin-bottom: 22px;
}

#main .teaser {
	margin-bottom: 34px;
}

#main div.csc-textpic .csc-textpic-imagewrap .csc-textpic-image {
	margin-top: 10px;
}

#main img {
	border-radius: 4px;
}

#sidebar {
	width: 384px;
	position: relative;
	padding-top: 63px;
}

#content-title {
	padding: 50px 0 0 0;
	text-transform: uppercase;
}

#content-title h1 {
	margin: 0;
}

#content-title p {
	margin: 0 0 4px;
}

#content {
	padding-bottom: 30px;
}

.start #content {
	padding-bottom: 5px;
}

#sidebar .news-list-view .article {
	padding: 26px;
}

#sidebar .news-list-view .article-thumb {
	width: 100%;
	text-align: center;
	margin-bottom: 26px;
}

#sidebar .news-list-view .article-teaser {
	width: 100%;
}

#locations-wrap {
	border-top: 1px solid #dfdfdf;
}

#sidebar .news-eventlist {
	border: 1px solid #cbcbcb;
	border-radius: 6px;
	padding: 26px;
	margin-bottom: 23px;
}

#sidebar .news-eventlist .article {
	border: none;
	padding: 0;
	margin-bottom: 10px;
}

#sidebar .news-eventlist .article.last {
	margin-bottom: 0;
}

#sidebar .news-eventlist p {
	margin-bottom: 16px;
}

#sidebar .news-eventlist .event-row {
	margin-bottom: 0;
}

#sidebar .news-eventlist a {
	text-decoration: none;
}

#sidebar .news-eventlist a:hover {
	text-decoration: underline;
}

#content {padding: 30px 0;}

.start #content-grey{
	background:#f8f8f8;
}

#content-grey{
	background:#ffffff;
	padding: 53px 0 0 0;
}

#content-grey #c3 {
    text-align: center;
    padding: 0 16%;
	margin:0;
}

#content-grey #c20,
#content-grey #c21 {
    color: #cecece;
    width: 40%;
    margin: 0 auto;
}

#content-grey #c20 hr{
	margin: 77px auto 24px;
}

#content-grey #c21 hr{
	margin: 26px auto 63px;
}

#content-grey #c3 p {
    text-transform: uppercase;
    font-size: 18px;
}

#content-grey #c3 h3 {
    text-transform: uppercase;
    color: #0081c6;
    font-size: 32px;
    letter-spacing: 3px;
	margin: 0 0 17px 0;
	font-family: 'ralewaylight';
}

#content-grey .column-33, .shadow-box .column-33{
	width:32%;
	margin:0 2% 0 0;
	text-align:center;

}

.shadow-box .column-33{margin:0 2% 4% 0;}

.column-33.column-1 {
    padding-right: 20px;
}

.column-33.column-3 {
    padding-left: 20px;
}

#content-grey .column-33, .shadow-box .column-33 .csc-default{background:#fff;
	-webkit-box-shadow: 3px 3px 10px 0px rgba(0,0,0,0.2);
	-moz-box-shadow: 3px 3px 10px 0px rgba(0,0,0,0.2);
	box-shadow: 3px 3px 10px 0px rgba(0,0,0,0.2);
	padding:0 0 8px 0;
	min-height: 299px;}


#content-grey .column-33.column-3, .shadow-box .column-33.column-3 {
	margin:0;
}

 .shadow-box .column-33 .csc-default.download-module {min-height:0;  background: #f8f8f8;height: 200px;}
 .csc-default.download-module .csc-textpic {padding:30px 0;}

#content a.more {
    font-weight: normal;
    color: #0081c6;
    text-decoration: none;
    font-family: 'ralewaybold';
    background: url("../Images/ui.svg") no-repeat -45px -225px;
    padding: 0 0 0 11px;
}

#content a.more:hover {color: #000; background: url("../Images/ui.svg") no-repeat 1px -225px;}

#content .back-button a.more {background: rgba(0, 0, 0, 0) url("../Images/ui.svg") no-repeat scroll 0 -278px;}
#content .back-button a.more:hover {background-position: 0 -293px;}


#content-grey .column-33 h3, .shadow-box .column-33 h4 {
	font-size:19px;
	text-transform: uppercase;
    color: #0081c6;
    letter-spacing: 1px;
    padding: 0 25px;
    margin: 0 0 20px 0;
}

#content .shadow-box .column-33 h4 a {
   color: #0081c6;
   text-decoration: none;}



#content-grey .column-33 h4 {
    font-size: 13px;
    color: #777777;
	text-transform: none;
}

#content-grey .column-33 p {

	padding:0 25px;
}

#content .news-carousel .owl-item p, #content-grey .column-33 p,
.column-33 .csc-textpic-text p{
	font-size:14px;
	line-height: 1.6;
	letter-spacing:0;
}

#content-grey .column-33 .csc-textpic-image{
	margin:0 0 22px 0;
}

#content-grey .column-33 hr,
.owl-item hr, .shadow-box hr{
    width: 60%;
    margin: 15px auto;
	color:#eeeeee;
}

.shadow-box .csc-textpic-text {
    padding: 0 25px;
}


#content .owl-carousel {
    margin: 40px 0 0 0;
}


#content .news-carousel .owl-item {
    text-align: center;
	min-height: 435px;
}

#content .news-carousel .owl-item .csc-default{
	padding: 0 8px;
}

#content .news-carousel .owl-item .csc-textpic{
	background:#ffffff;
	-webkit-box-shadow: 3px 3px 10px 0px rgba(0,0,0,0.2);
	-moz-box-shadow: 3px 3px 10px 0px rgba(0,0,0,0.2);
	box-shadow: 3px 3px 10px 0px rgba(0,0,0,0.2);
	min-height: 420px;

}

#content .news-carousel .owl-item  h5 a {
	color: #0081c6;
}

#content .news-carousel .owl-item  h5 a:hover, h3 a:hover, #content .news-list-box .csc-default h5 a:hover, #content .shadow-box .column-33 h4 a:hover, #content .shadow-box .column-33 h4 a:hover {
	color: #00a9ff;
	text-decoration: none;
}

#content .news-carousel .owl-item .small {
    color: #aaaaaa;
    font-size: 13px;
	padding: 11px 0;
    line-height: 16px;
	margin:0;
}

.start .news {margin-top: 0;}
.news {margin-top: 25px;}


#locations-wrap {display:none;}

.quickcontact {
    background: #ebebeb;
    padding: 25px;
	margin:40px 0;
}

.quickcontact p {
    font-size: 17px;
    color: #0089cf;
	margin: 0;
	display: inline-block;
}

.quickcontact p span {
	font-style:normal;
	color:#000000;
}

.quickcontact .button.qc-btn {
	float:right;
}

/* ==========================================================================
   Footer
   ========================================================================== */
#footer {
	padding-top: 50px;
	font-size:14px;
}

#footer .row{
	background:#ebebeb;
	color:#ffffff;
	width:100%;
	max-width:100%;
}

#footer .row.sockel{
	background:#0e1520;
	color:#c8c8c8;
}

#footer .row .footer-wrap{
	width:1280px;
	max-width:1280px;
	margin:0 auto;
}

#footer .row .footer-wrap a{
	color:#575757;
	padding: 0 0 0 15px;
}

#footer .row .footer-wrap a:hover{
	text-decoration:none;
	opacity:0.8;
}

#footer .row .footer-wrap a.fb{
	background: url("../Images/ui.svg") no-repeat -3px -59px;
	padding: 3px 0 0 28px;
}

#footer .row .footer-wrap a.gp{
	background: url("../Images/logo-google-plus.png") no-repeat 0 0px;
	padding: 3px 0 0 28px;
	margin: 0 0 0 30px;
}

#footer .row .footer-wrap a.tw{
	background: url("../Images/ui.svg") no-repeat -3px -119px;
	padding: 3px 0 0 28px;
	margin: 0 0 0 30px;
}

.column-50.columns .sociallinks {
	text-align:right;
	padding: 55px 0 0 0;
}

#footer .row .footer-wrap #footer-menu a{
	color:#c8c8c8;
}

.footer-logo {
	float: left;
	margin: 0 20px 0 0;
}

#copyright {
	line-height: 1.6;
	float: left;
    margin: 12px 0;
}

#footer .externelinks{
    padding: 30px 0;
}

#footer .externelinks a {
    display: inline-block;
    margin: 0 70px 0 0;
}

#footer .externelinks a:hover img {
	opacity:0.8;
}