*{
        /* Resetting the default styles of the page */
        margin:0px;
        padding:0px;



}

body{
        /* Setting default text color, background and a font stack */
        font-size:0.825em;
        color:#000000;
        background-color:#ffffff;
        font-family:Arial, Helvetica, sans-serif;


}

.sponsorListHolder{
        margin-bottom:60px;
                 /*width:550px;   bu hinzugefügt damit die flip cards in den maximal größten rahmen passen*/
}

.sponsor{
        width:140px;
        height:140px;
        float:left;
        margin:4px;

        /* Giving the sponsor div a relative positioning: */
        position:relative;
        cursor:pointer;

}

.sponsorFlip{
        /*  The sponsor div will be positioned absolutely with respect
                to its parent .sponsor div and fill it in entirely ---position in relative geändert, ansonsten wurde der kasten in IE kleiner*/

        position:relative;
        left:0;
        top:0;
        width:100%;
        height:100%;
        border:1px solid #ddd;
        background:url("background2.jpg") no-repeat center #f9f9f9;
}

.sponsorFlip:hover{
        border:1px solid #3b42cd;
        background:url("hover4.jpg") no-repeat center center #f9f9f9;/*von mir eingefügt um unten überflüssig        */
        /*CSS3 inset shadow:
        -moz-box-shadow:0 0 30px #999 inset;
        -webkit-box-shadow:0 0 30px #999 inset;
        box-shadow:0 0 30px #999 inset;*/
}

.sponsorFlip img{
        /* Centering the logo image in the middle of the sponsorFlip div */

        position:absolute;
        top:0%;
        left:0%;
        margin:0px 0 0 0px;
}

.sponsorData{
        /* Hiding the .sponsorData div */
        display:none;
}

.sponsorDescription{
        font-size:14px;
        padding:30px 5px 5px 5px;
        font-style:normal;
}



.sponsorURL{
        font-size:14px;
        font-weight:bold;
        padding-left:20px;
        padding-top:30px;
}

.sponsorURL_2{
        font-size:14px;
        font-weight:bold;
        padding-left:20px;
        padding-top:10px;
}

.clear{
        /* This class clears the floats */
        clear:both;
}




#main{
        position:relative;
        margin:0 auto;
        width:600px;  /*breite des fensters definiert die  anzahl der flip cards in der breite   */
        left:0%; /*abstand von links   */
}


/* The styles below are only necessary for the styling of the demo page: */
h1{
        padding:5px 0;
        text-align:center;
        text-shadow:0 1px 1px white;
        margin-bottom:5px;
        background:url("img/page_bg.gif") repeat-x bottom #f8f8f8;
}

h1,h2{
        font-family:"Arial",Arial,Helvetica,sans-serif;
}

h2{
        font-size:14px;
        font-weight:bold;
        text-align:center;
        color:#fb1f02;
        position:relative;
        right:0px;
        top:0px;
        text-decoration:none;
}

.note{
        font-size:1.5em;
        font-style:bold;
        padding-bottom:0px;
        text-align:left;
        color:#7d7c77;
        font-family:"Verdana",Arial,Helvetica,sans-serif;
}

a, a:visited {
        color:#7d7c77;
        text-decoration:none;

}

a:hover{
        text-decoration:none;
        color:#ef4300;
}

a img{
        border:none;
}