@import url('print.css') print;


/*** reset css ***/
html,body,div,span,applet,object,iframe,h1,h2,h3,h4,h5,h6,p,blockquote,pre,a,abbr,acronym,address,big,cite,code,del,dfn,em,img,ins,kbd,q,s,samp,small,strike,strong,sub,sup,tt,var,b,u,i,center,dl,dt,dd,ol,ul,li,fieldset,form,label,legend,table,caption,tbody,tfoot,thead,tr,th,td,article,aside,canvas,details,embed,figure,figcaption,footer,header,hgroup,menu,nav,output,ruby,section,summary,time,mark,audio,video{border:0;font-size:100%;font:inherit;vertical-align:baseline;margin:0;padding:0}article,aside,details,figcaption,figure,footer,header,hgroup,menu,nav,section{display:block}body{line-height:1}ol,ul{list-style:none}blockquote,q{quotes:none}blockquote:before,blockquote:after,q:before,q:after{content:none}table{border-collapse:collapse;border-spacing:0}

body{
    font-family: Source Sans Pro, Arial;
    font-size: 0.938em;
    color: #333333;
    overflow: scroll;
    line-height: 20px;
    background-image: url("../images/news-line.png");
    background-repeat: repeat-x;
    background-position: center 836px;
}

h1,
h2,
h3,
h4 {
    line-height: 120%;
}

h2 {
    color: #86846b;
}

p {
    color: #333333;  
    font-size: 14px;
}

i, em {
    font-style: italic;
}

b,strong {
    font-weight: 700;
}

iframe {
    width: 100% !important;
}

#content a:hover {
    color: #003560;      
}

p.rule, 
div.trenner {
    border-bottom: 1px solid #ccc;
    margin-bottom: 20px;
    margin-top: 20px;
    line-height: 1px;
    height: 1px;
    clear: both;
}

a:focus {
    text-decoration: none;
}

a.more {
    background: url("../images/link.png") no-repeat scroll right center rgba(0, 0, 0, 0);
    padding-right: 14px;
}

.strong {
    display: inline;
    font-size: 1.5em !important;
    font-weight: bold;
}

#content .teaserfont {
    border: 0 none;
    color: #86846b !important;
    font-size: 112% !important;
    font-weight: 500 !important;
    margin-bottom: 4px;
    text-transform: uppercase;
}

#content img {
    display: block;
    height: auto;
    max-width: 100%;
}

.table > thead > tr > th,
.table > tbody > tr > th,
.table > tfoot > tr > th,
.table > thead > tr > td,
.table > tbody > tr > td,
.table > tfoot > tr > td {
    color:#000;
}

th {
    font-weight: bold;
}

/*
#####################
###### HEADER #######
#####################
*/

#header {
    background: #e3e2d4;
    padding: 0;
    height: 401px;
}

.unterseite #header { 
    height: auto;  
}

#header .navigation {
     margin-top: 8px;    
     position: relative;
}

#header .logo {
    left: 4px;
    position: absolute;
    top: -8px;
    z-index: 4;
    width: auto;
}

.navbar-header {
    display: none;
}

/*
.unterseite #header .logo img {
     box-shadow: 0px 0px 7px gray;    
}
*/

/*metanavi*/

#header .meta-navi {
    height: 32px;
    margin-bottom: 10px;
    margin-left: 27px;
    padding-top: 12px;
}

#header .meta-navi ul {
    float: right;
}

#header .meta-navi ul li {
    float: left;
    margin-left: 10px;
}

#header .meta-navi ul li a {
    display: block;
    color: #000; 
    font-size: 0.788em;
    line-height: 22px;
}

#header .meta-navi ul li a.navlink_de,
#header .meta-navi ul li a.navlink_en,
#header .meta-navi ul li a.activelink {
    display: inline;
}

#header .meta-navi ul li a.activelink:hover {
    text-decoration: none;
    cursor: default;
}

#header .meta-navi ul li a.activelink {
    color: #86846b;        
}


/*Searchbar*/

#header .search {
    padding: 0;
    margin-top: 3px;
    width: 22%;
    float:right;
}

#header .search form {
    float: right;
    margin-top: 0;
}

#header .search input[type=text] {
    background: none repeat scroll 0 0 rgba(0, 0, 0, 0);
    border: 1px solid #0D70B1;
    height: 25px;    
    padding: 2px 6px;
    border-radius: 4px 0 0 4px;
    width: 181px;
}

#header .search input[type=submit] {
    background-image: url("../images/search.gif");
    background-repeat: no-repeat;
    border: medium none;
    border-radius: 0;
    height: 25px;
    margin-left: -5px;
    padding: 0;
    width: 25px;
}

/*Searchbar mobile*/

#header .search-mobile {
    float: right;
    margin-top: 0px;
    padding: 0;
    height: auto;
    z-index: 20;
}

#header .search-mobile .fa-search {
    color: #fff;
    font-size: 20px;
}

#header .search-mobile form {
    margin: 0;
}

#header .search-mobile form {
    float: right;
    margin-top: 0;
    width: 100%;
    padding-top: 22px;
    background: #0068B4;
}

#header .search-mobile input[type=text] {
    background: #fff;
    border: 1px solid #0D70B1;
    height: 36px;    
    padding: 2px 6px;
    border-radius: 4px 0 0 4px;
    width: 90%;
    float: left;
}

#header .search-mobile .btn {
    border: medium none;
    border-radius: 0 4px 4px 0;
    color: transparent;
    cursor: pointer;
    float: left;
    height: 34px;
    margin-left: -1px;
    margin-top: 1px;
    padding: 6px 11px;
    position: absolute;
    width: 40px;
    background: darkgray;
}

#header .search-mobile .form-group {
    float: left;
    width: 100%;
}

/*---main-navi----*/

#header .main-navi, .navbar {
    background: none repeat scroll 0 0 #006cb2;   
    padding-right: 0; 
    border-radius: inherit;
      height: 42px!important;
}
#header .main-navi ul {
    float: right;
}

#header .main-navi ul li {
    float: left;
    height: 54px;
    position: relative;
    z-index: 2;
}

.unterseite #header .main-navi ul li {}   
#header .main-navi ul li .submenu li {
    padding-bottom: 0;
}



.unterseite #header .main-navi .submenu li{
    background: none;
}

#header .main-navi .submenu-wrapper {
    background: none;
    display: block;
    margin-top: 11px;
    position: absolute;
    top: -12px;  
    width: 100%;
    height: 60px;  
}

#header .main-navi ul li a {
    background: none repeat scroll 0 0 #0068b4;
    border-right: 1px solid #e3e2d4;
    color: #fff;
    display: block;
    font-size: 1.02em;
    height: 42px;
    line-height: 15px !important;
    padding: 5px 30px 0;
    text-align: center;
    vertical-align: middle;
    width: 152px;
}


#header .main-navi ul li:nth-child(5) a  {
    background: none repeat scroll 0 0 #ef7c00;
}

#header .main-navi ul li:nth-child(5):hover a  {
    background: none repeat scroll 0 0 #B76000;
}


#header .main-navi ul li:nth-child(5) a {
    border: none;
}

#header .main-navi ul li ul li:last-child a {
    border-right: medium none;
    border-top: 1px solid white;
}
#header ul.submenu li:last-child a {
    border-top: 1px solid white !important;    
}

#header .main-navi ul li:first-child a {
      padding-top: 12px;
}

#header .main-navi ul li + li + li + li + li a {
     
}

/*
#header .main-navi ul li a.active {
    text-decoration: none;
    background: none repeat scroll 0 0 #ef7c00;
}

#header .main-navi ul li a.active:hover {
    background: none repeat scroll 0 0 #ef7c00;
}*/

#header .main-navi ul li a:hover {
    background: none repeat scroll 0 0 #003664;
    text-decoration: none;
}

#header .main-navi ul li:hover a {
    background: none repeat scroll 0 0 #003664;
    text-decoration: none;
}

#header .main-navi ul li:hover .submenu a {
    background: none;
}


/*submenu*/


#header .main-navi ul li .submenu {
    background: none repeat scroll 0 0 #fff;
    box-shadow: 0px 0px 5px 2px #bfbfbf;
    left: -251px;
    min-height: 250px;
    height: auto;
    min-width: 740px;
    position: absolute;
    top: 54px;
    z-index: 3;
    line-height: 120%;
}

#header .main-navi ul li .submenu li {
    height: auto;
}

#header .main-navi ul li .submenu:after {
    border-bottom: 9px solid #ffffff;
    border-left: 10px solid transparent;
    border-right: 10px solid transparent;
    content: "";
    left: 43%;
    position: absolute;
    top: -7px;
    z-index: 3;   
    width: 20px;
    height: 10px 
}


#header .main-navi ul li .submenu  {
    display: none;  
}


#header .main-navi ul li:hover .submenu { 
    display: block;
}

/*
#header .main-navi ul li .menu-wrapper {
    height: 500px;
    position: absolute;
    width: 100%;
}*/

#header .main-navi ul li .submenu li {
     float: left;
}

#header .main-navi ul li ul li a {
    border-top: 1px solid white;
    background: none;
    min-width: 143px;
    border-right: none;
    max-width: 246px;
    text-align: left;
    width: inherit;
    padding-left: 22px;
    height: 38px;
    font-size: 0.9em;
}
/*
#header .main-navi ul li:hover a,
#header .main-navi ul li a:hover {
    background: #EF7C00!important;   
}*/

#header .main-navi ul li ul li a:hover {
    background: none;
}

#header .main-navi ul li ul li a:first-child {
    padding-top: 0;
    border-top: 1px solid white !important; 
}

/*sub-submenu*/


/*erste Navi Box*/

#header .main-navi ul li ul .first-navi-box {
    width: 250px;
} 

#header .main-navi ul li ul .first-navi-box span {
    color: #0068B4;
    display: block;
    font-weight: 600;
    font-size: 14px;    
    margin-bottom: 9px;
    font-family: Source Sans Pro,Arial;
} 

#header .main-navi ul li ul .first-navi-box ul {
    width: 250px;
    height: 50px;    
} 

#header .main-navi ul li ul .first-navi-box ul li {
    height: 115px;
}

#header .main-navi ul li ul .first-navi-box ul li .nav-image {
    float: left;
    width: 102px;   
    margin-right: 9px;
    height: 67px;
    overflow: hidden;
}

#header .main-navi ul li ul .first-navi-box ul li .nav-image img {
    width: 100%;
}

#header .main-navi ul li ul .first-navi-box ul li .nav-image a {
    padding: 0;
    min-width: inherit;
}

#header .main-navi ul li ul .first-navi-box ul li .nav-text {
    float: right;
    width: 136px; 
    overflow: hidden;
    height: 70px;
}

#header .main-navi li + li + li + li .submenu {
    left: -390px;    
}

#header .main-navi li + li + li + li .submenu:after {
    left: 62%;   
}


#header .main-navi li + li + li + li + li .submenu {
    left: -489px;   
}

#header .main-navi li + li + li + li + li .submenu:after {
    left: 75%;   
}

.unterseite #header .main-navi ul li ul .first-navi-box ul li .nav-text p { 
    line-height: 1.2!important;    
}

#header .main-navi ul li ul .first-navi-box ul li .nav-text a {
    border: medium none;
    display: inline;
    padding: 0;
}

/*zweite Navi Box*/

#header .main-navi ul li ul .second-navi-box {
     width: 200px;  
     margin-left: 23px;
}

#header .main-navi ul li ul .second-navi-box ul {
    width: 200px;
    height: auto;    
}

#header .main-navi ul li ul .second-navi-box ul span,
#header .main-navi ul li ul .third-navi-box ul span {
    color: #86846b;
    font-size: 106%;
    font-weight: 500;
    height: 19px;
    margin-bottom: 10px;
    text-transform: uppercase;
    display: block;
    padding-left: 8px;
}

#header .main-navi ul li ul .second-navi-box ul li,
#header .main-navi ul li ul .third-navi-box ul li {
    width: 100%;
}

#header .main-navi ul li ul .second-navi-box ul li a,
#header .main-navi ul li ul .third-navi-box ul li a {
    padding: 0;
    height: auto;
    border-bottom: 2px solid #f1f1e9;
    padding: 4px 0 5px 8px;
    font-size: 1.02em;
    max-width: inherit;
    width: auto;
}

#header .main-navi ul li ul .second-navi-box ul li a:hover,
#header .main-navi ul li ul .third-navi-box ul li a:hover {
    background: #0168b5;
    color: #fff;
}

/*dritte Navi Box*/

#header .main-navi ul li ul .third-navi-box {
    margin-right: 0;
    margin-left: 25px;
}

#header .main-navi ul li ul .third-navi-box {
     width: 200px;   
}

#header .main-navi ul li ul .third-navi-box ul {
    width: 200px;
    height: auto;    
}

/**/

#header .main-navi ul li ul li ul {
    background: none;
    position: inherit;   
    box-shadow: inherit; 
}

#header .main-navi ul li ul.submenu {
    padding: 19px;        
}

#header .main-navi ul li ul li ul:after {
    border: none;
    content: inherit;
    position: inherit;    
}

#header .main-navi ul li ul li ul li {
    
}

#header .main-navi ul li ul li ul li a {
    color: #0068B4;    
}

#header .main-navi ul li ul li {
    position: relative;  
}

#header .main-navi ul li .submenu {
    left: 20px;
    top: 53px;
    z-index: 2;
    border: 1px solid #ccc;
}
    
#header .main-navi ul li .submenu:after {
    left: 7%;
}

#header .main-navi ul li + li .submenu {
    left: -132px;
}

#header .main-navi li + li .submenu:after {
     left: 27%;   
}

#header .main-navi ul li + li +li .submenu {
    left: -284px;
}

#header .main-navi ul li + li +li .submenu:after {
    left: 48%;
}

#header .main-navi ul li + li + li + li .submenu {
    left: -436px;
}

#header .main-navi li + li + li + li .submenu:after {
    left: 68%; 
}

#header .main-navi ul li + li + li + li + li .submenu {
  left: -588px;
}

#header .main-navi li + li + li + li + li .submenu:after {
     left: 89%; 
}

/*NEW Startcontent*/
.startseite .ui-tabs {
    min-height: 420px;
}

.startseite .news {
    margin-top: 0;
    margin-bottom: 0;
}

#content .small-column .donate input {
    width: 75% !important;
}

.startseite .third {
    width: 100%;
}


.startseite .download-box {
    margin-left: 20px !important;
}

.startseite #sudoslider-third ul li {
    max-width: 232.533px !important;
}

.startseite .float-box .text {
    padding: 20px;
    height: auto;
    margin-bottom: 40px;
}

.startseite .news .big-column {
    margin-top: 30px;
}

.startseite .news .small-column {
    margin-top: 30px;
}

.startseite .small-column {
    margin-top: 71px;
}

.startseite .big-column {
    margin-top: 20px;
}

.startseite .box.yellow-box, 
.startseite .box.blue-box {
    width: 48.5%;
}

#content .simple-teaser {
    margin-bottom: 30px;
    clear: both;
}

#content .simple-teaser .teaser-box {
    margin-left: 0;   
}

#content .small-column h2 {
    border: 0 none;
    color: #86846b;
    font-size: 112%;
    font-weight: 500;
    margin-bottom: 4px;
    text-transform: uppercase;
    padding-bottom: 9px;
}

/**/

/*Content Tabs*/
#content .tabs-content {
    min-height: 50px!important;
    margin-bottom: 20px;
    font-family: Source Sans Pro,Arial;
}

#content .tabs-content .ui-tabs-panel {
    border-bottom: 1px solid #dadbd1;
    border-left: medium none;
    border-radius: 0;
    border-right: medium none;
}

#content .tabs-content ul {
    margin-bottom: 0;
}

.unterseite #content .big-column .tabs-content ul li {
    background: none;
    padding-left: 16px;
} 

#content .tabs-content .ui-tabs-nav .ui-state-default a {
    font-weight: normal;
}

.unterseite #content .big-column .tabs-content ul li:hover {
    background: #86846B;
} 

#content .big-column .tabs-content ul .ui-tabs-active:hover {
    background: #fff;
}

#content .tabs-content .ui-tabs-panel {
    border-top: 1px solid #0068b4;
}

#content .tabs-content .ui-widget-header {
    background: none;    
    clear: both;
    font-weight: normal;
    border: none;
} 

#content .tabs-content .ui-tabs-nav li.ui-tabs-active {
    border-color: #0068b4 #0068b4 #fff;
    border-style: solid;
    border-width: 1px 1px 2px;
    color: #0068b4;
    margin-bottom: -1px;
    z-index: 1;
}

#content .tabs-content {
    background: none repeat scroll 0 0 rgba(0, 0, 0, 0);
    border: medium none;
    margin-bottom: 20px;
    min-height: 50px !important;
}

#content .tabs-content p { 
    font-weight: normal;    
}

#content .tabs-content .ui-corner-top {
    border-top-left-radius: 8px;
    border-top-right-radius: 8px;
}

#content .ui-state-active, 
#content .ui-widget-content .ui-state-active, 
#content .ui-widget-header .ui-state-active {
    font-weight: normal;
}

#content .tabs-content .ui-widget-content {
    background: #fff;
}

#content .tabs-content .ui-tabs .ui-tabs-nav li a {
    font-weight: normal;
}

.unterseite #content .big-column .ui-tabs-panel ul li {
    background: rgba(0, 0, 0, 0) url("../images/list-point2.png") no-repeat scroll 2px 4px / 12px auto;
    border: medium none;
    display: block;
    float: none;
    height: auto;
    list-style: outside none disc;
    padding: 0;
    padding-bottom: 1px;
    padding-left: 19px;
    position: inherit;
    color: #000;
}

.unterseite #content .big-column .ui-tabs-panel ul li:hover {
    background: rgba(0, 0, 0, 0) url("../images/list-point2.png") no-repeat scroll 2px 4px / 12px auto;
}



/**/

/*--CONTENT--*/

#content {
    clear: both;
    height: auto;
    margin-bottom: 30px;
    overflow: hidden;
    padding: 0 0 30px 0;
    min-height: 500px;
}

#content a {
  color: #0068B4;
}

#content ul li, 
#content ol li {
    list-style: none;
    font-size: 15px;
    white-space: unset!important;
}

.big-column ul li,
.big-column ol li {
    background: url("../images/list-point2.png") no-repeat scroll 2px 4px / 12px auto rgba(0, 0, 0, 0);
    padding-left: 19px;
    padding-bottom: 1px;
}

#content .slider-second ul li {   
    background: none;
    padding-left:0;
    padding-bottom:0;
}

#content ul, 
#content ol {
   margin-bottom: 20px;
}

.big-column {
   padding: 0 22px 0 0;
}

.small-column {
  padding-right: 0;
}

.tooltip {
    left: 0!important;  
}

.tooltip.top .tooltip-arrow {
    left: 12px;
}

 /*Slider*/
.slider {
    clear: both;
    display: block;
    height: 298px;
    overflow: hidden;
    padding: 0;
    position: relative;
    top: 0;
    z-index: 0;
}

.slider.slider-nonav {
    height: 400px;
}

.slider.slider-nonav .controls a {
    top: 172px;
}

.slider.slider-nonav .image { 
    background-size: auto 400px!important;
    height: 400px!important;
}

.rslides {
    position: relative;
    list-style: none;
    overflow: hidden;
    width: 100%;
    padding: 0;
    margin: 0;
}

.rslides li {
    -webkit-backface-visibility: hidden;
    position: absolute;
    display: none;
    width: 100%;
    left: 0;
    top: 0;
    position: relative;
    height: 402px;
}
  
.slider div.text {
    bottom: 128px;
    height: 34%;
    left: 0;
    padding-left: 116px;
    position: absolute;
    width: 100%;
    top: 127px;
}

.slider .h1 {
    color: #fff;
    font-size: 2.4em;
    font-weight: 700;
}

.slider .h1 a {
    color: #fff;
    font-weight: 700;
}

#header .slider .h1 a:hover {
    text-decoration: none;
}

.slider li:first-child {
    position: relative;
    display: block;
    float: left;
}
  
#header .rslides .image {
     height: 298px;
}

.rslides img {
    display: block;
    height: auto;
    float: left;
    width: 100%;
    border: 0;
}

.slider .rslides1_nav {
    background: none repeat scroll 0 0 #fff;
    color: #0068b4;
    font-family: 'Trebuchet MS';
    font-size: 1.4em;
    font-weight: 700;
    height: 30px;
    line-height: 26px;
    padding: 2px 9px;
    position: absolute;
    top: 106px;
    z-index: 2;
}

.slider .rslides1_nav:hover {
  text-decoration: none;
}

.slider .rslides1_nav:focus {
  text-decoration: none;
}

.slider .prev {
  left: 0;  
  border-radius: 0 5px 5px 0;
}

.slider .next {
  right: 0;
  border-radius: 5px 0px 0px 5px;
}



/*startseite*/

.news{
    clear: both;
    min-height: 420px;
    overflow: hidden;
    margin-top: 30px;
    margin-bottom: 20px;
}

/*Startseiten TABs*/

#tabs .ui-tabs-panel {
    margin-left: -7px;
}

#tabs2 .ui-tabs-panel {
    padding-left:0;
}

.ui-tabs-anchor img {
    display: block;
    height: 37px!important;
    margin: 0 auto;
    padding-top: 7px;
}


.sudoslider .column {
    margin-bottom: 5px;
    padding: 0;
    border-right: 14px solid white;
    background: none;
}


.sudoslider .column h2 {
    font-size: 15px!important;
    margin-bottom: 4px!important;   
    margin-top: 7px!important;
    font-weight: bold!important; 
    list-style: none;
}


.sudoslider .column .image {
      /*background: url("../images/news-arrow.png") no-repeat scroll left bottom rgba(0, 0, 0, 0); */
      position: relative;
}

.sudoslider .column .image:after {
    content: '';
    width: 0;
    height: 0;
    border-left: 11px solid transparent;
    border-right: 11px solid transparent;
    border-bottom: 11px solid #FFFFFF;
    position: absolute;
    bottom: 0;
    left: 13px;
}

.sudoslider .column .image img {
    display: block;
    height: auto;
    max-width: 102%;  
    width: 100%;
    z-index:-1;
    position:relative;
}

.sudoslider .column .text-s {
    margin-top: 17px;  
}

.sudoslider .column .text-s {
    margin-top: 7px;  
}

.sudoslider .rslides {
    overflow:inherit;
}


.sudoslider + .controls {
   clear: both;
    display: block;
    height: 33px;
    padding-right: 5px;
    width: 100%;
    margin-bottom: 20px;
}

#tabs-1 .sudoslider + .controls {
    position:absolute!important; 
    padding-right: 5px;
    bottom: 19px;
    height: inherit;
    clear: inherit;
    display: inline;
    margin-bottom: 0;
}

.sudoslider + .controls a {
    background: none repeat scroll 0 0 #fff;
    border: 1px solid #0068b4;
    color: #0068b4;
    display: block;
    float: left;
    font-family: 'Trebuchet MS';
    font-size: 1.1em;
    font-weight: 500;
    height: 30px;
    left: 15px;
    line-height: 24px;
    margin-left: 0;
    padding: 2px 9px;
}


#tabs-1 .sudoslider + .controls a {
    background: none repeat scroll 0 0 #fff;
    border: 1px solid #0068b4;
    color: #0068b4;
    display: block;
    float: left;
    font-family: 'Trebuchet MS';
    font-size: 1.1em;
    font-weight: 500;
    height: 30px;
    left: 15px;
    line-height: 24px;
    margin-left: 0;
    padding: 2px 9px;
    position: relative;
    margin-top: 23px;
}

/*
.sudoslider .column {
    max-width: 227px;
    min-width: 227px;
}
*/
.sudoslider ul li {
    background: none!important;
    padding-left: 0!important;
}

.sudoslider + .controls a:hover {
    text-decoration: none;    
}

.sudoslider + .controls .prevBtn {
      border-radius: 5px 0 0 5px;   
}

.sudoslider + .controls .nextBtn {
      border-radius: 0px 5px 5px 0px;
}

/*später löschen*/
#sudoslider .column {
    margin-bottom: 5px;
    padding: 0;
    border-right: 18px solid white;
    background: none;
}


#sudoslider .column h2 {
    font-size: 15px!important;
    margin-bottom: 4px!important;   
    margin-top: 7px!important;
    font-weight: bold!important; 
    list-style: none;
}


#sudoslider .column .image {
      /*background: url("../images/news-arrow.png") no-repeat scroll left bottom rgba(0, 0, 0, 0); */
      position: relative;
}

#sudoslider .column .image:after {
    content: '';
    width: 0;
    height: 0;
    border-left: 11px solid transparent;
    border-right: 11px solid transparent;
    border-bottom: 11px solid #FFFFFF;
    position: absolute;
    bottom: 0;
    left: 13px;
}

#sudoslider .column .image img {
    display: block;
    height: auto;
    max-width: 102%;  
    width: 100%;
    z-index:-1;
    position:relative;
}

#sudoslider .column .text-s {
    margin-top: 17px;  
}

#sudoslider .column .text-s {
    margin-top: 7px;  
}

#sudoslider .rslides {
    overflow:inherit;
}


.sudoslider + .controls {
    clear: inherit;
    display: inline;
    height: inherit;
    margin-bottom: 34px;
    padding-right: 5px;
    width: 11% !important;
}

.sudoslider + .controls + .btn{
    background: none repeat scroll 0 0 #fff;
    border: 1px solid #0068b4;
    color: #0068b4;
    display: block;
    float: left;
    font-size: 12px;
    height: 30px;
    left: 0;
    margin-top: 23px;
    position: relative;
    margin-bottom: 34px;
}

#tabs-1 #sudoslider + .controls {
    position:absolute!important; 
    padding-right: 5px;
    bottom: 19px;
    height: inherit;
    clear: inherit;
    display: inline;
    margin-bottom: 0;
}


.startseite .ui-tabs {
    position: relative;   
}



#sudoslider + .controls a {
    background: none repeat scroll 0 0 #fff;
    border: 1px solid #0068b4;
    color: #0068b4;
    display: block;
    float: left;
    font-family: 'Trebuchet MS';
    font-size: 1.1em;
    font-weight: 500;
    height: 30px;
    left: 15px;
    line-height: 24px;
    margin-left: 0;
    padding: 2px 9px;
}


#tabs-1 #sudoslider + .controls a {
    background: none repeat scroll 0 0 #fff;
    border: 1px solid #0068b4;
    color: #0068b4;
    display: block;
    float: left;
    font-family: 'Trebuchet MS';
    font-size: 1.1em;
    font-weight: 500;
    height: 30px;
    left: 15px;
    line-height: 24px;
    margin-left: 0;
    padding: 2px 9px;
    position: relative;
    margin-top: 23px;
}


#tabs-6 .sudoslider .column .image {
    height: 107px;
    overflow: hidden;
}

#content #tabs-6 .btn {
    bottom: -44px;
    left: 8px;    
}

#content #tabs-6 .sudoslider + .controls {
    bottom: -34px;    
}

#sudoslider + .controls a:hover {
    text-decoration: none;    
}

#sudoslider + .controls .prevBtn {
      border-radius: 5px 0 0 5px;   
}

#sudoslider + .controls .nextBtn {
      border-radius: 0px 5px 5px 0px;
}

/**/


#tabs-1 .btn{
    background: none repeat scroll 0 0 #fff;
    border: 1px solid #0068b4;
    color: #0068b4;
    display: block;
    float: left;
    font-size: 12px;
    height: 30px;
    left: 0;
    top: -9px;
    position: relative;
    margin-top: 23px;
    line-height: 2;
}


/*
#tabs-1 #sudoslider + .controls {
    bottom: -76px;
    clear: inherit;
    display: inline;
    height: inherit;
    left: -8px;
    margin-bottom: 0;
    padding-right: 5px;
    position: absolute !important;
}
*/
#tabs-1 .btn:hover{
    background: none repeat scroll 0 0 #0068b4;
    color: #fff;    
}

#tabs-1 .controls a:hover {
    background: none repeat scroll 0 0 #0068b4!important;
    color: #fff!Important;
}

#tabs-6 .btn,
#tabs-5 .btn{
    background: none repeat scroll 0 0 #fff;
    border: 1px solid #0068b4;
    bottom: 28px;
    color: #0068b4;
    display: block;
    float: left;
    font-size: 12px;
    height: 30px;
    left: 0;
    margin-bottom: 10px;
    position: absolute;
}

.startseite.logo-einzeilig #tabs-6 .btn,
.startseite.logo-einzeilig #tabs-5 .btn {
    bottom: 6px;   
}


.startseite.logo-einzeilig #tabs-6 .sudoslider + .controls,
.startseite.logo-einzeilig #tabs-5 .sudoslider + .controls {
    bottom: 16px;
}


#tabs-6 .sudoslider + .controls,
#tabs-5 .sudoslider + .controls {
    bottom: 38px;
    clear: inherit;
    display: inline;
    height: inherit;
    left: 126px;
    margin-bottom: 0;
    padding-right: 5px;
    position: absolute !important;
}

#tabs-6 .btn:hover,
#tabs-5 .btn:hover{
    background: none repeat scroll 0 0 #0068b4;
    color: #fff;    
}

#tabs-6 .controls a:hover,
#tabs-5 .controls a:hover {
    background: none repeat scroll 0 0 #0068b4!important;
    color: #fff!Important;
}

.ui-state-default:hover {
    background: #86846b;
    color: #fff;   
    border-left: 1px solid #86846b!important;   
    border-right: 1px solid #86846b!important; 
    border-top: 1px solid #86846b!important; 
}

.ui-state-active:hover{
    background: #fff!important;
    border-left: 1px solid #0068b4!important;   
    border-right: 1px solid #0068b4!important; 
    border-top: 1px solid #0068b4!important; 
}

#content .ui-state-default:hover a{
    color: #fff!important;        
}

#content .ui-state-active:hover a{
    color: #0068b4!important;   
}

.ui-tabs-nav {
  padding: 0!important;
}

.ui-helper-clearfix: before, .ui-helper-clearfix:after {
    border-collapse: collapse;
    content: "";
    display: table;
}

.ui-helper-clearfix:after {
    clear: both;
}

.ui-helper-clearfix: before, .ui-helper-clearfix:after {
    border-collapse: collapse;
    content: "";
    display: table;
}

.ui-tabs .ui-tabs-nav {
    margin: 0;
    padding: 0.2em 0.2em 0;
}

.ui-corner-all, .ui-corner-bottom, .ui-corner-right, .ui-corner-br {
    border-bottom-right-radius: 4px;
}

.ui-corner-all, .ui-corner-bottom, .ui-corner-left, .ui-corner-bl {
    border-bottom-left-radius: 4px;
}

.ui-corner-all, .ui-corner-top, .ui-corner-right, .ui-corner-tr {
    border-top-right-radius: 4px;
}

.ui-corner-all, .ui-corner-top, .ui-corner-left, .ui-corner-tl {
    border-top-left-radius: 4px;
}

.ui-widget-header {
    border: 1px solid #aaaaaa;
    color: #222222;
    font-weight: bold;
}

.ui-helper-clearfix {
    min-height: 0;
}

.ui-helper-reset {
    border: 0 none;
    font-size: 100%;
    line-height: 1.3;
    list-style: none outside none;
    margin: 0;
    outline: 0 none;
    padding: 0;
    text-decoration: none;
}

.ui-tabs .ui-tabs-nav li {
    border-bottom: 1px solid #0068b4;
    float: left;
    height: 46px;
    list-style: none outside none;
    margin: 0;
    padding: 7px;
    position: relative;
    top: 0;
    white-space: nowrap;
}

.ui-tabs .ui-tabs-nav li.ui-tabs-active {
    margin-bottom: -1px;
    border-top: 1px solid #0068B4;
    border-right: 1px solid #0068B4;
    border-left: 1px solid #0068B4;
    border-bottom: 2px solid #fff;
    color: #0068B4;
    z-index: 1;
}

.ui-helper-clearfix:before, .ui-helper-clearfix:after {
    border-collapse: collapse;
    content: "";
    display: table;
}

#content .ui-tabs .ui-tabs-nav li.ui-tabs-active a {
    color: #0068B4;
    margin-bottom:-1px;
}

#content .ui-tabs .ui-tabs-nav li.ui-tabs-active a:focus {
    text-decoration:none;
}

#content .ui-tabs .ui-tabs-nav .ui-state-default a {
    color: #86846B;
    font-size: 18px;
}




.startseite.logo-einzeilig #tabs-1 #sudoslider + .controls {
    bottom: -2px;
}

.startseite.logo-einzeilig #tabs-1 .btn {
    top: 12px;
}


.icon-bar {
    background-color: #ffffff;
}
.icon-bar {
    height: 3px;
}

/*FONTAWESOME ICONS*/

.ui-tabs-nav .fa {
    display: block;
}  

#content .fa-arrow-right.fa-arrow2-right{
     padding-right: 5px;   
}

.fa {
    font-weight: normal;
    font-style: normal;
}

.ui-tabs-nav .fa-twitter {
    display: block;
    font-size: 194%;
    padding-top: 5px;
    text-align: center;
    font-family: 'FontAwesome';
}

.ui-tabs-nav .fa-facebook {
    display: block;
    font-size: 195%;
    padding-top: 6px;
    text-align: center;
    font-family: 'FontAwesome';
}

.ui-tabs-nav .fa-youtube {
    display: block;
    font-size: 186%;
    padding-top: 6px;
    text-align: center;
    font-family: 'FontAwesome';
}

.ui-tabs-nav .fa-users {
    display: block;
    font-size: 184%;
    padding-top: 6px;
    text-align: center;
    font-family: 'FontAwesome';
}

.btn .fa-pencil {
    margin-left: -21px;
    margin-right: 8px;
    font-size: 117%;
}

.unterseite .dropdown-toggle .fa-bars {
    color: #fff;
    position: absolute;
    right: 7%;
    line-height: 19px;
    font-size: 14px;
    line-height: 22px;
}

.donate .btn .fa-arrow-right {
    font-size: 90%;
}

.donate .btn .fa-arrow-right {
    margin-right: 3px;
}

.content-navi .fa-arrow-right {
    position: absolute;
    top: 33%;
}

.fa-phone {
    color: #0068b4;
}

.fa-envelope-o {
    color: #0068b4;
}

.fa-file-pdf-o {
    margin-right: 3px;
}

.fa-download {
    margin-right: 8px;    
}


#tabs .ui-tabs-nav .ui-state-default:first-child {
    width: auto;
    padding: 7px 19px;
}

#tabs .ui-tabs-nav .ui-state-default{
    width: 69px;
    padding:0;
    background-image: none;
}


.ui-tabs .ui-tabs-nav li {
    border-bottom: 1px solid #0068B4;
    float: left;
    list-style: none outside none;
    margin: 0;
    position: relative;
    top: 0;
    white-space: nowrap;
    padding: 7px 15px;
    height: 44px;
    background-image: none;
} 

.ui-tabs .ui-tabs-nav li a {
  text-transform: uppercase;
  line-height: 33px;
}

.ui-tabs .ui-tabs-nav li a:hover {
  text-decoration: none;
}

.ui-tabs .ui-tabs-nav li a:focus {
  border: none!important;
} 

.ui-tabs .ui-tabs-nav li a img:focus {
  border: none;
} 
 
.ui-state-active, .ui-widget-content .ui-state-active, .ui-widget-header .ui-state-active {
    border: 1px solid #aaaaaa;
    color: #212121;
    font-weight: normal;
}

.ui-state-active, .ui-widget-content .ui-state-active, .ui-widget-header .ui-state-active {
    border: 1px solid #aaaaaa;
    color: #212121;
    font-weight: normal;
}

.ui-state-default, .ui-widget-content .ui-state-default, .ui-widget-header .ui-state-default {
    border: 1px solid #d3d3d3;
    color: #555555;
    font-weight: normal;
}

.ui-state-default, .ui-widget-content .ui-state-default, .ui-widget-header .ui-state-default {
    border: 1px solid #d3d3d3;
    color: #555555;
    font-weight: normal;
}

.ui-corner-all, .ui-corner-top, .ui-corner-right, .ui-corner-tr {
    border-top-right-radius: 8px;
}

.ui-corner-all, .ui-corner-top, .ui-corner-left, .ui-corner-tl {
    border-top-left-radius: 8px;
}

.ui-state-active, .ui-widget-content .ui-state-active, .ui-widget-header .ui-state-active {
    border: 1px solid #aaaaaa;
    color: #212121;
    font-weight: normal;
}

.ui-state-default, .ui-widget-content .ui-state-default, .ui-widget-header .ui-state-default {
    border: 1px solid #d3d3d3;
    color: #555555;
    font-weight: normal;
}

.ui-tabs-panel {
    border-top: 1px solid #0068b4;
    margin-top: -1px; 
    padding: 20px 0 10px 7px;
}

#tabs2 .ui-tabs-panel,
#tabs3 .ui-tabs-panel {
    margin-top: -21px;
    padding-left: 15px !important;
    padding-right: 8px !important;
}

#tabs .ui-tabs-panel {
    margin-top: -21px; 
    padding-right: 0px !important;
    padding-left: 7px !important;   
}
/*
#####################
##### CONTENT #######
#####################
*/

/*aktionen und projekte startseite*/

#content .projects > h2,
#content .participate > h2 {
    color: #86846b!important;
    text-transform: uppercase!important;
    margin-bottom: 33px!important;
    font-weight: 500!important;
    font-size: 18px!important;
    height: 19px!important;
    border: none!important;
}

#content .projects > h4,
#content .participate > h4 {
    color: #86846b;
    text-transform: uppercase;
    margin-bottom: 33px;
    font-weight: 500;
    font-size: 18px;
    height: 19px;
    border: none;
    clear: both;
}

.projects {
    margin-bottom: 10px;
   /*
    overflow: hidden;*/
}

.projects .article {
    padding: 0; 
    margin-bottom: 20px;
    overflow: hidden;
}
.projects .article img {
    float: left; 
    display: block;
    height: auto;
    max-width: 100%;
}

.projects .article .image {
    padding:0;
    width: 49%; 
}

.projects .article .text {
    float: left;
    padding-left: 22px;
    border-top: 1px solid #86846b;
    min-height: 228px;
}

.projects .article .text p {
    font-size: 14px;    
}

#content .projects .article .text h4 {
    margin-bottom: 10px;
    margin-top: 5px;
    color: #86846b;
    /*text-transform: uppercase;*/
    font-size: 13pt; /* 80% */
    font-weight: 700;

}

.projects .article .text h4 a {
    color: #86846b!important;
}

#content .projects .article .text h3 {
    color: #0068b4!important;
    margin-bottom: 5px;
    font-size: 20px!important;
    font-weight: 700;
    margin-top: 14px;
}

/*Mitmachen Startseite*/

.participate {
    padding: 0;
}

.participate h2 {
    margin-bottom: 22px;
}

.yellow-box {
    background: #ffcc00; 
    padding: 22px; 
    color: #816300;
}

.actions .participate .box+.box {
    margin-left: 20px;
}

.actions .participate box {
    margin-left: 0px;
}

.actions .participate div.col-xs-6  {
    width: 48%;
}


/*spenden startseite*/

.donate-col {
    float: right;
}

.actions .donate-help {
    padding-top: 0px; 
}

.actions .donate-help h3 {
    display: flex; 
    display: flexbox; 
    display: box;
    display: -ms-flexbox;
    display: -ms-flexbox;
    display: -webkit-flex;
    display: -moz-flex;
}


/*tipps startseite*/

.blue-box {
    background: #6f9ed4;
    padding: 22px;
    color: #fff; 
    margin-bottom: 20px;        
}

.actions .tips {
    padding: 28px 0 0 0;
}

.tips h2 {
    margin-bottom:15px;
}
  
.tips .blue-box{
    margin-bottom: 30px;
}

.donate-help .orange-box img, 
.tips .orange-box img {
    width: 98px;    
}

/*Image boxen unterseite*/

.image-box-blue {
    padding: 0; 
    background: #0068b4;  
    margin-bottom: 20px; 
}

.image-box-blue h1,
.image-box-blue h2,
.image-box-blue h3,
.image-box-blue p {
    color: #fff;
}

.image-box-blue .text {
    float: left;
    width: 55%; 
    padding: 22px;   
}

.image-box-blue img {
    float: right;
}
/*
#####################
###### FOOTER #######
#####################
*/

#footer {
    background: #0068b4;
    clear: both;
}

.footer-navigation {
    float: left;
    padding-left: 15px;
    padding-right: 15px;
    margin-bottom: 10px;
}

.footer-content .footer-navigation ul {

}

.footer-content .footer-navigation ul li {
    float: left;
    margin-right: 10px;
}

.footer-content .footer-navigation ul li a {
    color: #bccdeb;
}

.footer-content .footer-navigation ul li.union-jack img {
     width: 40px;
}

.footer-content {
    min-height: 200px;
    padding:0;
}

.footer-content a {
    color: #fff;
}

.footer-content a:hover {
    color: #BCCDEB;
}

.footer-content .footer-column {
    margin-top: 50px;
    margin-bottom:10px;
}

.footer-content .footer-column h3 {
    color: #bccdeb;
    margin-bottom: 8px;
    font-size: 110%;
    font-weight: 700;
}

.footer-content .footer-column p {
    color: #fff;
    margin-bottom: 14px;
    font-size: 14px;
}

/*
#####################
#### UNTERSEITE #####
#####################
*/

.oberteil .karte iframe {
}

.oberteil .karte {
    width: 70%;
}

.oberteil .statistik {
    width: 30%;
}

/*Verwandte Themen-Box*/

.related-topics {
    clear: both;
    overflow: hidden;
    width: 100%;
    margin-bottom: 20px;
} 


.related-topics .col-xs-3 {
    width: 22%;
}

.related-topics .col-xs-8 {
     width: 74.667%;
}

.related-topics .related-content {
    min-height: 87px;
    width: 100%;
    clear: both;
    margin-bottom: 22px;
}

.related-topics .left {
    float: left;
    padding: 0;   
    margin-right: 17px;
}

.related-topics .right {
    float: left;
    padding: 0;
    border-bottom: 1px solid #a19f88;
    min-height: 93px;
    margin-bottom: 20px;
}

.related-topics .right span {
    color: #0070ba;
    font-size: 1.05em;
    font-weight: 600;
    margin-bottom: 4px;
    display: block;
}

/**/

.box .btn {
    width: auto;
}

.box + .box {
    margin-left: 18px;
}

#content .box {
    margin-bottom: 20px;
}

.unterseite img[title=mehr] {
    display: inline;
}

.date-text {
    float: left;
    margin-right: 3px;
}

.unterseite {
    background: #fff;
}

.unterseite .big-column {
     padding: 20px 22px 0 0;
}

.unterseite .small-column {
      padding: 0 0 0 14px;
}


/* rechte Spalte */
.unterseite #content .small-column h2 {
    color: #86846b;
    font-size: 112%;
    font-weight: 500;
    margin-bottom: 4px;
    text-transform: uppercase; 
    border: 0;  
}

.unterseite #content h1 {
    color: #0068b4;
    font-size: 23pt;
    font-weight: 700;
    margin-bottom: 5px;
    margin-top: 28px;
    clear: both;
}

.unterseite #content h2 {
    color: #86846b;
    font-size: 19pt;
    font-weight: 700;
    margin-bottom: 20px;
    padding-bottom: 9px;
    margin-top: 16px;
    clear: both;
}

.unterseite #content h3 {
    margin-bottom: 19px;
    color: #0068b4;
    font-size: 16pt;
    font-weight: 700;
}

.unterseite #content h4.gray-font {
    margin-bottom: 17px;
    color: #86846b;
    font-size: 13pt;
    font-weight: 700;
}
.unterseite #content h5 {
    margin-bottom: 13px;
    color: #86846b;
    font-size: 11pt;
    font-weight: 700;
}

.unterseite #content p {
    margin-bottom: 20px;
    color: #000;
}

.unterseite #content .small-column h3 {
    border: none;
    padding-bottom: 0;
    margin-bottom: 0!important;
}

.unterseite #content .small-column .donate h3 {
    margin-bottom: 6px!important;
}

.unterseite p {
    font-size: 100%;
    font-weight: normal;
    color: #222222;
    line-height: 20px;
}

.unterseite .teaser-text p {
    line-height: 28px;
}

#content .tabs-content p {
    font-size: 14px;
}

/*Vorschautext*/

.unterseite .teaser-text {
    font-size: 131.5%;   
    line-height: 130%; 
}

#content .teaser-box h3 {
    color: #0068b4;
    font-size: 14px;
    margin-bottom: 4px;
    margin-top: 28px;
}

.unterseite #content .teaser-box h3 {
    font-size: 15pt;
    margin-top: 0;
}

/*Zitat*/

.unterseite blockquote {
    color: #86846b; 
    font-weight: 600; 
    margin-bottom: 20px;  
    clear: both;
    overflow: hidden;
}

.unterseite #content blockquote p {
    color: #86846b!important;  
    font-size: 129%;
    line-height: 130%;  
    margin-bottom:1px!important; 
    clear: both;
}

.unterseite blockquote .quote-text p {
    display: inline-block;   
}

.fa-angle-double-right {

}

.fa-angle-double-left {
   bottom: 0;
   right: 0;
}

.quote-text {
    position: relative;
}

.fa-angle-double-right,
.fa-angle-double-left {
    font-size: 152%;
     position: absolute;
}

.unterseite blockquote .quote-text p {
  /*  background: url("../images/zitat1.jpg") no-repeat scroll left 5px, url("../images/zitat2.jpg") no-repeat scroll right bottom;*/
    background-origin: padding-box, content-box;
    padding-left: 22px;
    padding-right: 22px;
    text-align: justify;
}

.unterseite blockquote .author { 
    float: left;
    font-size: 80%;
    margin-right: 5px;
    font-style: italic;
    margin-left: 22px;
}

.unterseite blockquote .author p { 
    font-weight: 600;
}

.unterseite blockquote .date { 
    font-size: 80%;
    font-weight: normal;
    font-style: italic;
    float: left;
}

/*Tabelle*/

table {
    font-size: 14px; 
    margin-bottom: 20px;
}

.table-responsive > .table {
    margin-bottom: 20px;   
}

.table-responsive {
    border: none;
}

.table-responsive thead th {
    border-top: none!important;   
}

.table-bordered {
    border: none;
}

.table > thead > tr > th, 
.table > tbody > tr > th, 
.table > tfoot > tr > th, 
.table > thead > tr > td, 
.table > tbody > tr > td, 
.table > tfoot > tr > td {
    padding: 4px;
    border-color: #a1a29a;
}

.table > caption + thead > tr:first-child > th, 
.table > colgroup + thead > tr:first-child > th, 
.table > thead:first-child > tr:first-child > th, 
.table > caption + thead > tr:first-child > td, 
.table > colgroup + thead > tr:first-child > td, 
.table > thead:first-child > tr:first-child > td {
    line-height: 110%;    
}

.table tr:last-child td {
    border-bottom: none;
}

.table tr td:first-child {
    border-left: none;
}

.table tr td:last-child {
    border-right: none;
}

.table tr th:first-child {
    border-left: none;
}

.table tr th:last-child {
    border-right: none;
}

/*Zebra Tabelle*/

.zebra {
    
}

.zebra tr:nth-child(even) {background: #e3e4d6;}
.zebra tr:nth-child(odd) {background: #FFF;}

/*Bilder im Text*/


.image-right {
    float: right;
    margin: 0 0 23px 25px;
    padding: 0;
}

.imagebig {
    margin-bottom: 24px;
}

.image-right img {
    display: block;
    height: auto;
    max-width: 100%;  
}

.image-left img {
    display: block;
    height: auto;
    max-width: 100%;  
}

.imagehoch {
   /* height: 340px !important;*/
    max-height: 100%;
    max-width: 227px !important;
}

.imagehoch img {
    max-height: 100%;
    width: auto;   
}

.caption {
    color: #86846b; 
    margin-top: 4px;   
    display: block;
}

#content .caption p {
    margin-bottom: 0!important; 
    color: #86846b!important;   
    margin-top: 3px;
}

.image-left {
    float: left;
    margin: 0 24px 16px 0;
    display: block;
    height: auto;
    max-width: 100%;   
    padding: 0;
}

/*Breadcrumb*/

.crumb {
    float: right;
    width: 100%; 
    height: 44px;  

}
.crumb a {
    font-size: 12px;
}

.breadcrumb {
    background: none repeat scroll 0 0 rgba(0, 0, 0, 0)!important;
    border-bottom: 1px solid #828064;
    border-radius: 0;
    float: right;
    font-size: 12px;
    padding-left: 0;
    padding-top: 7px;
    width: 79%;
    padding-bottom: 6px;
}


.breadcrumb .home img {
    cursor: pointer;
}

/*Formular*/

form  {
    margin-bottom: 24px;
}

form select {
    max-width: 48%!important;
}

form#region select {
    max-width: 100% !important;
}

form .btn {
    background: #0068B4;
    color: #fff;    
    border: none;
    padding: 4px 19px;
    margin-right: 10px;
}

form .btn[type=reset] {
    background: #fff;
    border:1px solid #c3c3c1;
    color: darkgray;
}

form .btn[type=reset]:hover {
    background: #fff;
    border:1px solid #c3c3c1;
    color: darkgray;
}

.form-group {
    margin-bottom: 6px;
}

.radio input[type="radio"], 
.radio-inline input[type="radio"], 
.checkbox input[type="checkbox"], 
.checkbox-inline input[type="checkbox"] {
    margin-top: 2px;
}

form .btn:hover {
    background: #00508c;
    color: #fff;    
    border: none;
}

.has-error .form-control {
    border-color: #dc042d;
    box-shadow: none;
}

form .btn[type=reset]:hover {
    background: #86846b;
    color: #fff;
}

#content .checkbox {
    margin-bottom: 8px;
}

.form-horizontal .control-label {
    text-align: left;
}

.col-sm-offset-2 {
    margin: 0;
}

.form-control {
    margin-bottom: 8px;
}

.form-control:focus {
    box-shadow: none;
}

/*Unterseite Boxen*/

#content .image-box {
    display: block;
    float: right;
    margin-left: 20px;
    padding: 0;  
    margin-bottom: 38px;  
    z-index: 0;
}

#content .image-box .btn {
    font-size: 12px;  
    padding: 3px 10px 3px 32px;
}

#content .image-box.yellow .btn {
    width: auto;
    padding: 3px 10px 3px 10px;
}

#content .image-box .text {
    float: left;   
    padding: 15px 18px;
}

#content .image-box .text {
    float: left;   
    padding: 15px 18px;
}

#content .image-box .text h3 {
    border-bottom: 0 none;
    font-size: 126%;
    margin-bottom: 9px;
    margin-top: 0;
    padding-bottom: 0;
    text-decoration: none;
}

#content .image-box .image {
    display: block;
    padding: 0;
}

#content .image-box .image img {
    display: block;
    height: auto;
    max-width: 100%;
    position: relative;
    z-index: 0;
}

/*publikationen*/

#content .image-box.gray .btn {
    background: url("../images/blue-arrow.jpg") no-repeat scroll 6px center #fff;
    color: #000;
}

#content .image-box.gray {
    background: #e3e2d4;
    padding-bottom: 12px;
}

#content .image-box.gray .text .publication-head {
    display: block;
    font-weight: 700;
    margin-top: 16px;
}

#content .image-box.gray .text .publication-head:first-child {
    margin-top: 0;
}

#content .image-box.gray .text .publication {
    display: block;
    color: #0068b4;
}

#content .image-box.gray .text p,
#content .image-box.gray .text h3 {
    color: #000;
}

#content .image-box.gray .image {
    /*background: url('../images/arrrow-gray.png') no-repeat scroll 15% bottom rgba(0, 0, 0, 0);*/
    position: relative;
}

#content .image-box.gray .image:after {
    content: '';
    width: 0;
    height: 0;
    border-left: 11px solid transparent;
    border-right: 11px solid transparent;
    border-bottom: 11px solid #E3E2D4;
    position: absolute;
    bottom: 0;
    left: 26px;
}


/*publikationen Content*/


#content .publication-box.gray-box {
    background: #e3e2d4;
    padding: 10px 14px 10px 16px;
    margin-bottom: 20px;
    overflow: hidden;
}

#content .publication-box.gray-box + .publication-box.gray-box {
    margin-top: -27px;
}

#content .publication-box.gray-box .publication-head {
    display: block;
    font-weight: 700;
    margin-top: 16px;
}

#content .publication-box.gray-box .publication-head:first-child {
    margin-top: 0;
}

#content .publication-box.gray-box .publication {
    display: block;
    color: #0068b4;
}

#content .publication-box.gray-box .text p,
#content .publication-box.gray-box .text h3 {
    color: #000;
}

/*Mitmachen gelb*/

#content .image-box.yellow {
    background: #ffcc00;
    padding-bottom: 12px;
}

#content .image-box.yellow a:hover {
    text-decoration: none;
}

#content .image-box.yellow .btn {
    background:#c09100;
    color: #fff;
}

#content .image-box.yellow .btn:hover {
    background:#816300;    
}

#content .image-box.yellow .text p,
#content .image-box.yellow .text h3 {
    color: #816300;
}

#content .image-box.yellow .image {
    /*background: url('../images/arrrow-yellow.png') no-repeat scroll 15% bottom rgba(0, 0, 0, 0);*/
    position: relative;
}

#content .image-box.yellow .image:after {
    content: '';
    width: 0;
    height: 0;
    border-left: 11px solid transparent;
    border-right: 11px solid transparent;
    border-bottom: 11px solid #FFCC00;
    position: absolute;
    bottom: 0;
    left: 26px;
}

/*Mitmachen blau*/

#content .image-box.blue {
    background: #6F9ED4;
    padding-bottom: 12px;
}

#content .image-box.blue .btn {
    background: #0068b4;
    color: #fff;
    padding-left: 10px;
    width: auto;
}

#content .image-box.blue a:hover {
    text-decoration: none;
}

#content .image-box.blue .btn:hover {
    background: #00508C;    
}

#content .image-box.blue .text p,
#content .image-box.blue .text h3 {
    color: #fff;
}

#content .image-box.blue .image {
    position: relative;
}

#content .image-box.blue .image:after {
    content: '';
    width: 0;
    height: 0;
    border-left: 11px solid transparent;
    border-right: 11px solid transparent;
    border-bottom: 11px solid #6F9ED4;
    position: absolute;
    bottom: 0;
    left: 26px;
}


/*Mitmachen gruen*/

#content .image-box.green {
    background: #86BC43;
    padding-bottom: 12px;
}

#content .image-box.green .btn {
    background: #58891F;
    color: #fff;
    padding-left: 10px;
    width: auto;
}

#content .image-box.green a:hover {
    text-decoration: none;
}

#content .image-box.green .btn:hover {
    background: #4A721A;    
}

#content .image-box.green .text p,
#content .image-box.green .text h3 {
    color: #fff;
}

#content .image-box.green .image {
    position: relative;
}

#content .image-box.green .image:after {
    content: '';
    width: 0;
    height: 0;
    border-left: 11px solid transparent;
    border-right: 11px solid transparent;
    border-bottom: 11px solid #86BC43;
    position: absolute;
    bottom: 0;
    left: 26px;
}

/*Ansprechpartner*/

.contact-box {
    padding: 0;
    margin-bottom: 38px;
}

.contact-box .image {
    padding: 0;
}

.contact-box .image img {
    height: auto;
    max-width: 100%;
    display: block;
}

.contact-box .text {
    margin-top: 2px;
    min-height: 70px;
    padding: 0;
}

.contact-box .text .name {
    font-weight: 700;  
}

.contact-box .text .email {  
    display: block;
    word-wrap: break-word;
}

.contact-box .text .tel {
    display: block;
    word-wrap: break-word;
}

/*Link Box*/

.link-box {
    border: 1px solid #c2c3bb;
    border-radius: 4px;
    margin-bottom: 38px;
    padding: 0;
}

#content .link-box ul {
    margin-bottom: 0;
}

#content .link-box li {
    list-style: none;
}

.link-box li a:hover {
    background: #e3e4d6;
}

#content .link-box li:first-child a {
    border:none;
}

#content .link-box li a:hover {
    text-decoration: none;
    color: #000;
}

#content .link-box a {
    display: block;
    padding: 10px 20px 10px 20px;
    border-top: 1px solid #c2c3bb;
    color: #000;
}

#content .link-box a.active {
    background: #0168b5;
    color: #fff;    
}

#content .link-box a.active:hover {
    background: #0168b5;
    color: #fff;    
}

/*Termine Box (später löschen)*/

.dates {
    margin-bottom: 38px;
}

.dates .dates-wrapper {
    margin-bottom: 14px;
}

.dates .date {
    display: block;
    color: #0168b5;
}

.dates .headline {
    display: block;
    font-weight: 700;
}

.dates .address {
    display: block;
}

/*Termine Box*/

#content #termindb_list {
    margin-bottom: 38px;
}

#termindb_list .termin_thema {
    font-weight: 600;
}

#content #termindb_list p {
    margin-bottom: 0;
}

#content #termindb_list .box {
    margin-left: 0;
    margin-bottom: 12px;
}

#content #termindb_list .dates-wrapper {
    margin-bottom: 14px;
}

#content #termindb_list h3 a {
    display: block;
    color: #0168b5;
    font-size: 15px;
    font-weight: 500;
}

#content #termindb_list h3{
    line-height: 20px; 
}

#content #calendar-container .calendar {
    background: none;
    padding: 0;
    font-family: Source Sans Pro,Arial;
}

#content #calendar-container .calendar td {
    font-family: Source Sans Pro,Arial;
}

#content #calendar-container .calendar thead .headrow {
    background: none;
    font-size: 16px;
    font-weight: normal;
}

#content #calendar-container .calendar tbody td {
    font-family: Source Sans Pro,Arial;
    font-size: 14px;
    font-weight: normal;
}

#content #calendar-container .calendar .nav {
    background: none repeat scroll 0 0 rgba(0, 0, 0, 0);
    cursor: pointer;
    display: block;
    font-size: 23px;
    font-weight: bold;
    height: 20px;
    position: relative;
    top: -17px;
}

/*Content Navigation*/

.navi-col {
    float: right!important;
}

#content .content-navi {
    margin-top: -9px;
    padding: 0;
}


.unterseite .dropdown-toggle .fa-chevron-up {
    color: #828064;
    position: absolute;
    right: 7%;
}

.unterseite .small-column .content-navi .dropdown-toggle {
    background: #0068B4;  
    border-radius: 0;
    border: none;
    height: 38px;
    padding-left: 18px;
    margin-bottom: 32px;
	color: #fff;
    font-size: 13px;
}

.unterseite .small-column .content-navi .dropdown-toggle i {
   
}

.unterseite .small-column .open .dropdown-toggle {
    margin-bottom: 0;
}

.content-navi .btn-default:hover, 
.content-navi .btn-default:focus, 
.content-navi .btn-default:active, 
.content-navi .btn-default.active, 
.content-navi .open .dropdown-toggle.btn-default {
    background: #e3e4d6;    
    box-shadow: none;
    outline: none!important;
}

#content .content-navi .dropdown-menu {
    position:relative;
    border-radius: 0;
    box-shadow: none;
    margin-top: 0;
    margin-bottom: 37px;
    min-width: inherit;
    border-top: none;
	height: 100%;
    padding: 0;
}

#content .content-navi .btn {
    margin: 0;
}

#content .content-navi .dropdown-menu li:first-child { 
    border: none;    
}

#content .content-navi .dropdown-menu li {    
    list-style: none; 
    border-top: 1px solid #ccc;
    padding-left: 14px;
    color: #CDCEC4;
    position: relative;
}

#content .content-navi .dropdown-menu span {
    padding-left: 16px;
    display: block;
    height: 32px;    
    line-height: 26px;
}

#content .content-navi .dropdown-menu span a:hover {
    text-decoration: none; 
    background: none;   
}

.unterseite .content-navi .dropdown-menu li a {
    padding: 10px 0 10px 18px; 
    display: block;  
    white-space: normal; 
}

.unterseite .content-navi .dropdown-menu li a:hover {
    background:none;     
}

/*Info-Box*/

.unterseite #content .info-box h4{
    margin-bottom: 8px;
}

.unterseite #content .info-box .text-background{
    border-left: 4px solid #e1072a;
    display: block;
    padding-left: 17px;
}

/*Grauer Hintergrund*/

.gray-background {
    background: #e3e4d6;
    border-left: 4px solid #0068B4;
    padding: 18px;
    margin-bottom: 20px;
}

.gray-background table {
    margin: 0;
}

/*download Box*/

.download-box {
    margin-bottom: 20px;
    padding: 0;
    margin-right: 10px;
    width: 48.5%;
}

.unterseite #content .download-boxtitel {
    border: 0 none;
    color: #86846b;
    font-size: 112%;
    font-weight: 500;
    margin-bottom: 4px;
    text-transform: uppercase;
    clear: both;
     padding-bottom: 9px;
}

.download-box .image a {
    display: block;
    cursor: pointer;    
}

.download-box .image a:hover {
    background: url('../images/download.png') no-repeat center center rgba(0, 0, 0, 0.6);
}

#content .download-box .btn {
    background: none repeat scroll 0 0 #fff;
    border: 1px solid #a9a691;
    bottom: 11px;
    color: #86846b;
    float: right;
    height: 28px;
    margin-top: -4px;
    padding-bottom: 25px;
    padding-top: 4px;
    position: absolute;
    right: 0;
}

#content .download-box .btn:hover {
    color: #fff;
    background: #86846b;
}
/*
.download-box.col-sm-6:nth-child(even) { 
    margin-left: 20px;
}

.download-box.col-sm-6:nth-child(odd) { 
    margin-left: 0!important;
}
*/
br + .download-box { 
    margin-left: 0!important;
}

.float-box + .download-box { 
    margin-left: 0!important;
} 

.float-box + .download-box + .download-box { 
    margin-left: 20px!important;
} 

.publication-box + .download-box { 
    margin-left: 0!important;
} 

.publication-box + .download-box + .download-box { 
    margin-left: 20px!important;
} 

.publication-box + .download-box + .download-box + .download-box,
.publication-box + .download-box + .download-box + .download-box + .download-box + .download-box { 
    margin-left: 0px!important;
} 


.download-box + h3,
.download-box + h4,
.download-box + p { 
    clear: both;
}

.download-box .image {

}

#content .download-box .image img {
    height: auto;
    display: block;
    position: relative;
    z-index: -1;
    width: 100%;
    max-width: 630px!important;
}

.download-box .text {
    border-bottom: 5px solid #a9a691;
    padding-bottom: 10px;
    padding-top: 13px;
    color: #A9A691;
    overflow: hidden;
}

#content .download-box .text p {
    color: #a9a691;
    display: block;
    float: left;
    width: 69%;
    margin-bottom: 0;
}

/*Video player*/

.fp-ratio {
     padding-top: 56.6%!important; 
}

/*Video Player skin*/

.flowplayer { width: 100%; background-color: #222; background-size: cover; max-width: 800px;  margin-bottom: 20px;}
.flowplayer .fp-controls { background-color: #00355F!important}
.flowplayer .fp-timeline { background-color: rgba(0, 104, 184, 1)}
.flowplayer .fp-progress { background-color: rgba(255, 255, 255, 1)}
.flowplayer .fp-buffer { background-color: #0168B5;}

.youtube_video_single .youtube_play {
    background: rgba(0, 0, 0, 0) url("/css_nabu/2014/images/play.png") no-repeat scroll center center / 12% auto;
}

.video_right .youtube_play,
.video_left .youtube_play {
    background: rgba(0, 0, 0, 0) url("/css_nabu/2014/images/play.png") no-repeat scroll center center / 22% auto;
}

.video-box .youtube_play {
    background: rgba(0, 0, 0, 0) url("/css_nabu/2014/images/play.png") no-repeat scroll center center / 18% auto;
}

.flowplayer.is-mouseover .fp-controls, .flowplayer.fixed-controls .fp-controls {
    height: 30px;
}

.flowplayer .fp-play {
    height: 30px;
}

.fp-volume {
    margin-top: 4px;
}

.fp-time {
    bottom: 6px;
    position: absolute;
    font-weight: normal!important;
}

.play-button.flowplayer .fp-timeline {
    margin-top: 4px;
    border-radius: 2px;
}

.flowplayer .fp-volumeslider {
    width: 82px!important; 
    background: linear-gradient(rgba(30, 30, 30, 0.8), rgba(60, 60, 60, 0.8)) repeat scroll 0 0 rgba(0, 0, 0, 0);
    border-radius: 2px;
    height: 8px;   
    margin-left: 3px;
}

.flowplayer .fp-volumelevel {
    border-radius: 2px;
}

.flowplayer .fp-mute {
     background: url("/css_nabu/2014/mediaplayer/controls.svg") no-repeat scroll -16px -16px transparent!important;
     width: 17px !important;
}

.flowplayer > a {
    background-image: url("/css_nabu/2014/images/logo.jpg") !important;
    background-size: 106px auto;
    background-repeat: no-repeat;
    height: 91px !important;
    top: -5px;
    width: 106px !important;
}

.flowplayer.is-splash .fp-controls,
.flowplayer.is-poster .fp-controls,
.flowplayer.is-splash .fp-fullscreen,
.flowplayer.is-poster .fp-fullscreen,
.flowplayer.is-splash .fp-unload,
.flowplayer.is-poster .fp-unload,
.flowplayer.is-splash .fp-time,
.flowplayer.is-poster .fp-time,
.flowplayer.is-splash .fp-embed,
.flowplayer.is-poster .fp-embed {
    display: block !important;        
}

.is-splash.flowplayer .fp-ui, 
.is-paused.flowplayer .fp-ui {
    background: url("../images/bigplay.fw.png") no-repeat scroll center center / 12% auto rgba(0, 0, 0, 0) !important;
}

.is-splash.flowplayer .fp-ui:hover, 
.is-paused.flowplayer .fp-ui:hover {
    background: url("../images/play_white-hover.png") no-repeat scroll center center / 12% auto rgba(0, 0, 0, 0) !important;
}

.flowplayer .fp-fullscreen:hover, 
.flowplayer .fp-unload:hover, 
.flowplayer .fp-mute:hover, 
.flowplayer .fp-embed:hover, 
.flowplayer .fp-close:hover, 
.flowplayer .fp-play:hover {
    opacity: 0.7!important;
}

audio, canvas, progress, video {
    display: inherit;   
}

/*Audio Player*/

.audioplayer {
    background: #00355F;
    border: none;
    box-shadow: none;
    text-shadow: none;
    height: 2.1em;
}

.audioplayer:not(.audioplayer-playing) .audioplayer-playpause a {
    border-width: 0.4em medium 0.4em 0.7em;   

}

.audioplayer:not(.audioplayer-playing) .audioplayer-playpause a:hover {
    border-color: transparent -moz-use-text-color transparent #B2C2CF; 
}

.audioplayer:not(.audioplayer-mini) .audioplayer-playpause {
    border: none;
}

.audioplayer-bar-loaded {
    background: #0168B5;
}
.audioplayer-bar {
    background: #0168B5;    
}
.audioplayer-bar-played {
    background: #fff;
}

.audioplayer-volume-adjust div div, 
.audioplayer-bar-played {
    box-shadow: none;
}
.audioplayer-bar, 
.audioplayer-volume-adjust > div {
    box-shadow: none;
}

.audioplayer-volume-adjust > div {
    width: 30%;
}

.audioplayer-time {
    top: 0px;
    font-size: 13px;
}

.audioplayer-bar, 
.audioplayer-bar div, 
.audioplayer-volume-adjust div {
    border-radius: 2px;
}

.audioplayer-playpause:hover,
.audioplayer-playpause:focus {
	background-color: #00355F;
    color: #0168B5; 
}

.audioplayer-volume:hover,
.audioplayer-volume:focus {
	background-color: #00355F;
}

.audioplayer-volume-adjust {
    background: #00355F;
    right: 0;
}

.audioplayer-volume-button a:hover {
    border-color: transparent #B2C2CF transparent -moz-use-text-color;        
}

.audioplayer:not(.audioplayer-mute):hover {
    border-color: transparent #B2C2CF transparent -moz-use-text-color;       
}

.audioplayer-volume-adjust div div {
    background: #fff;
}

.audioplayer-playing .audioplayer-playpause a:hover {
    border-color: transparent #B2C2CF transparent -moz-use-text-color; 
}

.audioplayer-bar {
    height: 0.695em;
}

.audioplayer-volume {
    border: none;
}

.audioplayer-time-current {
    border: none;
}

/*########## farbige boxen Startseite ##########*/

.box h3 {
    font-size: 20px;
    font-weight: bold;
}

.box h4 {
    font-size: 103%;
    font-weight: bold;
    margin-bottom: 11px;
}

.image-box-blue {
    padding: 0; 
    background: #0068b4;  
    margin-bottom: 20px; 
}

/*Mitglied werden Box*/

.unterseite .member-box {
    margin-bottom: 38px!important;
    position: relative;
}

#content .member-box {
    background: none repeat scroll 0 0 #013660;
    margin-bottom: 38px;
    padding: 0;
    height: 111px;   
}

.member-box h3,
.member-box p,
.member-box .btn {
    color: #fff!important;
}

.member-box h3{
    font-size: 1.5em;
    margin-bottom: -5px;
}

.member-box .btn {
    background: none repeat scroll 0 0 #0068b4;
    font-size: 0.9em;
    height: 30px;
    line-height: 12px;
    padding-left: 7px;
    padding-top: 7px;
    width: 117%;
}

.member-box .btn:hover {
    background: none repeat scroll 0 0 #00508c;
}

.member-box .btn .strong {
    font-size: 12pt !important;
    margin-left: -2px;
}

.member-box .btn:hover {
    color:#fff;
}

.member-box .text {
    float: left;
    padding: 10px 0 0 16px;
    width: 54%;
}

.member-box img {
    bottom: 0;
    display: block;
    float: right;
    position: absolute;
    right: 0;
    width: 98px;
}

/*Testimonial Box*/

.testimonial{
    background: none repeat scroll 0 0 #aec5e7;
    padding-bottom: 12px;
    margin-bottom: 20px;
}

#content .testimonial p,
#content .testimonial span {
    color: #0072bb;
    margin-bottom: 14px;
}

#content .testimonial span p {
    font-weight: 600;
    margin-bottom: 18px;
}

#content .testimonial .btn {
    background: none repeat scroll 0 0 #0068b4;
    color: #fff;
    margin-top: 0;
    margin-bottom: 10px;
}

#content .testimonial .btn:hover {
    background: #00508C;    
}

#content .testimonial .text {
    padding-bottom: 5px;
}

#content .testimonial .image:after {
    border-bottom: 11px solid #aec5e7;
    border-left: 11px solid transparent;
    border-right: 11px solid transparent;
    bottom: 0;
    content: "";
    height: 0;
    left: 20px;
    position: absolute;
    width: 0;
} 

#content .testimonial .image {
    background: none repeat scroll 0 0 #0072bb;
}
/**/

/*Transparente Infobox*/
.transparent-box {
    padding: 0; 
    margin-bottom: 38px;   
}

.transparent-box .image {
    padding: 0;  
    border: 1px solid #0168B5;      
}

.transparent-box .text {
    padding: 0; 
    margin-top: 5px;  
}

.transparent-box .text a {
    clear: both;
    margin-bottom: 12px;
    display: block; 
}

#content .transparent-box .image:after {
    background: url("../images/arrow-transp.png") no-repeat scroll center top rgba(0, 0, 0, 0);
    border-color: #fff transparent white;
    border-style: solid;
    border-width: 0 1px 3px 6px;
    bottom: -3px;
    content: "";
    height: 13px;
    left: 21px;
    position: absolute;
    width: 24px;
}

/**/

/*FAQ Akkordeon*/

#content .accordion {
    border: none!important;
    margin-bottom: 20px!important;
    clear: both!important;
}  

#content .accordion .ui-accordion-icons {
    border: 1px solid #818064!important;
    border-radius: 4px!important;
    display: block!important;
    padding: 6px!important;
    width: 100%!important;
    cursor: pointer!important;
    margin-bottom: 12px!important;
    position: relative!important;
} 

#content .accordion .ui-accordion-header-active {
    margin-bottom: 0!important;    
}

#content .accordion .ui-accordion-icons:hover i { 
    color: #fff!important;
    border-left: 1px solid #fff!important;
    color: #3333;
}

#content .accordion .ui-accordion-icons .fa-caret-up {
    display: none!important;
}

#content .accordion .ui-accordion-header-active .fa-caret-up {
    display: block!important;
    border-left: 1px solid #0068b4!important;
    color: #3333;
}

#content .accordion .ui-accordion-header-active .fa-caret-down {
    display: none;
}

#content .accordion .ui-accordion-header-active .fa-caret-down:hover {
    color: #3333;
}

#content .accordion p,
#content .accordion li {
    font-size: 15px!important;
    font-family: Source Sans Pro,Arial; 
    color: #000;
}

#content .accordion .ui-accordion-icons h3 {
    color: #333333!important; 
    font-family: Source Sans Pro,Arial; 
    font-size: 15px!important; 
    font-weight: inherit!important;
    margin-bottom: 0!important;
    padding-right: 28px;
}

#content .accordion .ui-state-focus {
    background: none;
}

#content .accordion .ui-accordion-icons:hover h3 {
    color: #fff!important;   
}

#content .accordion .ui-state-default .ui-icon {
    display: none!important;
}

#content .accordion .ui-accordion-icons i {
    border-left: 1px solid #818064 !important;
    color: #818064 !important;
    float: right !important;
    height: 100% !important;
    line-height: 13px;
    padding: 13px 26px 0 18px !important;
    position: absolute !important;
    right: 0 !important;
    top: 0 !important;
}  

.fa-caret-down:before {
    top: 34%!important;
    position: absolute!important;
}

.fa-caret-up:before {
    position: absolute!important;
    top: 26%!important;
}

#content .accordion .ui-accordion-icons .fa-caret-up {
    padding-top: 6px!important;
}   

#content .accordion .ui-accordion-header-active {
    border: 1px solid #0068b4!important;
} 

#content .accordion .ui-accordion-header-active:hover i {
    color: #818064!important;    
    border-left: 1px solid #0068b4!important;
}

#content .accordion .ui-accordion-header-active:hover h3 {
    color: #333!important;
}
      
#content .accordion .ui-accordion-content {
    background: none repeat scroll 0 0 #eae8dc!important;
    margin-bottom: 10px!important;
    padding: 15px 10px 20px!important; 
    width: 100%!important; 
}   

#content .accordion .ui-state-default:hover {
    background: #86846b;
    color: #fff;   
    border-left: 1px solid #86846b!important;   
    border-right: 1px solid #86846b!important; 
    border-top: 1px solid #86846b!important; 
}

#content .accordion .ui-state-active:hover{
    background: #fff!important;
    border-left: 1px solid #0068b4!important;   
    border-right: 1px solid #0068b4!important; 
    border-top: 1px solid #0068b4!important; 
}

#content .accordion .ui-state-default, 
#content .accordion .ui-widget-content .ui-state-default, 
#content .accordion .ui-widget-header .ui-state-default {
    background: none;
    border: none;
    font-weight: normal;
}
    
/**/

/*Single Teaser*/

.btn_lang,
.projects .article.single .btn {
    background: none repeat scroll 0 0 #fff;
    border: 1px solid #0068b4;
    color: #0068b4;
    display: block;
    float: left;
    left: 0;
    margin-top: 14px;
    position: relative;
    top: -9px;
    line-height: 1.929;
    text-align: center;
    width: 75%;
    font-size: 12px;
    height: 30px;
}

.btn_lang {
    min-width: 213px;
    width: auto;
    text-align: center !important;
    margin-top: 25px !important;
    margin-bottom: 15px !important;
}

.unterseite .projects {
    padding: 0;
}

/**/

#content .yellow-box.second-large img, 
#content .blue-box.second-large img {
    border-bottom: 10px solid white;
    border-left: 10px solid white;
    display: block;
    height: 120px;
    width: auto;
    max-width: inherit;
}

#content .yellow-box img,
#content .blue-box img {
    border-bottom: 10px solid white;
    border-left: 10px solid white;
    display: block;
    height: 120px;
    width: auto;
    max-width: inherit;
}



.orange-box img {
    border-bottom: 10px solid white;
    border-left: 10px solid white;
    display: block;
    float: right;
    position: relative;
    right: -20px;
    top: -20px;
    width: 104px;
}

#content .blue-box,
#content .yellow-box {
    overflow:hidden;
    padding-top: 15px;
}

#content .blue-box p,
#content .blue-box h1,
#content .blue-box h2,
#content .blue-box h3,
#content .blue-box h4,
#content .blue-box a {
    color: #fff;          
}

#content .blue-box h1,
#content .blue-box h2,
#content .blue-box h3,
#content .blue-box h4 {
    margin-bottom: 6px;   
    display: flex;  
    display: -ms-flexbox; 
    display: -webkit-flex;
    display: -moz-flex;   
}

#content .blue-box .btn {
    background: #0068b4;
    color: #fff;
    padding: 3px 10px 3px 10px;
}

#content .blue-box .btn:hover {
    background: #00508c;    
}

#content .yellow-box .btn {
    background: #c09100;
    color: #fff;
    padding: 3px 10px 3px 10px;
}

#content .yellow-box .btn:hover {
    background: #816300;
}

#dropdownMenu1 .btn {
    font-size: 14px;
}

.btn {
    padding: 2px 10px 2px 10px;
    margin-top: 10px;
    text-align:left;   
    font-size: 12px;
    line-height: 1.759;
    font-weight: 500;
}

#wrapper .btn {
    font-weight: 500;
}

#content .yellow-box h1, 
#content .yellow-box h2,
#content .yellow-box h3,
#content .yellow-box h4,
#content .yellow-box p,
#content .yellow-box a { 
    color: #816300;
}

#content .yellow-box h1, 
#content .yellow-box h2,
#content .yellow-box h3,
#content .yellow-box h4 {
    margin-bottom: 6px;
    padding-bottom: 0;
    display: flex;
    display: -ms-flexbox;
    display: -webkit-flex;
    display: -moz-flex;
}

#content .orange-box {
    border: 10px solid #ef7c00;
    margin-left: 0 !important; 
    padding: 10px;    
}

#content .orange-box h1, 
#content .orange-box h2,
#content .orange-box h3,
#content .orange-box h4,
#content .orange-box a { 
    color: #b76000;
}

#content .orange-box {
    margin-bottom: 20px; 
}

#content .infobox {
    border: 5px solid #0072bb;
    margin-left: 0 !important; 
    padding: 20px 20px 0; 
    clear: both;  
}

#content .infobox h1, 
#content .infobox h2,
#content .infobox h3,
#content .infobox h4,
#content .infobox a { 
    color: #0072bb;
}
/*
.infobox img {
    border-bottom: 10px solid white;
    border-left: 10px solid white;
    display: block;
    float: right;
    position: relative;
    width: 114px;
    right: -27px;
    top: -27px;
}
*/
#content .infobox {
    margin-bottom: 20px; 
}

.yellow-box, 
.unterseite .blue-box {
    width: 48.5%;
}

.yellow-box.large, 
.blue-box.large {
    width: 100%!important;
    margin-left: 0!important;
    margin-bottom: 20px;
}

.yellow-box.large.second-large, 
.blue-box.large.second-large {
    float: none;
}

#content .yellow-box.large.second-large h3, 
#content .blue-box.large.second-large h3 {
    margin-bottom: 10px;    
}

#content .yellow-box.large.second-large p, 
#content .blue-box.large.second-large p {
    margin-bottom: 10px;    
}

#content .blue-box.large.second-large .btn:hover {
    background: none repeat scroll 0 0 #00508b;
    color: #fff;
}

#content .blue-box.large.second-large .btn {
    background: none repeat scroll 0 0 #fff;
    box-shadow: 0 3px 0 #00508b;
    color: #0168b5;
}

#content .yellow-box.large.second-large .btn:hover {
    background: none repeat scroll 0 0 #816300;
    color: #fff;
}

#content .yellow-box.large.second-large .btn {
    background: none repeat scroll 0 0 #fff;
    box-shadow: 0 3px 0 #816300;
    color: #816300;
}



#content .large.second-large .btn {
    font-size: 16px;
    padding: 0 14px;
    width: auto;
    z-index: 3;
}

.yellow-box.large.second-large img, 
.blue-box.large.second-large img {    
   
}


.box.yellow-box .box-image,
.box.blue-box .box-image {
    float: right;
    height: 120px;
    position: relative;
    right: -22px;
    top: -15px;
    width: 120px;
}

.box.infobox .box-image {
    float: right;
    height: 120px;
    position: relative;
    right: -25px;
    top: -25px;
    width: 120px;
    overflow: hidden;
}


#content .box.infobox img {
    border-bottom: 10px solid white;
    border-left: 10px solid white;
    display: block;
    height: 120px;
    max-width: inherit;
    width: auto;
}



/*Box im Text bild oben*/

.float-box {
    width: 50%;
    overflow: hidden;    
    min-height: 170px;
    margin-bottom: 20px;
    position: relative;
    float: right;
    margin-left: 20px;
}

.float-box .box-background {
    width: 100%;
    height: 32px;
    bottom: 0;
    position: absolute;
}

.float-box .btn {
    bottom: 18px;
    position: absolute;
    z-index: 3;
    font-size: 16px;
    left: 19px;
    width: auto;
    padding: 0px 14px;
}

.float-box.box-a .box-image {
    float: right;
    height: 100px;
    margin-right: 20px;
    margin-top: 20px;
    overflow: hidden;
    padding: 0;
    width: 100px!important;
    margin-bottom: 5px;
}

#content .float-box.box-a img {
    height: 100% !important;
    max-width: inherit !important;
    width: auto !important;
}

.float-box.box-b img {
    height: auto!important;    
}

.float-box .image {
    float: right;
    padding-top: 20px;
    padding-right: 20px;
    margin-left: 15px;
}


.float-box .image img {
    max-width: 216px!important;
    width: 100%;
}

#content .float-box .text h4 {
    color: #fff;
    font-size: 20px;
}

.float-box .text {
    padding: 20px;
    height: auto;
    margin-bottom: 24px;
}

#content .float-box .text p {
    color: #fff;
}

.box-a .image{
     padding-bottom: 5px;
}

/*orangene Box*/

.float-box.orange {  
    background: #ef7b00;
}

#content .float-box.orange a {  
    color: #fff;
}

.float-box.orange .image img,
.float-box.green .image img {
    max-width: 100px !important;
 }

.float-box.orange .box-background {
    background: #fddbb8;
}

#content .float-box.orange .btn {
    background: none repeat scroll 0 0 #fff;
    box-shadow: 0 3px 0 #b76000;
    color: #ef7b00;
}

#content  .float-box.orange .btn:hover { 
    background: #b76000;
      color: #fff;
}

/*blaue Box*/

.float-box.blue {  
    background: #0168B5;
}

#content .float-box.blue a {  
    color: #fff;
}

.float-box.blue .box-background {
    background: #BCCDEB;
}

#content .float-box.blue .btn {
    background: none repeat scroll 0 0 #fff;
    box-shadow: 0 3px 0 #00508B;
    color: #0168B5;
}

#content .float-box.blue .btn:hover {
    background: #00508B;
    color: #fff;
}

/*gruene Box*/

.float-box.green {  
    background: #77B828;
}

#content .float-box.green {  
    color: #fff;
}

.float-box.green .box-background {
    background: #CDDBB8;
}

#content  .float-box.green .btn {
    background: none repeat scroll 0 0 #fff;
    box-shadow: 0 3px 0 #5A8E1F;
    color: #77B828;
}

#content .float-box.green .btn:hover {
    background: #5A8E1F;
    color: #fff;    
}

/*Box im Text bild unten*/

.box-b .image {
    bottom: 32px;
    height: 138px;
    position: absolute;
    right: 4px;
    width: 120px;
}

#content .float-box.box-b .image img {
    bottom: 0;
    float: right;
    height: auto !important;
    max-height: 100%;
    position: absolute;
    width: auto !important;
    max-width: 100%!important;
    right: 0;
}

.box-b .text {
    width: 70%;
}

/*Spenden Box*/

.spendenformulare2014 {
    clear: both;
}

#content .small-column .donate img {
     margin-left: -6px;
}

#content .small-column .donate {
    margin-bottom: 38px;
}

#content .small-column .donate p {
    margin-bottom: 10px;
}

#content .small-column .donate h3 {
    color:#ef7c00;
    font-size: 165%!important;
    display: -ms-flexbox;
    display: -webkit-flex;
    display: -moz-flex;
    display: flex!important;
}

#content .donate .amount {
    width:100%;
}

#content .donate .btn {
    background:#ef7c00;
    box-shadow: 0 3px 1px #b76000;
    color:#fff;
    text-align: center;
    font-size:0.9em;
    height: 29px;
    margin-bottom: 4px;
}

#content .donate .btn:hover {
    background: #b76000;
}

#content .donate .btn .strong {
    font-size: 12pt!important;
}

#content .small-column .donate input {
    border: 1px solid #86846b;
    border-radius: 3px 0 0 3px!important;
    height: 31px!important;
    padding: 0 7px;
    width: 75%!important;
    float: left;
    margin-top: 0 !important;
    text-align: left!important;
}

.small-column .btn .fa-arrow-right {
    padding-right: 0px;
}

#content .donate .euro {
    background: none repeat scroll 0 0 #e3e2d4;
    border-bottom: 1px solid #86846b;
    border-radius: 0 3px 3px 0;
    border-right: 1px solid #86846b;
    border-top: 1px solid #86846b;
    float: right;
    height: 31px;
    padding-left: 6px;
    padding-top: 5px;
    width: 25%;
}

#content .donate .euro:hover {
    background: none repeat scroll 0 0 #86846b;   
    color: #fff; 
    cursor: pointer;
}

#content .donate .euro:hover p {
    color: #fff;     
}

#content .donate .euro p {
    color: #86846b;    
}

#content .donate .euro p:hover {
    color: #fff;     
}

/**/

/*Spenden Box groß*/

#content .donate.large {
    padding: 20px;
    background: #fff;
}

#content .donate.large h3 {
    color:#ef7c00;
    font-size: 228%;
    display: flex;
    display: -ms-flexbox;
    display: -webkit-flex;
    display: -moz-flex;
    text-transform: uppercase;
    margin-bottom: 38px;
}

#content .donate.large .amount {
    width: 100%;
}

#content .donate.large .btn {
    background:#ef7c00;
    box-shadow: 0 3px 1px #b76000;
    color:#fff;
    text-align: center;
    font-size:0.9em;
    height: 29px;
    margin-bottom: 4px;
    margin-top: 0;
    float: left;
    width: auto;
}

#content .donate.large .btn .fa-arrow-right {
    padding-right: 5px;    
}

#content .donate.large .btn:hover {
    background: #b76000;
}

#content .donate.large .btn .strong {
    font-size: 12pt!important;
}

.donate.large .donate-select {
    padding: 0;
}

.donate.large img {
    max-width: 340px!important;
    right: -30px;
    top: -30px;
    width: 100%;
}

#content .donate.large span.step {
    color: #EF7C00;
    display: block;
    width: 20px;
    float: left;
    margin-right: 22px;
    padding-top: 6px;
}

#content .donate.large form span {
    display: block;
    margin-right: 20px;
    float: left;
    margin-top: 5px;
}

#content .donate.large .left {
    float: left;
    max-width: 344px!important;
}

#content .donate.large .right {
    height: 34px;
}

#content .donate.large form {
    margin: 0;
    float: left;
}

#content .donate.large label {
    float: left;
}

#content .donate.large input {
    border: none;
    border-radius: inherit;
    height: auto;
    padding: 0 7px;
    width: auto;
    float: left;
    margin-right: 6px;
}

#content .donate input[type=text] {
    border: 1px solid #86846b;
    border-radius: 3px;
    float: left;
    height: 32px;
    padding: 0 7px;
    width: 84px;
    text-align: right;
    margin-top: -4px;
}

/**/

/*3er Teaser ohne Slider*/
.no-slide-teaser {
    margin-bottom: 20px;  
    overflow: hidden;    
    clear: both;  
}

.no-slide-teaser .column {
    float: left;
    padding-left: 0;  
    min-height: 294px;  
    position: relative;  
}

.no-slide-teaser .column .text {
    margin-top: 20px;        
}

.no-slide-teaser .column .image {
    position: relative;
}

.no-slide-teaser .column .image:after {
    border-bottom: 11px solid #ffffff;
    border-left: 11px solid transparent;
    border-right: 11px solid transparent;
    bottom: 0;
    content: "";
    height: 0;
    left: 13px;
    position: absolute;
    width: 0;
}

.no-slide-teaser .column h2 {
    font-size: 15px !important;
    font-weight: bold !important;
    list-style: none outside none;
    margin-bottom: 4px !important;
    margin-top: 7px !important;
}

#content .no-slide-teaser .btn:hover {
    background: none repeat scroll 0 0 #b76000;
}

#content .no-slide-teaser .btn {
    background: none repeat scroll 0 0 #ef7c00;
    box-shadow: 0 3px 1px #b76000;
    color: #fff;
    float: left;
    font-size: 0.9em;
    height: 29px;
    margin-bottom: 4px;
    margin-top: 0;
    text-align: center;
    width: 92%;
    position: absolute;
    bottom: 0;
}

.btn .fa-arrow-right {
    padding-right: 0px;
}

/**/
/*
#content .orange-box a {
    font-weight: bold;
}
*/
#content .orange-box h1, 
#content .orange-box h2,
#content .orange-box h3 {
    margin-bottom: 6px;
}

#content .orange-box h4 {
    margin-bottom: 10px;
}

/*Content Slider*/

#sudoslider {
    width: auto; 
    max-width: 1200px; 
}

#sudoslider img {
    width: 100%;
}

.sudoslider + .controls + .btn {
    background: none repeat scroll 0 0 #fff;
    border: 1px solid #0068b4;
    color: #0068b4;
    display: block;
    float: left;
    font-size: 12px;
    height: 30px;
    line-height: 23px;
    margin-top: 0;
}

.sudoslider + .controls {
    width: 15%!important;
    float: left;
}

.big-column .sudoslider + .controls {
    width: 100%;
}

/*Header*/
/*später entfernen*/
#sudoslider-top {
    width: auto; 
    max-width: 1200px; 
}

#sudoslider-top .side {
    background: none repeat scroll 0 0 #ef7c00;
    bottom: 21px;
    cursor: pointer;
    height: 40px;
    padding: 10px 19px;
    position: absolute;
    right: -3px;
    text-align: center;
    transform: rotate(-5deg);
    width: auto;
    z-index: 1000;
}
/*
#sudoslider-top .side:after {
     border-bottom: 11px solid transparent;
    border-left: 11px solid #7c4200;
    border-right: 11px solid transparent;
    content: "";
    height: 0;
    position: absolute;
    right: -11px;
    top: 40px;
    width: 0;   
}
*/
#sudoslider-top .side p {
    color: #fff;
    font-size: 1.29em;  
}

#sudoslider-top .side p a {
    color: #fff;
    display: block;
}

#sudoslider-top .side p a:hover {
    text-decoration: none;
}

#sudoslider-top, 
#sudoslider-top img {
    width: 100%;
}
/**/


.sudoslider-top {
    width: auto; 
    max-width: 1200px; 
}

.sudoslider-top .side {
    background: none repeat scroll 0 0 #ef7c00;
    bottom: 21px;
    height: 40px;
    padding: 10px 0;
    position: absolute;
    right: -9px;
    text-align: center;
    width: 19%; 
    cursor: pointer;
    transform: rotate(-5deg);
    z-index:  1000;
}

.sudoslider-top .side:after {
     border-bottom: 11px solid transparent;
    border-left: 11px solid #7c4200;
    border-right: 11px solid transparent;
    content: "";
    height: 0;
    position: absolute;
    right: -11px;
    top: 40px;
    width: 0;   
}


.sudoslider-top .side p {
    color: #fff;
    font-size: 1.29em;
}

.sudoslider-top, 
.sudoslider-top img {
    width: 100%;
}

.slider .btn {
    color: #fff;
    font-size: 1.1em;
    height: 29px;
    line-height: 24px;
    margin-top: 3px;
    padding-top: 2px; 
    display: table;
}

/*Roter Call to Action Button*/

.slider .red {
    background: none repeat scroll 0 0 #dd042d;
    box-shadow: 0 3px 1px #ae0000;
}

.slider .red:hover {
    background: #ae0000;
    box-shadow: 0 3px 1px #ae0000;
}

/*Orangener Call to Action Button*/
.slider .orange {
    background: none repeat scroll 0 0 #f07c00;
    box-shadow: 0 3px 1px #aa5a00;
}

.slider .orange:hover {
    background: #aa5a00;
    box-shadow: 0 3px 1px #aa5a00;
}

.slider .controls a { 
    background: none repeat scroll 0 0 #fff;
    color: #0068b4;
    font-family: 'Trebuchet MS';
    font-size: 1.4em;
    font-weight: 700;
    height: 30px;
    line-height: 26px;
    padding: 2px 9px;
    position: absolute;
    top: 106px;
    z-index: 2;  
}

.slider .controls a:hover {
  text-decoration: none;
  color:#fff;
  background: #0068b4; 
}

.slider .controls .prevBtn{
    border-radius: 0 5px 5px 0;
    left: 0;
}

.slider .controls .nextBtn{
    border-radius: 5px 0 0 5px;
    right: 0;
}

.slider .controls .numericControls {
    bottom: 6%;
    left: 50%;
    position: absolute;
    z-index: 2;
}

.slider .controls .numericControls li {
    float: left;
    margin-right: 5px;
    list-style: none;
}

#content li.ui-state-default {
     list-style: none;
}

.slider .controls .numericControls li a {
    background: inherit;
    height: auto;
    line-height: inherit;
    padding: inherit;
    position: inherit;
    top: inherit;  
}

.slider .controls .numericControls li a span {
    background-image: url("../images/tab-slider.png");
    background-repeat: no-repeat;
    background-position: 0px 0;
    color: white;
    font-size: 0%;
    display: block;
    width: 14px; 
}

.slider .controls .numericControls .current a span{
  background-image: url("../images/tab-slider.png");
  background-repeat: no-repeat;
  background-position: -20px 0;
}

/*Unterseite Slider*/
#sudoslider-second {
    width: auto; 
    max-width: 1200px; 
    z-index: -1;
}

#content .slider-second p {
    margin-top: 0;
}

#sudoslider-second, 
#sudoslider-second img {
    width: 100%;
}

.slider-second {
    padding: 0;   
    border-bottom: 5px solid #a9a691;
    margin-bottom: 30px;    
}

.slider-second div.text {
    height: 16%;
    padding: 16px 0 8px 0px;
    width: 88%;
}

#content .slider-second div.text p {
    color: #A9A691;
    margin-bottom: 0!important;
}

.slider-second li h1 {
    font-size: 2em;
    font-weight: 700;
    color: #000;
}

.slider-second .controls .prevBtn{
      border-radius: 5px 0px 0px 5px;    
}

.slider-second .controls .nextBtn{
     border-radius: 0 5px 5px 0;    
}

.slider-second .controls {
    margin-top: -34px; 
    float: right;  
}

.slider-second .controls a:hover {
    text-decoration: none;
    background: #86846b;
    color: #fff!important;  
}

.slider-second .controls a {
    background: none repeat scroll 0 0 #fff;
    border: 1px solid #86846b;
    bottom: 4px;
    color: #86846b !important;
    display: block;
    float: left;
    font-family: 'Trebuchet MS';
    font-size: 1.7em;
    font-weight: 700;
    height: 32px;
    line-height: 24px;
    margin-bottom: 10px;
    padding: 2px 9px;
    z-index: 2;
}

/*slider mit 3 Bildern*/

#sudoslider-third {
    z-index: -1;
}

.sudoslider-third {
    z-index: -1;
}

.third {
    width: 99%;
}

.third .controls {
    margin-top: 8px;
}

#sudoslider-third img {
    display: block;
    max-height: 100%;
}

#content .third .text p {
    color:#A9A691;  
}

#content .third .text {
    padding: 14px 0 0;    
}

.third .controls a {
    height: 30px;
    line-height: 23px;
}

#sudoslider-third ul li {
    border-right: 9px solid white;
    max-width: 226.533px;
}

.sudoslider-third img {
    display: block;
    max-height: 100%;
}

.sudoslider-third ul li {
    border-right: 9px solid white;
    max-width: 226.533px;
}

.dropdown-menu {
    border: 1px solid #0068B4;
}

.navbar-inverse .navbar-collapse, 
.navbar-inverse .navbar-form {
    border-color: #fff;
    overflow: visible;
}

.navbar-header .fa-chevron-down {
    color: #fff;
    float: right;
    padding-left: 10px;
}

.mobile-menu li {
       background: url("../images/list-point2.png") no-repeat scroll 8px center / 14px auto rgba(0, 0, 0, 0);    
}

.mobile-menu li:first-child {
       background: none;    
}

.sudoslider-gross {
     width: auto;
     max-width: 1200px;
     z-index: -1;
}

.sudoslider-gross,
.sudoslider-gross img {
     width: 100%;
}

/*Garvin Anpassungen*/

.sudoslider-klein {
     z-index: -1;
}

.sudoslider-klein img {
    display: block;
    max-height: 100%;
}

.sudoslider-klein ul li {
    border-right: 9px solid transparent;
    max-width: 228.333px;
}



/*15.09. Ãœbertragen*/

#tabs .social {
    background: url("../images/nabu-netz2.png") no-repeat scroll center center / 40px auto rgba(0, 0, 0, 0);
    color: transparent !important;
    display: block;
    height: 100%; 
}

#tabs .social:hover {
    background: url("../images/nabu-netz-weiss2.png") no-repeat scroll center center / 40px auto rgba(0, 0, 0, 0); 
}

#tabs .ui-state-active .social {
    background: url("../images/nabu-netz-blau2.png") no-repeat scroll center center / 40px auto rgba(0, 0, 0, 0);     
}

#tabs .ui-state-active .social:hover {
    background: url("../images/nabu-netz-blau2.png") no-repeat scroll center center / 40px auto rgba(0, 0, 0, 0);     
}

#header .logo {
    z-index: 101;
}

#content h5.uepfeil a {
     min-width: 153px;
     display: block;
     color:#FFFFFF;
     padding:2px 2px 2px 15px;
     background-color:#0069B3;
     background-repeat:no-repeat;
     background-position:5px 6px;
     background-image:url(/id_nabu/ic_pfeileinfach_w.gif);
     text-decoration:none;
}

#content h5.uepfeil.open a,
#content h5.uepfeil a:focus,
#content h5.uepfeil a:hover {
     color:#0069B3;
     background-position:3px 8px;
     background-color:#E9E9E8;
     background-image:url(/id_nabu/ic_pfeildown.gif);
}

#content ul.nopfeil,
#content ol.nopfeil {
     margin-top:10px;
}	

#content ul.nopfeil li,
#content ol.nopfeil li
{
     background-image:none;
}


#content .linkkatalog2014 input[type=submit] {
    border: none;
    background: #0068B4;   
    color: #fff; 
    padding: 3px 8px;
}

#content .linkkatalog2014 h3 {
    font-size: 14pt;
}

/*Zebra Effekt*/
.linkkatalog2014 .light {
    background-color: #faf7f7;
}

.linkkatalog2014 .dark {
    background-color: #e1eef3;
}

.linkkatalog2014 td.text2 {
    display: block;
    float: left;
    margin-right: 50px;
    width: 46%;
}

.linkkatalog2014 td.text2 + td.text2 {
    margin-right: 0;        
}

#content .linkkatalog2014 .light,
#content .linkkatalog2014 .dark  {
    margin: 0;
    padding: 10px 10px 1px;
}

.text1b {
   color: white;
}

#content .ek img {
   display: inline;
}

/*Spendenformular alt Anpassungen*/

.spendenformulare2014 #formular,
.spendenformulare2014 .formbox {
    background: #fff;
}

.spendenformulare2014 #formular .fehler {
    clear: both;
}

.spendenformulare2014 #formular .fehler div {
    background: none repeat scroll 0 0 #f6bdb1;
    border-radius: 6px;
    color: #75000f;
    list-style: none outside none;
    margin-bottom: 5px !important;
    padding: 10px !important;
    border: none!important;  
    float: left;
}

.spendenformulare2014 #formular .formbox .submit {
    background: none repeat scroll 0 0 #ef7c00!important;
    border: medium none;
    box-shadow: 0 3px 1px #b76000;
    color: #fff;
    font-size: 0.9em;
    font-weight: normal !important;
    height: 29px;
    line-height: 10px;
    margin-bottom: 4px;
    text-align: center;    
}

.spendenformulare2014 #formular .formbox .submit:hover { 
    background: none repeat scroll 0 0 #b76000!important;    
}

.clearbr {
    display: block;
}

/*
.spendenformulare2014 #fehler_Spende {
    color: #75000f!important;    
}

.spendenformulare2014 #fehler_Spende label {
    color: #75000f;
}*/

.spendenformulare2014 #formular .infobox {
    border: none;
}

.spendenformulare2014 #formular .submit.next:hover {
    background: none repeat scroll 0 0 #b76000!important;
}
.spendenformulare2014 #formular .submit.next{
    background: none repeat scroll 0 0 #ef7c00!important;
    border: medium none;
    box-shadow: 0 3px 1px #b76000;
    color: #fff;
    font-size: 0.9em;
    font-weight: normal !important;
    height: 29px;
    line-height: 10px;
    margin-bottom: 4px;
    text-align: center;
}

/*Startseite Terminkalender Anpassung*/

#content #tabs-7 #termindb_list {
    background: none repeat scroll 0 0 white;
    margin-bottom: 0;
    padding-left: 2px;
}

#tabs-7 h2 {
    display: none;    
}

#tabs-7 .calendar thead .ctrow {
    display: none;
}

#tabs-7 {
    height: 316px;
    overflow-x: hidden;
    overflow-y: scroll;
    padding-top: 10px;
    float: left;
}

#tabs-7 .calendar thead .headrow .button {
    padding: 8px 2px 2px;
}

#tabs-7 .rule {
    display: none;
}

#tabs-7 .calendar thead .hilite {
    border: none!important;
}

/*Galerie lightbox*/

#content .lightboxes {
    padding: 0!important;
    margin-bottom: 20px;
}

.sudoslider-lightbox ul {
    width: 100%;
    margin: 0!important;
}

.sudoslider-lightbox li {
    margin: 0;
    width: 33.2%;
}

.sudoslider-lightbox li a {
    display: block;
    height: 149px;
    margin: 0 4px 4px 0;
    overflow: hidden;    
}

.sudoslider-lightbox li:nth-child(3n) a {
     margin-right: 0;
}

.sudoslider-lightbox li img {
    min-width: 100%;
}

.btn + h3 {
    clear: both;
}


/*bearbeiten link*/

.ocelink {
    background: url("../images/symbol_edit.gif") no-repeat scroll right center rgba(0, 0, 0, 0);
    color: #a12409 !important;
    display: inline-block;
    float: right;
    font-size: 15px;
    margin-top: -30px;
    text-decoration: underline;
    width: 127px;
}

/*Social Media Icons*/

#socialshareprivacy {
    /*border-bottom: 1px solid #a19f8a;*/
    clear: both;
    padding-bottom: 20px;
}

.startseite #socialshareprivacy {
    border-bottom: none;
}

#socialshareprivacy .settings_info a:link[target="_blank"]{
}

.social_share_privacy_area li{
    background: none!important;
}

#content .social_share_privacy_area li div.fb_like,
#content .social_share_privacy_area li div.tweet {
    width: 87px;
}

#content .social_share_privacy_area li div.gplusone {
    width: 67px;
}

#socialshareprivacy .settings_info_menu{
    background: none;
    border: none;
    border-radius: 0;
    box-shadow: none;
}

#socialshareprivacy form {
    background-color: #f3f4f5;
    border: 2px solid #e7e3e3;
    border-radius: 5px;
    bottom: 164px;
    box-shadow: 3px 3px 3px #c1c1c1;
    right: 0;
    margin-top: 2px;
    padding: 0;
    position: relative;
    width: 135px;
    z-index: -1;
}

#socialshareprivacy li {
    width: 30.5%;
}

#content .social_share_privacy_area {
    float: right;
    margin-top: 0 !important;
    width: 68% !important;    
}

#socialshareprivacy li:last-child {
    width: 8%;
}

#socialshareprivacy .mail {
    width: 80px;
    float: right;
    margin-right: 32px;
}

#socialshareprivacy .print {
    width: 80px;
    float: left;
    margin-right: 24px;
}

#socialshareprivacy .print a {
    background: url("../images/print-button.jpg") no-repeat scroll 0 0 rgba(0, 0, 0, 0);
    color: transparent;
    display: block;
    width: 80px;
}

#socialshareprivacy .mail a {
    background: url("../js/socialshareprivacy/images/teilen_email.png") no-repeat scroll 0 0 rgba(0, 0, 0, 0);
    color: transparent;
    display: block;
    width: 80px;
}

/*Social media footer*/

.socialmedia .social {
    float: left;
    margin-right: 10px;
}

.socialmedia {
    clear: both;
    min-height: 65px;
    margin-bottom: 20px;
}

/*Buttons im TEXT/Bild Modul*/
#content p .btn.blue,
#content br + .btn.blue,
#content ul + .btn.blue {
    background: none repeat scroll 0 0 #0068b4;
    color: #fff;
    padding: 3px 10px;
    box-shadow: 0 3px 1px #00508c;
}

#content p .btn.blue:hover,
#content br + .btn.blue:hover,
#content ul + .btn.blue:hover  {
    background: none repeat scroll 0 0 #00508C;
}


/*orange*/

#content p .btn.orange,
#content br + .btn.orange,
#content ul + .btn.orange  {
    background: none repeat scroll 0 0 #ef7c00;
    box-shadow: 0 3px 1px #b76000;
    color: #fff;
    padding: 3px 10px;
}

#content p .btn.orange:hover,
#content br + .btn.orange:hover,
#content ul + .btn.orange:hover  {
    background: none repeat scroll 0 0 #B76000;
}


/*Video Overlay*/
button.mfp-close, button.mfp-arrow {
    background: none repeat scroll 0 0 #fff!important;
    position: fixed;
    right: 0;
    top: 0;
}

.video-overlay-box {
    margin: 0 auto;
    width: 50%;
}

#map {
    margin-left: -15px;
}

.videoplayer-box:first-child {
    
}

/*+++++++++Störer+++++++++++++*/


@media (min-width: 1024px) {
    .nabu-overlay .overlay-content {
        width: 41%!important;
    } 
    
    .nabu-overlay .overlay-header {
        width: 41%!important;
    }   
}

.cookie-delete {
    position: fixed;
    bottom: 400px;
    background: red;
    color: white;
    padding: 8px;
    border-radius: 0 6px 6px 0px;  
    z-index: 31;  
}

.cookie-delete:hover {
    color:white;
    text-decoration: none;       
}

.btn:focus, 
.btn:active:focus, 
.btn.active:focus {
    outline: none;    
}

.nabu-overlay.container-close {
    height: 0!important;
}
.nabu-overlay.container-close .ui-dialog-buttonpane {
    display: none;
}

.nabu-overlay {
    bottom: 0;
    height: 145px;
    position: fixed;
    width: 100%!important;
    z-index: 999999;  
    transition: height 1s ease-in-out, background-color 0.5s;
    cursor: pointer;
}

.nabu-overlay .overlay-content {
    width: 56%!important;
    margin: 0 auto;   
    color: #fff;
    top: -6px;
    left: -4px;
    position: relative;
}

.nabu-overlay .overlay-header {
    margin: 0 auto;
    position: relative;
    top: -28px;
    width: 56%!important;
}

.nabu-overlay .overlay-headline {
    border-radius: 4px 4px 0 0;
    color: #fff;
    display: inline;
    font-size: 20px;
    font-weight: 700;
    margin-bottom: 28px;
    margin-left: -93px;
    padding: 9px 16px 7px 87px;
}

.nabu-overlay .overlay-headline a {
    color: #fff;
}

.nabu-overlay .overlay-headline a:hover {
    color: #fff;
    text-decoration: none;
}

.nabu-overlay .overlay-content p {  
    color: #fff;
    margin-bottom: 20px;
}

.nabu-overlay .overlay-content .btn {
    color: #fff;
    font-size: 1em;
    height: 30px;
    margin-bottom: 4px;
    margin-top: 0;
    position: absolute;
    text-align: center;  
    border-radius: 4px;
}

.nabu-overlay.container-hide {
    display: none;
    transition: height 0.5s ease-in-out;
}

.overlay-image {
    height: 200px;
    left: -126px;
    overflow: hidden;
    position: absolute;
    top: -66px;
    width: 100px;;
}  

.overlay-image img {
    float: right;
    border-bottom: 1px solid;
    display: block;
    height: auto;
    max-width: 100%;
}    

.ui-dialog-buttonpane {
    border: medium none;
    border-radius: 3px;
    color: #fff;
    padding: 6px 11px;
    transition: height 1s ease-in-out 0s;
    -webkit-transition: height 1s ease-in-out 0s;
    padding-left: 34px;
    font-size: 13px;   
}

.ui-dialog-buttonpane:visit {
    color: #fff;    
}

.ui-dialog-buttonpane:hover { 
    color: #fff;
    text-decoration: none;
}

.ui-dialog-buttonpane:after {
    color: #fff;
    content: "x";
    float: left;
    font-family: Verdana;
    font-size: 14px;
    font-weight: bold;
    left: 13px;
    line-height: 17px;
    padding-right: 10px;
    position: absolute;
}



/*Mitglied blau*/
.nabu-overlay.blue .overlay-headline {
    background: none repeat scroll 0 0 #0073c0;
}

.nabu-overlay.blue .ui-dialog-buttonpane {
    background: #00355B; 
}

.nabu-overlay.blue .ui-dialog-buttonpane:hover {
    background: #00192B; 
}

.nabu-overlay.blue {
    background: #0073C0; 
}

.nabu-overlay.blue .overlay-content .btn {
    background: none repeat scroll 0 0 #6CC247;
    box-shadow: 0 3px 1px #325B18;
}

.nabu-overlay.blue .overlay-content .btn:hover {
    background: none repeat scroll 0 0 #325B18;
    box-shadow: 0 3px 1px #325B18;
}

/*Spende orange*/
.nabu-overlay.orange .overlay-headline {
    background: none repeat scroll 0 0 #FF7D23;
}

.nabu-overlay.orange .ui-dialog-buttonpane {
    background: #7B3A07;  
}

.nabu-overlay.orange .ui-dialog-buttonpane:hover {
    background: #592905; 
}

.nabu-overlay.orange {
    background: #FF7D23; 
}

.nabu-overlay.orange .overlay-content .btn {
    background: none repeat scroll 0 0 #0073C0;
    box-shadow: 0 3px 1px #00355B;
}

.nabu-overlay.orange .overlay-content .btn:hover {
    background: none repeat scroll 0 0 #00355B;
    box-shadow: 0 3px 1px #00355B;
}

/*newsletter grün*/
.nabu-overlay.green .overlay-headline {
    background: none repeat scroll 0 0 #6CC247;
}

.nabu-overlay.green .ui-dialog-buttonpane {
    background: #325B18;  
}

.nabu-overlay.green .ui-dialog-buttonpane:hover {
    background: #264412;  
}

.nabu-overlay.green {
    background: #6CC247; 
}

.nabu-overlay.green .overlay-content .btn {
    background: none repeat scroll 0 0 #0073C0;
    box-shadow: 0 3px 1px #00355B;
}

.nabu-overlay.green .overlay-content .btn:hover {
    background: none repeat scroll 0 0 #00355B;
    box-shadow: 0 3px 1px #00355B;
}

/*Variante B*/

.overlay-b .overlay-image {
    background: none repeat scroll 0 0 #cccccc;
    height: 100px;
    left: -116px;
    top: -25px;
    width: 100px;
    -moz-transform: rotate(-5deg);
    -ms-transform: rotate(-5deg);
    -o-transform: rotate(-5deg);
    -webkit-transform: rotate(-5deg);
    transform: rotate(-5deg);
} 

/*blue*/
.blue.overlay-b .overlay-image {
    border: 6px solid #0073C0;
}

/*orange*/
.orange.overlay-b .overlay-image {
    border: 6px solid #FF7D23;
}

/*green*/
.green.overlay-b .overlay-image {
    border: 5px solid #6CC247;
}


/*Störer Smartphone Tablet*/
@media (max-width: 980px) {
    .overlay-image {
        display: none;
    } 
               
    .btn_lang {
        clear: both;
        display: block;
        float: none !important;
        width: 24%;
    }
    
    .pressebilder {
        display: inline-block;
        height: 100%;
        margin-bottom: 0;
    }
    
    .nabu-overlay .button {
        right: 28px;
    }   
    .nabu-overlay .container-close {
        height: 0;
    }
    
    #menu-container #container-inner .tooltip {
        left: -28px!important;
        display: block!important;  
        width: 100%!important;
        max-width: 150px!important;
        min-width: 77px!important;
        display: block!important;
    }
    
    #menu-container .tooltip-inner { 
        width: 100%!important;
    }
    
    .buntemeter-karte {
        margin-top: 43px;
    }
    
    .tooltip.top .tooltip-arrow {
        left: 55px;
    }
    
   /* .nabu-overlay {
         height: 178px !important;
    }*/
    
    .nabu-overlay h1 {
        padding: 9px 21px 6px 21px;
        margin-left: 0;
    } 
    
    .nabu-overlay .overlay-headline {
        margin-left: -68px;  
    } 
    
    .nabu-overlay .ui-dialog-buttonpane {
        display: block;
        height: 40px;
        width: 40px !important;
        color: transparent;
    }

    .ui-dialog-buttonpane:after {
        color: #fff;
        content: "x";
        float: left;
        font-family: Verdana;
        font-size: 22px;
        font-weight: bold;
        left: 15px;
        line-height: 0;
        padding-right: 0;
        position: absolute;
        top: 17px;
    }
    
    .nabu-overlay .button {
        bottom: 0!important;
    }
    
    .nabu-overlay .overlay-content {
        width: 100%!important;
        left: 20px;
        position: absolute;
        top: 12px;
    }
    
    .nabu-overlay .overlay-header {
        left: 0;
        position: absolute;
        width: 100%!important;
    }
    
    .nabu-overlay .overlay-content .text {
        width: 75%;
    }
}
@media (max-width: 480px) {

    .nabu-overlay .overlay-headline a {
        font-size: 15px;
    }
    
    .nabu-overlay .overlay-headline {
        padding: 9px 12px 7px 77px;
    }
    
    .nabu-overlay .overlay-content p {
        font-size: 14px;
    }
    
    .nabu-overlay .overlay-content .btn {
        font-size: 14px;
        height: 28px;
    }
    
    .nabu-overlay .overlay-content .text {
        margin-left: -8px;
    }
}
/*UI*/
.nabu-overlay .ui-dialog {
    bottom: 0 !important;
    height: 172px !important;
    left: inherit !important;
    position: fixed !important;
    top: inherit !important;
    width: 100% !important;   
}

.overlay-header{

}

.overlay-content{

}

.nabu-overlay .button {
    /*float: right;
    margin-right: 66px;
    margin-top: 35px;
    position: absolute;
    width: auto;
    bottom: 5px;
    right: 0;*/
    float: right;
    position: absolute;
    right: -2px;
    top: 4px;
    width: auto;
    /*transition: height 1s ease-in-out, background-color 0.5s;*/
}

.nabu-overlay .ui-dialog-buttonpane {
    z-index: 11;     
    transition: none;
}

.nabu-overlay .ui-widget-header {
    display: none;    
}

/*Termin DB*/

.termindb .h2a {
    width: 14%;   
}

.termindb h3 {
    font-size: 16px !important;
    font-weight: normal !important;
    margin-bottom: 8px !important;
    padding-left: 14px;
}

.termindb p {
    padding-left: 14px;
}

.termindb .pfeildoppel{
    background: none repeat scroll 0 0 #0069b3;
    border-bottom: 3px solid #003664;
    border-radius: 3px;
    color: #fff !important;
    font-size: 13px;
    padding: 3px 9px;
}

.termindb input[type="submit"] {
    background: none repeat scroll 0 0 #0069b3;
    box-shadow: 0 3px 0 #003664;
    border-radius: 3px;
    color: #fff !important;
    font-size: 13px;
    padding: 3px 9px;
    border:none;
}

.termindb input[type="submit"]:hover {
    background: none repeat scroll 0 0 #003664;
    box-shadow: 0 3px 0 #003664;
}

.termindb .pfeildoppel:hover {
    background: none repeat scroll 0 0 #003664;
    border-bottom: 3px solid #003664;
    text-decoration: none;
}

.termindb .text2 .small:first-child {
    margin-left: 14px;
}

.termindb .text1b b, 
.pressedb .text1b b {

}

.termindb tbody tbody tr td {
    border: none;
}

table.termindb tr td {
    border: 1px solid white;
}

.termindb table {
    margin-bottom: 4px;
}

/*Altes Spendenformular Anpassungen*/

.spendenformulare2014 #formular, 
.spendenformulare2014 .formbox {
    border: 10px solid #ef7c00;   
    background: none repeat scroll 0 0 #fff; 
    padding: 20px;
}

.spendenformulare2014 #formular .submit {
    background: none repeat scroll 0 0 #ef7c00;
    box-shadow: 0 3px 1px #b76000;
    color: #fff;
    float: left;
    font-size: 0.9em;
    height: 29px;
    margin-bottom: 4px;
    margin-top: 0;
    text-align: center;
    width: 212px;
    padding: 2px 0 0;
    font-weight: 500!important;
}

.spendenformulare2014 #formular .submit:hover {
    background: none repeat scroll 0 0 #b76000;
    box-shadow: 0 3px 1px #b76000;
    border: none;
}

.spendenformulare2014 #formular h2 {
    color: #ef7c00;
    display: inline-block;
    font-size: 228%;
    margin-bottom: 38px;
    margin-top: 0;
    text-transform: uppercase;
}

.spendenformulare2014 #formular #fehler_Spende {
    clear: both;
}

.spendenformulare2014 #formular h3 {
    color: #0068b4;
    font-size: 12pt;
    font-weight: 500;
    margin-top: 6px;
}

.spendenformulare2014 #formular .fuerwen input {
    margin-right: 6px;    
}

.spendenformulare2014 #formular label {
    font-size: 15px;
}


/*404-Seite*/

body.fehlerseite h2 {
    color: #0068b4!important;
    margin-top: 25px!important;
    font-size: 18pt!important;
}

body.fehlerseite .big-column form input[type=text] {
     padding: 9px 15px 9px 17px;
    border-radius: 6px;
    border: 1px solid #c6c6c6;
    margin-right: 2px;
    width: 230px;
}

body.fehlerseite .big-column form input.submit {
    padding: 9px 22px;
    border-radius: 6px;
    background: #0e68b5; 
    color: #fff;   
    border: 1px solid #0e68b5;
}

body.fehlerseite .big-column form input.submit:hover {
    border-radius: 6px;
    background: #00508C; 
    border: 1px solid #0e68b5;
}

body.fehlerseite .big-column form {
    text-align: center;
}

/*Sidebar Navi*/
.small-column .subdirectory {
    background: #f4f3e8 !important;
}

/*Anpassung für zweizeilige Logos*/


.logo-zweizeilig .navbar {
    margin-top: 22px !important;
}

.logo-zweizeilig #header .search {
    padding: 29px 0 0;
}

.logo-zweizeilig #header .search form {
    margin-bottom: 0;
}

.logo-zweizeilig #header .meta-navi {
    padding-top: 35px;
}

.logo-zweizeilig {
     background-position: center 870px;
}

/*Startseite zweizeilig*/

.startseite.logo-zweizeilig #header {
    height: auto;
}

/*Anpassung für einzeilige Logos*/

.logo-einzeilig .logo img,
.logo-zweizeilig .logo img {
    width: 160px;
}

.logo-einzeilig .navbar {
    margin-top: 22px !important;
}

.logo-einzeilig #header .search {
    padding: 18px 0 0;
}

.logo-einzeilig #header .search form {
    margin-bottom: 0;
}

.logo-einzeilig #header .meta-navi {
    padding-top: 23px;
}

.logo-einzeilig {
     background-position: center 870px;
}

/*Startseite einzeilig*/

.startseite.logo-einzeilig #header {
    height: auto;
}

#vorort_land {
    display: block;
    text-align: center;
}

/*imperiaprotest formular*/


.boxTextX.mailing .rot {
    display: block;
    color: red;
    clear: both;
}

.boxTextX.mailing input {
    margin-bottom: 10px;
    border: 1px solid #827f65;   
    border-radius: 3px;
    padding: 3px 5px;
    height: 35px;
}

.boxTextX.mailing textarea {
    border: 1px solid #827f65; 
    padding: 3px 5px;  
    border-radius: 3px;  
}

.boxTextX.mailing input:focus {
    border: 1px solid #0c6bbb;
}

.boxTextX.mailing label {
    font-weight: 600;        
}

#f-newsletter {
    height: auto;
}

span.rot {
    color: red;
}

.boxTextX.mailing .norm {
    margin-top: 20px; 
    background: #0068b4 none repeat scroll 0 0;
    color: #fff;
    padding: 6px 10px;   
    border: none;
    border-radius: 4px;
    cursor: pointer;
    display: inline-block;
    font-weight: 600;
}

.boxTextX.mailing .norm:hover {
    background: #00508C;   
}


.boxTextX.mailing label {
    display: block;
    margin-bottom: 5px;
}

.boxTextX.mailing+.pfeildoppel {
    display: block;
    margin-bottom: 33px;;
}

.required {
    color: red;
}

/*
#####################
### MEDIA QUERIES ###
#####################
*/
/*
    #sudoslider .column {
        max-width: 227px;
        min-width: 227px;
    }
*/
/*Desktop*/

@media (min-width: 980px) {
    #tabs .column {
        max-width: 231px;
        min-width: 231px;
    }
    
    .template2 #content .content-navi {
        margin-top: -10px;
        position: absolute;
        right: 0;
        z-index: 1;
    }
    
    .template2.unterseite .big-column {
        padding: 20px 0 0;
    }
    
    .footer-navigation.mobile {
        display: block;
    }
    
    .footer-navigation.mobile li {
        display: none;
    }
    
    .footer-navigation.mobile li.union-jack {
        display: block!important;
    }
    
    .has_slider .breadcrumb {
        width: 100%;
    }
    
    .sudoslider ul li {
        max-width: 232px;
    }

    #header .main-navi, .navbar {

    }

    #content .content-navi {
        margin-top: -10px;
        z-index: 0;
    }
            
    #content .content-navi .dropdown-menu {
        top: 0!important;
        left: 0px;
    }
    
    #content .content-navi .dropdown-menu {
        left: 0!important;
        top: 0;
    }
    .navbar {
        min-height: inherit;
    }
    
    .navbar-inverse {
        background-color: none;
        border: none;
        margin: 0;
    }
    
    .navbar .container {
        padding: 0;
    }
    
    .participate .yellow-box,
    .participate .blue-box {
        width: 48.5%;
    }

    .mobile {
        display: none;
    }
    
	.press-mobile {
        display: none!important;
    }
    .breadcrumb {
        width: 79%;
    }
    
    #tabs3 {
        display:none;
    }   

    .mobile-header {
        display: none!important;
    }
    
    #wrapper #container-outer, #wrapper #menu-container {
        width: inherit;
        display: inline;
        position: inherit;
        overflow: inherit;
    }
    
    .navi-col .open ul {
        display:block;
    }
            
    #header .search-mobile {
        display: none!important;
    }

}

/*Tablet*/
@media (max-width: 980px) {

  .press-mobile {
        display: none!important;
    }
    .fb_iframe_widget iframe {
        padding-right: 22px;
    }

    .fb_iframe_widget {
        position: inherit!important;   
    }
    
    .fb_iframe_widget span {
        position: inherit!important;
        width: 100%!important;
    }
    
     #tabs-2 {
       padding-left: 14px!important;  
    }

    #header .slider .h1 { 
        margin: 0 !important;
        padding: 0 !important;
    }
    
    #header .slider .btn { 
        margin: 0!important;   
        position: initial !important;
    }
    
    .slider div.text {
        bottom: 128px !important;
        height: 34%;
        left: 0;
        padding-left: 116px !important;
        position: absolute;
        top: 127px !important;
        width: 100%;
    }
    
    #container-inner .social_share_privacy_area { 
        float: none;
        clear: both;
        height: auto;
    }
    
    .social_share_privacy_area li.gplus.help_info .info {
        left: 0;
    }
    
    .social_share_privacy_area li .help_info.icon .info {
        left: 0;
    }
    
    #socialshareprivacy li {
        width: 77%;
        display: inline;
        clear: both;
        position: relative;
        left: 47%;
        margin-bottom: 14px !important;
    }
    
    #socialshareprivacy .mail {
        left: 32%;
        position: relative;
        float: none;      
    }
    
    #socialshareprivacy .print {
        left: 32%;
        position: relative;
        float: none;  
        margin-bottom: 22px;  
    }
    
    #container-inner .social_share_privacy_area li.settings_info .settings_info_menu {
        position: inherit;
        margin-top: 12px;
    }

    .related-topics .col-xs-8 {
        width: 72.667%;    
    }  
    
    .slider {
        height: 291px;
    }
    
    #content .small-column .donate h3 {
        display: inline-block !important;
    }
    
    .donate.large img {
        max-width: 270px !important;
    }

    .breadcrumb {
        width: 72%!important;
    }
    
    #content .donate.large .right {
        float: inherit;
        height: 46px;
    }
    
    .startseite .box.yellow-box, 
    .startseite .box.blue-box {
        width: 48.2%;
    }
    
    #content .donate.large .btn {
        margin-top: 15px;
     
    }
    
    #content .donate.large span.step {
        padding-top: 19px;
    }
    
    .footer-navigation {
        display: block!important;
    }
    
    .unterseite .yellow-box, .unterseite .blue-box {
        width: 48%;
    }
    
    .footer-content .footer-column {
        margin-bottom: 26px;
    }
    
    .unterseite .box + .box {
        margin-left: 18px;
    }
    
    .unterseite #header {
        height: auto;
    }
    
    #header .logo {
        z-index: 1;
    }
    
    #header .main-navi ul li {
        position: relative;
    }
    
    #header .main-navi ul li .submenu {
        left: -180px;
        top: 60px;
        z-index: 2;
        min-width: 720px;
    }
    
    #header .main-navi ul li .submenu:after {
        left: 31%;
    }
    
    #header .main-navi ul li + li .submenu {
        left: -288px;
    }
    
    #header .main-navi li + li .submenu:after {
         left: 46%;   
    }
    
    #header .main-navi ul li + li +li .submenu {
        left: -396px;
    }
    
    #header .main-navi ul li + li +li .submenu:after {
        left: 61%;
    }
    #header .main-navi ul li + li + li + li .submenu {
      left: -504px;
    }
    #header .main-navi li + li + li + li .submenu:after {
        left: 76%; 
    }
    
    #header .main-navi ul li + li + li + li .submenu {
      left: -504px;
    }
    
    #header .main-navi li + li + li + li + li .submenu:after {
        left: 75%;   
    }
    
    #header .main-navi ul li + li + li + li + li .submenu {
      left: -612px;
    }
    
    #header .main-navi li + li + li + li + li .submenu:after {
         left: 91%; 
    }
    
    #header .main-navi ul li {
        height: 62px;
    }
    
    #header .main-navi ul li ul .second-navi-box {
        margin-left: 8px;
    }
    
    #header .main-navi ul li ul .third-navi-box {
        margin-left: 19px;
    }            
    #header .main-navi ul li ul .first-navi-box ul li .nav-image {
        margin-right: 6px;
    }
    
    #sudoslider-top .side {
        height: 54px;
        padding: 5px 0;
        bottom: -29px;
        right: -11px;
    }
    
    #sudoslider-top .side:after {
        border-bottom: 12px solid transparent;
        border-left: 13px solid #7c4200;
        border-right: 13px solid transparent;
        position: absolute;
        right: -13px;
        top: 53px;
    }
    
    .crumb li a,
    .crumb li {
        font-size: 13px;
    }
    
    .crumb {
        margin-bottom: 5px;
    }

    #dropdownMenu1 {
        display: none;
    } 
    
    .navi-col {
        bottom: 0;
   		top: 96px;
        float: left;
        height: 100%;
        position: absolute;
    }
    
    .content-navi {
        position: absolute;
        height: 100%
    }

/* Layout Slideout Menu */
    #container-outer, 
    #menu-container {
        width: 100%;
        overflow: hidden;
        display: block;
        position: relative;
    }

    .unterseite .m-menu .fa-bars {
        color: #0068b4;
        line-height: 23px;
        position: absolute;
        font-size: 30px;
    }
    
    .m-menu {
        border: medium none;
        border-radius: 0;
        height: 38px;
        margin-bottom: 32px;
        padding-left: 18px;
        display: block;
        color: #fff;
    }

    .content-navi .active ul {
        display: block;
    }

    /* Layout Slideout Menu */
    #container-outer, #menu-container {
        width: 100%;
        overflow: hidden;
        display: block;
        position: relative;
    }

    .unterseite .m-menu .fa-bars {
        color: #0068b4;
        line-height: 23px;
        position: absolute;
        font-size: 30px;
    }
    
    .m-menu {
        border: medium none;
        border-radius: 0;
        height: 38px;
        margin-bottom: 32px;
        padding-left: 18px;
        display: block;
        color: #fff;
    }
    
    /* Mobile Menu */
    .mobile-header {
        line-height: 100%;
        display: block;
        position: relative;
        z-index: 30;
        top: 46px !important;
        z-index: 9999;
        cursor: pointer;
        padding: 0;
        width: 64px;
    }
    
    .mobile-header ul {
        margin: 0px;
        padding: 0px;
        z-index: 30;
        list-style: none;
    }
    
    .mobile-header ul li {
        float: left;
        line-height: 37px;
        list-style: none outside none;
        margin: 0;
        padding: 0;
        position: relative;
        width: 41px;
        z-index: 30;
        border-radius: 3px;
        padding: 0 !important;
        border-top: none;
    }
    
    .mobile-header ul li a {
        margin: 0px;
        padding: 20px 0px;
        width: auto;
        display: block;
        background: none;
        text-align: center;
        font-size: 12px;
        line-height: 12px;
        color: #888888;
        cursor: pointer;
        border-right: 1px solid #eeeeee;
        font-family: 'Open Sans', sans-serif;
        font-weight: 300;
        text-transform: uppercase;
    }
    
    .mobile-header ul li.m-menu a {
        font-weight: 700;
    }

    .mobile-header ul li a span.menu-open, .mobile-header ul li.active a span.menu-close {
        display: inline;
    }
    
    .mobile-header ul li.active a span.menu-open, .mobile-header ul li a span.menu-close {
        display: none;
    }
    
    /* Mobile Menu */
    .mobile-menu {
        margin: 0px;
        width: 188px;
        text-transform: none;
        font-size: 12px;
        position: relative;
        top: -59px;
        bottom: 0px;
        left: -200px; /* Hides Brief Menu Popup As JavaScript Loads */
        z-index: 9998;
        display: block;
        height: 100%!important;
        overflow: hidden;
    }
    
    .mobile-menu.active {
        height: auto;
        overflow: visible;
    }
    
    .mobile-menu-bg {
        background: #222222;
        margin: 0px;
        position: fixed;
        width: 200px;
        top: 0px;
        bottom: 0px;
        left: -200px; /* Hides Brief Menu Popup As JavaScript Loads */
        z-index: 9997;
        display: block;
        height: 100%;
    }
    
    .mobile-menu.active, .mobile-menu-bg.active {
        display: block;
    }
    
    /* Floats */
    .clearfloat:after {
        content: "";
        display: table;
        clear: both;
    }
    
    .crumb {
        width: 90%;
    }
    
    .breadcrumb {
        width: 100%!important;
        float: left;
    }
    
    .mobile-menu .dropdown-menu {
        border: none; 
        background: none repeat scroll 0 0 #f5f5f5;  
    } 
    
    .mobile-menu .dropdown-menu li:first-child:hover {
        background: #CCCCCC;  
    }
    
    .mobile-menu .dropdown-menu li:hover {
        background: url("../images/list-point2.png") no-repeat scroll 8px center / 14px auto #CCCCCC;  
    }

    #content .image-box .btn {
        font-size: 0.7em;
        padding: 3px 10px 3px 23px;
    }
    
    .unterseite #content .yellow .btn {
        background: #c09100;
        color: #fff;
        background-size: 16px;
    }
    
    .download-box {
        width: 47.5%;
    }
    
    #content .donate h3 {
        display:block;
    }

    body {
        background:none!important;
    }
    
    .slider div.text {
        padding-left: 70px!important;
    }
    
    .news {
        border-bottom: 7px double #DEDCCB;
        min-height: 438px;
    }
    
    .text-mobile {
        display: none;
    }
    
    #header .main-navi ul li:first-child a {
        padding-top: 14px;
    }
    
    #header .search {
        width: 29%;
    }
    
    .unterseite .slider {
        height: 473px;
    }    
    
    .slider li h1 {
        font-size: 2.1em;
    }
    
    #header .main-navi ul li a  {
        background: none repeat scroll 0 0 #0068b4;
        border-right: 1px solid #e3e2d4;
        color: #fff;
        display: block;
        font-size: 92%;
        height: 42px;
        line-height: 18px !important;
        padding: 5px 14px 0;
        text-align: center;
        vertical-align: middle;
        width: 108px;
    }
    
    .ui-tabs-panel {
        border-top: 1px solid #0068b4;
        margin-top: -1px; 
        padding: 18px 10px 10px 7px;
    }
    
    #tabs3 .ui-tabs-panel {
        background-image: url("../images/small-map.png");
        background-repeat: no-repeat;
        background-position: center center;
        height: 243px;
        z-index: 2;
    }

    #map {
        margin-right: 8px;
        width: 213px;
        margin-bottom: 8px;
    }
    
    .navbar {
        margin-bottom: 0;
        border: none;
        padding: 0;
    }
    
    #header .main-navi ul li a  {
        height: 50px;   
    }
    
    .orange-box img  {
        margin-bottom: -17px !important;
    }
    
    .actions .donate-help h3 {
        display: inherit;
        word-break: normal;
    }
    
    #tabs2 {
        display: none;
    }
    
    #region {
        position: absolute;
        top: 139px;  
    }
    
    #region select {
        border: 1px solid #0068B4;
        border-radius: 4px;
        width: 100%;  
        padding: 5px;   
        color: #0068B4;
        margin-bottom: 11px;  
        background: none repeat scroll 0 0 #fff;
    }
    
    #region select option {
        background: none repeat scroll 0 0 #fff;
    }
    
    #region input[type=submit] {
        border: 1px solid #0068B4;
        border-radius: 4px;
        width: 100%;    
        background: #fff;   
        text-align: left;
        padding: 5px;
        color: #0068B4; 
    }
    
    .teaser-box {
        background: #fff;   
    }
    
    .unterseite .slider {
        height: 383px;
    }
    .unterseite #header .slider {
        height: 291px;
    }
    
    .unterseite .rslides .image {
        height: 438px;
        overflow: hidden;
    }
    
    .unterseite .rslides .image {
        height: 305px;
        overflow: hidden;
    }
    
    .unterseite .rslides div.text {
        bottom: 34px;
        color: #A9A691;
        padding: 29px 78px 10px 0;
    }
    
    body {
        background: url("../images/news-line.png") repeat-x scroll center 885px rgba(0, 0, 0, 0);
    }  
        
    .member-box h3 {
        font-size:1.125em;
    }
        
    .member-box .text {
        width: 39%;
    }
    
    .member-box .btn {
        width: 251%;
    }
    
    .mobile {       
        display: none;
    }
    
    .donate .mobile{
        display:block;
    }
    
    .donate .desktop{
        display:none;
    }  
    
    #tabs-1 .btn {
        margin-top: 23px;
    }
    
    #tabs-1 .rslides_nav {
        margin-top: 13px;
    }

    .content-navi {
        margin-top: -8px;
    }
    
    .breadcrumb {
        padding-top: 10px;
    }
    
    #tabs .column {  
        min-width: 267px;
    }
   .crumb {
        padding-left: 14px!important;
        margin-top: 30px;
    }
    
    .socialmedia {
        padding: 0 15px 0 15px;
    }
    
    @media screen and (-webkit-min-device-pixel-ratio: 0) {
       #content .member-box .btn {
            width: 266%;
        } 
    }
}

@media (max-width: 979px) {
    .participate .yellow-box,
    .participate .blue-box {
        width: 48%;
    }  
    
    .download-box:first-child {
        margin-left: 0px!important;
    } 
}
/* only tablet*/
@media (min-width: 767px) and (max-width: 980px) {  
    
    .sudoslider-lightbox li {
        width: 44.1%!important;
    }
    
    .sudoslider-lightbox li:nth-child(3n) a {
        margin-right: 4px;
    }
    
    .sudoslider-lightbox li:nth-child(2n) a {
        margin-right: 0;
    }
    
    .navbar-brand {
        display: none;
    }  
    
     #tabs-5 .btn {
        bottom: 5px;
    }
    
    #tabs-5 .sudoslider + .controls {
        bottom: 15px;
    }
    
    #sudoslider-top, #sudoslider-top img {
        height: 100%;
        width: auto;
    }
    
    .sudoslider-lightbox li {
        width: 34.1%;
     }
       
    .sudoslider ul li {
        max-width: 266px;
    }
    
    .mobile-menu {
        z-index: 0;
    }
            
    #header .search-mobile {
        display: none;
    }

        
    .box-b .text {
        width: 58%;
    }
        
    #content .content-navi .dropdown-menu {
        top: 11px!important;
    }
    
    .unterseite .small-column {
        margin-left: -5px;
    }
    
    .unterseite #content h1{
        margin-top: 8px;   
    }
    
    .crumb {
        padding-left: 24px;
    }
    
    .mobile-header {
        cursor: pointer;
        display: block;
        line-height: 100%;
        position: relative;
        top: 73px;
        z-index:0;
        padding-left: 23px;
        padding-right: 0;
    }
    
    .content-navi {
        margin-top: -7px;
    }
    
    #content .content-navi .dropdown-menu {
        left: -1px;
    }

}
@media (min-width: 767px) {
 .footer-content .footer-navigation ul li.union-jack {
    display: none!important;
 }   
}

/*Smartphone*/
@media (max-width: 767px) {

    .sudoslider-lightbox li {
        width: auto!important;
    }
    
    .sudoslider-lightbox li:nth-child(3n) a {
        margin-right: 4px;
    }
    
    .sudoslider-lightbox li:nth-child(2n) a {
        margin-right: 0;
    }

    #f-vname {
        width: 60%!important;   
    }
    
    #f-nname{
        width: 60%!important; 
    }
    
    #f-plz {
        width: 45%!important; 
    }
    
    #f-ort {
        width: 90%!important; 
    }
    
    #f-email {
        width: 90%!important; 
    }

    .related-topics .col-xs-8 {
        width: 70.667%;    
    }
    
    #tabs-6 .sudoslider .column .image {
        height: inherit;
        overflow: hidden;
    }
    
    #tabs-5 .btn {
        bottom: 2px;
    }
    
    #content #tabs-6 .sudoslider + .controls {
        bottom: 9px;
    }
    
    #content #tabs-6 .btn {
        bottom: -1px;
    }

    #tabs-1 #sudoslider {
        margin-left: 4px;
    } 
    
    #tabs-6 .sudoslider,
    #tabs-5 .sudoslider {
        padding-left: 4px;
        padding-right: 4px;
    } 
    
    #sudoslider .column {
        border-right: none!important;
    }
    
    #tabs-1 .btn {
        margin-left: 4px;   
    }

    #header .main-navi ul li:nth-child(5) a {
        background: none repeat scroll 0 0 #ef7c00;
    }
    
    #header .main-navi ul li:nth-child(5) a:hover {
        background: none repeat scroll 0 0 #ef7c00;
    }
    
    #header .main-navi ul li:nth-child(5):hover a{
        background: none repeat scroll 0 0 #ef7c00;
    }
    
    #header .main-navi ul li:last-child a {
        background: #0068B4; 
    }
    
    #header .main-navi ul li:last-child a:hover {
        background: #0068B4; 
    }
    
    #header .main-navi ul li:last-child:hover a {
        background: #0068B4; 
    }
        
    .press-mobile {
        display: block!important;
    }

    #socialshareprivacy {
        border-bottom: none;
    }
    
    .slider-second div.text {
        width: 78%;
    }
        
    #tabs-2 {
        padding-left: 24px!important;  
    }
    
    #tabs-4 {
        padding-left: 19px!important;  
        padding-top: 13px!important;
    }

    .logo-zweizeilig .navbar {
        background: none repeat scroll 0 0 #006cb2;
        margin-top: 0!important;
        padding-top: 22px !important;
    }
    
    .logo-einzeilig .navbar {
        background: none repeat scroll 0 0 #006cb2;
        margin-top: 0!important;
        padding-top: 22px !important;
    }
    
    #tabs-6 .sudoslider + .controls,
    #tabs-5 .sudoslider + .controls {
        bottom: 12px;
    }
    
    #tabs-6 .sudoslider .text,
    #tabs-5 .sudoslider .text {
        margin-bottom: 42px;
    }
    
    .nabu-overlay .button {
        top: 0;
        right: -1px;
    }
         
    .slider .image {        
        background-position: center top !important;   
    }
    
    .publication-box + .download-box + .download-box {
        margin-left: 0!important;
    }
    
    #content .formulargenerator2014 .input_text input {
        clear: both;
    }
    
    #content .formulargenerator2014 .formulargenerator_items input.input_standard, 
    #content .formulargenerator2014 .formulargenerator_items input.input_einzeilig_lang, 
    #content .formulargenerator2014 .formulargenerator_items .resizable textarea, 
    #content .formulargenerator2014 .formulargenerator_items input.input_linksbuendig, 
    #content .formulargenerator2014 .formulargenerator_items input.input_rechts,
    #content .formulargenerator2014 .formulargenerator_items input.box, 
    #content .formulargenerator2014 .formulargenerator_items input.input_einzeilig_kurz, 
    #content .formulargenerator2014 .formulargenerator .captcha img, 
    #content .formulargenerator2014 .formulargenerator .input_select select, 
    #content .formulargenerator2014 .formulargenerator span.selectInner {
        clear: both;
    }
    
    #sudoslider-top, #sudoslider-top img {
        height: 100%;
        width: 100%;
        position: absolute;
    }
    
    #sudoslider-top {
    max-width: 1000px;
    }
    
    .slider li { 
        height: 100%;    
    }
    
    .unterseite .m-menu .fa-bars {
        font-size: 31px;
     }
     
    .accordion .ui-accordion-icons h3 {
        width: 86%;
    }
    
    .sudoslider-lightbox li {
        width: 33.92%;
    }
    
    .projects .article .text {
        min-height: inherit;
    }
    
    .member-box .btn {
        text-align: center;
    }
    
    #content .donate.large h3 {
        display: inline-block;
    }
    
    #content .donate.large h3,
    #content .donate.large p,
    #content .donate.large .donate-select {
        padding: 0 20px;
    }
    
    .donate.large img {
        border: medium none;
        border-bottom: 10px solid white;
        margin-bottom: 3px !important;
        max-width: 708px !important;
        right: -10px;
        top: -10px;
        width: 100%;
    }
    
    #content .donate.large {
        padding: 0 0 20px 0;   
    }
    
    #content .donate.large .image {
         margin-left: -20px; 
    }
    
    .startseite .big-column,
    .startseite .small-column {
        padding: 0 20px;    
    } 
    
    .startseite .news .big-column {
        padding: 0px;    
    }
    
    .startseite .news .small-column { 
        padding: 0;
    }
    
    #content .small-column .donate input {
        width: 93% !important;
    }
        
    .startseite .news .small-column {
        margin-top: 0px;
    }
    
    #content .tabs-content .ui-tabs-nav li {
        width: inherit;
    }
        
    .startseite .download-box {
        margin-left: 0 !important;
    }
    
    .float-box {
        width: 100%;
    }
    
    .projects {
        overflow: visible;
    }
    
    .unterseite .yellow-box, .unterseite .blue-box {
        width: 100%;
    }

    .unterseite .box + .box {
        margin-left: 0px;
    }
    
    .startseite .box + .box {
        margin-left: 0px;
    }

    .startseite .box.yellow-box, 
    .startseite .box.blue-box {
        width: 100%;
    }
    
    #header .logo {
        z-index: 3;
    }
    
    .box-b .image {
        width: 33%;
    }
    
    .navbar-header {
        display: block;
    }
    
    .unterseite #header {
        height: auto;
    }
    
     #header .main-navi, .navbar{
        height: auto!important;
     }
 
     #header .main-navi ul li {
        height: auto;
    }
    .side {
        display: none;
    }
    
    #header {
    height: auto;
    }
    
    #header .main-navi ul li .submenu {
        display: none!important;
    }
    
    .mobile-header {
        top: 79px!important;
        width: 28px;
        float: left;
    } 
    
    .navi-col {
        top: 146px;
    }
    
    body {
        background: #fff;
    }
    
    .unterseite #content {
        padding: 0 20px;
    }

    .table-responsive {
        overflow-x: auto;
    }
    
    #tabs-1 .controls a {
        left: 5px;
    }

 	.crumb {
        margin-top: 63px;
        width: 92%;
        height: auto;  
    }
    
    .mobile-menu {
        width: 198px;
    }
    
    #content .breadcrumb {
        width: 100% !important;
    }
    
    #content .navi-col {
        float: right;
        margin-top: 65px;
        left: 0px;
    }

    #content .navi-col {
        float: right;
        margin-top: 0px;
    }

    .download-box {
        margin-left: 0px;
        max-width: 100%;
        width: 100%;
    }

    .unterseite #content .yellow .btn {
        background: url("../images/pencil-y.jpg") no-repeat scroll 7px center / 14px auto #c09100;
    }
    
    #content .image-box .btn {
        padding: 3px 14px 3px 32px;
    }

    .unterseite .small-column .content-navi .dropdown-toggle i {
       right: 4%;
    }
    
    .news .big-column{
        padding-bottom: 20px;  
    }
    
    .unterseite .big-column {
        padding: 0px;
    }
    
    #content .full-image-box img {
        width: 100%;
    }
    
    .member-box {
         padding: 0 10px 0 0;
    }

    .unterseite #content .slider .rslides1_nav {
        bottom: -1px;
    }

    #content .donate .euro {
        background: none repeat scroll 0 0 #e3e2d4;
        border-bottom: 1px solid #86846b;
        border-radius: 0 3px 3px 0;
        border-right: 1px solid #86846b;
        border-top: 1px solid #86846b;
        float: right;
        height: 31px;
        padding-left: 2%;
        padding-top: 5px;
        width: 7%;
    }
    
    #content .donate input {
        border: 1px solid #86846b;
        border-radius: 3px 0 0 3px;
        height: 31px;
        padding: 0 7px;
        width: 93%;
        float: left;
    }
    
    .desktop {       
        display: none;
    }
    
    .mobile {       
        display: block;
    }
    
    .actions .projects .article {
        border-top: 1px solid #86846b;
    }
    
    .actions .projects .article .text {
        border-top: none;
    }
    
    .participate .yellow-box,
    .participate .blue-box {
        width: 100%;
    } 

    .footer-content .footer-column {
        margin-bottom: 10px;
        margin-top: 20px;
    }
    
    #content .donate .amount {
        margin-top: 20px;
    }

    .member-box .btn {
        max-width: 128%;
        margin-top: 22px;
    }
    
    .member-box .text {
        width: 82%;
    }
    
    .rslides .btn {
        font-size: 1em;
        margin-top:9px;
    }
    
    .ui-tabs .ui-tabs-nav {
        margin: 0 0 0 10px;
    }
    
    #tabs .ui-tabs-panel {
        margin-left: -7px;
        padding-left: 19px;
    }

    .breadcrumb {
        width: 97% !important;
        margin-bottom: -20px;
    }
    
    .unterseite .small-column {
         padding: 0 0px;
    }

    .unterseite .slider {
        height: 373px;
    }
    
    .unterseite .rslides div.text {
        bottom: 34px;
        color: #a9a691;
        padding: 25px 78px 10px 0;
    }
    
    .unterseite .rslides .image {
        height: 323px;
        overflow: hidden;
    }
    /*Navigation mobile*/
    
    .main-navi {
        padding: 0;
        width: 100%
        overflow: inherit;        
    }
    
    #header .nav {
        width: 100%;
        margin: 0;
    }
    
    #header .main-navi ul {
        clear: both;
        float: inherit;
        margin-top: 0px;
        overflow: hidden;
        z-index: 0;
    }
    
    #header .main-navi ul li {
        float: inherit;
        clear: both;
        border-top: 1px solid white;
    }

    #header .main-navi ul li: hover ul li {
        background: #0068B4 ;
    }
    
    #header .main-navi ul li a {
        border-bottom: medium none;
        border-right: medium none;
        display: inherit;
        font-size: 115%;
        line-height: 36px !important;
        margin: 0 auto;
        text-align: right;
        width: 100%;
        padding-right: 23px;
    }
    
    #header .main-navi ul li:first-child a {
        padding-top: 0;
        border-top: none;
        line-height: 46px !important;
    }
    
    #header .main-navi ul li ul {
        position: inherit;
        margin-top: 0;
        top: 0;
    }
    
    #header .main-navi ul li:hover {
        background: #0068B4;
    }
    
    #header .main-navi ul li:hover a {
        background: #0068B4;
    }
    
    #header .main-navi ul li.show:hover a {
        background: #00518c;   
    }
    
    #header .main-navi ul li:hover ul li a {
       background: inherit;
    }
    
    #header .main-navi ul li.show:hover ul li a {
        background: #00518c;
    }
    
    #header .main-navi ul li:hover ul {
        display: none
    }
    
    #header .main-navi ul li.show ul {
        display: block;
    }
    
    #header .main-navi ul li ul li {
        width: 100%;
        background: none;
    }
    
     #header .main-navi ul li ul li a { 
        width: 100%;
        max-width: inherit;
        font-size: 115%;
        text-align: center;
    }
    
    #header .main-navi ul li.show ul li a {    
        background: #00518c;
    }
    #header .main-navi ul li ul li a:hover { 
        background: #0068B4;
    }
         
    #header .main-navi ul li.show { 
    }
    
    #header .main-navi ul li.show a {
        background: #0068B4;
    }
    
    #header .main-navi ul li.show:hover a {
        background: #0068B4;
    }

    .container {
        padding: 0;
    }
 
    .navbar-toggle .icon-bar {
        height: 3px;
    }
    
    .navbar-inverse .navbar-toggle:hover,
    .navbar-inverse .navbar-toggle:focus {
        background: #0068B4;
    }
    
    .navbar-inverse .navbar-toggle {
        border: none;
        color: #fff;
        font-size: 17px;
    }
    
    .navbar-inverse .navbar-brand {
        color: #fff;
    }
    
    .navbar-brand  {
         color: #fff;
        float: right;
        font-size: 119%;
        line-height: 17px;
        margin-right: 21px;
        height: auto;
        padding: 0;
        float: left;
    }
    
    .news {
        border: none;
         min-height: 373px;
    }
    
    .meta-navi,.search {
        display: none;
    }
    
    #header .navigation {
        margin: 0;
    }
    
    #header .logo {
        top: 0px;
    }
    
    #header .logo img {
         width: 125px;
    }
    
    .slider .rslides1_nav {
        display: none;
    }
    
    .slider {
        height: 319px;
    }
    
    .unterseite #header .slider {
        height: 300px;
    }
    
    .unterseite .slider .controls {
        display: block;
    }
    
    .slider li .h1 {
        font-size: 1.4em;
    }
    
    .slider div.text {
        background: url('../images/transparent.png');
        bottom: 0;
        height: 100%;
        left: 0;
        position: absolute;
        width: 100%;
        padding: 28px!important;
    }
    
    .unterseite .rslides div.text {
        background: #fff;
    }
    
    .small-column {
        padding: 0;
    }
    
    .big-column {
        padding: 0;
    }
    
    .actions .projects .article img {
        display: block;
        float: left;
        height: auto;
        max-width: 100%;
    }
    
    .actions .participate .box + .box {
        margin-left: 0px;
    }
    
    .actions h1,
    .actions h2,
    .actions h3,
    .actions p {
        padding: 0 10px 0 0px;    
    }
    
    .projects .text {
        width: 50.667%;
    }
    
    .participate {
        padding: 0;
    }
    
    .box {
        margin-bottom: 0;
    }
    
    .blue-box {
        margin-bottom: 0;
    }
    
    .tips .blue-box {
        margin-bottom: 0px;
    }
    
    .orange-box {
        background: none repeat scroll 0 0 white;
    }
    
    .actions .donate-help h3 {
        margin-bottom: 30px;
    }

     .teaser-box {
        margin: 0 !important;
        padding-bottom: 10px;
        padding-left: 14px;
        padding-top: 10px;
    }
    
    #tabs3 {
        background: none repeat scroll 0 0 #e3e2d4;
        padding: 0;
        border-radius: 0;
        min-height: 263px;
    }
    
    #tabs3 .ui-tabs-panel {
        border: none;   
    }
    
    #tabs3 .ui-tabs-nav {
        display: none; 
    }
        
    #tabs .ui-tabs-nav .mobile {
        padding: 7px 14px;
        width:auto!important;
    }
    
    .projects {
        padding: 0!important;
    }
    
    .projects h2 {
         padding: 14px 10px;   
         margin-bottom: 0;
    }
    
    .unterseite .projects h2 {
        background: none;
    }
    
    .projects .article h2 {
        background: none; 
         padding: 0;  
    }
    
    .actions h2 {
        background: none repeat scroll 0 0 #E3E2D4;
        padding: 14px 10px;   
        margin-bottom: 0;   
        clear: both;
        height: auto;
    }
    
    .actions .box h2 {
        background: none;   
        clear: inherit;
        padding: 0;
    }
    
    .actions .donate-help {
        padding: 0;
    }
    
    .actions .donate-help h3 {
        background: none repeat scroll 0 0 #E3E2D4;
        padding: 14px 10px;   
        margin-bottom: 0;   
        clear: both;  
    }
    
    .actions .donate-help .box h3 {
        background: none;   
        clear: inherit;
        padding: 0;
    }
    
    .actions .tips {
        padding: 0;
    }
    
    .member-box h3 {
        font-size:1.6em;
        padding-top:10px!important;
        margin-bottom: -10px !important;
    }

    #region {
        position: absolute;
        top: 117px;
        padding-right: 7px;
    }
    
    #tabs3 .ui-tabs-panel {
        margin: 0 auto;
        width: 363px;   
        background-position: right center;
    }

    .member-box .text {
        width: 78%;
    }
    
    .slider div.text {
        top: 154px;
    }
    
    .text-mobile {
        display: block;
        position: relative;
    }
    
    .text-mobile p {
        font-size: 90%;
    }
    
    .text-mobile h3 {
        text-transform: uppercase;
        color: #828064;
        margin-bottom:20px;
        font-size: 118%;
    }
    
    .slider .controls .prevBtn {
        display:none;
    }
    
    .slider .controls .nextBtn {
        display:none;
    }
    
    .slider .controls .numericControls {
        bottom: 6%;
    }
    
    .slider .btn {
        margin-top: 7px;
    }
}



@media (max-width: 440px) {
    .unterseite .big-column iframe {
        height: auto;
    }
    
    .video_right,
    .video_left {
        width: 100% !important;
    }
    
    .video_right .youtube_overlay,
    .video_left .youtube_overlay {
        padding: 5px 5px 5px 13px;
    }
}

@media (max-width: 522px) {

    #tabs .ui-tabs-nav .ui-state-default {
         width: 49px;
    }   
    
    .image-right {
        width: 100%;
    }    
        
    .slider li .h1 {
        font-size: 1.5em !important;
    }
    
    .image-left {
        width: 100%;
    }
    
    .imagehoch {
        max-width: inherit!important;
    }
    
    .sudoslider-lightbox li {
        width: 34.3%;
    }
    
    .projects .article.single .text {
        padding: 0;
    }   
        
    .projects .article .text {
        padding: 0;
    }
    
    .download-box {
        margin-left: 0!important;
        max-width: 100%;
        width: 100%;
    }
    
    .no-slide-teaser .column {
        float: inherit;
        width: 100%;
        margin-bottom: 20px;
        padding: 0;
        overflow: hidden;
    }

    .no-slide-teaser .column .text {
        margin-bottom: 10px;
        min-height: 50px;
    }
    
    #content .no-slide-teaser .column .btn {
        width: 100%;
        position: inherit;
    }
    
    .crumb {
        width: 90%;
    }
    
    #content .donate.large h3 {
        display: inline-block;
    }
    
    #content .ui-tabs-nav .fa-twitter,
    #content .fa-facebook,
    #content .fa-youtube,
    #content .fa-users {
        padding-top: 8px;
    }
}

@media (max-width: 520px) {
   .unterseite .rslides img { 
        border: 0 none;
        display: block;
        float: left;
        height: auto;
        min-width: 139%;
        width: 66%;   
    } 
    
    #header .search-mobile .form-group {
        width: 94%;
    }
    
    .projects .article .image {
        width: 100%;
    }
    
    .mejs-overlay:hover .mejs-overlay-button {
    	background-position: 0 -84px ;
    }
        
    .mejs-overlay-button {
        left: 55%;
        width: 84px;
        height: 90px;
    }
    
    .actions .projects .article .image {
        padding: 0;
        width: 100%;
        clear:both;
     }
    
    .projects .text {
        width: 100%;
    }
    
    .actions .projects .article img {
        clear: both;
        display: block;
        height: auto;
        max-width: 100%;
        width: 100%;
    }
}

@media (min-width: 500px) {
    #content .content-navi .dropdown-menu {
        top: 0px;
    }    
}

@media (min-width: 500px) and (max-width: 767px) {
   .startseite .slider div.text {
        height: 55%;
    }   
    .startseite #header {
        height: 355px;
    }
}

@media (max-width: 510px) {

}

@media (max-width: 500px) {
    #socialshareprivacy li {
        position: relative;
        left: 43%;
    }
        
    .slider .image {
        background-position: center -102px !important;
    }

    #socialshareprivacy .mail {
        left: 35%;
        position: relative;
    }
    
    #content .content-navi .dropdown-menu {
        top: 0px;
    }
    
    .slider {
        height: 198px;
    }  
    
    .unterseite #header .slider {
        height: 198px;
    }
    
    .slider div.text {
        background: url("../images/transparent.png") repeat scroll 0 0 rgba(0, 0, 0, 0);
        bottom: 44% !important;
        height: 62% !important;
        top: 76px !important;
        left: 0;
        padding: 10px 28px 28px !important;
        position: absolute;
        width: 100%;
    }
    
    .slider .controls .numericControls {
        left: 46%;
        bottom:4%;
    }
    
    .slider .btn {
        font-size: 0.7em;
        margin-top: 9px;
        line-height: 22px;
        height: 27px;
    }
    
    #content .ui-tabs .ui-tabs-nav .ui-state-default a {
        font-size: 1em;
    }
    
    .slider div.text {
        background: url("../images/transparent.png") repeat scroll 0 0 rgba(0, 0, 0, 0);
        bottom: 44%;
        height: 35%;
        left: 0;
        padding: 10px 28px 28px;
        position: absolute;
        width: 100%;
    }
    
    .slider li .h1  {
        font-size: 1em;
    }
    
    .rslides_tabs  {
        bottom: 0;
        left: 48%;
        position: absolute;
        z-index: 2;
    } 
}

@media (max-width: 480px) {

   .navi-col {
         top: 205px;
    }
    
    #content .social_share_privacy_area {
        width: 89% !important;
    }
        
    .sudoslider-lightbox li {
        width: 34.4%;
    }
    
    #content .donate.large .right {
        height: auto;
    }
    
    .sudoslider + .controls {
        width: 30%!important;
    }
    /*Chrome*/
    @media screen and (-webkit-min-device-pixel-ratio: 0) {          
       #content .member-box .btn {
            width: 100%;
        } 
    }  
    
    #content .donate.large form span {
        margin-top: 12px;
    }
     
    #tabs3 .ui-tabs-panel {
        margin: 0 auto;
        width: 445px; 
        background-position: center center;
    }
        
    #content .content-navi .dropdown-menu {
        top: -59px;
    }
    
    #content .donate.large .btn {
        width: auto;
     }
     
    .news {
       min-height: 373px;
    }
    
    .unterseite .image-right {
        padding: 0 0 15px; 
        clear:both;
        margin: 0 0 0 15px;
    }
    
    #tabs .ui-tabs-nav .ui-state-default:first-child {
        padding: 7px 14px;
    }
    
    #tabs .ui-tabs-nav .mobile {
        padding: 7px 14px;
        width:auto;
    }

    .rslides .btn {
        font-size: 0.7em;
        margin-top: 9px;
    }
    
    .big-column  {
        padding: 0;
    }

    .projects .text {
        width: 100%;
    }   
    
    .actions .projects .article img {
        clear: both;
        display: block;
        height: auto;
        max-width: 100%;
        width: 100%;
    } 
    
    .box {
        margin-bottom: 0;
    }
    
    .yellow-box img,
    .blue-box img,
    .orange-box img,
    .member-box img{
        display: none;
    }
    
    .member-box .btn{
        margin-top: 19px;
    }
    
    .member-box h3 {
        font-size:1.5em;
    }
        
    .member-box .text {
        width: 62%;
    }
    
    .actions .blue-box {
        margin-bottom: 0;
    }
    
    .orange-box  {
        background: none repeat scroll 0 0 white;
    }
    
    #tabs li a img {
        height: 35px;
        width: auto;   
    }
    
    .ui-tabs .ui-tabs-nav li {    
        width: 48px;
    }
    
    .ui-tabs .ui-tabs-nav li a {
        font-size: 14px;
        line-height: 33px;
        text-transform: uppercase;
    }

    .crumb {
        padding: 0!important;
    }
    
       #content .content-navi .dropdown-menu {
       top: -58px;  
    }
}

@media (max-width: 460px) {
    .crumb {  
        width: 85%;
    }
    
    .mobile-header {
        width: 34px;
    }
}

@media (max-width: 380px) {

    #socialshareprivacy .print {
        left: 32%;
    }

    #socialshareprivacy li {
        position: relative;
        left: 36%;
    }
    
    #socialshareprivacy .mail {
        left: 28%;
        position: relative;
    }

    #tabs li a img {
        height: 32px;
        width: auto;   
    }
    
    .ui-tabs .ui-tabs-nav li {    
        width: 42px;
    }
    
    .tabs-content .ui-tabs-nav li {
        width: inherit;
    }
    
    .ui-tabs .ui-tabs-nav li a {
        font-size: 12px;
        line-height: 33px;
        text-transform: uppercase;
    }
    
    #header .logo img {
        width: 102px;
    }  
    
    .unterseite #content .slider {
        height: 340px;
    } 
    
    .unterseite .rslides li {
        height: 364px;
    }
}

@media (max-width: 396px) {

    .unterseite .slider {
        height: 373px;
    }     
}

@media (min-width: 380px) and (max-width: 500px){
    #socialshareprivacy .print {
        left: 36%;
    }
}

@media (max-width: 343px) {
    
    .unterseite #content .slider {
        height: 330px;
    } 
    
    .unterseite .rslides li {
        height: 354px;
    }    
}

@media (max-width: 343px) {
    
    .unterseite #content .slider {
        height: 310px;
    } 
    
    .unterseite .rslides li {
        height: 327px;
    }    
    
    .unterseite .rslides div.text {
        padding: 22px 78px 10px 0;
    }  
    
    .socialmedia .social {
        float: none;
        margin: 0 auto;
        text-align: center;
    }  
}


/*Chrome*/
@media screen and (-webkit-min-device-pixel-ratio: 0) {
    #header .search input[type=text] {
        margin-top: 0px;
        display: block;
        float: left;
    }  
      
    #header .search input[type=submit] {
        float: right;
        display: block;
    }
    
   .member-box .btn {
        width: 129%;
    } 
    
    #content .donate h3 {
        font-size: 140%;
    }
    
    #tabs .column {
        margin-bottom: 12px;
        padding: 0;
    }
}

/*Chrome*/
@media screen and (-webkit-min-device-pixel-ratio: 0) {  

    #tabs-1 .controls {
        left: 254px;
    }     
}

/*IE8*/

#content .actions .small-column {
    float: right\9;
}

#tabs-1 .controls a {
    left: 235px\9;
}

#content .donate H3 {
    display:block \9;
    font-size: 139%\9;
}


/* IE 10+ */
@media screen and (-ms-high-contrast: active), (-ms-high-contrast: none) {
   #tabs-1 .controls a { left: 15px; }
   #content .donate H3 { 
    display:flex;
    font-size: 169%;
    }
}


/*IE10+*/


@media screen and (-ms-high-contrast: active), (-ms-high-contrast: none) {  

    @media screen (max-width: 980px) {
        .content-navi {
            margin-top: -18px;
        }
    }

    @media (max-width: 780px) {
        .unterseite .small-column {
            padding: 70px 34px 0 20px;
        }
    }
    
    #tabs-1 .controls {
        left: 222px;
    }
}

#content a.black {
  color: #333333;
  font-weight: bold;
}

.dropdown-menu > li > strong > a {
    text-decoration: none;
}

.mobile-menu li {
    background-image: none;
    padding-left: 0px !important;
}

.pressebilder a {
    float: left;
    margin-right: 21px;
    margin-bottom: 14px;
}

.pressebilder a:nth-child(3n),
.pressebilder a:nth-child(6n),
.pressebilder a:nth-child(9n),
.pressebilder a:nth-child(12n) {
    margin-right: 0;
}

.big-column .videoplayer-box:nth-child(3n),
.big-column .videoplayer-box:nth-child(6n),
.big-column .videoplayer-box:nth-child(9n),
.big-column .videoplayer-box:nth-child(12n),
.big-column .videoplayer-box:nth-child(15n),
.big-column .videoplayer-box:nth-child(18n),
.big-column .videoplayer-box:nth-child(21n),
.big-column .videoplayer-box:nth-child(24n),
.big-column .videoplayer-box:nth-child(27n),
.big-column .videoplayer-box:nth-child(30n) {
    margin-right: 0;
}

.big-column script + .videoplayer-box {
    margin-right: 21px;
}

.videoplayer-box {
    margin-bottom: 10px;
    padding: 0;
    margin-right: 21px;
    width: 213px;
    float: left;
}

.videoplayer-box .thumb {
    position: relative;
}

.videoplayer-box .btn {
    background: none repeat scroll 0 0 #fff;
    border: 1px solid #a9a691;
    color: #86846b;
    float: left;
    height: 28px;
    padding-top: 2px;
    color: #86846b !important;
}

.videoplayer-box .btn:hover {
    color: #fff !important;
    background: #86846b;
}

.video-overlay-box {
    margin: 0px auto;
    text-align: center;
}

#sudoslider-top {
    display: none;
}

.rssfeed {
}

.rssfeed .rssfeed_link {
    margin-top: 0.5em;
    display: block;
}

.rssfeed_item {
    margin-bottom: 2.2em;
}

.description_wrap img {
    margin-bottom: 1em;
}

#tabs .ui-tabs-nav .blogtab {
    padding: 7px 12px; 
    width: auto !important;
}

.small-column .text ul li a {
    background: rgba(0, 0, 0, 0) url("../images/list-point2.png") no-repeat scroll 2px 4px / 12px auto;
    padding-left: 20px;
}

/*Scroll Landingpage*/



.landing-scroll .slider .btn {
    display: none;
}

.landing-scroll .header-content {
    width: 100%;
    padding: 0;  
}

.landing-scroll .slider.slider-nonav .image {
    background-size: auto!important;
    height: 602px !important;
}

.landing-scroll #sudoslider-top, 
.landing-scroll #sudoslider-top img {
    max-width: 100%;
    width: 100%;
}

.landing-scroll .slider.slider-nonav {
    height: 602px;
}

.landing-scroll .landing-image {
    overflow: hidden;
    height: 602px;
    width: 100%;
}

.landing-scroll .landing-image img {
    height: auto;
    max-width: 100%;
    width: 100%;
}

.landing-scroll .landing-image .text-container {
    position: absolute;
}

.landing-scroll .landing-image h1 {
    color: white;
    font-size: 37px;
}

.landing-scroll #header .landing-image {
    position: fixed;
}

.landing-scroll #header {
    margin-bottom: 328px;
}
/*
.landing-scroll #header {
    margin-bottom: 493px;
}
*/
.landing-scroll #wrapper {
    position: relative;
    z-index: 100;
}

.landing-scroll .big-column {
    background: linear-gradient(180deg, transparent, #fff);
    padding: 9px 9px 0;
    position: relative;
    z-index: 100;
    /*background: #fff;*/
}

.landing-scroll .big-column:before {
    
}

.landing-scroll .big-column:after {
    
}

.landing-scroll .big-column > h1 {
    color: #fff!important;    
    position: relative;
    top: -124px;
}

.landing-scroll #content {
    overflow: visible;
}

.landing-scroll #socialshareprivacy .settings_info {
    display: none;
}

/*
.landing-scroll #content .big-column > h1 {
    color: #fff;
    position: relative;
    top: -294px;
}

.landing-scroll .big-column.col-xs-12.col-sm-9 > * {
    position: relative;
    top: -168px;
}
*/
/* Nur Firefox */
/*
@-moz-document url-prefix() {
    .landing-scroll .big-column.col-xs-12.col-sm-9 > * {
        position: relative;
        top: -151px;
    }
}
*/

.landing-scroll #footer {
    position: relative;
    z-index: 2;
}

@media (min-width: 1508px) {
    .landing-scroll .landing-image {
        height: 708px;
    }
}

@media (min-width: 1629px) {
    .landing-scroll .landing-image {
        height: 815px;
    }
}


@media (max-width: 980px) {
    .landing-scroll #header {
        margin-bottom: 305px;
    }
}

@media (max-width: 978px) {
    .landing-scroll #header {
        margin-bottom: 425px;
    }
    
    .landing-scroll .unterseite #content h1 {
        color: #fff;
    }
    
    .landing-scroll.unterseite #content .big-column > h1 {
        top: -209px;
    }
    
    .landing-scroll .big-column.col-xs-12.col-sm-9 > * {
        position: relative;
        top: -130px;
    }
    
    .landing-scroll #container-outer, 
    .landing-scroll #menu-container {
        overflow: visible; 
    }
}

@media (max-width: 972px) {
    .landing-scroll #header {
        margin-bottom: 405px;
    }
}


@media (max-width: 832px) {
    .landing-scroll #header {
        margin-bottom: 0px;
    }
    
    .landing-scroll #header .landing-image {
        position: relative;
    }
    
    .landing-scroll .landing-image {
        height: auto;
    }
    
    .landing-scroll .col-sm-9 {
        width: 98.3%;
    }
    
    .landing-scroll.unterseite #content .big-column > h1 {
        top: -201px;
    }
    
    .landing-scroll .big-column.col-xs-12.col-sm-9 > * {
        position: relative;
        top: -94px;
    }
}

@media (max-width: 492px) {
    .landing-scroll.unterseite #content .big-column > h1 {
        position: inherit;
        color: #0068b4!important;
        top: 0;
        margin-bottom: 30px;
    }
    
    .landing-scroll .big-column.col-xs-12.col-sm-9 > * {
        position: inherit;
        top: inherit;
    }
}