@CHARSET "UTF-8";


/* general front styles */
.fire {
    background-image:url(../../Bilder/in_05.png);
  }

.fox {
    background-image:url(../../Bilder/in_06.png);
 }

#laytabelle {
            position:absolute;
            left:0px;
            top:0px;
            width:957px;
            height:718px;
        }

#out-01 {
    position:absolute;
    left:0px;
    top:0px;
    width:957px;
    height:11px;
}

#out-02 {
    position:absolute;
    left:0px;
    top:11px;
    width:25px;
    height:20px;
}

#out-03 {
    position:absolute;
    left:25px;
    top:11px;
    width:135px;
    height:20px;
}

#out-04 {
    position:absolute;
    left:160px;
    top:11px;
    width:39px;
    height:29px;
}

#out-05 {
    position:absolute;
    left:199px;
    top:11px;
    width:739px;
    height:29px;
}

#out-06 {
    position:absolute;
    left:938px;
    top:11px;
    width:19px;
    height:29px;
}

#out-07 {
    position:absolute;
    left:0px;
    top:31px;
    width:25px;
    height:130px;
}

#neu1-03 {
    position:absolute;
    left:25px;
    top:31px;
    width:135px;
    height:130px;
}

#out-09 {
    position:absolute;
    left:160px;
    top:40px;
    width:39px;
    height:138px;
}

#out-10 {
    position:absolute;
    left:199px;
    top:40px;
    width:26px;
    height:138px;
}

#out-11 {
    position:absolute;
    left:225px;
    top:40px;
    width:687px;
    height:57px;
}

#out-11t {
    position:absolute;
    left:232px;
    top:46px;
    width:677px;
    height:52px;
}

#out-12 {
    position:absolute;
    left:912px;
    top:40px;
    width:18px;
    height:138px;
}

#out-13 {
    position:absolute;
    left:930px;
    top:40px;
    width:27px;
    height:138px;
}

#out-14 {
    position:absolute;
    left:225px;
    top:97px;
    width:687px;
    height:9px;
}

#out-15 {
    position:absolute;
    left:225px;
    top:106px;
    width:183px;
    height:72px;
}

#out-16 {
    position:absolute;
    left:408px;
    top:106px;
    width:314px;
    height:49px;
}

#out-17 {
    position:absolute;
    left:722px;
    top:106px;
    width:190px;
    height:72px;
}

#out-18 {
    position:absolute;
    left:408px;
    top:155px;
    width:314px;
    height:23px;
}

#out-19 {
    position:absolute;
    left:0px;
    top:161px;
    width:25px;
    height:410px;
}

#out-20 {
    position:absolute;
    left:25px;
    top:161px;
    width:135px;
    height:17px;
}

#out-21 {
    position:absolute;
    left:25px;
    top:178px;
    width:135px;
    height:4px;
}

#out-22 {
    position:absolute;
    left:160px;
    top:178px;
    width:24px;
    height:393px;
}

#out-23 {
    position:absolute;
    left:184px;
    top:178px;
    width:773px;
    height:540px;
}

#out-24 {
    position:absolute;
    left:25px;
    top:182px;
    width:135px;
    height:15px;
}

#out-25 {
    position:absolute;
    left:25px;
    top:197px;
    width:135px;
    height:6px;
}

#out-26 {
    position:absolute;
    left:25px;
    top:203px;
    width:135px;
    height:15px;
}

#out-27 {
    position:absolute;
    left:25px;
    top:218px;
    width:135px;
    height:15px;
}

#neu1-20 {
    position:absolute;
    left:25px;
    top:233px;
    width:135px;
    height:20px;
}

#out-29 {
    position:absolute;
    left:25px;
    top:253px;
    width:135px;
    height:20px;
}

#out-30 {
    position:absolute;
    left:25px;
    top:273px;
    width:135px;
    height:20px;
}

#neu1-23 {
    position:absolute;
    left:25px;
    top:293px;
    width:135px;
    height:20px;
}

#out-32 {
    position:absolute;
    left:25px;
    top:313px;
    width:135px;
    height:10px;
}

#neu1-25 {
    position:absolute;
    left:25px;
    top:323px;
    width:135px;
    height:20px;
}

#neu1-26 {
    position:absolute;
    left:25px;
    top:343px;
    width:135px;
    height:20px;
}

#out-35 {
    position:absolute;
    left:25px;
    top:363px;
    width:135px;
    height:20px;
}

#neu1-28 {
    position:absolute;
    left:25px;
    top:383px;
    width:135px;
    height:20px;
}

#neu1-29 {
    position:absolute;
    left:25px;
    top:403px;
    width:135px;
    height:20px;
}

#neu1-30 {
    position:relative;
    left:25px;
    width:135px;
    height:61px;
}

#out-39 {
    position:absolute;
    left:25px;
    top:443px;
    width:135px;
    height:21px;
}

#out-40 {
    position:absolute;
    left:25px;
    top:464px;
    width:135px;
    height:73px;
}

#out-41 {
    position:absolute;
    left:25px;
    top:537px;
    width:135px;
    height:34px;
}


div#wrapperx {
    position:relative;
    width:970px;
    margin-right: auto;
    margin-left: auto;
}

body {
    background-color: #0C0D11;
    background-image:url(../../Bilder/scene15gross.jpg);
    background-repeat:no-repeat;
    background-position:top center;
    margin-left: 0px;
    margin-top: 0px;
    margin-right: 0px;
    margin-bottom: 0px;
    font-family: Verdana, Arial, Helvetica, sans-serif;

    font-size:0.7em;
    color: #ffd6b0;
}

.impressumdiv {
    background: url('../../Bilder/impressum_back.jpg');
    width:697px;
    height:478px;
    position: relative;
    top:0px;
    left:0px;
    font-family: Tahoma, Verdana,Helvetica,Arial;
    color:#FFF8E6;
}

.impressumdivtitle{
    font-size:22px;
    font-weight:bold;
    position:absolute;
    top: 90px;
    text-align:center;
    width: 695px;
}

.impressumdivad{
    font-size:18px;
    position:absolute;
    top: 135px;
    left: 90px;
}

.impressumdivcon{
    font-size:18px;
    position:absolute;
    top: 135px;
    left: 370px;
}

.impressumdivgf{
    font-size:12px;
    position:absolute;
    top: 242px;
    text-align: center;
    width: 695px;
}

a.footerlink{
    color: #FFFFFF;
    font-family: Verdana, helvetica,arial,sans-serif;
    font-size:12px;
    text-decoration:none;
}
a.footerlink:hover{
    text-decoration:underline;
}

#out-11{text-align:center;}

#out-11 h1{
    font-size:12px;
    font-weight:bold;
    margin:0px;
    margin-top:3px;
}
#out-11 p{
    font-size:11px;
    margin:0px;
}

#ua_left_menu {
            position:absolute;
            left:1px;
            top:218px;
            width:184px;
            background:url('../images/ua_left_menu/side_menu_tile.png') repeat top center;
        }

        #ua_left_menu_top {
            position:relative;
            left:0px;
            top:0px;
            width:184px;
            min-height:215px;
            background:url('../images/ua_left_menu/side_menu_top.png') no-repeat top center;
        }

        #ua_left_menu_bottom {
            position:relative;
            width:184px;
            height:27px;
            background:url('../images/ua_left_menu/side_menu_bottom.png') no-repeat top center;
        }

        #ua_left_menu_links {
            margin-left:25px;
        }

        #ua_left_menu_link_start{
            display:block;
            width:135px;
            height:20px;
            margin-top:15px;
            background-image:url('../images/front_left_menu/side_menu_start.png');
        }

        #ua_left_menu_link_login {
            display:block;
            width:135px;
            height:20px;
            background-image:url('../images/front_left_menu/side_menu_login.png');
        }

        #ua_left_menu_link_register {
            display:block;
            width:135px;
            height:20px;
            background-image:url('../images/front_left_menu/side_menu_register.png');
        }
        
        #ua_left_menu_link_community {
            display:block;
            width:135px;
            height:20px;
            background-image:url('../images/front_left_menu/side_menu_community.png');
        }
        
        #ua_left_menu_link_story {
            display:block;
            width:135px;
            height:20px;
            background-image:url('../images/front_left_menu/side_menu_story.png');
        }
        
        #ua_left_menu_link_news {
            display:block;
            width:135px;
            height:20px;
            margin-top:15px;
            background-image:url('../images/front_left_menu/side_menu_news.png');
        }
        
        #ua_left_menu_link_screenshots {
            display:block;
            width:135px;
            height:20px;
            background-image:url('../images/front_left_menu/side_menu_screenshots.png');
        }
        
        #ua_left_menu_link_imprint {
            display:block;
            width:135px;
            height:20px;
            background-image:url('../images/front_left_menu/side_menu_imprint.png');
        }
        
        #ua_left_menu_link_gameinfo {
            display:block;
            width:135px;
            height:20px;
            background-image:url('../images/front_left_menu/side_menu_gameinfo.png');
        }
        
        .ua_left_menu_link {
            background-position:0px 0px;
        }

        .ua_left_menu_link:hover{
            background-position:0px -20px;
        }

        #ua_left_menu_pattern {
            position:relative;
            text-align:center;
            margin-top:10px;
            width:184px;
            height:26px;
            background:url('../images/ua_left_menu/pattern.png') no-repeat top center;
        }
        
        #ua_left_menu_agb{
            float:right;
            margin-right:23px;
            margin-top:7px;
        }
        
        .ua_webstore {
            display: block; 
            left: 10px; 
            position: absolute; 
            text-align: center; 
            margin-top: 5px; 
            width: 173px; 
            height: 50px;
        }

/* FRONT FOOTER */
a.fgamelink{
    margin-left:10px;
    margin-right:10px;
    border:0px;
    outline:0px;
}

a.fgamelink img{
    border:0px;
    outline:0px;
}
    
    
.front_footergametitle{
    text-align:center;
    font-size:13px;
    font-weight:bold;
    color:#DBCE9B;
}

a.fgamelink:active, a.fgamelink:focus{outline:0px;}    

/* Screenshots */
        #screenshots{
            position:relative;
		    width:699px;
		    height:487px;
            top:0px;
            background:url(../../Bilder/info.jpg) top center no-repeat;
        }
		
		.button_right{right:148px;}
		.button_left{left:144px;}
		
		#screenshotcontainer{
		    position:relative;
		    margin: 0px auto;
            top:94px;
		    width:452px;
		    height:330px;
		    user-select: none;
           -o-user-select:none;
           -moz-user-select: none;
           -khtml-user-select: none;
           -webkit-user-select: none;
		}
		
		.screenshot_small{
		    position:absolute;
		    z-index:500;
		    cursor:pointer;
		    user-select: none;
           -o-user-select:none;
           -moz-user-select: none;
           -khtml-user-select: none;
           -webkit-user-select: none;
            border:1px solid #FFD6B0;
		}
		
		.screenshot_big{
		    position:absolute;
		    z-index:2000;
		    user-select: none;
           -o-user-select:none;
           -moz-user-select: none;
           -khtml-user-select: none;
           -webkit-user-select: none;
		}
		
		#screenshot_0{top:0px;left:0px;}
		#screenshot_1{top:0px;left:151px;}
		#screenshot_2{top:0px;left:302px;}
		#screenshot_3{top:107px;left:0px;}
		#screenshot_4{top:107px;left:151px;}
		#screenshot_5{top:107px;left:302px;}
		#screenshot_6{top:214px;left:0px;}
		#screenshot_7{top:214px;left:151px;}
		#screenshot_8{top:214px;left:302px;}
		
		#screenshotposition_0{z-index:500;top:0px;left:0px;}
		#screenshotposition_1{z-index:500;top:0px;left:151px;}
		#screenshotposition_2{z-index:500;top:0px;left:302px;}
		#screenshotposition_3{z-index:500;top:107px;left:0px;}
		#screenshotposition_4{z-index:500;top:107px;left:151px;}
		#screenshotposition_5{z-index:500;top:107px;left:302px;}
		#screenshotposition_6{z-index:500;top:214px;left:0px;}
		#screenshotposition_7{z-index:500;top:214px;left:151px;}
		#screenshotposition_8{z-index:500;top:214px;left:302px;}
		
		
		.screenshot_grey{
            position:absolute; 
            z-index:1000; 
            display:none; 
            width:699px;
            height:487px; 
            top:0px;
            background:url('../img/misc/transparent_png_50.png') repeat;
            user-select: none;
           -o-user-select:none;
           -moz-user-select: none;
           -khtml-user-select: none;
           -webkit-user-select: none;
        }
		
		.screenshot_pagination{
		    display:none;
		    position:absolute;
		    width:30px;
		    height:50px;
		    cursor:pointer;
		    background-position:top center;
		    z-index:2001;
		    user-select: none;
           -o-user-select:none;
           -moz-user-select: none;
           -khtml-user-select: none;
           -webkit-user-select: none;
		}
		
		.screenshot_pagination:hover{
		    background-position:bottom center;
		}
		
		.shotpagina_left{background-image:url('../img/screenshots/signups_left.png'); top:214px; left:40px;}
		.shotpagina_right{background-image:url('../img/screenshots/signups_right.png'); top:214px; right:40px;}

		
/* News */

    #frontnewsview {
        position:relative;
        width: 720px;
        top:0px;
        padding-bottom:90px;
    }
    
    #frontnews_title{
        position:relative;
        top: 10px;
        text-align:center;
        width:100%;
        height:25px;
        background:url('../img/misc/transparent_png_20.png') repeat;
        border-top:1px solid #FFFFFF;
        border-bottom:1px solid #FFFFFF;        
    }

    #frontnews_title h3{
        font-size:14px;
        color:#DBCE9B;    
        margin: 4px 0px 0px 0px;
    }  
    
    #front_news_container{
        position:relative;
        margin: 0px auto 40px;
        text-align:left;
        width:600px;
        padding:10px;
        background:url('../img/misc/transparent_png_10.png') repeat;
        border:1px solid #FFFFFF;
        top:20px;
    }
    
    .front_news_date{
        font-size:8px;
        color:#777;
    }
    
    .front_news_entry h3{
        margin: 4px 0px 0px 0px;
        color:#DBCE9B;    
    }
    
    .front_news_entry_spacer{
        position:relative;
        width:100%;
        margin:10px auto;
        height:1px;
        border-bottom:1px solid #DBCE9B; 
    }
    
    .more_news{
        position:relative;
        display:block;
        text-align:center;
        width:100%; 
        clear:both;
        margin-top:5px;
    }
    
    .more_news a{ 
        color:#DBCE9B; 
    }
    
    .more_news a:hover{
        color:#FFF;
        text-decoration:underline
    }