
@viewport {
	width: 639px;
	zoom: 1;
}	

@media (max-width: 949px) {
	body{
		padding: 8px;
		width: auto;
	}
	.space_top{
		margin-top: 0px;
	}
	#title_web, #ctl00_title_web{
		display:none;
	}
	/******HEADER****/
	#divHeader{
		width: 100%;
	}
	#ctl00_divHeader{
		width: 100%;
	}
	#divLogo{
		background-image: url(../images/ZW_Logo_mobile.png);
		background-repeat: no-repeat;
		background-position: 0px 8px;		
		height: 100px;
	}
	#ctl00_divLogo{
		background-image: url(../images/ZW_Logo_mobile.png);
		background-repeat: no-repeat;
		background-position: 0px 8px;		
		height: 100px;
	}
	#title_mobile2{
		display: none;
	}
	#ctl00_title_mobile2{
		display: none;
	}
	#title_mobile{
		display: block;
		margin-top: 0px;
		margin-left: 87px;
	}
	#ctl00_title_mobile{
		display: block;
		margin-top: 0px;
		margin-left: 87px;
	}
	#divMiniMenue{
		margin-top: 0px;
		margin-left: 0px;
		position: absolute;
		top:8px;
		right: 8px;
	}
	#ctl00_divMiniMenue{
		margin-top: 0px;
		margin-left: 0px;
		position: absolute;
		top:8px;
		right: 8px;
	}
	#divHeaderMenue{
		height: 100px;
		margin-left: 300px;
		float: none;
		width: auto;
		position: relative;
	}
	#ctl00_divHeaderMenue{
		height: 100px;
		margin-left: 300px;
		float: none;
		width: auto;
		position: relative;
	}
	
	#SeachBox{
		position: absolute;
		bottom: 8px;
		right: 8px;
	}
	#ctl00_SeachBox{
		position: absolute;
		bottom: 8px;
		right: 8px;
	}
	#divMainMenue{
		display:none;	
	}
	#ctl00_divMainMenue{
		display:none;	
	}
	/******MOBILE MENU**********/
	#divMobileMenuSelector{
		display: block;
		padding: 8px;
		position: absolute;
		left: 0px;
		bottom: 0px;
		height: 16px;
	}
	#divMobileMenuSelector img{
		margin-right: 8px;		
	}
	.bg_mobilewhite{
		background-color: #FFF !important;
	}
	.MenuHead{
		width: 292px;
		float: left;
	}
	#divMobileMenue{
		display: block;
	}	
	#divMobileMenue ul{
		position: relative;		
	}	
	#divMobileMenue ul li{
		background-color: #f6f6f6;
		margin-bottom: 8px;		
		padding-top: 2px;
		padding-bottom: 2px;
		padding-left: 4px;		
		position: relative;
		min-height: 20px;
		
	}
	#divMobileMenue ul li .mobilesub{
		margin-left: 292px;
		width: auto;
		display: none;
	}
	#divMobileMenue ul li ul{
		width: 100%;
		height: 100%;
		padding-bottom: 8px;
	}
	
	#divMobileMenue ul li ul li{
		font-size: 13px;
		line-height: 17px;
		
		border-bottom: 1px solid black;
		margin-bottom: 0px;
	}
	/***/
	#ctl00_divMobileMenuSelector{
		display: block;
		padding: 8px;
		position: absolute;
		left: 0px;
		bottom: 0px;
		height: 16px;
	}
	#ctl00_divMobileMenuSelector img{
		margin-right: 8px;		
	}
	
	#ctl00_divMobileMenue{
		
	}	
	#ctl00_divMobileMenue ul{
		position: relative;		
	}	
	#ctl00_divMobileMenue ul li{
		background-color: #f6f6f6;
		margin-bottom: 8px;		
		padding-top: 2px;
		padding-bottom: 2px;
		padding-left: 4px;		
		position: relative;
		min-height: 17px;
		
	}
	#ctl00_divMobileMenue ul li .mobilesub{
		margin-left: 292px;
		width: auto;
		display: none;
	}
	#ctl00_divMobileMenue ul li ul{
		width: 100%;
		height: 100%;
		padding-bottom: 8px;
	}
	
	#ctl00_divMobileMenue ul li ul li{
		font-size: 13px;
		line-height: 17px;
		
		border-bottom: 1px solid black;
		margin-bottom: 0px;
	}
	/*********CONTENT*********/
	#divMain{
		width: 100%;
		position: relative;
	}
	#content{
		width: auto;		
		margin-right: 238px;
	}
	#sidebar{
		position: absolute;
		top: 0px;
		right: 0px;
	}
	#slider{
		width: 100%;
		padding-left: 0px;
		height: 174px;
		background-size: cover;
	}
	#slider div{
		margin-left: 8px;
	}
	#Quickmenu{
		display:none;
	}
	#NewsCenter{
		width: auto;
		margin-left: 0px;
		padding: 8px;
		
	}
	#ctl00_divMain{
		width: 100%;
		position: relative;
	}
	#ctl00_content{
		width: 100%;		
		margin-right: 238px;
	}
	#ctl00_sidebar{
        display: unset;
		position: absolute;
		top: 0px;
		right: 0px;
	}
	#ctl00_slider{
		width: 100%;
		padding-left: 0px;
		height: 174px;
		background-size: cover;
	}
	#ctl00_slider div{
		margin-left: 8px;
	}
	#ctl00_Quickmenu{
		display:none;
	}
	#ctl00_NewsCenter{
		width: auto;
		margin-left: 0px;
		padding: 8px;
		
	}
	/*******FOOTER****/
	#Footer{
		width: 100%;
	}
	#ctl00_Footer{
		width: 100%;
	}
	.footerbox{
		border: none;
		padding: 8px;
		padding-bottom: 8px;
		min-width: 47%;
	}
	.footerbox:nth-child(odd){
		border-right: 1px solid black;
	}
	#divMidContent{
		padding: 0px;
		width: auto;
		float: none;
		margin: 0px;
	}
	#divMidContent{
		/* Broy 12.01.2019: */ 
padding: 16px; 
box-sizing: border-box;	}
	#leftMenu{
		padding: 0px;
		width: 100%;
		float: none;
	}
	#leftMenu div{
		padding: 16px;
	}
	#ctl00_divMidContent{
		padding: 0px;
		width: auto;
		float: none;
		margin: 0px;
	}
	#ctl00_divMidContent{
		padding: 16px;
	}
	#ctl00_leftMenu{
		padding: 0px;
		width: 100%;
		float: none;
	}
	#ctl00_leftMenu div{
		padding: 16px;
	}
}
@media(max-width: 806px) {
    .right_input {
    margin-left: 0px;
    }
}
@media (max-width: 639px) and (orientation : portrait) {
    
   
    #divLogo {
        width: 100%;
        background-position: 0 8px;
        float: left;
    }

    #title_mobile {
        text-align: left;
        width: 100%;
        margin-left: 87px;
        margin-top: 0px;
    }

    #divHeaderMenue {
        height: 100px;
        float: left;
        margin-left: 0px;
        width: 100%;
        padding: 0px;
    }

    #ctl00_divLogo {
        width: 100%;
        background-position: 0 8px;
        float: left;
    }

    #ctl00_title_mobile {
        text-align: left;
        margin-left: 87px;
        margin-top: 0px;
    }

    #ctl00_divHeaderMenue {
        height: 100px;
        float: left;
        margin-left: 0px;
        width: 100%;
        padding: 0px;
    }
    /*****MOBILEMENUE*****/
    #divMobileMenue {
        float: left;
        width: 100%;
    }

    .MenuHead {
        width: 100%;
        float: left;
    }

    #divMobileMenue ul li .mobilesub {
        margin-left: 0px;
        margin-top: 50px;
        width: auto;
    }

    #ctl00_divMobileMenue {
        float: left;
        width: 100%;
    }
    #divMobileMenue ul li{
		min-height: 40px;	
	}
    #divMobileMenue ul li ul li{
		font-size: 28px;
		line-height: 35px;	
        min-height: 40px;
	}
    #divMobileMenue .normal{
        font-size: 35px;
        line-height: 35px;
        padding-top: 5px;
        padding-bottom: 5px;
    }
    #ctl00_divMobileMenue .normal{
        font-size: 22px;
    }
	.MenuHead{
		width: 100%;
		float: left
	}
	#ctl00_divMobileMenue ul li .mobilesub{
		margin-left: 0px;
		margin-top: 24px;
		width: auto;		
	}
	/******MAIN*****/
	#divMain{
		margin-bottom: 0px;
	}
	#content{
        width: 100%;
		margin-right: 0px;

	}
     #ctl00_title_slider {
        max-width: 200px;
    }
	#slider{
		height: 150px;
	}
	.slider{
		font-size: 18px;
	}
	#sidebar{
		position: relative;
		width: 100%;
		margin-left: 0px;
		margin-top: 8px;
         display:none;
	}
	#ctl00_divMain{
		margin-bottom: 0px;
	}
	#ctl00_content{
		margin-right: 0px;

	}
	#ctl00_slider{
		height: 150px;
	}
	#ctl00_slider div{
		max-width: 240px;
	}
	#ctl00_sidebar{
		position: relative;
		width: 100%;
		margin-left: 0px;
		margin-top: 8px;
         display:none;
	}
	.box_klein{		
		margin-right: 0px;
		padding-left: 0px;
		padding-right: 0px;
		width: 50%;
	}
	.sidebox{
		padding-left: 0px;
		padding-right: 0px;
		width: 100%;
		
	}
	.mobilepadding{
		padding-left: 8px;
		padding-right: 8px;
	}
	#Footer{
		
		padding-top: 0px;
	}
	#ctl00_Footer{
		background-color: transparent;
		padding-top: 0px;
	}
	.footerbox{
		width: 100%;
		background-color: #f6f6f6;
		margin-bottom: 8px;
        padding: 0;
	}
	/***SUBPAGE****/
	#divMidContent{
		padding: 0px;
		width: 100%;
		float: none;
		margin: 0px;
	}
	#divMidContent{
		/* Broy 12.01.2019: */ 
padding: 16px;
 
box-sizing: border-box	}
	
	#leftMenu{
		padding: 0px;
		width: 100%;
		float: none;
	}
	#leftMenu div{
		padding: 16px;
	}
	#ctl00_divMidContent{
		padding: 0px;
		float: none;
		margin: 0px;
	}
	#ctl00_divMidContent{
		padding: 16px;
	}
	
	#ctl00_leftMenu{
		padding: 0px;
		width: 100%;
		float: none;
	}
	#ctl00_leftMenu div{
		padding: 16px;
	}
}
@media (max-width: 356px) {
	#slider{
		height: 97px;

	}
    
	#ctl00_slider{
		height: 97px;

	}
	.slider{
		font-size: 16px;		
	}
}
