/* Contao Open Source CMS, (c) 2005-2016 Leo Feyer, LGPL license */
body,form,figure{margin:0;padding:0}img{border:0}header,footer,nav,section,aside,article,figure,figcaption{display:block}body{font-size:100.01%}select,input,textarea{font-size:99%}#container,.inside{position:relative}#main,#left,#right{float:left;position:relative}#main{width:100%}#left{margin-left:-100%}#right{margin-right:-100%}#footer{clear:both}#main .inside{min-height:1px}.ce_gallery>ul{margin:0;padding:0;overflow:hidden;list-style:none}.ce_gallery>ul li{float:left}.ce_gallery>ul li.col_first{clear:left}.float_left{float:left}.float_right{float:right}.block{overflow:hidden}.clear,#clear{height:.1px;font-size:.1px;line-height:.1px;clear:both}.invisible{border:0;clip:rect(0 0 0 0);height:1px;margin:-1px;overflow:hidden;padding:0;position:absolute;width:1px}.custom{display:block}#container:after,.custom:after{content:"";display:table;clear:both}
/* Contao Open Source CMS, (c) 2005-2016 Leo Feyer, LGPL license */
@media (max-width:767px){#wrapper{margin:0;width:auto}#container{padding-left:0;padding-right:0}#main,#left,#right{float:none;width:auto}#left{right:0;margin-left:0}#right{margin-right:0}}img{max-width:100%;height:auto}.ie7 img{-ms-interpolation-mode:bicubic}.ie8 img{width:auto}
/* Contao Open Source CMS, (c) 2005-2016 Leo Feyer, LGPL license */
body,div,h1,h2,h3,h4,h5,h6,p,blockquote,pre,code,ol,ul,li,dl,dt,dd,figure,table,th,td,form,fieldset,legend,input,textarea{margin:0;padding:0}table{border-spacing:0;border-collapse:collapse}caption,th,td{text-align:left;text-align:start;vertical-align:top}abbr,acronym{font-variant:normal;border-bottom:1px dotted #666;cursor:help}blockquote,q{quotes:none}fieldset,img{border:0}ul{list-style-type:none}sup{vertical-align:text-top}sub{vertical-align:text-bottom}del{text-decoration:line-through}ins{text-decoration:none}header,footer,nav,section,aside,article,figure,figcaption{display:block}body{font:12px/1 "Lucida Grande","Lucida Sans Unicode",Verdana,sans-serif;color:#000}input,button,textarea,select{font-family:inherit;font-size:99%;font-weight:inherit}pre,code{font-family:Monaco,monospace}h1,h2,h3,h4,h5,h6{font-size:100%;font-weight:400}h1{font-size:1.8333em}h2{font-size:1.6667em}h3{font-size:1.5em}h4{font-size:1.3333em}table{font-size:inherit}caption,th{font-weight:700}a{color:#00f}h1,h2,h3,h4,h5,h6{margin-top:1em}h1,h2,h3,h4,h5,h6,p,pre,blockquote,table,ol,ul,form{margin-bottom:12px}
/* Contao Open Source CMS, (c) 2005-2016 Leo Feyer, LGPL license */
legend{width:100%;display:block;font-weight:700;border:0}input[type=text],input[type=password],input[type=date],input[type=datetime],input[type=email],input[type=number],input[type=search],input[type=tel],input[type=time],input[type=url],input:not([type]),textarea{width:100%;display:inline-block;padding:3px 6px;background:#fff;border:1px solid #ccc;-moz-border-radius:3px;-webkit-border-radius:3px;border-radius:3px;-moz-box-shadow:inset 0 1px 1px #eee;-webkit-box-shadow:inset 0 1px 1px #eee;box-shadow:inset 0 1px 1px #eee;-moz-transition:all .15s linear;-webkit-transition:all .15s linear;-o-transition:all .15s linear;transition:all .15s linear;-moz-box-sizing:border-box;-webkit-box-sizing:border-box;box-sizing:border-box}input[type=text]:focus,input[type=password]:focus,input[type=date]:focus,input[type=datetime]:focus,input[type=email]:focus,input[type=number]:focus,input[type=search]:focus,input[type=tel]:focus,input[type=time]:focus,input[type=url]:focus,input:not([type]):focus,textarea:focus{outline:0;background:#fcfcfc;border-color:#bbb}input[type=file]{cursor:pointer}select,input[type=file]{display:block}input[type=file],input[type=image],input[type=submit],input[type=reset],input[type=button],input[type=radio],input[type=checkbox]{width:auto}textarea,select[multiple],select[size]{height:auto}input[type=radio],input[type=checkbox]{margin:0 3px 0 0}input[type=radio],input[type=checkbox],label{vertical-align:middle}input[disabled],select[disabled],textarea[disabled],input[readonly],select[readonly],textarea[readonly]{cursor:not-allowed;background:#eee}input[type=radio][disabled],input[type=checkbox][disabled],input[type=radio][readonly],input[type=checkbox][readonly]{background:0 0}input[type=submit],.button{display:inline-block;padding:4px 15px 4px 14px;margin-bottom:0;text-align:center;vertical-align:middle;line-height:16px;font-size:11px;color:#000;cursor:pointer;border:1px solid #ccc;-moz-border-radius:3px;-webkit-border-radius:3px;border-radius:3px;background-color:#ececec;background-image:-moz-linear-  gradient(top,#fff,#ececec);background-image:-webkit-linear-gradient(top,#fff,#ececec);background-image:-ms-linear-gradient(top,#fff,#ececec);background-image:-o-linear-gradient(top,#fff,#ececec);background-image:linear-gradient(to bottom,#fff,#ececec);background-repeat:repeat-x;-moz-transition:background .15s linear;-webkit-transition:background .15s linear;-o-transition:background .15s linear;transition:background .15s linear}input[type=submit]:hover,.button:hover{text-decoration:none;background-position:0 -15px!important}input[type=submit]:active,.button:active{background-color:#e6e6e6;background-position:0 -30px!important}input[type=submit].blue,.button.blue{background-color:#2f96b4;background-image:-moz-linear-gradient(top,#5bc0de,#2f96b4);background-image:-webkit-linear-gradient(top,#5bc0de,#2f96b4);background-image:-ms-linear-gradient(top,#5bc0de,#2f96b4);background-image:-o-linear-gradient(top,#5bc0de,#2f96b4);background-image:linear-gradient(to bottom,#5bc0de,#2f96b4);border-color:#2f96b4;color:#fff}input[type=submit].blue:active,.button.blue:active{background-color:#2e95b3}input[type=submit].green,.button.green{background-color:#51a351;background-image:-moz-linear-gradient(top,#62c462,#51a351);background-image:-webkit-linear-gradient(top,#62c462,#51a351);background-image:-ms-linear-gradient(top,#62c462,#51a351);background-image:-o-linear-gradient(top,#62c462,#51a351);background-image:linear-gradient(to bottom,#62c462,#51a351);border-color:#51a351;color:#fff}input[type=submit].green:active,.button.green:active{background-color:#4f9f4f}input[type=submit].orange,.button.orange{background-color:#f89406;background-image:-moz-linear-gradient(top,#fbb450,#f89406);background-image:-webkit-linear-gradient(top,#fbb450,#f89406);background-image:-ms-linear-gradient(top,#fbb450,#f89406);background-image:-o-linear-gradient(top,#fbb450,#f89406);background-image:linear-gradient(to bottom,#fbb450,#f89406);border-color:#f89406;color:#fff}input[type=submit].orange:active,.button.orange:active{background-color:#f28f04}input[type=submit].red,.button.red{background-color:#bd362f;background-image:-moz-linear-gradient(top,#ee5f5b,#bd362f);background-image:-webkit-linear-gradient(top,#ee5f5b,#bd362f);background-image:-ms-linear-gradient(top,#ee5f5b,#bd362f);background-image:-o-linear-gradient(top,#ee5f5b,#bd362f);background-image:linear-gradient(to bottom,#ee5f5b,#bd362f);border-color:#bd362f;color:#fff}input[type=submit].red:active,.button.red:active{background-color:#be322b}
@charset "UTF-8";
/**
 * "Yet Another Multicolumn Layout" - (X)HTML/CSS Framework
 *
 * (en) YAML core stylesheet
 * (de) YAML Basis-Stylesheet
 *
 * Don't make any changes in this file!
 * Your changes should be placed in any css-file in your own stylesheet folder.
 *
 * @copyright       Copyright 2005-2009, Dirk Jesse
 * @license         CC-A 2.0 (http://creativecommons.org/licenses/by/2.0/),
 *                  YAML-C (http://www.yaml.de/en/license/license-conditions.html)
 * @link            http://www.yaml.de
 * @package         yaml
 * @version         3.2
 * @revision        $Revision:426 $
 * @lastmodified    $Date:2009-10-21 21:12:11 +0200 (Mi, 21. Okt 2009) $
 */

/**
 * Contao Extension
 * @copyright  Felix Pfeiffer : Neue Medien 2007 - 2012
 * @author     Felix Pfeiffer <info@felixpfeiffer.com>
 * @package    Subcolumns
 */

@media screen{.subcolumns{width:100%;overflow:hidden}.subcolumns_oldgecko{width:100%;float:left}.c20l,.c20r{width:20%}.c40l,.c40r{width:40%}.c60l,.c60r{width:60%}.c80l,.c80r{width:80%}.c25l,.c25r{width:25%}.c33l,.c33r{width:33.333%}.c50l,.c50r{width:50%}.c66l,.c66r{width:66.666%}.c75l,.c75r{width:75%}.c38l,.c38r{width:38.2%}.c62l,.c62r{width:61.8%}.c15l,.c15r{width:15%}.c16l,.c16r{width:16.666%}.c30l,.c30r{width:30%}.c45l,.c45r{width:45%}.c55l,.c55r{width:55%}.c70l,.c70r{width:70%}.c85l,.c85r{width:85%}.subc{padding:0 .5em}.subcl{padding:0 1em 0 0}.subcr{padding:0 0 0 1em}.equalize,.equalize .subcolumns{overflow:visible;display:table;table-layout:fixed}.equalize > div{display:table-cell;float:none;overflow:hidden;vertical-align:top;margin:0}.c20l,.c25l,.c33l,.c40l,.c38l,.c50l,.c60l,.c62l,.c66l,.c75l,.c80l,.c15l,.c16l,.c30l,.c45l,.c55l,.c70l,.c85l{float:left}.c20r,.c25r,.c33r,.c40r,.c38r,.c50r,.c60r,.c66r,.c62r,.c75r,.c80r,.c15r,.c16r,.c30r,.c45r,.c55r,.c70r,.c85r{float:right;margin-left:-5px}}@media print{.subcolumns > div{display:table;overflow:visible}}
/* ColorBox, (c) 2011 Jack Moore, MIT license */
#colorbox,#cboxOverlay,#cboxWrapper{position:absolute;top:0;left:0;z-index:9999;overflow:hidden}#cboxWrapper{max-width:none}#cboxOverlay{position:fixed;width:100%;height:100%}#cboxMiddleLeft,#cboxBottomLeft{clear:left}#cboxContent{position:relative}#cboxLoadedContent{overflow:auto;-webkit-overflow-scrolling:touch}#cboxTitle{margin:0}#cboxLoadingOverlay,#cboxLoadingGraphic{position:absolute;top:0;left:0;width:100%;height:100%}#cboxPrevious,#cboxNext,#cboxClose,#cboxSlideshow{cursor:pointer}.cboxPhoto{float:left;margin:auto;border:0;display:block;max-width:none;-ms-interpolation-mode:bicubic}.cboxIframe{width:100%;height:100%;display:block;border:0;padding:0;margin:0}#colorbox,#cboxContent,#cboxLoadedContent{box-sizing:content-box;-moz-box-sizing:content-box;-webkit-box-sizing:content-box}#cboxOverlay{background:#000;opacity:.9;filter:alpha(opacity = 90)}#colorbox{outline:0}#cboxContent{margin-top:20px;background:#000}.cboxIframe{background:#fff}#cboxError{padding:50px;border:1px solid #ccc}#cboxLoadedContent{border:5px solid #000;background:#fff}#cboxTitle{position:absolute;top:-20px;left:0;color:#ccc}#cboxCurrent{position:absolute;top:-20px;right:0;color:#ccc}#cboxLoadingGraphic{background:url("../images/loading.html") no-repeat center center}#cboxPrevious,#cboxNext,#cboxSlideshow,#cboxClose{border:0;padding:0;margin:0;overflow:visible;width:auto;background:0}#cboxPrevious:active,#cboxNext:active,#cboxSlideshow:active,#cboxClose:active{outline:0}#cboxSlideshow{position:absolute;top:-20px;right:90px;color:#fff}#cboxPrevious{position:absolute;top:50%;left:5px;margin-top:-32px;background:url("../images/controls.html") no-repeat top left;width:28px;height:65px;text-indent:-9999px}#cboxPrevious:hover{background-position:bottom left}#cboxNext{position:absolute;top:50%;right:5px;margin-top:-32px;background:url("../images/controls.html") no-repeat top right;width:28px;height:65px;text-indent:-9999px}#cboxNext:hover{background-position:bottom right}#cboxClose{position:absolute;top:5px;right:5px;display:block;background:url("../images/controls.html") no-repeat top center;width:38px;height:19px;text-indent:-9999px}#cboxClose:hover{background-position:bottom center}
/* Swipe 2.0, (C) Brad Birdsall 2012, MIT license */
.content-slider{overflow:hidden;visibility:hidden;position:relative}.slider-wrapper{overflow:hidden;position:relative}.slider-wrapper>*{float:left;width:100%;position:relative}.slider-control{height:30px;position:relative}.slider-control a,.slider-control .slider-menu{position:absolute;top:9px;display:inline-block}.slider-control .slider-prev{left:0}.slider-control .slider-next{right:0}.slider-control .slider-menu{top:0;width:50%;left:50%;margin-left:-25%;font-size:27px;text-align:center}.slider-control .slider-menu b{color:#bbb;cursor:pointer}.slider-control .slider-menu b.active{color:#666}
.cookiebar{box-sizing:border-box;position:fixed;left:0;width:100%;padding:.6em 1.2em;background-color:#4b4b4b;color:#fff;font-size:1em;text-align:center;z-index:10}.cookiebar *{box-sizing:border-box}.cookiebar--active{display:flex!important;justify-content:center;align-items:center;flex-wrap:wrap}.cookiebar--position-top{top:0}.cookiebar--position-bottom{bottom:0}.cookiebar__message,.cookiebar__text{margin-right:1.5em}.cookiebar__link{color:#fff;text-decoration:underline}.cookiebar__link:hover{text-decoration:none}.cookiebar__button{margin:0;padding:.6em 1.2em;border:none;border-radius:0;background-color:#4ea55e;color:#fff;font-weight:700;cursor:pointer}.cookiebar__button:hover{background-color:#3e824a}
/* ESSENTIAL STYLES */
.sf-menu, .sf-menu * {
    margin: 0;
    padding: 0;
    list-style: none;
}
.sf-menu li {
    position: relative;
}
.sf-menu ul {
    position: absolute;
    display: none;
    top: 100%;
    left: 0;
    z-index: 99;
}
.sf-menu > li {
    float: left;
}
.sf-menu li:hover > ul,
.sf-menu li.sfHover > ul {
    display: block;
}

.sf-menu a {
    display: block;
    position: relative;
}
.sf-menu ul ul {
    top: 0;
    left: 100%;
}
/*
new: #858585
old: #3084BE
*/

.sf-menu {
        float: left;
}
.sf-menu ul {
        box-shadow: 2px 2px 6px rgba(0,0,0,.2);
        min-width: 8em; /* allow long menu items to determine submenu width */
        *width: 8em; /* no auto sub width for IE7, see white-space comment below */
		background:#066bb1;
}

.en .sf-menu ul {
	min-width: 13em;
}

.sf-menu a, .sf-menu span.active {
        text-decoration: none;
        zoom: 1; /* IE7 */
}
.sf-menu li {
        white-space: nowrap; /* no need for Supersubs plugin */
        *white-space: normal; /* ...unless you support IE7 (let it wrap) */
        -webkit-transition: background .2s;
        transition: background .2s;
}
.sf-menu li.active span.active {
    	display: block;
}
.sf-menu li:hover,
.sf-menu li.sfHover {
        /* only transition out, not in */
        -webkit-transition: none;
        transition: none;
}


/**** COOKIEBAR *****/
.cookiebar {
    background: #454545;
    padding-top: 0;
    padding-bottom: 0;
    height: 40px;
    font-size: .8rem; // FITS to Content-Width
    z-index: 1000;
    transition: all .3s ease;
    a, a:visited, a:active {
      background: #4b4b4b;
      text-decoration: none;
      height: 40px;
      line-height: 40px;
      display: inline-block;
      color: #FFFFFF;
      margin-right: 1.5em;
      padding: 0 12px;
      transition: all .3s ease;
      &:hover {
        background: lighten(#4b4b4b, 20%);
        transition: all .3s ease;
      }
      &:active {
        background: #FFF;
        transition: all .3s ease;
      }
    }
    #cookiebar-text {
      margin-right: 0;
    }
    button {
      height: 40px;
      line-height: 20px;
      background: #066bb1;
      color: #fff;
      font-weight: normal;
      transition: all .3s ease;
      &:hover {
        background: #3084be;
        color: #fff;
        transition: all .3s ease;
      }
      &.ga {
        margin-right: 1em;
        background: #4b4b4b;
        text-decoration: none;
        font-weight: 500;
        &:hover {
          background: lighten(#4b4b4b, 20%);
        }
      }
    }
    @media screen and (max-width: 1279px) {
      padding-bottom: 10px;
      padding-top: 10px;
      height: auto;
      #cookiebar-text {
        width: 100%;
        display: block;
        margin-bottom: 10px;
      }
    }
    @media screen and (max-width: 940px) {
      #cookiebar-text {
        display: inline-block;
      }
      a, a:visited, a:active {
        display: inline-block;
      }
      button {
        display: inline;
      }
    }
    @media screen and (max-width: 540px) {
      #cookiebar-text {
        span {
          display: block;
        }
      }
      a, a:visited, a:active {
        display: inline-block;
        width: auto;
      }
      button {
        display: inline-block;
        width: auto;
      }
    }
  }

.extended_checkbox {
  label {
    width: auto;
    float: none;
  }
}
/************************************************
    style.css
*************************************************

    1.0 RESET 
    2.0 GLOBALS 
      2.1 headings  
      2.2 text 
      2.3 hyperlinks  
      2.4 lists
      2.5 tables
      2.6 images
      
    3.0 LAYOUT
      3.1 header
      3.2 container
      3.3 footer
    4.0 NAVIGATION
      4.1 mainnav  
	5.0 FORMS
    6.0 MODULES
	  6.1 page_images
	7.0 CONTENT
    8.0 PRINT
	9.0 IE-HACKS
 10.0 RESPONSIVE
	
************************************************/

/* 
alt: #00adf3
neu: #093977

neu2: #004a91
*/

/************************************************
    1 - RESET
************************************************/
* {
    border: 0;
    margin: 0;
    padding: 0;
}
html, body {
	font-size: 100.01%;
	height: 100%;
	position: relative;
}	

*,
*:before,
*:after {
	-webkit-box-sizing: border-box;
	-moz-box-sizing: border-box;
	box-sizing: border-box;	
}

/************************************************
    2 - GLOBALS
************************************************/ 
/* michroma-regular - latin */
@font-face {
  font-family: 'Michroma';
  font-style: normal;
  font-weight: 400;
  src: url('../../files/cyrus/fonts/michroma-v8-latin-regular.eot'); /* IE9 Compat Modes */
  src: local('Michroma'),
       url('../../files/cyrus/fonts/michroma-v8-latin-regulard41d.eot?#iefix') format('embedded-opentype'), /* IE6-IE8 */
       url('../../files/cyrus/fonts/michroma-v8-latin-regular.html') format('woff2'), /* Super Modern Browsers */
       url('../../files/cyrus/fonts/michroma-v8-latin-regular.woff') format('woff'), /* Modern Browsers */
       url('../../files/cyrus/fonts/michroma-v8-latin-regular.ttf') format('truetype'), /* Safari, Android, iOS */
       url('../../files/cyrus/fonts/michroma-v8-latin-regular.svg#Michroma') format('svg'); /* Legacy iOS */
}

body {
	color: #706F6F;
	background-color: #FFFFFF;
	font-size: 100%;
	line-height: 1.6em;
	font-family: 'Open Sans', Arial, Helvetica, sans-serif;	
	overflow: -moz-scrollbars-vertical;	
	background-image: url(../../files/cyrus/images/corporate/bg_body.jpg);
	background-repeat: repeat-x;		
}

/**** 2.1 - headings ****/
h1,
h2.likeH1,
.likeH1 h2 {
	font-size: 26px;
	color: #706f6f;
	font-weight: normal;
	margin-bottom: 2%;
	font-family: "Michroma", Arial, Helvetica;
	text-transform: uppercase;
	word-spacing: 12px;
	letter-spacing: 2px;
	line-height: 1.4em;
}
 

h2 { 
	font-size: 17px;
	font-weight: bold;
	margin: 0 0 4px 0;
	color: #706f6f;
	line-height: 1.3em;
}


h3 { 
	margin: 0 0 3px 0;	
	text-transform: none;
	font-size: 1em;
	font-weight: bold;
}

/**** 2.2 - text ****/
p {
	line-height: 1.6em;
}

/**** 2.2 - text ****/
.border-bottom {
	border-bottom: 1px solid #CCCCCC;
	padding-bottom: 2%;	
	margin-bottom: 2%;
}

.ce_image.border img {
	border: 1px solid rgba(0, 0, 0, 0.2);
}

/**** 2. 3 - hyperlinks ****/
a,
a:visited,
a:active {
	text-decoration: none;
	color: #004a91;
}

a:hover {
	text-decoration: underline;
}

#footer a {
	color: #FFFFFF;
}

/**** 2.4 - lists ****/
ul {
	margin: 0 0 2% 0;
	padding: 0;
	list-style: disc;
}

ol {
	margin: 0 0 2% 0;
	padding: 0;
}

ul li {
	margin: 0 0 0 16px;
}

ol li {
		margin: 0 0 0 24px;
}

.bannerWrapper li {
	margin: 0 0 0 0;
}

/**** 2.5 - tables ****/

table .col_0 {
	padding-right: 8px;
}

.tableProjekte h3 {
	text-transform: none;
	margin: 0;
}

.tableProjekte .col_0 {
	width: 150px;
}

.tableProjekte .col_0:after {
	content: ":";
}

.tableLike span {
	width: 150px;
	display: inline-block;
}

/**** 2.6 - images ****/
.image_container img {
display: block; 
vertical-align: bottom;	
}

/**** diverses ****/
.ce_text,
.ce_image,
.ce_colsetStart {
	margin-bottom: 24px;	
}

.col_1 .ce_image:last-child {
	margin-bottom: 0!important;
}

.noMargin { 
	margin: 0; 
}

.linkable {
	cursor: pointer;
}

.hide {
	display: none;
}

.borderTop {
	border-top: 1px solid #FFFFFF;
}

.borderBottom {
	border-bottom: 1px solid #FFFFFF;
}

.sameHeight {
	display:table-cell;
}

.floatbox {
	overflow: hidden;
}

.divider {
    border-bottom: 1px solid #cccccc;
    margin-bottom: 4%;
    height: 1px;
}


/**** subcolumns ****/
.subcolumns.projektablauf {
	margin-bottom: 2%;
	padding-bottom: 4%;
	min-height: 180px;
	
	background-image: url(../../files/hs/images/corporate/projektablauf_arrow.html);
	background-repeat: no-repeat;
	/*background-position: -72px bottom;*/
	background-position: -72px -120px;
}

.subcolumns.projektablauf.last {
	background-image: none;
}

.subcolumns.col-30x70 .col_1 {
	padding-right: 2%;
	-moz-box-sizing:border-box;
	-webkit-box-sizing:border-box;
	box-sizing:border-box;		
}

.subcolumns.col-30x70 .col_2 {
	padding-left: 2%;
	-moz-box-sizing:border-box;
	-webkit-box-sizing:border-box;
	box-sizing:border-box;		
}




/************************************************
    3- LAYOUT
************************************************/ 

#wrapper {
	/*width: 100%;
	max-width: 1352px;*/
	width: 100%;
}


#header,
#container {
	width: 100%;
	max-width: 1120px;
	margin: 0 auto;
}

#header {
	height: auto;
}

.logo {
	position: relative;
	max-width: 280px;	
	width: 30%;
	padding-top: 2%;
	margin-bottom: 2%;
}

.logo a {
	display: block;
}

.logo .schultestrathaus {
	margin-top: 12px;
}

.logo img {

}

#container {
	position: relative;
}

#main {
	position: relative;
	width: 100%;
	min-height:320px;
	height:auto !important;
	height:320px; 
	padding: 0 0 2% 0;		 
}

.border-top {
	border-top: 1px solid #000000;
}

#footer {
	background: #004a91;
	color: #FFFFFF;
}

#footer .inside {
	position: relative;
	width: 100%;
	max-width: 1120px;
	margin: 0 auto;
	padding: 2% 0;
}

#footer p {

}



/************************************************
    4 - NAVIGATION
************************************************/ 

/**** breadcrumb ****/
.breadcrumb li {
	float: left;
	margin-right: 1%;
}

.breadcrumb li:after {
	content: " >";
}

.breadcrumb li.last:after {
	content: "";
}

/**** Langnav ****/
.langnav {
	position: absolute;
	top: 0;
	right: 0;
}

.langnav ul li {
	float: left;
	list-style: none;
	margin: 0;
}
.langnav ul li a,
.langnav ul li span {
	text-transform: uppercase;
	/*background: #093977;*/
	background-color: rgba(0, 74, 145, 0.7);
	color: #FFFFFF;
	padding: 10px 8px;
	font-size: 0.8em;
	font-weight: bold;
	font-family: Arial, Helvetica;	
	cursor: pointer;
}

.langnav ul li a:hover {
	text-decoration: none;
	background-color: rgba(0, 74, 145, 1);
}

.langnav ul li span {
	background: #004a91;
	background-color: rgba(0, 74, 145, 1);
	color: #FFFFFF;	
}

/* 4.1 - Hauptnavigation */

.footernav li {
	list-style: none;
	margin: 0;
}

.footernav ul li a,
.footernav ul li a:visited,
.footernav ul li a:active,
.footernav ul li span {
	color: #FFFFFF;
}

#footer .col_3 .mod_customnav {
	margin-bottom: 2%;
}

#footer .col_3 .mod_customnav li {
	float: none;
	list-style: none;
	margin: 0;
}

#footer .col_3 .mod_customnav li.last {
	border-right: 0;
}

#footer .col_3 .mod_customnav li a {
	padding: 0 0;
}

#footer .col_3 .mod_customnav li.first a {
	padding-left: 0;
}



.mainnav { 
	height: 32px;
	overflow:visible;
	position:relative;
	margin-bottom: 2%;
}

.mainnav:after {
	overflow: hidden;
}

.mainnav ul {
	/*background:#1071b4 url('../images/corporate/bg_mainnav.png') repeat-x;*/
	background: #066BB1;
	list-style:none;
	margin:0;
	padding:0;
	width:100%;
	border-bottom: 0px solid #EEEEEE;	
}
.mainnav li {
	float:left;
	padding:0;
	margin:0;
	position:relative;
	width: 12.5%;	
}
.mainnav li.last {
	background:none;
}


.mainnav ul li a,
.mainnav ul li a:visited,
.mainnav ul li a:active,
.mainnav ul li span {
	color: #666666;
	text-decoration: none;
	font-size: 14px;
	background: #dcdddf;
	display: block;
	font-family: Arial, Helvetica;
	font-weight: normal;
	text-transform: uppercase;
	text-align: center;
	line-height: 2.6em;
	font-weight: bold;
}

[lang="en"] .mainnav ul li a,
[lang="en"] .mainnav ul li a:visited,
[lang="en"] .mainnav ul li a:active,
[lang="en"] .mainnav ul li span {
	font-size: 12px;
}

.mainnav li a:hover,
.mainnav li span,
.mainnav li.trail a,
.mainnav li.sfHover a {
	background:#093977;
}

.mainnav li.sfHover a {
	background:#004a91!important;
	color: #FFFFFF!important;
}

.mainnav li.sfHover ul.level_2 a {
	background: #dcdddf!important;
	color: #666666!important;
}

.mainnav ul.level_2 {
	position:absolute;
	z-index:10000;
}
.mainnav ul.level_2 li {
	background-image:none;
	width:300px;
}

.mainnav ul.level_2 li a,
.mainnav ul.level_2 li a:visited,
.mainnav ul.level_2 li a:active,
.mainnav ul.level_2 li span {
	font-size: 0.9em!important;
	background: #dcdddf;
	text-align: left;
	padding: 4px 12px;
	text-transform: none!important;
}

.mainnav ul li a:hover,
.mainnav ul li a.active,
.mainnav ul li a.trail,
.mainnav ul li:nth-child(even) a:hover,
.mainnav ul li span {
	color: #FFFFFF!important;
	background: #004a91!important;
	text-decoration: none;
}

.mainnav ul li:nth-child(even) a {
	background: #d1d2d4;
}


.mainnav ul li ul.level_2 a:hover,
.mainnav ul li:nth-child(even) ul.level_2 a:hover {
	color: #FFFFFF!important;
	background: #004a91!important;
	text-decoration: none;	
}

/*
*/



/*
.mainnav {
	position: relative;
	height: auto;
	margin-bottom: 2%;
}

.mainnav:after {
	clear: left;
}

.mainnav ul {
	list-style: none;
	width: 100%;
}

.mainnav ul li {
	display: inline-block;
	margin: 0 0 0 0;
	padding: 0 0 0 0;
	width: 12.5%;
}

.mainnav ul li.first {
	
}

.mainnav ul li.onlyNavMobile {
	display: none;
}

.mainnav ul li.last {
	margin-right: 0;	
}

.mainnav ul li a,
.mainnav ul li a:visited,
.mainnav ul li a:active,
.mainnav ul li span {
	color: #666666;
	text-decoration: none;
	font-size: 14px;
	background: #dcdddf;
	display: block;
	font-family: Arial, Helvetica;
	font-weight: normal;
	text-transform: uppercase;
	text-align: center;
	line-height: 2.6em;
	font-weight: bold;
}

.mainnav ul li a:hover,
.mainnav ul li a.active,
.mainnav ul li a.trail,
.mainnav ul li:nth-child(even) a:hover,
.mainnav ul li span {
	color: #FFFFFF;
	background: #00ADF1!important;
	text-decoration: none;
}

.mainnav ul li:nth-child(even) a {
	background: #d1d2d4;
}

.mainnav ul.level_2 {
	position:absolute;
	z-index:10000;
}
.mainnav ul.level_2 li {
	background-image:none;
	width:100%;
}

.mainnav ul.level_2 li a,
.mainnav ul.level_2 li span {
	font-size: 0.9em;
	background: none;
}

.mainnav ul.level_2 li a:hover,
.mainnav ul.level_2 li span,
.mainnav ul.level_2 li.trail a,
.mainnav ul.level_2 li.sfHover {
	background: #000000;
}
*/


.hilfsnav  {
	padding: 30px 0 30px 0;
	margin: 0 0 0 0;
	position: relative;
	width: 50%;
	float: left;
	
	-moz-box-sizing:border-box;
	-webkit-box-sizing:border-box;
	box-sizing:border-box;	
}

#header .hilfsnav {
	position: absolute;
	right: 100px;
	top: 1px;
	width: auto;
	padding: 0;
}

.hilfsnav ul {
	list-style: none!important;
	display:block;
	margin: 0;
}

.hilfsnav ul li {
	display:inline;
	margin: 0 12px 0 0;	
	list-style: none;
}

.hilfsnav ul li.last {
	margin: 0 0 0 0;	
}

.hilfsnav ul li a,
.hilfsnav ul li a:visited,
.hilfsnav ul li a:active,
.hilfsnav ul li span {
	font-size: 0.8em;
	color: #dbdbdb;	
	text-decoration: none;
}

#header .hilfsnav ul li a,
#header .hilfsnav ul li a:visited,
#header .hilfsnav ul li a:active,
#header .hilfsnav ul li span {
	color: #706f6f;	
}

.hilfsnav ul li a:hover,
.hilfsnav ul li span {
	text-decoration: underline;
}

.copyright {
	float: right;
	text-align: right;
	padding: 34px 0 30px 0;	
	font-size: 0.8em;
	color: #dbdbdb;	
}

.copyright:after {
	clear: left;
}


/************************************************
    5.0 - FORMS
************************************************/ 
/**** basic form styles ****/
input[type="text"], 
input[type="password"], 
input[type="date"], 
input[type="datetime"], 
input[type="email"], 
input[type="number"], 
input[type="search"], 
input[type="tel"], 
input[type="time"], 
input[type="url"], 
textarea,
select {
	-webkit-appearance:none;
	background:#fff;
	border:1px solid #707173;
	-moz-border-radius:2px;
	-webkit-border-radius:2px;
	border-radius:2px;
	-moz-box-shadow:inset 0 1px 1px #eee;
	-webkit-box-shadow:inset 0 1px 1px #eee;
	box-shadow:inset 0 1px 1px #eee;
	-moz-box-sizing:border-box;
	-webkit-box-sizing:border-box;
	box-sizing:border-box;
	color:#484848;
	display:inline-block;
	font-size:.8em;
	padding:5px 7px;
	-moz-transition:all .15s linear;
	-webkit-transition:all .15s linear;
	-o-transition:all .15s linear;
	transition:all .15s linear;
	width:100%;
}
.webkit input[type="text"], 
.webkit input[type="password"], 
.webkit input[type="date"], 
.webkit input[type="datetime"], 
.webkit input[type="email"], 
.webkit input[type="number"], 
.webkit input[type="search"], 
.webkit input[type="tel"], 
.webkit input[type="time"], 
.webkit input[type="url"], 
.webkit textarea,
.webkit select {
	padding:4px 7px;
}
select {
	-webkit-appearance:menulist;
	display:inline-block;
	font-size:.8em;
	padding:4px 7px;
}
select option {
	 padding:0 7px;
}
 
input[type="text"]:focus, 
input[type="password"]:focus, 
input[type="date"]:focus, 
input[type="datetime"]:focus, 
input[type="email"]:focus, 
input[type="number"]:focus, 
input[type="search"]:focus, 
input[type="tel"]:focus, 
input[type="time"]:focus, 
input[type="url"]:focus, 
textarea:focus,
select:focus {
	background: #E50412;
	/*border-color:#484848;*/
	color: #FFFFFF;
}
input[type="file"], 
input[type="image"], 
input[type="submit"], 
input[type="reset"], 
input[type="button"], 
input[type="radio"], 
input[type="checkbox"],
select {
	width:auto
}
input[type="submit"], 
.button,
#main button[type="submit"] {
	/*
	-webkit-appearance:none;
	display:inline-block;
	padding:5px 15px 5px 14px;
	margin-bottom:0;
	text-align:center;
	vertical-align:middle;
	line-height:15px;
	font-size:12px;
	color:#fff;
	cursor:pointer;
	border:1px solid #066bb1;
	-moz-border-radius:3px;
	-webkit-border-radius:3px;
	border-radius:3px;
	background-color:#50B9EC;
	background-repeat:repeat-x;
	-moz-transition:background .15s linear;
	-webkit-transition:background .15s linear;
	-o-transition:background .15s linear;
	transition:background .15s linear;
	*/
}
input[type="submit"]:hover, 
.button:hover,
#main button[type="submit"] {
	text-decoration:none;
	background-position:0 -15px !important;
}
input[type="submit"]:active, 
.button:active {
	background-color:#066bb1;
	background-position:0 -30px !important;
}
input[type="radio"], 
input[type="checkbox"], 
label {
	vertical-align:middle
}
textarea, 
select[multiple], 
select[size] {
	height:auto
}
label {
	display:block;
	clear:left;
	float:left;
	width:auto;
}


/**** kontaktformular ****/

.kontaktForm {
	width: 100%;
	padding-top: 4%;
	padding-bottom: 20px;
	display: block;
}

.kontaktForm label {
  font-size: 1em;
  line-height: 24px;
  margin-bottom: 4px;
	display: block;
}

.kontaktForm .captcha_text {
	display: block;
	margin-bottom: 20px;
}

.kontaktForm input.captcha {
	margin-bottom: 0!important;
}

.kontaktForm input[type="text"], 
.kontaktForm input[type="email"], 
.kontaktForm input[type="tel"], 
.kontaktForm input[type="url"], 
.kontaktForm textarea {
	width: 100%;
	margin-bottom: 20px;
	border: 0;
	border-radius: 0;
	background: #dbdbdb;
	font-size: 1em;
}

.kontaktForm textarea {
	max-height: 80px;
}

.kontaktForm input:focus,
.kontaktForm textarea:focus {
	background: #686866;
	color: #FFFFFF;
}
.kontaktForm br {
	clear: both;
}

.kontaktForm .submit_container {
	margin-top: 0;
	margin-bottom: 0;
}

.kontaktForm .submit {
	width: 100%;
	color: #FFFFFF;
	background: #000000;	
	border: 0;
	border-radius: 0;
	text-align: center;
	margin: 0 auto 0 0;
	display: block;
}

.checkbox_container {
	margin-bottom: 12px;
}

.checkbox_container span {
	overflow: hidden;
	display: block;
}

.checkbox_container input {
	float: left;
	margin-top: 6px;
	margin-right: 2px;
}


.checkbox_container label {
	display: inline-block;
	margin-left: 4px;
	float: left;
	clear: none;
	margin-bottom: 0;
}


input[type="number"] {
    -moz-appearance: textfield;
}

/**** suchmaschine ****/
.mod_search {
	top: 92px;
	right: 30px;
	position:absolute;
}
.mod_search input.text {
	width:150px;
	padding-right: 30px;
	border: 0;	
}

.mod_search input.text:focus {
	border: 0;
	background: #FFFFFF;	
	color: #4A4A49;
}

.mod_search .submit {
	/*
	color: #000000;
	width: 20px;
	border: none;
	position: absolute;
	height: 20px;
	right: 10px;
	background-color: none;
	display: none;
	*/
	background: none;
	color: #707173;
	cursor: pointer;
	position: absolute;
	right: 4px;
	top: 3px;	
}

/*
#header .mod_search .submit:after {
	font-family: FontAwesome;
	content: "\f002";	
}
*/

#main .mod_search form {
	display: none;
}

#main .mod_search {
	clear: none;
	float: none;
	padding: 0;
	position:relative;
}


/************************************************
    6 - MODULES
************************************************/ 

/**** stoerung ****/
.stoerung {
	color: #FFFFFF;
	background: #990000;
	padding: 12px;
	text-align: center;
	margin: 24px 0 0 0;
}

/* footerLogoFess */
.footerLogoFess {
	
  border-top: 1px solid #cccccc;
  margin-top: 18px;
  margin-bottom: 12px;
  padding-top: 36px;
}

.footerLogoFess img {
	max-width: 280px;
}

/* VIDEOS in FLOATBOX */
.filmWrapper {
    background: #ffffff none repeat scroll 0 0;
    border: 1px solid #706f6f;
    float: left;
    margin-bottom: 2%;
    margin-right: 2%;
    padding: 18px;
    width: 32%;
}

.filmWrapper:nth-child(3n+3) {
    margin-right: 0;
}

.filmWrapper .ce_text {
	margin-top: 8px;
}

.filmWrapper .ce_text p {
	font-size: 1.2em;
}


.ce_sliderStart .slider-prev, 
.ce_sliderStart .slider-next {
	display: none;
}

.ce_sliderStart .ce_image {
	margin-bottom: 4px;
}


/**** iframe ****/
.mod_article > .ce_iFrame {
    margin-bottom: 2%;
}

.ce_iFrame.film {
    height: 0;
    overflow: hidden;
    padding-bottom: 56.25%;
    padding-top: 0;
    position: relative;
    margin-bottom: 24px;
}

.ce_iFrame.film iframe, .ce_iFrame.film object, .ce_iFrame.film embed {
    height: 100%;
    left: 0;
    position: absolute;
    top: 0;
    width: 100%;
}

/**** newsletter ****/
.cr_body { 
	background-color: none;
}

/**** downloads ****/
.ce_downloads ul li {
	list-style: none;
	margin-left: 0;
	margin-bottom: 0.5%;
}

/**** google maps ****/
.ce_dlh_googlemaps {
	width: 100%;
	height: 300px;
	margin-bottom: 4%;
}

.ce_dlh_googlemaps input.text {
	width: 160px;
	border: 1px solid #ccc;
	padding: 6px;
	margin-right: 4px;
}

/**** NEWS-LISTE ****/

.layout_latest {
	border-bottom: 1px solid #cccccc;
	margin-bottom: 2%;
	padding-bottom: 2%;
	overflow: hidden;
}

.layout_latest.last {
	border-bottom: 0;
	margin-bottom: 0;
	padding-bottom: 0;
}

.layout_latest p {
	margin: 0;
}

.layout_latest .image_container {
	width: 33%;
	padding-right: 1%;
	float: left;	
}

.layout_latest .text {
	margin-left: 33%;
}

.layout_short {
   border-bottom: 1px solid #cccccc;
    margin-bottom: 2%;
    padding-bottom: 2%;
}

.layout_short.last {
	border-bottom: 0;
	margin-bottom: 0;
	padding-bottom: 0;
}

.layout_short p {
	margin: 0;
}


.mod_flexSlider {
	overflow: visible;
	/*height: 468px;*/
	margin-bottom: 36px;
}

.flexslider {
	margin: 0!important;
}

.flexslider ul li {
	margin-left: 0;
}

.flex-control-nav {
	z-index: 10;
}

.flexslider .flex-control-nav li {
	margin: 0 3px;
}

.flexslider .slides {
	overflow: hidden;
}

/**** suche header ****/
.mod_search {
    position: absolute;
    right: 0px;
    top: 80px;
}

.mod_search input.text {
    background: none repeat scroll 0 0 #ffffff;
    border: 1px solid #cccccc;
    border-radius: 0;
    color: #808080;
    display: block;
    float: left;
    font-size: 0.8em;
    font-weight: 300;
    height: 28px;
    margin-bottom: 0;
    min-height: 20px;
    padding-right: 0;
    width: 140px;
    border: 1px solid #CCCCCC;
}

.mod_search input.text:focus {
    border: 1px solid #cccccc;
    background: #EEEEEE;
}

.mod_search .submit {
    background: none repeat scroll 0 0 #004a91;
    border: none;
    box-shadow: none;
    cursor: pointer;
    float: left;
    height: 28px;
    overflow: visible;
    padding: 0 2em !important;
    position: relative;
    border-radius: 0;
    -moz-border-radius: 0;
    -webkit-border-radius: 0;
    right: 0;
    top: 0;
    width: 10px;
    z-index: 1;
    color: #FFFFFF;
}


/**** suchergebnisse ****/
#main .mod_search {
	position: relative;
	top: auto;
	right: auto;
}

#main .mod_search div {
    border-bottom: 1px solid #cccccc;
    margin-bottom: 2%;
    padding-bottom: 2%;	
}

#main .mod_search div.last {
	padding-bottom: 0;
	margin-bottom: 0;
	border-bottom: 0;
}

/**** pagination ****/
.pagination {
	width:100%;
	text-align:center;
	padding: 10px 0 0 0;
}

.pagination p {
	font-weight: bold;	
}

.pagination ul {
	margin: 0 auto 12px auto;
	display:inline-block; 
}

.pagination ul li {
	display: inline;
	margin: 10px 5px 5px 0;
	/*margin:0 5px 0 0;*/
	padding: 0;
	font-size:13px;
	list-style-type:none;	
	background: #FFFFFF;
	line-height: 30px;
	text-align: center;
}

.pagination ul li a,
.pagination ul li a:visited,
.pagination ul li a:active,
.pagination ul li span {
	text-decoration: none;	
	padding: 6px 12px 6px 12px;
	border: 1px solid #777777;		
}

.pagination ul li a:hover,
.pagination ul li span {
	background: #004a91!important;
	color: #FFFFFF!important;
}

/**** subcolumns ****/
.c33l {
	padding-right: 1%;
}
.c66r {
	padding-left: 1%;
}

.c50l {
	padding-right: 1%;
}
.c50r {
	padding-left: 1%;
}


.bannerWrapper {
	overflow: hidden;
	max-width: 1120px;
}

.bannerText {
	/*width: 406px;*/
	width: 36.25%;
	float: left;
}

/*
.ce_pageimages {
	width: 63.75%;
	float: left;
}
*/

.ce_pageimages {
	display: block;
	width: 100%;
	float: none;
}


.mod_metamodel_list li {
	margin: 0;
	list-style: none;
}


.home .breadcrumb {
	display: none;
}

.breadcrumb {
	margin-top: 1%;
}

.breadcrumb li {
	list-style: none;
 	margin: 0 0 0 6px;
}

.breadcrumb li.first {
	margin-left: 0;
}

/**** PAGE TEASER (LISTE) ****/
.floatbox.teaser {
	overflow: hidden;	
}

.floatbox.teaser .item {
	width: 32%;
	float: left;
	background: #FFFFFF;
	
	margin-right: 2%;
	border: 1px solid #706f6f;
	margin-bottom: 2%;
	padding: 18px;
	height: auto;
	min-height: 250px;
}

.floatbox.teaser .item:nth-child(3n+3) {
	margin-right: 0;
}

.floatbox.teaser .item ul,
.floatbox.teaser .item ul li {
	list-style: none;
	margin: 0;
	padding: 0;
}

.floatbox.teaser .item .image_container {
	margin-bottom: 2%;
}

.floatbox.teaser p {
	font-size: 1.2em;
	margin-bottom: 2%;	
	text-transform: none;
}

.floatbox.teaser .item .image_container {
	overflow: hidden;
	display: block;
}

.floatbox.teaser .item img {
	opacity: 1;	
   transition: opacity .25s ease-in-out;
   -moz-transition: opacity .25s ease-in-out;
   -webkit-transition: opacity .25s ease-in-out;	
}

.floatbox.teaser .item img:hover {
	opacity: 0.8;
}



/**** MM TEASER (LISTE) ****/
.ce_metamodel_list.teaser .layout_full {
	overflow: hidden;	
}

.ce_metamodel_list.teaser .item {
	width: 32%;
	float: left;
	background: #FFFFFF;
	
	margin-right: 2%;
	border: 1px solid #706f6f;
	margin-bottom: 2%;
	padding: 18px;
}

.ce_metamodel_list.teaser .item:nth-child(3n+3) {
	margin-right: 0;
}

.ce_metamodel_list.teaser .item ul,
.ce_metamodel_list.teaser .item ul li {
	list-style: none;
	margin: 0;
	padding: 0;
}

.ce_metamodel_list.teaser .item .bild {
	margin-bottom: 2%;
}

.ce_metamodel_list.teaser .item .name {
	font-size: 1.2em;
	margin-bottom: 2%;	
	text-transform: none;
}

.ce_metamodel_list.teaser .item .image_container {
	width:100%;
	height:100%;	
	overflow: hidden;
	display: block;
}

.ce_metamodel_list.teaser .item img {
	opacity: 1;	
   transition: opacity .25s ease-in-out;
   -moz-transition: opacity .25s ease-in-out;
   -webkit-transition: opacity .25s ease-in-out;	
}

.ce_metamodel_list.teaser .item img:hover {
	opacity: 0.8;
}


/**** LISTE MASCHINEN ****/
.listeMaschinen {
	overflow: hidden;
}

.listeMaschinen .item {
	overflow: hidden;
}	

.listeMaschinen .item.last {
	border-bottom: 0;
	padding-bottom: 0;
}

.listeMaschinen .image_container {
	width: 32%;
	float: left;
	margin-right: 2%;
}

.listeMaschinen .image_container .text {
	float: left;
	width: auto;
}

/**** DETAILS KATEGORIEN ****/

.ce_accordionStart {
	margin-bottom: 1%;	
}

.toggler {
	background: #004a91;
	color: #FFFFFF;
	padding: 6px;
	cursor: pointer;
}

.toggler:hover,
.toggler.ui-state-active {
	background: #004a91;
	color: #FFFFFF;
}

.accordion {
	background: #EEEEEE;
	padding: 2%;
}

.accordion ul li {
	list-style: square;
	margin-left: 16px;
}

.image_container li {
	list-style: none;
	margin: 0;
}

.tabs ul.tabs-list {
	margin-bottom: 20px;
	width: 100%;
	overflow: hidden;
}

.tabs ul.tabs-list,
.tabs ul.tabs-list li {
	list-style: none;
}

.tabs ul.tabs-list li {
	width: auto;
	float: left;
	margin: 0 0 0 0;
	padding: 0;
	border-right: 1px solid #CCCCCC;
}

.tabs ul.tabs-list li a,
.tabs ul.tabs-list li a:visited,
.tabs ul.tabs-list li a:active {
	background: #dcdddf;
	color: #706f6f;
	font-weight: bold;
	padding: 4px 18px;
	display: block;
}

.tabs ul.tabs-list li.current a,
.tabs ul.tabs-list li a:hover {
	text-decoration: none;	
	background: #004a91;
	color: #FFFFFF;
}

.current-info {
	display: none;
}

.tabs .content {
	display: block;
}

.tabs h2 {
	display: none;
}

		/*
    .js .tabs .current-info,
    .js .tabs .accessibletabsanchor,
    .js .tabs .tabhead  {
        position:absolute;
        left:-999em;
    }
    .js .tabs .content{
        clear:both;
        margin:3em 1em 1em 1em;
    }
    .js .tabs{
        width:500px;
    }
    */


/************************************************
    10.0 - RESPONSIVE
************************************************/ 

#queryInfo {
	width: 60px;
	height: 20px;
	background: #EEEEEE;
	color: #000000;
	font-size: 11px;
	position: fixed;
	z-index: 9999;
	top: 0;
	right: 0;
	display: none;
}

.mobileWrapper {
	overflow: hidden;
}

/**** mobilnav toggle ****/
.nav-toggle {
	position: absolute;
	right: 2%;
	top: 50px;
}


.nav-toggle ul {
	margin: 0;
	padding: 0;
	list-style: none;
	float: right;
}

.nav-toggle ul li {
	float: left;	
}


.nav-toggle-menu {
  color: #706f6f;
  cursor: pointer;
  font-size: 36px;
  font-weight: normal;
  height: 26px;
  line-height: 26px;
  width: 26px;
  margin-right: 0;
}

.nav-toggle-menu.active {
	color: #004a91;
}

.nav-toggle a:hover {
	color: #004a91;
	text-decoration:none;
}

.toggleWrapper {
	overflow: hidden;
	position: relative;
	top:0;
	left:0;
	margin-top: 0;		
	height: 100%;
}	

.mobilenav {
	display:none; 
	position: relative;	
	padding-top: 0px;
	margin: 0 0% 0% 0%;
	overflow: visible;
	width: 100%;
	border-bottom: 1px solid #FFFFFF;
}

.mobilenav ul {
	background: #FFFFFF;	
	list-style: none!important;
	margin:  0;
	width: 100%;
	padding: 0;
	overflow:hidden;	
}
.mobilenav ul.level_1 {
	padding:0;
	width:100%;
}
.mobilenav ul li {
	float:none;
	padding: 0 0 0 0!important;
	margin:0 0 6px 0!important;
	border-top:1px solid #FFFFFF;
	position:relative;
	list-style: none!important;
}
.mobilenav .level_1 > li.first {
	border-top: none;
}
.mobilenav .level_1 > li.last {
	border-bottom: 0px solid #FFFFFF;
}
.mobilenav li a,
.mobilenav li a:visited,
.mobilenav li a:active,
.mobilenav li span {
	text-decoration:none!important;
	text-transform: none;
	color: #706f6f;
	display:block;
	line-height:24px;
	font-size:1.1em;
	font-weight: normal;
	padding:1% 0 1% 2%;
}
.mobilenav li a:hover,
.mobilenav li a.trail,
.mobilenav li span {
	background:#004a91;
	color: #FFFFFF;
}

.mobilenav .level_2 {
	display: none;
}

.mobilenav li.active .level_2,
.mobilenav li.trail .level_2 {
	display: block;
	margin: 0 0 0 0%;
}

.mobilenav .level_2 li {
	border-top: 0!important;	
}

.mobilenav li.active.submenu span,
.mobilenav li.trail.submenu a {
	border-bottom: 1px solid #FFFFFF!important;
}

.mobilenav .level_2 li a,
.mobilenav .level_2 li span {
	text-decoration:none;
	display:block;
	line-height:24px;
	font-size:1.1em;
	padding: 3px 0 3px 4.5%;
	text-transform: none;
}

.mobilenav .level_2 li a:hover,
.mobilenav .level_2 li a.trail,
.mobilenav .level_2 li span {
	background:#004a91;
	color: #FFFFFF;
}

.mobilenav .level_3 {
	display:none;
}

.mobilenav .level_2 li.submenu > a:before, 
.mobilenav .level_2 li.submenu > span:before {
	content: "";
}	


.mobilenav,
.nav-toggle,
.showMobile {
	display: none;
}

@media screen and (min-width: 1120px) {
	#queryInfo:after {
		content: "min 1120";
	}
	
	.mobilenav {
		display: none;	
	}	
}

@media screen and (max-width: 1119px) {
	#queryInfo:after {
		content: "max 1119";
	}
	
	.mod_breadcrumb {
		padding: 0 2%;
	}	
	
	
	.mobileWrapper {
		position: relative;
		padding: 0 2% 0 2%;
	}	
	
	.langnav {
		top: 12px;
		margin-right: 2%;
	}
	
	header .mod_customnav {
		display: none;
	}
	
	.mod_search {
	    position: absolute;
	    right: 10%;
	    top: 12px;
	}	
	
	#main .inside,
	#footer .inside {
		padding-left: 2%;
		padding-right: 2%;
	}
		
	.bannerWrapper .mod_flexSlider {
    height: auto;
    margin-right: 0;
    width: 63.75%;
	}
	
	.bannerWrapper .bannerText {
		float: left;
    height: auto;
    width: 36.25%;
	}		
	
	.flexslider { 
		margin-bottom: 0;
	}
}

@media screen and (max-width: 900px) {
	
	#queryInfo:after {
		content: "max 900";
	}		
	
	.floatbox.teaser .item {
		width: 49%;
	}
	
	.floatbox.teaser .item:nth-child(2n+2) {
		margin-right: 0;
	}
	
	.floatbox.teaser .item:nth-child(3n+3) {
		margin-right: 2%;
	}
	
	.mod_search {
		display: none;
	}		
	
	.mainnav ul li a, 
	.mainnav ul li span {
		font-size: 12px;
	}	
	
	[lang="en"] .mainnav ul li a, 
	[lang="en"] .mainnav ul li span {
		font-size: 11px;
	}			
	
	h1, 
	h2.likeH1, 
	.likeH1 h2 {
	    font-size: 1.3em;
	    letter-spacing: 0;
	}
		
}

@media screen and (max-width: 800px) {
	
	#queryInfo:after {
		content: "max 800";
	}			
	
	#footer .c33l.col_1 {
		display: none;
	}	
	
	#footer .c33l {
		width: 49%;
		float: left;
	}
	
	
	#footer .c33r {
		width: 49%;
	}	
		
}

@media screen and (max-width: 700px) {
	
	#queryInfo:after {
		content: "max 700";
	}		
	
	.mainnav,
	.showDesktop {
		display: none;
	}	
	
	.nav-toggle,
	.showMobile {
		display: block;
	}	
	
	.ce_metamodel_list.teaser .item	{
		width: 48%;
	}
	
	.ce_metamodel_list.teaser .item:nth-child(2n+2)	{
		margin-right: 0%;
	}	
	
	.ce_metamodel_list.teaser .item:nth-child(3n+3)	{
		margin-right: 2%;
	}
	
	.filmWrapper {
		width: 48%;
	}
	
	.filmWrapper:nth-child(2n+2)	{
		margin-right: 0%;
	}	
	
	.filmWrapper:nth-child(3n+3)	{
		margin-right: 2%;
	}	
	
	.c50l,
	.c50r {
		float: none;
		width: 100%;
		padding: 0;
		margin-left: 0;
	}
	
}


@media screen and (max-width: 640px) {
	
	#queryInfo:after {
		content: "max 640";
	}	
	
	.c33l,
	.c66r {
		width: 100%;
		padding-right: 0;
		padding-left: 0;
		float: none;
		margin-left: 0;	
		margin-bottom: 2%;	
	}
	
	.logo {
	    margin-bottom: 2%;
	    max-width: 280px;
	    padding-top: 2%;
	    position: relative;
	    width: 40%;
	}		
		
}

@media screen and (max-width: 480px) {
	
	#queryInfo:after {
		content: "max 480";
	}		
	
	.ce_metamodel_list.teaser .item	{
		width: 100%;
		margin-right: 0;
	}
	
	.ce_metamodel_list.teaser .item:nth-child(2n+2)	{
		margin-right: 0%;
	}	
	
	.ce_metamodel_list.teaser .item:nth-child(3n+3)	{
		margin-right: 0%;
	}		
	
	
	.filmWrapper	{
		width: 100%;
		margin-right: 0;
	}
	
	.filmWrapper:nth-child(2n+2)	{
		margin-right: 0%;
	}	
	
	.filmWrapper:nth-child(3n+3)	{
		margin-right: 0%;
	}		
	
	h1, 
	h2.likeH1, 
	.likeH1 h2 {
	    font-size: 1.2em;
	    letter-spacing: 0;
	}	
	
	
	#footer .c33l {
		width: 100%;
		float: none;
	}
	
	
	#footer .c33r {
		width: 100%;
		float: none;
		margin-left: 0;
	}		
	
}


@media screen and (max-width: 380px) {
	
	#queryInfo:after {
		content: "max 380";
	}		
	
	.floatbox.teaser .item {
		width: 100%;
		float: none;
	}
	
	.floatbox.teaser .item:nth-child(2n+2) {
		margin-right: 0;
	}
	
	.floatbox.teaser .item:nth-child(3n+3) {
		margin-right: 0;
	}
	
	.filmWrapper {
		width: 100%;
		float: none;
	}
	
	.filmWrapper:nth-child(2n+2) {
		margin-right: 0;
	}
	
	.filmWrapper:nth-child(3n+3) {
		margin-right: 0;
	}	
	
	.logo {
	    margin-bottom: 2%;
	    max-width: 280px;
	    padding-top: 2%;
	    position: relative;
	    width: 50%;
	}		
		
}

/**** COOKIEBAR *****/
.cookiebar {
  background: #454545;
  padding-top: 0;
  padding-bottom: 0;
  height: 40px;
  font-size: 0.8rem;
  z-index: 1000;
  transition: all 0.3s ease;
}
.cookiebar a, .cookiebar a:visited, .cookiebar a:active {
  background: #4b4b4b;
  text-decoration: none;
  height: 40px;
  line-height: 40px;
  display: inline-block;
  color: #fff;
  margin-right: 1.5em;
  padding: 0 12px;
  transition: all 0.3s ease;
}
.cookiebar a:hover, .cookiebar a:visited:hover, .cookiebar a:active:hover {
  background: #7e7e7e;
  transition: all 0.3s ease;
}
.cookiebar a:active, .cookiebar a:visited:active, .cookiebar a:active:active {
  background: #fff;
  transition: all 0.3s ease;
}
.cookiebar #cookiebar-text {
  margin-right: 0;
}
.cookiebar button {
  height: 40px;
  line-height: 20px;
  background: #066bb1;
  color: #fff;
  font-weight: normal;
  transition: all 0.3s ease;
}
.cookiebar button:hover {
  background: #3084be;
  color: #fff;
  transition: all 0.3s ease;
}
.cookiebar button.ga {
  margin-right: 1em;
  background: #4b4b4b;
  text-decoration: none;
  font-weight: 500;
}
.cookiebar button.ga:hover {
  background: #7e7e7e;
}
@media screen and (max-width: 1279px) {
  .cookiebar {
    padding-bottom: 10px;
    padding-top: 10px;
    height: auto;
  }
  .cookiebar #cookiebar-text {
    width: 100%;
    display: block;
    margin-bottom: 10px;
  }
}
@media screen and (max-width: 940px) {
  .cookiebar #cookiebar-text {
    display: inline-block;
  }
  .cookiebar a, .cookiebar a:visited, .cookiebar a:active {
    display: inline-block;
  }
  .cookiebar button {
    display: inline;
  }
}
@media screen and (max-width: 540px) {
  .cookiebar #cookiebar-text span {
    display: block;
  }
  .cookiebar a, .cookiebar a:visited, .cookiebar a:active {
    display: inline-block;
    width: auto;
  }
  .cookiebar button {
    display: inline-block;
    width: auto;
  }
}
.extended_checkbox label {
  width: auto;
  float: none;
}