/* Artfully masterminded by ZURB  */

/* -------------------------------------------------- 
   Table of Contents
-----------------------------------------------------
:: Shared Styles
:: Page Name 1
:: Page Name 2
*/


/* -----------------------------------------
   Shared Styles
----------------------------------------- */

.cfx:before, 
.cfx:after { 
    content: " "; display: table;
}
.cfx:after { 
    clear: both;
}
.cfx { 
    *zoom: 1;
}

body {
    color: #666;
    font-family: 'Open Sans', sans-serif;
    font-weight: 400;
}

a {
    color: #408adb;
}

a:hover {
    color: #408adb;
}

h1, h2, h3, h4, h5, h6 {
    color: #444;
    font-family: 'Open Sans', sans-serif;
    font-weight: 400;
}

form {
    margin: 0;
    padding: 0;
}

legend {
    display: none;
}

fieldset {
    border: 0;
    margin: 0;
    padding: 0;
}

label {
  margin-bottom: 8px;
}

input[type="text"], input[type="password"], input[type="date"], input[type="datetime"], input[type="email"], input[type="number"], input[type="search"], input[type="tel"], input[type="time"], input[type="url"], textarea {
    color: #666;
    border-radius: 0px;
    border: 1px solid #ddd;
}

input[type="text"][disabled], input[type="password"][disabled], input[type="date"][disabled], input[type="datetime"][disabled], input[type="email"][disabled], input[type="number"][disabled], input[type="search"][disabled], input[type="tel"][disabled], input[type="time"][disabled], input[type="url"][disabled], textarea[disabled] {
    background-color: #f4f4f4;
}


input.button[type="submit"] {
    background: #408adb url(../images/bg_button.png) center right no-repeat;
    border: 0;
    box-shadow: none;
    padding: 10px 48px 10px 17px;
    width: auto;
}

input.button.postfix[type="submit"] {
    padding: 0 48px 0 17px;
    border-radius: 0px;
}


form.customized select {
    border: 1px solid #DDDDDD;
    color: #666666;
    padding: 6px;
    font-family: 'Open Sans', sans-serif;
}

a.button {
    background: #408adb url(../images/bg_button.png) center right no-repeat;
    border: 0;
    box-shadow: none;
    padding: 10px 48px 10px 17px;
    width: auto;
}

a.button:hover,
a.button:focus {
    background-color: #408adb !important;
}

a.button.logout {
    float: left;
    width: auto;
    background-image: url(../images/bg_button_logout.png);
}

a.button.email {
    float: left;
    width: auto;
    background-image: url(../images/bg_button_email.png);
}

.dsp-no {
    display: none;
}

.topbar h3 {
    font-size: 14px;
    font-weight: normal;
}

.topbar {
    position: fixed;
    width: 100%;
    top: 0;
    height: 45px;
    z-index: 100;
    background: #25476c;
}

.topbar  ul{
    float: right;
    margin: 0;
    padding: 0 2px 0 0;
    list-style: none;
    background: url(../images/bg_topbar_separator.png) top right repeat-y;
}

.topbar  ul li{
    float: left;
    position: relative;
    height: 45px;
    width: 60px;
    margin: 0;
    padding: 0;   
    background: url(../images/bg_topbar_separator.png) repeat-y; 
}

.topbar  ul li a{
    display:block;
    line-height: 45px;
    text-align: center;
    text-transform: uppercase;
    color: #fff;
    outline: 0;
}

.topbar  ul li a:hover{
    color: #408adb;
}

.topbar  ul li a:focus {
    outline: 0;
}

.topbar  #switch-recommend,
.topbar  #switch-recommend{
    background: transparent url(../images/bg_topbar_recommend_inactive.png) center center no-repeat; 
}

/* .topbar  #switch-recommend:hover, */
.topbar  #switch-recommend.active{
    background: #fff url(../images/bg_topbar_recommend_active.png) center center no-repeat; 
}

.topbar #switch-search,
.topbar #switch-search{
    background: transparent url(../images/bg_topbar_search_inactive.png) center center no-repeat; 
}

/* .topbar #switch-search:hover, */
.topbar #switch-search.active{
    background: #fff url(../images/bg_topbar_search_active.png) center center no-repeat; 
}

.topbar form {
    margin: 0;
}

.topbar label,
.topbar legend {
    display: none;
}

.topbar fieldset {
    border: 0;
    margin: 0;
    padding: 20px;
}

.topbar fieldset h3 {
    margin: 0 0 10px 0;
}

.topbar  ul li .wrapper{
    display: none;
    position: absolute;
    z-index: 99;
    top: 45px;
    right: -1px;
    width: 245px; 
    height: auto; /*180px*/
    background: #fff;
    border: 1px solid #ddd;
    border-top: 0;
}

header.site-header {
    position:relative;
    width: 1120px;
    max-width: 100%;
    margin: 45px auto 0 auto;

}

header.site-header .logo{
    padding: 45px 0;
    margin: 0 0 15px 0; 
    border-bottom: 2px solid #f4f4f4;
}

header.site-header .keyimage {
    height: 292px;
    background: url(../images/bg_keyimage.jpg) top center no-repeat;
}

header.site-header .box-login {
    height: auto;
    margin-top: -20px;
    background: #fff;
    /* border: 1px solid #ddd; */
    -webkit-box-shadow: 0 0 5px #aaa;
    -moz-box-shadow: 0 0 5px #aaa;
    box-shadow: 0 0 5px #aaa;
}

header.site-header .box-login  form {
    margin: 0;
}


header.site-header .box-login  legend {
    display: none;
}

header.site-header .box-login  label {
    float: left;
    font-size: 12px;
}

header.site-header .box-login  .fieldset ,
header.site-header .box-login  fieldset {
    border: 0;
    margin: 0;
    padding: 20px;
}

header.site-header .box-login  fieldset h3 {
    float: left;
    font-size: 18px;
    margin: 0 0 20px 0;
}

header.site-header .box-login  .small {
    float: right;
    font-size: 12px;
    line-height: 20px;
}

header.site-header .box-login  .register {
    clear: both;
    font-size: 12px;
    margin: 10px 0 0 0;
}

header.site-header .box-claim {
    position: absolute;
    bottom: 50px;
    left: -40px;
    width: 60%;
    background: #25476c;
}

header.site-header .box-claim .wrapper{
    padding: 15px 20px 15px 80px; 
}

header.site-header .box-claim h2{
    margin: 0;
    color: #fff;
    font-size: 18px;
    font-style: italic;
}

/* Hauptnavigation */
#main-navigation {
    margin: 0 0 35px -11px;
}

#main-navigation .nav-bar{
    margin: 0;
    background: #fff;
}

#main-navigation .nav-bar > li {
    line-height: 38px;
    border: 0;
}

#main-navigation .nav-bar > li.active,
#main-navigation .nav-bar > li:hover  {
    background: #fff;
}

#main-navigation .nav-bar > li > a {
    color: #408adb;
    border: 1px solid #fff;
}

#main-navigation .nav-bar > li.active > a,
#main-navigation .nav-bar > li:hover > a {
    color: #25476c;
    cursor: pointer;
}

#main-navigation .nav-bar > li > a:first-child {
    padding: 0 10px;
    background: #fff;
}

#main-navigation .nav-bar > li.has-flyout > a:first-child {
    padding-right: 40px;
}

#main-navigation .nav-bar > li.has-flyout > a.active,
#main-navigation .nav-bar > li.has-flyout:hover > a:first-child {
    border: 1px solid #ddd;
    border-bottom-color: #fff;
    z-index: 41;
    box-shadow: none;
}

#main-navigation .flyout-toggle { 
    z-index: 42;
}

#main-navigation .flyout { 
    background: #fff;
    border: 1px solid #ddd;
    padding: 10px 20px;
    top: 39px;
    width: 280px;
    box-shadow: none;
}

#main-navigation .flyout.right {
    right: 0px;
}

#main-navigation ul.flyout li, 
#main-navigation .nav-bar li ul li {
    border: 0;
}

#main-navigation ul.flyout li a, 
#main-navigation .nav-bar li ul li a {
    background: #fff;
    border: 0;
    border-top: 1px solid #ddd;
    box-shadow: none;
    color: #408adb;
    padding: 20px 0;
}

#main-navigation .nav-bar > li.has-flyout > a.flyout-toggle {
    border: 0;
}

#main-navigation ul.flyout li:first-child a, 
#main-navigation .nav-bar li ul li:first-child a{
    border: 0;
}

#main-navigation .nav-bar > li.has-flyout > a:first-child:after {
    border-color: #408ADB transparent transparent;
}

#main-navigation ul.flyout li a:hover, 
#main-navigation ul.flyout li a:focus, 
#main-navigation .nav-bar li ul li a:hover, 
#main-navigation .nav-bar li ul li a:focus {
    background: #fff;
    color: #25476c;
}

/* /Hauptnavigation */

/* Teaser */
.box-teaser {
    font-size: 12px;
    margin: 0 0 30px 0;
}

.box-teaser h3 {
    margin: 0 0 15px 0;
    color: #444;
    font-size: 18px;
}

.box-teaser p {
    margin: 15px 0 0 0;
    font-size: 12px;
}

.box-teaser-bottom {
    font-size: 12px;
    margin: 0 0 15px 0;
}

.box-teaser-bottom h3 {
    margin: 0 0 15px 0;
    color: #408ADB;
    font-size: 18px;
}

.box-teaser-bottom p {
    margin: 15px 0 0 0;
    font-size: 12px;
}

.box-teaser-bottom img {
    width: 100%;
}
/* /Teaser */


#orbit-foerderung{

}

#orbit-foerderung  ul {
    margin: 0;
    padding: 0;
    list-style: none;
}


#orbit-foerderung  ul {
    margin: -4px 0 0 -4px;
}

#orbit-foerderung ul li{
    float: left;
    height: auto;
    width: 50%;
    margin: 0;
    padding: 0;
    border-left: 4px solid #fff;
    border-top: 4px solid #fff;
}

#orbit-foerderung img{
    display: block;
    width: 100%;
}

.orbit-wrapper .timer {
    display: none;
}


/* Content */

.content,
.content-right,
.content-bottom {
    margin-top: 40px;
}

.content * {
    font-size: 14px;
}

.content header {
    margin: 0;
    max-width: 100%;
    position: static;
    width: auto;
}

.content h1,
.content h2,
.content h3,
.content h4,
.content h5,
.content h6
 {
    font-size: 18px;
    margin: 15 0 15px 0;
}

.content h1,
.content h2 {
    font-size: 21px;
    line-height: 27px;
    margin: 0 0 20px 0;
}

.content h1 a,
.content h2 a,
.content h3 a,
.content h4 a,
.content h5 a,
.content h6 a{
    font-size: inherit;
}

.content h3.case-correspondence {
    border-top: 2px solid #F4F4F4;
    margin: 0;
    padding: 50px 0 25px 0;
}

.content ol {
    padding: 0 0 0 15px;
}

.content ul {
    padding: 0 0 0 15px;
    list-style: url(../images/bullet_normal.png) outside disc;
}

.content ul.error {
    list-style: url(../images/bullet_error.png) outside disc;
}

.content .error {
    color: #c60f13 !important;
}

.content ul.success {
    list-style: url(../images/bullet_success.png) outside disc;
}

.content .success {
    color: #108700 !important;
}

.content ul.pagination {
    padding: 20px 0;
}

.content ul.pagination li a {
    color: #666;
    background: #F4F4F4;
}

.content ul.pagination li:hover a, 
.content ul.pagination li a:focus {
    background: #ddd;
}
.content ul.pagination li.current a {
    background: #408ADB;
    color: #fff;
}

.content .row.cases * {
    line-height: 1.6;
}

.content .row.cases .case-wrapper {
    margin: 0 20px;
    padding: 25px 0;
    border-top: 2px solid #f4f4f4;
}

.content .row.cases .columns {
    padding: 0;
}

.content .row.cases .columns:first-child {
    padding: 0 20px 0 0;
}

.content .row.cases  .case-title a{
    font-size: 18px;
}

.content .row.cases  .case-bearbeiter,
.content .row.cases  .case-head {
    font-size: 18px;
}

.content .row.cases  .case-status-wrap {
    text-align: right;
}

.content .row.cases  .case-status {
    font-size: 18px;
}

.content .row.cases  .status-1 {
    color: #beb300;
}

.content .row.cases  .status-2 {
    color: #ab0303;
}

.content .row.cases  .status-3 {
    color: #108700;
}

.content .link-schlichtung,
.content-right .link-schlichtung  {
    display: block;
    padding: 35px 25px 35px 100px;
    background: #408adb url(../images/bg_link_schlichtung.png) 25px center no-repeat;
    color: #fff;
    font-size: 18px;
    font-style: italic;
}

.content #correspondence-form-wrapper {
    display: none;
    padding: 25px 0;
    border-top: 2px solid #f4f4f4;
}

.content label.correspondence {
    font-size: 18px;
    margin: 0 0 25px 0;
}

.content form.case-status-filter div.custom.dropdown {
    float: right;
}


/* /Content */

footer.site-footer {
    width: 100%;
    height: 85px;
    margin: 35px 0 0 0;
    background: #25476c;
    color: #fff;
}

footer.site-footer a{
    color: #fff;
    text-decoration: underline;
}

footer.site-footer  ul{
    margin: 40px 0 0 0;
    padding: 0;
    list-style: none;
}

footer.site-footer  ul li{
    float: right;
    width: auto;
    margin: 0 0 0 20px;
    padding: 0;
    font-size: 12px;    
}

footer.site-footer  ul li.copy{
    float: left;
    margin: 0;
}


/* -----------------------------------------
   Page Name 1
----------------------------------------- */




/* -----------------------------------------
   Page Name 2
----------------------------------------- */

/* -----------------------------------------
   MOBILE
----------------------------------------- */
@media only screen and (max-width: 767px) {

    .topbar {
        position: relative;
    }
    
    .topbar .columns{
        padding: 0;
    }  

    .topbar  #switch-mobile-navigation{
        position: absolute;
        left: 0;
        width: auto;
        padding: 0 10px 0 0;
        background: transparent url(../images/bg_topbar_separator.png) top right repeat-y; 
    }
    
    .topbar  #switch-mobile-navigation a{
        padding: 0 15px 0 20px;
        background: transparent url(../images/bg_arrow_down_light.png) right center no-repeat; 
    }

    .topbar  #switch-mobile-navigation.active a{
        background: transparent url(../images/bg_arrow_up_light.png) right center no-repeat; 
    } 

    header.site-header {
        margin-top: 0;
    }    
   
    header.site-header .logo{
        padding: 25px 0;
        margin: 0;
        border: 0;
    }
    
    #main-navigation {
        display: none;
         margin: 0 0 35px 0;
    }
        
    #main-navigation .nav-bar > li > a:first-child,
    #main-navigation .nav-bar > li.has-flyout:hover > a:first-child    {
        color: #408adb;
        background: #ddd;
        border: 0;
        border-bottom: 1px solid #fff;
    }
    
    #main-navigation .flyout {
        padding: 0 10px;
        border: 0;
        top: 0;
    }
    
    #main-navigation .flyout.right {
        left: 0px;
        border-shadow: 0 0 0 transparent;
    }
    
    #main-navigation ul.flyout li a, 
    #main-navigation .nav-bar li ul li a {
        padding: 10px 0;
    }    
    
    .content label.inline {
        margin: 0;
    }
    

   .content .row.cases  .case-status-wrap {
        text-align: left;
    } 

    
 /*

    #main-navigation .nav-bar > li.has-flyout:hover > a:first-child {
        border: 0;
    }*/

}







/* print */
@media print {

    body {
        display: block !important;
        height: auto !important;
        overflow: visible !important;
        width: 100% !important;
        padding: 0 !important;
        margin: 0 !important;
        font-family: Verdana, sans-serif !important;
        color: #000 !important;
    }

    body * {
        box-sizing: content-box !important;
        display: inherit !important;
        overflow: visible !important;
        height: auto !important;
        font-family: Verdana, sans-serif !important;
        color: #000 !important;
    }
        
    header,
    .site-header,
    header.site-header .logo
       .row,
    .row .columns,
    .main-column    {
        padding: 0 !important;
        margin: 0 !important;
        width: 100% !important;
        border: 0 !important;
    }
    
    body script,
    .topbar,
    .keyimage,
    #main-navigation,
    .content-bottom,
    .right-column,
    .site-footer {
        height: 0;
        display: none !important;
    }    
    
    .main-column *{
        display: block !important;
        height: auto !important;
    }
    
    body script {
        position: absolute !important;
        top: 0px !important;
        left: 0px !important;
        width: 0px !important;
        height: 0px !important;
        visibility: hidden !important;
        overflow: hidden !important;
        
    }
    

}