/* CSS Document -*- coding: utf-8-unix -*-  */

/*
   FARBEN

hellgrau #ebebeb
mittelgrau #666666
blau #3366cc
hellblau #c2d1f0



*/

img.big-image {
    max-width: 100%;
    width: auto
    height: auto
}

img.big {
    max-width: 100%;
    height: auto
}

body{
    margin:0px;
    padding:0px;
    background:url(../bilder/design/hgr_startseite.jpg) no-repeat;
    font-family:Arial, Helvetica, sans-serif;
    color:#36c;
    font-size:14px;
}


a:hover{
    color:#000;
}

#seite{
    width:1000px;
}

#kopf{
    width:1000px;
}

#logo{
    width:237px;
    padding-top:40px;
    text-align:right;
    float:left;
}


#navi{
    width:740px;
    float:right;
    text-align:right;
    font-size:14px;
}


#navi a{
    text-decoration:none;
    color:#36c;
}

#navi a:hover{
    color:#000;
}

#globalnavi{
    height:25px;
    padding-top:5px;
}

#globalnavi ul{
    list-style:none;
    margin:0px;
    padding:0px;
    float:right;
}

#globalnavi li{
    float:left;
    padding-right:20px;
    background:url(../bilder/design/dot.gif) bottom right no-repeat;
    text-transform: uppercase;
    font-size:11px;
    color:#000;
}

#globalnavi li.glnavilast{
    padding-right:0px;
    background:none;
}

.language {
    padding-left: 30px;
    margin-left: 30px;
    border-left: 1px solid #999;
}

#pfadnavi{
    text-align:left;
    color:#fff;
    text-transform: uppercase;
    font-size:10px;
    height:10px;
    margin-top:72px;
}


#pfadnavi a{
    text-decoration:none;
    color:#fff;
}

#pfadnavi a:hover{
    color:#000;
}

#themennavi{
    width:740px;
    margin-top:13px;
}

#themennavi ul{
    list-style:none;
    margin:0px;
    padding:0px;
}

#themennavi li{
    float:left;
    margin-left:10px;
    padding-top:10px;
    width:138px;
    height:23px;
    text-align:center;
    border-left:1px solid #0066CC;
    border-top:1px solid #0066CC;
    border-right:1px solid #0066CC;
}

#themennavi li:hover{
    background:#fff;
    border-left:1px solid #999;
    border-top:1px solid #999;
    border-right:1px solid #999;
    color:#000;
}

#themennavi li:hover a{
    color:#000;
}

#themennavi li.thnavifirst{
    margin-left:0px;
}


#themennavi li.thnavifirst-aktiv{
    margin-left:0px;
    background:#fff;
    border-left:1px solid #999;
    border-top:1px solid #999;
    border-right:1px solid #999;
    color:#000;
}

#themennavi li.thnavifirst-aktiv a{
    color:#999;
}

#themennavi li.thnavifirst-aktiv a:hover{
    color:#000;
}



#themennavi li.thnavi-aktiv{
    margin-left:10px;
    background:#fff;
    border-left:1px solid #999;
    border-top:1px solid #999;
    border-right:1px solid #999;
    color:#000;
}

#themennavi li.thnavi-aktiv a{
    color:#999;
}

#themennavi li.thnavi-aktiv a:hover{
    color:#000;
}


#corpus{
    width:1000px;
}

p{
    padding-top:10px;
}

a{
    text-decoration:none;
    color:#36c;
}

a:hover{
    color:#000;
}

#lispalte{
    width:180px;
    float:left;
    margin-left:30px;
    padding-left:10px;
    padding-right:20px;
    padding-top:40px;
    font-size:11px;
}


#lispalte p{
    padding:0px;
    margin:0px;

}



#inhalt{
    width:740px;
    float:right;
}



/* stop floater*/

.stopFloat {
    display: block;
    float: none;
    clear: both;
    height: 1px;
    font-size: 0px;
    line-height: 0px;
}

@media screen and (max-width: 1100px) {

    #inhalt{
        width:auto;
        float: none;
        margin:0;
        padding:10px;
    }

    img.big {
        max-width: 100%;
        height: auto
    }

}

@media screen and (max-width: 800px) {

    body{
        margin:0px;
        padding:0px;
        background:url(../bilder/design/hgr_startseite_m.jpg) no-repeat;
        font-family:Arial, Helvetica, sans-serif;
        color:#36c;
        font-size:14px;
    }

    #seite{
        width:auto;
    }

    #kopf{
        width:auto;
    }

    #logo{
        width:140px;
        height:78px;
        display:block;
        padding:0;
        margin: 10px 0 0 12px;
        text-align:right;
        float:left;
        background:url(../bilder/design/itsky_logo_m.gif) no-repeat;
    }

    #logo img {
        display:none;
    }

    #navi{
        width:auto;
        float:left;
        text-align:left;
        margin:0px;
        padding:0px;
    }

    #globalnavi{
        width:420px;
        height:auto;
        margin:18px 0 0 10px;
        padding:0;
    }

    #globalnavi ul{
        list-style:none;
        margin:0px;
        padding:0px;
        float:left;
    }

    #globalnavi li{
        float:left;
        margin:0 15px 0 0;
        padding:0;
        background:none;
        text-transform: uppercase;
        letter-spacing:0.01em;
        font-size:12px;
        color:#000;
    }

    #globalnavi li.language {
        padding-left: 20px;
        margin:0 0 0 5px;
        border-left: 1px solid #999;
    }

    #themennavi{
        width:420px;
        margin:12px 0 0 10px;
        padding:0px;
        font-size:12px;
        float:left;
    }

    #themennavi li{
        float:left;
        margin:5px 5px 0 0;
        padding:10px 2px 9px;
        width:auto;
        height:auto;
        text-align:left;
        border:none;
        background:#BECFF1;
    }

    #themennavi li a{
        color:#36c;
    }

    #themennavi li:hover{
        background:#eee;
        border:none;
        color:#000;
    }

    #themennavi li.thnavifirst-aktiv{
        margin:5px 5px 0 0;
        background:#eee;
        border:none;
        color:#000;
    }

    #themennavi li.thnavi-aktiv{
        margin:5px 5px 0 0;
        background:#eee;
        border:none;
        color:#000;
    }

    #pfadnavi{
        display:none;
    }

    #corpus{
        width:auto;
    }

    #inhalt{
        width:auto;
        float: none;
        margin:0;
        padding:10px;
    }

    #lispalte{
        width:auto;
        float:left;
        margin:0px;
        padding:10px;
        font-size:12px;
    }

    img.big {
        max-width: 100%;
        height: auto
    }

}