@charset "utf-8";
/* CSS Document */


body {
    font-family:Arial, Helvetica, sans-serif;
    font-size:1em;
    line-height:1.3em;
    color:#000;
}
hr {
    display:none;
}
a {
    text-decoration:none;
    color: inherit;
}
a:hover {
    text-decoration:underline;
    color: inherit;
}
.last {
    margin-left:0%;
}
#container {
    width:80%;
    margin-left:auto;
    margin-right:auto;
    overflow:hidden;
    background-image:url(/css/grafik/bg-bluebox-sippenippet.gif);
    background-position: 20px 158px;
    background-repeat:repeat-x;
}
header {
/*background-color:red;*/
}
#pageheader {
    width:100%;
    overflow:hidden;
    display:block;
}
#pageheader #logo {
    width:813px;
    height:206px;
    background-image:url(/css/grafik/sippenippet-logo.png);
    background-repeat:no-repeat;
    float:left;
}
#pageheader #logo img, #pageheader #logo h1 {
    display:none;
}
#container #slogan {
    font-family:Arial, Helvetica, sans-serif;
    float:left;
    margin-left:538px;
    margin-top:171px;
    color: #59a6fd;
}
#container #searchbar {
    float:right;
    margin-top:100px;
}
#container #searchbar label, #container #searchbar #searchsubmit {
    float: none;
    left: -999em;
    position: absolute;
    top: -999em;
}
#container #searchbar #s {
    background-image:url(/css/grafik/lup.png);
    background-repeat:no-repeat;
    background-position:99%;
    border: 1px solid #9bc9fe;
    color: #59a6fd;
}
#content {
    float:none;
    width:100%;
    overflow:hidden;
    margin-top:2em;
}
.forside article h2 {
    font-size: 1.3em;
    font-weight:bold;
}
.forside article h3 {
    font-size: 0.9em;
    font-weight:normal;
    margin-bottom: 1em;
}
.forside article p, .forside ul {
    font-size:0.8em;
    line-height: 1.2em;
    margin-bottom: 1em;
    color: #2481ea;
}
.forside article {
    width:30%;
    float:left;
    margin-right:5%;
}
footer {
    padding-top:40px;
    width:100%;
    background-image:url(/css/grafik/bg-bluebox-sippenippet.gif);
    background-position: 20px 10px;
    background-repeat:repeat-x;
    overflow:hidden;
    display:block;
}
footer #kontakt {
    border: 1px solid #cbced2;
    width:28%;
    margin-left:35%;
    font-size:0.8em;
    line-height: 1.2em;
    padding:1em;
}
footer #kontakt a{
    test-decoration:underline;
    color: #2481EA;
}
footer #eyes {
    float:right;
    background-image:url(/css/grafik/sippenippet-look.png);
    background-repeat:no-repeat;
    width:353px;
    height:107px;
}
footer #eyes img {
    display:none;
}



/* ----------------------------------------------------------------------------- */

@media (max-width: 1200px) {
    #container {
     background-position: 20px 95px;
    }
    footer #eyes {
     background-image:url(/css/grafik/sippenippet-look200.png);
     width:217px;
     height:67px;
    }
     #pageheader #logo {
     width:500px;
     height:118px;
     background-image:url(/css/grafik/sippenippet-logo400.png);
    }
    #container #slogan {
     margin-left: 324px;
     margin-top: 99px;
     font-size: 12px;
    }
    #container #searchbar {
     margin-top: 60px;
    }
}

/* ----------------------------------------------------------------------------- */

@media (max-width: 800px) {
     .forside article {
     width:90%;
     float:none;
    }
     footer #kontakt {
     margin-left:0px;
     width:50%
    }
}

/* ----------------------------------------------------------------------------- */

@media (max-width: 720px) {
    
    #container {
    width: 95%;
    margin:0px 15px;
    }
     .forside article {
     width:90%;
     float:none;
    }
     footer #kontakt {
     width:100%;
     float:none;
     margin-top:2em;
     border:none;
    }
    footer #eyes {
     float:none;
    }
    .forside article p, .forside ul {
    font-size: 1em;
    line-height: 1.5em;
    margin-bottom: 1.5em;
    }
}


/* ----------------------------------------------------------------------------- */

@media (max-width: 520px) {
     #pageheader #logo {
     width:270px;
     height:75px;
     background-image:url(/css/grafik/sippenippet-logo270.png);
    }
    #container #slogan {
    margin-left: 0;
    }
    #container {
    background-position: 20px 60px;
    width: 100%;
    margin:0px 5px;
    }
    #container #slogan {
    margin-top: 80px;
    }
    #container #searchbar {
    margin-top: 2px;
    margin-right:15px;
    }
}

@media (max-width: 369px) {
    #container #searchbar {
        display:none;
    }
    
}









/* EDITOR PROPERTIES - PLEASE DON'T DELETE THIS LINE TO AVOID DUPLICATE PROPERTIES */