@charset "UTF-8";
/* CSS Document */

/* +++ Mobile Website +++ */
@media screen and (max-width:1270px){
    #menuback{
        position:absolute;
        top:192px;
        left:0%;
        width:100%;
        height:48px;
        margin-left:0px;
        background-image: none;
        background-color: #fff;
        opacity: 0.8;
        border-top: 1px solid #939393;
        border-bottom: 1px solid #939393;
    }
}

@media screen and (max-width:950px){
    #start{
    	position:relative !important;
    	width:950px;
    	height:100%;
    	margin:0;
    }
    #wrapper{
    	position:relative;
    	top:0px;
    	left:0%;
    	width:100%;
    	max-width:950px;
    	max-height:800px;
    	margin:0px;
    }
    #menuback{width:950px;}
}

/*that is old shit --- @media only screen and ( max-width: 44em ){ /* 640 */
/* fix for anybody */
@media (-webkit-min-device-pixel-ratio: 1.5), (min-resolution: 144dpi), (min-resolution: 1.5dppx){    
    #start{background-image: none;}
    #menuback{display: none;}
    
	/* website navigation */
	ul.sdt_menu{display: none;}

	/* mobile navigation */
    #nav{
        width: 640px;
        float: left;
        display: block;
        position: absolute;
        top:192px;
        left: 0px;
        border-color: #ccc;
        z-index:999;
    }
    #nav > a{
        position: relative;
        width: 100%;
        height:48px;
        text-align: left;
        /*text-indent: -9999px;*/
        color: #FFF;
        line-height: 50px;
        font-size: 16px;
        background-color: #58a210;
    }
    #nav > a span{margin-left:20px;}
    /* #nav > a:before , //#nav > a:after// {position:absolute; top:5%; left:45%; right:45%; content:''; height:0.15em; background:#FFF; box-shadow:0 0.25em 0 0 #FFF, 0 0.5em 0 0 #FFF;}*/
    #nav > a:after{top: 60%;}
    #nav:not( :target ) > a:first-of-type, #nav:target > a:last-of-type{display: block;}
    /* first level */
        #nav > ul{
            height: auto;
            display: none;
            position: absolute;
            left: 0;
            right: 0;
            box-shadow: 0px 2px 2px #bbb;
        }
        #nav:target > ul{display: block;}
        #nav > ul > li{width: 100%; float: none;}
        #nav > ul > li > a{ height: auto; text-align:left; padding: 0 0.833em;}
        #nav > ul > li:not( :last-child ) > a{ border-right: none; border-bottom: 1px solid #51a000;}
    
    /* second level */
        #nav li ul{
            width: auto;
            position: static;
            padding: 0.4em;
            padding-top: 0;
            text-align:left;
        }
}