/* 
=========================================
Skin styles für frankheinze.de
erstellt von IT-Dienstleistungen QUEISSER
Juli / November 2016
=========================================
*/
@charset "UTF-8";
@import url(https://fonts.googleapis.com/css?family=Open+Sans);
@import url('../bootstrap/css/bootstrap.min.css');

body {
    font-family: 'Open Sans', sans-serif;
    font-size: 14px;
    color: #74615b;
    line-height: 18px;
    background-color: #fff;
    min-height: 1px;
    background-image: url(images/bg1280.jpg);
    background-position: center top;
    background-repeat: no-repeat;
    height: 100%;
}

h1
{
    color: #2f4f6e;
    font-size: 18px;  
}

.mleft
{
    margin-left: -20px;  
}

a
{
    color: #2f4f6e;
    text-decoration: none;
}

a: hover
{
    text-decoration: underline;
}

.blau
{
    color: #2f4f6e;
    font-weight: bold;
}

#siteHeadouter
{
    height: 151px;
}

#siteHeadinner
{
    height: auto;
    visibility: visible;
    text-align: center;
}

#siteHeadinnerMob
{
    height: 0;
    visibility: collapse;
    text-align: center;
}

#contentWrapper
{
}

.Header
{
}

.contentPane1
{
    margin-top: 79px;
}

.contentPane2
{
    margin-top: 51px;
    float: left;
}

.content-right
{
    float: left;
    height: 190px;
    width: 250px;
    margin-top: 91px
}

.copyright
{
    float: right;
    margin-top: 65px;
    color: #2f4f6e;
}

#impressum, #datenschutz
{
    padding:10px;
    background:#fff;
}

a.inline.cboxElement {
    text-decoration: underline;
}

.container {
    width: 650px!important;
}

.Leistungen 
{
    margin-top: 20px;
}

.zeile1, .zeile2, .zeile3, .zeile4, .zeile5, .zeile6, .zeile7
{
   display: block;
   height: auto;
}

.zeile1 div, .zeile2 div, .zeile3 div, .zeile4 div, .zeile5 div, .zeile6 div, .zeile7 div
{
   float: right;
   margin-top: 8px;
   width: 92%;
}

.zeile1::before
{
    content: url(images/z1.jpg);
}

.zeile2::before
{
    content: url(images/z7.jpg);
}

.zeile3::before
{
    content: url(images/z2.jpg);
}

.zeile4::before
{
    content: url(images/z3.jpg);
}

.zeile5::before
{
    content: url(images/z4.jpg);
}

.zeile6::before
{
    content: url(images/z5.jpg);
}

.zeile7::before
{
    content: url(images/z6.jpg);
}

@media (max-width: 979px) {
    body {
        background-image: none;
    }
    
    #siteHeadouter
    {
        height: auto;
    }

    #siteHeadinner {
        height: 0;
        visibility: collapse;
    }

    #siteHeadinnerMob {
        height: auto;
        visibility: visible;
    }

    .container {
        width: auto!important;
    }

    .contentPane1 {
        margin-top: 0;
    }
    .zeile1, .zeile2, .zeile3, .zeile4, .zeile5, .zeile6, .zeile7
    {
       height: 50px;
    }

    .zeile1 div, .zeile2 div, .zeile3 div, .zeile4 div, .zeile5 div, .zeile6 div, .zeile7 div
    {
       width: 86%;
    }

    h1 {
        padding-left: 20px;
    }

    .contentPane2
    {
        margin-top: 20px;
    }

    .content-right
    {
        height: 200px;
        width: 100%;
        margin-top: 20px
    }
}

@media (max-width: 480px) {
    .zeile1 div, .zeile2 div, .zeile3 div, .zeile4 div, .zeile5 div, .zeile6 div, .zeile7 div
    {
       width: 90%;
    }
}