@charset "iso-8859-1";

body {
        margin-top: 30px;
        font: normal small Verdana, Arial, Helvetica, sans-serif;
        color: #FFFFFF;
}

p, blockquote, ul, ol {
        margin-bottom: 1.4em;
        line-height: 1.8em;
}

p {
}

a {
        text-decoration: none;
        color: #ffffff;
        outline: none;
}

a:hover {
        text-decoration: underline;
        color: #FFFFFF;
        outline: none;
}

img {
}

/*++++++++++++++++ Anfang Mouseoverbild +++++++++++++++++++++++++++++++++*/

#sigi1 {
        width: 438px;
        height: 498px;
        padding: 50px 20px;   /* erste Zahl Abstand von oben, zweite Zahl Abstand von links, dritte Zahl von unten */
        display:block;
        text-align: top;
        float:left;
}

a.sigi1 {
    position:relative;
    z-index:1;
    color:#000;
    text-decoration:none}

a.sigi1:hover{z-index:2;}

a.sigi1 span {
}

a.sigi1:hover {

}

a.sigi1:hover span {
    display:block;
    position:absolute;
    background-image: url(images/ma/bader1.jpg); /* grosses Bild */
    top:30px; left:-80px;width:450px; height:299px; /* Bei "a.info:hover span" definierst du mit den Werten für top, left und width/height die Position und Größe des hover-Bildes. */
    border: 5px solid #959595;
     }

/*+++++++++++++++++++++ Ende Mouseoverbils ++++++++++++++++++++++++++++++*/



/*++++++++++++++++ Anfang Mouseoverbild +++++++++++++++++++++++++++++++++*/

#sigi2 {

        width: 438px;

        height: 367px;

        padding: 100px 30px;   /* erste Zahl Abstand von oben, zweite Zahl Abstand von links, dritte Zahl von unten */

        display:block;

        text-align: top;

}



a.sigi2 {

    position:relative;

    z-index:1;

    color:#000;

    text-decoration:none}



a.sigi2:hover{z-index:2;}



a.sigi2 span {



}



a.sigi2:hover {

}



a.sigi2:hover span {

    display:block;

    position:absolute;

        background-image: url(images/ma/bader2.jpg); /* grosses Bild */

    top:40px; left:-75px;width:200px; height:300px; /* Bei "a.info:hover span" definierst du mit den Werten für top, left und width/height die Position und Größe des hover-Bildes. */

        border: 5px solid #959595;

     }

/*+++++++++++++++++++++ Ende Mouseoverbils ++++++++++++++++++++++++++++++*/

/*++++++++++++++++ Anfang Mouseoverbild +++++++++++++++++++++++++++++++++*/

#sigi3 {

        width: 438px;

        height: 367px;

        padding: 50px 20px;   /* erste Zahl Abstand von oben, zweite Zahl Abstand von links, dritte Zahl von unten */

        display:block;

        text-align: top;

}



a.sigi3 {

    position:relative;

    z-index:1;

    color:#000;

    text-decoration:none}



a.sigi3:hover{z-index:2;}



a.sigi3 span {



}



a.sigi3:hover {

}



a.sigi3:hover span {

    display:block;

    position:absolute;

        background-image: url(images/ma/bader3.jpg); /* grosses Bild */

    top:40px; left:-258px;width:450px; height:299px; /* Bei "a.info:hover span" definierst du mit den Werten für top, left und width/height die Position und Größe des hover-Bildes. */

        border: 5px solid #959595;

     }

/*+++++++++++++++++++++ Ende Mouseoverbils ++++++++++++++++++++++++++++++*/







/* Anfangsbild mit Sigi */

#startseite {

        width: 940px;

        height: 625px;

        position: absolute;

        top:50%;

        left:50%;

        margin-left:-470px; /* negative Hälfte von line-width:760px */

        margin-top:-312px; /* negative Hälfte von line-height:520px */

        background-image: url(images/startseite.jpg);

        border: 1px solid #959595;

}

/* Bild Mädels */

#home {

        width: 940px;

        height: 625px;

        position: absolute;

        top:50%;

        left:50%;

        margin-left:-470px; /* negative Hälfte von line-width:940px */

        margin-top:-312px; /* negative Hälfte von line-height:625px */

        background-image: url(images/naviseite.jpg);

        border: 1px solid #959595;

}

#home2 {

        width: 940px;

        height: 625px;

        position: absolute;

        top:50%;

        left:50%;

        margin-left:-470px; /* negative Hälfte von line-width:940px */

        margin-top:-312px; /* negative Hälfte von line-height:625px */

        background-image: url(images/naviseite2.jpg);

        border: 1px solid #959595;

}

#homecflinks {

        width: 940px;

        height: 625px;

        position: absolute;

        top:50%;

        left:50%;

        margin-left:-470px; /* negative Hälfte von line-width:940px */

        margin-top:-312px; /* negative Hälfte von line-height:625px */

        background-image: url(images/naviseite_corporate.jpg);

        border: 1px solid #959595;

}


#homecf {

        width: 940px;

        height: 625px;

        position: absolute;

        top:50%;

        left:50%;

        margin-left:-470px; /* negative Hälfte von line-width:940px */

        margin-top:-312px; /* negative Hälfte von line-height:625px */

        background-image: url(images/naviseite_cf_start1.jpg);

        border: 1px solid #959595;

}


/* komplett linker Bereich */


#linkebox {

        padding-top: 339px;   /* Navigationsbalken - Höhe von oben!  */

        padding-left: 0px;

        width:442px;

        height:286px;  /* Höhe vom Footer einstellen!  */

        float:left;



}


#linkebox2 {

        padding-top: 339px;   /* Navigationsbalken - Höhe von oben!  */

        padding-left: 0px;

        width:442px;

        height:286px;  /* Höhe vom Footer einstellen!  */

        float:left;



}

#linkebox3 {

        padding-top: 239px;   /* Navigationsbalken - Höhe von oben!  */

        padding-left: 0px;

        width:442px;

        height:286px;  /* Höhe vom Footer einstellen!  */

        float:left;



}

#linkeboxcorporate {

        padding-top: 150px;   /* Navigationsbalken - Höhe von oben!  */

        padding-left: 12px;

        width:405px;

        height:0px;  /* Höhe vom Footer einstellen!  */

        float:left;
}

#linkeboxcf {

        padding-top: 440px;   /* Navigationsbalken - Höhe von oben!  */

        padding-left: 100px;

        width:340px;
        
        height:396px;  /* Höhe vom Footer einstellen!  */

        float:left;
        
        display:block;

        text-align: justify;
        
}

#cf {

        padding-top: 458px;   /* Navigationsbalken - Höhe von oben!  */

        padding-left: 505px;

        

        
         
        

           

} 

/* komplett rechter Bereich */

#rechtebox {

        padding-top: 339px;   /* Navigationsbalken - Höhe von oben!  */

        padding-left: 0px;

        width:498px;

        height:286px;  /* Höhe vom Footer einstellen!  */

        float:left;

}

/* komplett rechter Bereich INTRO */

#rechteboxintro {

        padding-top: 28px;   /* Navigationsbalken - Höhe von oben!  */

        padding-left: 0px;

        width:498px;

        height:597px;  /* Höhe vom Footer einstellen!  */

        float:left;

        background:url(images/rechte_flaeche2.png) no-repeat;

}

#rechteboxintrocf {

        padding-top: 28px;   /* Navigationsbalken - Höhe von oben!  */

        padding-left: 0px;

        width:498px;

        height:597px;  /* Höhe vom Footer einstellen!  */

        float:left;

        background:url(images/cf_1_dark.jpg) no-repeat;

}

/* Navigationsleiste oben/rechts */

#linkleiste {

        padding-top: 0px;

        height: 0px;

        width: 498px;

        float: left;

        padding: 0px 0px 0px;  /* erste Zahl Abstand von oben, zweite Zahl Abstand von links, dritte Zahl von unten */

        text-align: middle;

}

/* Box rechts/mitte */

#welcome {

        width: 438px;

        height: 367px;

        padding: 100px 30px;   /* erste Zahl Abstand von oben, zweite Zahl Abstand von links, dritte Zahl von unten */

        display:block;

        text-align: top;

}



#welcome4 {

        width: 438px;

        height: 367px;

        padding: 80px 30px;   /* erste Zahl Abstand von oben, zweite Zahl Abstand von links, dritte Zahl von unten */

        display:block;

        text-align: top;

}

#welcome5 {

        width: 438px;

        height: 367px;

        padding: 60px 30px;   /* erste Zahl Abstand von oben, zweite Zahl Abstand von links, dritte Zahl von unten */

        display:block;

        text-align: top;

}

/* Box rechts/mitte */

#rechteboxma {

        padding-top: 28px;   /* Navigationsbalken - Höhe von oben!  */

        padding-left: 30px;

        width:498px;

        height:597px;  /* Höhe vom Footer einstellen!  */

        float:left;

        background:url(images/rechte_flaeche.png) no-repeat;

}



#matext {

        width: 438px;

        height: 347px;

        padding: 10px 30px;   /* erste Zahl Abstand von oben, zweite Zahl Abstand von links, dritte Zahl von unten */

        display:block;

        text-align: top;

}





#maseite {

        width: 438px;

        height: 367px;

        padding: 50px 10px;   /* erste Zahl Abstand von oben, zweite Zahl Abstand von links, dritte Zahl von unten */

        display:block;

        text-align: top;

}



#rechts {

    float:right;

    width:300px;

    height:200px;

    padding-right:0;

    border:1px solid white;

}





#posbildgross {

    width:450px;

    height:299px;

    padding: 10px 1px;   /* erste Zahl Abstand von oben, zweite Zahl Abstand von links, dritte Zahl von unten */

        text-align: top;

    border:0px solid white;

}



/* Footer  Legal */

#footer p {

        margin: 0;
        padding: 1px 10px;
        font-size: x-small;
        vertical-align:text-top;
}

#footer {
        padding: 162px 10px;   
}

#footerstart {
        padding: 75px 90px;   
}


#footerstart p {
        margin: 0;
        padding: 10px 1px;   /* erste Zahl Abstand von oben, zweite Zahl Abstand von links, dritte Zahl von unten */
        font-size: x-small;   
}


#footercf {
        padding: 357px 10px;   
}

#footercf p {
        margin: 0;
        padding: 1px 10px;   /* erste Zahl Abstand von oben, zweite Zahl Abstand von links, dritte Zahl von unten */
        font-size: x-small;
        
}

#footercorporate p {                                         /* erste Zahl Abstand von oben, zweite Zahl Abstand von links, dritte Zahl von unten */

        padding: 166px 30px;

        display:block;

        text-align: left;

        margin: 0;

        font-size: x-small;

}



#legal {

        padding: 0px 10px;

        display:block;

        text-align: center;

        color: #959595;

}



#links {                                          /* erste Zahl Abstand von oben, zweite Zahl Abstand von links, dritte Zahl von unten */

        padding: 166px 30px;

        display:block;

        text-align: left;

}


#links2 {                                          /* erste Zahl Abstand von oben, zweite Zahl Abstand von links, dritte Zahl von unten */

        padding: 26px 30px;

        display:block;

        text-align: left;

}


#legal2 {

        padding: 0px 10px;

        display:block;

        text-align: center;

        color: #959595;

}



/* Pfeile links/rechts */

#pfeile {

        padding: 8px 50px;  /* erste Zahl Abstand von oben, zweite Zahl Abstand von links */

        display:block;

}

#pfeile2 {

        padding: 8px 90px;  /* erste Zahl Abstand von oben, zweite Zahl Abstand von links */

        display:block;

}

#pfeilelinks {

        padding: 17px 0px;  /* erste Zahl Abstand von oben, zweite Zahl Abstand von links */

        display:block;

}


#pfeilecfrechts {

        padding: 0px 0px;  /* erste Zahl Abstand von oben, zweite Zahl Abstand von links */

        display:block;

}


/* alle Bilder */

#shirt {

        padding-top: 28px;   /* Navigationsbalken - Höhe von oben!  */

        padding-left: 0px;

        width:498px;

        height:597px;  /* Höhe vom Footer einstellen!  */

        float:left;

        background:url(images/laedt.gif) no-repeat;

}



#shirt1 {

        padding-top: 28px;   /* Navigationsbalken - Höhe von oben!  */

        padding-left: 0px;

        width:498px;

        height:597px;  /* Höhe vom Footer einstellen!  */

        float:left;

        background:url(images/shirt_1.jpg) no-repeat;

}



#shirt2 {

        padding-top: 28px;   /* Navigationsbalken - Höhe von oben!  */

        padding-left: 0px;

        width:498px;

        height:597px;  /* Höhe vom Footer einstellen!  */

        float:left;

        background:url(images/shirt_2.jpg) no-repeat;

}

#shirt3 {

        padding-top: 28px;   /* Navigationsbalken - Höhe von oben!  */

        padding-left: 0px;

        width:498px;

        height:597px;  /* Höhe vom Footer einstellen!  */

        float:left;

        background:url(images/shirt_3.jpg) no-repeat;

}

#shirt4 {

        padding-top: 28px;   /* Navigationsbalken - Höhe von oben!  */

        padding-left: 0px;

        width:498px;

        height:597px;  /* Höhe vom Footer einstellen!  */

        float:left;

        background:url(images/shirt_4.jpg) no-repeat;

}

#shirt5 {

        padding-top: 28px;   /* Navigationsbalken - Höhe von oben!  */

        padding-left: 0px;

        width:498px;

        height:597px;  /* Höhe vom Footer einstellen!  */

        float:left;

        background:url(images/shirt_5.jpg) no-repeat;

}

#shirt6 {

        padding-top: 28px;   /* Navigationsbalken - Höhe von oben!  */

        padding-left: 0px;

        width:498px;

        height:597px;  /* Höhe vom Footer einstellen!  */

        float:left;

        background:url(images/shirt_6.jpg) no-repeat;

}

#shirt7 {

        padding-top: 28px;   /* Navigationsbalken - Höhe von oben!  */

        padding-left: 0px;

        width:498px;

        height:597px;  /* Höhe vom Footer einstellen!  */

        float:left;

        background:url(images/shirt_7.jpg) no-repeat;

}

#strumpf {

        padding-top: 28px;   /* Navigationsbalken - Höhe von oben!  */

        padding-left: 0px;

        width:498px;

        height:597px;  /* Höhe vom Footer einstellen!  */

        float:left;

        background:url(images/laedt.gif) no-repeat;

}

#strumpf1 {

        padding-top: 28px;   /* Navigationsbalken - Höhe von oben!  */

        padding-left: 0px;

        width:498px;

        height:597px;  /* Höhe vom Footer einstellen!  */

        float:left;

        background:url(images/legwear_1.jpg) no-repeat;

}

#strumpf2 {

        padding-top: 28px;   /* Navigationsbalken - Höhe von oben!  */

        padding-left: 0px;

        width:498px;

        height:597px;  /* Höhe vom Footer einstellen!  */

        float:left;

        background:url(images/legwear_2.jpg) no-repeat;

}

#strumpf3 {

        padding-top: 28px;   /* Navigationsbalken - Höhe von oben!  */

        padding-left: 0px;

        width:498px;

        height:597px;  /* Höhe vom Footer einstellen!  */

        float:left;

        background:url(images/legwear_3.jpg) no-repeat;

}

#strumpf4 {

        padding-top: 28px;   /* Navigationsbalken - Höhe von oben!  */

        padding-left: 0px;

        width:498px;

        height:597px;  /* Höhe vom Footer einstellen!  */

        float:left;

        background:url(images/legwear_4.jpg) no-repeat;

}

#strumpf5 {

        padding-top: 28px;   /* Navigationsbalken - Höhe von oben!  */

        padding-left: 0px;

        width:498px;

        height:597px;  /* Höhe vom Footer einstellen!  */

        float:left;

        background:url(images/legwear_5.jpg) no-repeat;

}

#strumpf6 {

        padding-top: 28px;   /* Navigationsbalken - Höhe von oben!  */

        padding-left: 0px;

        width:498px;

        height:597px;  /* Höhe vom Footer einstellen!  */

        float:left;

        background:url(images/legwear_6.jpg) no-repeat;

}


#corporate {

        padding-top: 28px;   /* Navigationsbalken - Höhe von oben!  */

        padding-left: 0px;

        width:498px;

        height:597px;  /* Höhe vom Footer einstellen!  */

        float:left;

        background:url(images/laedt.gif) no-repeat;

}

#corporate1 {

        padding-top: 28px;   /* Navigationsbalken - Höhe von oben!  */

        padding-left: 0px;

        width:498px;

        height:597px;  /* Höhe vom Footer einstellen!  */

        float:left;

        background:url(images/cf_1.jpg) no-repeat;

}

#corporate2 {

        padding-top: 28px;   /* Navigationsbalken - Höhe von oben!  */

        padding-left: 0px;

        width:498px;

        height:597px;  /* Höhe vom Footer einstellen!  */

        float:left;

        background:url(images/cf_2.jpg) no-repeat;

}

#corporate3 {

        padding-top: 28px;   /* Navigationsbalken - Höhe von oben!  */

        padding-left: 0px;

        width:498px;

        height:597px;  /* Höhe vom Footer einstellen!  */

        float:left;

        background:url(images/cf_3.jpg) no-repeat;

}

#corporate4 {

        padding-top: 28px;   /* Navigationsbalken - Höhe von oben!  */

        padding-left: 0px;

        width:498px;

        height:597px;  /* Höhe vom Footer einstellen!  */

        float:left;

        background:url(images/cf_4.jpg) no-repeat;

}

#corporate5 {

        padding-top: 28px;   /* Navigationsbalken - Höhe von oben!  */

        padding-left: 0px;

        width:498px;

        height:597px;  /* Höhe vom Footer einstellen!  */

        float:left;

        background:url(images/cf_5.jpg) no-repeat;

}

#corporate6 {

        padding-top: 28px;   /* Navigationsbalken - Höhe von oben!  */

        padding-left: 0px;

        width:498px;

        height:597px;  /* Höhe vom Footer einstellen!  */

        float:left;

        background:url(images/merchandise_2.jpg) no-repeat;

}

#corporate6box {

        padding-top: 0px;   /* Navigationsbalken - Höhe von oben!  */

        padding-left: 15px;

        width:450px;

        height:575px;  /* Höhe vom Footer einstellen!  */

        float:left;

        

}

#merchandise {

        padding-top: 28px;   /* Navigationsbalken - Höhe von oben!  */

        padding-left: 0px;

        width:498px;

        height:597px;  /* Höhe vom Footer einstellen!  */

        float:left;

        background:url(images/laedt.gif) no-repeat;

}


#merchandise1 {

        padding-top: 28px;   /* Navigationsbalken - Höhe von oben!  */

        padding-left: 0px;

        width:498px;

        height:597px;  /* Höhe vom Footer einstellen!  */

        float:left;

        background:url(images/merchandise_1.jpg) no-repeat;

}


#merchandise1_1 {

        padding-top: 28px;   /* Navigationsbalken - Höhe von oben!  */

        padding-left: 0px;

        width:498px;

        height:597px;  /* Höhe vom Footer einstellen!  */

        float:left;

        background:url(images/merchandise_1_1.jpg) no-repeat;

}

#merchandise2 {

        padding-top: 28px;   /* Navigationsbalken - Höhe von oben!  */

        padding-left: 0px;

        width:498px;

        height:597px;  /* Höhe vom Footer einstellen!  */

        float:left;

        background:url(images/merchandise_2.jpg) no-repeat;

}

#waesche {

        padding-top: 28px;   /* Navigationsbalken - Höhe von oben!  */

        padding-left: 0px;

        width:498px;

        height:597px;  /* Höhe vom Footer einstellen!  */

        float:left;

        background:url(images/laedt.gif) no-repeat;

}


#waesche1 {

        padding-top: 28px;   /* Navigationsbalken - Höhe von oben!  */

        padding-left: 0px;

        width:498px;

        height:597px;  /* Höhe vom Footer einstellen!  */

        float:left;

        background:url(images/underwear_1.jpg) no-repeat;

}

#waesche2 {

        padding-top: 28px;   /* Navigationsbalken - Höhe von oben!  */

        padding-left: 0px;

        width:498px;

        height:597px;  /* Höhe vom Footer einstellen!  */

        float:left;

        background:url(images/underwear_2.jpg) no-repeat;

}