ul { margin: 0; padding: 0; }
h1,h2,h3 { margin-top: 0px; margin-bottom: 5px; padding: 0px; }  
body{
    background: #FaFaFa url(../images/kleeBG2.png) repeat ;
    font-family: Sans, Calibri;
    font-size: 14px;
    color: #800000;   
}     
#headerContent{
    position: relative;
    width: 1200px;
    height: 180px; /*200*/
    /*background-color: #808080;*/  
    margin: 0px auto;  /*oben unten 0 / rechts links zentriert*/
    overflow: hidden;
    z-index: 1;
    /*border: dotted;*/ 
}
header div#imgSwineOOOOORRRRIIIGGGG {
    width: 190px;
    height: 496px;
    /*top: 10px;*/
    top: 5px;
    position: relative;
    margin: 0px auto;
    /*background-color: #000000;*/
    z-index: 2;
    /*background-image: url(../images/schwein2.png);*/
    background-repeat: no-repeat;
    /*border: dotted;*/
}
header div#imgSwine {
    width: 190px;
    height: 496px;
    position: fixed;
    
    top: 5px;
    left: 45%;
   /* left: 840px;top: 20px;*/
    z-index: 2;
    background-repeat: no-repeat;   
    /*border: dotted;*/ 
} 


#navBar{
    font-size: 14px;
    background-image:url(../images/headerGold.jpg);
    height: 20px;
    width: 1200px;
    top: 0px;
    position: absolute;
    margin: 0; padding: 0; left: auto;
}   
#ulBuy {text-decoration: none; margin: 18px; padding: 0; margin: 0px; line-height: 20px;}
                                                          
/*#navBar {margin: 0; padding: 0; position: relative; left: auto;} /*120px;} 50%;*/
#navBar ul{margin: 0; padding: 0; line-height: 20px;}
#navBar li {list-style: none; float: left; width: 100px;}
#navBar ul li a {font-family: Calibri; text-decoration: none; text-align: center; height: 20px; width: auto; display: block; color: #800000;}
#navBar ul li a:hover {color:#ccc; background: #800000;}

/* !!! headerContent !!!*//* !!! headerContent !!!*//* !!! headerContent !!!*/
/* !!! headerContent !!!*//* !!! headerContent !!!*//* !!! headerContent !!!*/                    

#bodyContent{
    /*background-color: #800000;*/
    /*border: dotted;*/ 
    height: 1850px;  
    width: 1250px;
    position: relative;
    margin: 0px auto;
    overflow: hidden; 
    
    z-index: 3;
    
    -moz-box-shadow:    3px 3px 5px 6px #ccc;
    -webkit-box-shadow: 3px 3px 5px 6px #ccc;
    -ms-box-shadow: 3px 3px 5px 6px #ccc;
    -o-box-shadow: 3px 3px 5px 6px #ccc;
    box-shadow:         3px 3px 5px 6px #ccc;
    
    /* Drehung */ 
    -webkit-transition: all 5s cubic-bezier(0.950, 0.050, 0.795, 0.035);
    -moz-transition: all 5s cubic-bezier(0.950, 0.050, 0.795, 0.035);
    -o-transition: all 5s cubic-bezier(0.950, 0.050, 0.795, 0.035);
    -ms-transition: all 5s cubic-bezier(0.950, 0.050, 0.795, 0.035);
    transition: all 5s cubic-bezier(0.950, 0.050, 0.795, 0.035);

    -webkit-transition-delay: 1s;
    -moz-transition-delay: 1s;
    -o-transition-delay: 1s;
    -ms-transition-delay: 1s;
    transition-delay: 1s;
    
}
.animated{
    -webkit-transform: rotateY(1080deg);
    -moz-transform: rotateY(1080deg);
    -o-transform: rotateY(1080deg);
    -ms-transform: rotateY(1080deg);
    transform: rotateY(1080deg);
} 
    

#strahlen {position: absolute; z-index: -1; left:-500px; top:-200px; width:2200px; height:2200px;}
#bodyHeader{
    /*background-color:#008000;*/
    /*border: dotted;*/
    height: 150px;
    width: 1200px; /*todo 50*/
    
    position: absolute;
    top: 10px;
    left: 25px; /*25 todo*/  
    background-image: url(../images/header1200.jpg);
    /*background-image: url(../images/header161.jpg);*/
    /*background-image: url(../images/headerScratch2.jpg);*/
    /*background-image: url(../images/header2.jpg);*/
    background-repeat: no-repeat;  
}
#bodyHeaderWin {
    position: absolute;
    height: 80px;
    width: 660px;
    left: 14px;
    bottom: 10px;
    border-radius: 10px;
    border: 2px solid #800000;
    z-index: 3;
    
}
#bodyHeaderWinTxt{
    margin: 12px 10px;
    font-family: Overlock, Verdana, Sans-Serif;
    font-size: 13px; 
    color: #000000; 
}
    
#bodyHeaderWin li {list-style: none;}
#winWin{
    position: absolute; 
    left: 14px; 
    top:50px;
    border-radius: 10px;
    font-family: Lobster Two, Oswald, Verdana, Sans-Serif;
    font-size: 16px;
    font-style: oblique;
    background-color: #800000;
    color: #FFFFFF;  
    z-index: 5;
}

#loadContent{
    /*background-color:#000000;*/
    /*border: dotted;*/
    height: 1500px;
    width: 1201px;  /*1150 todo*/

    position: absolute;
    top: 220px;
    left: 25px;  /*25 todo*/
 
}

#table {
    position: absolute;
    z-index: 2;
}
#table, tr , td {
    position: relative;
    width: 29px;
    height:29px;
} 
.test {
    table-layout:fixed;
    /*height:23px;
    width:23px;*/
    background-color:#808000;
    color: #00FF00;
    z-index: 2;
    overflow: hidden;
    -webkit-transition: opacity 50s ease-out;
    -moz-transition: opactiy 50s ease-out;
    -ms-transition: opacity 50s ease-out;
    -o-transition: opacity 50s ease-out;
    transition: opacity 50s ease-out;
    filter: alpha(opacity=100);
    opacity: 1;  
}

.test:hover {
    -webkit-transition: opacity 0s ease-in;
    -moz-transition: opactiy 0s ease-in;
    -ms-transition: opacity 0s ease-in;
    -o-transition: opacity 0s ease-in;
    transition: opacity 0s ease-in;
    filter: alpha(opacity=0);
    opacity: 0; 
}

#tr1td1 {
    /*background-color: #00FF00;*/

}

#indexDiv {
    height: auto;
    width: 1250px;    /*1150*/
    position: relative;
    margin: 20px auto;
    z-index: 4;
}
#indexTable {
    font-size: 14px;
    position: absolute;
    cellpadding:0; cellspacing:0; width: 100%; border:0;
    background-color: #FFFFFF;
    filter: alpha(opacity=95);
    opacity: .95;
}
#indexTable td{
     width: 20%;
    /* valign: top;           */
}
#indexTable strong {
    font-family: Calibri;
    color: #800000; 
}
#indexTable a {
    font-family: Calibri;
    color: #808000;
}

/* -- Contact -- Contact -- */
/* -- Contact -- Contact -- */
/* -- Contact -- Contact -- */ 

#loadContentBg{
    background-color:#FFFFFF;
    /*height: 1450px;  */
   /* width: 1150px; */
 
    position: relative;
    top: 0px;
    left: 0px;

    filter: alpha(opacity=95);
    opacity: .95;
    padding-left: 30px;  
    margin: auto;
}
/*
#txtContentBg{
    position: relative;  
    top: 10px;
    left: 10px;
    width: 1141px;
    
    font-family: Verdana, Sans-Serif;
    font-size: 14px;
    color: #800000 
    
}     
*/
              

span.pflichtfeld {
    font-size: 12px;
    color: #800000;
}

span.hilfetext {
    font-size: 12px;
    font-style: Oblique;
}
 
#prlx1{
    /*position: fixed;*/
    position: fixed;
    /*background: url(../images/klee7.png) no-repeat 270px 130px;*/
    background: url(../images/klee7.png) no-repeat 14% 130px;
    width: 100%;
    height: 100%; 
}
#prlx2{
    position: fixed;
    top: 65%;
    left: 76%;    
    bottom: 0;
    right: 0;                                                  
    /*background: url(../images/klee5.png) no-repeat 1500px 600px;*/
    background: url(../images/klee5.png) no-repeat ;
    
    width: 80%;
    height: 80%;
}


.spanWin{
    color:#800000;
}


#ticketFooter{
    position: absolute;
    height: 95px;
    width: 1200px;    /*1150*/
    top: 1740px;
    left: 25px;
    background-color:#808000;
}


#ticketFooterTxt{
    margin: 10px 10px;
    font-family: Lobster Two, Oswald, Verdana, Sans-Serif;
    font-size: 12px;
    color: #FFFFFF;
    
}
#ticketFooterTxt span{
   font-size: 18px; 
}
.sendOk {
    font-size: 20px;
    color: #FFFFFF;
    background-color: #008000;
}
.sendFail {
    font-size: 20px;
    color: #FFFFFF;
    background-color:#FF0000;
}

.spanInfo{
    color: #808000;
}

#millionLink{
    float: right;
    line-height: 20px;
    background: #800000;    
}
#millionLink a{
    color: #ccc;
}
#search{
 
    position: relative;
    float: left;
    height: 1px;
    overflow: hidden;
}
/*#navBar ul li a {font-family: Calibri; text-decoration: none; text-align: center; height: 20px; width: auto; display: block; color: #800000;}