/*
  Fluid Baseline Grid v1.0.0
  Designed & Built by Josh Hopkins and 40 Horse, http://40horse.com  
  Licensed under Unlicense, http://unlicense.org/
  
  Base stylesheet with CSS normalization, typographic baseline grid and progressive responsiveness
*/

/* HTML5 DECLARATIONS */
article, aside, details, figcaption, figure, footer, header, hgroup, menu, nav, section, dialog {display: block}
audio[controls],canvas,video {display: inline-block; *display: inline; zoom: 1}

/* BASE */
html {height: 100%; font-size: 100%; overflow-y: scroll; -webkit-text-size-adjust: 100%} /* Force scrollbar in non-IE and Remove iOS text size adjust without disabling user zoom */
body {margin: 0; min-height: 100%; -webkit-font-smoothing:antialiased; font-smoothing:antialiased; text-rendering:optimizeLegibility; 0 1.1875em; } /* Improve default text rendering, handling of kerning pairs and ligatures */
body{
  background:#08448B;
  -webkit-hyphens: auto;
  -moz-hyphens: auto;
  -ms-hyphens: auto;
  hyphens: auto;
}
body.edx_pdf_body{ background:#fff;}

/* DEFAULT FONT SETTINGS */
/* 16px base font size with 150% (24px) friendly, unitless line height and margin for vertical rhythm */
/* Font-size percentage is based on 16px browser default size */
body, button, input, select, textarea {font: 100%/1.5 Helvetica, Arial, sans-serif; *font-size: 1em; color: #333} /* IE7 and older can't resize px based text */
/*p, blockquote, q, pre, address, hr, code, samp, dl, ol, ul, form, table, fieldset, menu, img {margin: 0 0 1.5em; padding: 0}*/
p, blockquote, q, pre, address, hr, code, samp, dl, ol, ul, form, table, fieldset, menu, img {margin: 0 0 18px; margin: 0 0 1.125rem; padding: 0}

/* TYPOGRAPHY */
/* Composed to a scale of 12px, 14px, 16px, 18px, 21px, 24px, 36px, 48px, 60px and 72px */
h1, h2, h3, h4, h5, h6 {font-family:Helvetica, Arial, sans-serif;color:#333;text-shadow:1px 1px 1px rgba(0,0,0,.10)}
h1 {margin: 0; font-size: 3.75em; line-height: 1.2em; margin-bottom: 0.4em} /* 60px / 72px */
h2 {margin: 0; font-size: 3em; line-height: 1em; margin-bottom: 0.5em} /* 48px / 48px */
h3 {margin: 0; font-size: 2.25em; line-height: 1.3333333333333333333333333333333em; margin-bottom: 0.6667em} /* 36px / 48px */ 
h4 {margin: 0; font-size: 1.5em; line-height: 1em; margin-bottom: 1em} /* 24px / 24px */
h5 {margin: 0; font-size: 1.3125em; line-height: 1.1428571428571428571428571428571em; margin-bottom: 1.1428571428571428571428571428571em} /* 21px / 24px */
h6 {margin: 0; font-size: 1.125em; line-height: 1.3333333333333333333333333333333em; margin-bottom: 1.3333333333333333333333333333333em} /* 18px / 24px */


h1 {margin: 0; font-size: 2.25em; line-height: 1.3333333333333333333333333333333em; margin-bottom: 0.6667em} /* 36px / 48px */
h2 {margin: 0; font-size: 1em; line-height: 1.125em; margin-bottom: 1em} /* 16px / 18px */
h3 {margin: 0; font-size: 0.875em; line-height: 18px; line-height: 1.125rem; margin-bottom: 1em} /* 14px / 18px */ 
/*p, ul, blockquote, pre, td, th, label {margin: 0; font-size: 1em; line-height: 1.5em; margin-bottom: 1.5em}*/ /* 16px / 24px */
p, ul, blockquote, pre, td, th, label {margin: 0; font-size: 14px; font-size: 0.875rem; line-height: 1.25em; margin-bottom: 1em} /* 14px */
small, p.small {margin: 0; font-size: 0.875em; line-height: 1.7142857142857142857142857142857em; margin-bottom: 1.7142857142857142857142857142857em} /* 14px / 24px */

/* CODE */
pre {white-space: pre; white-space: pre-wrap; word-wrap: break-word} /* Allow line wrapping of 'pre' */
pre, code, kbd, samp {font-size: 1em; line-height: 1.5em; margin-bottom: 1.5em; font-family: Menlo, Consolas, 'DejaVu Sans Mono', Monaco, monospace}

/* TABLES */
table {border-collapse: collapse; border-spacing: 0; margin-bottom: 1.5em}
th {text-align: left}
tr, th, td {padding-right: 1.5em; border-bottom: 0 solid #333}

/* FORMS */
form {margin: 0}
fieldset {border: 0;padding: 0}
textarea {overflow: auto; vertical-align: top}
legend {*margin-left: -.75em}
button, input, select, textarea {vertical-align: baseline; *vertical-align: middle; box-sizing:border-box;} /* IE7 and older */
button, input {line-height: normal; *overflow: visible}
button, input[type="button"], input[type="reset"], input[type="submit"] {cursor: pointer;-webkit-appearance: button}
input[type="checkbox"], input[type="radio"] {box-sizing: border-box}
input[type="search"] {-webkit-appearance: textfield; -moz-box-sizing: content-box; -webkit-box-sizing: content-box;  box-sizing: content-box}
input[type="search"]::-webkit-search-decoration {-webkit-appearance: none}
button::-moz-focus-inner, input::-moz-focus-inner {border: 0; padding: 0}

/* QUOTES */
blockquote, q {quotes: none}
blockquote:before, blockquote:after, q:before, q:after {content: ''; content: none}
blockquote, q, cite {font-style: italic}
blockquote {padding-left: 1.5em; border-left: 3px solid #ccc}
blockquote > p {padding: 0}

/* LISTS */
ul {
  list-style-image: url("../../gfx/bullet.gif");
  margin-left: 0;
  padding-left: 0;
  list-style-position: outside;
}
ul li {
  margin-left: 1em;
  padding-left: 0;
}
ol {
  list-style-position: inside; 
  padding: 0
}
li ul, li ol {margin: 0 1.5em}
dl dd {margin-left: 1.5em}
dt {font-family:Futura, "Century Gothic", AppleGothic, sans-serif}

/* HYPERLINKS */
a {text-decoration: none; color:#00448b}
a:hover {text-decoration: underline}
a:focus {outline: thin dotted}
a:hover, a:active {outline: none} /* Better CSS Outline Suppression */

/* MEDIA */
figure {margin: 0}
img, object, embed, video {max-width: 100%;  _width: 100%} /* Fluid images */
img {border: 0;  -ms-interpolation-mode: bicubic} /* Improve IE's resizing of images */
svg:not(:root) {overflow: hidden} /* Correct IE9 overflow */

/* ABBREVIATION */
abbr[title], dfn[title] {border-bottom: 1px dotted #333; cursor: help}

/* MARKED/INSERTED/DELETED AND SELECTED TEXT */
ins, mark {text-decoration: none}
mark {background: #00448b}
ins {background: #00448b}
del {text-decoration: line-through}
::-moz-selection {background: #00448b; color: #fff; text-shadow: none} /* selected text */
::selection {background: #00448b; color: #fff; text-shadow: none} /* selected text */

/* OTHERS */
strong, b, dt { font-weight: bold}
dfn {font-style: italic}
var, address {font-style: normal}
sub, sup {font-size: 75%; line-height: 0; position: relative; vertical-align: baseline} /* Position 'sub' and 'sup' without affecting line-height */
sup {top: -0.5em} /* Move superscripted text up */
sub {bottom: -0.25em} /* Move subscripted text down */
span.amp{font-family:Adobe Caslon Pro,Baskerville,"Goudy Old Style","Palatino","Palatino Linotype","Book Antiqua",Georgia,"Times New Roman",Times,serif;font-style:italic;font-size:110%;line-height:0;position:relative;vertical-align:baseline} /* Best available ampersand */

/* MICRO CLEARFIX HACK */
.cf:before, .cf:after {content:"";display:table} /* For modern browsers */
.cf:after {clear:both}
.cf {zoom:1} /* For IE 6/7 (trigger hasLayout) */

/* DEFAULT STYLE */

/* column grid */
.g1, .g2, .g3, .g4, .g5, .g6 {
  display: block;
  position: relative;  
  float: left;
}
.g1 {
  width: 14.667%;
}
.g2 {
  /*width: 32.25%;*/
  width: 29.67992241%;
}

.g4 {
  /*width: 64.667%;*/
  width: 68.57419981%;
}
.g4.edxPdfNormalcontent{
    width: 99%;
}

.g6 {
  width: 100%;
}

#stage{background: #fff;}

#header .g6{
    margin-left:1%;
    margin-right:1%;
    width: 98%;
}
#mainmenu .menu.g6{
    /*float:none;*/
    margin:0;
    /*clear:both;*/
}

#leftcontent, #normalcontent{
    /*margin-right: 1.62%;*/
    margin-right: 1.745877789%; /* 18px at max width of 1031px*/
    background-color: #ffffff;
}
.layout1 #teaserwrapper,
.layout1 #contentwrapper{
    background: #00448b;
}
.layout1 #contentwrapper{
  height: 100px; /*to prevent too much space between slider and footer, since the content is positioned relative*/
}

#normalcontent div.csc-default{
  clear:both; /* ansonsten gibt es einen Treppeneffekt wenn mehrere Bildelemente auf der Seite sind */
}

.hideme {
  display: block;
  position: absolute;
  left: -999em;
}

/*video*/
.layout1 .vjs-controls{ display: none !important; opacity:0; visibility:hidden;}/* hide controls for startpage teaservideo*/

object#teaserstage{
    height: 100%;
    width:100%;
}

.blue{
  color: #00448b;
}

.c1, .c2, .c3{
  display: block;
  position: relative;
  margin-left: 0;
  margin-right: 0;
}
/* 1 column grid */
.c1, .c2, .c3 {
  width: 100.0%
}

img, embed, object, video {
  max-width: 100%;
  height: auto;
  width: auto;
  float:left; /* to prevent parent div's larger than image */
}

#logo {
  width: 218px;
  height: 55px;
}
#logo a {
  display: block;
  width: 100%;
  height: 100%;
}
#logo a img {
  margin: 0;
  padding: 0;
}
#headerwrap{
  width:100%;
  height:100%;
}

#header{
    margin-bottom: 20px;
    /*overflow:hidden; breaks (cuts off) menu and language dropdown*/
   -webkit-box-shadow: 0px 1px 3px #808080; 
   -moz-box-shadow: 0px 1px 3px #808080; 
   box-shadow: 0px 1px 3px #808080;
  background: #fff;
  position: relative;
}

#header img {
  margin: 0;
  padding: 0;
}


#socialmenu ul {
    margin: 8px;
    clear: both;
}
#socialmenu li { 
    margin: 5px 2px 5px 2px;
    float:left;
}   
#socialmenu {
  float:right;
}
#socialmenu a{
    display:block;
    width:20px;
    height:20px;
    text-indent: -10000px;
    background: no-repeat top left;
}

#stage div#mainmenu {
  z-index: 100;
}



#mainmenu .bigmenu-handle,
#mainmenu li{
  list-style-type:none;
}



#logo a{
  width: 100%;
}

.halfcol {
  width: 50.0%
}
.show-nav #mainmenu {
  -webkit-box-shadow: inset -0.375em 0px 0.625em #ccc; /* webkit browser*/ 
  -moz-box-shadow: inset -0.375em 0px 0.625em #ccc; /* firefox */ 
  box-shadow: inset -0.375em 0px 0.625em #ccc;
}



/*header icons*/
.box{margin-top:0.75em; float: left;}
#specialmenus{margin-top:0.35em;}

#rootlinemenu {
  margin-top: 1em;
  margin-bottom: 1em;
}
#rootlinemenu,
#rootlinemenu a{
  font-size: 12px;
  font-size: 0.75rem;
  color: #333;
  text-transform: uppercase;
}  
#content {
  padding-bottom:1em;
}

#footer,
#footerwrapper,
#subfooter
{
  font-size: 12px;
  font-size: 0.75rem;
}
#footerwrapper h2{
  font-size: 14px;
  font-size: 0.875rem;
  font-weight: bold;
  text-transform: uppercase;
}
#footerwrapper,#footer,#subfooter{
  background-color: #08448b;
  color: #ffffff;
}
/*#footer{*/
#footerwrapper{
  margin-top: 2em;
  padding-top: 70px;
  background: url("../../gfx/grad-footer.gif") #08448b repeat-x 0 46px;  
}
.layout1 #footerwrapper{
  margin-top: 0;  
}
#mainmenu ul,
#footermenu ul,
#footermenu ol{
  list-style-image: none;
}
#subfooter{
  display: block;
}
#subfooter div{
   padding:1em;
   display: block;
   float: none;
   text-align:right;
}

#contentwrapper{
  clear: both;
}


hr {
    -moz-border-bottom-colors: none;
    -moz-border-image: none;
    -moz-border-left-colors: none;
    -moz-border-right-colors: none;
    -moz-border-top-colors: none;
    background: none repeat scroll 0 0 transparent;
    border-color: -moz-use-text-color -moz-use-text-color #00307C;
    border-style: none none solid;
    border-width: 0 0 1px;
    color: #00448B;

}
hr.clearer {
  clear: both;
}

.csc-textpic-clear{
  clear:both;
}

.show-nav .zusatzZuMainmenu{
    display:block;
}

.layout1 img{margin:0;}


.csc-listtext{}
.csc-listtext .csc-bulletlist{
  width: 50%;
  float:left;
}
.csc-listtext .csc-listtext-text{
  width: 48%;
  margin-left: 2%;
  float: left;
}


/* content table ****************************************************/
.contenttable {
  width: 100%;
  margin: 0 0 2em 0;
  border: 1px solid #eee;
  table-layout: fixed;
}

.contenttable th,
.contenttable td {
  width: 2%;
  padding: 0.4em 0.8em;
}
.contenttable th,
.contenttable .tr-even {
  background-color: #eee;
}

/* download links ***************************************************/
.download_box {
  clear: both;
}
.csc-uploads {
  list-style-type: none;
  margin: 0;
  margin-bottom: 15px;
  padding: 0;
  list-style-image: none;
}
.csc-uploads li {
  margin: 0;
  display: inline-block;
  width: 24%;
  margin-right: 1%;
  margin-bottom: 20px;
  vertical-align: top;
}
.csc-frame-indent5050 .csc-uploads li {
  width: 48%;
  margin-right: 2%;
}
.csc-uploads li img {
  float: none;
  display: block;
  border: 1px solid #ddd;
  margin-bottom: 5px;
}
.csc-uploads-fileName {
  font-size: 0.8em;
}

/* flexslider *******************************************************/
.flexslider .flex-caption{
  width: auto;
  background: transparent;
  top: 224px;
  bottom: auto;
  left: 86px;
  padding:0;
}
.flexslider .flex-caption a.arrow,
.flexslider .flex-caption span,
.flexslider .flex-caption strong{
  display: block;
  color: #ffffff;
  text-decoration:none;
  background: #00448b;  
}

.flexslider .flex-caption strong{
  font-size: 2.25em;
  font-weight: bold;
  text-transform: uppercase; 
  line-height: 1.333em; 
  margin-bottom: 3px;
  padding: 0.25em 0.5em;
}
.flexslider .flex-caption span{
  font-size: 1.875em;
  text-transform: uppercase;  
  line-height: 1.333em;
  padding: 0.25em 0.5em;
  float:left;
}

.flexslider .flex-caption a.arrow{
  font-size: 1.875em;  
  line-height: 1.333em;
  padding: 0.25em 0.5em;
  margin-left: 4px;
  float:left;
}
/* flexslider end ***************************************************/


/* jcarousel (startpage) ********************************************/
.layout1 #content{
  position: relative;
  top: -155px;
  -webkit-transform: translateZ(0);
    -moz-transform: translateZ(0);
    -ms-transform: translateZ(0);
    transform: translateZ(0);
}
.jcarousel{
  position: relative;
    overflow-y : hidden; /* one hidden, one visible not possible, sets to auto */
    overflow-x: hidden;
    /*height: 445px; makes footer unclickable*/
    height: 250px;
    width: 1034px;  
}

.jcarouselstage{
  width: 20000em;
    position: absolute;
    margin: 0;
    padding: 0;
}
.jcarouselstage > div.csc-default{
   float: left;
   width: 306px;
   height: 216px;
   margin-right: 27px;
   background: #ffffff;
  -webkit-box-shadow: 0px 1px 3px #808080; 
  -moz-box-shadow: 0px 1px 3px #808080; 
  box-shadow: 0px 1px 3px #808080;
  background-image: -webkit-gradient(
            linear,
            left top,
            left bottom,
            color-stop(0, #CCCCCC),
            color-stop(1, #EFEFEF)
        );
    background-image: -o-linear-gradient(bottom, #CCCCCC 0%, #EFEFEF 206px);
    background-image: -moz-linear-gradient(bottom, #CCCCCC 0%, #EFEFEF 206px);
    background-image: -webkit-linear-gradient(bottom, #CCCCCC 0%, #EFEFEF 206px);
    background-image: -ms-linear-gradient(bottom, #CCCCCC 0%, #EFEFEF 206px);
    background-image: linear-gradient(to bottom, #CCCCCC 0%, #EFEFEF 206px);
    filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#CCCCCC', endColorstr='#EFEFEF'); /* IE6-9 */
   border: 10px solid #fff; 
}
.jcarouselstage header {
  padding: 15px;
  padding-bottom: 0;
}
.jcarouselstage header h2 {
  margin: 0;
}
.jcarouselstage > div.csc-default > div {
  height: 170px;
  padding: 5px 15px 0;
  margin-bottom: 5px;
  overflow: hidden;
} 

.jcarousel .csc-default{
    overflow: visible;
}

.jcarousel .csc-default figure{
  overflow:hidden;
}
.jcarousel .csc-default .csc-textpic figcaption{
  overflow: hidden;
  position: absolute;
  bottom: 1.5em;
  margin-left: 1em;
  width: 236px;
  background: #00448b;
  color: #ffffff;
  font-weight: bold;
  padding: 0.25em 0.5em;
}
.jcarousel .csc-default .csc-textpic figcaption a{
  background: #00448b;
  color: #ffffff;
  font-weight: bold;
}
.jcarousel .csc-default .csc-textpic figcaption a:hover{
  text-decoration: none;
}
.jcarousel .csc-default .csc-textpic figcaption a span.arrow{
  font-size: 0.8em;
}
.jcarouselstage .csc-textpic-center figure {
  text-align: center;
}
.jcarouselstage .csc-textpic-center figure a {
  display: inline-block;
}
/* jcarousel end (startpage) ****************************************/

.layout1 #teaserboxes .news-list-container{
  background: url("/fileadmin/default/templates/gfx/box-bg.png") transparent top left no-repeat;
  padding: 10px 20px 10px 10px;
  overflow-y: scroll;
  height:196px;
  width:275px;
}
.layout1 #teaserboxes .news-list-container hr{
  border-color: #f2f2f2;
  color: #f2f2f2;
  margin-bottom: 12px;
  margin-bottom: 0.75rem;
}
.layout1 #teaserboxes .news-list-container p{
  margin-bottom: 12px;
  margin-bottom: 0.75rem;
}
.layout1 #teaserboxes .news-list-container .news-list-date{
  color: #666666;
  font-size: 12px;
}

.layout1 #teaserboxes .news-list-container h2{
  margin-bottom: 0.25em;
}


.c1, .c2, .c3 ,.c4, .c5, .c6{
    display: inline;
    float: right;
}
  

#footer{
  overflow:hidden;
}
#footer ul {
    list-style-type: none;
    list-style-image: none;
    overflow:hidden;
    padding: 1em;
}
#footer ul ul{
    padding: 0;
}
#footer a, #subfooter a, #footer h2{
    color: #ffffff;
}

#footer ul.level1 li {
    float:left;
    /*width: 16.66%;*/
   width: 12.5%;
}
#footer ul.level2{
    margin:0;
}
#footer ul.level2 li {
    width:auto;
    clear:left;
  margin-left: 0;
}
#footer ul.level2 li a{     
    display:block;
    padding-top: 0.125em;
    padding-bottom: 0.125em;
    font-size: 12px;
    font-size: 0.75rem;
}
    
#teaserstage .flex-container ol.flex-control-nav,
#teaserstage .flex-container ul.flex-direction-nav,
#teaserstage div.flexslider ul.slides{display:block;}
  




/*********** reset mobile menu *********/
.mobilemenu-handle, .zusatzZuMainmenu, .show-nav .zusatzZuMainmenu{
  display:none;
}
#menuback,
#logo{
  display:block;
}


/*********** Rules for menu layer 1 and general settings for all layers ***********/
#contentwrapper{z-index:1;}

div#mainmenu {
   /*clear: both;
   display: block;*/
  float:left;
  position:static;
  width:100%;
  margin-top: 20px;
  margin-bottom: 5px;
}

#mainmenu a,
#mainmenu a:active,
#mainmenu a:focus,
#mainmenu a:visited {
  display:block;    
  text-decoration:none;  
  font-size: 1em;
  font-weight: normal;
  text-transform: uppercase;
  color: #818181;
  /*white-space: nowrap;*/
}

#mainmenu ul {  
  list-style-type: none;
  padding: 0;
  margin: 0;
    margin-left: 120px;
    margin-top: -25px;
    -moz-column-count:auto; /* Firefox */
    -webkit-column-count:auto; /* Safari and Chrome */
    column-count:auto;
    column-rule-style:none;
    -moz-column-rule-style:none;
    -webkit-column-rule-style:none;
}
#mainmenu ul li {
  line-height: 2.5em;
  float:left;
  position: relative;
    margin-left:0;
    margin-right:10px;
    padding-right:10px;
}
#mainmenu ul li.cur > a,
#mainmenu ul li.active > a{
  color: #00448B;
}
#mainmenu > ul > li:hover,  
#mainmenu > ul > li.hovered {
  background-color: #fff;
  color: #00448B;
}
#mainmenu > ul > li a:hover,
#mainmenu > ul > li.hovered a{
  color: #00448B;
}

#mainmenu ul li.ifsub a span.pfeil_unten {
  background: url(../../gfx/menu-arrows-sprite.gif) transparent 0 0 no-repeat;
  width: 7px;
  height: 4px;
  display: inline-block;
  line-height: 4px;
  margin-left: 8px;
}


#mainmenu ul li.ifsub a:hover span.pfeil_unten {
  background-position: 0 -12px;   
}
#mainmenu ul li a {
  border: none;
  margin: 0;
  padding: 0;
}

#mainmenu ul li li a {
  background: none;
  border: none;
  margin: 0;
  padding: 0;
}  

/*********************************** Rules for menu layer 2 ***********************************/
#mainmenu ul.level2 {
  display: none;
  position:absolute;
  z-index: 100;
  background: #fff;
  box-shadow: 0 3px 3px #808080;
  width: 350px;
}

#mainmenu ul ul {
  padding:0;
  margin: 0;

}

#mainmenu ul.level2 li{
  position: relative;
  clear:both;
  float:none;
  margin:0;
  padding:0;
}
#mainmenu ul.level2 a{
  display:block;
  padding: 0 10px;
  border:1px solid #808080;
  width:328px;
}

/*********************************** Rules for menu layer 3 ***********************************/

#mainmenu ul.level3 {
    display: none;
    position:absolute;
    z-index: 100;
    background: #fff;
    box-shadow: 0 3px 3px #808080;
    width: 350px;
    top: 0;
    left: 350px;
}

#mainmenu  ul.level2 > li:hover,  
#mainmenu  ul.level2 > li.hovered {
    background-color: #fff;
    color: #00448B;
    display: block;
}

#mainmenu ul.level2 > li:hover ul.level3{
    display: block;
}
#mainmenu > ul.level2 > li a:hover,
#mainmenu > ul.level2 > li.hovered a{
    color: #00448B;
    box-shadow: inset 0 1px 2px #808080;
}
.pfeil_rechts {
    width: 7px;
    height: 7px;
    background: url(../../gfx/menu-arrows-sprite.gif) transparent  no-repeat; 
    background-position: 0px -16px;
    display: block;
    float: right;
    margin-top: 13px;
}

#mainmenu ul.level3 a{
  padding: 0 10px;
  width:329px;
}

.mobilheader{
    display: none;
}

/************* main menu end *****************/

/* SC: special menu right */
#specialmenus {
    width: 470px;
    float:right;
}
#searchbox, #languages, #sites {
    /*margin-bottom: 0.37em;*/
    margin-right: 10px;
    width: 135px;
    /*height: 22px;*/
    *height: 20px; /* IE7 cant substitute arrow on select */
    float:left;
}
.tx-srlanguagemenu legend,.tx-srlanguagemenu label{display:none;}
.tx-srlanguagemenu fieldset select{width: 145px;}
#sites{
   width: 145px;
   margin-right:15px;
}
#specialmenus #languages{
   width: 140px;
}
#specialmenus #searchbox {  
   display: block;
}


#teaserwrapper{
    width: 100%;
    clear:both;
}
#inteaserwrapper{
    overflow: hidden;
    max-width: 1181px;
    margin-left:auto;
    margin-right:auto;
}


#header, 
.mobilheader, 
#content, 
#footer, 
#subfooter div{
  /*max-width: 1282px;*/
  max-width: 1031px;
  margin-left:auto;
  margin-right:auto;
}  

.collapsible{
  margin-bottom: 10px;
  cursor: pointer;
  background: #ececec;
  color: #003399;
  font-weight: bold;
  clear:both;
  overflow:hidden;
}
.collapsible span{
  margin: 0 0 0 0;
  display:block;
  float:left;
}
.collapsible span.handle{
  width: 15px;
  height: 15px;
  background: url("../../gfx/collapsible-sprite.gif") transparent no-repeat;
  margin: 4px 9px 0 7px;
}

.collapse-open span.handle{
  background-position: 0 -15px;
}


/* begin: info boxes on right side */
#rightcontent{
    background:transparent;
}
#rightcontent .csc-default .csc-textpic .csc-textpic-text{
  color: #404040;
}
#rightcontent .csc-textpic-intext-right-nowrap img {
  float: right;
}

#rightcontent .csc-textpic-intext-left .csc-textpic-image img {
  margin-right: 15px;
}

#rightcontent > div{
  float:left;
  width: 100%;
}
  
.info_box {
  clear: both;
  float: left;
  width: 100%;
  box-sizing: border-box;
  -moz-box-sizing: border-box;
  -webkit-box-sizing: border-box;
  background: #ccc url("../../gfx/box-bg.png") bottom center no-repeat;
  padding: 20px;
  padding-bottom: 1px;
  margin-bottom: 20px;
}
.info_box p {
  line-height: 1.4em;
}
.info_box .csc-textpic-intext-right-nowrap {
  float: left;
}
.csc-frame-frame1 {
  color: #00448B;
}
.info_box .csc-textpic-text {
  word-wrap: break-word;
    -ms-word-wrap: break-word;
}
/* end: info boxes on right side */

    
/* tt_news */
    .edx-news-tabs{
        margin-bottom: 5px;
    }
   .edxAddNewsTabs{
       clear: both;
       /*margin-top: 40px;*/
   }
   .edx_newslist_pagelink{
       padding: 5px;
        padding-left: 15px;
        padding-right: 15px;
        font-size: 1.2em;
        font-weight: 500;
        background-color: #ececec;
        height: 1.5em;
   }
   .edx_newslist_pagelink.active{
       background-color: #00448b;
       color: #fff;
   }
   .news-latest-item, .news-list-item, .news-single-graubox{
       background-color: #f7f6f6;
       margin-bottom: 5px;
       clear: both;
       overflow: hidden;
       padding-bottom: 10px;
   }
   .news-single-graubox{
       padding-bottom: 0;
   }
   .news-single-graubox{
      /* margin-bottom: 1.8em;
       margin-top: 1.8em;*/
   }
   .news-list-item-img{
       width: 230px;
       float: left;
       padding: 20px;
       padding-top: 30px;
   }
   .news-list-item-img img{
       margin-bottom: 0;
   }
    .news-list-item-article{
        padding-top: 30px;
        padding-bottom: 20px;
        padding-left: 0px;
        padding-right: 0px;
    }
    #content .news-list-container .news-list-item-article,
    #content .news-latest-container .news-list-item-article {
        float: left;
        width: 55%;
    }
    .news-list-morelink{
        margin-top: 20px;
    }
    .news-list-morelink a{  
        color: #fff;
        background-color: #08448b;
        padding: 5px 10px;
        /*padding-right: 25px;*/
    }
    .news-latest-gotoarchive, .showResultsWrap, .browseLinksWrap {
        text-align: center;
    }
    .news-single-imgs-wrap{
        float: left;
        /*width: 55%;*/
    }
    .news-single-lupe{
        position: absolute;
        background-image: url('/fileadmin/default/templates/gfx/lupe.png') ;
        background-position : 0px 0px;
        width: 17px;
        height: 17px;
        /*top: 15px;
        left: 30px;*/
       top: 5px;
       left: 5px;
        border: 1px solid #175495;
    }
    .news-single-graubox .news-single-img .image{
      /*float: left;*/
      display: inline-block;
      vertical-align: top;
      width: 333px;
      margin:10px 10px 0 10px;
    }
    .news-single-graubox .news-single-img a{
      display: block;
      overflow: hidden;
      width: auto;
      height:auto;
      padding:1px 2px 1px 1px;
      /*border: 1px solid #00448B;*/
    }
    .news-single-graubox .news-single-img a img{
        /*height: 75px;
        margin-right: 4.99%;*/
       border: 1px solid #00448B;
       margin:0;
    }
    .news-single-graubox .news-single-img .news-single-imgcaption{
      clear:both;
      font-size: 12px;
      margin-top: 1em;
    }
    /*
    .news-single-graubox .news-single-img a:first-child{
        overflow: hidden;
        display: block;
        position: relative;
    }
    .news-single-graubox .news-single-img a:first-child img{
        width: 95%;
        height: 100%;
    }*/
    .news-single-highlights{
        float: left;
        width: 36.99%;
        margin-left: 5%;
        margin-right: 2.99%;
    }
    .news-single-item h3{
        color: #00448B;
        margin-top: 20px;
        margin-bottom: 0;
        font-size: 1em;
    }
    .news-single-graubox .news-single-highlights br{
        line-height: 0.5em;
    }
    .news-single-graubox .news-single-highlights li{
        margin-bottom: 20px;
        margin-left: 18px;
        list-style-position:outside;
    }
    .news-single-files dd {
      margin-left: 0;
    }
    
   /* tt_news home small box */
   .layout1 .jcarousel .news-latest-item{
       background-color: transparent;
       padding-bottom: 0;
       border-bottom: 1px solid #fff;
   }
   .layout1 .jcarousel .news-latest-item:last-child{
       border-bottom: none;
   }
    
    .layout1 .jcarousel .news-latest-container .news-latest-item h2{
        font-weight: 400;
        font-size: 0.9em;
    }
    .layout1 .jcarousel .news-latest-container .news-latest-item .news-latest-date{
        font-size: 0.78em;
        color:#666666; 
    }
    .jcarousel .news-latest-item .news-latest-date p {
        display: inline;
        font-size: 0.78rem;
    }
    .jcarouselstage > div > p {
      margin-left: 15px;
      margin-top: 0.5em;
    }
   /* end tt_news home small box*/

/* END tt_news */

/* edx_jobs */

    .edx_jobs_stdTab{
        background-color: #ececec;
        color: #00448b;
    }
    .edx_jobs_stdTab a{
        font-size: 1.1em;
    }
    .edx_jobs_stdTab.edx_jobs_activeTab{
        background-color: #00448b;
    }
    .edx_jobs_stdTab.edx_jobs_activeTab a{ 
        color: #fff;
    }
    .edx_jobs_stdJobLink{
        background-color: #f7f6f6;
    }
    .edx_jobs_detail_field_value{
        font-size: 14px;
        font-size: 0.9rem;
        line-height: 1.2em;
        margin-top: 1em;
        margin-bottom: 1.4em;
    }
    .edx_jobs_detail_field_value li{
        font-size: 14px;
        font-size: 0.9rem;
        line-height: 1.7em;
    }
    .edx_jobs_title_value{
        color: #00448b;
        font-size: 2.25em;
        font-weight: 600;
        line-height: 1.33333em;
        margin-bottom: 0.5em;
        margin-left: 0;
        margin-right: 0;
        margin-top: 0.5em;
    }
    .edx_jobs_detail_field_label{
        font-size: 0.97em;
        font-weight: 600;
        color: #00448b;
    }
    .edx_jobs_orte_label, .edx_jobs_dauer_label{
        float: left;
    }
    .edx_jobs_orte_value, .edx_jobs_dauer_value{
        margin-left: 10px;
        margin-top: 3px;
        float: left;
    }
    .edx_jobs_description_value{
        margin-top: 0;
    }

/* END edx_jobs */

/** worldwide page; EDX Contact Person Search */
.tx-edxcontactpersonsearch-pi1 .edx_cps_menulists_wrap div.edxCpsMenuCountryWrap {
    background: url("/fileadmin/images/arrows.png") no-repeat scroll 300px -165px / 30px 450px #fff;
    height: 28px;
    width: 300px;
}

.tx-edxcontactpersonsearch-pi1 .edx_cps_menulists_wrap .chosen-container, 
.tx-edxcontactpersonsearch-pi1 .edx_cps_menulists_wrap .chosen-container-single .chosen-single,
.tx-edxcontactpersonsearch-pi1 .edx_cps_menulists_wrap.chosen-container-active.chosen-with-drop .chosen-single {
    border: none;
    box-shadow: none;
    background-color: #f7f6f6;
}

.tx-edxcontactpersonsearch-pi1 .edx_cps_menulists_wrap .chosen-single {
    font-size: 14px;
    font-size: 0.875rem;
}
.tx-edxcontactpersonsearch-pi1 .edx_cps_menulists_wrap .chosen-container-active .chosen-single {
    font-weight: 700;
}

.tx-edxcontactpersonsearch-pi1 .edx_cps_menulists_wrap .chosen-single,
.tx-edxcontactpersonsearch-pi1 .edx_cps_menulists_wrap .chosen-container .chosen-results li  { 
    line-height: 1.25em;
}

.tx-edxcontactpersonsearch-pi1 .edx_cps_menulists_wrap .edx_cps_menulists_headtext{
    color: #08448b;
    font-weight: 700;
    font-size: 14px;
    font-size: 0.92rem;
    margin-bottom: 20px;
}
.tx-edxcontactpersonsearch-pi1 .edx_cps_countryView .edx_cps_countryHead{
    margin-right: 20px;
    margin-bottom: 25px;
    color: #08448b;
    font-weight: 700;
}

.tx-edxcontactpersonsearch-pi1 .edx_cps_countryView .edx_cps_countryViewImg .edx_cps_countryViewImage{
    margin-right: 20px;
    border: solid 2px #adafb2;
}

.tx-edxcontactpersonsearch-pi1 .edx_cps_countryView .edx_cps_countryViewTimeImg .edx_cps_countryViewImage{
    margin-right: 5px;
}
.tx-edxcontactpersonsearch-pi1 .edx_cps_countryView .edx_cps_countryTime{
    font-size: 0.8em;
    color: #808080;
    margin-top: 4px;
}

.tx-edxcontactpersonsearch-pi1 .edx_cps_countryViewPart .edx_cps_firm p,
.tx-edxcontactpersonsearch-pi1 .edx_cps_countryViewPart .edx_cps_aps p {
    margin-bottom: 1em;
}
.tx-edxcontactpersonsearch-pi1 .edx_cps_countryViewPart .edx_cps_firm p.edx_cps_tels_wrap{
   margin-bottom: 0; 
}
   
/** END worldwide page; EDX Contact Person Search */
    
/* EDX CPS Redirect Box*/
.tx-edxcontactpersonsearch-pi1 #edxcontactpersonsearch_view_1 .contact_person_locations select {
    width:265px;
}
.tx-edxcontactpersonsearch-pi1 #edxcontactpersonsearch_view_1 .contact_person_locations {
    width:245px;
}
#rightcontent .chosen-container-single .chosen-single span {
    padding-top: 0;
}
/* END EDX CPS Redirect Box*/

/* Dialog popup box */
.detail a {
  display: block;
  background-color: #00448B;
  padding: 3px;
  border-radius: 2px;
  font-weight: bold;
  text-align: center;
  color: #fff;
}
#dialog_box, .bMulti {
    background-color: #FFF;
    box-shadow: 0 0 10px 3px #999;
    color: #111;
    display: none;
    min-width: 450px;
    min-height: 250px;
    padding: 35px 15px 15px;
}
.button.b-close, .button.bClose {
    padding: 0 5px;
    position: absolute;
    right: 0;
    top: 0;
}
.button {
    background-color: #00448B;
    color: #FFF;
    font-weight: bold;
    cursor: pointer;
    display: inline-block;
    padding: 10px 20px;
    text-align: center;
    text-decoration: none;
}

/* contact forms */
div.csc-mailform li fieldset li,
div.csc-mailform ol fieldset ol,
div.csc-mailform ol, 
div.csc-mailform ol li {
    margin: 0;
    padding: 0;
}
div.csc-mailform li legend{
  margin: 0.5em 0;
}
div.csc-mailform ol li {
    overflow: hidden;
}
#stage div.csc-mailform li label,
div.csc-mailform li label {
    float: left;
    margin-right: 2%;
    vertical-align: baseline;
    width: 48%;
}
#stage #field-16 {
  box-sizing:border-box;
  width:46%;
  margin-left:50%;
}
#stage div.csc-mailform li label + input,
div.csc-mailform li label + input {
  box-sizing:border-box;
  width:46%;
}
.csc-mailform ol {
  list-style-type: none;
}
.csc-mailform label em {
  display: inline;
  color: #00448B;
  font-size: 100%;
  text-transform: none;
  vertical-align: text-top;
}
.csc-mailform label strong {
  display: block;
  color: red;
  font-size: 14px;
  font-size: 0.875rem;
  text-transform: none;
  vertical-align: text-top;
}
.csc-form-element-submit input,
.csc-form-confirmation-false input,
.csc-form-confirmation-true input {
  box-sizing:border-box;
  margin-left: 50.25%;
  margin-top: 1em;
  border: none;
  background-color:  #00448B;
  color: #fff;
  padding: 4px 8px;
  font-size: 14px;
  font-size: 0.875rem;
  font-weight: bold;
  border-radius: 2px;
  margin-bottom: 1em;
}

.csc-form-confirmation-false,.csc-form-confirmation-true{display: inline-block;}
.csc-form-confirmation-false > input{
  float: left;
  margin:0;
}
.csc-form-confirmation-true > input{
  float: right;
  margin:0;
}

div.csc-mailform .csc-form-confirmation ol {
  padding: 0;
}
div.csc-mailform .csc-form-confirmation fieldset li {
  padding-left: 0;
}

.csc-form-element-radiogroup fieldset.fieldset-subgroup {
    margin-bottom: 1em;
}
.csc-form-element-radiogroup fieldset.fieldset-subgroup legend {
    margin-bottom: 0.5em;
}
.csc-form-element-radiogroup .fieldset-subgroup ol {
  position: static;
    margin: 0;
    padding: 0;
    padding-left: 1em;
}
div.csc-mailform .csc-form-element-radiogroup fieldset li {
    margin: 0;
    padding: 0;
}
div.csc-mailform .csc-form-element-radiogroup li label {
  float: left;
  width: 11.5em;
  margin: 0;
    margin-right: 1em;
    vertical-align: baseline;
}
#stage div.csc-mailform li.csc-form-element-checkbox label{
  width: 90%;
}
#stage div.csc-mailform li.csc-form-element-checkbox input{
  width: 5%;
}
/* responsive videos/JW player */
.video-container {
    position: relative;
    padding-bottom: 56.25%;
    height: 0;
    overflow: hidden;
    margin-bottom: 2em;
}
.video-container > div {
    position: absolute;
    top:0;
    left: 0;
    width: 100%;
    height: 100%;
}
.video-container object {
    width: 100%;
    height: 100%;
    float: none;
}

/* start extbase flashmessages */
.typo3-messages{
  margin-bottom: 1em;
  font-size: 0.875em;
}
.typo3-messages .typo3-message{
  border: 1px solid #D3D3D3;
  background: #F7F6F6;
  padding: 0.5em 1em;
  margin-bottom: 1px;
}
.typo3-messages .typo3-message.message-error{
  border-color: red;
  background: #FFA29F;
}
.typo3-messages .typo3-message .message-header{
  font-weight: bold;
}
/* end extbase flashmessages */


/* */
.ui-tabs.ui-widget-content{
  border: 0 none;
}
div.ui-tabs,
div.ui-tabs .ui-tabs-nav {
    padding: 0;
}

div.ui-tabs .ui-state-active, 
div.ui-tabs .ui-widget-content .ui-state-active, 
div.ui-tabs .ui-widget-header .ui-state-active{
  background-image: none;
  background-color: #F7F6F6;
}
div.ui-tabs .ui-state-default,
div.ui-tabs .ui-state-active{
  border-color: #F7F6F6;
}
.baureihen .ui-state-default, 
.baureihen .ui-widget-content .ui-state-default, 
.baureihen .ui-widget-header .ui-state-default{
  background-image: none;
  background-color: #00448B;
}
.baureihen .ui-state-default a, 
.baureihen .ui-state-default a:link, 
.baureihen .ui-state-default a:visited{
  color: #fff;
}
.baureihen a.ui-tabs-anchor:hover,
.baureihen .ui-state-hover a, 
.baureihen .ui-state-hover a:link, 
.baureihen .ui-state-hover a:visited{
  text-decoration:underline;
}

.baureihen .ui-tabs-nav .ui-state-hover.ui-state-active a.ui-tabs-anchor:hover,
.baureihen .ui-tabs-nav .ui-state-hover.ui-state-active a:hover
{
  text-decoration:none;
}
.baureihen .ui-state-active a, 
.baureihen .ui-state-active a:link, 
.baureihen .ui-state-active a:visited{
  color: #00448B;
}


/* */
.subfooter-spacer{
  display:inline-block;
  width:3em;
  height:1em;
}

/* media elements / video.js */
div.vjs-big-play-button{
  background: no-repeat scroll 0 0 transparent;
  background-color: rgba(255, 255, 255, 0.3);
  border: 5px solid #00448B;
  border-radius: 0;
  box-shadow: 4px 4px 8px #808080;
  top: 50%;

}
div.vjs-big-play-button span {
    border-left: 40px solid #00448B;
}

.layout1 div.vjs-big-play-button{
  background: no-repeat scroll 0 0 transparent;
  background-color: rgba(255, 255, 255, 0.3);
  border: 0 none;
  border-radius: 40px;
  box-shadow: 4px 4px 8px #808080;

  top: -100px;

}
.layout1 div.vjs-big-play-button span {
    border-left: 40px solid #ffffff;
}

.news-single-item dl.news-single-links dd{
  margin: 0;
}

/* media Queries ----------------------------------------------------------------------------------------------------------------------------------------*/

@media only screen and (max-width: 960px) {
  #header, 
  .mobilheader, 
  #content, 
  #footer, 
  #subfooter div{
    /*max-width: 1282px;*/
    max-width: 910px;
    margin-left:auto;
    margin-right:auto;
  }
  .layout1 .flexslider .flex-caption{
    /*top: 296px;
    left: 84px;*/
    top: auto;
    left: auto;
    right: 1em;
    bottom:3em;
    /*width: 80%;*/
    
  }
  
  .layout1 .flexslider .flex-caption a.arrow,
  .layout1 .flexslider .flex-caption strong,
  .layout1 .flexslider .flex-caption span{
    font-size: 20px; /* bigger font size breaks the appended arrow*/
  }
  
  /* rearrange carousel*/
  .layout1 #content {
    position: static;
    top: 0;
  }
  .layout1 #contentwrapper{ 
    height: auto;
    padding: 10px 0;
  }
  .layout1 .jcarousel{
    height:auto;
    overflow: auto;
    position: static;
    width: auto;
  }
  .layout1 .jcarouselstage{
    position: static;
    width:auto;
  }
  .layout1 .jcarouselstage > div.csc-default{
    width: auto;
    height: auto;
    float:none;
    margin: 0 0 10px 0;
  }
  .layout1 .jcarousel .news-latest-container .news-latest-item h2,
  .layout1 .jcarousel .news-latest-container .news-latest-item .news-latest-date{
    display: block;
    float: left;
    margin-right: 12px;
  }

  .layout1 .jcarousel .news-latest-container .news-latest-item h2,
  .layout1 .jcarousel .news-latest-container .news-latest-item .news-latest-date,
  .layout1 .jcarousel .news-latest-container .news-latest-item .news-latest-date p{
    font-size: 12px;
    margin: 0 12px 0 0;
    line-height: 1.5em;
  }
  .layout1 .jcarousel .news-latest-container .news-latest-item h2,
  .layout1 .jcarousel .news-latest-container .news-latest-item .news-latest-date p{
    margin: 0;
  }
  .layout1 .jcarouselstage > div.csc-default > div{
    height: auto;
  }
  .layout1 .jcarousel .news-latest-item{
    padding-bottom: 2px;
    margin-bottom: 2px;
  }
  
  .jcarousel .csc-default .csc-textpic figcaption{
    position: static;
    width: auto;
    clear: both;
    margin: 0;
  }
  
  #subfooter .g6{
    width: auto;
  }
  
  #footermenu ul.level1 > li{
    width: 22%;
  }
  #footermenu ul.level1 > li:nth-child(5){
    /*the fifth element*/
    clear:both;
  }
  #footermenu ul.level1 > li:nth-child(1n+5){
    /* the 5th and every element after the 5th element */
    margin-top: 1em;
  }
  
  .tx-srlanguagemenu fieldset select{
    background: #00448B;
    color: white;
    width:auto;
  }
  

  /*transform mainmenu for mobile */
  div#mainmenu{
    float: none;
    position: absolute;
    top:0;
    left: -460px;
    margin:0;
    width: 400px;
    background: #00448b;
    box-shadow: 3px 3px 3px #000000;
    padding: 10px;
  }
  a.mobilemenu-handle{
    display:block;
    width:63px;
    height:63px;
    background: url("../../gfx/mmenu-handle.png") transparent;
    margin-bottom: 2em;
  }
  #mobilehandle1{
    float:left;;
  }
  .box.col1{
    float:right;
  }
  .box.col1,
  #mobilehandle1{
    margin: 12px 0;
  }
  #specialmenus{
    clear:both;
    float:none;
    width:auto;
  }
  /*
  #mobilehandle2{
    float:right;
  }
  */
  #mainmenu ul li{
    position: static;
    float:none;
    margin:0;
    line-height:normal;
    
  }
  #mainmenu > ul > li{
    clear:both;
    margin-bottom: 1em;
  }
  #mainmenu a, 
  #mainmenu a:active, 
  #mainmenu a:focus, 
  #mainmenu a:visited{
    color: #fff;
    font-size:18px;
    line-height:18px;
  }

  #mainmenu  ul.level3 > li:hover,  
  #mainmenu  ul.level3 > li.hovered,
  #mainmenu  ul.level2 > li:hover,  
  #mainmenu  ul.level2 > li.hovered,
  #mainmenu > ul > li:hover,  
  #mainmenu > ul > li.hovered,
  #mainmenu > ul > li a:hover, 
  #mainmenu > ul > li.hovered a {
    background-color: transparent;
    color: #fff;
  }
  #mainmenu ul,
  #mainmenu ul.level3,
  #mainmenu ul.level2{
    box-shadow: none;
    display: block;
    position: static;
    width:auto;
    z-index:auto;
    background: none;
  }
  #mainmenu ul.level3 a,
  #mainmenu ul.level2 a{
    border:0 none;
    padding:0;
    width:auto;
    margin: 1em 0 0 1em;
    text-transform: none;
    font-size: 16px;
  }
  #mainmenu ul.level3{}
  #mainmenu ul.level3 a{
    margin: 1em 0 0 2em;
  }
  
  #mainmenu .pfeil_rechts,
  #mainmenu ul li.ifsub a span.pfeil_unten{
    background: url("../../gfx/mmenu-sprite.gif") transparent 0 -18px no-repeat;
    width:18px;
    height:18px;
    margin:0;
    padding:0;
    float:right;
  }
  #mainmenu li.open > a .pfeil_rechts,
  #mainmenu ul li.ifsub.open > a span.pfeil_unten{
    background-position: 0 0;
  }
  #mainmenu a:hover .pfeil_rechts,
  #mainmenu ul li.ifsub a:hover span.pfeil_unten {
    background-position: 0 -18px;   
  }
  #mainmenu ul.level2 > li:hover ul.level3{
      display: none;
  }
  #mainmenu ul.level3,
  #mainmenu ul.level2{
    display: none;
    
  }
  /*
  #mainmenu .active ul.level2,
  #mainmenu .active ul.level2 .active ul.level3,
  opens subitems automatically, but breaks +/- functionality
  */
  #mainmenu ul.level2 li.open:hover ul.level3,
  #mainmenu ul.level2 .open ul.level3,
  #mainmenu .open ul.level2{
    display: block;
  }
  #mainmenu ul li.cur > a, #mainmenu ul li.active > a{
    color: #a1a1a1;
  }
  /* end mainmenu */
  
  #leftcontent,
  #topcontent,
  #normalcontent,
  #rightcontent{
    margin:0;
    /*width:auto;*/
    width:100%;
  }
  #content{
    margin-left:12px;
    margin-right:12px;
  }
  #rightcontent{
    margin-top: 24px;
    background-color: #cccccc;
  }
  #rightcontent > div{
    float:right;
    width: 50%;
  }
  .info_box{
    background-image: none;
  }
  
  /*
  .chosen-container-single .chosen-drop .chosen-search input{
    background: none transparent -1000px -1000px no-repeat;
  }
  */
  
  .tx-edxcontactpersonsearch-pi1 #edxcontactpersonsearch_view_1 .contact_person_locations select { 
    width: 96%;
  }
  .tx-edxcontactpersonsearch-pi1 select {
    background-image: none; 
    background-color: #00448b;
    border: 0 none;
    color: #ffffff;
    float: left;
    font-size: 12px;
    font-weight: normal;
    
  }  

  .browseLinksWrap span,
  .browseLinksWrap a{
    margin: 0 0.5em;
  }
  .contact_person_locations{
    background-image: none;
  }
  #stage div.csc-mailform li label, div.csc-mailform li label {
      margin-right: 0;
      margin-top:1em;
      margin-bottom:0.25em;
      width: 100%;
  }
  #stage div.csc-mailform li label + input, div.csc-mailform li label + input {
      width: 100%;
  }
  #stage #field-16 {
      width: 100%;
      margin-left: 0;
  }
}

@media only screen and (max-width: 768px) {
    /*#footerwrapper{border-top:5px solid yellow;}*/
  
    #normalcontent .tx-edxcontactpersonsearch-pi1 .edxCpsImgsContinents{
        display: none;
    }
    
  #leftcontent, #topcontent, #normalcontent, #rightcontent { 
    width:100%;
  } 
   
   .tx-edx-wm .baureihe.bild{
     width: 46%;
     margin-right: 4%;
   }
  .layout1 .flexslider .flex-caption { 
    bottom: 1em;
    right: 0;
  }
    .layout1 .flexslider .flex-caption a.arrow{
      display:none;
    }
    
    .layout0 .news-list-item-img { 
    padding: 2%;
    width: 46%;
  }
  .layout0 #content .news-list-item-article{
    padding: 2%;
    width: 46%;
  }   
}

@media only screen and (max-width: 568px) {
    /*#footerwrapper{border-top:5px solid red;}*/
    #rightcontent > div{
      width:100%;
    }
  #footermenu ul.level1 > li { 
    width: 45%;
  }
  #footermenu ul.level1 > li:nth-child(5) { 
    clear: none;
  }  
  #footermenu ul.level1 > li:nth-child(2n+3) { 
    clear: both;
  }
  #footermenu ul.level1 > li:nth-child(n+3) { 
    margin-top: 1em;
  }  
  .tx-edx-wm .untergruppen, 
  .tx-edx-wm .hauptgruppe{
    width: auto;  
  }
  
  .tx-edx-wm .typen .type{
    width:100%;
  }
  .tx-edx-wm .typen .type:nth-child(2n-1) { 
    margin-right: 0;
  }
  .tx-edx-wm .data-table,
  .tx-edx-wm .data-table tr,
  .tx-edx-wm .data-table th { 
    width:100%;
  }
  div#mainmenu{
    width:548px;
    left:-600px;
  }
  #mainmenu ul > li{
      padding-left: 8px;
  }
  

}

@media only screen and (max-width: 480px) {
   /* #footerwrapper{border-top:5px solid lime;}*/
    
    .tx-edx-wm .baureihe.vorteile,
    .tx-edx-wm .baureihe.bild{
      width:100%;
    }
    .tx-edx-wm .baureihe.bild{
      margin-bottom: 24px;
    }
    
    #dialog_box h1,
    #content h1{
      word-wrap: break-word;
    }
    

    .layout1 .flexslider .flex-caption strong, 
    .layout1 .flexslider .flex-caption span { 
    font-size: 12px;
  }
  div#mainmenu{
    width: 100vw;
  }
  #subfooter .g6 span{
    display:block;
    width: 100%;
    text-align:center;
  }
  .subfooter-spacer{
    display:none;
  }
  
  .edxAddNewsTabs a{
    float:left;
  }
  #dialog_box, 
  .bMulti{
    width: 80%;
    margin:0;
    min-width: auto;
  }
  .csc-form-element-submit input, .csc-form-confirmation-false input, .csc-form-confirmation-true input {
    margin-left: 0;
  }
  div.csc-mailform ol li{
    margin-bottom: 1em;
  }
  div.csc-mailform li label{
    margin-bottom: 0.25em;
  }
  a.edx_newslist_pagelink{
    font-size: 12px;
    font-weight:bold;
  }
    .layout0 .news-list-item-img { 
    padding: 4%;
    width: 92%;
  }
  .layout0 #content .news-list-item-article{
    padding: 4%;
    width: 92%;
  }
  .news-latest-gotoarchive a,
  .showResultsWrap,
  .browseLinksWrap span,
  .browseLinksWrap a{
    font-size: 12px;
    margin:0.5em 0.25em;
  }
}

@media only screen and (max-width: 320px) {
    /*#footerwrapper{border-top:5px solid purple;}*/
    
    #footermenu ul.level1 > li { 
    width: 100%;
  }
  .box.col1{
    width:60%;
  }
  a.mobilemenu-handle{
    max-width:40%;
  }
  #logo{
    float:right;
    height:auto;
    width: 100%;
  }
  
  .tx-edx-wm .hauptgruppe{
    width: 100%;
    margin-bottom: 24px;
  }
  div#mainmenu{
    width:310px;
  }
  #dialog_box h1{
    font-size: 24px;
  }
  .news-latest-gotoarchive a,
  .showResultsWrap,
  .browseLinksWrap span,
  .browseLinksWrap a{
    font-size: 12px;
    margin:0.5em 0.125em;
  }
}

/* double resolution images for retina */
@media only screen and (-webkit-min-device-pixel-ratio: 2) {
  a.mobilemenu-handle{
    background: url("../../gfx/mmenu-handle-x2.png") transparent;
    background-size:63px 63px;
  }
  #mainmenu .pfeil_rechts,
  #mainmenu ul li.ifsub a span.pfeil_unten{
    background: url("../../gfx/mmenu-sprite-x2.gif") transparent 0 -18px no-repeat;
    background-size: 18px 36px;
  }  
}
/* contact form (popup) */
#dialog_box {
    width: 60%;
}
#dialog_content > div {
    clear: left;
}
#popup-contact-form li {
    float: left;
    width: 100%;
    margin-bottom: 1em;
}
#popup-contact-form .csc-form-3 {
    width: 50%;
    padding-right: 2%;
}

#popup-contact-form .csc-form-4 {
    width: 48%;
}
#popup-contact-form label {
    float: left;
    width: 20%;
    margin-right: 0;
}
#popup-contact-form input {
    float: right;
    width: 75%;
}
#popup-contact-form .csc-form-3 label {
    width: 41.5%;
}
#popup-contact-form .csc-form-4 label {
    width: 20%;
}
#popup-contact-form .csc-form-3 input {
    width: 50%;
}
#popup-contact-form .csc-form-4 input {
    width: 60%;
}
#popup-contact-form textarea,
#popup-contact-form #field-6 {
    float: right;
    width: 75%;
}
#popup-contact-form #field-7 {
    width: 40%;
    float: right;
}

@media screen and (max-width: 480px) {
    #dialog_box {
        width: calc(100vw - 30px);
    }
    #popup-contact-form{
        padding: 0 0.5rem;
    }
    #popup-contact-form li,
    #popup-contact-form input,
    #popup-contact-form label,
    #popup-contact-form textarea {
        width: 95% !important;
        float: none !important;
    }
    #popup-contact-form input
    {
        -webkit-appearance: none;
        font-size: 16px !important;
    }
    #popup-contact-form label{
        margin: 0;
    }
}

/* cookie consent popup */
/*
.cc_banner-wrapper .cc_container .cc_btn,
.cc_banner-wrapper .cc_container .cc_btn:visited {
  color: #FFFFFF;
  background-color: #00448B;
}

.cc_banner-wrapper .cc_container .cc_btn:hover,
.cc_banner-wrapper .cc_container .cc_btn:active {
  background-color: #00448B;
  color: #FFFFFF;
}

.cc_banner-wrapper .cc_container a:hover,
.cc_banner-wrapper .cc_container a:active {
  color: #00448B;
}

.cc_banner-wrapper .cc_container a,
.cc_banner-wrapper .cc_container a:visited {
  color: #00448B;
}
*/
/*
.cc_banner-wrapper .cc_container .cc_message {
    font-size: 14px;
}

*/

/*****************
 * cookie banner *
 *****************/
div.cc-window.cc-floating {
  max-width: 95%;
  box-shadow: 3px 3px 5px #000;
}
@media screen and (min-width: 1024px) {
  div.cc-window.cc-floating {
    max-width: 80%;
  }
}
@media screen and (min-width: 1400px) {
  div.cc-window.cc-floating {
    max-width: 60%;
  }
}

.cc-window h1,
.cc-window h2 {
  margin-top: 0;
  margin-bottom: 1rem;
}
.cc-window a {
  color: black;
  text-decoration: underline;
  
}
.cc-window a:hover,
.cc-window a:active {
  color: #00448B;
}
.cc-window .cc-sub-header {
  font-size: 18px;
  font-weight: 700;
  color: #333;
}
.cc-window .items-container {
  margin-top: 2rem;
  margin-bottom: 3rem;
  display: flex;
  justify-content: space-between;
  align-items: stretch;
}
.cc-window .item-box {
  width: 28%;
  padding: 1rem;
  border: 1px solid #333;
  border-radius: 5px;
  color: #333;
  background-color: white;
  box-shadow: 4px 4px 5px 1px rgba(51,51,51,0.7);
}
.cc-window .cc-compliance {
  justify-content: center;
}
.cc-window .cc-compliance >.cc-btn {
  flex-grow: 0;
  flex-shrink: 1;
  flex-basis: 30%;
  
  text-decoration: none;
}
.cc-window .item-box h2 {
  float: left;
}
.cc-window .item-box button {
  float: right;
  margin-top: 1rem;
}
.cc-window .item-box p {
  clear: both;
}
.cc-window .multi-layout .cc-highlight .cc-btn {
  color: rgb(255, 255, 255);
  background-color: rgb(225, 6, 19);
  border-color: transparent;
}
.cc-window .cc-btn {
  color: rgb(255, 255, 255);
  background-color: #00448B;
  border-color: transparent;
}
.cc-window .cc-btn:hover {
  background-color: rgb(255, 255, 255) !important;
  color: #00448B;
  border-color: transparent;
}
.cc-window .multi-layout .cc-highlight .cc-btn:first-child {
  color: rgb(255, 255, 255);
  background-color: #00448B;
  border-color: transparent;
  transition: background-color 0.35s;
  margin-bottom: 1em;
}
.cc-window .cc-highlight .cc-btn:first-child:focus,
.cc-window .cc-highlight .cc-btn:first-child:hover {
  color: #00448B;
  background-color: white;
}

@media screen and (max-width: 512px) {
    div.cc-window.cc-floating {
        max-width: 100%;
        box-shadow: none;
        width: 100vw;
        height: 100vh;
        overflow-y: scroll;
        top: 0;
    }
    .cc-window .items-container{
        flex-direction: column;
        margin-top: 1rem;
        margin-bottom: 1rem;
    }
    .cc-window .item-box {
        width: 90%;
    }
    .cc-window .item-box p:last-child{
        margin-bottom: 0;
    }
    .cc-window .cc-compliance > .cc-btn{
        flex-basis: 100%;
    }

    .cc-revoke.cc-right{
        right: 1rem;
    }
}

/* toggle button */
/* The switch - the box around the slider */
.switch {
  position: relative;
  display: inline-block;
  float: right;
  width: 30px;
  height: 17px;
}

/* Hide default HTML checkbox */
.switch input {
  opacity: 0;
  width: 0;
  height: 0;
}

/* The slider */
.slider {
  position: absolute;
  cursor: pointer;
  top: 0;
  left: 0;
  right: 0;
  bottom: 0;
  background-color: #ccc;
  -webkit-transition: .4s;
  transition: .4s;
}

.slider:before {
  position: absolute;
  content: "";
  height: 13px;
  width: 13px;
  left: 2px;
  bottom: 2px;
  background-color: white;
  -webkit-transition: .4s;
  transition: .4s;
}

input:checked + .slider {
  background-color: #00448B;
}

input:focus + .slider {
  box-shadow: 0 0 1px #00448B;
}

input:checked + .slider:before {
  -webkit-transform: translateX(13px);
  -ms-transform: translateX(13px);
  transform: translateX(13px);
}

/* Rounded sliders */
.slider.round {
  border-radius: 17px;
}

.slider.round:before {
  border-radius: 50%;
}