/*allgemeine, größenunabhängige Style*/
.bgi{
    width:100%;
}

/*Service*/
.circlt{
    border-top-left-radius: 100% 100%;
    border-top-right-radius: 0% 0%;
    border-bottom-right-radius: 0% 0%;
    border-bottom-left-radius: 0% 0%;

    padding-left:10%;
    padding-right:1%;
    padding-bottom:1%;
    padding-top:10%;

    width:39%;
}

.circlb {
    border-top-left-radius: 0% 0%;
    border-top-right-radius: 0% 0%;
    border-bottom-right-radius: 0% 0%;
    border-bottom-left-radius: 100% 100%;

    padding-left:10%;
    padding-right:1%;
    padding-bottom:10%;
    padding-top:1%;

    width:39%;
}

.circrb {
    border-top-left-radius: 0% 0%;
    border-top-right-radius: 0% 0%;
    border-bottom-right-radius: 100% 100%;
    border-bottom-left-radius: 0% 0%;

    padding-left:1%;
    padding-right:10%;
    padding-bottom:10%;
    padding-top:1%;

    width:39%;
}

.circrt {
    border-top-left-radius: 0% 0%;
    border-top-right-radius: 100% 100%;
    border-bottom-right-radius: 0% 0%;
    border-bottom-left-radius: 0% 0%;

    padding-left:1%;
    padding-right:10%;
    padding-bottom:1%;
    padding-top:10%;

    width:39%;
}

.imgblue:hover {
    transform: scale(1.15);
    background-color:#112233;
    opacity:1 !important;
    filter:alpha(opacity=100) !important; /* For IE8 and earlier */
    box-shadow: 0 0 0px #000000 !important;
}

.imgred:hover {
    transform: scale(1.15);
    background-color:#940000;
    opacity:1 !important;
    filter:alpha(opacity=100) !important; /* For IE8 and earlier */
    box-shadow: 0 0 0px #000000 !important;
}

.imggreen:hover {
    transform: scale(1.15);
    background-color:#008000;
    opacity:1 !important;
    filter:alpha(opacity=100) !important; /* For IE8 and earlier */
    box-shadow: 0 0 0px #000000 !important;
}


.imgorange:hover {
    transform: scale(1.15);
    background-color:#ff8000;
    opacity:1 !important;
    filter:alpha(opacity=100) !important; /* For IE8 and earlier */
    box-shadow: 0 0 0px #000000 !important;
}






/*.body{
    background-color:white;
    margin-left:0px;
    padding-left:0px;
}*/

/* CHANGING BREAKPOINT OF BOOTSTRAP 3 NAVIGATION BAR*/
@media (max-width: 799px) {
        .navbar-header {
                float: none;
        }
        .navbar-toggle {
                display: block;
        }
        .navbar-collapse {
                border-top: 1px solid transparent;
                box-shadow: inset 0 1px 0 rgba(255,255,255,0.1);
        }
        .navbar-collapse.collapse {
                display: none!important;
        }
        .navbar-collapse.collapse.in {
            display: block!important;
        }
        .navbar-nav {
                float: none!important;
                margin: 7.5px -15px;
        }
        .navbar-nav>li {
                float: none;
        }
        .navbar-nav>li>a {
                padding-top: 10px;
                padding-bottom: 10px;
        }
    .navbar-form {
        padding: 10px 15px;
        margin-top: 8px;
        margin-right: -15px;
        margin-bottom: 8px;
        margin-left: -15px;
        border-top: 1px solid transparent;
        border-bottom: 1px solid transparent;
        -webkit-box-shadow: inset 0 1px 0 rgba(255, 255, 255, .1), 0 1px 0 rgba(255, 255, 255, .1);
        box-shadow: inset 0 1px 0 rgba(255, 255, 255, .1), 0 1px 0 rgba(255, 255, 255, .1);
        width:auto;
        float:none!important;
    }
}


/*nav {
                width: 100%;
                height: 40px;
                background: -webkit-linear-gradient(#3f9a15, #388813, #3f9a15, #388813, #3f9a15);
                background: -o-linear-gradient(#3f9a15, #388813, #3f9a15, #388813, #3f9a15);
                background: linear-gradient(#3f9a15, #388813, #3f9a15, #388813, #3f9a15);
                border-radius: 6px !important;
                -moz-border-radius: 6px !important;
            }

.nav a{
    color: #cccccc !important;
    font-size: 18px !important;
    line-height: 14px !important;
    margin-top:0px !important;
    margin-bottom:0px !important;
}*/


.mnavbarbrand{
    font-size:22px;
    margin-top: 10px;
    margin-left: 10px;
    color:#dddddd;
    font-family:Calibri;
}






.image {
    position:relative;
    display:inline-block;
}
.overlay {
    display:none;
    background:#112233;
    color:white;
    opacity: 0.8;
    padding-left:30px;
    padding-top:10px;
    margin-left:0px;
    margin-right:-30px;
    margin-top:0px;
    margin-bottom:0px;
}
.image:hover .overlay {
    width:100%;
    height:100%;
    /*background:rgba(0,0,0,.15);*/
    /*opacity:0.5;*/
    position:absolute;
    top:0;
    left:0;
    display:inline-block;
    /*-webkit-box-sizing:border-box;
    -moz-box-sizing:border-box;*/
    -webkit-box-sizing:initial;
    -moz-box-sizing:initial;
    box-sizing:border-box;


    -webkit-filter:inherit;
      }

    /* All other styling - see example */

    img{
        vertical-align:top; /* Default is baseline, this fixes a common alignment issue */
    }