/*
To change this license header, choose License Headers in Project Properties.
To change this template file, choose Tools | Templates
and open the template in the editor.
*/
/* 
    Created on : 28.03.2018, 14:54:57
    Author     : juergen kind 
*/
/*@import url("nav-iphone5.css");*/


/* SDA Header */
@media (min-width: 1200px) {
    
    .sda_page_header11 {
       
    }
    
    
    .sda_header_full {
        width: 1140px;
        min-width: 1140px;
        padding-bottom:  0em;
        margin-bottom: 0px;
        /* FIX TYPO 11 */
        margin-top: -11px;
    }
    .sda_header_full img {
        width: 100%; 
        margin-bottom: -1em;
    }   
    
        #content {
    /*border: 1px solid green;*/
    width: 1140px;
    margin: auto;
}
.container {
    width: 1140px;
    max-width: 1140px;
}
   
.footer-section {
    background: #fff;
    width: 1140px;
    margin: auto;
}
  footer {
background: #fff;
max-width: 1140px;
margin: auto;
padding-top: 0em;
padding-bottom: 4em;

    }
    

}

/* SDA Topnavigation */
@media (min-width: 1200px) {

.navbar-main > li > .navbar-text, .navbar-main > li > a {
    background: transparent;    
}

.navbar-default-transition .navbar-nav > .open > a, .navbar-inverse-transition .navbar-nav > .open > a, .navbar-default-transition .navbar-nav > .active > a, .navbar-inverse-transition .navbar-nav > .active > a, .navbar-default-transition .navbar-nav > li > a, .navbar-inverse-transition .navbar-nav > li > a, .navbar-default-transition .navbar-nav > .open > a:hover, .navbar-inverse-transition .navbar-nav > .open > a:hover, .navbar-default-transition .navbar-nav > .active > a:hover, .navbar-inverse-transition .navbar-nav > .active > a:hover, .navbar-default-transition .navbar-nav > li > a:hover, .navbar-inverse-transition .navbar-nav > li > a:hover, .navbar-default-transition .navbar-nav > .open > a:focus, .navbar-inverse-transition .navbar-nav > .open > a:focus, .navbar-default-transition .navbar-nav > .active > a:focus, .navbar-inverse-transition .navbar-nav > .active > a:focus, .navbar-default-transition .navbar-nav > li > a:focus, .navbar-inverse-transition .navbar-nav > li > a:focus {
    color: #005792;
    font-size: 16px;
}

.navbar-default .navbar-nav > li > a, .navbar-default-transition .navbar-nav > li > a, .navbar-default-transition.navbar-transition .navbar-nav > li > a {
    color: #005792;
    font-size: 16px;
}

}



/* SDA Kopf */
@media screen and (min-width: 1200px) {
    #sdakopf {
    margin: auto;
    text-align: center;
    width: 1140px;
}

}


/* SDA Topnavigation mit Schatten */
@media (min-width: 1200px) { 

    /*
    .navbar-nav > li > .dropdown-menu {
    margin-top: 0;
    border-top-right-radius: 0;
    border-top-left-radius: 0;
    border-bottom-left-radius: 8px;
    border-bottom-right-radius: 8px;
    border-top: 1px solid transparent;
    -webkit-box-shadow: 1px 42px 100px 8px rgba(0,0,0,0.19);
    -moz-box-shadow: 1px 42px 100px 8px rgba(0,0,0,0.19);
    box-shadow: 1px 42px 100px 8px rgba(0,0,0,0.19);
    -moz-box-shadow: 2px 3px 100px 8px rgba(0,0,0,0.25);   
}
*/


} 


/* SDA  Keine Topnavigation */
@media screen and (min-width: 1200px) {
    
/* Topnavigation und Logo entfernen */
.navbar-main { display: none; }
.navbar-header { display: none; }
    
/* Hintergrundbild */
.navbar.navbar-fixed-top, .navbar.navbar-fixed-bottom {
    position: absolute;
    /* position: fixed; */
    height: 200px;
    background: url(/fileadmin/templates/sda1/img/sda_kopf.png);
    background-size: 1140px;
    background-repeat: no-repeat;
    background-position-x: center;
}
}

/* SDA sdaTopSearchInput    und      Länderflaggen */
@media screen and (min-width: 1200px) { 

    .sda-top-flags-container {
        display: flex;
        position: relative;
        margin: auto;
        /* border: 1px solid red; */
        width: 90px;
        left: 510px;
        top: -155px;
        z-index: 9999;
        display: flex;
    }
    
    .sda-flag-de { margin-left: 1.5em;height: 1em; }
    .sda-flag-en { margin-left: .2em;height: 1em; }
    
    .sda-top-search {
        position: relative;
        margin: auto;
        /* margin-right: -8px; */
        /* border: 1px solid red; */
        width: 160px;
        /* left: 440px; */
        top: -150px;
        left: 470px;
        z-index: 9999;
    }
    .sda-top-search-input {
        color: #005792;
        border: 1px solid #ccc;
        /* border-radius: .5em; */
        padding: .10em;
        width: 100%;
        /* padding-left: 5em; */
        text-align: center;
        outline: none;
        font-size: 12px;
    }
     
     .subnav-wrap {/* margin-top: 20px; */padding-right: 0em;padding-left: 0em;width: 25%;padding-top: 2em;}
    /* Punkte zwischen Navigation und Content */

       .maincontent-wrap {
        background: url(/fileadmin/templates/sda1/img/content_bg.gif) repeat-y top left;
        width: 75%;
        padding-top: 4.5em;
        padding-bottom: 3em;
        padding-left: 2rem;
 }
   
    
    
}



.extbase-debugger-floating {
    position: absolute;
    z-index: 999;
    margin-top: 600px;
    margin-left:600px;
}





/* Tablets */
@media only screen and (max-width:991px) and  (orientation: landscape) {
    
   body, .htmlarea-content-body {
        
        font: normal 140% Verdana, Arial, Helvetica, sans-serif;
        font-size:1em;
        line-height: 1.4;
        color: #666;
}
h1,h2 { font-size: 1.5em;}

} 
/* Tablets */
@media only screen and (max-width:991px) and (orientation: portrait) {
    
    
    body, .htmlarea-content-body {
        
        font: normal 140% Verdana, Arial, Helvetica, sans-serif;
        font-size:1em;
        line-height: 1.4;
        color: #666;
}

    h1,h2 { font-size: 1.5em;}


}