@charset "utf-8";
/*#0F28DA verex blau*/
/*#C6E8FF hell blau*/
/*#9FD9FF mittel blau*/
body {
    font-family: Verdana, Geneva, Tahoma, sans-serif;
    font-size: 1em;
    color: #000;
    padding-top: 3em;
    padding-bottom: 1em;
    background-color: #DDD;
}
header {
    background: #EEE; /* Old browsers */
    background: -moz-linear-gradient(top, #DDD 0%, #EEE 15%, #EEE 70%, #9fd9ff 100%); /* FF3.6-15 */
    background: -webkit-linear-gradient(top, #DDD 0%,#EEE 15%,#EEE 70%,#9fd9ff 100%); /* Chrome10-25,Safari5.1-6 */
    background: linear-gradient(to bottom, #DDD 0%,#EEE 15%,#EEE 70%,#9fd9ff 100%); /* W3C, IE10+, FF16+, Chrome26+, Opera12+, Safari7+ */

    border-bottom: 0.5em solid #9FD9FF;
}
header img {
    height: 3.5em;
    margin-left: 20vw;
    margin-top: 1em;
    margin-bottom: 0.5em;
}
#div_all {
    width: 80vw;
    margin: auto;
}
/*Navigations Formular #frm_mainnav*/
#div_nav {
    text-align: right;
    padding-right: 2em;
    padding-top: 1em;


    background-color: #EEE;
}
#div_nav ul li {
    list-style:none;
    display: inline-block;
}
    .but_nav {
        width: 8em;
        border: 0.15em solid #CCC;
        border-radius: 0.8em;
        padding-top: 0.3em;
        padding-bottom: 0.3em;
        background-color: transparent;
        box-shadow: 0.2em 0.2em 0.4em #333;
        color:#666;
        text-shadow: 1px 1px 2px transparent;
        font-size: 1.05em;
        font-weight: bold;
    }
    .but_nav:hover {
        background-color: #CCC;
        color:#EEE;
        text-shadow: 1px 1px 2px #000;
    }
/*Inhalt der wechselt*/
#div_content {
    box-sizing: border-box;
    width: 80vw;
    min-height: 70vh;
    margin: auto;
    padding: 2vw;
    background-color: #EEE;
}
    /*Info wo bin ich h1*/
    h1 {
        color:#666;
        font-size: 1.5em;
        margin-bottom: 1em;
        padding-left:1em;
        padding-bottom: 0.5em;
        border-bottom: 1px solid #000;
    }
    .div_details{
        margin-left: 12vw;
        margin-right: 12vw;
    }
        /*im ordner div_details*/
        h2 {
            width: 70%;     
            padding: 0.4em 0em 0.4em 1em;
            border-radius: 0.8em 0em 0em 0.8em;
            font-size: 1.2em;
            margin-top: 1.5em;
            margin-bottom: 1.5em;
            background: #9FD9FF; /* Old browsers */
            /*rgba wegen mobil transparent kennt nicht*/
            background: -moz-linear-gradient(left, #9FD9FF 0%,#C6E8FF 70%, rgba(255,255,255,0) 100%); /* FF3.6-15 */
            background: -webkit-linear-gradient(left, #9FD9FF 0%,#C6E8FF 70%, rgba(255,255,255,0) 100%); /* Chrome10-25,Safari5.1-6 */
            background: linear-gradient(to right, #9FD9FF 0%,#C6E8FF 70%, rgba(255,255,255,0) 100%); /* W3C, IE10+, FF16+, Chrome26+, Opera12+, Safari7+ */         
        }
        h2 img {
            height: 1.3em;
            margin-right: 1em;
            vertical-align: sub;
        }
        /*unterüberschrift auch mit img zb. fernwartung*/
        h3 {
            font-size: 1.2em;
            margin-left: 10vw;
            margin-bottom: 1em;
        }
        h3 img {
            margin-right: 2em;
        }
        /*kontakt div nebeneinander*/
        .split_div {
            text-align: center;
        }
        .split_div div{
            display:inline-block;
            text-align: left;
            margin-top: 2em;
            margin-bottom: 2em; 
        }
        .split_div div span {
            line-height: 1.5em;
        }
        .split_div div a{
            color: #000;
            text-decoration: none;
            text-shadow: 1px 1px 1px #666;
        }
        .split_div div a:hover{
            text-shadow: 1px 1px 1px #0F28DA;
        }
        .platzhalter {
            padding-left: 4em;
            padding-right: 4em;
        }
        /*anfrage form*/
        #div_anfrage form {
            padding: 1em;
            border: 0.3em solid #9FD9FF;
            border-radius: 1em;
            box-shadow: 0.2em 0.2em 0.4em #333;
        }
        #div_anfrage legend {
            font-weight: bold;
            margin-bottom: 1em;
        }
        #frm_anfrage p {
            margin-top: 0.5em;
        }
        #frm_anfrage p:last-of-type {
            text-align: center;
        }
        #frm_anfrage label {
            display: inline-block;
            width: 5em;
        }
        #frm_anfrage label:nth-of-type(2){
            margin-left: 1em;
        }
        #frm_anfrage label:last-of-type {
            padding-bottom: 0.5em;
        }
        /*startseite txt*/
        #einleitung {
            margin-left: 3.5em;
            font-size: 0.8em;
            font-style: italic;
            color: #000;
        }
        .txt_start {
            margin-left: 4em;
        }
        .txt_start p{
             font-size: 1.2em;
        }
        .ul_start {
            margin-left: 3em;
            margin-top: 0.2em;
        }
        .ul_start li {
            line-height: 1.4em;
            list-style:none;
        }
        /*zb. bei Adresse*/
        #div_add {
            margin-bottom: 2em;
            margin-right: 3em;
        }
        .txt_name {
            display: block;
            text-align: center;
            font-size: 1.3em;
            text-shadow: 2px 2px 2px #9FD9FF;
        }
        .txt_label {
            font-weight: bold;
            margin-right: 2em;
        }
        .txt_fett {
            font-weight: bold;
        }
        .txt_solo {
            display: block;
        }
        .txt_center {
            display: block;
            text-align: center;
        }
        /*Links zb. TeamViewer + Logo für Download*/
        .div_link {
            margin-bottom: 1em;
            margin-left: 18vw; 
        }
        .a_link {
            text-decoration: none;
            color: #000;
        }
        .a_link img {
            width: 3em;
            border: 2px solid #EEE;
            border-radius: 0.5em;
        }
        .a_link span {
            vertical-align: 1em;
            padding-left: 1em;
        }
        .a_link:hover {
            text-shadow: 1px 1px 1px #333;
        }
        .a_link:hover img {
            border-color: #0F28DA ;
        }        
        /*google map*/
        #map {
            text-align: center;
        }
        #map iframe {
            border: 0.3em solid #9FD9FF;
            border-radius: 1em;
            box-shadow: 0.2em 0.2em 0.4em #333;
        }
/*Partner*/
#div_partner { 
    margin: auto;
    padding-top: 0.5em;
    padding-bottom: 1em;
    width: 80vw;
    background-color: #EEE;
    text-align: center;
}
#div_partner h2{
    text-align: left;
    margin-left: 0.5em;
}
#div_partner img{
    height: 2.5em;
}
footer {
    position: relative;
    bottom: 0vw;
    text-align: center;
    height: 4em;
    padding-top: 0.5em;
    background: #EEE; /* Old browsers */
    background: -moz-linear-gradient(top, #9fd9ff 0%, #EEE 40%, #EEE 70%, #DDD 100%); /* FF3.6-15 */
    background: -webkit-linear-gradient(top, #9fd9ff 0%,#EEE 40%,#EEE 70%,#DDD 100%); /* Chrome10-25,Safari5.1-6 */
    background: linear-gradient(to bottom, #9fd9ff 0%,#EEE 40%,#EEE 70%, #DDD 100%); /* W3C, IE10+, FF16+, Chrome26+, Opera12+, Safari7+ */
    border-top: 0.5em solid #9FD9FF;
}