/** BEN: /2014/main.css */



/**
 **************************************************
 * Donation Plugin
 **************************************************
**/

.page form.donate_form {
    padding-top: 40px;
    padding-bottom: 40px;
    font-size: 27px;
}

.page form.donate_form input{
    border-top: none;
    border-bottom: 1px solid black;
    border-left: none;
    border-right: none;
    text-align: center;
    width:  120px;

}

.page form.donate_form .d_first button,  .page form.donate_form .d_second button{
    background-color: #ffffff;
    border: none;
}

.page form.donate_form .arrow-right {
    display: inline-block;
    padding: 20px;
    background-image: url('/typo3conf/ext/donation_barometer/Resources/Public/Images/arrow.svg');
    border: none;
    margin-bottom: -7px;
    margin-left: 10px;
}



/* BEN *//* These rules are the ONLY "always on"-styles. Everything else is wrapped in media-queries. */
.csc-default.mobile-only {
	display:none;
}
.csc-frame-frame2 {
	padding:4px;
	border:1px dotted red;
	background-color:yellow;
}
.tx-flvplayer2-pi1,
.tx-flvplayer2-pi1 embed,
.tx-flvplayer2-pi1 object {
	width:100%;
}
.intrinsicRatio {
	position: relative;
	height: 0;
}
.intrinsicRatio.ratio16to9 {
	padding-bottom: 56.25%;
}
.intrinsicRatio.ratio4to3 {
	padding-bottom: 75%;
}
.intrinsicRatio div,
.intrinsicRatio object,
.intrinsicRatio embed,
.intrinsicRatio iframe {
	position: absolute !important;
	top: 0;
	left: 0;
	width: 100%;
	height: 100%;
	min-height:0;
	background: black;
}
.teaserbox.single-img {
	margin-bottom:15px !important;
}
.teaserbox.single-img.align-left {
	text-align: left;
}
.teaserbox.single-img.align-center {
	text-align: center;
}
.teaserbox.single-img.align-right {
	text-align: right;
}
/* Better word-wrap*/
.content p {
    -ms-hyphens: auto !important;
    -moz-hyphens: auto !important;
    -webkit-hyphens: auto !important;
    hyphens: auto !important;
}

/* BEN: */
@media screen and (max-width: 979px) {
    .headerInner,
    .page .submenu,
    .page .content,
    .page.start .content .teaserboxQuer-2col,
    .page.start .content .teaserboxQuer-2col-right,
    .page.start .content .teaserboxQuer-2col-left,
    .page.start .content .teaserboxQuer-2col-small-right,
    .page.start .content .teaserboxQuer-2col-small-left,
    .page aside .teaserbox,
    .page.start .content .teaserboxSmall,
    .page.start .content .teaserboxLarge,
    .content .teaser,
    .content .teaser .teaserbild,
    .content .teaser .teasertext,
    footer > div,
    footer .info,
    .tx-pilmailform-pi1 form input,
    .tx-pilmailform-pi1 form textarea,
    .tx-pilmailform-pi1 form select,
    .tx-pilmailform-pi1 form label,
    .tx-powermail input,
    .tx-powermail textarea,
    .tx-powermail select,
    .tx-powermail label,
    .tx-imagecycle-pi1 {
        box-sizing: border-box;
    }
	div.csc-textpic, div.csc-textpic div.csc-textpic-imagerow, ul.csc-uploads li {
		overflow: visible;
	}
	figcaption.csc-textpic-caption {
		display:block;
	}
    div.csc-textpic-imagewrap {
        /*float: none !important;*/
        width:auto !important;
    }
    .tx-imagecycle-pi1,
    .tx-imagecycle-pi1 * {
        width:100% !important;
    }
    .tx-imagecycle-pi1-images {
        transition: height 250ms ease-in-out;
    }
    img {
        max-width:100%;
        height:auto;
    }
    iframe {
        width:100% !important;
        min-height:800px;
        border:0;
    }

    .page.start .content .teaserboxLarge iframe {
        width:100% !important;
        min-height:100%;
        border:0;
    }
    .csc-default.mobile-only {
	    display:block;
    }
	.csc-default.desktop-only {
		display:none;
	}
}
@media screen and (max-width: 400px) {
    .content div.csc-textpic .csc-textpic-imagewrap,
    .content div.csc-textpic .csc-textpic-text{
        /*float:none !important;*/
        width:100% !important;
    }

}







/*! HTML5 Boilerplate v4.3.0 | MIT License | http://h5bp.com/ */

/*
 * What follows is the result of much research on cross-browser styling.
 * Credit left inline and big thanks to Nicolas Gallagher, Jonathan Neal,
 * Kroc Camen, and the H5BP dev community and team.
 */

/* ==========================================================================
   Base styles: opinionated defaults
   ========================================================================== */

html,
button,
input,
select,
textarea {
    color:#1c3452;
    font-family:Verdana,sans-serif;
}

html {
    font-size: 1em;
    line-height: 1.4;
}

/*
 * Remove text-shadow in selection highlight: h5bp.com/i
 * These selection rule sets have to be separate.
 * Customize the background color to match your design.
 */

::-moz-selection {
    background: #b3d4fc;
    text-shadow: none;
}

::selection {
    background: #b3d4fc;
    text-shadow: none;
}

/*
 * A better looking default horizontal rule
 */

hr {
    display: block;
    clear:both;
    height: 1px;
    border: 0;
    border-top: 1px dotted #8F9CAF;
    margin: 1em 0;
    padding: 0;
}

/*
 * Remove the gap between images, videos, audio and canvas and the bottom of
 * their containers: h5bp.com/i/440
 */

audio,
canvas,
img,
video {
    vertical-align: middle;
}

/*
 * Remove default fieldset styles.
 */

fieldset {
    border: 0;
    margin: 0;
    padding: 0;
}

/*
 * Allow only vertical resizing of textareas.
 */

textarea {
    resize: vertical;
}

/* ==========================================================================
   Browse Happy prompt
   ========================================================================== */

.browsehappy {
    margin: 0.2em 0;
    background: #ccc;
    color: #000;
    padding: 0.2em 0;
}

/* ==========================================================================
   Author's custom styles
   ========================================================================== */
.clear{
    float:none;
    clear:both;
    font-size:0px;
    line-height:0px;
    padding:0px;
    margin:0px;
}
p, pre {
    margin: 0.4em 0 1em 0;
}
a{
    color:#1c3452;
}
a:hover{
    color:#D88E17;
}
body{
    background:#E6EEF1;
}
.csc-textpic-caption{
    padding-top:3px;
    font-size:0.8em;
    line-height:1.2em;
    font-style:italic;
}
ul{
    padding:0px;
    margin-left:15px;
    list-style-type:square;
}
ul ul{
    padding:0px 0px 0px 15px;
}
ol{
    padding:0px;
    margin-left:30px;
}
ol ol{
    padding:0px 0px 0px 15px;
}
p.align-center{
    text-align:center;
}
p.align-right{
    text-align:right;
}
iframe{
    border:0px;
}

/* ==========================================================================
   CSS Style Content
   ========================================================================== */
div.csc-textpic .csc-textpic-imagewrap .csc-textpic-image {
    margin-bottom: 10px;
}

aside div.csc-textpic .csc-textpic-imagewrap .csc-textpic-image {
    /*margin-bottom: 0px;*/
}

div.csc-textpic-imagecolumn, td.csc-textpic-imagecolumn .csc-textpic-image {
    margin-right: 10px;
}

/***************************************/
header{
    background:#182260;
}

header .headerInner{
    width:950px;
    margin:0px auto 0px auto;
    padding:50px 0px 20px 0px;
}

.lt-ie8 header .headerInner{
    padding:0px 0px 20px 0px;
}
header .claim{
    font-size:1.22em;
    line-height:1.26em;
    color:white;
    font-weight:400;
    text-align:right;
    padding-top: 47px;
}

header .headerInner .logo,
header .headerInner .claim{
    float:left;
    width:50%;
}
.lt-ie8 header .headerInner .logo{
    padding-top:50px;
}
.lt-ie8 header .headerInner .claim{
    padding-top:97px;
}


/* BEN */
@media screen and (max-width: 979px) {
	header {
		position:relative;
		height:160px;
	}
	header .headerInner {
		height:160px;
	}
    header .headerInner{
        width:100%;
        padding:20px;
    }
    header .headerInner .logo,
    header .headerInner .claim {
        float:none;
        width:auto;
        padding:0 !important;
    }

    header .headerInner .claim {
        font-size:1em;
        line-height:2.9em;
        font-weight:normal;
        text-align:left;
    }
}
@media screen and (max-width: 768px) {
	header {
		height:100px;
	}
	header .headerInner{
		height:100px;
		padding:15px;
	}
	header .headerInner .logo {
		max-width:245px;
	}
	header .headerInner .claim {
		display:none;
	}
}
@media screen and (max-width: 480px) {
	header {
		height:80px;
	}
	header .headerInner{
		height:80px;
		padding:15px;
	}
	header .headerInner .logo {
		max-width:185px;
	}
	header .headerInner .claim {
		display:none;
	}
}
@media screen and (max-width: 400px) {
	header .headerInner .logo {
    position: absolute;
    left: 15px;
    width: 110px;
    height: 60px;
    overflow: hidden;
	}
	header .headerInner .logo a {
		display:block;
		position:absolute;
    left: 0;
    width: 110px;
    top: 10px;
	}
}














/***************************************/
.page{
    width:980px;
    margin:0px auto 0px auto;

    font-size:0.8em;
    line-height:1.4em;
}
.page .pageInner{
    background:white;
    padding:0px;
}
.page.start .pageInner{
    background:white;
    padding:15px;
}
/* BEN */
@media screen and (max-width: 979px) {
    .page {
        width:100%;
    }
    .page .pageInner {
        padding:15px;
    }
	.page.start .tx-imagecycle-pi1 {
		padding-right:15px;
	}
	.page.start .teaserboxSmall .tx-imagecycle-pi1 {
		padding-right:0;
	}
	.page.start .content .teaserboxQuer-2col-left .tx-imagecycle-pi1,
	.page.start .content .teaserboxQuer-2col-right .tx-imagecycle-pi1 {
		padding-right:0;
	}
}
@media screen and (max-width: 768px) {
    .page.start .pageInner,
    .page .pageInner {
        padding-right:0;
    }
}



/* BREADCRUMB **************************************/
nav.breadcrumb{
    font-size:0.9em;
    line-height:1.3em;
    margin-bottom:15px;
}
nav.breadcrumb a{
    color:#d88e17;
    text-decoration:none;
}
nav.breadcrumb a:hover{
    color:#ebb866;
}
/* SUBMENU **************************************/
.page .pageInner{
    height:100%;
    overflow:hidden;
}
.page .submenu{
    float:left;
    width:200px;
    margin-right:15px;
    min-height:1px;
    overflow:hidden;
    border-top:1px solid white;
    /*background:#e6eef1; 2014-02-04 CB*/
    background:white;

    /*height100%*/
    margin-bottom: -999em;
    padding: 0px 0px 1000em 0px;
}
/* BEN */
@media screen and (max-width: 979px) {
    .page .submenu {
        display:none;
        width:25%;
        margin-right:0;
        padding-right:15px;
    }
}




.page .submenu ul{
    padding:0px;
    margin:0px;
    list-style-type:none;
}
.page .submenu>ul>li>a{
    display:block;
    background:#d6dfe5;
    border-bottom:1px solid white;
    text-decoration:none;
    color:#1c3452;
    font-weight:600;
    font-size:0.9em;
    line-height:1.3em;
    padding:10px 5px 10px 15px;

    -webkit-transition: all 500ms ease-in;
    -moz-transition: all 500ms ease-in;
    -o-transition: all 500ms ease-in;
    -ms-transition: all 500ms ease-in;
    transition: all 500ms ease-in;
}
.page .submenu>ul>li>a:hover{
    color:#d88e17;
    background:#c9d2da;

    -webkit-transition: all 100ms ease-in;
    -moz-transition: all 100ms ease-in;
    -o-transition: all 100ms ease-in;
    -ms-transition: all 100ms ease-in;
    transition: all 100ms ease-in;
}
.page .submenu>ul>li.act.ifsub{
    border-bottom:1px solid white;
}
.page .submenu>ul>li.act>a{
    color:#d88e17;
}
.page .submenu>ul.newsAmenu>li>ul{
    display:none;
}
.page .submenu>ul.newsAmenu>li.act>ul{
    display:block;
}
.page .submenu>ul>li>ul>li>a{
    display:block;
    background:#e1e7ec;
    text-decoration:none;
    color:#1c3452;
    font-weight:400;
    font-size:0.9em;
    line-height:1.3em;
    padding:4px 5px 6px 20px;

    -webkit-transition: all 500ms ease-in;
    -moz-transition: all 500ms ease-in;
    -o-transition: all 500ms ease-in;
    -ms-transition: all 500ms ease-in;
    transition: all 500ms ease-in;
}
.page .submenu>ul>li>ul>li>a:hover{
    color:#d88e17;

    -webkit-transition: all 100ms ease-in;
    -moz-transition: all 100ms ease-in;
    -o-transition: all 100ms ease-in;
    -ms-transition: all 100ms ease-in;
    transition: all 100ms ease-in;
}
.page .submenu>ul>li>ul>li.act>a{
    color:#d88e17;
}
/* BEN */
@media screen and (max-width: 979px) {
	ul.newsAmenu,
	ul.newsAmenu ul {
		padding:0;
		margin:0;
		list-style-type:none;
	}
	ul.newsAmenu {
		margin-bottom:15px;
	}
	ul.newsAmenu > li > a {
		display:block;
		background:#d6dfe5;
		border-bottom:1px solid white;
		text-decoration:none;
		color:#1c3452;
		font-weight:600;
		font-size:0.9em;
		line-height:1.3em;
		padding:10px 5px 10px 15px;

		-webkit-transition: all 500ms ease-in;
		-moz-transition: all 500ms ease-in;
		-o-transition: all 500ms ease-in;
		-ms-transition: all 500ms ease-in;
		transition: all 500ms ease-in;
	}
	ul.newsAmenu > li > a:hover {
		color:#d88e17;
		background:#c9d2da;

		-webkit-transition: all 100ms ease-in;
		-moz-transition: all 100ms ease-in;
		-o-transition: all 100ms ease-in;
		-ms-transition: all 100ms ease-in;
		transition: all 100ms ease-in;
	}
	ul.newsAmenu > li.act.ifsub {
		border-bottom:1px solid white;
	}
	ul.newsAmenu > li.act > a {
		color:#d88e17;
	}
	ul.newsAmenu > li > ul {
		display:none;
	}
	ul.newsAmenu > li.act > ul {
		display:block;
	}
	ul.newsAmenu ul > li > a {
		display:block;
		background:#e1e7ec;
		text-decoration:none;
		color:#1c3452;
		font-weight:400;
		font-size:0.9em;
		line-height:1.3em;
		padding:4px 5px 6px 20px;

		-webkit-transition: all 500ms ease-in;
		-moz-transition: all 500ms ease-in;
		-o-transition: all 500ms ease-in;
		-ms-transition: all 500ms ease-in;
		transition: all 500ms ease-in;
	}
	ul.newsAmenu ul > li > a:hover {
		color:#d88e17;

		-webkit-transition: all 100ms ease-in;
		-moz-transition: all 100ms ease-in;
		-o-transition: all 100ms ease-in;
		-ms-transition: all 100ms ease-in;
		transition: all 100ms ease-in;
	}
	ul.newsAmenu ul > li.act > a {
		color:#d88e17;
	}
}
@media screen and (max-width: 768px) {
	ul.newsAmenu {
		margin-right:15px;
	}
}



/* CONTENT **************************************/
.page .content{
    float:left;
    width:550px;
    margin-right:15px;
    min-height:1px;
    padding:15px 0px 15px 0px;
}
/* BEN */
@media screen and (max-width: 979px) {
    .page .content {
        width:75%;
        margin-right:0;
        padding:0 15px 0 0;
    }
}



.page.start .content{
    padding:0px;
}
.page .content h1{
    font-size:1.4em;
    line-height: 1.4em;
    margin: 15px 0;
}
.page .content h2{
    font-size:1.2em;
    line-height:1.3em;
    margin:0px;
    padding:0px 0px 0px 0px;
}
.page .content h3{
    font-size:1em;
    line-height:1.3em;
    margin:0px;
    padding:0px 0px 0px 0px;
}
.page .content h4{
    font-size:1em;
    line-height:1.3em;
    margin:0px;
    padding:0px 0px 0px 0px;
}
.page .content h5{
    font-size:1em;
    line-height:1.3em;
    margin:0px;
    padding:0px 0px 0px 0px;
}
.page .content h1 a,
.page .content h2 a,
.page .content h3 a,
.page .content h4 a,
.page .content h5 a{
    text-decoration:none;
}
/* START **************************************/
.page.start .content{
    float:left;
    width:765px;
    margin-right:0px;
    min-height:1px;
}
/* BEN */
@media screen and (max-width: 979px) {
    .page.start .content {
        width:75%;
        margin-right:0;
    }
}
@media screen and (max-width: 768px) {
    .page.start .content,
    .page .content {
        width:100%;
    }
}

.page.start .content .teaserboxSmall{
    float:left;
    width:180px;
    min-height:450px;
    margin-right:10px;
	margin-bottom: 15px;
}

.page.start .content .teaserboxLarge{
    float:left;
    width:370px;
    min-height:380px;
    margin-right:10px;
    margin-bottom: 15px;
}
/* BEN */
@media screen and (max-width: 979px) {
    .page.start .content .teaserboxSmall,
    .page.start .content .teaserboxLarge{
        width:50%;
        margin-right:0;
        padding-right:15px;
        min-height:390px;
        background-clip: content-box;
    }
	.page.start .content .teaserboxSmall img,
    .page.start .content .teaserboxLarge img{
		width:100%;
	}

    .page.start .content .teaserboxSmall .csc-textpic-left DIV.csc-textpic-imagewrap,
    .page.start .content .teaserboxLarge .csc-textpic-left DIV.csc-textpic-imagewrap{
        float:none;
    }
    /* Hard override of extension styles */
    .tx-sltnewsslider-pi1 #carousel_inner {
        width:100% !important;
    }
}
@media screen and (max-width: 640px) {
	.tx-sltnewsslider-pi1 #carousel_container {
		overflow: hidden;
	}
	.tx-sltnewsslider-pi1 #carousel_inner {
		padding-left: 26px;
	}
	.tx-sltnewsslider-pi1 #left_scroll {
		left: -10px !important;
	}
	.tx-sltnewsslider-pi1 #right_scroll {
		right: -10px !important;
	}
}
@media screen and (max-width: 480px) {
    .page.start .content .teaserboxSmall,
    .page.start .content .teaserboxLarge{
        width:100%;
        margin-right:0;
    }
	.tx-sltnewsslider-pi1 #carousel_inner {
		padding-left: 52px;
	}
}



.page .content .teaserboxSmall,
.page .content .teaserboxLarge{
    background:#E6EEF1;
}

.page .content .teaserboxSmall h1,
.page .content .teaserboxLarge h2 {
    background: #343758; /* Old browsers */
    /* IE9 SVG, needs conditional override of 'filter' to 'none' */
    background: url(data:image/svg+xml;base64,PD94bWwgdmVyc2lvbj0iMS4wIiA/Pgo8c3ZnIHhtbG5zPSJodHRwOi8vd3d3LnczLm9yZy8yMDAwL3N2ZyIgd2lkdGg9IjEwMCUiIGhlaWdodD0iMTAwJSIgdmlld0JveD0iMCAwIDEgMSIgcHJlc2VydmVBc3BlY3RSYXRpbz0ibm9uZSI+CiAgPGxpbmVhckdyYWRpZW50IGlkPSJncmFkLXVjZ2ctZ2VuZXJhdGVkIiBncmFkaWVudFVuaXRzPSJ1c2VyU3BhY2VPblVzZSIgeDE9IjAlIiB5MT0iMCUiIHgyPSIwJSIgeTI9IjEwMCUiPgogICAgPHN0b3Agb2Zmc2V0PSIwJSIgc3RvcC1jb2xvcj0iIzM0Mzc1OCIgc3RvcC1vcGFjaXR5PSIxIi8+CiAgICA8c3RvcCBvZmZzZXQ9IjUlIiBzdG9wLWNvbG9yPSIjMmQzMTU0IiBzdG9wLW9wYWNpdHk9IjEiLz4KICAgIDxzdG9wIG9mZnNldD0iMTAlIiBzdG9wLWNvbG9yPSIjMmIzMDU1IiBzdG9wLW9wYWNpdHk9IjEiLz4KICAgIDxzdG9wIG9mZnNldD0iMzMlIiBzdG9wLWNvbG9yPSIjMmEzMDViIiBzdG9wLW9wYWNpdHk9IjEiLz4KICAgIDxzdG9wIG9mZnNldD0iMTAwJSIgc3RvcC1jb2xvcj0iIzFkMjU2MSIgc3RvcC1vcGFjaXR5PSIxIi8+CiAgPC9saW5lYXJHcmFkaWVudD4KICA8cmVjdCB4PSIwIiB5PSIwIiB3aWR0aD0iMSIgaGVpZ2h0PSIxIiBmaWxsPSJ1cmwoI2dyYWQtdWNnZy1nZW5lcmF0ZWQpIiAvPgo8L3N2Zz4=);
    background: -moz-linear-gradient(top,  #343758 0%, #2d3154 5%, #2b3055 10%, #2a305b 33%, #1d2561 100%); /* FF3.6+ */
    background: -webkit-gradient(linear, left top, left bottom, color-stop(0%,#343758), color-stop(5%,#2d3154), color-stop(10%,#2b3055), color-stop(33%,#2a305b), color-stop(100%,#1d2561)); /* Chrome,Safari4+ */
    background: -webkit-linear-gradient(top,  #343758 0%,#2d3154 5%,#2b3055 10%,#2a305b 33%,#1d2561 100%); /* Chrome10+,Safari5.1+ */
    background: -o-linear-gradient(top,  #343758 0%,#2d3154 5%,#2b3055 10%,#2a305b 33%,#1d2561 100%); /* Opera 11.10+ */
    background: -ms-linear-gradient(top,  #343758 0%,#2d3154 5%,#2b3055 10%,#2a305b 33%,#1d2561 100%); /* IE10+ */
    background: linear-gradient(to bottom,  #343758 0%,#2d3154 5%,#2b3055 10%,#2a305b 33%,#1d2561 100%); /* W3C */
    filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#343758', endColorstr='#1d2561',GradientType=0 ); /* IE6-8 */

    border-bottom:1px solid white;
    padding:4px 10px 4px 10px;
    margin:0;
    font-size:0.95em;
    line-height:1.2em;
    color:white;
    font-weight:600;
}
.lt-ie9 .page .content .teaserboxSmall h1,
.lt-ie9 .page .content .teaserboxLarge h2{
    background: #343758;
    filter:none;
}
.page .content .teaserboxSmall .csc-textpic-text,
.page .content .teaserboxLarge .csc-textpic-text{
    padding:5px 10px 5px 10px;
}
.page.start .content .teaserboxSmall .csc-textpic-text,
.page.start .content .teaserboxLarge .csc-textpic-text{
    padding:5px;
}
.page .content .teaserboxSmall a,
.page .content .teaserboxLarge a{
    font-weight: normal;
    text-decoration:none;
    color: #d88e17;
}

.page .content .teaserboxSmall a:hover,
.page .content .teaserboxLarge a:hover{
    color: #ebb866;
}

.page .content .teaserboxSmall .csc-textpic-text a:before,
.page .content .teaserboxLarge .csc-textpic-text a:before{
    content:"» ";
}

.page .content .col2C .teaserboxSmall,
.page .content .col2C .teaserboxLarge{
    min-height: 500px;
}

.page .content .teaserboxSmall DIV.csc-textpic DIV.csc-textpic-single-image IMG,
.page .content .teaserboxLarge DIV.csc-textpic DIV.csc-textpic-single-image IMG {
    margin-bottom: 0px;
}

.page .content .col2C .col2C-left{
    float:left;
    width:49%;
    margin-right:1%;
}
.page .content .col2C .col2C-right{
    float:left;
    width:49%;
    margin-left:1%;
}

.page .content .col2C .teaserboxSmall {
    min-height: 180px;
}

.page .content .col2C .teaserboxSmall .csc-textpic-text .smallText p.bodytext{
    font-size:0.85em;
    line-height:1.5em;
}

.page .content .col2C .teaserboxSmall .csc-textpic-text a{
    color:#D88E17;
}

.page .content .col2C .teaserboxSmall .csc-textpic-text a:hover{
    color:#EBB866;
}

/* ASIDE **************************************/
.page aside{
    float:left;
    width:185px;
    min-height:1px;
    padding:15px 0px 15px 0px;
}
/* BEN */
@media screen and (max-width: 979px) {
    .page aside {
        width:25%;
    }
    .page aside .csc-textpic-imagewrap {
        width: auto !important;
    }
    /* Temporarily force images to full width as they are too small by itself */
    .page aside .csc-textpic-imagewrap img {
        width:100%;
    }
}
@media screen and (max-width: 768px) {
    .page aside {
        width:100%;
    }
}



.page.start aside{
    padding:0px;
}
/**/
.page aside .search{
    min-height:1px;
    padding:2px;
    margin-bottom:15px;
    line-height:0em;

    background: #cddae2; /* Old browsers */
    /* IE9 SVG, needs conditional override of 'filter' to 'none' */
    background: url(data:image/svg+xml;base64,PD94bWwgdmVyc2lvbj0iMS4wIiA/Pgo8c3ZnIHhtbG5zPSJodHRwOi8vd3d3LnczLm9yZy8yMDAwL3N2ZyIgd2lkdGg9IjEwMCUiIGhlaWdodD0iMTAwJSIgdmlld0JveD0iMCAwIDEgMSIgcHJlc2VydmVBc3BlY3RSYXRpbz0ibm9uZSI+CiAgPGxpbmVhckdyYWRpZW50IGlkPSJncmFkLXVjZ2ctZ2VuZXJhdGVkIiBncmFkaWVudFVuaXRzPSJ1c2VyU3BhY2VPblVzZSIgeDE9IjAlIiB5MT0iMCUiIHgyPSIwJSIgeTI9IjEwMCUiPgogICAgPHN0b3Agb2Zmc2V0PSIwJSIgc3RvcC1jb2xvcj0iI2NkZGFlMiIgc3RvcC1vcGFjaXR5PSIxIi8+CiAgICA8c3RvcCBvZmZzZXQ9IjEwMCUiIHN0b3AtY29sb3I9IiNiYWNkZDciIHN0b3Atb3BhY2l0eT0iMSIvPgogIDwvbGluZWFyR3JhZGllbnQ+CiAgPHJlY3QgeD0iMCIgeT0iMCIgd2lkdGg9IjEiIGhlaWdodD0iMSIgZmlsbD0idXJsKCNncmFkLXVjZ2ctZ2VuZXJhdGVkKSIgLz4KPC9zdmc+);
    background: -moz-linear-gradient(top,  #cddae2 0%, #bacdd7 100%); /* FF3.6+ */
    background: -webkit-gradient(linear, left top, left bottom, color-stop(0%,#cddae2), color-stop(100%,#bacdd7)); /* Chrome,Safari4+ */
    background: -webkit-linear-gradient(top,  #cddae2 0%,#bacdd7 100%); /* Chrome10+,Safari5.1+ */
    background: -o-linear-gradient(top,  #cddae2 0%,#bacdd7 100%); /* Opera 11.10+ */
    background: -ms-linear-gradient(top,  #cddae2 0%,#bacdd7 100%); /* IE10+ */
    background: linear-gradient(to bottom,  #cddae2 0%,#bacdd7 100%); /* W3C */
    filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#cddae2', endColorstr='#bacdd7',GradientType=0 ); /* IE6-8 */
}
.page aside .search input{
    background:white;
    border:0px;
    padding:0px 5px 0px 5px;
    width:125px;
    height:26px;
    font-size:1em;
    vertical-align: text-bottom;
}
.page aside .search input.suche_button{
    width:auto;
    background:none;
    vertical-align: text-bottom;
    padding:0px;
}
.page aside .search img{
    vertical-align:top;
}
/**/
.page aside .socialmedia{
    margin-bottom:15px;
}
.page aside .socialmedia img{
    margin-right:8px;
}
.page aside .socialmedia a:last-child img{
    margin-right:0px;
}
/**/
.page aside .links{
    background:#e6eef1;
    padding:5px 10px 10px 10px;
    margin-bottom:15px;
}
.page aside .links hr{
    margin:5px 0px 5px 0px;
    padding:0px;
    background: #0d0d33;
    color: #0d0d33;
    border: #0d0d33;
    height: 1px;
}
.page aside .links a{
    font-size:0.9em;
    line-height:1.6em;
    text-decoration:none;
    font-weight:400;
}
.page aside .links img{
    vertical-align:sub !important;
    margin-left:5px;
}
/**/
.page aside .teaserbox{
    margin-bottom:5px;
}
/* BEN */
@media screen and (max-width: 979px) {
    .page aside .search {
        display:none;
    }
    .page aside .teaserbox {
        width:100%;
    }
    .page aside .teaserbox.info {
        width:100% !important;
    }
}
@media screen and (max-width: 768px) {
    .page aside .teaserbox {
        width:25%;
        float:left;
        margin:0;
        padding:0 15px 15px 0;
    }
}
@media screen and (max-width: 640px) {
    .page aside .teaserbox {
        width:50%;
    }
}
@media screen and (max-width: 480px) {
    .page aside .teaserbox {
        width:100%;
    }
}



.page aside .teaserbox h2{
    background:#d6e2e8;
    border-bottom:1px solid white;
    padding:4px 10px 4px 10px;
    margin:0px;
    font-size:0.95em;
    line-height:1.2em;
    font-weight:600;
}
.page aside .teaserbox.orange h2{
    background:#f49800;
}
.page aside .teaserbox.info h2{
    font-weight:600;
}

.page aside .teaserbox DIV.csc-textpic DIV.csc-textpic-single-image IMG {
    margin-bottom: 0px;
}

.page aside div.csc-textpic div.csc-textpic-imagerow-last{
    margin-bottom:15px;
}

.page aside div.csc-textpic-imagecolumn {
    margin-right: 0px;
}

.page aside div.csc-textpic-left div.csc-textpic-imagewrap .csc-textpic-image,
.page aside div.csc-textpic-intext-left-nowrap div.csc-textpic-imagewrap .csc-textpic-image,
.page aside div.csc-textpic-intext-left DIV.csc-textpic-imagewrap .csc-textpic-image {
    margin-right: 15px;
}

.page aside div.csc-textpic-left div.csc-textpic-imagewrap .csc-textpic-lastcol .csc-textpic-image,
.page aside div.csc-textpic-left div.csc-textpic-imagewrap .csc-textpic-lastcol {
    margin-right: 0px;
}
/* BEN */
@media screen and (max-width: 979px) {
	.page aside div.csc-textpic-imagewrap {
		float:none !important;
	}
	div.csc-textpic .csc-textpic-imagewrap figure,
	div.csc-textpic figure.csc-textpic-imagewrap {
		display:block;
	}
	.page aside div.csc-textpic-left div.csc-textpic-imagewrap .csc-textpic-image,
	.page aside div.csc-textpic-intext-left-nowrap div.csc-textpic-imagewrap .csc-textpic-image,
	.page aside div.csc-textpic-intext-left DIV.csc-textpic-imagewrap .csc-textpic-image {
		margin-right: 0;
	}
	div.csc-textpic-center .csc-textpic-center-outer,
	div.csc-textpic-center .csc-textpic-center-inner {
		float:none;
		position:static;
		right:auto;
		left:auto;
	}
	.page aside div.csc-textpic-imagewrap[data-csc-cols~='4'] .csc-textpic-imagecolumn {
		margin-right:10px;
		margin-bottom:10px;
	}
    .csc-textpic-imagerow:after,
    .csc-textpic.csc-textpic-above:after {
	    content: ' ';
	    display: table;
	    clear: both;
    }
}
@media screen and (max-width: 768px) {
	.page aside .teaserbox h2 {
		min-height:2.4em;
	}
}
@media screen and (max-width: 640px) {
	.page aside .teaserbox h2 {
		min-height:0;
	}
}



.page aside .teaserbox p.bodytext{
    background:#E6EEF1;
    margin:0px;
    padding: 0.4em 10px 1em 10px;
}
/* FOOTER **************************************/
footer{
    min-height:1px;
    margin:0px;
    padding:15px;
    border-top:1px solid white;

    background: #b5beca; /* Old browsers */
    /* IE9 SVG, needs conditional override of 'filter' to 'none' */
    background: url(data:image/svg+xml;base64,PD94bWwgdmVyc2lvbj0iMS4wIiA/Pgo8c3ZnIHhtbG5zPSJodHRwOi8vd3d3LnczLm9yZy8yMDAwL3N2ZyIgd2lkdGg9IjEwMCUiIGhlaWdodD0iMTAwJSIgdmlld0JveD0iMCAwIDEgMSIgcHJlc2VydmVBc3BlY3RSYXRpbz0ibm9uZSI+CiAgPGxpbmVhckdyYWRpZW50IGlkPSJncmFkLXVjZ2ctZ2VuZXJhdGVkIiBncmFkaWVudFVuaXRzPSJ1c2VyU3BhY2VPblVzZSIgeDE9IjAlIiB5MT0iMCUiIHgyPSIwJSIgeTI9IjEwMCUiPgogICAgPHN0b3Agb2Zmc2V0PSIwJSIgc3RvcC1jb2xvcj0iI2I1YmVjYSIgc3RvcC1vcGFjaXR5PSIxIi8+CiAgICA8c3RvcCBvZmZzZXQ9IjE1JSIgc3RvcC1jb2xvcj0iI2I2YmVjYSIgc3RvcC1vcGFjaXR5PSIxIi8+CiAgICA8c3RvcCBvZmZzZXQ9IjE4JSIgc3RvcC1jb2xvcj0iI2IzYmRjOSIgc3RvcC1vcGFjaXR5PSIxIi8+CiAgICA8c3RvcCBvZmZzZXQ9IjUxJSIgc3RvcC1jb2xvcj0iI2FkYjdjNSIgc3RvcC1vcGFjaXR5PSIxIi8+CiAgICA8c3RvcCBvZmZzZXQ9Ijg3JSIgc3RvcC1jb2xvcj0iI2EyYWNiYyIgc3RvcC1vcGFjaXR5PSIxIi8+CiAgICA8c3RvcCBvZmZzZXQ9IjkzJSIgc3RvcC1jb2xvcj0iIzlkYThiOCIgc3RvcC1vcGFjaXR5PSIxIi8+CiAgICA8c3RvcCBvZmZzZXQ9IjEwMCUiIHN0b3AtY29sb3I9IiM5YmE2YjciIHN0b3Atb3BhY2l0eT0iMSIvPgogIDwvbGluZWFyR3JhZGllbnQ+CiAgPHJlY3QgeD0iMCIgeT0iMCIgd2lkdGg9IjEiIGhlaWdodD0iMSIgZmlsbD0idXJsKCNncmFkLXVjZ2ctZ2VuZXJhdGVkKSIgLz4KPC9zdmc+);
    background: -moz-linear-gradient(top,  #b5beca 0%, #b6beca 15%, #b3bdc9 18%, #adb7c5 51%, #a2acbc 87%, #9da8b8 93%, #9ba6b7 100%); /* FF3.6+ */
    background: -webkit-gradient(linear, left top, left bottom, color-stop(0%,#b5beca), color-stop(15%,#b6beca), color-stop(18%,#b3bdc9), color-stop(51%,#adb7c5), color-stop(87%,#a2acbc), color-stop(93%,#9da8b8), color-stop(100%,#9ba6b7)); /* Chrome,Safari4+ */
    background: -webkit-linear-gradient(top,  #b5beca 0%,#b6beca 15%,#b3bdc9 18%,#adb7c5 51%,#a2acbc 87%,#9da8b8 93%,#9ba6b7 100%); /* Chrome10+,Safari5.1+ */
    background: -o-linear-gradient(top,  #b5beca 0%,#b6beca 15%,#b3bdc9 18%,#adb7c5 51%,#a2acbc 87%,#9da8b8 93%,#9ba6b7 100%); /* Opera 11.10+ */
    background: -ms-linear-gradient(top,  #b5beca 0%,#b6beca 15%,#b3bdc9 18%,#adb7c5 51%,#a2acbc 87%,#9da8b8 93%,#9ba6b7 100%); /* IE10+ */
    background: linear-gradient(to bottom,  #b5beca 0%,#b6beca 15%,#b3bdc9 18%,#adb7c5 51%,#a2acbc 87%,#9da8b8 93%,#9ba6b7 100%); /* W3C */
    filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#b5beca', endColorstr='#9ba6b7',GradientType=0 ); /* IE6-8 */
}
footer h2{
    font-size:1.1em;
    line-height:1.5em;
    padding:0px 0px 5px 0px;
    margin:0px;
}
footer ul{
    list-style-type:none;
    margin:0px;
    padding:0px;
}
footer ul li{
    padding-bottom:5px;
}
footer ul li a{
    text-decoration:none;
}
footer>div{
    float:left;
    width:180px;
    margin-right:10px;
}
footer .info{
    width:360px;
    margin-top: 22px;
    margin-right:0px;
    font-size:0.8em;
    line-height:1.5em;
    color:#64758b;
}
/* BEN */
@media screen and (max-width: 979px) {
    footer > div {
        width:33%;
        margin-right:0;
        padding-right:10px;
    }
    footer .info {
        width:100% !important;
        margin-top:0;
        margin-right:0;
        padding-top:22px;
    }
}
@media screen and (max-width: 480px) {
    footer > div {
        width:100%;
        text-align:center;
        margin-bottom:15px;
    }
    footer .info {
        margin-bottom:0;
    }
}




.copyr{
    text-align:center;
    color:#5d617b;
    font-size:0.9em;
    padding:15px;
}

/* FCE box-big-2col (Two Versions!! )**************************************/
.page.start .content .teaserboxQuer-2col{
    min-height:1px;
    background:#E6EEF1;
    margin-bottom:15px;
    margin-right:15px;
}
.page.start .content .teaserboxQuer-2col-left,
.page.start .content .teaserboxQuer-2col-small-left{
    width:370px;
    float:left;
    overflow:hidden;
}
.page.start .content .teaserboxQuer-2col-small-left{
    width:190px;
}
.page.start .content .teaserboxQuer-2col-right,
.page.start .content .teaserboxQuer-2col-small-right{
    width:380px;
    float:left;
    overflow:hidden;
}
.page.start .content .teaserboxQuer-2col-small-right{
    width:560px;
}
/* BEN */
@media screen and (max-width: 979px) {
    .page.start .content .teaserboxQuer-2col-left,
    .page.start .content .teaserboxQuer-2col-small-left{
        width:50%;
    }
    .page.start .content .teaserboxQuer-2col-right,
    .page.start .content .teaserboxQuer-2col-small-right{
        width:50%;
    }
    .page.start .content .teaserboxQuer-2col-small-left {
        width:25%;
    }
    .page.start .content .teaserboxQuer-2col-small-right{
        width:75%;
    }
}
/* BEN */
@media screen and (max-width: 640px) {
	.page.start .content .teaserboxQuer-2col-left,
	.page.start .content .teaserboxQuer-2col-small-left{
		width:100%;
	}
	.page.start .content .teaserboxQuer-2col-right,
	.page.start .content .teaserboxQuer-2col-small-right{
		width:100%;
	}
	.page.start .content .teaserboxQuer-2col-small-left {
		width:100%;
	}
	.page.start .content .teaserboxQuer-2col-small-right{
		width:100%;
	}
}



.page.start .content .teaserboxQuer-2col-right>div,
.page.start .content .teaserboxQuer-2col-small-right>div{
    padding:15px;
}

.page.start .content .teaserboxQuer-2col h1{
    margin:0px;
    padding:0px;
    font-size:1.6em;
    line-height:2em;
}
.page.start .content .teaserboxQuer-2col a{
    font-weight:normal;
    text-decoration:none;
    color: #d88e17;
}

.page.start .content .teaserboxQuer-2col a:hover{
    color: #ebb866;
}

.page.start .content .teaserboxQuer-2col-right a:before,
.page.start .content .teaserboxQuer-2col-small-right a:before{
    content:"» ";
}

.page.start .content .teaserboxQuer-2col-small-left p,
.page.start .content .teaserboxQuer-2col-small-right p{
    font-size:  0.96em;
}


/* FCE teaser **************************************/

.content .teaser{
    margin-bottom:15px;
    background:url(../../img/2014/bg_teaser.gif) repeat-y;
}
.content .teaser .teaserbild{
    float:left;
    width:135px;
    margin-right:15px;
}
.content .teaser h1,
.content .teaser b{
    font-size:1.1em;
    line-height:1.3em;
    margin:0px;
    padding:0px;
}
.content .teaser b{
    line-height:1.5em;
}
.content .teaser .teasertext{
    float:left;
    width:400px;
}
/* BEN */
@media screen and (max-width: 979px) {
    .content .teaser {
        display:table;
        width:100%;
        background: #e6eef1;
    }
    .content .teaser .teaserbild {
        float:none;
        vertical-align: top;
        /*width:1%;*/
        max-width:135px;
        margin-right:0;
        border-right:15px solid #fff;
        background-color:#fff;
        background-clip: content-box;
        display:table-cell;
    }
    .content .teaser .teasertext {
	    float:none;
        vertical-align: top;
        /*width:99%;*/
	    width:auto;
        display:table-cell;
        -moz-hyphens:auto;
        -webkit-hyphens:auto;
        hyphens:auto;
    }
}
/*
@media screen and (max-width: 768px) {
    .content .teaser {
        width: 50%;
        float: left;
        padding-right: 15px;
        background-clip: content-box;
    }
}
@media screen and (max-width: 640px) {
    .content .teaser {
        width: 100%;
        float: none;
        padding-right: 0;
    }
}
*/
@media screen and (max-width: 320px) {
	.content .teaser .teaserbild {
		max-width:95px;
	}
}



.content .teaser .teasertext.wideteaser{
    background:#E5EEF1;
    float:none;
    width:auto;
}
.content .teaser .teasertext.wideteaser .teaserbild2 {
    float:right;
    padding:0px 0px 10px 20px;
}
.content .teaser .teasertext a{
    text-decoration:none;
    color:#D88E17;
}
.content .teaser .teasertext a:before{
    content:"» ";
}
.content .teaser .teasertext a:hover{
    color:#EBB866;
}
.content .teaser .teasertext .textInner{
    padding:10px 10px 0px 10px;
}
.content .teaser .teasertext .textInner{
    font-size:0.96em;
}
/* FCE teaserTextBild **************************************/
.teaserTextBild{
    background:#E5EEF1;
    padding:15px;
    margin-bottom:15px;
}
.teaserTextBild img{
    float:right;
    width:auto;
    margin-left:15px;
}
/* FCE Hidden Content */
.teaserHiddenContent {
    margin-bottom: 30px;
    overflow: auto;
}
.teaserHiddenContent .teaserBild {
    width: 275px;
    height: 120px;
    float: left;
    overflow: hidden;
}
.teaserHiddenContent .teaserBild img {
    width: 100%;
    height: auto;
}
.teaserHiddenContent .teaserText {
    float: left;
    width: 255px;
    margin-left: 20px;
}
.teaserHiddenContent .teaserText h2 {
    color: #1c3452;
    font-size: 14px;
    font-weight: bold;
}
.teaserHiddenContent .teaserText .readMore {
    color: #d88e17;
    font-size: 13px;
}
.teaserHiddenContent .textInnerHidden {
    display: none;
    clear: both;
    padding-top: 10px;
}
.teaserHiddenContent .textInnerHidden .textInnerHiddenFormLink {
    background: #f59e0e;
    color: #fff;
    display: inline-block;
    text-decoration: none;
    padding: 5px 10px;
}
.teaserHiddenContent .textInnerHidden .textInnerHiddenFormLink:hover {
    text-decoration: underline;
}

.teaserTextBild .teaserTextBild-txt{}
/* FCE ANSPRECHPARTNER -------------------------------- */
.ansprechpartner {
    background:url(../../img/2014/bg_teaser.gif) repeat-y;
    margin-bottom:15px;
}
.ansprechpartner img {
    float:left;
    margin-right: 15px;
}

.ansprechpartner .ansprechpartnertext {
    float:left;
    width:380px;
    padding:10px 10px 0px 10px;
}
/* BEN */
@media screen and (max-width: 979px) {
	.ansprechpartner {
		width:100%;
		background: #e6eef1;
	}
	.ansprechpartner .ansprechpartnertext {
		width: auto !important;
	}
}



/* FCE DOWNLOADBOX  -------------------------------- */
.downloadbox {
    background:url(../../img/2014/bg_teaser.gif) repeat-y;
    margin-bottom:15px;
}
.downloadboxbild {
    float: left;
    background: none;
    border-right: 0px;
    width: auto;
}
.downloadboxtext {
    float: left;
    margin-left: 15px;
    margin-top: 0px;
    width:380px;
    padding:10px 10px 0px 10px;
}
/* FCE DOWNLOADBOX OHNE HINTERGRUND -------------------------------- */
.downloadboxOBG{
    margin-bottom:15px;
}
.downloadboxOBGbild {
    float:left;
    width: auto;
}
.downloadboxOBGtext {
    float:left;
    width:380px;
    margin-left: 15px;
}
/* FCE stellenangebote -------------------------------- */
.page .content h3.jobheadline{
    background:#D6DFE5;
    padding: 5px 10px 5px 10px;
    font-size:1em;
    line-height:1.4em;
    margin-bottom:1px;
}
.jobText{
    background:#E6EEF1;
    padding: 5px 10px 5px 10px;
    margin-bottom:15px;
}
/* contenttable blue **************************************/
.contenttable.blue{
    width:100%;
    margin-top:10px;
}
.contenttable.blue td{
    padding:5px;
    border-bottom:1px solid #c6ced8;
}
.contenttable.blue tr:nth-child(2n+1) td{
    background:#E6EEF1;
}
.contenttable.blue tr:first-child td{
    border-top:1px solid #c6ced8;
}
/* BEN */
@media screen and (max-width: 979px) {
	.contenttable {
		max-width: 100% !important;
	}
}



/* tt_news **************************************/
.news-list-container hr{
    border-top: 1px dotted #8F9CAF;
    margin: 1em 0;
}
.news-list-container IMG {
    border: none;
    float: left;
    margin: 15px 15px 5px 0px;
}
/*BROWSE*/
.news-list-browse {
    font-size: 1.0em;
}
.news-list-browse .showResultsWrap{
    padding-bottom:5px;
}
/*additional-info*/
.news-single-additional-info {
    padding: 0px;
    margin:15px 0px 15px 0px;
}
.news-single-related, .news-single-files, .news-single-links {
    padding:0px;
    margin:0px;
}
.news-single-related dt, .news-single-files dt, .news-single-links dt {
    background:#D6DFE5;
    padding:5px;
    margin:0px;
}
.news-single-related DD, .news-single-links DD, .news-single-files DD {
    padding:5px;
    margin:0px;
    background: #E6EEF1;
    border-bottom:1px solid #B6BECA;
}
.news-single-related DD img, .news-single-links DD img, .news-single-files DD img{
    margin-right:5px;
}
/*SINGLE*/
.news-single-img {
    float: left;
    margin: 5px 15px 0 0;
}
.news-single-imgcaption{
    font-size:0.9em;
    font-style:italic;
    margin-bottom:10px;
}
/*news-list-browse*/
.news-list-browse{
    text-align:center;
}
.news-list-browse .activeLinkWrap{
    background:#1c3452;
    color: #fff;
    padding:10px 12px;
    margin:0px 2px 5px 0px;
}

.news-list-browse .disabledLinkWrap{
    background: none;
    font-size: 1.7em;
    padding:10px 12px;
    margin:0px 2px 5px 0px;
}

.news-list-browse .browseLinksWrap{
    margin-top:10px;
}

.news-list-browse .browseLinksWrap a {
    background:#E6EEF1;
    padding:10px 12px;
    margin:0px 2px 5px 0px;
    text-decoration:none;
}
.news-list-browse .browseLinksWrap a:hover{
    background:#C9D2DA;
}


.news-list-browse .browseLinksWrap a:nth-child(1),
.news-list-browse .browseLinksWrap a:nth-child(2),
.news-list-browse .browseLinksWrap a:nth-last-child(+1),
.news-list-browse .browseLinksWrap a:nth-last-child(+2){
    background:none;
    text-decoration:none;
    font-size: 1.7em;
}
/* BEN */
@media screen and (max-width: 979px) {
	.news-list-browse {
		text-align:left;
	}
	.news-list-browse .activeLinkWrap,
	.news-list-browse .disabledLinkWrap,
	.news-list-browse .browseLinksWrap a {
		min-width:34px;
		line-height:34px;
		padding:0;
		border:1px solid #e6eef1;
		margin:0 5px 8px 0;
		display:inline-block;
		vertical-align: bottom;
		text-align:center;
	}
}



/* csc-menu **************************************/
.page .content ul.csc-menu.csc-menu-1{
    padding:0px;
    margin:0px;
    list-style-type:none;
}
.page .content ul.csc-menu.csc-menu-1 li:before{
    content:"» ";

}
/* csc-sitemap **************************************/
.page .content .csc-sitemap ul{
    padding:0px;
    margin:0px;
    list-style-type:none;
}
.page .content .csc-sitemap ul>li>ul{
    margin:5px 0px 15px 15px;
}
.page .content .csc-sitemap ul li:before{
    content:"» ";

}
/* tx-pixdb2-pi1 **************************************/
.page .content .tx-pixdb2-pi1 h3 {
    margin: 0 0 25px 0;
    font-size:1.2em;
}

.tx-pixdb2-pi1 .fieldwrap {
    margin: 0 0 10px 0;
}

.tx-pixdb2-pi1 label {
    font-size: 0.9em !important;
    float:left;
}
.tx-pixdb2-pi1 select {
    font-size:0.9em !important;
}



/* tx-pilmailform-pi1 **************************************/
.tx-pilmailform-pi1 form label {
    clear: left;
    float: left;
    width: 25%;
}
.tx-pilmailform-pi1 form input,
.tx-pilmailform-pi1 form input.checkbox,
.tx-pilmailform-pi1 form input.radio,
.tx-pilmailform-pi1 form select,
.tx-pilmailform-pi1 form textarea {
    border: 1px solid #8F9CAF;
    float: left;
    font: inherit;
    margin: 0 5px 5px 5px;
    padding: 5px 1px;
    width: 70%;
}
.tx-pilmailform-pi1 form input[type=checkbox],
.tx-pilmailform-pi1 form input[type=radio]{
    border:none;
    width:auto;
}
.tx-pilmailform-pi1 form textarea {
    height:64px;
}

.tx-pilmailform-pi1 form input.w1 {
    width:20%;
}

.tx-pilmailform-pi1 form input.w2 {

}

.tx-pilmailform-pi1 form input.w3 {
    width: 47%;
}

.tx-pilmailform-pi1 form input.checkbox,
.tx-pilmailform-pi1 form input.radio {
    width:auto;
    height:auto;
    border:0 none;
    margin:3px 0 5px 1px;
}

.tx-pilmailform-pi1 form select {
    width:auto;
    height:21px;
    padding:0;
}

/* Selects with a defined size (listboxes) */
.tx-pilmailform-pi1 form select.listbox {
    height:auto;
}

.tx-pilmailform-pi1 form select option {

}

.tx-pilmailform-pi1 form input.submit,
.tx-pilmailform-pi1 form input.reset,
.tx-pilmailform-pi1 form input.button {
    float:none;
    padding:10px;
    border:0px;
    margin:10px 0 5px 26%;
    font-weight:bold;
    background:#D6DFE5;
    text-transform: uppercase;
    width: 71%;
}
.tx-pilmailform-pi1 form input.submit:hover,
.tx-pilmailform-pi1 form input.reset:hover,
.tx-pilmailform-pi1 form input.button:hover {
    background:#C9D2DA;
    color:#D88E17;
}
.tx-pilmailform-pi1 form p {
    clear:left;
    margin-bottom:0;
}
/* BEN */
@media screen and (max-width: 979px) {
	.tx-pilmailform-pi1 form input,
	.tx-pilmailform-pi1 form input.checkbox,
	.tx-pilmailform-pi1 form input.radio,
	.tx-pilmailform-pi1 form select,
	.tx-pilmailform-pi1 form textarea {
		margin: 0 1% 5px 1%;
		width: 73%;
	}
	.tx-pilmailform-pi1 form select {
		min-height:30px;
	}
	.tx-pilmailform-pi1 form input.w1 {
		width:23%;
	}

	.tx-pilmailform-pi1 form input.w2 {
		width: 35.5%;
	}

	.tx-pilmailform-pi1 form input.w3 {
		width: 48%;
	}
	.tx-pilmailform-pi1 form input.submit,
	.tx-pilmailform-pi1 form input.reset,
	.tx-pilmailform-pi1 form input.button {
		margin:10px 0 5px 26%;
		width: 73%;
	}
}
@media screen and (max-width: 640px) {
	.tx-pilmailform-pi1 form label {
		width:100% !important;
		margin-bottom:5px;
	}
	.tx-pilmailform-pi1 form input,
	.tx-pilmailform-pi1 form select,
	.tx-pilmailform-pi1 form textarea {
		margin-left:0;
		margin-right:0;
	}
	.tx-pilmailform-pi1 form input,
	.tx-pilmailform-pi1 form input.checkbox,
	.tx-pilmailform-pi1 form input.radio,
	.tx-pilmailform-pi1 form select,
	.tx-pilmailform-pi1 form textarea {
		width: 100%/* !important*/;
	}
	.tx-pilmailform-pi1 form input.w1 {
		width:31.3333%;
		margin-right:2%;
	}
	.tx-pilmailform-pi1 form input + input.w1 {
		width:33.3333%;
		margin-right:0;
	}
	.tx-pilmailform-pi1 form input.w2 {
		 width: 48%;
		 margin-right:2%;
	}
	.tx-pilmailform-pi1 form input + input.w2 {
		width: 50%;
		margin-right:0;
	}
	.tx-pilmailform-pi1 form input.w3 {
		width: 64.6666%;
		margin-right:2%;
	}
	.tx-pilmailform-pi1 form input + input.w3 {
		width: 66.6666%;
		margin-right:0;
	}
	.tx-pilmailform-pi1 form input.submit,
	.tx-pilmailform-pi1 form input.reset,
	.tx-pilmailform-pi1 form input.button {
		margin-left:0;
		width: 100%;
	}
}




/**
 **************************************************
  Kalender
 **************************************************
 */

.tx-cal-controller .sideback {
    background-image:none;
}
/*MINI-KALENDER*/
table.month-small {
    border: 1px solid #BAC6CF;
    border-collapse: inherit;
    margin-bottom:15px;
}
.month-small a { }
.month-small th, .month-small td {
    text-align:center;
    vertical-align: middle;
    width:auto;
    height:auto;
    padding:0px;
    border:0px;
}

.month-small td {
    background:white;
    font-size:0.95em;
    color: #314763;
}
.month-small td.eventDay span.bold{
    font-weight:400;
}
.month-small td.monthSmallBasic.monthToday,
.month-small td.eventDay.monthSmallBasic.monthToday{
    background: none !important;
    border:0px !important;
}
.month-small td.monthSmallBasic{
    border-right:1px solid #D7D7D7;
    border-bottom:1px solid #D7D7D7;
    padding:4px 0.26em 4px 0.26em;
}

.month-small td.monthSmallBasic.monthToday{
    border-right:1px solid #D7D7D7 !important;
    border-bottom:1px solid #D7D7D7 !important;
    padding:4px 0.26em 4px 0.26em;
    color: #D88E17;
}

.month-small td.monthSmallBasic:last-child{
    border-right:0px;
}
.month-small tr:last-child td.monthSmallBasic{
    border-bottom:0px;
}
.month-small td.eventDay.monthSmallBasic{
    border-right:0px;
    border-bottom:0px;
    padding:0px;
}
.tx-cal-controller .bold a {
    display:block;
    font-weight:400;
    text-decoration:none;
    background:#e8eff1;
    color: #314763;

    border-right:1px solid #D7D7D7;
    border-bottom:1px solid #D7D7D7;
    padding:4px 0.26em 4px 0.26em;
}
.tx-cal-controller .bold a:hover{
    background:#ffebcb;
}
.tx-cal-controller .monthToday .bold a {
    background:#ffebcb;
    color: #D88E17;
}
.month-small td.monthSmallBasic:last-child .bold a{
    border-right:0px;
}
.month-small tr:last-child td.monthSmallBasic .bold a{
    border-bottom:0px;
}

.month-small th.month-weekdays {
    background:white;
    font-weight: 400;
    color:#666666;
    border:0px;
    border-bottom:1px solid #BDBDBD;
}
.month-small th.month-weeknums {
    background-color: #E5E5E5;
    border:0px;
    border-right: 1px solid #BDBDBD;
    color:#666666;
}
.tx-cal-controller table.month-small th.sideback {
    background: #bacad3; /* Old browsers */
    /* IE9 SVG, needs conditional override of 'filter' to 'none' */
    background: url(data:image/svg+xml;base64,PD94bWwgdmVyc2lvbj0iMS4wIiA/Pgo8c3ZnIHhtbG5zPSJodHRwOi8vd3d3LnczLm9yZy8yMDAwL3N2ZyIgd2lkdGg9IjEwMCUiIGhlaWdodD0iMTAwJSIgdmlld0JveD0iMCAwIDEgMSIgcHJlc2VydmVBc3BlY3RSYXRpbz0ibm9uZSI+CiAgPGxpbmVhckdyYWRpZW50IGlkPSJncmFkLXVjZ2ctZ2VuZXJhdGVkIiBncmFkaWVudFVuaXRzPSJ1c2VyU3BhY2VPblVzZSIgeDE9IjAlIiB5MT0iMCUiIHgyPSIwJSIgeTI9IjEwMCUiPgogICAgPHN0b3Agb2Zmc2V0PSIwJSIgc3RvcC1jb2xvcj0iI2JhY2FkMyIgc3RvcC1vcGFjaXR5PSIxIi8+CiAgICA8c3RvcCBvZmZzZXQ9IjglIiBzdG9wLWNvbG9yPSIjYmVjY2Q1IiBzdG9wLW9wYWNpdHk9IjEiLz4KICAgIDxzdG9wIG9mZnNldD0iMzIlIiBzdG9wLWNvbG9yPSIjYmRjYmQ0IiBzdG9wLW9wYWNpdHk9IjEiLz4KICAgIDxzdG9wIG9mZnNldD0iNzYlIiBzdG9wLWNvbG9yPSIjYWJiZGM4IiBzdG9wLW9wYWNpdHk9IjEiLz4KICAgIDxzdG9wIG9mZnNldD0iMTAwJSIgc3RvcC1jb2xvcj0iIzk5YWZiZSIgc3RvcC1vcGFjaXR5PSIxIi8+CiAgPC9saW5lYXJHcmFkaWVudD4KICA8cmVjdCB4PSIwIiB5PSIwIiB3aWR0aD0iMSIgaGVpZ2h0PSIxIiBmaWxsPSJ1cmwoI2dyYWQtdWNnZy1nZW5lcmF0ZWQpIiAvPgo8L3N2Zz4=);
    background: -moz-linear-gradient(top,  #bacad3 0%, #beccd5 8%, #bdcbd4 32%, #abbdc8 76%, #99afbe 100%); /* FF3.6+ */
    background: -webkit-gradient(linear, left top, left bottom, color-stop(0%,#bacad3), color-stop(8%,#beccd5), color-stop(32%,#bdcbd4), color-stop(76%,#abbdc8), color-stop(100%,#99afbe)); /* Chrome,Safari4+ */
    background: -webkit-linear-gradient(top,  #bacad3 0%,#beccd5 8%,#bdcbd4 32%,#abbdc8 76%,#99afbe 100%); /* Chrome10+,Safari5.1+ */
    background: -o-linear-gradient(top,  #bacad3 0%,#beccd5 8%,#bdcbd4 32%,#abbdc8 76%,#99afbe 100%); /* Opera 11.10+ */
    background: -ms-linear-gradient(top,  #bacad3 0%,#beccd5 8%,#bdcbd4 32%,#abbdc8 76%,#99afbe 100%); /* IE10+ */
    background: linear-gradient(to bottom,  #bacad3 0%,#beccd5 8%,#bdcbd4 32%,#abbdc8 76%,#99afbe 100%); /* W3C */
    filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#bacad3', endColorstr='#99afbe',GradientType=0 ); /* IE6-8 */

}
.tx-cal-controller table.month-small th.sideback a {
    text-decoration: none;
    color:#314763;
    font-size: 1.1em;
    display:block;
    padding-top:5px;
    padding-bottom:5px;
}
.tx-cal-controller table.month-small th.sideback:nth-child(1) a{
    font-size: 1.5em;
    padding-left:4px;
    text-align:left;
}
.tx-cal-controller table.month-small th.sideback:nth-child(2) a{
    font-size: 1.2em;
}
.tx-cal-controller table.month-small th.sideback:nth-child(3) a{
    font-size: 1.5em;
    padding-right:4px;
    text-align:right;
}

table.month-small td {
    border: 0px;
}
/* BEN */
@media screen and (max-width: 979px) {
	table.month-small {
		width:100%;
	}
	.month-small th,
	.month-small td {
		line-height:20px;
	}
}
@media screen and (max-width: 768px) {
	/* Add basic margin on parent container... */
	.tx-cal-controller {
		padding-right:15px;
	}
	/* And "remove" it on event lists */
	.tx-cal-controller dl {
		margin-right:-15px;
	}
	.month-small th,
	.month-small td {
		line-height:30px;
	}
	.tx-cal-controller table.month-small th.sideback a {
		display:inline-block;
	}
}



/* pagebrowser **************/
.tx-cal-controller .pagebrowser{
    padding-top:5px;
}
.tx-cal-controller .pagebrowser span b{
    background:#E6E6E6;
    padding:2px 8px 2px 8px;
    margin:0px 5px 5px 0px;
}
.tx-cal-controller .pagebrowser span a{
    background:#E6EEF1;
    padding:2px 8px 2px 8px;
    margin:0px 5px 5px 0px;
    text-decoration:none;
}
.tx-cal-controller .pagebrowser span a:hover{
    background:#C9D2DA;
}
/***************/
.default_categoryheader, .default_catheader {
    background-color:transparent;
}

/* Cal List view */
.tx-cal-controller dl h3 { font-size: 1.1em; padding: 0px;margin:0px;}
.tx-cal-controller dl div.meta-info { font-size: 0.8em; padding: 0px 0px 10px 0px; }
.tx-cal-controller dl dd p {
    font-size:1em;
    line-height:1.4em;
    margin:0px;
}
.tx-cal-controller img {
    float: right;
}
/* Suche */
.tx-cal-controller form label{
    font-size: 0.8em;
    line-height: 1.4em;
    text-align:left;
    width:25%;
}
.tx-cal-controller form input,
.tx-cal-controller form select{
    border: 1px solid #CACACA;
    margin: 0 0 5px;
    padding: 2px 2px 1px;
    font-size: 0.8em;
    line-height: 1.4em;
    width:65%;

}
.tx-cal-controller form .submit{
    background: none repeat scroll 0 0 #1C3452;
    border: medium none;
    color: white;
    font-size: 1em;
    padding: 4px;
    text-transform: uppercase;
    width:95%;
    margin-bottom:20px;
}
#ui-datepicker-div.ui-widget {
    font-size: 0.8em !important;
}
.ui-datepicker table{
    font-size:0.8em;
}
.ui-datepicker td,
.ui-datepicker th{
    height:auto;
}
#ui-datepicker-div.ui-widget-header a{
    background-image:none;
    padding-left: 0px;
}
div.csc-menu-cal-overview li { display: none; }
div.csc-menu-cal-overview table { width: 100%; }
div.csc-menu-cal-overview table,
div.csc-menu-cal-overview table td { padding: 0px 10px 0px 0px; margin: 0px; border: 0px solid white; }
div.csc-menu-cal-overview td a { display: block; background: #E6EEF1 none; padding: 4px 30px; text-decoration: none; text-align:center;}
div.csc-menu-cal-overview td.active a { font-weight: bold; }
.tx-cal-controller dt {
    margin: 0;
    padding: 5px 0;
}
.tx-cal-controller dd{
    margin:0px;
}
.tx-cal-controller hr {
    margin-bottom: 0;
    padding-bottom: 0;
}
.tx-cal-controller .even {
    background-color: #E6EEF1;
}
.V9G {
    font-size: 1em;
}
/* BEN */
@media screen and (max-width: 979px) {
	div.csc-menu-cal-overview table td {
		width:33.3333%;
		background-color: #e6eef1;
		border-right:15px solid #fff;
	}
	div.csc-menu-cal-overview table td:last-child {
		border-right:0;
	}
	div.csc-menu-cal-overview table td a {
		padding:10px 0;
	}
}



/* tx-pixdb-pi1 **************************************/
.tx-pixdb-pi1{
    border-top: 1px dotted #8F9CAF;
    padding-top:15px;
}
.tx-pixdb-pi1 .picwrapper .picbox,
.tx-pixdb-pi1 .picwrapper .picbox-hov {
    position: relative;
    float: left;
    width: 155px;
    height: 150px;
    margin: 0px 15px 15px 0px;
    padding: 8px;

    border: 1px solid #DDDDDD;
}
.tx-pixdb-pi1 .picwrapper div:nth-child(3n){
    margin-right:0px;
}
.tx-pixdb-pi1 .picwrapper .picbox-hov{
    border: 1px solid #1C3452;
}
.tx-pixdb-pi1 .preview {
    text-align:center;
    padding-left:2px;
}
.page .content .tx-pixdb-pi1 h2{
    background:#D6DFE5;
    padding:5px;
    margin-bottom:5px;
}
.tx-pixdb-pi1 .vorschau .preview {
    text-align:center;
}
.tx-pixdb-pi1 table{
    width:100%;
    margin-bottom:15px;
}
.tx-pixdb-pi1 table th{
    background:#D6DFE5;
    text-align:left;
    border-bottom:1px solid white;
}
.tx-pixdb-pi1 table td{
    background:#E6EEF1;
    border-bottom:1px solid white;
}
/**
 **************************************************
 * indexed_search
 **************************************************
**/
.tx-indexedsearch-whatis,
.tx-indexedsearch-browsebox,
.tx-indexedsearch-browsebox p{
    display:inline;
}
.tx-indexedsearch-whatis{
    padding-right:5px;
}
.tx-indexedsearch-res{
    padding-top:10px;
}
.tx-indexedsearch-icon.icon,
.tx-indexedsearch-result-number.result-number,
.tx-indexedsearch-title.title,
.tx-indexedsearch-percent.percent{
    background:#D6E2E8;
}
.tx-indexedsearch-icon.icon{
    line-height:0px;
}
.tx-indexedsearch-icon.icon,
.tx-indexedsearch-result-number.result-number,
.tx-indexedsearch-title.title,
.tx-indexedsearch-percent.percent{
    padding:2px 5px 2px 2px;
}

.tx-indexedsearch-info.time{
    font-size:0.8em;
    padding:5px 0px 10px 0px;
}
.tx-indexedsearch-info.info{
    font-size:0.8em;
    padding:5px 0px 20px 0px;
}
.tx-indexedsearch-title.title a{
    text-decoration:none;
    font-weight:bold;
}
#tx_indexedsearch .tx-indexedsearch-searchbox-button.submit {
    padding:0px;
    border:0px;
    margin:10px 0 5px 5px;
    font-weight:bold;
    background:#D6DFE5;
    padding: 6px 20px 6px 20px;
    text-transform: uppercase;
}
#tx_indexedsearch .tx-indexedsearch-searchbox-sword.sword {
    border: 1px solid #8F9CAF;
    font: inherit;
    padding: 5px 2px;
}
/* tx-indexedsearch-browsebox **************************************/
.tx-indexedsearch-browsebox{
}
.tx-indexedsearch-browsebox p{
    margin:0px 0px 5px 0px;
}
.tx-indexedsearch-browsebox ul.browsebox{
    list-style-type:none;
    margin:10px 0px 0px 0px;
}
.tx-indexedsearch-browsebox ul.browsebox li{
    float:left;
    width:auto;
    margin-bottom: 5px;
}
.tx-indexedsearch-browsebox ul.browsebox li a{
    background:#E6EEF1;
    padding:2px 8px 2px 8px;
    margin:0px 5px 5px 0px;
    text-decoration:none;
}
.tx-indexedsearch-browsebox ul.browsebox li a:hover{
    background:#C9D2DA;
}
.tx-indexedsearch-res{
    clear:both;
}
/**
 **************************************************
 INDEXED SEARCH AUTOCOMPLETE rzautocomplete
 **************************************************
 */
.ac_results{
    border: 1px solid #D6E2E8 !important;
    width:174px !important;
}

.ac_results .ac_odd{
    background-color: #E6EEF1;
}
.ac_results .ac_even{

}
.ac_results .ac_over {
    background-color: #D6E2E8 !important;
    color: #D88E17 !important;
}

.ac_results li{
    padding-left:15px !important;
    background-position: 0 7px !important;
}
/**
 **************************************************
  Powermail
 **************************************************
 */
.tx-powermail-pi1{
    font-size:1em;
}

.tx-powermail{
    width: 550px;
}

.tx-powermail .powermail_fieldset,
.tx-powermail-pi1 form fieldset {
    width: auto;
    padding:0px;
    margin:0px;
    background:none;
    border:none;
}

.tx-powermail h3,
.tx-powermail form fieldset legend,
.tx-powermail-pi1 form fieldset legend{
    display:none;
}

fieldset.tx-powermail_fieldset .powermail_check_inner,
fieldset.tx-powermail_fieldset .powermail_radio_inner,
fieldset.tx-powermail-pi1_fieldset .powermail_check_inner,
fieldset.tx-powermail-pi1_fieldset .powermail_radio_inner {
    clear: both;
    margin-left: 25%;
}
.tx-powermail .powermail_fieldset .powermail_label,
fieldset.tx-powermail_fieldset label,
fieldset.tx-powermail_fieldset fieldset legend,
fieldset.tx-powermail-pi1_fieldset label,
fieldset.tx-powermail-pi1_fieldset fieldset legend {
    padding:0px 10px 8px 0px;
    line-height:1.4em;
    color: #1C3452;
    display: block;
    clear: none;
    float: left;
    font-weight: bold;
    white-space: normal;
    width: 35%;
    word-wrap: break-word;
}

.tx-powermail .powermail_fieldset .powermail_field,
.tx-powermail-pi1 form input {
    width: 60%;
	margin-bottom:5px;
}
.tx-powermail-pi1 form textarea {
    height:150px;
    width:60%;
}
.tx-powermail-pi1 form .short textarea {
    height: auto;
}
.tx-powermail-pi1 form div.tx_powermail_pi1_fieldwrap_html {
    clear: both;
    display: block;
    padding: 2px 0px 2px 0px;
}

.tx-powermail-pi1 .tx-powermail-pi1_formwrap p {
    margin-bottom:10px;
}

.tx-powermail span.mandatory,
span.powermail_mandatory {
    color:red;
}
div.tx-powermail-pi1_mandatory {
    color: red;
}

.tx-powermail .powermail_fieldset .powermail_field,
fieldset.tx-powermail-pi1_fieldset input.powermail_text,
fieldset.tx-powermail-pi1_fieldset input.powermail_date,
fieldset.tx-powermail-pi1_fieldset input.powermail_datetime,
fieldset.tx-powermail-pi1_fieldset textarea.powermail_textarea,
fieldset.tx-powermail-pi1_fieldset input.powermail_captcha,
fieldset.tx-powermail-pi1_fieldset select{
    background: #FFFFFF;
    border: 1px solid #8f9caf;
    padding: 5px;
    width: 60%;
}
fieldset.tx-powermail-pi1_fieldset select {
    width:auto;
    height:21px;
    padding:0;
}
.tx-pilmailform-pi1 form input[type=checkbox],
.tx-pilmailform-pi1 form input[type=radio]{
    border:none;
    width:auto;
}
.error p{
    color:white;
}
fieldset.tx-powermail-pi1_fieldset div.tx_powermail_pi1_fieldwrap_html_radio input.powermail_radio{
    width:auto;
    margin-left:10px;
}

.tx-powermail .powermail_fieldset .powermail_field.powermail_submit,
.tx-powermail .powermail_fieldset input.powermail_submit,
fieldset.tx-powermail-pi1_fieldset input.powermail_submit{
    background: #D6DFE5;
    border: 0px;
    padding: 10px;
    text-transform: uppercase;
    margin:10px 0 5px 37%;
    font-weight:bold;
    width: 61%;
    color: #1c3452;
}

.tx-powermail .powermail_fieldset .powermail_field.powermail_submit:hover,
fieldset.tx-powermail-pi1_fieldset input.powermail_submit:hover{
    background:#C9D2DA;
    color:#D88E17;
}
/* BEN */
@media screen and (max-width: 979px) {
	.tx-powermail{
		width: auto;
		/*max-width:550px;*/
	}
	.tx-powermail label {
		width:33.3333% !important;
	}
	.tx-powermail input,
	.tx-powermail select,
	.tx-powermail textarea,
	.tx-powermail .powermail_captcha_outer {
		width:66.6666% !important;
	}
	.tx-powermail .powermail_captcha_outer input {
		width:100% !important;
	}
	.tx-powermail input.powermail_radio,
	.tx-powermail input.powermail_check {
		width:auto !important;
	}
	.tx-powermail input.powermail_submit,
	.tx-powermail input.powermail_reset {
		margin-left:33.3333% !important;
	}
}
@media screen and (max-width: 640px) {
	.tx-powermail label {
		width: 100% !important;
	}
	.tx-powermail input,
	.tx-powermail select,
	.tx-powermail textarea,
	.tx-powermail .powermail_captcha_outer {
		width:100% !important;
	}
	.tx-powermail input.powermail_submit,
	.tx-powermail input.powermail_reset {
		margin-left:0 !important;
	}

    .tx-powermail .powermail_fieldset .powermail_label {
        width: 100% !important;
    }
    .tx-powermail .powermail_fieldwrap_check label,
    .tx-powermail .powermail_fieldwrap_radio label {
        width: auto !important;
    }
    .tx-powermail .powermail_fieldwrap_check input,
    .tx-powermail .powermail_fieldwrap_radio input {
        width: 20px !important;
    }
}






/**
 **************************************************
 * SEO Sitemap
 **************************************************
**/
.tx-flseositemap-pi1 ul{
    margin: 0;
}

.tx-flseositemap-pi1 li{
    margin-bottom:10px;
}

.tx-flseositemap-pi1 ul.deep0 li{
    list-style-type:none;
}

.tx-flseositemap-pi1 ul.deep1 li,
.tx-flseositemap-pi1 ul.deep2 li{
    list-style-type: square;
}

.tx-flseositemap-pi1 ul.deep1,
.tx-flseositemap-pi1 ul.deep2{
    margin-top:10px;
}


.tx-flseositemap-pi1 ul.deep1,
.tx-flseositemap-pi1 ul.deep2{
    margin-left:30px;
}

.tx-flseositemap-pi1 a{
    display: block;
    text-decoration:none;
}

.tx-flseositemap-pi1 li.deep0  a {
    font-size: 1.4em;
    margin: 2em 0 0.4em 0;
    background: #E6EEF1;
    padding:0.5em;
}

.tx-flseositemap-pi1 li.deep1  a {
    font-size: 1.2em;
    background: none;
    margin: 0 0 0.4em 0;
    padding: 0;
}
/* BEN */
@media screen and (max-width: 979px) {
	.tx-flseositemap-pi1 ul.deep1 {
		margin-left:0;
	}
	.tx-flseositemap-pi1 ul.deep2 {
		margin-left:15px;
	}
}
@media screen and (max-width: 480px) {
	.tx-flseositemap-pi1 ul.deep2 {
		margin-left:0;
	}
}




/**
 **************************************************
 * tx-veguestbook-pi1
 **************************************************
**/
.tx-veguestbook-pi1 .list .item{
    border-top: 1px dotted #8F9CAF;
    padding: 15px 0;
}
.tx-veguestbook-pi1 .list .item .date{
    float: right;
    font-size:0.8em;
    display: block;
}

.tx-veguestbook-pi1 .commentbox {
    margin: 0 0 0 30px;
    padding: 1em;
    background: #E6EEF1;
}
.tx-veguestbook-pi1 .browse  {
    text-align:center;
}
.tx-veguestbook-pi1 .browse a {
    padding: 5px;
    background: #E6EEF1;
    margin: 0 2px 0 2px;
    padding: 10px 12px;
}

.tx-veguestbook-pi1 .browse strong {
    padding: 5px;
    background: #1c3452;
    color: white;
    margin: 0 2px 0 2px;
    padding: 10px 12px;
}

.tx-veguestbook-pi1 .browse a:first-child,
.tx-veguestbook-pi1 .browse a:last-child {
    background: none;
    text-decoration: none;
    font-size: 2em;
    margin: 0;
    padding: 10px 12px;

}
/* BEN */
@media screen and (max-width: 979px) {
	.tx-veguestbook-pi1 .browse {
		text-align:left;
	}
	.tx-veguestbook-pi1 .browse strong,
	.tx-veguestbook-pi1 .browse a {
		min-width:34px;
		line-height:34px;
		padding:0 !important;
		border:1px solid #e6eef1;
		margin:0 5px 8px 0 !important;
		display:inline-block;
		vertical-align: bottom;
		text-align:center;
	}
}




/* FORMULAR */
.tx-veguestbook-pi1 form label {
    clear: left;
    float: left;
    width: 25%;
}
.tx-veguestbook-pi1 form input,
.tx-veguestbook-pi1 form input.checkbox,
.tx-veguestbook-pi1 form input.radio,
.tx-veguestbook-pi1 form select,
.tx-veguestbook-pi1 form textarea {
    border: 1px solid #8F9CAF;
    float: left;
    font: inherit;
    margin: 0 5px 5px 5px;
    padding: 5px 1px;
    width: 70%;
}

.tx-veguestbook-pi1 form input.submit,
.tx-veguestbook-pi1 form input.reset,
.tx-veguestbook-pi1 form input.button {
    float:none;
    padding:10px;
    border:0px;
    margin:10px 0 5px 26%;
    font-weight:bold;
    background:#D6DFE5;
    text-transform: uppercase;
    width: 71%;
}
.tx-veguestbook-pi1 form input.submit:hover,
.tx-veguestbook-pi1 form input.reset:hover,
.tx-veguestbook-pi1 form input.button:hover {
    background:#C9D2DA;
    color:#D88E17;
}
img.tx-srfreecap-pi1-image {
    margin-left: 26%;
}
.tx-srfreecap-pi1-cant-read {
    color: #1C3452;
    font-size:1em;
	display:block;
	margin-left: 26%;
}
.tx-veguestbook-pi1 .cantRead{
	display:block;
    margin-left: 26%;
}
.tx-veguestbook-pi1 .captchatext{
	display:block;
    padding-top:10px;
    margin-left: 26%;
}
/* BEN */
@media screen and (max-width: 979px) {
	.tx-srfreecap-pi1-cant-read {
		line-height:25px;
	}
}
@media screen and (max-width: 640px) {
	.tx-veguestbook-pi1 form label {
		width: 100%;
		line-height:25px;
	}
	.tx-veguestbook-pi1 form input,
	.tx-veguestbook-pi1 form input.checkbox,
	.tx-veguestbook-pi1 form input.radio,
	.tx-veguestbook-pi1 form select,
	.tx-veguestbook-pi1 form textarea,
	.tx-veguestbook-pi1 form input.submit,
	.tx-veguestbook-pi1 form input.reset,
	.tx-veguestbook-pi1 form input.button{
		box-sizing: border-box;
		margin-right:0;
		margin-left:0;
		width: 100%;
	}
	img.tx-srfreecap-pi1-image,
	.tx-srfreecap-pi1-cant-read,
	.tx-veguestbook-pi1 .cantRead,
	.tx-veguestbook-pi1 .captchatext {
		margin-left: 0;
	}
}



/* ==========================================================================
   Helper classes
   ========================================================================== */

/*
 * Image replacement
 */

.ir {
    background-color: transparent;
    border: 0;
    overflow: hidden;
    /* IE 6/7 fallback */
    *text-indent: -9999px;
}

.ir:before {
    content: "";
    display: block;
    width: 0;
    height: 150%;
}

/*
 * Hide from both screenreaders and browsers: h5bp.com/u
 */

.hidden {
    display: none !important;
    visibility: hidden;
}

/*
 * Hide only visually, but have it available for screenreaders: h5bp.com/v
 */

.visuallyhidden {
    border: 0;
    clip: rect(0 0 0 0);
    height: 1px;
    margin: -1px;
    overflow: hidden;
    padding: 0;
    position: absolute;
    width: 1px;
}

/*
 * Extends the .visuallyhidden class to allow the element to be focusable
 * when navigated to via the keyboard: h5bp.com/p
 */

.visuallyhidden.focusable:active,
.visuallyhidden.focusable:focus {
    clip: auto;
    height: auto;
    margin: 0;
    overflow: visible;
    position: static;
    width: auto;
}

/*
 * Hide visually and from screenreaders, but maintain layout
 */

.invisible {
    visibility: hidden;
}

/*
 * Clearfix: contain floats
 *
 * For modern browsers
 * 1. The space content is one way to avoid an Opera bug when the
 *    `contenteditable` attribute is included anywhere else in the document.
 *    Otherwise it causes space to appear at the top and bottom of elements
 *    that receive the `clearfix` class.
 * 2. The use of `table` rather than `block` is only necessary if using
 *    `:before` to contain the top-margins of child elements.
 */

.clearfix:before,
.clearfix:after {
    content: " "; /* 1 */
    display: table; /* 2 */
}

.clearfix:after {
    clear: both;
}

/*
 * For IE 6/7 only
 * Include this rule to trigger hasLayout and contain floats.
 */

.clearfix {
    *zoom: 1;
}

/* ==========================================================================
   EXAMPLE Media Queries for Responsive Design.
   These examples override the primary ('mobile first') styles.
   Modify as content requires.
   ========================================================================== */

@media only screen and (min-width: 35em) {
    /* Style adjustments for viewports that meet the condition */
}

@media print,
(-o-min-device-pixel-ratio: 5/4),
(-webkit-min-device-pixel-ratio: 1.25),
(min-resolution: 120dpi) {
    /* Style adjustments for high resolution devices */
}

/* ==========================================================================
   Print styles.
   Inlined to avoid required HTTP connection: h5bp.com/r
   ========================================================================== */

@media print {
    @page {
        size:portrait;
    }

    * {
        /* background: transparent !important;*/
        color: #000 !important; /* Black prints faster: h5bp.com/s */
        box-shadow: none !important;
        text-shadow: none !important;
    }

    body, header {
        background: transparent !important;
    }

    a,
    a:visited {
        text-decoration: underline;
    }

    /* a[href]:after {
         content: " (" attr(href) ")";
     }

     abbr[title]:after {
         content: " (" attr(title) ")";
     }*/


    header {
        width: 90%;
    }

    header .headerInner {
        width: 90%;
    }

    header .headerInner .logo img {
        display: none;
    }

    header .headerInner .logo {
        width: 300px;
        height: 85px;
        background: url(../../img/bethel-logo-print-2.png) 100% 100% no-repeat;
        margin-left:1%;
    }

    header .headerInner .claim {
        width: 70%;
    }

    .page {
        margin:0 auto;
        width:90%;
    }

    .page .content {
        width:100%;
    }

    /*
       * Disable Elements
       */

    footer, nav, aside  {
        display: none;
    }

    nav ul  {
        display: none;
    }

    nav h2  {
        display: none;
    }

    .search {
        display: none;
    }

    .tx-sltnewsslider-pi1 #left_scroll,
    .tx-sltnewsslider-pi1 #right_scroll {
        display: none;
    }

    .news-list-browse {
        display: none;
    }

    .html5videoplayer {
        display: none;
    }

    /*
     * Don't show links for images, or javascript/internal links
     */

    .ir a:after,
    a[href^="javascript:"]:after,
    a[href^="#"]:after {
        content: "";
    }

    pre,
    blockquote {
        border: 1px solid #999;
        page-break-inside: avoid;
    }

    thead {
        display: table-header-group; /* h5bp.com/t */
    }

    tr,
    img {
        page-break-inside: avoid;
    }

    img {
        max-width: 100% !important;
    }

    @page {
        margin: 0.5cm;
    }

    p,
    h2,
    h3 {
        orphans: 3;
        widows: 3;
    }

    h2,
    h3 {
        page-break-after: avoid;
    }

    .page .content .teaserboxSmall h1,
    .page aside .teaserbox h2{
        font-weight:bold;
    }
}




/** BEN: /2014/menu.css */



/*****************************/
header nav{
    border-top:1px solid white;
    min-height:1px;/*IE7*/

    background: #acb6c4; /* Old browsers */
    /* IE9 SVG, needs conditional override of 'filter' to 'none' */
    background: url(data:image/svg+xml;base64,PD94bWwgdmVyc2lvbj0iMS4wIiA/Pgo8c3ZnIHhtbG5zPSJodHRwOi8vd3d3LnczLm9yZy8yMDAwL3N2ZyIgd2lkdGg9IjEwMCUiIGhlaWdodD0iMTAwJSIgdmlld0JveD0iMCAwIDEgMSIgcHJlc2VydmVBc3BlY3RSYXRpbz0ibm9uZSI+CiAgPGxpbmVhckdyYWRpZW50IGlkPSJncmFkLXVjZ2ctZ2VuZXJhdGVkIiBncmFkaWVudFVuaXRzPSJ1c2VyU3BhY2VPblVzZSIgeDE9IjAlIiB5MT0iMCUiIHgyPSIwJSIgeTI9IjEwMCUiPgogICAgPHN0b3Agb2Zmc2V0PSIwJSIgc3RvcC1jb2xvcj0iI2FjYjZjNCIgc3RvcC1vcGFjaXR5PSIxIi8+CiAgICA8c3RvcCBvZmZzZXQ9IjglIiBzdG9wLWNvbG9yPSIjYWZiOWM2IiBzdG9wLW9wYWNpdHk9IjEiLz4KICAgIDxzdG9wIG9mZnNldD0iMjElIiBzdG9wLWNvbG9yPSIjYWZiOWM2IiBzdG9wLW9wYWNpdHk9IjEiLz4KICAgIDxzdG9wIG9mZnNldD0iMzklIiBzdG9wLWNvbG9yPSIjYWNiNWMzIiBzdG9wLW9wYWNpdHk9IjEiLz4KICAgIDxzdG9wIG9mZnNldD0iNzklIiBzdG9wLWNvbG9yPSIjOWRhOGI4IiBzdG9wLW9wYWNpdHk9IjEiLz4KICAgIDxzdG9wIG9mZnNldD0iMTAwJSIgc3RvcC1jb2xvcj0iIzhlOWJhZSIgc3RvcC1vcGFjaXR5PSIxIi8+CiAgPC9saW5lYXJHcmFkaWVudD4KICA8cmVjdCB4PSIwIiB5PSIwIiB3aWR0aD0iMSIgaGVpZ2h0PSIxIiBmaWxsPSJ1cmwoI2dyYWQtdWNnZy1nZW5lcmF0ZWQpIiAvPgo8L3N2Zz4=);
    background: -moz-linear-gradient(top,  #acb6c4 0%, #afb9c6 8%, #afb9c6 21%, #acb5c3 39%, #9da8b8 79%, #8e9bae 100%); /* FF3.6+ */
    background: -webkit-gradient(linear, left top, left bottom, color-stop(0%,#acb6c4), color-stop(8%,#afb9c6), color-stop(21%,#afb9c6), color-stop(39%,#acb5c3), color-stop(79%,#9da8b8), color-stop(100%,#8e9bae)); /* Chrome,Safari4+ */
    background: -webkit-linear-gradient(top,  #acb6c4 0%,#afb9c6 8%,#afb9c6 21%,#acb5c3 39%,#9da8b8 79%,#8e9bae 100%); /* Chrome10+,Safari5.1+ */
    background: -o-linear-gradient(top,  #acb6c4 0%,#afb9c6 8%,#afb9c6 21%,#acb5c3 39%,#9da8b8 79%,#8e9bae 100%); /* Opera 11.10+ */
    background: -ms-linear-gradient(top,  #acb6c4 0%,#afb9c6 8%,#afb9c6 21%,#acb5c3 39%,#9da8b8 79%,#8e9bae 100%); /* IE10+ */
    background: linear-gradient(to bottom,  #acb6c4 0%,#afb9c6 8%,#afb9c6 21%,#acb5c3 39%,#9da8b8 79%,#8e9bae 100%); /* W3C */
    filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#acb6c4', endColorstr='#8e9bae',GradientType=0 ); /* IE6-8 */
}

/*****************************/
ul.menuMain-L1 li a,
ul.menuMain-L1 li a:link,
ul.menuMain-L1 li a:visited,
ul.menuMain-L1 li a:active,
ul.menuMain-L1 li a:hover{
    display:block;
    color:#0d0d33;
    text-decoration:none;
    font-size:0.9em;
    line-height:1.3em;
    font-weight:600;
    margin-right:1.8em;
    padding:12px 0px 14px 0px;

    -webkit-transition: all 500ms ease-in;
    -moz-transition: all 500ms ease-in;
    -o-transition: all 500ms ease-in;
    -ms-transition: all 500ms ease-in;
    transition: all 500ms ease-in;
}
.lt-ie8 ul.menuMain-L1 li a,
.lt-ie8 ul.menuMain-L1 li a:link,
.lt-ie8 ul.menuMain-L1 li a:visited,
.lt-ie8 ul.menuMain-L1 li a:active,
.lt-ie8 ul.menuMain-L1 li a:hover{
    margin-right:1.7em;
}
ul.menuMain-L1 li:last-child a{
    margin-right:0px;
}
ul.menuMain-L1 li a:hover{
    color:white;

    -webkit-transition: all 300ms ease-in;
    -moz-transition: all 300ms ease-in;
    -o-transition: all 300ms ease-in;
    -ms-transition: all 300ms ease-in;
    transition: all 300ms ease-in;
}

ul.menuMain-L1 li a.act,
ul.menuMain-L1 li a.act:link,
ul.menuMain-L1 li a.act:visited,
ul.menuMain-L1 li a.act:active,
ul.menuMain-L1 li a.act:hover{
    display:block;
    color:white;
    text-decoration:none;
    font-size:0.85em;
    line-height:1.3em;
    font-weight:600;
    margin-right:1.8em;
    padding:12px 0px 14px 0px;
    border:0px;
}
.lt-ie8 ul.menuMain-L1 li a.act,
.lt-ie8 ul.menuMain-L1 li a.act:link,
.lt-ie8 ul.menuMain-L1 li a.act:visited,
.lt-ie8 ul.menuMain-L1 li a.act:active,
.lt-ie8 ul.menuMain-L1 li a.act:hover{
    margin-right:1.7em;
}
ul.menuMain-L1 li:last-child a.act{
    margin-right:0px;
}
/*****************************/
ul.menuMain-L1{
    position: relative;
    border: 0 none;
    list-style-type:none;
    width:950px;
    margin:0px auto 0px auto;
    padding:0px;
}

ul.menuMain-L1 li {
    position: relative;
    float: left;
    width:auto;
    display: inline;

    margin: 0;
    padding: 0;

    border: 0 none;
    list-style: none;
    text-indent:0px;
}

/*****************************/
ul.menuMain-L1 ul {
    position: absolute;
    top: 44px;
    left: -10px;
    width: auto;
    display: none;
    z-index:50;

    margin: 0;
    padding: 0;

    border: 0 none;
    list-style: none;
}

ul.menuMain-L1 ul:after /*From IE 7 lack of compliance*/{
    clear: both;
    display: block;
    height: 0;
    visibility: hidden;

    font: 1px/0px serif;
    content: ".";
}

ul.menuMain-L1 ul li {
    float: left; /*For IE 7 lack of compliance*/
    display: block !important;
    display: inline; /*For IE*/
    width: 230px;
    border-bottom:1px solid white;
}

/*****************************/
ul.menuMain-L2 a {
    float: none !important; /*For Opera*/
    float: left; /*For IE*/
    display: block;
    width: auto !important;
    height: auto !important;
    height: 1%; /*For IE*/
    overflow: auto !important;

    padding: 5px 10px 7px 10px !important;
    margin: 0px !important;
    background:#bac6cf;

    color: #314763 !important;
    font-weight:600 !important;
    font-size:0.75em !important;
    text-decoration: none;
    line-height:1.15em;
    border:none !important;

    -webkit-transition: all 500ms ease-in;
    -moz-transition: all 500ms ease-in;
    -o-transition: all 500ms ease-in;
    -ms-transition: all 500ms ease-in;
    transition: all 500ms ease-in;
}


/* Hover Persistence */
ul.menuMain-L2 a:hover{
    /*background-color:#d6dfe7;
    background-color: rgba(186, 198, 207, 0.8);*/
    background:#cfd7dd;
    color:#d88e17 !important;

    -webkit-transition: all 100ms ease-in;
    -moz-transition: all 100ms ease-in;
    -o-transition: all 100ms ease-in;
    -ms-transition: all 100ms ease-in;
    transition: all 100ms ease-in;
}
li.menuMain-L2-last a,
li.menuMain-L3-last a{
    margin-bottom: 15px;
}
/*****************************/
ul.menuMain-L1 li:hover li a,
ul.menuMain-L1 li.iehover li a {
    float: none;
}

ul.menuMain-L1 ul ul {
    display: none;
    position: absolute;
    top: 0;
    left: 180px;
    z-index:50;
}
/* Do Not Move - Must Come Before display:block for Gecko */
ul.menuMain-L1 li:hover ul ul,
ul.menuMain-L1 li.iehover ul ul {
    display: none;
}

ul.menuMain-L1 li:hover ul,
ul.menuMain-L1 ul li:hover ul {
    display: block;
}

ul.menuMain-L1 li.iehover ul,
ul.menuMain-L1 ul li.iehover ul {
    display: block;
}

li.persistHover,
a.persistHover{
    background: black;
    color: #EF7E18;
}
/*****************************/
#menuMain-L2-394{
    left: -154px;
}

/**
 **************************************************
 * tx-jfmulticontent
 **************************************************
**/

.tx-jfmulticontent-pi1 .ui-widget {
	font-family:Verdana,sans-serif;
	font-size: 1em;
}

.tx-jfmulticontent-pi1 .ui-state-default a,
.tx-jfmulticontent-pi1 .ui-state-default a:link,
.tx-jfmulticontent-pi1 .ui-state-default a:visited {
	font-size:0.9em;
	color: #1c3452;
	padding-left: 1.5em;
}


.tx-jfmulticontent-pi1 .ui-state-default a:hover {
	color: #eb8f00;
}

.tx-jfmulticontent-pi1 .ui-accordion .ui-accordion-header .ui-icon {
	left:-0.5em;
}

.tx-jfmulticontent-pi1 .ui-state-default,
.tx-jfmulticontent-pi1 .ui-widget-content,
.tx-jfmulticontent-pi1 .ui-widget-content .ui-state-default,
.tx-jfmulticontent-pi1 .ui-widget-header .ui-state-default {
	border: none;
	background: none;
}

.tx-jfmulticontent-pi1 .ui-accordion-icons .ui-accordion-header a {
	padding-left: 1.5em;
}

.tx-jfmulticontent-pi1 .ui-accordion .ui-accordion-content {
	padding: 0 1.9em;
}

.ui-state-active,
.ui-widget-content .ui-state-active,
.ui-widget-header .ui-state-active {
	border: none;
	background: none;
}

/**
 **************************************************
 * felogin
 **************************************************
**/

.tx-felogin-pi1 fieldset  {
	margin-top: 15px;
}
.tx-felogin-pi1 fieldset div {
	margin-bottom: 5px;
}

.tx-felogin-pi1 fieldset legend {
	display: none;
}
.tx-felogin-pi1 label {
	font-weight: bold;
}

.tx-felogin-pi1 input {
	border: 1px solid #8F9CAF;
	padding: 5px 1px;
	width: 50%;
}

.tx-felogin-pi1 input[type="submit"]{
	padding: 10px;
	border: 0px;
	margin-top: 10px;
	font-weight: bold;
	background: #D6DFE5;
	text-transform: uppercase;
	width: 51%;
}

.tx-felogin-pi1 input[type="submit"]:hover {
	background:#C9D2DA;
	color:#D88E17;
}






/* BEN */
header #navMobile {
    display:none;
    position:absolute;
    top:0;
    right:0;
    width:0;
    padding-bottom:20px;
    z-index:1010;
    transition: width 400ms ease-in-out;
    background: #8e9bae;
    box-shadow:0 0 5px rgba(0,0,0,0.5);
}
header #navMobile .close,
header #navMobile .open {
    position:absolute;
    top:0;
    right:20px;
    width:50px;
    height:30px;
    padding-top:110px;
	font-size: 0.7em;
    line-height: 30px;
    text-align:center;
    text-decoration: none;
    color:#fff;
    background:transparent no-repeat center 60px;
    cursor:pointer;
    transition: opacity 600ms ease-in-out;
    outline:0;
}
header #navMobile .open {
    opacity:1;
    background-image: url(/fileadmin/templates/img/rwd/nav-mobile-open.png);
    z-index: 1011;
}
header #navMobile .close {
    opacity:0;
    background-image: url(/fileadmin/templates/img/rwd/nav-mobile-close.png);
    z-index: 1;
}
header #navMobile:target {
    width:50%;
}
header #navMobile:target .open {
	opacity:0;
	z-index: 1;
}
header #navMobile:target .close {
	opacity:1;
	z-index: 1011;
}
header #navMobile ul.menu {
    position:relative;
    padding-left:0;
    margin:105px 0 0 0;
	transition: width 400ms ease-in-out;
	width:0;
	overflow:hidden;
}
header #navMobile:target ul.menu {
	width:100%;
}

header #navMobile ul.menu li {
    position:relative;
}

header #navMobile ul.menu a {
    display:inline-block;
    /*font-weight:600;*/
    text-decoration:none;
}

header #navMobile ul.menu > li {
    border-bottom:1px dotted #a8b2c0;
}

header #navMobile ul.menu > li.last {
    border-bottom:0;
}

header #navMobile ul.menu li {
    /*font-size:0.9em;*/
    line-height:100%;
    padding-left:20px;
    transition: background-color 200ms ease-in-out;
}

header #navMobile ul.menu ul  {
    padding-left:0;
    margin:0 0 0 -20px;
    display:none;
}

header #navMobile ul.menu ul li {
    font-size:0.9em;
    line-height:1.1;
}

header #navMobile ul.menu ul ul li {
    font-size:0.85em;
    line-height:1.15;
}

header #navMobile ul.menu li.ifsub {
    background:transparent url(/fileadmin/templates/img/rwd/nav-mobile-expand-gray.png) no-repeat 92% 1em;
}

header #navMobile ul.menu li.ifsub.expanded {
    background-image:url(/fileadmin/templates/img/rwd/nav-mobile-collapse-gray.png);
}

header #navMobile ul.menu > li:hover {
    background-color:#bac6cf;
}

header #navMobile ul.menu > li:hover ul > li:hover {
    background-color:#cfd7dd;
}

header #navMobile ul.menu > li:hover ul > li:hover ul > li:hover {
    background-color:#e1e6ea;
}

/*
header #navMobile ul.menu li a:hover:before {
    content: url(/fileadmin/templates/img/ico-arrow-gray-small.png);
    position:absolute;
    top:9px;
    left:6px;
    margin-left:20px;
}
*/

header #navMobile ul.menu ul a:hover:before {
    top:3px;
    left:17px;
}

header #navMobile ul.menu ul ul a:hover:before {
    top:3px;
    left:29px;
}

header #navMobile ul.menu a {
    padding:11px 0 11px 20px;
    border:0;
    color:#0d0d33;
    transition: color 200ms ease-in-out;
}

header #navMobile ul.menu ul a {
    padding: 8px 0 8px 30px;
    margin: 0 1px;
    color: #314763;
}

header #navMobile ul.menu ul ul a {
    padding: 6px 0 6px 40px;
    margin: 0 1px;
    color: #405673;
}
header #navMobile ul.menu a:hover {
    color:#d88e17 !important;
}
header #navMobile ul.menu li.act > a {
    color:#fff;
}



header #searchMobile {
	display:none;
	position:absolute;
	top:0;
	right:0;
}
header #searchMobile .open {
	position:absolute;
	top:0;
	right:80px;
	width:50px;
	height:30px;
	padding-top:110px;
	font-size: 0.7em;
	line-height: 30px;
	text-align:center;
	text-decoration: none;
	color:#fff;
	background:transparent no-repeat center 60px;
	background-image: url(/fileadmin/templates/img/rwd/search-mobile.png);
	cursor:pointer;
	transition: opacity 600ms ease-in-out;
	outline:0;
	z-index:1;
}
header #searchMobile form {
	position:relative;
	width:0;
	height:80px;
	padding:60px 0 20px;
	overflow:hidden;
	transition: width 400ms ease-in-out;
	background: #8e9bae;
}
header #searchMobile form.expanded {
	width:350px;
}

header #searchMobile form .suche_feld {
	width:180px;
	height:35px;
	margin:5px 0 0 20px;
}

header #searchMobile form .suche_button {
	position:absolute;
	top:60px;
	right:80px;
	width:50px;
	height:80px;
	opacity:0;
	z-index:11;
}



header #donateMobile {
	display:none;
	position:absolute;
	top:0;
	right:0;
	padding-bottom:20px;
}
header #donateMobile a {
	position:absolute;
	top:0;
	right:140px;
	width:50px;
	height:30px;
	padding-top:110px;
	font-size: 0.7em;
	line-height: 30px;
	text-align:center;
	text-decoration: none;
	color:#fff;
	background:transparent no-repeat center 60px;
	background-image: url(/fileadmin/templates/img/rwd/donate-mobile.png);
	cursor:pointer;
}

/* Custom menu type */
ul.csc-menu-custom,
ul.csc-menu-custom ul {
	padding:0;
	margin:0;
	list-style-type:none;
}
ul.csc-menu-custom {
	margin-bottom:15px;
}
ul.csc-menu-custom > li > a {
	display:block;
	background:#d6dfe5;
	border-bottom:1px solid white;
	text-decoration:none;
	color:#1c3452;
	font-weight:600;
	font-size:0.9em;
	line-height:1.3em;
	padding:10px 5px 10px 15px;

	-webkit-transition: all 500ms ease-in;
	-moz-transition: all 500ms ease-in;
	-o-transition: all 500ms ease-in;
	-ms-transition: all 500ms ease-in;
	transition: all 500ms ease-in;
}
ul.csc-menu-custom > li > a:hover {
	color:#d88e17;
	background:#c9d2da;

	-webkit-transition: all 100ms ease-in;
	-moz-transition: all 100ms ease-in;
	-o-transition: all 100ms ease-in;
	-ms-transition: all 100ms ease-in;
	transition: all 100ms ease-in;
}
ul.csc-menu-custom > li.act.ifsub {
	border-bottom:1px solid white;
}
ul.csc-menu-custom > li.act.ifsub > a:first-child {
	border-bottom:1px dotted white;
}
ul.csc-menu-custom > li.act > a {
	color:#d88e17;
}
ul.csc-menu-custom > li > ul {
	display:none;
}
ul.csc-menu-custom > li.act > ul {
	display:block;
}
ul.csc-menu-custom ul > li > a {
	display:block;
	background:#e1e7ec;
	text-decoration:none;
	color:#1c3452;
	font-weight:400;
	font-size:0.9em;
	line-height:1.3em;
	padding:4px 5px 6px 20px;

	-webkit-transition: all 500ms ease-in;
	-moz-transition: all 500ms ease-in;
	-o-transition: all 500ms ease-in;
	-ms-transition: all 500ms ease-in;
	transition: all 500ms ease-in;
}
ul.csc-menu-custom ul > li > a:hover {
	color:#d88e17;

	-webkit-transition: all 100ms ease-in;
	-moz-transition: all 100ms ease-in;
	-o-transition: all 100ms ease-in;
	-ms-transition: all 100ms ease-in;
	transition: all 100ms ease-in;
}
ul.csc-menu-custom ul > li.act > a {
	color:#d88e17;
}



@media screen and (max-width: 979px) {
    header nav {
        display:none;
        border:0;
        background:none;
    }
    header #navMobile {
        display:block;
    }
	header #searchMobile {
		display:block;
	}
	header #donateMobile {
		display: block;
	}
}
@media screen and (max-width: 768px) {
	header #navMobile .close,
	header #navMobile .open,
	header #searchMobile .open,
	header #donateMobile a {
		padding-top: 60px;
		background-position:center 15px;
	}
	header #navMobile ul.menu {
		margin:55px 0 0 0;
	}
	header #searchMobile form {
		height:70px;
		padding:15px 0 15px;
	}
	header #searchMobile form .suche_button {
		top:20px;
	}
	ul.csc-menu-custom {
		margin-right:15px;
	}
}
@media screen and (max-width: 640px) {
	header #navMobile:target {
		width:70%;
	}
}
@media screen and (max-width: 480px) {
	header #navMobile:target {
		width:85%;
	}
	header #navMobile .close,
	header #navMobile .open,
	header #searchMobile .open,
	header #donateMobile a {
		width:40px;
		height:20px;
		padding-top: 50px;
		background-position:center 15px;
		background-size:40px 40px;
	}
	header #navMobile ul.menu {
		margin:45px 0 0 0;
	}
	header #searchMobile form {
		height:50px;
		padding:11px 0 19px;
	}
	header #searchMobile form.expanded {
		width:300px;
	}
	header #searchMobile form .suche_feld {
		width:140px;
		height:30px;
	}
	header #searchMobile form .suche_button {
		top:10px;
	}
}





/* Responsive tables borrowed from T3M. Unfortunately not that well suited for theses tables... *//*
table.responsive {
	width: 100%;
}
table.responsive:after {
	display: block;
	visibility: hidden;
	height: 0;
	font-size: 0;
	content: ' ';
	clear: both;
}
@media screen and (max-width: 979px) {
	table.responsive {
		position: relative;
		display: block;
		border: 0 !important;
	}
	table.responsive th,
	table.responsive td {
		font-size:15px;
		line-height:30px;
		min-height: 30px;
		border: 1px solid #d6e2e8;
	}
	.touch table.responsive {
		padding-bottom: 30px;
		background-position: right bottom;
		background-repeat: no-repeat;
		background-image: url(/typo3conf/ext/t3m/Resources/Public/Images/ico-swipe.svg);
		background-size: 80px;
	}
	table.responsive caption {
		display: inline-block;
		width: 100%;
	}
	table.responsive thead {
		display: block;
		float: left;
	}
	table.responsive thead:after {
		display: block;
		visibility: hidden;
		height: 0;
		font-size: 0;
		content: ' ';
		clear: both;
	}
	table.responsive thead tr {
		display: block;
	}
	table.responsive tbody {
		position: relative;
		display: block;
		width: auto;
		overflow-x: auto;
		white-space: nowrap;
		font-size: 0;
		line-height: 0;
	}
	table.responsive tbody tr {
		font-size: 1.5rem;
		line-height: 1.5em;
		display: inline-block;
		vertical-align: top;
	}
	table.responsive th {
		display: block;
		border-bottom-width: 0 !important;
		text-align: left;
	}
	table.responsive td {
		display: block;
		border-bottom-width: 0 !important;
		border-left-width: 0 !important;
	}
	table.responsive th:last-child,
	table.responsive td:last-child {
		border-bottom-width: 0 !important;
	}
}
*/

/* BEN: Simple wrapper for too wide tables. Tables are wrapped with these via JS */
@media screen and (max-width: 979px) {
	table.responsive,
	.tableDimensions,
	.tableCanvas {
		width:100%;
	}
	.tableDimensions {
		position: relative;
		width: 100%;
		max-height: 407px;
		margin-bottom: 20px;
	}

	.tableCanvas {
		box-sizing: border-box;
		position: absolute;
		overflow: auto;
		max-width: 100%;
		max-height: 407px;
		background-color: #fff;
	}
	.tableDimensions {
		padding-bottom: 100px;
		background-color:#d6e2e8;
		background-image:url(/fileadmin/templates/img/rwd/swipe.png);
		background-position:right bottom;
		background-repeat:no-repeat;
		background-size:150px 100px;
	}
	/*
	.tableDimensions:after {
		content: 'Tabelle scrollen';
		position:absolute;
		bottom:65px;
		left:5px;
		line-height:35px;
		color:#fff;
	}
	*/
}

/* BEN: Make html5videoplayer behave */
@media screen and (max-width: 979px) {
	.video-js {
		position: relative !important;
		width:auto !important;
		height: 0 !important;
		padding-top: 56.25% !important;
	}

	.video-js .vjs-tech {
		position: absolute !important;
		top: 0 !important;
		left: 0 !important;
		width: 100% !important;
		height: 100% !important;
		min-height: 0 !important;
	}

	.vjs-default-skin .vjs-big-play-button {
		left: 40% !important;
		top: 40% !important;
		width: 20% !important;
		height: 20% !important;
		background-image: url(/fileadmin/templates/img/rwd/play.png);
		background-position: center center;
		background-repeat: no-repeat;
		background-size: 50px 50px;
	}

	.vjs-default-skin .vjs-big-play-button:before {
		display: none;  !important;
	}
}
@media screen and (max-width: 480px) {
	.vjs-default-skin .vjs-big-play-button {
		background-size: 30px 30px;
	}
}



/**
 * Small grid system
**/
.grid {
	position: relative;
	margin: 0 -5px 10px -5px;
}

.grid .grid {
	margin-bottom: 0;
}

.grid .col {
	position: relative;
	float: left;
}

.grid .col .gutter {
	margin-left: 5px;
	margin-right: 5px;
}

@media (min-width: 321px) and (max-width: 480px) {
	.grid .w20-xs {
		width: 20%;
	}
	.grid .w25-xs {
		width: 25%;
	}
	.grid .w33-xs {
		width: 33.333%;
	}
	.grid .w46-xs {
		width: 46.666%;
	}
	.grid .w50-xs {
		width: 50%;
	}
	.grid .w66-xs {
		width: 66.666%;
	}
	.grid .w75-xs {
		width: 75%;
	}
	.grid .w100-xs {
		width: 100%;
	}
}

@media (min-width: 481px) and (max-width: 640px) {
	.grid .w20-sm {
		width: 20%;
	}
	.grid .w25-sm {
		width: 25%;
	}
	.grid .w33-sm {
		width: 33.333%;
	}
	.grid .w46-sm {
		width: 46.666%;
	}
	.grid .w50-sm {
		width: 50%;
	}
	.grid .w66-sm {
		width: 66.666%;
	}
	.grid .w75-sm {
		width: 75%;
	}
	.grid .w100-sm {
		width: 100%;
	}
}

@media (min-width: 641px) and (max-width: 768px) {
	.grid .w20-md {
		width: 20%;
	}
	.grid .w25-md {
		width: 25%;
	}
	.grid .w33-md {
		width: 33.333%;
	}
	.grid .w46-md {
		width: 46.666%;
	}
	.grid .w50-md {
		width: 50%;
	}
	.grid .w66-md {
		width: 66.666%;
	}
	.grid .w75-md {
		width: 75%;
	}
	.grid .w100-md {
		width: 100%;
	}
}

@media (min-width: 769px) and (max-width: 979px) {
	.grid .w20-lg {
		width: 20%;
	}
	.grid .w25-lg {
		width: 25%;
	}
	.grid .w33-lg {
		width: 33.333%;
	}
	.grid .w46-lg {
		width: 46.666%;
	}
	.grid .w50-lg {
		width: 50%;
	}
	.grid .w66-lg {
		width: 66.666%;
	}
	.grid .w75-lg {
		width: 75%;
	}
	.grid .w100-lg {
		width: 100%;
	}
}

@media (min-width: 980px) {
	.grid .w20-xlg {
		width: 20%;
	}
	.grid .w25-xlg {
		width: 25%;
	}
	.grid .w33-xlg {
		width: 33.333%;
	}
	.grid .w46-xlg {
		width: 46.666%;
	}
	.grid .w50-xlg {
		width: 50%;
	}
	.grid .w66-xlg {
		width: 66.666%;
	}
	.grid .w75-xlg {
		width: 75%;
	}
	.grid .w100-xlg {
		width: 100%;
	}
}


/**
 * helper classes for breakpoints
**/
.hidden-xlg,
.hidden-lg,
.hidden-md,
.hidden-sm,
.hidden-xs,
.hidden-xxs {
	display: block !important;
}

.visible-xlg,
.visible-lg,
.visible-md,
.visible-sm,
.visible-xs,
.visible-xxs {
	display: none !important;
}

@media (min-width: 980px) {
	.hidden-xlg {
		display: none !important;
	}

	.visible-xlg {
		display: block !important;
	}
}

@media (min-width: 769px) and (max-width: 979px) {
	.hidden-lg {
		display: none !important;
	}
	.visible-lg {
		display: block !important;
	}
}

@media (min-width: 641px) and (max-width: 768px) {
	.hidden-md {
		display: none !important;
	}
	.visible-md {
		display: block !important;
	}
}

@media (min-width: 481px) and (max-width: 640px) {
	.hidden-sm {
		display: none !important;
	}
	.visible-sm {
		display: block !important;
	}
}

@media (min-width: 321px) and (max-width: 480px) {
	.hidden-xs {
		display: none !important;
	}

	.visible-xs {
		display: block !important;
	}
}

@media (max-width: 320px) {
	.hidden-xxs {
		display: none !important;
	}
	.visible-xxs {
		display: block !important;
	}
}



/**
 * Application form for internships
**/
body .page .internshipApplication .layout1 label {
	margin-top: 4px !important;
}

.internshipApplication .powermail_fieldset legend.powermail_label {
	width: 36%;
}
.internshipApplication .powermail_fieldset .powermail_radio_outer {
	width: 64%;
}

.internshipApplication .powermail_form .layout1 .powermail_check_outer input,
.internshipApplication .powermail_form .layout1 .powermail_radio_outer input {
	width: auto;
}

.internshipApplication .powermail_form .layout1 .powermail_check_outer .powermail_radio_inner label,
.internshipApplication .powermail_form .layout1 .powermail_radio_outer .powermail_radio_inner label {
	margin-top: 0;
}

.internshipApplication .powermail_fieldset .col label {
	width: 100% !important;
	float: none;
}

.internshipApplication .powermail_fieldset input.powermail_submit {
	float: right !important;
	width: 66% !important;
}

/* hide field by default */
.internshipApplication #driversLicenseWrap {
	display: none;
}


@media (max-width: 979px) {
	.internshipApplication label {
		width: 34% !important;
	}

	.internshipApplication .col label {
		width: 100% !important;
	}

	.internshipApplication .powermail_fieldset legend.powermail_label {
		width: 100%;
	}

	.internshipApplication input,
	.internshipApplication select,
	.internshipApplication textarea,
	.internshipApplication .powermail_captcha_outer {
		width: 66% !important;
	}

	.internshipApplication .col input,
	.internshipApplication .col select {
		width: 100% !important;
	}

	.internshipApplication .powermail_fieldset .powermail_radio_outer {
		width: 100%;
	}

	.internshipApplication .powermail_form .layout1 .powermail_check_outer label,
	.internshipApplication .powermail_form .layout1 .powermail_radio_outer label {
		width: 90% !important;
	}

	.internshipApplication .powermail_fieldset input.powermail_submit {
		float: right !important;
	}
}

@media (max-width: 480px) {
	.internshipApplication label,
	.internshipApplication .col label {
		width: 100% !important;
	}

	.internshipApplication input,
	.internshipApplication select,
	.internshipApplication textarea,
	.internshipApplication .powermail_captcha_outer {
		width: 100% !important;
	}

	.internshipApplication .powermail_fieldset legend.powermail_label,
	.internshipApplication .powermail_fieldset .powermail_radio_outer {
		width: 100%;
	}

	.internshipApplication .powermail_form .layout1 .powermail_check_outer input,
	.internshipApplication .powermail_form .layout1 .powermail_radio_outer input {
		float: left;
		margin: 3px 0 5px 0;
	}

	.internshipApplication .powermail_fieldset input.powermail_submit {
		float: none !important;
		width: 100% !important;
	}
}

.page .pageInner .content  #c54778 .tx-powermail form .powermail_fieldset_29 .powermail_fieldwrap_575 fieldset .powermail_check_outer,
.page .pageInner .content  #c54778 .tx-powermail form .powermail_fieldset_29 .powermail_fieldwrap_608 fieldset .powermail_check_outer,
.page .pageInner .content  #c54778 .tx-powermail form .powermail_fieldset_29 .powermail_fieldwrap_609 fieldset .powermail_check_outer,
.page .pageInner .content  #c54778 .tx-powermail form .powermail_fieldset_29 .powermail_fieldwrap_610 fieldset .powermail_check_outer {
    float: left !important;
    margin-left: -5px;
    border: transparent;
}

.page .pageInner .content  #c54778 .tx-powermail form .powermail_fieldset_29 .powermail_fieldwrap_575 fieldset .powermail_check_outer .powermail_check_inner input,
.page .pageInner .content  #c54778 .tx-powermail form .powermail_fieldset_29 .powermail_fieldwrap_608 fieldset .powermail_check_outer .powermail_check_inner input,
.page .pageInner .content  #c54778 .tx-powermail form .powermail_fieldset_29 .powermail_fieldwrap_609 fieldset .powermail_check_outer .powermail_check_inner input,
.page .pageInner .content  #c54778 .tx-powermail form .powermail_fieldset_29 .powermail_fieldwrap_610 fieldset .powermail_check_outer .powermail_check_inner input {
    width: 6%;
    margin-top: 18px;

}
.page .pageInner .content  #c54778 .tx-powermail form .powermail_fieldset_29 .powermail_fieldwrap_575 fieldset .powermail_check_outer .powermail_check_inner label,
.page .pageInner .content  #c54778 .tx-powermail form .powermail_fieldset_29 .powermail_fieldwrap_608 fieldset .powermail_check_outer .powermail_check_inner label,
.page .pageInner .content  #c54778 .tx-powermail form .powermail_fieldset_29 .powermail_fieldwrap_609 fieldset .powermail_check_outer .powermail_check_inner label,
.page .pageInner .content  #c54778 .tx-powermail form .powermail_fieldset_29 .powermail_fieldwrap_610 fieldset .powermail_check_outer .powermail_check_inner label {
    width: 90%;
}

ul.menuMain-L1 li.home-icon a {
    width: 25px;
    display: block;
    height: 15px;
    margin-left: 5px;
    background-image: url("/fileadmin/templates/img/2014/icon-home.svg");
    background-position: center;
    background-repeat: no-repeat;
}