body{
font-family: arial;                                                        
background-color: #0a46a1;   
/*background-image: url(../gfx/pattern.jpg);
background-repeat: repeat-x;*/
margin:0;
}

#LoginScreen{             
    position:relative;
    height:758px;
    width:864px;
    background-image:url(../gfx/startscreen.jpg);
}

#LogoutScreen{             
    position:relative;
    height:689px;
    width:864px;
    background-image:url(../gfx/logout_screen_2012_12.jpg);
}

#conFooter{
    position:absolute;
    width:100%;
    height:80px;
    top:720px;   
    font-size:10px;           
}

#GoHome{
    position:absolute;      
    width:66px;
    height:63px;
    top:460px;
    left:90px;
    z-index:50;
    background-image:url(../gfx/home_btn.png);
}

#startFish{
    height:211px;
    left:297px;
    position:absolute;
    top:377px;
    width:270px;
}

.startRegButtons{
    position:absolute;
    font-size:20px;
    color:#052884;
    text-align:center;
    font-weight:bold;
}

.startRegButtons:hover{
    cursor:pointer;
    color:white;
}


.startInfoButtons{
    position:absolute;
    font-size:24px;
    color:white;
    text-align:center;
    font-weight:bold;
    top:620px;
    text-decoration: none;
    height:40px;
    width:145px;
    line-height: 40px;
}

.startInfoButtons:hover{
    cursor:pointer;
    color:#f3be0e;
}

.LoginArea{
    position:absolute;
    height:30px;
    width:508px;
    left:260px;
    top:10px;
    font-size:18px;
    color:white;
    padding:5px;
    padding-left:10px;
    line-height: 30px;
    background-image: url(../gfx/login_balken.png);
}

.loginInput{
    background-color:white;
    border:none;     
    -moz-opacity:0.7; 
    -khtml-opacity:0.7; 
    opacity:0.7;
    filter:alpha(opacity=70); 
    color:#052884;        
}
.loginInput_clear{
    background:none;
    border:none;     
    -moz-opacity:0.7; 
    -khtml-opacity:0.7; 
    opacity:0.7;
    filter:alpha(opacity=70); 
    color:#052884;   
}
.loginInput_back{
    
}

#passLostDiv{
    position:absolute;
}

.infoTextStart{
    position:absolute;
    height:61px;
    width:210px;            
    text-align: center;
    font-size:16px;
    font-weight:bold;
    color:#052884;
    line-height:24px;
}

#errorDialog{
    position:absolute;
    height:305px;
    width:550px;
    top:180px;
    z-index: 1001;
    left:180px;
    background-image: url(../gfx/dialogbox_error.png);
}

#errorDialogTitle{
    position:absolute;
    top:29px;
    width:380px;
    left:33px;
    font-size: 20px;
    font-weight:bold; 
    color:red;
}
#errorDialogText{
    position:absolute;
    top:60px;
    width:330px;
    left:45px;  
    height:180px;         
}


.hidepics{
    width:0px;
    height:0px;
    visibility:hidden;
}

#tut_opener{
    position:absolute;
    top:00px;
    left:00px;
    width:100px;
    height:30px;
    background-color: fuchsia;
}
#TutDetails{
    position:absolute;
    width:714px;
    height:438px;
    left:193px;                
    background-image:url(../gfx/tabs/bg.png);
    background-position:0px 55px;
    background-repeat: no-repeat;
    top:100px;
    z-index:1500;
}
#TutDetailsCloser{
    position:absolute;
    background-image:url(../gfx/tabs/close.png);  
    width:40px;
    height:41px;
    left:872px;                 
    top:112px;
    z-index:1501;           
    cursor:pointer;
    font-weight:bold;
    font-size:20px;
}
#TutDetailsSMALL{
    position:absolute;                      
    background-image: url("../gfx/dialog_tut.gif");     
    top:120px;
    left:320px;                
    height:305px;
    width:550px;   
    z-index:1500;  
}
#TutDetailsCloserSMALL{      
    height: 30px;
    position: absolute;
    width: 30px;
    left: 440px;
    top: 10px;           
}

#TutTextSMALL{
  color: #052884;
    font-weight: bold;
    height: 200px;
    left: 40px;
    position: absolute;
    top: 40px;
    width: 350px;                         
}

#TutText{
    position:absolute;
    height:100px;
    width:600px;
    top:310px;
    left:60px;  
    color:#052884; 
    font-weight:bold;                
}

.TUTButtons{
    position:absolute;
    color:#052884;
    text-align:center;
    font-weight:bold;
    background-image:url('../gfx/register_btn.png');
    font-size:20px;
    height:46px;
    line-height:40px;
    width:170px; 
    top:54px;
    left:200px;   
}

#tutSign{
    position:absolute;
    width:160px;
    height:160px;
    top:10px;
    left:226px;
    background-image: url(../gfx/tut_sign.png);
    background-repeat: no-repeat;
    background-position: 16px 0px;
    z-index:1000;
}    

.tutArrows{
    position:absolute;   
    height:86px;
    width:94px;
}

.TUTButtons:hover{
    cursor:pointer;
    color:white;
}

#lightBox{
 position:absolute;
 top:0px;
 left:0px;
 height:100%;
 width:100%;
 z-index: 1000;
 background-color: black;   
    -moz-opacity:0.7; 
    -khtml-opacity:0.7; 
    opacity:0.7;
    filter:alpha(opacity=70); 
}




.RegTourBox{
    position:absolute;
    width:740px;
    height:462px;
    left:60px;                       
    top:50px;
    z-index:1002;
}            
.RegTourBoxCloser{
    position:absolute;
    height:40px;
    width:40px;
    top:0px;
    left:700px;            
    cursor:pointer;
}
.RegTourBoxTitle{
    position:absolute;
    height:25px;
    width:660px;
    top:70px;
    left:60px;
    color:white;
    font-weight:bold;
    font-size:20px;
    line-height:25px;
}

.tourNavi{
    width:806px;
    height:26px;       
    color:white;
    position:absolute;
    top:388px;
    font-size:24px;
    font-weight:bold;
    text-align: center;
}
      
.tourNavi img{
    position: absolute; 
    bottom:0px; 
}
.tourNavi span{
    position: absolute; 
    bottom:0px;
    left:380px; 
}

.RegTourBoxText{
     position:absolute;
    height:271px;
    width:338px;
    top:117px;
    left:63px;
    color:black;
    font-weight:bold;
    font-size:13px;         
    padding:3px;
}

.RegForm{
    position:absolute;
    height:271px;
    width:295px;
    top:117px;
    left:408px;
    color:black;
    font-weight:bold;
    font-size:13px;         
    padding:3px;               
}

.regTable th{
    text-align: left;
    color:#062885;
    font-size:16px;
    width:150px;
}

#skeleton{
position:relative;
top:0;
width:1125px;               
height:1000px;
}

#headMenue{
position:relative;    
width:1125px;          
height:151px;    
background-image:url(../gfx/header.jpg);   
}

#headerAni{
    position:absolute;
    height:151px;
    width:135px;
    top:0px;
    left:234px;
}

#gameDiv{
position:relative;      
width:1125px;          
height:578px;  
overflow:hidden; 
background-image: url(../gfx/body.jpg);     
}

#friendbanner{
position:relative;      
width:1125px;          
height:341px;   
background-image: url(../gfx/footer.jpg);    
padding-top:40px; 
background-repeat: no-repeat;  
}

.achievementDiv{
     position:absolute;
     width:627px;
     height:280px;
     top:110px;
     left:50px;
}

#welcomeDIV{
    position:absolute;
    width:550px;
    height:305px;
    background-image: url(../gfx/dialog_welcome.png);    
    top:50%;
    left:50%;
    margin-top:-152px;
    margin-left:-275px;
    z-index:1500;
}


#MusicDiv{
    position:absolute;
    height:56px;
    width:44px;              
    top:22px;
    left:548px;
}

#TANKdiv{
    position:absolute;
    height:581px;
    width:900px;                  
    top:2px;
    left:109px;
    z-index:10;  
}

#CITYdiv{
    position:absolute;
    height:583px;
    width:980px;
    border:1px solid black;
    top:10px;
    left:10px;
    z-index:10;  
}

#LAKEdiv{
    position:absolute;         
    z-index:1000;
    top:15px;
    left:155px;               
    height: 550px;
    width: 800px;                                         
    border:2px solid white;          
}  
         
#LAKEdiv img{
    position:absolute;
    height:550px;
    width:800px;
    top:0;
    left:0;
}
#FISHINGdiv{
    position:absolute;         
    z-index:1001;
    top:15px;
    left:155px;               
    height: 550px;
    width: 800px;                                           
    border:2px solid white;          
}  
          
#FISHINGdiv div{
    position: absolute;
    height:56px;
    width:79px;              
    margin:3px;
    font-weight: bold;
    text-align: center ;
    cursor:pointer;
}

#feedbackWindow{
    position:absolute;      
    top:170px;
    left:50%;
    margin-left: -250px;
    z-index:500;
    height:305px;
    width:550px;    
    background-image: url(../gfx/dialogbox_happy.png);
}

#TankUpgrade{            
    position:absolute;
    top:80px;
    left:890px;
    font-size:30px;
    width:46px;
    height:172px;
    cursor:pointer;
    background-image: url(../gfx/upgrade.png);
    
}

#snakeBuy{            
    position:absolute;
    top:280px;
    left:890px;    
    width:50px;
    height:50px;
    cursor:pointer;
    background-image: url(../gfx/ic_schnecke.png);
    
}

#allCuddle{            
    position:absolute;
    top:340px;
    left:890px;    
    width:60px;
    height:56px;
    cursor:pointer;                                
    
}

#allPoke{            
    position:absolute;
    top:400px;
    left:890px;    
    width:60px;
    height:56px;
    cursor:pointer;                             
    
}
#allLevelUp{            
    position:absolute;
    top:460px;
    left:897px;    
    width:47px;
    height:59px;
    cursor:pointer;    
}

.upgradeStar{
    position:absolute;
    left:10px;
    height:28px;
    width:27px;
    background-image: url(../gfx/stern.png);
}                   

#upgradeDialog{
    position:absolute;
    margin-top:-170px;
    top:50%;
    margin-left:-278px;
    left:50%;
    height:340px;
    width:556px;
    z-index:1000;
    background-image: url(../gfx/dialog_upgrade.png);
}                    

#snakeDialog{
    position:absolute;
    margin-top:-170px;
    top:50%;
    margin-left:-278px;
    left:50%;
    height:340px;
    width:556px;
    z-index:1000;
    background-image: url(../gfx/dialog_snake.png);
}
   
.Waiter{
    position:absolute;
    height:25px;
    width:169px;
    background-image:url(../gfx/waitPlease.gif);
    top:194px;
    left:280px;
    text-decoration: blink;
    text-align: center;
    font-size:12px;
    line-height:12px;
    background-repeat: no-repeat;
} 
 
.logout{
    text-decoration: underline;
    cursor:pointer;
}

.logout:hover{
    color:red;                           
} 
    
.DEBUG_field{
    position:relative;
    height:30px;
    line-height:30px;
    width:100px;
    margin:9px;
    border:2px solid black;
    float:left;    
    text-align: center;
    font-weight:bold;
    overflow:hidden;
}  

.DEBUG_field_FL{
    position:relative;
    height:30px;
    line-height:30px;
    width:100px;
    margin:9px;
    border:2px solid black;
    float:left;    
    text-align: center;
    font-weight:bold;
    overflow:hidden;
    background-color: #FF8040;
}  

#DEBUGGING{
    position:absolute;
    top:200px;
    width:980px;           
    height:380px;
    overflow:auto;
}

.DEBUG_field:hover{
    border:2px solid white;
    background-color: black;
    color:white;
    cursor:pointer;
}  
.DEBUG_field_FL:hover{
    border:2px solid #FF8040;
    background-color: black;
    color:#FF8040;
    cursor:pointer;
}    

.fBadget{
    position:absolute;      
    height:132px;
    width:126px;                          
}

.fBadget_infos{
    position:absolute;  
    width:120px;    
    text-align:center;   
    font-size:12px;
    font-weight:bold;    
}

.fBadget_avatar{
    position:absolute;
    height:60px;
    width:60px;               
    top:29px;
    left:33px;
}            

.fBadget_buttons{
   position:absolute;        
   height:55px;
   width:16px;
   top:27px;
   left:15px;
}
.fBadget_buttons div{
    position:relative;  
    height:16px;
    width:16px;      
    margin-top:2px;
}

.buttonReg{
    position:absolute;
    height:50px;
    width:150px;
    top:255px;    
    text-align:center;
    font-size:25px;
    line-height:50px;
    color:white;
    font-weight:bold;
}

.buttonReg:hover{
    color:yellow;
    cursor:pointer;
}
 
#profile_userID{
    position:absolute;
    height:30px;
    width:400px;            
    color:white;
    top:78px;
    left:160px;
    font-size:20px;
    font-weight: bold;
    text-align: center;
} 
 
#profileDiv{
    position:absolute;      
    height:90px;
    width:200px;
    top:43px;
    left:384px;     
    font-size:12px;  
    color: #0d4aa3;   
    font-weight:bold; 
    
} 

#pointInfo{
    position:absolute;
    height:20px;
    width:50px;
    text-align: right;
    color:#337331;
    font-size:35px;
    font-weight:bold;
    bottom:15px;
    right:9px;
}

#logoutButton{
    position:absolute;
    height:37px;
    width:39px;            
    top:10px;
    left:1020px;
    background-image:url(../gfx/close.png);
    z-index:10;
    cursor:pointer;
}

#menueDiv{
    position:absolute;      
    height:151px;
    width:355px;
    top:0px;
    left:598px;
}
            
#menueDiv div{           
    position:absolute;
}  

#NewMessageInfo{     
    position:absolute;
    left:190px;
    top:100px;
    height:20px;
    width:20px;       
    color:#fff;
    font-weight: bold;
    text-align: right ;
    z-index:5;
    font-size:14px;
    line-height:20px;
    background-image: url(../gfx/newMessage.png);
    text-align: center;
}

.anzBadget{
    position:absolute;
    height:15px;
    width:56px;
    background-image:url(../gfx/anzBadget.png);
    color:white;
    font-size:12px;
    text-align: right;
    padding-top:45px;   
    padding-right:4px;   
    font-weight:bold;        
}

.levBadget{
    position:absolute;
    height:15px;
    width:56px;                                  
    color:red;
    font-size:12px;
    text-align: left;
    padding-top:2px;   
    padding-left:4px;   
    font-weight:bold;              
}

#menueDiv div:hover{
    color:white;
    cursor:pointer;
}

#OverlayDiv{
    position:absolute;
    width:714px;
    height:438px;
    left:193px;                
    background-image:url(../gfx/tabs/bg.png);
    background-position:0px 55px;
    background-repeat: no-repeat;
    top:250px;
    z-index:1002;
}
#OverlayDivCloser, #tankswitchCloser{
    position:absolute;
    background-image:url(../gfx/tabs/close.png);  
    width:40px;
    height:41px;
    left:872px;                 
    top:262px;
    z-index:1003;           
    cursor:pointer;
    font-weight:bold;
    font-size:20px;
}

#ConfirmationBox{
    position:absolute;                      
    background-image: url("../gfx/dialogbox_happy.png");     
    top:320px;
    left:320px;                
    height:305px;
    width:550px;   
    z-index:2000;   
}
                    
#ConfBox_text{
    position:relative;
    height:100px;
    width:400px;
    text-align:center;
    margin-top:10px;
    margin-left:40px;       
}
#ConfBox_titel{
    position:relative;
    height:40px;
    width:320px;
    text-align:left;
    margin-top:25px;
    margin-left:20px;
    color:#0D4AA3;
    font-weight:bold;
    padding:5px;
    font-size:20px;
}

#ConfBox_text input{
    border:1px solid black;
    background-color: #F0F0F0;
}

#ConfBox_buttonBanner{
    position:relative;
    height:50px;
    width:400px;
    text-align:center;  
    margin-left:40px;  
}   

#ConfBox_buttonBanner div {
    position:relative;
    float:left;
    height:41px;
    width:147px;       
    line-height:40px;         
    margin-left:5px;
    margin-right :20px;
    font-weight:bold;
    cursor:pointer;
    background-image:url(../gfx/button.png);     
} 
              

#mess_tabsDiv{
    position:absolute;
    width:690px;
    height:25px;
    top:12px;
    left:10px;
}

.messTab{
    position:relative;  
    padding:15px 10px;    
    width:103px;
    height:31px;
    text-align:left;
    cursor:pointer;
    font-weight:bold;
    float:left;
    margin-left:10px;
    color: white;
    font-size:13px;
}
.messTab:hover{   
    color:red;         
}   

#mess_listDiv{
    position:absolute;  
    width:630px;
    height: 325px;
    overflow:auto;
    top:81px;
    left:40px;
}
#mess_listActionDiv{
    position:absolute;  
    width:714px;
    height: 50px;   
    text-align:center;
    top:370px;             
}
#mess_listActionDiv div{
    position:relative;
    float:left;
    height:41px;
    width:147px;       
    line-height:40px;         
    margin-left:25px;
    margin-right :20px;
    font-weight:bold;
    cursor:pointer;
    background-image:url(../gfx/button.png); 
    left:247px;
}
       
.MessageListItem{
    position:relative;
    height:20px;       
    width:630px;
}
.MessageListItem div{
 position:relative;
 float:left;
 height:20px; 
 line-height:20px;
 font-size:14px;  
}                     
.MessageListItem span{        
 height:20px; 
 line-height:20px;
 font-size:14px;  
} 
.MessageListItem span:hover{        
  color:red;
} 
.MessageListHead{
    position:relative;
    height:20px;       
    width:630px;
}
.MessageListHead div{
 position:relative;
 float:left;
 height:20px; 
 line-height:20px;
 font-size:14px;  
 color:white;
 font-weight:bold;
 height:25px;
 line-height:25px;
 
}

.MessageListItem:hover{
    background-color:orange;
    cursor:pointer;
}

#mess_ActionDiv{
    position:absolute;
    height:340px;
    width:556px;
    left:85px;
    top:60px;                   
    background-image:url(../gfx/bg_mail_verfassen.png);
}

.messageTable{
   position:absolute;
   border-collapse: collapse; 
   margin:30px;
   width:490px;               
}

.messageTable th{
    text-align:left;
    vertical-align: top;
    font-size:12px;
    color:white;
}

.messageTable input{
    position:relative;
    border:1px solid #969696;
    -moz-opacity:0.7; 
    -khtml-opacity:0.7; 
    opacity:0.7;
    filter:alpha(opacity=70);
}

.messageTable textarea{
    width:90%;
    height:200px;
    overflow:auto;
    border:1px solid #969696;
    font-family: calibri,tahoma,arial; 
    -moz-opacity:0.7; 
    -khtml-opacity:0.7; 
    opacity:0.7;
    filter:alpha(opacity=70);    
}

.smallIcons{
    position: absolute;
    height:45px;
    width:45px;                   
}



.profileTable{
   border-collapse: collapse; 
   margin:5px;
   width:350px;        
          
}

.profileTable th{
    text-align:left;
    vertical-align: middle;
    font-size:12px;
    padding:2px;
}
.profileTable td{
    text-align:left;     
    font-size:12px;
}

.profileTable input{
    border:1px solid #969696;
}


#profile_Requests{
    position: absolute;         
    left:400px;
    top:120px;
    width:260px;
    height:200px;
    overflow:auto;
}
#emailValidation{
    position: absolute;         
    left:400px;
    top:320px;
    width:260px;
    height:40px;
    font-size:12px;
    font-weight: bold;
    text-align:center;
    color:white;
}

/* AvatarAnzeige */
#avatarBox{
    position:absolute;
    top:230px;
    left:60px;
    height:90px;
    width:160px;              
}   
#avatarUploadBox{
    position:absolute;      
    top:250px;
    left:50px;
    height:90px;
    width:280px;              
}   

#avatar_arrLeft{
   position:absolute;
   left:0px; 
   top:0px; 
   height:30px;
   width:30px;                                 
   cursor:pointer;
}

#avatar_arrRight{         
   position:absolute;
   left:30px; 
   top:0px; 
   height:30px;
   width:30px;                                  
   cursor:pointer;
}

#avatarImg{
    position:absolute;
    height:60px;
    width:60px;              
    top:35px;
    left:0px;
}


.mButt{
    position:absolute;
    height:40px;
    width:40px;               
    top:285px; 
    cursor:pointer;
    background-color: transparent;
    border:none;
}         

.profileButton{
    position:absolute;
    left:140px;
    top:380px;
    background-image:url("../gfx/button.png");
    height:41px;
    width:147px;
    border:none;
    background-color: transparent;
    font-size:16px;
    line-height: 41px;
    font-weight: bold;
    cursor:pointer;
}
           
#mailError{
    font-size:10px;
    color:red;
    font-weight:bold;
    
}

#profErrMess{
    text-align:center;
    font-size:12px;
    color:red;
    font-weight:bold;
}

.coinMenue{                 
    height:125px;
}

.coinMenue div{
   float:left;
   height:90px;
   width:90px;  
   margin-top:17px;
   margin-left:55px;
   margin-right:50px;           
   cursor:pointer; 
}

#coinDiv{
    top:80px;
    position:absolute;
    left:60px;
    height:300px;
    width:600px;             
}

.premContent{
    text-align:center;
    height:200px;             
}

.premContent input,select{
    border:1px solid black;
}

.premContent input:hover{
    background-color:black;
    color:white;
    cursor:pointer;
}

.CoinMenBack{
    position:absolute;
    height:20px;
    width:140px;
    top:0px;
    left:0px;
    font-weight:bold;
    cursor:pointer;
}
   

.CoinTauschButton{
    border:1px solid black;
}

.CoinTauschButton:hover{
    background-color:black;
    color:white;
    cursor:pointer;
}

#TauschError{
    color:red;
    text-align:center;  
}

#transferDiv{
    font-size:12px;
    text-align: center;
    height:100px;      
    line-height:30px;      
}     

#transferDiv input{
    font-size:12px; 
    border:1px solid black;
}
#errCo{
    color:red;
}

#OfferList{
    position:relative;
    width:560px;
    height:200px;
    overflow:auto;
}

#OfferList div{
    position:relative; 
    float:left;
    font-size:12px;
}

#OfferList div span:hover{
    color:red;
    cursor:pointer;
}  


.boxTitle{
    position:absolute;
    height:30px;
    width: 360px;
    text-align:center;
    left:120px;
    line-height:30px;
    font-size:24px;
    font-weight:bold;
    top:0px;
}
.boxTitleTABS{
    position:absolute;
    height:30px;
    width: 500px;     
    left:60px;
    line-height:30px;
    font-size:24px;
    font-weight:bold;
    top:30px;
}

.boxTitleTABS div{
    position:relative;
    height:25px;
    margin:2px;
    width:100px;
    border:2px solid red;
    text-align:center;
    line-height:25px;
    float:left;
    font-size:20px;
    cursor:pointer;
}
.boxTitleTABS div:hover{ 
    background-color:black;
    color:red;
}

.boxMenue{
    position:absolute;
    height:50px;
    width: 600px;
    text-align:center;
    left:0px;        
    font-size:24px;
    font-weight:bold;
    top:7px;
}

.boxMenue div{
    position:relative;
    height:50px;
    width:50px;
    font-size:10px;
    line-height:12px;
    border:1px solid blue;
    float:left;
    margin-left:20px;
}

.boxMenue div:hover{
    background-color:#c0c0c0;
    cursor:pointer;
}

/* SHOP Elemente*/


.shopOffers{           
    height: 290px;
    left: 40px;
    position: absolute;
    top: 110px;
    width: 635px;                 
}
.shopPages{
    position:absolute;
    top:400px;
    left:240px;
    height:20px;
    width: 250px;                  
}
.BGPages{
    position:absolute;
    top:270px;
    left:240px;
    height:20px;
    width: 250px;                  
    text-align:center;
}

.offerItem{
    position:relative;    
    height:137px; 
    width:141px;
    margin:5px 5px 2px 5px; 
    float:left;
    background-image:url(../gfx/shop_layer.png);
}


.BuyItem{
    position:relative;
    height:60px;
    width:60px;
    margin:5px;
    float:left;
}

.BuyItemBanner{
    position:absolute;
    z-index:10;
    top:40px;
    width:60px;
    text-align:right;
    font-weight: bold;
    height:20px;
}

.shopCart{
    position:absolute;
    top:109px;
    left:369px;
    height:227px;
    width: 297px;  
    background-image:none;            
}
.shopCart:hover{
/*   background-image:url(../gfx/tabs/cart_mo.jpg);  */
}
.shopSum{
    position:absolute;
    top:333px;
    left:400px;
    height:15px;
    width: 250px;          
    text-align:right;    
    font-size:12px;
    font-weight:bold;
}
.shopButton,#fh_newAvaFishs{
    position:absolute;
    top:365px;
    left:444px;
    height:40px;
    line-height:40px;
    font-weight: bold;
    font-size: 30px;
    width: 146px;               
    text-align: center;    
    cursor:pointer;            
}
.shopButton:hover,#fh_newAvaFishs:hover{             
    color:white;                
}

.ShoppingBox{
    position:absolute;
/*    padding:20px 10px 10px 10px;*/
    height: 276px;
    width:452px;           
    left:50%;
    top:50%;
    margin-left:-226px;
    margin-top:-138px;
    background-image:url(../gfx/ShoppingDialog.png);
    text-align:center; 
    color:white;      
    font-weight:bold;
    z-index:11;
}
.ShopConfirmBox{
    position:absolute;
    padding:20px 10px 10px 10px;
    height: 145px;
    width:253px;           
    left:50%;
    top:50%;
    margin-left:-136px;
    margin-top:-87px;
    background-image: url(../gfx/bg_confirm.png);
    text-align:center; 
    color:white;
    font-size:18px;
    font-weight:bold;
    z-index:11;
}

.ShopConfirmBox input {
     border:1px solid black;    
}


.shopButtonTrans{
    position: absolute;        
    top:200px;              
    cursor:pointer;
}

#buyPrice{
    position: absolute;
    height:50px;
    width:120px;
    top:63px;   
    left:250px;
    text-align:left;       
    font-size:12px;
    font-weight:bold;
    color:black;
}

/*  #ShopSlider { width:256px; margin:10px 0; background-color:#ccc; height:10px; position: relative; }
  #ShopHandle { width:10px; height:15px; background-color:#f00; cursor:move; position: absolute; }  */
  
  /*#Shop_slider { width:200px; margin:10px 0; background-color:#ccc; height:10px; position: absolute; top: 85px; left:100px; }
  #Shop_slider .handle { width:10px; height:15px; background-color:#f00; cursor:move; position: absolute; }    
  */
  
  #Shop_slider { width:230px; margin: 0px;  height:10px; position: absolute; top: 208px; left:20px; }
  #Shop_slider .handle { width:40px; height:42px; background-image:url(../gfx/shopHandler.png); cursor:move; position: absolute; }  

  #SliderValues { width:230px; margin:0px; height:10px; position: absolute; top: 242px; left:35px; } 
  #SliderValues div{ position:relative; float:left;font-weight:bold;width:10px;height:10px;} 
  
.shopButtonSmall{        
    width:150px;
    border: 1px solid yellow;
    text-align: center;    
    cursor:pointer;  
    background-color:#E0E0E0;
    margin-top:5px;
    margin-left:75px;
}
.shopButtonSmall:hover{
    border:1px solid yellow;
    color:yellow;
    background-color:black;
}

/* Markt */

/*.marketTable{
    position:absolute;
    height:300px;
    width:530px;
    top:50px;
    left:35px;
    border:1px solid red;
}
*/
.marketTableLine{
    position:relative;
    border-bottom:1px solid #4EB8F8;
    height:30px;
    line-height: 28px;
}


#marketFishOverViewButton{
    position:absolute;
    color:#052884;
    text-align:center;
    font-weight:bold;
    background-image:url('../gfx/register_btn.png');
    font-size:20px;
    height:46px;
    line-height:40px;
    width:170px;  
    cursor:pointer;
    top:370px;  
    left:70px;  
    z-index:2;
}

#FishMList{              
    height: 290px;
    left: 0;
    position: absolute;
    top: 30px;
    width: 660px;
}

.FishMList_item{              
    float: left;
    font-size: 12px;
    height: 20px;
    line-height: 20px;
    position: relative;
    width: 150px;
}

.FishMList_item:hover{              
    text-decoration:underline;
    cursor:pointer;
}

.marketBuyButton{
    background-color: aqua;
    color:black;
    cursor:pointer;
    padding:1px;
}

.marketBuyButton:hover{
    color:red;
}   

/*Toplist*/

.statTable,.marketTable,#marketFishOverView{
    position:absolute;
    height:250px;
    width:660px;
    top:80px;
    left:25px;            
}

.statTableLine{
    position:relative;
    border-bottom:1px solid #4EB8F8;
    height:15px;
    line-height: 15px;
}
.statTableLine_self{
    position:relative;
    border-bottom:1px solid #4EB8F8;
    height:15px;
    line-height: 15px;
    background-color: #FFFFC0;
}
.statTableLine_self:hover, .statTableLine:hover,.marketTableLine:hover{
    background-color:#97D6FB;     
} 

.statTableLineTITLE,.marketTableLineTITLE{
    position:relative;
    border-bottom:1px solid #4EB8F8;
    height:25px;
    line-height: 25px;           
    font-weight:bold;       
    font-size:16px;
    color:white;
}

.statTableLine div,.marketTableLine div,.statTableLine_self div{
    float:left;
    font-size:13px;
} 

.statTableLineTITLE div, .marketTableLineTITLE div{
    float:left;    
} 

.statPageChoice{
    position:absolute;
    height:25px;
    width:660px;
    top:390px;
    left:25px;
    text-align: center;       
}  
.statPageChoice span{
    cursor:pointer;
}
.statPageChoice span:hover{
    font-weight:bold;  
}

#klickBar{
    position:relative;
    width :660px;
    height:25px;               
    overflow:hidden;
}
#klickBar img{
    height:25px;
    width:25px;
    top:0px;
}

#klickbarLineFRAME{
    position:absolute;
    width:610px;
    height:25px;
    top:0px;
    left:25px;
    overflow:hidden;
    
}
#klickbarLine{
    position:absolute;
    width:1200px;
    height:25px;
    top:0px;
    left:0px;
}
.klickbarMove{
    position:absolute;
    height:25px;
    width:25px;
    line-height:25px;
    font-weight:bold;
    top:0px;
    cursor:pointer;
} 

/* LAGER */

.lagerTable{
    position:absolute;
    height:245px;
    width:452px;
    left:25px;
    top:115px;
    background-image:url(../gfx/Lager_Itemflaeche.jpg);
    padding:18px;
}
.lagerTablePageChoose{
    position:absolute;
    height:20px;
    width:450px;
    left:40px;
    top:390px;               
    text-align: center;
}

.lagerDekoTableItem,.lagerbaitTableItem,.lagerFishTableItem{
    position:relative;
    height:60px;
    width:60px;            
    float:left;
    margin-top: 5px;
    margin-left: 10px;
    cursor:pointer;                                     
    z-index: 15;
}         
     
#DZ_2Market{
    position:absolute;
    height:173px;
    width:127px;
    left:3px;
    top:5px;  
    background-image:url(../gfx/2markt.jpg);                                             
}  
        

#DZ_2NPC{
    position:absolute;
    height:170px;
    width:125px;
    left:5px;
    top:170px;  
    background-image:url(../gfx/npc_verkauf.jpg);                                                                               
}             



#FrameMarketNPC{
    position:absolute;
    height:338px;
    width:130px;
    top:87px;
    left:528px;                                          
}

/* Fischhandel */

#fh_playerFishs{
    position:absolute;
    height:200px;
    width:265px;
    left:60px;
    top:110px;
    border:1px solid red;
}

#fh_playerFishsPageList{
    position:absolute;
    height:20px;
    width:240px;
    left:75px;
    top:310px;
    text-align: center;      
}

.pageListElement span{
    cursor:pointer;
}

#fh_avaFishs{
    position:absolute;
    height:115px;
    width:270px;
    left:60px;
    top:160px;             
}

#fh_avaFishsTitle{
    position:absolute;
    height:20px;
    width:270px;
    left:60px;
    top:140px;            
    font-size:15px;
    text-align: center;
}

/*#fh_newAvaFishs{
    position:absolute;
    height:20px;
    width:200px;
    left:90px;
    top:310px;            
    font-size:12px;
    border: 1px solid black;
    text-align: center;
    line-height:20px;
}
#fh_newAvaFishs:hover{
    color:white;
    background-color: black;
    cursor:pointer;
} */ 

#fh_DZsell{
    position:absolute;
    height:80px;
    width:250px;
    left:95px;
    top:345px;              
    background-image:url(../gfx/sellToNpc.png);    
}
#fh_DZbuy{
    position:absolute;
    top:109px;
    left:369px;
    height:227px;
    width: 297px;  
    background-image:none;                                        
}

#fh_infoBox,#fh_changeName{
    position:absolute;
    padding:20px 15px 10px 15px;
    height: 145px;
    width:243px;           
    left:50%;
    top:50%;
    margin-left:-136px;
    margin-top:-87px;
    background-image: url(../gfx/bg_confirm.png);
    text-align:center; 
    color:white;
    font-size:18px;
    font-weight:bold;  
}

#fh_infoBox input {
     border:1px solid black;    
}

.tradeFishTableItem{
    position:relative;
    height:60px;
    width:60px;             
    float:left;
    margin-top: 5px;  
    margin-left: 5px;
    cursor:pointer;
}
.buyFishTableItem{
    position:relative;
    height:60px;
    width:60px;             
    float:left;
    margin-top: 5px;
    margin-left: 5px;
    cursor:pointer;
}        

/* QUESTS */


#QuestTitle{
    position:absolute;
    line-height:28px;
    font-weight:bold;
    font-size: 20px;
    color:white;
    top:80px;
    left:270px;
    width:400px;
}
#QuestMan{
    position:absolute;
    height:287px;
    width:239px;
    top:105px;                                         
    left:20px;                                       
}
#QuestFish{
    position:absolute;
    height:60px;
    width:60px;
    top:270px;
    left:600px;           
}
#QuestInfoBox{

    height:200px;
    left:280px;
    position:absolute;
    top:135px;
    width:380px;        
}

#QuestError{
    position:absolute;
    height:30px;
    width:300px;
    top:270px;
    left:270px;  
    text-align: center;
    color:red;
    font-size:12px;
    font-weight:bold;     
}

#QuestReward{
    position:absolute;
    height:30px;
    width:270px;
    top:305px;
    left:285px;  
    text-align: left;  
    font-size:12px;
    font-weight:bold;     
}
           

#QuestButton{
    position:absolute;
    color:#052884;
    text-align:center;
    font-weight:bold;
    background-image:url('../gfx/register_btn.png');
    font-size:20px;
    height:46px;
    line-height:40px;
    width:170px;  
    cursor:pointer;
    top:370px;
    left:400px;
}
#QuestButton:hover{            
    color:white;
}

/* Wettbewerb */

#TourNextPage{
    position:absolute;
    left:400px;
    width:200px;
    top:22px;
    height:16px;
    font-size:14px;
    cursor:pointer;
    text-align: center;
}

#TourNextPage:hover{     
    color:red;
}

#TourInfoBox{
    position:absolute;
    height:70px;
    top:80px;              
    width: 460px;
    left:60px;               
    padding:5px;
}

#TourInfoBox div{
    float:left; 
    font-size:14px;
}

#TourInfoBox h1{ 
    font-size:18px;
    padding:3px;
    margin:0px;
}

#TourInfoFish{
    position:absolute;
    height:60px;
    width:60px;
    left:410px;
    top:10px;
    float:none;
}

#TourPartieBox{
    position:absolute;
    height:180px;
    top:215px;              
    width: 500px;
    left:50px;
    border:1px solid black;
}
#TourPartieNavigation{
    position:absolute;
    height:20px;
    top:400px;              
    width: 500px;
    left:50px;                
    text-align: center;
}

#TourSelectBox{
    position:absolute;
    left:20px;
    width:200px;
    top:84px;
    height:20px;
    font-size:14px;
    cursor:pointer;
    text-align: center;    
}

#TourPartieNavigation span{
    cursor:pointer;
}

#TourPartButton{
    position:absolute;
    height:20px;
    top:180px;              
    width: 120px;
    left:240px;
    border:1px solid black;
    text-align: center;
    font-weight:bold;
    line-height:20px;
    cursor:pointer;
}

#TourPartButton:hover{
    background-color:black;
    border:1px solid white;
    color:white;   
}    

.TourPartHeader{
    position:relative;
    font-weight:bold;
    float:left;
    font-size:14px;
    height:16px;
    line-height:16px;
}
.TourPart{
    position:relative; 
    float:left;
    font-size:14px;
    line-height:16px;
    height:16px;
}

#tourPARDZ{
    position:absolute;
    height:190px;
    width:220px;
    left:330px;
    top:90px;
    border:1px solid black;
}
#tourPARDZ.hover{
    border: 1px solid red;
} 

#tourPARLager{
    position:absolute;
    height:190px;
    width:220px;
    left:50px;
    top:90px;
    border:1px solid black;
}

#tourPARInfo{
    position:absolute;
    height:100px;
    width:500px;
    left:50px;
    top:300px;                
}
.tourStoredItem{
    position:relative;
    height:50px;
    width:50px;
    margin:5px;
    float:left;
}


/* Schaufenster */

#UW_genSetBox{
    position:absolute;
    height:100px;
    top:40px;
    width:560px;
    margin-left:20px;    
    color:white;
    
}
    
#UW_partSetBox{
    position:absolute;
    height:200px;
    top:140px;
    width:560px;
    margin-left:20px;    
}

#UW_genSetBox h1, #UW_partSetBox h1 {
    font-size:14px;
    line-height:16px;    
    padding:0;
    padding-left:5px;
}

#UW_genSetBox ul, #UW_partSetBox ul {
    font-size:14px;
    line-height:16px;
    margin:4px;
}

#UW_genSetBox input, #UW_partSetBox input {    
    border:1px solid black;
    background-color:#D0D0D0;  
    font-size:11px;
}

/* Userwindow Extern */

#OWEX_box{
    position:absolute;
    height:692px;
    width:1000px;
    left:50%;
    margin-left:-500px;     
    top:0;
    background-image:url(../gfx/nickpage_bg.jpg);
    font-size:14px;
    font-weight: bold;
    color:#07367C;
}

          

#OWEX_tank{      
position:absolute;         
height:470px;
left:20px;         
top:160px;
width:725px;      
}
#OWEX_ANI{     
 
position:absolute;         
height:151px;
left:195px;         
top:0px;
width:135px;            
}

#OWEX_Udata{
    position:absolute;
    top:27px;
    left:786px;
    height:110px;
    width:175px;           
}
#OWEX_INFO{
font-size:12px;
height:120px;
left:380px;
position:absolute;
top:25px;
width:310px;
         
}
#OWEX_DOIT{
color:#FFFFFF;
font-size:17px;
height:24px;
left:80px;
position:absolute;
top:647px;
width:615px;
}

#OWEX_Lakes{
    position:absolute;
    top:490px;
    left:765px;
    height:110px;
    width:175px; 
    font-size:10px;          
}

#OWEX_Catches{
    position:absolute;
    top:195px;
    left:765px;
    height:235px;
    width:200px;    
    overflow:auto;  
}    

#OWEX_FB{
    position:absolute;
    top:640px;
    left:780px;
    height:500px;
    width:175px;          
}
                
.fishSmall{
    float:left;
    height:30px;
    width:30px;
    margin:4px;
}
                      



#goOverview{
    position:absolute;
    float:left;
    top:0px;
    left:0px;
    height:60px;
    width:60px;                
    background-image:url(../gfx/iconOverview.png);
    cursor:pointer;
}

            /*
#tankChange{
    position:absolute;
    float:left;
    height:60px;
    width:70px;                 
    background-image:url(../gfx/tankSwitch.png);
    cursor:pointer;
}        
#tankChange:hover, #goOverview:hover {
    background-color:red;
}
         */
#shadowBack{
    position:absolute;                                           
    background-color:#8080FF;
    z-index:1000;
    height: 581px;
    width: 881px;
    top:1px;
    left:119px;                      
}
#loadingScreen{
    background-image: url("../gfx/loadingScreen.jpg");
    height: 578px;
    left: 0px;
    position: absolute;
    top: 0px;
    width: 1125px;
    z-index: 1001;                                               
}

#loadingFish{
    background-image: url("../gfx/ladegrafik_ani.gif");
    height: 196px;
    left: 460px;
    position: absolute;
    top: 132px;
    width: 198px;
    z-index: 1001;     
}

#loadingText{                                           
    color: white;
    font-size: 28px;
    font-weight: bold;
    height: 25px;
    left: 410px;
    position: absolute;
    text-align: center;
    top: 90px;
    width: 300px;
    z-index: 1002;
}

#overviewDiv{
    position:absolute;         
    z-index:1001;
    top:15px;
    left:155px;               
    height: 550px;
    width: 800px;                
    background-image:url(../gfx/cityOverview.jpg);  
    border:2px solid white; 
}

#cityElementDiv{
    position:absolute;         
    z-index:1001;
    top:0px;
    left:0px;               
    height: 550px;
    width: 800px;          
}

#cityElementDiv div{
    position:absolute;  
}                         

#tankSwitchDialog{             
    position:absolute;
    z-index:1001;
    height: 438px;
    background-position:0px 55px;   
    background-repeat: no-repeat;
    width: 714px;
    top:50%;
    left:50%;                         
    margin-top:-190px;
    margin-left:-357px;        
    background-image: url(../gfx/tabs/bg.png);
}
                   
.swTanks{
    position:relative;
    float:left;
    height:137px;
    width:135px;
    margin:10px;
    cursor:pointer;  
    color:#003f8a;
    text-align: center;  
    font-weight:bold;
}     

.swTankImage{
    position:relative;
    float:left;
    height:107px;
    width:135px;
    cursor:pointer;  
    
}   

#divBuyTank, #lakeActionWindow{
    position:absolute;
    z-index:1001;                     
    top:50%;
    left:50%;                         
    margin-top:-170px;
    margin-left:-278px;      
    width:556px;
    height:340px;
    background-image: url(../gfx/dialog_buyTank.png);
}      


#lakeActionWindow{
background-image:url("../gfx/dialog_buyLake.png");         
}

#buyTextDiv, #LakeBuyTextDiv{
    color:white;
    font-weight:bold;
    font-size:20px;
    height:130px;
    left:240px;
    position:absolute;
    top:90px;
    width:230px;
    
}        
#LakeBuyTextDiv{
/*    border:1px solid red;*/
    left:280px;
}
#buyTextButton, #LakeBuyTextButton{
    color:black;
    font-weight:bold;
    font-size:20px;
    height:42px;
    left:205px;
    position:absolute;
    top:255px;
    width:148px;
    text-align: center;
    cursor: pointer;
    line-height: 42px;
} 

#buyTextButton:hover{
    color:white;
    cursor:pointer;
}    
#upgradeTextDiv,#snakeTextDiv{
    color:white;
    font-weight:bold;
    font-size:20px;
    height:130px;
    left:260px;
    position:absolute;
    top:90px;
    width:230px;
    
}                          
#upgradeTextButton,#snakeTextButton{
    color:black;
    font-weight:bold;
    font-size:20px;
    height:42px;
    left:205px;
    position:absolute;
    top:260px;
    width:148px;
    text-align: center;
    line-height: 42px;
    cursor:pointer;
} 

#upgradeTextButton:hover{
    color:white;
    cursor:pointer;
}    


/*HILFE*/

#hUserlevel{
    width:360px;
    border-collapse: collapse;
}

#hUserlevel th{
    text-align:left;
    background-color: #5171AF;
    color: #fff;
}     
#hUserlevel td{
    text-align:left;           
    border-bottom: 1px solid #5171AF;
    font-size: 14px;
}


#helpBox{
    height:290px;
    left:220px;
    position:absolute;
    top:120px;
    width:460px;
    overflow:auto;
    font-size:14px;
}

#helpBox h1{
    font-size:22px;
}


#helpBox h2{
    font-size:18px;
}

/* Schatz Slotmachine*/

#slotInfo{
    position:absolute;
    height:60px;
    width:300px;
    top:180px;
    left:60px;
    text-align: center;
    font-size:14px;
    font-weight:bold;
    color:#0a45a1;
}
#slotFields, #slotFields_ani{
    position:absolute;
    height:80px;
    width:300px;
    top:59px;
    left:106px;            
}

#slotFields div{
    position:relative;
    height:80px;
    width:80px;
    float:left;
    margin-right:18px;
    background-image: url(../gfx/slotmachine_icons.gif);
}   

#slotFields_ani div{
    position:relative;
    height:80px;
    width:80px;
    float:left;
    margin-right:18px;
    background-image: url(../gfx/slot_ani.gif);
}

.bgItem{
    position:relative;
    margin: 10px;
    height:110px;
    width:110px;              
    background-repeat: no-repeat;
    background-position: 5px 5px ;
    float:left;
    cursor:pointer;
}

.buyBGShadow{
    position:absolute;
    height:100%;
    width:100%;
    top:0px;
    left:0px;
    background-color:black;
    -moz-opacity:0.4; 
    -khtml-opacity:0.4; 
    opacity:0.4;
    filter:alpha(opacity=40); 
}

.buyBGTitle{
    position:absolute;
    height:20px;
    width:100%;
    top:45px;
    left:0px;
    color:white;
    font-size:20px;
    font-weight:bold;
    text-align: center;
}

/*Zucht Klassen*/

.BreedContent{
    height: 290px;
    left: 30px;
    padding: 5px;
    position: absolute;
    top: 110px;
    width: 650px; 
    overflow:auto;  
}

.breedCell{
    position:relative;
    height:42px;
    width:594px;
    background-image: url(../gfx/breedCell.png);
    margin-bottom:5px;
    padding:10px;
    line-height:42px;
    font-weight:bold;
    color: #062885;
}

.listBTanks_item{
    position:relative;
    height:244px;
    width:192px;
    top:0px;
    margin-left:15px;
    float:left;
    background-image: url(../gfx/breedTankList.png); 
}


/* Achievement INFO */
#achievementList{
    position:absolute;     
    z-index:1050;
    width:250px;
    height:80px;               
    left:750px;
    overflow:hidden;
}
.achievementListItem{
    position:relative;    
    width:250px;
    height:80px;            
    background-image: url(../gfx/ach_layer.png);
    left:0px;          
      
}

.ach_title{
   position:absolute;
   width:180px;
   font-size:12px;
   font-weight:bold;
   height:15px;
   line-height:15px;
   top:5px;
   left:70px;
   text-align:center;    
}

.ach_image{
   position:absolute;
   width:60px;         
   height:60px;
   line-height:12px;
   top:5px;
   left:5px;
    -moz-background-size:60px 60px; /* Firefox */
    -webkit-background-size:60px 60px; /* Safari, Chrome */
    background-size:60px 60px; /* Opera, W3C Standard */
           
}

.ach_text{
   position:absolute;
   width:170px;
   font-size:9px;    
   height:50px;
   line-height:12px;
   top:25px;
   left:70px;
   text-align:center;       
   padding:2px;
}

.breedButton{
    position:absolute;
    left:140px;
    top:380px;
    background-image:url("../gfx/btn_neue_zucht.png");
    height:62px;
    width:183px;
    border:none;
    background-color: transparent;
    font-size:16px;
    line-height: 70px;
    font-weight: bold;
    padding-left:12px;
    cursor:pointer;
}

#breedDialog{
    background-image: url("../gfx/memo_box.png");
    color: white;
    font-size: 12px;
    height: 58px;
    left: 320px;
    overflow: hidden;
    padding: 10px;
    position: absolute;
    top: 497px;
    width: 412px;
    z-index: 25;
} 


.breedStartButton{
    position:absolute;
    left:140px;
    top:380px;                                 
    height:41px;
    width:147px;
    border:none;
    background-color: transparent;
    font-size:16px;
    line-height: 35px;
    font-weight: bold;
    cursor:pointer;    
}

/* KUNDEN*/
#customerOverview{
    Position:absolute;
    height: 550px;
    width:75px;           
    overflow:hidden;
    top:0px;
    left: 725px;
    z-index:1002;
}

#customerScrollTop
{
    position:absolute;
    height:41px;
    background-image: url(../gfx/customer/customer_up.png);
    background-repeat: no-repeat;
    background-position: center;
    width:75px;
    top:0px;
    left:0px;
}
#customerScrollBottom
{
    position:absolute;
    height:41px;
    background-image: url(../gfx/customer/customer_down.png);
    background-repeat: no-repeat;
    background-position: center;
    width:75px;
    top:509px;
    left:0px;
}
#customerScrollList, #CustomerScrollRange
{
    position:absolute;
    height:468px;            
    width:75px;
    top:41px;
    left:0px;                    
}

#customerDetails{   
    position:absolute;
    height:305px;
    width:550px;
    top:130px;
    z-index: 1003;
    left:130px;
    background-image: url(../gfx/dialogbox_happy.png);           
    
}

#customerListBox{
    position: absolute;
    width: 580px;
    height:60px;
    left:10px;
    top:330px;              
}

#customerErrorBox{
    position: absolute;
    width: 580px;
    height:20px;
    left:10px;
    top:50px;  
    color:red;
    text-align: center;   
}

.customerItem{
    position:relative;         
    font-size:12px;
    cursor:pointer;
}

.customerButton{
    border:1px solid black;
    text-align:center;
}

.customerButton:hover{
    border:1px solid white;
    background-color: black;
    color:white;      
}  

#customerLineBox{
    position:absolute;
    height:287px;
    width:650px;
    top:105px;                                         
    left:30px;                  
}  
#customerLineBox div{
    float:left;
}            

#customerDETTitle{
    position:absolute;
    line-height:28px;
    font-weight:bold;
    font-size: 20px;
    color:white;
    top:80px;
    left:270px;
    width:400px;
}
#customerDETFace{
    position:absolute;
    height:287px;
    width:239px;
    top:105px;                                         
    left:20px;                                       
}
#customerDETFishes{
    height:100px;
    left:280px;
    position:absolute;
    top:135px;
    width:380px;          
}            

.custFItem{
    position:relative;
    height:60px;
    width:60px;
    margin:5px;
    float:left;
}

#customerErrorBox{
    position:absolute;
    height:30px;
    width:300px;
    top:270px;
    left:270px;  
    text-align: center;
    color:red;
    font-size:12px;
    font-weight:bold;     
}

#customerDETReward{
    position:absolute;
    height:30px;
    width:270px;
    top:235px;
    left:285px;  
    text-align: left;  
    font-size:18px;
    font-weight:bold;     
}

.customerDETbutton{
    position:absolute;
    color:#052884;
    text-align:center;
    font-weight:bold;
    background-image:url('../gfx/register_btn.png');
    font-size:20px;
    height:46px;
    line-height:40px;
    width:170px;  
    cursor:pointer;
    top:370px;  
}        


.contentBox {                  
    background-color: #054DAF;
    border: 1px outset #4782D1;
    display: none;
    height: 385px;
    left: 214px;        
    position: absolute;
    top: 130px;
    width: 550px;    
    color:#fff;
    z-index:1000;
}

.closeContentBox {
    position: absolute;
    top: 10px;
    right: 10px;
    height: 26px;
    width: 27px;
    background-image: url('../gfx/ablehnen_btn.png');
    background-repeat: no-repeat;
    background-position: top;   
}

.contentBody{
    position:relative;
    width:540px;
    height:300px;
    overflow: auto;   
    margin:5px;    
}
#spotObject{
    z-index:1002;
}
#spotCloser{
    position:absolute;
    background-image:url(../gfx/tabs/close.png);  
    width:40px;
    height:41px;
    left:491px;                 
    top:-20px;
    z-index:1003;           
    cursor:pointer;
    font-weight:bold;
    font-size:20px;    
}
#spotObject{
     position:absolute;  
     height:288px;
     left:0px;
     top:0px;
     width:512px;   
}

div.contentBody ul li a {
	color: #fff;
}