/* 
    Created on : 04.03.2016, 18:14:57
    Author     : Peter Bieling
*/
body, html {
    border:0;
    margin:0;
    padding:0;
}

/* orbitron-500 - latin */
@font-face {
  font-family: 'Orbitron';
  font-style: normal;
  font-weight: 500;
  src: url('../fonts/orbitron-v25-latin-500.eot'); /* IE9 Compat Modes */
  src: local(''),
       url('../fonts/orbitron-v25-latin-500.eot?#iefix') format('embedded-opentype'), /* IE6-IE8 */
       url('../fonts/orbitron-v25-latin-500.woff2') format('woff2'), /* Super Modern Browsers */
       url('../fonts/orbitron-v25-latin-500.woff') format('woff'), /* Modern Browsers */
       url('../fonts/orbitron-v25-latin-500.ttf') format('truetype'), /* Safari, Android, iOS */
       url('../fonts/orbitron-v25-latin-500.svg#Orbitron') format('svg'); /* Legacy iOS */
}



.wspnwr {
    white-space: nowrap;
}

.sliderimage {
    max-width: 80%;
    height:auto;
}

img.tkprdinfo {
    width:100%;
    max-width:500px;
    margin-bottom:30px;
    margin-top:20px;
}

table.techdetails {
    display:block;
    margin-left:10px;
}
table.techdetails th, table.techdetails td {
    vertical-align: top;
    padding: 4px;  
}

#m-adv-logo {
    display:none;
    width: 120px;
    border-radius: 7px;
}

#contactForm {
    margin-bottom:15px;
}
.rounded-img {

}
#support a {
    color:white;
    background-color:transparent;
}



.support-sidebar span {
    padding-right:10px;

}


.support-sidebar img.rounded-img {
    margin-top:10px;
    margin-bottom: 10px;
    border-radius: 7px;

    width: 100%;
    max-width: 160px;

}

div.prdctinfo {
    color:black;
    background-color: #ffffff;
    font-size:90%;
    border-left:1px solid silver;
    border-right:1px solid silver;
}

/*
div.owncont {
    padding:20px;
}
*/

div.firmacont {
    font-size:160%;
    padding: 10px;



}


#support a.remotetool {
    color:black;
    background-color:orange;
    display: inline-block;
     border-radius:7px;
    font-weight:normal;
     padding:0 2px 0 2px; 
    margin:1px 0 1px 0;
}
#support a.remotetool:hover {
    color:black;
    background-color:lightskyblue;
    text-decoration: none;
}

h1 {
    font-family: 'Orbitron', Arial, Verdana, sans-serif;
    font-size:24px;
    padding-top:10px;
}

body {
    position: relative; 
    color:white;
    background-color:black;
}

section#infos div.container-fluid {
    padding-top:0;
}

/* Datenschutz */
.dse h3 {
    font-size:1.3em;
}

/*
        <li><a href="#hardware-software"><i class="fa fa-desktop"></i> Hard- &amp; Software</a></li>
        <li><a href="#it-security">IT-Security &amp; IT-Management</a></li>
        <li><a href="#telekommunikation">Telekommunikation</a></li>
        <li><a href="#webhosting">Webhosting &amp; Webdesign</a></li></ul>
        <li><a href="#partner">Partner</a></li>
        <li><a href="#kontakt">Kontakt</a></li>
         <li class="dropdown"><a class="dropdown-toggle" data-toggle="dropdown" href="#">Rechtliches<span class="caret"></span></a>

            <li><a href="#impressum">Impressum</a></li>
            <li><a href="#datenschutz">Datenschutz</a></li>#00347C
*/

#support {margin-top:50px; padding-top:10px; color: #fff; background-color: black; padding-bottom:0;}

/* orange ec732c   - -- -- blau #003399*/
#unternehmen {color: #fff; background-color:#003399; padding: 5px;}


#hardware-software {padding-top:0px;color: #000; background-color: #ffffff; padding-bottom:0;}
#it-security {padding-top:0px;color: #fff; background-color: #444; padding-bottom:0;}
#telekommunikation {padding-top:0px;color: #000; background-color: #fff; padding-bottom:0;}
#webhosting {padding-top:0px;color: #fff; background-color: #444; padding-bottom:0;}
#partner {padding-top:0px;color: #000; background-color: white; padding-bottom:0;}
#kontakt {padding-top:0px;color: #000; background-color: white; padding-bottom:0;}
#impressum {padding-top:0px;color: #000; background-color:#EFEFEF; padding-bottom:0;}

#impressum h3 {
    margin-top: 33px;
}
/* #datenschutz {padding-top:50px;min-height:500px;color: #000; background-color: white; padding-bottom:0;} */

.inverse {
    display:none;
    color: white;
    background-color:transparent;
    /* opacity: 0.5; */


}
.whitetext {
    color:white;
    font-size:20px;
    background-color:transparent;
}

/* Kontaktformular */
div.form-message-ok {
    padding:5px;
    color:black;
    background-color:white;
    border:4px solid darkgreen;      
}
div.form-mail-error {
    padding:5px;
    color:black;
    background-color:white;
    border:4px solid red;
}

div.form-mail-error .form-mail-error-message {
    color:red;
    font-weight:bold;
}

.glyphicon-refresh-animate {
    -animation: spin .7s infinite linear;
    -webkit-animation: spin2 .7s infinite linear;
    -moz-animation: spin3 .7s infinite linear;
}
@-moz-keyframes spin3 {
    from { -moz-transform: rotate(0deg);}
    to { -moz-transform: rotate(360deg);}
}
@-webkit-keyframes spin2 {
    from { -webkit-transform: rotate(0deg);}
    to { -webkit-transform: rotate(360deg);}
}

@keyframes spin {
    from { transform: scale(1) rotate(0deg);}
    to { transform: scale(1) rotate(360deg);}
}

.moreinfo {
    color: yellow;margin-left:15px;
}

.support-sidebar {
    padding-bottom:20px;
    line-height: 2.6em;
    font-size: larger;
}

.support-sidebar .supportaddress {
    padding-top:20px;
}

.supportaddress .supportaddress-entry {
    margin-left: 30px;
    line-height: 1.6em; 
}
.supportaddress .supportaddress-icon {
    float:left;
    position:relative;
    top:-5px;
}

/* Breakpoint Navi */
@media(min-width:768px) {
    .support-sidebar .supportaddress {
        padding-top:6px;
    }  

    h1 {
        font-size: 30px;
    }
}




@media(min-width:991px) {
    body {

        background-image: url('/grafik/usb13.jpg');

        background-repeat: no-repeat;
        background-size:100% auto;

        background-attachment: fixed;
    }

    #hardware-software {padding-top:0px;min-height:500px;color: #000; background-color: #ffffff; padding-bottom:0;}
    #it-security {padding-top:0px;min-height:500px;color: #fff; background-color: #444; padding-bottom:0;}
    #telekommunikation {padding-top:0px;min-height:500px;color: #000; background-color: #fff; padding-bottom:0;}
    #webhosting {padding-top:0px;min-height:500px;color: #fff; background-color: #444; padding-bottom:0;}
    #partner {padding-top:0px;min-height:520px;color: #000; background-color: white; padding-bottom:0;}
    #kontakt {padding-top:0px;min-height:300px;color: #000; background-color: white; padding-bottom:0;}
    #impressum {padding-top:0px;min-height:500px;color: #000; background-color:#EFEFEF; padding-bottom:0;}    






    div.owncont {
        padding:20px;
    }



    .sliderimage {
        max-width: 80%;
        height:auto;
    }

    h1 {
        font-family: 'Orbitron', Arial, Verdana, sans-serif;
        padding-top:40px;
        font-size:36px;
    }


    #m-adv-logo {
        display: inline-block;
        max-width: 270px;
        width:100%;
        height:auto;
        border-radius: 10px;
    }



    .inverse {
        display:block;
        min-height:50px;
        color: white;
        background-color:transparent;
        /* opacity: 0.5; */


    }

    .support-sidebar {
        padding-top:10px;
        padding-left:10px;
        padding-bottom:10px;
        line-height: 2em;
        font-size: 14px;
    }

    .support-sidebar .supportaddress {
        padding-top:20px;
    }
    .supportaddress .supportaddress-icon {
        float:left;
        position:relative;
        top:0px;
    }

    section#infos {
        padding-left:0px;
    }
    section#infos div.container-fluid {
        padding-right:250px; 
        padding-left:50px;

    }
    #navsupport {
        display:none;
    }

    #support {

        position: fixed;
        top:100px;
        border-top-left-radius: 25px;
        border-bottom-left-radius:25px;


        margin-top:0;
        right:0px;
        width:200px;
        min-height:400px;
        padding:10px;
        color: #fff; 
        background-color: #333333;
        opacity: 0.9; 
        /* box-shadow: 0 4px 8px 0 rgba(0, 0, 0, 0.2), 0 6px 20px 0 rgba(0, 0, 0, 0.19); */
        box-shadow: -5px 5px 20px grey;
    } 

    #unternehmen {
        background-image: url('/grafik/tastatur-blau5.jpg');

        background-repeat: no-repeat;
        background-size: 100% 100%;   
        padding-top:50px !important;
        min-height:246px;
        padding-bottom:0;
    }

    div.firmacont {
        padding: 50px 10px 10px 10px;
    }


    div.hometext {
        color:black;
        background-color: 
            white;height:auto; 
        margin-top:60px;opacity: 0.7;
        filter: alpha(opacity=60);
        border-top-left-radius: 20px;
        border-top-right-radius: 20px;
        font-size:100%;
        font-weight:normal;
        padding:15px 30px 15px 30px;
    }


    #logoslider {
        color: darkblue;
        background-color:white;
    }

    #logoslider h5 {

        font-size:20px;
        font-weight:bold;
    }

    #logoslider #partner-label {
        padding:0px;
    }
    #logoslider #partner-infotext {
        max-width: 400px;
        padding: 0px;
    }



    .moreinfo {
        color: #b81900;margin-left:15px;
    }
}