/*---------------------------------------*/
/*--             ArcanuM               --*/
/*---------------------------------------*/
/*-- Name:  header.css                 --*/
/*-- Autor: Martin Oelke               --*/
/*-- Datum: 25.08.2013                 --*/
/*-- Zweck: Bestimmt das Aussehen der  --*/
/*--        des Headers                --*/
/*-- Aenderung:                        --*/
/*--                                   --*/
/*---------------------------------------*/

header {
}

#header_pc {
    position: fixed;
    width: 100%;
    height: 110px;
    top: 0px;
    z-index: 9999;
}
#header_smart {
    position: absolute;
    width: 100%;
    height: 110px;
    top: 0px;
    z-index: 9999;
}

.head {
    position: relative;
    margin-top: 5px;
    margin-left:auto;
    margin-right:auto;
    width: 910px;
    height: 100px;
    background-image: url("../images/riffel-black.png");
    background-position: center;
    background-repeat: repeat-x;
    border-radius: 15px;
    -moz-border-radius: 15px;
    -webkit-border-radius: 15px;
    box-shadow: 0px -5px 20px 10px #cccccc;
    -moz-box-shadow: 0px -5px 20px 10px #cccccc;
    -webkit-box-shadow: 0px -5px 20px 10px #cccccc;
    z-index: 9999;
}

.head_adm {
    position: relative;
    margin-top: 15px;
    margin-left:auto;
    margin-right:auto;
    width: 910px;
    height: 100px;
    background-image: url("../images/riffel-black.png");
    background-position: center;
    background-repeat: repeat-x;
    border-radius: 15px;
    -moz-border-radius: 15px;
    -webkit-border-radius: 15px;
    box-shadow: 0px -5px 20px 10px #cccccc;
    -moz-box-shadow: 0px -5px 20px 10px #cccccc;
    -webkit-box-shadow: 0px -5px 20px 10px #cccccc;
    z-index: 9999;
}

.logo {
    position: absolute;
    width: 360px;
    height: 93px;
    background-image: url("../images/logo1.png");
    background-repeat: no-repeat;
    margin-top: 3px;
    margin-left: 270px;
}

.home {
    position: absolute;
    width: 36px;
    height: 36px;
    background-image: url("../images/home-sw.png");
    background-repeat: no-repeat;
    margin-top: 50px;
    margin-left: 20px;
}
.home:hover {
    background-image: url("../images/home-bn.png");
}

.fb {
    position: absolute;
    width: 36px;
    height: 36px;
    background-image: url("../images/fb-sw.png");
    background-repeat: no-repeat;
    margin-top: 50px;
    margin-left: 65px;
}
.fb:hover {
    background-image: url("../images/fb-bn.png");
}

.youtube {
    position: absolute;
    width: 36px;
    height: 36px;
    background-image: url("../images/you-sw.png");
    background-repeat: no-repeat;
    margin-top: 50px;
    margin-left: 110px;
}
.youtube:hover {
    background-image: url("../images/you-bn.png");
}

.mx3 {
    position: absolute;
    width: 36px;
    height: 36px;
    background-image: url("../images/mx3-sw.png");
    background-repeat: no-repeat;
    margin-top: 50px;
    margin-left: 155px;
}
.mx3:hover {
    background-image: url("../images/mx3-bn.png");
}


.flag_de_aktiv {
    position: absolute;
    width: 40px;
    height: 32px;
    background-image: url("../images/flag_de-2.png");
    background-repeat: no-repeat;
    margin-top: 52px;
    margin-left: 800px;
}
.flag_de {
    position: absolute;
    width: 40px;
    height: 32px;
    background-image: url("../images/flag_de-1.png");
    background-repeat: no-repeat;
    margin-top: 52px;
    margin-left: 800px;
}
.flag_de:hover {
    background-image: url("../images/flag_de-3.png");
}

.flag_en_aktiv {
    position: absolute;
    width: 40px;
    height: 32px;
    background-image: url("../images/flag_en-2.png");
    background-repeat: no-repeat;
    margin-top: 52px;
    margin-left: 850px;
}
.flag_en {
    position: absolute;
    width: 40px;
    height: 32px;
    background-image: url("../images/flag_en-1.png");
    background-repeat: no-repeat;
    margin-top: 52px;
    margin-left: 850px;
}
.flag_en:hover {
    background-image: url("../images/flag_en-3.png");
}