/*
 * Basic Stylesheet (2013/02/14)
*/

/* Table of Content
==================================================
        #Typography
        #Links
        #Lists
        #Forms
        #Site Styles
        - Body
        - Navigation
        - Header
        - Content
        - Footer
        #Media Queries */


/* #Typography
================================================== */
h1, h2, h3, h4, h5, h6 {
   color: #181818;
   font-family: Verdana, Arial, sans-serif;
   font-weight: normal;
}
h1 a, h2 a, h3 a, h4 a, h5 a, h6 a { font-weight: inherit; }

/* 1.2em unterer Abstand zur div verschoben: */
h1 { font-size: 20px; line-height: 1em; margin-bottom: 0.2em;}

h2 { font-size: 18px; line-height: 2.1em; margin-bottom: 0.5em; }
.csc-header-n1 h2 { line-height: 1em; margin-bottom: 1.4em; }
h3 { font-size: 16px; line-height: 2.1em; margin-bottom: 0.5em; }

h4 { font-size: 14px; line-height: 2.1em margin-bottom: 0.5em; }
h5 { font-size: 12px; line-height: 2.1em; }
h6 { font-size: 12px; line-height: 2.1em; }
.subheader { color: #777; }

p { margin: 0 0 10px 0; }
p img { margin: 0; }
p.lead { font-size: 21px; line-height: 27px; color: #777;  }
p.align-left { text-align: left; }
p.align-center { text-align: center; }
p.align-right { text-align: right; }

em, i { font-style: italic; }
strong, b { font-weight: bold; color: #333; }
small, sub, super { font-size: 80%; }
sub { vertical-align: sub; }
sup { vertical-align: super; }


/* #Links
================================================== */
a, a:visited { color: #333; text-decoration: none; outline: 0; }
a:hover, a:focus { color: #000; }
p a, p a:visited { line-height: inherit; }
#content_inner p a { text-decoration: underline; }
#content_inner li a { text-decoration: underline; }
#content_inner .sub_navigation li a { text-decoration: none; }
#content_inner .infobox a { text-decoration: none; }


/* #Lists
================================================== */
ul, ol { margin-bottom: 20px; }
ul { list-style: disc outside; }
ul ul { list-style: circle outside;}
ul ul ul { list-style: disc outside; }
ul ul ul ul { list-style: circle outside; }
ol { list-style: decimal; }
ul, ol, ul.square, ul.circle, ul.disc { margin-left: 30px; }
ul.square { list-style: square outside; }
ul.circle { list-style: circle outside; }
ul.disc { list-style: disc outside; }
ul ul, ol ul { margin: 1px 0 1px 13px;  }
ul ol, ol ol { margin: 1px 0 1px 16px;  }
ul ul li, ul ol li,
ol ol li, ol ul li { margin-bottom: 1px; }
li { line-height: 18px; margin-bottom: 0px; }
ul.large li { line-height: 21px; }
li p { line-height: 21px; }


/* #Forms
================================================== */
/* form legend { display: none;  }  */
.tx-felogin-pi1 .headline + div {margin-bottom: 10px;}

input[type="text"], input[type="password"], input[type="email"], textarea, select {
   border: 1px solid #ccc;
   padding: 2px 4px;
   outline: none;
   -moz-border-radius: 2px;
   -webkit-border-radius: 2px;
   border-radius: 2px;
/*   font: 13px "HelveticaNeue", "Helvetica Neue", Helvetica, Arial, sans-serif;*/
   font: 11px "HelveticaNeue", "Helvetica Neue", Helvetica, Arial, sans-serif;
   color: #777;
   margin: 0;
   width: 210px;
   max-width: 100%;
   display: block;
/*   margin-bottom: 20px; */
   margin-bottom: 8px;
   background: #fff;
}
select { padding: 0; }
textarea { min-height: 60px; }
/*label, legend { display: block; font-weight: bold; font-size: 13px; } */
label, legend, div.csc-mailform legend { display: block; color: #485462; font-weight: bold; font-size: 11px; }
select { width: 220px; }
input[type="checkbox"] { display: inline; }
/*label span, legend span { font-weight: normal; font-size: 13px; color: #444; }*/
label span, legend span { font-weight: normal; font-size: 11px; color: #444; }
input[type="submit"] {padding: 2px 4px; font-size: 11px; font-weight: bold;}

/* Contact form */
.contactform {
  margin-bottom: 30px;
}

div.csc-mailform ol {
  list-style-type: none;
}
div.csc-mailform ol li{
  margin-bottom: 10px; 
}

.contactform label em {
  color: inherit;
  display: inline;
}
.contactform input[type="text"],
.contactform input[type="password"],
.contactform input[type="email"],
.contactform textarea, select {
  width: 66%;
  margin: 0;
}

.contactform .csc-form-element-submit {
  padding-left: 153px;
}

.contactform .csc-form-element-submit input{
  width: 113px;
}

/* --- Test classes --- */
.redframe { border: 1px solid red; box-sizing: border-box; }

/* #Site Styles
================================================== */

/* --- BODY --- */
html {
   height: 100%;
}

body {
   height: auto;
   min-height: 100%;
}

html, body {
   font: 11px Verdana, Arial, sans-serif;
   color: #485462;
   -webkit-font-smoothing: antialiased; /* Fix for webkit rendering */
   -webkit-text-size-adjust: 100%;
   line-height:1.5;
   /* Cross-Browser Gradient */
   background: #fcfdfe; /* Old browsers */
   background: -moz-linear-gradient(top,  #fcfdfe 0%, #bacedb 100%); /* FF3.6+ */
   background: -webkit-gradient(linear, left top, left bottom, color-stop(0%,#fcfdfe), color-stop(100%,#bacedb)); /* Chrome,Safari4+ */
   background: -webkit-linear-gradient(top,  #fcfdfe 0%,#bacedb 100%); /* Chrome10+,Safari5.1+ */
   background: -o-linear-gradient(top,  #fcfdfe 0%,#bacedb 100%); /* Opera 11.10+ */
   background: -ms-linear-gradient(top,  #fcfdfe 0%,#bacedb 100%); /* IE10+ */
   background: linear-gradient(to bottom,  #fcfdfe 0%,#bacedb 100%); /* W3C */
   filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#fcfdfe', endColorstr='#bacedb',GradientType=0 ); /* IE6-9 */
}

#wrapper {
   height:auto !important; /* real browsers */
   height:100%; /* IE6: treaded as min-height*/
   min-height:100%; /* real browsers */
}

#wrapper-inner {
   margin: auto;
   display: table;
}

.fl { float: left; }
.fr { float: right; }


/* --- NAVIGATION --- */
#nav {
/*   margin-top:10px;*/
   padding-top: 10px;
   magin-bottom:10px;
   z-index:100;
}
#nav ul { list-style: none; }
#nav > ul { margin-left: 0px; }

.top_nav {}
.bottom_nav {}

/* - Menu [DESKTOP] - */
#menu { float:left; margin:0; padding:0; margin-bottom: 2px; }
#menu li { margin-right:5px; position:relative; float:left; }
#menu li a { padding:6px 13px; display:block; }
#menu li:hover a.topnav, #menu li a.active { background-image:url('../img/gradient_menu.png'); color:#fff; }

/* Mega-Menu */
#menu .mega {
   display:none;
   position:absolute;
   z-index:5;
   color:#fff;
   width:610px;
   margin:0 0 0 0;
   background-color:#545f6c;
   background-image:url('../img/gradient_menu.png');
   background-repeat:repeat-y;
}
#menu .mega .m_column, #menu .mega .m_block  {
   width: 200px;
   float:left;
   margin:15px 0 10px 0;
}
#menu .mega .sub { margin-bottom:20px; }
#menu .mega .m_column .m_block { width:100%; margin:0; }
#menu .mega ul { float:left; }
#menu .mega li { width:100%; }
#menu .mega .column_title { font-weight:bold; margin-bottom:2px; margin-left:10px; font-size: 1.1em; }
#menu .mega li { margin:0 0 3px 0; }
#menu .mega a, #menu .mega a:visited { color: #fff; margin:0; padding:2px 5px; display:block; }
#menu .mega a:hover, #menu .mega a:active, #menu .mega a.active {
   box-shadow:2px 2px 2px #3d4650;
   background-color:#4f5b68;
   /* IE9 SVG, needs conditional override of 'filter' to 'none' */
   background: url(data:image/svg+xml;base64,PD94bWwgdmVyc2lvbj0iMS4wIiA/Pgo8c3ZnIHhtbG5zPSJodHRwOi8vd3d3LnczLm9yZy8yMDAwL3N2ZyIgd2lkdGg9IjEwMCUiIGhlaWdodD0iMTAwJSIgdmlld0JveD0iMCAwIDEgMSIgcHJlc2VydmVBc3BlY3RSYXRpbz0ibm9uZSI+CiAgPGxpbmVhckdyYWRpZW50IGlkPSJncmFkLXVjZ2ctZ2VuZXJhdGVkIiBncmFkaWVudFVuaXRzPSJ1c2VyU3BhY2VPblVzZSIgeDE9IjAlIiB5MT0iMCUiIHgyPSIxMDAlIiB5Mj0iMCUiPgogICAgPHN0b3Agb2Zmc2V0PSIwJSIgc3RvcC1jb2xvcj0iIzRiNTc2NCIgc3RvcC1vcGFjaXR5PSIxIi8+CiAgICA8c3RvcCBvZmZzZXQ9IjEwMCUiIHN0b3AtY29sb3I9IiM5MDk2OWYiIHN0b3Atb3BhY2l0eT0iMSIvPgogIDwvbGluZWFyR3JhZGllbnQ+CiAgPHJlY3QgeD0iMCIgeT0iMCIgd2lkdGg9IjEiIGhlaWdodD0iMSIgZmlsbD0idXJsKCNncmFkLXVjZ2ctZ2VuZXJhdGVkKSIgLz4KPC9zdmc+);
   background: -moz-linear-gradient(left,  #4b5764 0%, #90969f 100%); /* FF3.6+ */
   background: -webkit-gradient(linear, left top, right top, color-stop(0%,#4b5764), color-stop(100%,#90969f)); /* Chrome,Safari4+ */
   background: -webkit-linear-gradient(left,  #4b5764 0%,#90969f 100%); /* Chrome10+,Safari5.1+ */
   background: -o-linear-gradient(left,  #4b5764 0%,#90969f 100%); /* Opera 11.10+ */
   background: -ms-linear-gradient(left,  #4b5764 0%,#90969f 100%); /* IE10+ */
   background: linear-gradient(to right,  #4b5764 0%,#90969f 100%); /* W3C */
   filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#4b5764', endColorstr='#90969f',GradientType=1 ); /* IE6-8 */
}


/* - Menu [MOBILE] - */
#menu_mobile {
   display:none;
   font-size:14px;
}
#menu_mobile ul {
   list-style: none;
}
#menu_mobile_inner { margin:10px 10px; }
#menu_mobile li {
   width:100%;
   float:left;
   margin:0;
   font-weight:bold;
}
#menu_mobile .active_navlevel, #menu_mobile .active { font-weight:bold; }
#menu_mobile li a, #menu_mobile li a:visited {
   padding:10px 0;
   width:100%;
   float:left;
   border-bottom:1px solid #ccc;
}
#menu_mobile li a:hover, #menu_mobile li a:active { }
#menu_mobile .mega li { font-weight:normal; }
#menu_mobile .mega {
   float:left;
   position:relative;
   background-color:transparent;
   font-size:14px;
   width:100%;
   font-weight:normal;
}
#menu_mobile .mega a, #menu_mobile .mega a:visited {}
#menu_mobile .mega .column, #menu_mobile .mega .m_column { width: 100%; border:none; }
#menu_mobile .mega .sub { margin:0; }
#menu_mobile .mega .column_title { border-bottom:1px solid #ccc; width:100%; }
#menu_mobile .trigger {
   float:right;
   right:0;
   width:48px;
   height: 34px;
   margin: -8px 0;
   background-image:url('../img/icons/slide_down.png');
   border-left:1px dotted #ccc;
}
#menu_mobile .trigger.active { background-image:url('../img/icons/slide_up.png'); }

#menu_mobile .mega .inner { padding-left:8px; }
#menu_mobile .mega .sub a .inner { padding-left:16px; }
#menu_mobile .mega .sub .sub a .inner { padding-left:24px; }
#menu_mobile .mega .sub .sub .sub a .inner { padding-left:32px; }
#menu_mobile .mega .sub .sub .sub .sub a .inner { padding-left:40px; }
#menu_mobile .mega .sub .sub .sub .sub .sub a .inner { padding-left:48px; }

/* Mobile Buttons */
#button_home_mobile, #button_search_mobile, #button_menu_mobile {
   height:48px;
   cursor:pointer;
}
#button_home_mobile:hover, #button_search_mobile:hover, #button_menu_mobile:hover, #button_home_mobile:active, #button_search_mobile:active, #button_menu_mobile:active, #nav_mobile .active {
   background-color:#026aa5;
}
#button_home_mobile, #button_search_mobile, #button_menu_mobile .icon {
   height:48px;
   width:48px;
   float:left;
   background-size:50%;
   background-repeat:no-repeat;
   background-position:center;
}
#button_home_mobile { background-image:url('../img/icons/mobile_home.png'); }
#button_search_mobile { background-image:url('../img/icons/mobile_search.png'); }

#button_menu_mobile { float:right; color:#fff; }
#button_menu_mobile .label {
   float:left;
   margin-left:20px;
   text-transform:uppercase;
   font-size:1.4em;
   font-weight:bold;
   margin-top:13px;
}
#button_menu_mobile .icon {
   background-image:url('../img/icons/mobile_menu.png');
   float:right;
}


/* - Nav Right - */
/* #nav_right { float:right; margin-top:9px; } */
#nav_right { float:right; margin-top: 2px; }
.mm_unten #nav_right { margin-top: 3px; }
#contact { margin-right:20px; float:left; }

/* Desktop Search */
/* #searchform { float:right; margin-top: 3px; } */
#searchform { display: inline-block; vertical-align: middle; }
/*#searchform { display: inline-block; margin-top: 3px; } */
#searchform .searchform_input {
   padding:5px 5px;
   font-size:0.9em;
   width:110px;
   margin-bottom:0;
/*   float:left; */
   display: inline;
   border:none;
   background-image:url('../img/searchbox_bg.png');
   background-repeat:no-repeat;
}
/* #searchform .searchform_submit.desktop { margin: 3px 0 0 10px; float:left; } */
#searchform .searchform_submit.desktop { margin: 0 0 0 10px; display:inline; vertical-align:middle; }

/* Mobile Search */
#searchform_mobile {
   display:none;
   padding-top:20px;
   padding-bottom:20px;
}
#searchform_mobile .searchform_input {
   width:97%;
   font-size:1em;
   padding:5px 1%;
   margin-bottom:10px;
}
#searchform_mobile .searchform_submit.mobile { 
  float:left;
  width:100%;
  background-color: #D5DEE7;
  border: 1px solid #A4BBD2;
  color: #025C90;
  padding: 5px;
  cursor: pointer;
}

/* Desktop Search results */

#tx_indexedsearch table {
  width: 100%;
  margin-bottom: 10px;
}

#tx_indexedsearch table input {
  margin-bottom: 0px;
}
#tx_indexedsearch table tr:first-child {
  font-weight: bold;
}

.tx-indexedsearch-rules {
  margin-top: 10px;
}
.tx-indexedsearch-rules h2 {
  font-size: 11px;
  font-weight: normal;
}

.tx-indexedsearch .tx-indexedsearch-whatis {
  font-size: 14px;
  font-weight: bold;
  margin-top: 15px;
}

.tx-indexedsearch-res .tx-indexedsearch-title {
/*  font-size: 12px; */
}
.tx-indexedsearch-res .tx-indexedsearch-info {
  display: none;
}


#nav_right .icon {
   margin-left:20px;
   margin-right:5px;
   margin-top:-2px;
   float:left;
}
#nav_right .label { float:right; }

/* - Nav Mobile - */
#nav_mobile {
   margin:0;
   position:fixed;
   top:0;
   left:0;
   right:0;
   height:48px;
   z-index:100;
   background-color:#025C90;
   width:auto;
   color:#fff;
}

/* - Quicklinks - */
#quicklinks { margin-bottom:10px; margin-top: 10px; }
#quicklinks a { margin-right:20px; }
#quicklinks_inner { float: left; display: inline; margin-right: 10px; margin-top: 0px; }
.mm_unten #quicklinks_inner { margin-top: 9px; }

/* - Breadcrumb - */
#breadcrumb { margin-bottom:10px; padding:2px 0; font-size:9px; }
#breadcrumb, #breadcrumb a { color:#aeb1b3; }
#breadcrumb_inner {}


/* --- HEADER --- */
#header_image { margin-bottom:0; }
#header_image img, #content_inner img {
  width:100%;
  height:auto;
  box-sizing: border-box;
  -moz-box-sizing: border-box;
}
/* exclude special images */
#content_inner img.icon {
  width:auto; height:auto;
}

#language_select a { margin-right: 12px; cursor: pointer; }
#language_select .langsel_icon img { vertical-align: middle; }
#language_select .langsel_text { vertical-align: middle; }


/* --- CONTENT --- */
#content {
   background: #eaf0f4; /* Old browsers */
   background: -moz-linear-gradient(top,  #eaf0f4 0%, #c9d8e3 100%); /* FF3.6+ */
   background: -webkit-gradient(linear, left top, left bottom, color-stop(0%,#eaf0f4), color-stop(100%,#c9d8e3)); /* Chrome,Safari4+ */
   background: -webkit-linear-gradient(top,  #eaf0f4 0%,#c9d8e3 100%); /* Chrome10+,Safari5.1+ */
   background: -o-linear-gradient(top,  #eaf0f4 0%,#c9d8e3 100%); /* Opera 11.10+ */
   background: -ms-linear-gradient(top,  #eaf0f4 0%,#c9d8e3 100%); /* IE10+ */
   background: linear-gradient(to bottom,  #eaf0f4 0%,#c9d8e3 100%); /* W3C */
   filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#eaf0f4', endColorstr='#c9d8e3',GradientType=0 ); /* IE6-9 */
}
#content .container {
   max-width: 94vw;
}

#content_inner { margin-top:10px; }

#content_title { margin-top: 12px; margin-bottom: 12px; }
#content_inner #content_title { margin-top: 0px; margin-bottom: 24px; }

#content_title h2 { font-size: 16px; line-height: 1.4em; }

/* - Sub-Navigation - */
.sub_navigation {
   margin-bottom:20px;
   margin-left: 0px;
   border-bottom:1px solid #485462;
   float:left;
   overflow:hidden;
}
.sub_navigation li {
   margin:0;
   float: left;
   width:100%;
   font-weight:bold;
   list-style-type: none;
}
.sub_navigation .active_navlevel { font-weight:bold; background-color:rgba(75,87,101,.07); }
.sub_navigation .sub { margin:0; }
.sub_navigation .sub li { font-weight:normal; }
.sub_navigation li a, .sub_navigation li a:visited {
   padding:1px 35px 1px 5px;
   float:left;
   width:100%;
   border-top:1px solid #485462;
   box-sizing: border-box;
   -moz-box-sizing: border-box;
}
.sub_navigation li a:hover, .sub_navigation li a:active, .sub_navigation a.active {
   position: relative;
   color:#fff;
   box-shadow:0px 3px 3px #a4acb0;
   background-image:url('../img/left_nav_bg.png');
   background-repeat:no-repeat;
   background-position:right center;
}
.sub_navigation li a:hover span.icon, .sub_navigation li a:active span.icon, .sub_navigation a.active span.icon {
   position: absolute;
   top: 0;
   right: 0;
   height: 20px; 
   width: 35px; 
   background-image:url('../img/left_nav_bg.png');
   background-repeat:no-repeat;
   background-position:right center;
   display: none;
}

.sub_navigation .inner { cursor:pointer;  }
.sub_navigation .sub a { padding-left:10px; }
.sub_navigation .sub .sub a  { padding-left:20px; }
.sub_navigation .sub .sub .sub a  { padding-left:30px; }
.sub_navigation .sub .sub .sub .sub a  { padding-left:40px; }
.sub_navigation .sub .sub .sub .sub .sub a  { padding-left:50px; }
.sub_navigation .sub .sub .sub .sub .sub .sub a  { padding-left:60px; }
.sub_navigation .sub .sub .sub .sub .sub .sub .sub a  { padding-left:70px; }
/*.sub_navigation .sub a .inner { padding-left:8px; cursor:pointer; }
.sub_navigation .sub .sub a .inner { padding-left:16px; }
.sub_navigation .sub .sub .sub a .inner { padding-left:24px; }
.sub_navigation .sub .sub .sub .sub a .inner { padding-left:32px; }
.sub_navigation .sub .sub .sub .sub .sub a .inner { padding-left:40px; }*/

/* Box unterhalb der Sub-Navigation */

#leftcol_after_subnav {
   clear: both;
}


/* - Bilder in diversen Elementen - */
.csc-textpic-intext-left .csc-textpic-imagewrap ,
.csc-textpic-intext-right  .csc-textpic-imagewrap {
  width: 50%;
  margin-bottom: 10px;
}

div.csc-textpic-imagecolumn,
td.csctextpic-imagecolumn .csc-textpic-image {
  margin-right: 4%;
}



div.csc-textpic.numCols-2 div.csc-textpic-imagecolumn {
  width: 48%;
}
div.csc-textpic.numCols-3 div.csc-textpic-imagecolumn {
  width: 30.6%;
}
div.csc-textpic.numCols-4 div.csc-textpic-imagecolumn {
  width: 22%;
}

div.csc-textpic.csc-textpic-border div.csc-textpic-imagewrap img {
  box-sizing: border-box;
  -moz-box-sizing: border-box;
}

/* .csc-textpic .csc-textpic-imagecolumn .csc-textpic-image a { */
.csc-textpic .csc-textpic-image a {
  display: inline-block;
}

.csc-textpic caption {
  margin-top: 6px;
}

/* - Infobox - */
.infobox {
   margin-bottom:20px;
 /*  float:left; */
   background-color:#edf2f5;
   width:100%;
   border-radius:5px;
   box-shadow:3px 3px 3px #787f84;
}

.infobox .inner { padding:8px; }
.infobox .headline {
   padding:4px 7px;
   background-color:#96B3CA;
   color:#fff;
   font-weight:bold;
   background-image:url('../img/more_header_bg.png');
   background-repeat:repeat-y;
   margin-bottom: 5px;
}
.infobox .headline .toggle {
   width: 20px;
   height: 17px;
   float: right;
   background-image:url('../img/icons/plus.gif');
   background-position: right center;
   background-repeat: no-repeat;
   display: none;
}
.infobox .headline.open .toggle {
   background-image:url('../img/icons/minus.gif');
}
   
.infobox ul { padding:0px; margin:0px; margin-top:5px; }
.infobox li {
   padding:0; padding-left: 5px;
   margin:0; margin-right: 2px;
   overflow:hidden;
   border-bottom:1px solid #505050;
/*   background-image:url('../img/icons/more_link.png');*/
/*   background-repeat:no-repeat;*/
/*   background-position:right center;*/
   list-style-type: none;
}
.infobox ul ul { margin: 0 0 10px 9px; }
.infobox ul ul ul { margin: 0 0 0 9px; }
.infobox ul ul li { border: 0px solid transparent; list-style: inside disc none; }
.infobox ul ul ul li { list-style: inside circle none; }
.infobox a {
   background-image:url('../img/icons/more_link.png');
   background-repeat:no-repeat;
   background-position:right center;
}
.infobox a, .infobox .a:visited { padding:2px 25px 2px 0px; float:left; box-sizing: border-box; -moz-box-sizing: border-box; width: 100%; }
.infobox a:hover, .infobox a:active {}

.infobox li p { line-height: 1.5;} /* same as plain <body> */


/* - Slider - */
.slider,
#header_image {
  position: relative;
}

.slider .slide_text {
  margin-top: 10px;
}

.slider .slider_controls ,
#header_image .slider_controls {
  z-index: 30;
  position: absolute;
  display: none;
  width: 100%;
  text-align: center;
}
.slider .slider_controls.top ,
#header_image .slider_controls.top {
  top: 8px;
  display: block;
}
.slider .slider_controls.bottom ,
#header_image .slider_controls.bottom {
  bottom: 6px;
  display: block;
}

.slider .slider_controls a {
  display: inline-block;
}

.slider .control_numbox ,
#header_image .control_numbox {
  margin-left: 3px;
  padding: 6px 6px;
  color: #cccccc;
/*  background-image: url('../img/fce-slider/bullet-gray.png'); */
  background-position: center;
  background-repeat: no-repeat;
}
.slider .activeSlide .control_numbox ,
#header_image .activeSlide .control_numbox {
  color: #ffffff;
/*  background-image: url('../img/fce-slider/bullet-white.png'); */
}

/* - Inhaltselemente: Table - */
table.contenttable-1 td {
  text-align: left;
}

table.contenttable-2 td {
  text-align: center;
}

/* Table in RTE Text */
table.align-left td { text-align: left; }
table.align-center td { text-align: center; }
table.align-right td { text-align: right; }
table tr.align-left td { text-align: left; }
table tr.align-center td { text-align: center; }
table tr.align-right td { text-align: right; }
table tr td.align-left { text-align: left; }
table tr td.align-center { text-align: center; }
table tr td.align-right { text-align: right; }

/* - Meta - */
#content_meta {
   float: right;
}
#content_meta a {
   float:right;
}
#content_meta .icon {
   margin-left:20px;
   margin-right:5px;
   margin-top:-2px;
   float:left;
}
#content_meta .label {
   float:right;
}


/* --- FOOTER --- */
#footer { margin-top:10px; }
#footer a { margin-right:20px; }
#footer a:last-child { margin-right: 0; }

#footer_links { display: inline-block; }

.ui-state-default .ui-icon, .ui-icon {background-image:url(/typo3conf/ext/jfmulticontent/res/jquery/css/theme-1.9.2/images/ui-icons_228ef1_256x240.png);}
.ui-state-active, .ui-widget-content .ui-state-active, .ui-widget-header .ui-state-active { border: 1px solid #BACEDb; }
.ui-state-default a, .ui-state-default a:link, .ui-state-default a:visited { color: #248EF4;}
.ui-state-hover, .ui-widget-content .ui-state-hover, .ui-widget-header .ui-state-hover, .ui-state-focus, .ui-widget-content .ui-state-focus, .ui-widget-header .ui-state-focus {
  border: 1px solid #035D91 !important;
  background: #FFFFFF none;
}
.ui-widget-header {  background: none repeat scroll 0 0 #BACEDB;
    border: 1px solid #E4ECF1; }

/* ---horizotal accordion --- */
.easy-accordion-orange {position: relative; overflow: hidden; height: auto; width: auto !important; padding: 10px;}
.easy-accordion-orange dl {width: auto !important;}
.easy-accordion-orange dt.active {background: url("../img/slide-title-active.jpg") no-repeat scroll 0 0 #FFFFFF;}

/* ---tabs --- */
.ui-tabs .ui-tabs-panel { height: auto !important; }

/* ---jwplayer --- */
.tx_jwplayer > div {width: 100% !important;}

/* #Media Queries
================================================== */

.mobile { display:none; }
.desktop { display:block; }

/* Smaller than standard 960 (devices and browsers) */
@media only screen and (max-width: 959px) {}

/* Tablet Portrait size to standard 960 (devices and browsers) */
@media only screen and (min-width: 768px) and (max-width: 959px) {}

/* All Mobile Sizes (devices and browser) */
@media only screen and (max-width: 767px) {
   .mobile { display:block; }
   .desktop { display:none; }

   #wrapper { margin-top:48px; }

   /* override skeleton margin-less columns */
   .container > .columns,
   .container > .column,
   #quicklinks_mobile_inner,
   #footer_inner {
     margin-left: 10px; margin-right: 10px;
   }
   /* and allow for extra margins in container width */
   .container { width: 440px; }

   /* --- NAVIGATION --- */

   /* - Mobile Navigation (Bar) - */
   #nav {}
   #nav_inner, #menu { width:100%; }
   #nav_right  { float:left; width:100%; padding:0; margin:0; }

   #header_image { padding:10px 0; }


   /* --- Content --- */
/*   #content { width:100%; padding:0; } *//* use the whole width */
   #content { padding:0; } /*do not expand the content background to the edges*/

   #content_meta .icon {
      padding:10px;
      background-color:rgba(255,255,255,.25);
      border-radius:3px;
      margin:10px 0 0 10px;
   }
   #content_meta .icon:hover, #content_meta .icon:active { background-color:rgba(255,255,255,.5); }
   #content_meta .label { display:none; }

   /* - Bilder - */
   .csc-textpic-intext-left .csc-textpic-imagewrap ,
   .csc-textpic-intext-right  .csc-textpic-imagewrap {
     width: 100%;
     margin-right: 0px;
   }

   /* - Infobox - */
   .infobox { box-shadow:none; }
   /*.infobox .inner { padding:0; }*/
   .infobox .headline {
      padding-top:5px;
      padding-bottom:5px;
      cursor:pointer;
   }
   .infobox .headline .toggle {
      display: block;
   }
   .tx-felogin-pi1 .infobox .headline {
      cursor: auto;
   }

   /* - Footer - */
   #footer #quicklinks_mobile {}
   #footer a {
      width:100%;
      border-top:1px solid #333333;
      float:left;
      padding:10px 0;
   }
}

/* Mobile Landscape Size to Tablet Portrait (devices and browsers) */
@media only screen and (min-width: 480px) and (max-width: 767px) {
}

/* Mobile Portrait Size to Mobile Landscape Size (devices and browsers) */
@media only screen and (max-width: 479px) {
   body #wrapper { background: transparent; }
   .container { width: 94%; }
   .container > .columns,
   .container > .column,
   #quicklinks_mobile_inner,
   #footer_inner {
     margin-left: 0px; margin-right: 0px;
   }

   #header { padding: 0; width: 100%; }
   #header_image { width:100%; padding:0; margin:0; margin-bottom:0; }
   #content { padding: 0; width: 100%; }
   p { font-size: 14px; }
   ul li, ol li { font-size: 14px; }
}


/* Extra wide template for widescreen resolutions - for enabled pages only */
@media only screen and (min-width: 1281px) {
  html.enable_extrawide_template .container { width: 1152px; }

  html.enable_extrawide_template .container .one.column,
  html.enable_extrawide_template .container .one.columns { width: 48px; }
  html.enable_extrawide_template .container .two.columns { width: 120px; }
  html.enable_extrawide_template .container .three.columns { width: 192px; }
  html.enable_extrawide_template .container .four.columns { width: 264px; }
  html.enable_extrawide_template .container .five.columns { width: 336px; }
  html.enable_extrawide_template .container .six.columns { width: 408px; }
  html.enable_extrawide_template .container .seven.columns { width: 480px; }
  html.enable_extrawide_template .container .eight.columns { width: 552px; }
  html.enable_extrawide_template .container .nine.columns { width: 624px; }
  html.enable_extrawide_template .container .ten.columns { width: 696px; }
  html.enable_extrawide_template .container .eleven.columns { width: 768px; }
  html.enable_extrawide_template .container .twelve.columns { width: 840px; }
  html.enable_extrawide_template .container .thirteen.columns { width: 912px; }
  html.enable_extrawide_template .container .fourteen.columns { width: 984px; }
  html.enable_extrawide_template .container .fifteen.columns { width: 1056px; }
  html.enable_extrawide_template .container .sixteen.columns { width: 1128px; }

  html.enable_extrawide_template .container .one-third.column,
  html.enable_extrawide_template .container .one-third.columns { width: 368px; }
  html.enable_extrawide_template .container .two-third.column,
  html.enable_extrawide_template .container .two-third.columns { width: 760px; }

  /* adjust default leftnav background image: */
  html.enable_extrawide_template .sub_navigation li a:hover,
  html.enable_extrawide_template .sub_navigation a.active {
	  background-size: 100% auto;
  }

}
