/* =============================================================================
 * reset & defaults
 * ========================================================================== */

/* reset
------------------------------------------------- */
* {margin: 0; padding: 0; border: 0; outline: 0; background-repeat: no-repeat;}
#wrapper * {-webkit-box-sizing: border-box; -moz-box-sizing: border-box; box-sizing: border-box;}

#colorbox *,
#wrapper .mejs-container * {-webkit-box-sizing: content-box; -moz-box-sizing: content-box; box-sizing: content-box;}

ol, ul {list-style: none;}
table {border-spacing: 0; border-collapse: collapse;}

blockquote, q {quotes: none;}

blockquote:before,
blockquote:after,
q:before,
q:after {content: ''; content: none;}

b,strong {font-weight: bold;}

input {outline: 0 none;}

figure {line-height: 0;}

/* lightbox link height
------------------------------------------------- */
.image_container a {line-height: 0;}

/* lightbox width
------------------------------------------------- */
#mbCenter img {width: auto; max-width: 100%; height: auto; vertical-align: middle;}

/* mod_navigation (mainmenu)
------------------------------------------------- */
#mainmenu .level_1,
#mainmenu .level_2 {margin: 0; padding: 0;}

/* =============================================================================
 * general styles & page setup
 * ========================================================================== */
html, body {height: 100%;}
a {outline: none; -moz-outline-style: none; -webkit-outline-style: none;}
iframe {max-width: 100%; border: 0;}
code, pre {font-family: monospace;}
hr {padding: 0; border: none; border-top: medium double #dddddd; color: #cccccc; text-align: center; height: 1px; margin: 25px 0;}
/*#container .image_container img {width: 100%;}*/
.image_container img:after {content: ""; clear: both; display: block;}

p {margin-bottom: 14px;}
p.more {margin-bottom: 0;}
p.back {margin-bottom: 0; margin-top: 10px;}
blockquote {font-style: italic; font-size: 16px; margin-bottom: 20px;}
blockquote p {line-height: 22px;}

/* Consistency of cursor style, Corrects inability to style clickable 'input' types in iOS */
button[disabled],
input[disabled] {cursor: default;}

/* Remove background from selected images */
img::selection {background: transparent;}
img::-moz-selection {background: transparent;}

/* HTML5 display definitions
------------------------------------------------- */
summary {display: block;}
[hidden] {display: none;}

/* =============================================================================
 * * & html & body
 * ========================================================================== */

html {overflow-y: scroll;}
html, body {}
body {background-repeat: repeat;}
body.ie8 {overflow: auto;}



/* =============================================================================
 * =============================================================================
 * =============================================================================
 * =============================================================================
 * =============================================================================
 * =============================================================================
 * =============================================================================
 * =============================================================================
 * ========================================================================== */




/* =============================================================================
 * default stylesheet
 * ========================================================================== */

/* body, headlines
------------------------------------------------- */
body {background: #ffffff;}
#wrapper {background: #ffffff;}

body, input, select, textarea {
    font-size: 15px;
}

body, input, select, textarea, a, p, span {line-height: 1.7;}

h1, h2, h3, h4, h5, h6 {line-height: 1.3;}

body, input, select, textarea {
    font-family: Arial, sans-serif;
    color: #000000;
}

h1, h2, h3, h4, h5, h6  {
    font-family: Arial, sans-serif;
    font-weight: normal;
    color: #000000;
}

.color {
    color: #da0000;
}

h4 {}

a {
    color: #da0000;
    text-decoration: underline;
}

a:hover {
    text-decoration: none;
}

p.back {}

/*a.button, span.button a {
	display: inline-block;
	color: #ffffff;
	background: #000000;
	padding: 0 10px;
    text-decoration: none;
}*/

.content-text.red {
    background: #da0000;
    min-height: 120px;
    padding: 20px;
    margin-bottom: 10px;
}

@media only screen and (min-width: 980px) {
    .content-text.box {
        min-height: 130px !important;
    }
}

.content-text.red h4 {
	font-size:18px;
	}

.content-text.red * {
    color: #ffffff;
}

.content-text.black {
    background: #000000;
    min-height: 120px;
    padding: 20px;
    margin-bottom: 10px;
}

.content-text.black * {
    color: #ffffff;
    font-size: 13px;
}

span.rot {
    color: #da0000;
}

/* a (special)
------------------------------------------------- */
#header div.logo a,
#header div#logo a,
#header ul.level_1 a,
#left ul.level_1 a,
#right ul.level_1 a,
#footer ul.level_1 a,
#main ul.level_1 a {text-decoration: none;}

/* headlines
------------------------------------------------- */
h1, h1 a {
    font-size: 22px;
    padding: 0;
    margin: 0 0 10px 0;
}

h2, h2 a {
    font-size: 20px;
    padding: 0;
    margin: 0 0 10px 0;
}

h3, h3 a {
    font-size: 16px;
    padding: 0;
    margin: 0;
}

h4, h4 a {
    font-size: 14px;
    padding: 0;
    margin: 0;
}

h5, h5 a {
    font-size: 12px;
    padding: 0;
    margin: 0;
}

h6, h6 a {
    font-size: 11px;
    padding: 0;
    margin: 0;
}

#header div.logo a,
#header div#logo a,
#header ul.level_1 a,
#left ul.level_1 a,
#right ul.level_1 a,
#footer ul.level_1 a,
#main ul.level_1 a {
    color: inherit;
    background: none;
    padding: 0;
    margin: 0;
}

/* cols & widths
------------------------------------------------- */
.col25, .col33, .col50, .col75 {float: left;}

.col25 {
    width: 24%;
    margin-right: 1%;
}

.col25.last {
    width: 24%;
    margin-right: 0;
}

.col33 {
    width: 32.3333333%;
    margin-right: 1%;
}

.col33.last {
    width: 32.3333333%;
    margin-right: 0;
}

.col50 {
    width: 49%;
    margin-right: 1%;
}

.col50.last {
    width: 50%;
    margin-right: 0;
}

.col75 {
    width: 74%;
    margin-right: 1%;
}

.col75.last {
    width: 74%;
    margin-right: 0;
}

.col100 {
    width: 100%;
}


/* ol,ul,li
------------------------------------------------- */
#main ol,
#main ul,
#right ol,
#right ul {
    padding: 0 0 0 20px;
    margin: 10px 0 10px 0;
    list-style-type: none;
}

#main ol li,
#main ul li,
#right ol li,
#right ul li {
    padding: 0;
    margin: 0;
}

#main ol li,
#right ol li {list-style-type: decimal;}

#main ul li,
#right ul li {list-style-type: disc;}

/*#main li,
#right li {list-style: url(../../files/layout/bg-li.png);}*/

/* image_container floats
------------------------------------------------- */



@media only screen and (min-width: 980px) {
    #main .image_container.float_right {margin: 0 0 1% 3%;}
    #main .image_container.float_left {margin: 0 3% 1% 0;}
}

@media only screen and (max-width: 980px) {
    #main .image_container.float_right {margin-bottom: 10px}
    #main .image_container.float_left {margin-bottom: 10px}
}

/* =============================================================================
 * "ce_" & "mod_" - elements
 * ========================================================================== */

/* mod_randomImage
------------------------------------------------- */
.mod_randomImage {height: auto;}

/* ce_gallery
------------------------------------------------- */
#main .content-gallery ul, #main .content-gallery ul li {
    padding: 0;
    margin: 0;
    list-style: none;
}

#main .content-gallery ul li {
    margin-right: 2%;
    margin-bottom: 2%;
}

/* ce_downloads
------------------------------------------------- */
#main .content-downloads ul, #main .content-downloads ul li {
    padding: 0;
    margin: 0;
}

/* mod_search
------------------------------------------------- */
.mod_search form {display: none;}

/* mod_subscribe
------------------------------------------------- */
#main .mod_subscribe p.error {float: none;}
#main .mod_subscribe input.text {float: none;}
#main .mod_subscribe input.submit {display: block;}

/* mod_newslist
------------------------------------------------- */
#main .mod_newslist .layout_latest p.info {
    margin-bottom: 0;
}

/* mod_eventlist
------------------------------------------------- */
#main .mod_eventlist .layout_teaser p.info {
    margin-bottom: 0;
}

/* =============================================================================
 * forms
 * ========================================================================== */

/* ce_form
------------------------------------------------- */
#main .captcha-container {background: #ecd0d0;}

::-webkit-input-placeholder {
    color: #888888;
}

/* firefox 19+ */
::-moz-placeholder {
    color: #888888;
}

/* ie */
:-ms-input-placeholder {
    color: #888888;
}

input:-moz-placeholder {
    color: #888888;
}

input.button,
input.reset,
input[type="submit"],
input.submit {
    color: #ffffff;
    background: #000000;
    padding: 6px;
}

body.firefox input.button,
body.firefox input.reset,
body.firefox input[type="submit"],
body.firefox input.submit {
    padding: 0 10px;
}

#search input.text,
#main input.text,
#main input.captcha,
#main select.select,
#main textarea.textarea {
    float: left;
    width: 297px;
    margin-bottom: 5px;
    border: 1px solid #000000;
}

#main textarea.textarea {
    min-width: 297px;
    max-width: 297px;
    height: 60px;
    min-height: 60px;
    max-height: 60px;

}

#main input.captcha {
    width: 100px;
}

#main label {
    display: block;
    float: left;
    width: 150px;
}

input.text.error,
input.captcha.error,
input.checkbox.error,
input.radio.error,
select.error,
textarea.error {
    margin-left: 150px;
}

input.password.confirm.error {margin-left: 0;}
#main .formbody br {clear: both;}
#main .formbody div {overflow: hidden;}

#main .submit_container {
    clear: both;
}

/* =============================================================================
 * menus / breadcrumbs
 * ========================================================================== */

/* mod_breadcrumb
------------------------------------------------- */
.mod_breadcrumb,
.mod_breadcrumb h6,
.mod_breadcrumb li,
.mod_breadcrumb li a {
    font-size: 12px;
    line-height: 1;
}

.mod_breadcrumb h6 {
    float: left;
    padding: 0;
    margin: 0;
}

.mod_breadcrumb ul {
    padding: 0;
    margin: 0;
}

.mod_breadcrumb li {
    float: left;
    padding-left: 20px;
    padding-right: 0;
    margin-right: 0;
    margin-left: 10px;
}

.mod_breadcrumb li.first {
    background: none;
    padding-left: 0;
}

.mod_breadcrumb li:before {
    margin-right: 5px;
}

/* mod_navigation (mainmenu-mobile)
------------------------------------------------- */
#menu-mobile {
    position: absolute;
    top: 0;
    left: 0;
    width: 100%;
    min-height: 100%;
    overflow: scroll;
    display: none;
}

#menu-mobile.clicked {display: block;}

#menu-mobile-button {
    display: none;
    position: absolute;
    top: 10px;
    left: 10px;
    z-index: 100;
}

#menu-mobile-button a {
    display: block;
}

#mainmenu-mobile {
    width: 100%;
}

#mainmenu-mobile .level_1 > li > a,
#mainmenu-mobile .level_1 > li > strong {
    display: block;
    min-height: 10px;
    line-height: 1;
    padding-top: 10px;
    padding-bottom: 10px;
    padding-left: 20px;
    padding-right: 20px;
    font-family: Arial, sans-serif;
    font-size: 12px;
    color: #000000;
    border-bottom: 1px #676767 solid;
    text-decoration: none;
    font-weight: 400;
}

#mainmenu-mobile .level_1 > li > a:hover,
#mainmenu-mobile .level_1 > li > strong,
#mainmenu-mobile .level_1 > li.trail > a,
#mainmenu-mobile .level_1 > li > a.active {
    color: #da0000;
}

#mainmenu-mobile .level_2 > li > a,
#mainmenu-mobile .level_2 > li > strong {
    display: block;
    min-height: 10px;
    line-height: 1;
    padding-top: 10px;
    padding-bottom: 10px;
    padding-left: 40px;
    padding-right: 20px;
    font-family: Arial, sans-serif;
    font-size: 12px;
    color: #000000;
    border-bottom: 1px #676767 solid;
    text-decoration: none;
}

#mainmenu-mobile .level_2 > li > a:hover,
#mainmenu-mobile .level_2 > li > strong,
#mainmenu-mobile .level_2 > li.trail > a,
#mainmenu-mobile .level_2 > li > a.active {
    color: #da0000;
}

/* mod_navigation (topmenu)
------------------------------------------------- */
#topmenu {
    position: absolute;
    top: 0;
    right: 0;
    height: 30px;
}

#topmenu .level_1 {
    height: 30px;
}

#topmenu .level_1 > li {
    float: left;
    background: url(../../files/layout/icon-menu-spacer-top.png) no-repeat right center;
}

/*#topmenu .level_1 > li.first {
    margin-left: 0;
}*/

#topmenu .level_1 > li.last {
    margin-right: 0;
    background: none;
}

#topmenu .level_1 > li > a,
#topmenu .level_1 > li > strong {
    display: block;
    height: 30px;
    padding: 0 10px;
    font-size: 11px;
    line-height: 30px;
    color: #000000;
    font-weight: 400;
}

#topmenu .level_1 > li > a:hover,
#topmenu .level_1 > li > strong,
#topmenu .level_1 > li.trail > a,
#topmenu .level_1 > li > a.active {
    color: #000000;
    text-decoration: underline;
}

/*#topmenu .level_1 > li > a.first,
#topmenu .level_1 > li > span.first {
    padding-left: 0;
    margin-left: 0;
}*/

#topmenu .level_1 > li > a.last,
#topmenu .level_1 > li > strong.last {
    padding-right: 0;
    margin-right: 0;
}

/* mod_navigation (leftmenu)
------------------------------------------------- */
#leftmenu {
    position: absolute;
    z-index: 10;
    top: -410px;
    width: 238px;
    padding: 25px 12px;
    background: #ffffff;
}

#leftmenu h3 {
    font-size: 24px;
    text-align: center;
    border-bottom: 1px solid #da0000;
    margin-bottom: 20px;
    color: #da0000;
}

#leftmenu .level_1 {

}

#leftmenu .level_1 > li {
    margin-bottom: 10px;
}

/*#leftmenu .level_1 > li.first {
    margin-left: 0;
}*/

#leftmenu .level_1 > li.last {
    margin-right: 0;
    margin-bottom: 0;
}

#leftmenu .level_1 > li > a,
#leftmenu .level_1 > li > strong {
    display: block;
    height: 30px;
    padding: 0 0 0 26px;
    font-size: 15px;
    line-height: 30px;
    color: #151515;
    border-bottom: 1px solid #d9d9d9;
    font-weight: 400;
}

#leftmenu .level_1 > li > a:hover,
#leftmenu .level_1 > li > strong,
#leftmenu .level_1 > li.trail > a,
#leftmenu .level_1 > li > a.active {
    color: #151515;
    background: url(../../files/layout/icon-menu-right-active.png) no-repeat left center;
}

/*#leftmenu .level_1 > li > a.first,
#leftmenu .level_1 > li > span.first {
    padding-left: 0;
    margin-left: 0;
}*/

#leftmenu .level_1 > li > a.last,
#leftmenu .level_1 > li > strong.last {
    padding-right: 0;
    margin-right: 0;
}

/* mod_navigation (mainmenu)
------------------------------------------------- */
#mainmenu {
    position: absolute;
    top: 50px;
    right: 0;
	height: 37px;
    padding-right: 200px;
	overflow: visible;
    border-bottom: 4px solid #da0000;
    z-index: 5;
}

#mainmenu:not(.mobile) .desktopMenuHidden {
    display: none;
}

#mainmenu .level_1 {
    height: 37px;
}

#mainmenu .level_1 > li {
    float: left;
}

#mainmenu .level_1 > li > a,
#mainmenu .level_1 > li > strong {
    display: block;
    height: 37px;
    padding: 0 32px;
    font-family: Arial, sans-serif;
    font-size: 16px;
    line-height: 28px;
    color: #000000;
    font-weight: 400;
}

#mainmenu .level_1 > li > a:hover,
#mainmenu .level_1 > li > strong,
#mainmenu .level_1 > li.trail > a,
#mainmenu .level_1 > li > a.active {
    color: #000000;
    background: url(../../files/layout/icon-menu-active.png) no-repeat center bottom;
}

/*#mainmenu .level_1 > li.first {
    margin-left: 0;
}*/

#mainmenu .level_1 > li.last {
    margin-right: 0;
}

/*#mainmenu .level_1 > li > a.first,
#mainmenu .level_1 > li > span.first {
    padding-left: 0;
    margin-left: 0;
}*/

#mainmenu .level_1 > li > a.last,
#mainmenu .level_1 > li > strong.last {
    margin-right: 0;
}

#mainmenu .menu-layer {
    width: 100%;
    height: 300px;
}

/*#mainmenu .level_1 li:hover .level_2 {display: block;}*/

#mainmenu .level_2 {
	/*display: none;*/
	position: absolute;
    z-index: 100;
}

#mainmenu .level_2 > li {}

#mainmenu .level_2 > li > a,
#mainmenu .level_2 > li > strong {
    display: block;
    font-family: Arial, sans-serif;
    font-size: 16px;
    line-height: 1;
    color: #000000;
}

#mainmenu .level_2 > li > a:hover,
#mainmenu .level_2 > li > strong,
#mainmenu .level_2 > li.trail > a,
#mainmenu .level_2 > li > a.active {
    color: #000000;
}

/*#mainmenu .level_2 > li > a.last,
#mainmenu .level_2 > li > span.last {
    padding-right: 0;
    margin-right: 0;
}*/

/* =============================================================================
 * basic page layout (grid)
 * ========================================================================== */

/* wrapper
------------------------------------------------- */
#wrapper {
    height: 100%;
    min-height: 100%;
    position: relative;
    height: auto !important;
}

/* header
------------------------------------------------- */
#header {

}

#header .inside {

}

#header .header {
    width: 1000px;
    height: 85px;
    margin: 0 auto;
    position: relative;
}

/* custom
------------------------------------------------- */
#custom {
    padding-bottom: 51px;
    margin-top: 30px;
    margin-bottom: 13px;
}

#custom .inside {
    width: 1000px;
    margin: 0 auto;
}

/* container
------------------------------------------------- */
body.standard #container {
    padding-bottom: 51px;
}

#container {
    width: 1000px;
    margin: 0 auto;
}

/* main
------------------------------------------------- */
#main {}

#main .inside {
    /*width: 1000px;
    margin: 0 auto;*/
    padding-left: 22px;
    padding-top: 22px;
    padding-bottom: 22px;
}

/* right
------------------------------------------------- */
#right {}

#right .inside {}

/* left
------------------------------------------------- */
#left {}

#left .inside {
    padding-top: 300px;
}

/* footer
------------------------------------------------- */
#footer {
    position: absolute;
    bottom: 0;
    width: 100%;
}

#footer .inside {

    height: 51px;
    background: #da0000;
    overflow: hidden;
}

#footer .footer {
    width: 1000px;
    margin: 0 auto;
    color: #ffffff;
    text-align: center;
}

#footer p {
    line-height: 51px;
}


/* =============================================================================
 * forms
 * ========================================================================== */

/* mod_serach (field)
------------------------------------------------- */
#search {
    position: absolute;
    top: 50px;
    right: 0;
    z-index:100;
}

#search br {
    display: none;
}

#search span.mandatory {
    display: none;
}

#search label {
    float: left;
    line-height: 25px;
}

#search div.mandatory {
    float: left;
}

#search input.text {
    width: 160px;
    height: 27px;
    border: 1px solid #C9C9CD;
    border-right: 0;
}

#search .widget-submit {
    float: left;
    margin-top: 0;
}

#search .widget-submit button.submit {
    padding: 5px;
    display: block;
    width: 27px !important;
    height: 27px;
    text-indent: -9999em;
    background: url(../../files/layout/icon-search.png) no-repeat 0 0;
}

/* logo
------------------------------------------------- */
#logo {
	position: absolute;
    z-index: 15;
    width:238px;
    background-color:#fff;
}

#logo, #logo a {
    display: block;
    line-height: 0;
}

/* =============================================================================
 * SOME CONTAO RESETS
 * ========================================================================== */

/* mod_newslist
------------------------------------------------- */
.mod_newslist .layout_latest h2 a {
    text-transform: none;
    text-decoration: none;
}

#main .mod_newslist .layout_latest {
    margin-bottom: 10px;
}

/* mod_sitemap
------------------------------------------------- */
.mod_sitemap .level_1 {
    padding: 0;
    margin: 0;
}

/* =============================================================================
 * OWN STYLES
 * ========================================================================== */


/* mod_caroufredsel
------------------------------------------------- */
#header .mod_caroufredsel,
#header .caroufredsel_skin,
#header .caroufredsel_wrapper {
    /*max-height: 578px;*/
}

#header .mod_caroufredsel,
#header .caroufredsel_wrapper {
    width: 100%;
    margin: 0 auto;
    overflow: hidden;
    position: relative;
    z-index: 4;
}

/*#header .caroufredsel .content-image {
    max-width: 1920px;
    width: 100%;
    position: relative;
}*/

#header .caroufredsel .content-image .image_container {
    text-align: center;
}

#header .caroufredsel .content-image .image_container img {
    max-width: 100%;
    width: 100%;
    height: auto;
}


#kopfbild {
    text-align: center;
}

#header .mod_article.headline {
    background: #da0000;
    height: 104px;
    margin-top: 11px;
}

#header .mod_article.headline .content-text {
    width: 1000px;
    margin: 0 auto;
    padding-left: 260px;
}

#header .mod_article.headline .content-text h1,
#header .mod_article.headline .content-text h2,
#header .mod_article.headline .content-text h3,
#header .mod_article.headline .content-text h4,
#header .mod_article.headline .content-text h5,
#header .mod_article.headline .content-text h6 {
    color: #ffffff;
}

#header .mod_article.headline .content-text h1 {
    padding: 10px 0 10px 0;
    font-size: 31px;
}

#header .mod_article.headline .content-text h2 {
    font-size: 21px;
}

#main .mod_caroufredsel,
#custom .mod_caroufredsel,
#main .mod_caroufredsel_gallery,
#custom .mod_caroufredsel_gallery {
    position: relative;
    margin-bottom: 10px;
    margin-top:20px;
}

#main .mod_caroufredsel h2,
#custom .mod_caroufredsel h2,
#main .mod_caroufredsel_gallery h2,
#custom .mod_caroufredsel_gallery h2 {
    color: #da0000;
    border-bottom: 1px solid #da0000;
    font-size: 26px;
    margin-bottom: 30px;
}

#main .mod_caroufredsel .caroufredsel_controls a.caroufredsel_next,
#custom .mod_caroufredsel .caroufredsel_controls a.caroufredsel_next,
#main .mod_caroufredsel_gallery .caroufredsel_controls a.caroufredsel_next,
#custom .mod_caroufredsel_gallery .caroufredsel_controls a.caroufredsel_next {
    position: absolute;
    right: 10px;
    top: 130px;
    width: 51px;
    height: 51px;
    text-indent: -9999em;
    background: url(../../files/layout/icon-arrow-right.png) no-repeat 0 0;
}

#main .mod_caroufredsel .caroufredsel_controls a.caroufredsel_prev,
#custom .mod_caroufredsel .caroufredsel_controls a.caroufredsel_prev,
#main .mod_caroufredsel_gallery .caroufredsel_controls a.caroufredsel_prev,
#custom .mod_caroufredsel_gallery .caroufredsel_controls a.caroufredsel_prev {
    position: absolute;
    left: 10px;
    top: 130px;
    width: 51px;
    height: 51px;
    text-indent: -9999em;
    background: url(../../files/layout/icon-arrow-left.png) no-repeat 0 0;
}

#main .mod_caroufredsel .caroufredsel_controls a.caroufredsel_next:hover,
#main .mod_caroufredsel .caroufredsel_controls a.caroufredsel_prev:hover,
#custom .mod_caroufredsel .caroufredsel_controls a.caroufredsel_next:hover,
#custom .mod_caroufredsel .caroufredsel_controls a.caroufredsel_prev:hover,
#main .mod_caroufredsel_gallery .caroufredsel_controls a.caroufredsel_next:hover,
#main .mod_caroufredsel_gallery .caroufredsel_controls a.caroufredsel_prev:hover,
#custom .mod_caroufredsel_gallery .caroufredsel_controls a.caroufredsel_next:hover,
#custom .mod_caroufredsel_gallery .caroufredsel_controls a.caroufredsel_prev:hover {
    background-position: 0 -51px;
}

#main h3 {
    color: #da0000;
    border-bottom: 1px solid #da0000;
    font-size: 26px;
    margin-bottom: 18px;
}

.ce_accordion .toggler {
    background: url("../../files/layout/arrow-bottom.png") no-repeat left 82px center;
    color: #da0000;
    margin-bottom:20px;
    cursor: pointer;
}

.ce_accordion .toggler:hover {
    color: #000;
}

.ce_accordion .toggler.ui-state-active {
    background: url("../../files/layout/arrow-top.png") no-repeat left 82px center;
}

/*#main .content-text.block img
{margin-right:40px;}*/


/* =============================================================================
 * =============================================================================
 * =============================================================================
 * =============================================================================
 * =============================================================================
 * =============================================================================
 * =============================================================================
 * =============================================================================
 * ========================================================================== */

/* =============================================================================
 *
 * Responsive webdesign
 *
 * ========================================================================== */


/* =============================================================================
 * tablet
 * ========================================================================== */

/* iPad - Landscape 1024x768px */
@media only screen and (max-width: 1920px) {
    /*#header .caroufredsel .content-image {
        width: 100%;
        height: auto;
    }

    #header .mod_caroufredsel,
    #header .caroufredsel_skin,
    #header .caroufredsel_wrapper {
        width: 100%;
        height: auto;
    }*/
}

@media only screen and (max-width: 1200px) {
    #leftmenu {
    	top:-340px;
    	}

    #left .content-text.margin_top {
    	margin-top:50px;
    	}
}

@media only screen and (max-width: 1000px) {
    /*#wrapper,
    #header .inside,
    #container,
    #footer .inside {
        width: 100%;
    }*/

    #header .mod_caroufredsel,
    #header .caroufredsel_wrapper {
        width: 1000px;
    }

    #header .caroufredsel .content-image .image_container img {
        max-width: 1000px;
        width: 1000px;
        height: auto;
    }

    #header .mod_article.headline {
        width: 1000px;
    }

    #footer {width: 1000px;}


}

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

}

@media only screen and (max-width: 880px) {
    #menu-mobile-button {display: block;}
}

/* iPad - Portrait 768x1024px */
@media only screen and (max-width: 768px) {

}

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

}

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

}

/* =============================================================================
 * phone
 * ========================================================================== */

/* Small tablet 480x640px */
@media only screen and (max-width: 480px) {

}

/* iPhone 320x480px */
@media only screen and (max-width: 320px) {
	/*#main input.text,
    #main input.captcha,
    #main select.select,
    #main textarea.textarea {width: 100%;}

    input.text.error,
    input.captcha.error,
    input.checkbox.error,
    input.radio.error,
    select.error,
    textarea.error {margin-left: 0;}

    .col25,
    .col25.last,
    .col33,
    .col33.last,
    .col50,
    .col50.last,
    .col75,
    .col75.last {
        width: 100%;
        margin-right: 0;
        float: none;
    }

    #main label {float: none;}
    p.error {float: none;}

    .content-gallery>ul li.col_first {clear: none;}

    .image_container.float_left,
    .image_container.float_right {
        float: none;
    }*/
}

/* Small phone 240x320px */
@media only screen and (max-width: 240px) {

}



button.slick-prev.slick-arrow,
button.slick-next.slick-arrow {
    position: absolute;
    top: calc(50% - 25px);
    left: 25px;
    z-index: 10;
    text-indent: -99999em;
    background: url(../../files/layout/icon-arrow-left.png) no-repeat 0 0;
    height: 51px;
    width: 51px;
    cursor: pointer;
}
button.slick-prev.slick-arrow:hover,
button.slick-next.slick-arrow:hover {
    background-position: 0 -51px;
}

button.slick-next.slick-arrow {
    left: unset;
    right: 25px;
    background: url(../../files/layout/icon-arrow-right.png) no-repeat 0 0;
}


.col50.noCol50 {
    float: unset;
    width: auto;
}


#mainmenu.mobile {
    display: none;
}

@media (max-width: 1000px) {
    /* ==== mobile.css START ==== */
    #wrapper,
    #header .header,
    #container,
    #main .inside,
    #custom .inside,
    #footer .footer,
    #header .mod_article.headline .content-text {
        width: 100%;
    }

    #main input.text,
    #main input.captcha,
    #main select.select,
    #main textarea.textarea {width: 100%;}

    input.text.error,
    input.captcha.error,
    input.checkbox.error,
    input.radio.error,
    select.error,
    textarea.error {margin-left: 0;}

    .col25,
    .col25.last,
    .col33,
    .col33.last,
    .col50,
    .col50.last,
    .col75,
    .col75.last {
        width: 93%;
        margin: 0 auto;
        float: none;
    }

    #main label {float: none;}
    p.error {float: none;}

    .content-gallery>ul li.col_first {clear: none;}

    .image_container.float_left,
    .image_container.float_right {
        float: none;
    }


    body.mobile #main .inside,
    #header .mod_article.headline .content-text {
        padding-left: 0;
    }

    #logo {
        width: 200px;
        top: 10px;
        left: 10px;
    }

    #topmenu {
        right: 10px;
    }
    #topmenu .level_1 > li{
        background: none;
    }
    #topmenu .level_1 > li > a,
    #topmenu .level_1 > li > strong {
        padding: 0 3px;
        font-size: 12px;
    }

    #mainmenu {
        display: none;
        top: 85px;
        right: 0;
        z-index: 12;
        background: #ffffff;
        height: auto;
        padding: 45px 10px 0 10px;
        width: 100%;
    }

    #mainmenu .level_1 {
        height: auto;
    }

    #mainmenu .level_1 > li {
        float: none;
        border-bottom: 1px solid #d9d9d9;
    }

    #mainmenu .level_1 > li.last {
        border: 0;
    }

    #mainmenu .level_1 > li > a,
    #mainmenu .level_1 > li > strong {
        width: 100%;
        line-height: 37px;
        padding: 0;
    }

    #mainmenu .level_1 > li > a:hover,
    #mainmenu .level_1 > li > strong,
    #mainmenu .level_1 > li.trail > a,
    #mainmenu .level_1 > li > a.active {
        background: none;
        color: #da0000;
    }

    #mainmenu .level_2 {
        position: static;
        padding-left: 10px;

    }

    #mainmenu .level_2 li {
        float: none;
        border-bottom: 1px solid #d9d9d9;
    }

    #mainmenu .level_2 li.last {
        border-bottom: 0;
    }

    #mainmenu .level_2 > li > a,
    #mainmenu .level_2 > li > strong {
        width: 100%;
        line-height: 37px;
        padding: 0;
    }

    #mainmenu .level_2 > li > a:hover,
    #mainmenu .level_2 > li > strong,
    #mainmenu .level_2 > li.trail > a,
    #mainmenu .level_2 > li > a.active {
        background: none;
        color: #da0000;
    }

    #mainmenu a.close {
        position: absolute;
        top: 10px;
        right: 10px;
        width: 20px;
        height: 20px;
        text-indent: -9999em;
        background: url(../../files/layout/icon-close.svg) no-repeat 0 0;
        background-size: contain;
    }

    #header a.menu-open {
        position: absolute;
        top: 50px;
        right: 10px;
        font-size: 16px;
        border-bottom: 4px solid #cf4e37;
        color: #000000;
        background: url(../../files/layout/icon-arrow-menu-down.png) no-repeat 50px center;
        text-decoration: none;
        padding-right: 30px;
    }

    #header .mod_article.headline .content-text {
        padding: 0 10px;
    }

    #header .mod_article.headline .content-text h3 {
        font-size: 18px;
    }

    #header .mod_article.headline .content-text h4 {
        font-size: 14px;
    }

    body.mobile #main .content-text,
    body.mobile #main .ce_form {
        padding-left: 10px;
        padding-right: 10px;
    }

    #main .mod_caroufredsel,
    #main .caroufredsel_skin,
    #main .caroufredsel_wrapper {
        width: 100%;
    }

    #main .mod_caroufredsel {
        margin-top: 10px;
    }

    #main .mod_caroufredsel h2 {
        margin-left: 10px;
        margin-right: 10px;
    }

    #main .content-headline {
        margin-left: 10px;
        margin-right: 10px;
    }

    #footer {
        position: static;
    }

    #header .mod_caroufredsel,
    #header .caroufredsel_wrapper {
        width: 100%;
    }

    #header .caroufredsel .content-image .image_container img {
        max-width: 100%;
        width: 100%;
        height: auto;
    }

    #header .mod_article.headline {
        width: 100%;
    }

    #footer {width: 100%;}
    /* ==== mobile.css END ==== */

    /* header */
    #logo {
        width: 146px;
    }
    #logo img {
        width: 100%;
        height: auto;
    }
    #topmenu,
    #search {
        display: none;
    }

    /* left sidebar */
    #left {
        display: none;
    }
    #container {
        padding-left: 0;
    }

    /* content */
    #header .mod_article.headline {
        height: auto;
    }
    #header .mod_article.headline .content-text h1 {
        font-size: 26px;
        margin: 0;
    }
    #header .mod_article.headline .content-text h2 {
        padding-bottom: 10px;
    }

    #custom,
    .inside > .mod_caroufredsel_gallery,
    .content-gallery,
    .ce_accordion .toggler {
        padding-left: 10px;
        padding-right: 10px;
    }
    .ce_accordion .toggler {
        background-position: 90px center;
    }
    .ce_accordion .toggler.ui-state-active {
        background-position: 90px center;
    }
}