<style type="text/css" title="text/css" media="screen">
/* <![CDATA[ */    
    *{
        font-family:Verdana;
        color: black;
        font-size: 10pt;
        margin: 0px;
        padding; 0px;
        text-align: center;
    }
    body{
        background-image: url(../src_img/img_bgnd2.png);
    }
    #huelle{
        margin: 10 auto;
        width: 500px;
        font-family:Verdana;
        color: black;
        font-size: 10pt;
        text-align: center;
    }
    h1{
        margin: 0px;
        padding: 5px 0px 5px 0px;
        font-size: 1.5em;
        background-color: #8B008B;
        color: white;
        border-top: 2px solid gray; 
        border-left: 2px solid gray; 
        border-right: 2px solid gray;
    }
    ul#menu{
        margin: 0px;
        padding-top:2px;
        padding-bottom:2px;
        background-color: #FF1493;
        border-left: 2px solid gray;
        border-right: 2px solid gray;        
    }
    ul#menu li{
        display: inline;
        list-style: none;
        margin-right: 10px;
    }    
    ul.category_list li{
        font-size: 0.9em;
        list-style: circle;
    }
    form{
        margin: 0px;
        padding: 0px;
        display: inline;       
    }
    input{
        font-size: 1em;
        background-color: #FF1493; 
        border: none;
        text-decoration: none;
        cursor: crosshair;        
    }
    input:hover{ 
        text-decoration: underline;
    }
    form.loginform input{
        font-size: 0.9em;
        color: #8B008B;
        background-color: lightgrey; 
        border: none;
        text-decoration: none;
        cursor: crosshair;        
    }
    form.loginform input:hover{ 
        text-decoration: underline;
    }
    .qrformbox{
        margin: 0px;
        padding: 5px 5px 5px 5px;
        background-color: #FF1493;
    }
    form.qrform input{
        font-size: 1em;
        background-color: lightgrey; 
        border: none;
        text-decoration: none;
        cursor: crosshair;        
    }
    form.qrform input.button:hover{
        background-color: #8B008B;
        color: lightgrey;
        border: none;
        text-decoration: none;
        cursor: crosshair;        
    }  
    .pswdformbox{
        margin: 0px;
        padding: 5px 5px 5px 5px;
        background-color: #FF1493;
    }
    form.pswdform input{
        font-size: 1em;
        background-color: lightgrey; 
        border: none;
        text-decoration: none;
        cursor: crosshair;        
    } 
    form.pswdform input.output{
        font-size: 1em;
        background-color: transparent;
        font-color: lightgrey;
        text-align: center; 
        border: none;
        font-weight: bold;
        text-decoration: none;
        cursor: crosshair;        
    } 
    form.pswdform input.button{
        font-size: 1em;
        background-color: lightgrey;
        border: none;
        text-decoration: none;
        cursor: crosshair;        
    }
    form.pswdform input.button:hover{
        background-color: #8B008B;
        color: lightgrey;
        border: none;
        text-decoration: none;
        cursor: crosshair;        
    }               
    ul#menu li a, 
    ul#menu li a:visited {
        cursor: crosshair;
        text-decoration:none;
        color: black;
    }
    ul#menu li a:hover, ul#menu li a:active{
        text-decoration:underline;
    }    
    #content{
        margin: 0px;
        background-color: #eeeeee;
        border-left: 2px solid gray;
        border-right: 2px solid gray;
        border-bottom: 2px solid gray;
    }
    #sidemenu{
        margin: 0px;
        padding: 0px;
        background-color: #eeeeee;
        clear: right;
    }
    #sidemenu img{
        margin: 5px;
    }
    #sidemenu table td ul li{
        font-size: 0.8em;
        list-style: none;
    }
    a.link:visited, a.link{
        cursor: crosshair;
        padding-left: 12px;
        background-image: url(../src_img/img_dl_1.png);
        background-repeat: no-repeat;
        background-position: left;        
        font-size: 0.9em;
        color: black;
        text-decoration: underline;
    }
    a.link:hover{
        color:  #8B008B;
        background-image: url(../src_img/img_dl_2.png);
    }
    p.link{
        font-size: 0.8em;
    }
    p.link a, p.link:visited {
        color: black;
        text-decoration: underline;
        cursor: crosshair;
    }
    p.link a:hover{
        color: #8B008B;
    }
    .category{
        text-align: left;
        padding: 5px 5px 5px 5px;
    }
    .category ul.qr li{
        font-size: 0.8em;
        list-style: square;
    }
    .category ul.qr li li{
        font-size: 0.8em;
        list-style: circle;
    }
    .category ul.datalist{
        margin: 0px;
        padding: 0px;
    }
    .category ul.datalist li{
        border-top: 2px solid #FF1493;
        margin: 0px;
        padding: 0px;
        list-style: none;
        list-style-position: inside;
    }       
    img.lightbox:visited,
    img.lightbox{
        border: 2px solid #d8bfd8;
        text-decoration: none;
    }
    img.lightbox:hover{
        border-color: #8B008B;
    }
    .headline, .headline:visited{
        display: block;
        padding-left: 5px;
        font-size: 1em;
        cursor: crosshair;
        text-decoration: none;
        color: black;
        background-color: #d8bfd8;        
        border-top: 1px solid #8B008B;
        border-bottom: 1px solid #8B008B;
        
    }
    .headline:hover{
        color: white;
        background-color: #8B008B;        
        border-top: 1px solid #d8bfd8;
        border-bottom: 1px solid #d8bfd8;
    }
    .headline:selected{
        background-color: #8B008B;
    }       
    .subline{        
        display: block;
        background-color: #d8bfd8;
        font-size: 1em;
        margin-bottom: 10px;
        text-align: center;
    }
    a.download, a.download:visited{
        color: black;
        padding-left: 12px;
        background-image: url(../src_img/img_dl_1.png);
        background-repeat: no-repeat;
        background-position: left;
        cursor: crosshair;
    }
    a.download:hover{
        color: #8B008B;
        background-image: url(../src_img/img_dl_2.png);
        cursor: crosshair;
    }
    a.closelink{
        color: black;
        font-size: 1em;
        text-decoration: underline;
        cursor: crosshair;
    }
    a.closelink:hover{
        color: #8B008B;     
    }    
    #copyright {
        font-size: 0.8em;
        text-align: right;
        padding: 0px 5px 0px 0px;
        margin: 0px;
        color: #8B008B;
        background-color: lightgrey;
        border-left: 2px solid gray;
        border-right: 2px solid gray;
        border-top: 2px solid gray;
        opacity: 0;
        -webkit-transition: opacity 1s linear;
    }
    #copyright:hover {
        opacity: 1;
    }
    .transition_demo{
        display: block;
        width: 440px;
        margin-bottom: 10px;
        margin-left: 20px;
        background-color: #d8bfd8;
        border: 2px solid #8B008B;
        font-size: 1em;
        text-decoration: none;
        margin-right: 5px;
        padding: 4px;
        text-align: center;
    }
    .transition_demo p.code{
        font-size: 0.8em;
        font-family:Courier;
        text-align: left;
    }
    .transition_wackler{
        color: red;
    }
    #animation_demo_1:hover {
        -webkit-animation: 'wackel' 3s;
    }
@-webkit-keyframes 'wackel' {
0% {-webkit-transform: translate(0px, 0); }
10% {-webkit-transform: translate(30px, 0);}
20% {-webkit-transform: translate(-30px, 0); }
30% {-webkit-transform: translate(30px, 0); }
40% {-webkit-transform: translate(-30px, 0); }
50% {-webkit-transform: translate(30px, 0); }
60% {-webkit-transform: translate(-30px, 0);}
70% {-webkit-transform: translate(30px, 0); }
80% {-webkit-transform: translate(-30px, 0);}
100% {-webkit-transform: translate(0px, 0);}
}
    #fussball {
        display: block;
        height: 134px;
        width: 134px;
        background-image: url(../src_img/fussball.png);
        cursor:url(../src_img/cursor.png), move;
        -webkit-transition: -webkit-transform 2s;
    }
    #fussball:hover {
        -webkit-transform: translate(350px,0px) rotate(360deg) ;  
    }
/* LIGHTBOX STYLES */    
    #lightbox{
        position: absolute;
        left: 0;
        width: 100%;
        z-index: 100;
        text-align: center;
        line-height: 0;
    }
    #lightbox img{
        width: auto;
        height: auto;
    }
    #lightbox a img{
        border: none;
    }
    #outerImageContainer{
        position: relative;
        background-color: #fff;
        width: 250px;
        height: 250px;
        margin: 0 auto;
    }
    #imageContainer{ 
        padding: 10px;
    }
    #loading{ 
        position: absolute; 
        top: 40%; 
        left: 0%; 
        height: 25%; 
        width: 100%; 
        text-align: center; 
        line-height: 0;
    }
    #hoverNav{ 
        position: absolute; 
        top: 0; 
        left: 0; 
        height: 100%; 
        width: 100%; 
        z-index: 10;
    }
    #imageContainer>#hoverNav{ 
        left: 0;
    }
    #hoverNav a{
        outline: none;
    }

#prevLink, #nextLink{ width: 49%; height: 100%; background-image: url(data:image/gif;base64,AAAA); /* Trick IE into showing hover */ display: block; }
#prevLink { left: 0; float: left;}
#nextLink { right: 0; float: right;}
#prevLink:hover, #prevLink:visited:hover { background: url(/src_lightbox/images/prevlabel.gif) left 15% no-repeat; }
#nextLink:hover, #nextLink:visited:hover { background: url(/src_lightbox/images/nextlabel.gif) right 15% no-repeat; }       

#imageDataContainer{ font: 10px Verdana, Helvetica, sans-serif; background-color: #fff; margin: 0 auto; line-height: 1.4em; overflow: auto; width: 100%	; }

#imageData{	padding:0 10px; color: #666; }
#imageData #imageDetails{ width: 70%; float: left; text-align: left; }	
#imageData #caption{ font-weight: bold;	}
#imageData #numberDisplay{ display: block; clear: left; padding-bottom: 1.0em;	}			
#imageData #bottomNavClose{ width: 66px; float: right;  padding-bottom: 0.7em; outline: none;}	 

#overlay{ position: absolute; top: 0; left: 0; z-index: 90; width: 100%; height: 100%; background-color: #000; }

 /* ]]> */
</style>