/* ====== allgemein ======  */



/* breite der gesamtkonstruktion  */
#breite {width:960px;}



body {
background-attachment:fixed;
background-position: 0% 0%;
background-repeat:no-repeat;
background-image:url(images/back.jpg);
background-repeat:no-repeat;
background-position: 50% 0%;
margin-bottom:800px;
margin-top: 20px;
margin-left: 0px;
margin-right: 0px;
font-family : verdana,arial, helvetica, tahoma, verdana, sans-serif;
font-size: 15px;line-height: 25px;
}


/* version 2 - schwarz-weiss-design */

body.version2 {
background-attachment:fixed;
background-position: 0% 0%;
background-repeat:no-repeat;
background-image:url(images/back2.jpg);
background-repeat:no-repeat;
background-position: 50% 0%;
}

/* ENDE version 2 - schwarz-weiss-design */



.haupt {
padding:0px;
}


/* überschriften */

h1, h2, h3, h4, h5, h6 {
font-weight:normal;
}

h1{text-align:left;
margin-bottom:39px;letter-spacing:-1px;
font-size: 22px;
}

h2{text-align:left;
margin-bottom:29px;letter-spacing:4px;
font-size: 18px;
}


h3 {text-align:left;
margin-bottom:4px;letter-spacing:1px;
font-size: 16px;
}

.hpname {
font-size: 20px;
line-height: 26px;
color:#32372D;
letter-spacing:15px;
text-shadow: 1px 1px 2px #fff;
}

#abspann { text-align:center;
font-size: 12px;
line-height: 16px;
color:#000;
letter-spacing:15px;
text-shadow: 1px 1px 2px #000;
}

/* ====== kopf und inhalt ======  */

#top1 {height:50px;
text-align:right;
vertical-align:middle;
padding-left : 0px;
padding-right : 20px;
}

#oben1 {
padding:1px;
}

.box1 {height:170px;width: 240px;
background-image:url(images/schwarz_40.png);
background-repeat:repeat;
background-position: 0% 0%;
color:#7f7f7f;
text-align:center;
vertical-align:middle; /* vertikal mittige ausrichtung bei div-containern */
display:table-cell;    /* vertikal mittige ausrichtung bei div-containern */
padding-top : 20px;
padding-bottom : 20px;
padding-left : 10px;
padding-right : 10px;
font-size: 13px;
line-height: 20px;
-moz-border-radius-topleft:50px;
-moz-border-radius-topright:0px;
-moz-border-radius-bottomleft:0px;
-moz-border-radius-bottomright:20px;
-webkit-border-top-left-radius:50px;
-webkit-border-top-right-radius: 0px;
-webkit-border-bottom-left-radius:0px;
-webkit-border-bottom-right-radius: 20px;
border-top-left-radius:50px;
border-top-right-radius:0px;
border-bottom-left-radius:0px;
border-bottom-right-radius:20px;
border:solid 1px #000;
}

#oben2 {
text-align:center;
vertical-align:bottom;
padding:1px;
}

.top2 {height:210px;
text-align:center;
vertical-align:bottom;
padding:0px;
background-image:url(images/schwarz_40.png);
background-repeat:repeat;
background-position: 0% 0%;
-moz-border-radius-topleft:0px;
-moz-border-radius-topright:50px;
-moz-border-radius-bottomleft:20px;
-moz-border-radius-bottomright:0px;
-webkit-border-top-left-radius:0px;
-webkit-border-top-right-radius: 50px;
-webkit-border-bottom-left-radius:20px;
-webkit-border-bottom-right-radius:0px;
border-top-left-radius:0px;
border-top-right-radius:50px;
border-bottom-left-radius:20px;
border-bottom-right-radius:0px;
border:solid 1px #000;
}

#top2_inhalt1 {
text-align:right;
padding-right:20px;
font-size: 12px;line-height:14px;
color:#7f7f7f;
letter-spacing:5px;
text-transform:capitalize;text-shadow: 1px 1px 2px #000;
}


#top2_inhalt2 {height:38px;
vertical-align:bottom;
-moz-border-radius-topleft:0px;
-moz-border-radius-topright:0px;
-moz-border-radius-bottomleft:20px;
-moz-border-radius-bottomright:0px;
-webkit-border-top-left-radius:0px;
-webkit-border-top-right-radius: 0px;
-webkit-border-bottom-left-radius:20px;
-webkit-border-bottom-right-radius:0px;
border-top-left-radius:0px;
border-top-right-radius:0px;
border-bottom-left-radius:20px;
border-bottom-right-radius:0px;
}



.text {height:1010px;width:100%;
vertical-align:top;
padding:1px;
}


.text_inhalt {height:100%;width:100%;color:#7F7F7F;text-shadow: 1px 1px 1px #000;
 }

.textbox {height:100%;font-size: 15px;line-height: 25px;
background-image:url(images/schwarz_40.png);
background-repeat:repeat;
background-position: 0% 0%;
padding-top: 40px;
padding-bottom: 70px;
padding-left:45px;
padding-right:45px;
text-align:justify;
border:solid 1px #000;
-moz-border-radius-topleft:20px;
-moz-border-radius-topright:0px;
-moz-border-radius-bottomleft:0px;
-moz-border-radius-bottomright:0px;
-webkit-border-top-left-radius:20px;
-webkit-border-top-right-radius:0px;
-webkit-border-bottom-left-radius:0px;
-webkit-border-bottom-right-radius:0px;
border-top-left-radius:20px;
border-top-right-radius:0px;
border-bottom-left-radius:0px;
border-bottom-right-radius:0px;
}


#sidebar {
padding:1px;
vertical-align:top;
}



.box2 {width: 260px;
background-image:url(images/schwarz_40.png);
background-repeat:repeat;
background-position: 0% 0%;
color:#7f7f7f;
text-align:left;
padding-top :0px;
padding-bottom : 0px;
padding-left : 0px;
padding-right : 0px;
font-size: 13px;
line-height: 20px;
margin-bottom:2px;
border-top:solid 1px #000;
border-left:solid 1px #000;
border-right:solid 1px #000;
-moz-border-radius-topleft:0px;
-moz-border-radius-topright:20px;
-moz-border-radius-bottomleft:0px;
-moz-border-radius-bottomright:0px;
-webkit-border-top-left-radius:0px;
-webkit-border-top-right-radius: 20px;
-webkit-border-bottom-left-radius:0px;
-webkit-border-bottom-right-radius:0px;
border-top-left-radius:0px;
border-top-right-radius:20px;
border-bottom-left-radius:0px;
border-bottom-right-radius:0px;

}

.box3 {width: 240px;height:190px;
background-image:url(images/schwarz_40.png);
background-repeat:repeat;
background-position: 0% 0%;
color:#7f7f7f;
text-shadow: 1px 1px 2px #000;
text-align:center;
vertical-align:middle; /* vertikal mittige ausrichtung bei div-containern */
display:table-cell;    /* vertikal mittige ausrichtung bei div-containern */
padding-top : 10px;
padding-bottom : 10px;
padding-left : 10px;
padding-right : 10px;
font-size: 13px;
line-height: 19px;
-moz-border-radius-topleft:0px;
-moz-border-radius-topright:0px;
-moz-border-radius-bottomleft:20px;
-moz-border-radius-bottomright:0px;
-webkit-border-top-left-radius:0px;
-webkit-border-top-right-radius: 0px;
-webkit-border-bottom-left-radius:20px;
-webkit-border-bottom-right-radius: 0px;
border-top-left-radius:0px;
border-top-right-radius:0px;
border-bottom-left-radius:20px;
border-bottom-right-radius:0px;
border:solid 1px #000;
margin-bottom:2px;
}

.box {width: 240px;
color:#7f7f7f;
text-align:center;
vertical-align:top;
padding-top : 20px;
padding-bottom : 20px;
padding-left : 10px;
padding-right : 10px;
font-size: 13px;
line-height: 20px;
-moz-border-radius: 14px;
-webkit-border-radius: 14px;
border-radius: 14px;
margin-bottom:2px;
}


h3.sidebarheader {color:#000;
text-shadow: 1px 1px 2px #fff;
vertical-align:top;
text-align:center;
letter-spacing:1px;
font-size: 15px;
font-weight:normal;
font-family: arial, helvetica, tahoma ,verdana,  sans-serif;
margin-bottom:10px;
}




/* ====== fussbereich ======  */





.fuss1 {
padding:1px;
vertical-align:top;
}

.fuss_inhalt_li {height:110px;width:100%;
color:#000;
letter-spacing:15px;
text-shadow: 1px 1px 2px #fff;
letter-spacing:1px;
font-size:10px;
line-height:20px;
text-align:center;
vertical-align:middle;
padding:10px;
display:table-cell;
}

.fuss2 {display:table;width:100%;
padding:1px;
vertical-align:top;
}

.fuss_inhalt_re {height:110px;
color:#7F7F7F;
text-shadow: 1px 1px 2px #000;
letter-spacing:8px;
font-size:11px;
line-height:15px;
text-align:center;
vertical-align:middle;
border:solid 1px #000;
background-image:url(images/schwarz_40.png);
background-repeat:repeat;
background-position: 0% 0%;
padding:10px;
-moz-border-radius-topleft:0px;
-moz-border-radius-topright:0px;
-moz-border-radius-bottomleft:50px;
-moz-border-radius-bottomright:50px;
-webkit-border-top-left-radius:0px;
-webkit-border-top-right-radius: 0px;
-webkit-border-bottom-left-radius:50px;
-webkit-border-bottom-right-radius:50px;
border-top-left-radius:0px;
border-top-right-radius:0px;
border-bottom-left-radius:50px;
border-bottom-right-radius:50px;display:table-cell;

}



/* ====== animation beim logo ======  */

#bewegung {
    -webkit-animation-name: bewegung;
    -webkit-animation-duration: 8s;

}


  @-webkit-keyframes bewegung  {
    from  {-webkit-transform: translateX(0)     rotate(0deg);

     }
    to    {
     -webkit-transform: translateX(800px) rotate(720deg);

    }
}



#bewegung{
        -moz-animation-name: bewegung;
    -moz-animation-duration: 8s;
    }


  @-moz-keyframes bewegung  {
    from  { -moz-transform: translateX(0)     rotate(0deg);

     }
    to    {
          -moz-transform: translateX(800px) rotate(720deg);

    }
}



#bewegung{
        -ms-animation-name: bewegung;
    -ms-animation-duration: 8s;
    }


  @-ms-keyframes bewegung  {
    from  { -ms-transform: translateX(0)     rotate(0deg);

     }
    to    {
          -ms-transform: translateX(800px) rotate(720deg);

    }
}


/* ====== animation auf header-grafik ======  */
@keyframes fadein{from{opacity:0;}to{opacity:1;}}@-moz-keyframes fadein{from{opacity:0;}to{opacity:1;}}@-webkit-keyframes fadein{from{opacity:0;}to{opacity:1;}}@-o-keyframes fadein{from{opacity:0;}to{opacity:1;}}