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

.mt10 {margin-top:10px;}
.m10 { margin:10px;}
.m12j {text-align:justify; margin:12px;}
.mt16ml16 {margin-top:16px;margin-left:16px;}
.clrBth { clear:both}
img { border:0px;}
.smallTxt { font-size:11px; color:#666}
.TmplContent {padding:16px;font-family:Verdana, Geneva, sans-serif;font-size:12px;line-height:18px;text-align:left;width:480px;}
.TmplContent h1 {font-size:18px;margin-bottom:16px;line-height:24px; margin-top:0px; padding-top:0px;}
.TmplContent p {font-size:12px;color:#666}
.TmplContent h3 {font-size:13px;margin-top:16px;margin-bottom:10px;}
.TmplThemes {background-color:#ffffff;margin-top:16px;width:232px;margin-bottom:16px;float:right;margin-left:16px;padding-bottom: 10px;}
.TmplThemesLeft {border: 1px solid #999999;background-color:#ffffff;margin-top:0px;width:232px;margin-bottom:16px;float:left;margin-right:16px;padding-bottom: 10px; background-color:#F2F2F2}
.TmplThemes b {margin-left:16px;} 
.TmplThemesLeft b {margin-left:16px;}
.TmplThemes a {color:#4a7e3e;font-size:12px;}
.TmplFooter {color:#666; display:block; text-align:left}
.TmplImageBlock {border-left:1px solid #e4e4e4; width:270px; text-align:center}
.TmplImageBlock img {border:0px; width:250px; float:none}
.TmplImageBlock b {text-align:left; color:#666}
.TmplImageBlock p {text-align:left; padding:10px;}
.TmplImagePlace {margin:20px;background-color:#a9aba8; font-family:Arial, Helvetica, sans-serif; font-size:11px;}
.borderNull { border:none}
.TmplNews {width:100%;  background-color:#fff; font-family:Arial, Helvetica, sans-serif; position:relative}
.TmplNews .tmplh1 { font-size:23px; line-height:28px;}
.TmplNews .tmplh3 { font-size:16px; line-height:20px; margin-left:10px;}
.TmplNews b {color:#666}
.TmplNews .frstImgTmpl7 {float:left; width: 250px; margin-right:10px; margin-bottom:20px;}
.TmplNews .SecondImgBlockTmpl7 {margin-right:10px; margin-bottom:20px; width: 486px; height: 189px; ; float:left; margin-bottom:20px;}


#tmpl2 {padding:0; font-family:Arial, Helvetica, sans-serif;}
#tmpl2 h3 { margin-bottom:15px; margin-top:14px; font-size:16px;}
#tmpl2 strong { font-size:14px; }

#tmpl2 div.tmpl2Content {

    width: 78%;
    margin-right: 57px;
    margin-bottom: 20px;
    margin-left: 180px;
    text-align: justify;

}
#tmpl2 div.tmpl2Content div.small {width:155px;	margin-left:0;}

#tmpl2 .firstImg {margin: 6px 16px 10px -164px; width: 150px; float: left; position:relative}
#tmpl2 .firstImgBorder {border-bottom:1px solid #dadada}
#tmpl2 .firstImgBorder div {margin-top:10px; margin-bottom:10px; color:#666666; font-size:11px;}

#tmpl2 .SecondImgBlock {margin-top: 20px; width: 550px; margin-bottom: 20px;}
#tmpl2 .SecondImgBlock .bord {border-bottom:1px solid #dadada;}
#tmpl2 .SecondImgBlock .bez {line-height: 16px; width: 250px; color: #666666; font-size: 11px;}
#tmpl2 .SecondImgBlock .caption {width: 250px; font-size:11px; color:#666}



#tmpl2 a { text-decoration:underline !important;}
#tmpl2 a:link { text-decoration:underline !important;}
#tmpl2 a:visited { text-decoration:underline !important;}
#tmpl2 a:hover { text-decoration:underline; color:#F00}


#tmpl2 div.textBlock, #tmpl2 p { font-size:14px; line-height:19px; padding-bottom:19px;}
#tmpl2 div.textBlock h2 {font-size:16px;}
#tmpl2 div.textBlock h3 {margin-top:14px; font-size:16px;}
#tmpl2 div.textBlock b {color:#666; font-size:14px;}

#tmpl2 div.leadIn, #tmpl2 p.leadIn {font-size:14px;	line-height:19px; padding-bottom:19px;}

#tmpl2 div.tmpl2Head {padding-top:14px;	margin-left:16px;}
#tmpl2 h1 {font-size:30px;line-height:33px;	font-weight:bold;padding-bottom:19px;}

#tmpl2 div.sidebar {width:155px;position:absolute;left:16px;top:700px;}
#tmpl2 dt {font-size:12px;line-height:13px;font-weight:bold;text-transform:uppercase;padding-bottom:13px;}
#tmpl2 dd { margin-left:0px; margin-bottom:12px; font-size:11px;}


#tmpl2 dd a:link{font-size:11px; font-weight:normal}
#tmpl2 dd a:visited{font-size:11px; font-weight:normal}
#tmpl2 dd a:focus{font-size:11px; font-weight:normal; text-decoration:underline}
#tmpl2 dd a:hover{font-size:11px; font-weight:normal; text-decoration:underline}
#tmpl2 dd a:active{font-size:11px; font-weight:normal}






#tmpl3 {padding:10px; width:100%; position:relative; font-family:Arial, Helvetica, sans-serif}
#tmpl3 img { border:0px;}
#tmpl3 h1 {text-align:justify; margin-bottom:30px; font-size:22px;}

#tmpl3 .txt { width:540px; text-align:justify; font-size:13px; line-height:20px;}
#tmpl3 .txt h2,h3{ text-align:left}

#tmpl3 .firstImg{ text-align:left; width:730px}

#tmpl3 .SecondImgBlock {margin-top: 20px; width: 550px; margin-bottom: 20px;}
#tmpl3 .SecondImgBlock .bez {line-height: 16px; width: 250px; color: #666666; font-size: 11px; margin-top:10px;}
#tmpl3 .SecondImgBlock .caption {width: 250px; font-size:11px; color:#666}
#tmpl3 dt {font-size:12px;line-height:13px;font-weight:bold;text-transform:uppercase;padding-bottom:13px;}
#tmpl3 dd { margin-left:0px; margin-bottom:12px; font-size:11px;}

#tmpl3 .sidebar {position:absolute; right:18px; top:50%; width: 164px; height: 969px;}

#tmpl3 .sidebar dev {text-align:left; font-size:12px; line-height:18px; color:#666; font-weight:bold;}

.bggray {background-color:#F7F7F7}
.tajc {text-align:justify; color:#333; line-height:18px; font-size:13px;}
.nrmlGray { font-weight:normal; color:#666; line-height:18px;}

#rsTmpl {background-color:#FFF; background-image:url(https://images.qlikworld.com/reisen-supermarkt/bg.jpg); background-repeat:repeat-x; margin:0px; padding:0px; font-family:Arial, Helvetica, sans-serif}
#rsTmpl h1 {font-size:24px;}
#rsTmpl h3 {color:#f09f17; font-size:18px}
#rsTmpl .content {width:900px; margin:0 auto; position:relative;}
#rsTmpl .headerPos {width:596px; margin-left:140px; margin-top:-120px;}
#rsTmpl .txtContent {width:560px; margin-left:140px; line-height:20px; font-family:Arial, Helvetica, sans-serif; font-size:14px; color:#1e243f; text-align:justify}
#rsTmpl .footer {color:#F00; width:636px; text-align:justify; margin-left:140px; margin-top:20px; margin-bottom:20px;}
#rsTmpl .footerImg {width:900px; text-align:center}
#rsTmpl .moreInfo {position:absolute; right:22px; width:142px; color:#666; top: 286px;}
#rsTmpl .moreInfo a {font-size:13px; color:#1d70a1; font-weight:bold}
#rsTmpl .SecondImgBlock {margin-top: 20px; width: 630px; margin-bottom: 20px;}
#rsTmpl .SecondImgBlock .bord {border-bottom:1px solid #dadada;}
#rsTmpl .SecondImgBlock .bez {line-height: 16px; width: 310px; color: #666666; font-size: 11px;}
#rsTmpl .SecondImgBlock .caption {width: 310px; font-size:11px; color:#666}


#tmpl3 img {

   width:100%;
   margin-bottom:20px

}

@media screen and (max-width: 1200px) {
	#tmpl2 div.tmpl2Content {

		width: 70%;
		margin-right: 57px;
		margin-bottom: 20px;
		margin-left: 180px;
		text-align: justify;

	}
	#tmpl3 .sidebar {

		position: inherit;
		top: 0;
		height: auto;
		width: 100%;
		margin-left: 18px;
		margin-top: 20px;
		margin-bottom: 20px;

	}
	#tmpl3 .txt {
		width: 100%;
	}
	.TmplContent {
		width: 100%;
	}
}


@media screen and (max-width: 990px) {
	#tmpl2 div.tmpl2Content {

		width: 60%;
		margin-right: 57px;
		margin-bottom: 20px;
		margin-left: 180px;
		text-align: justify;

	}
	#tmpl3 .sidebar {
		position: inherit;
		top:0;
		height:auto
		
	}
	#tmpl3 .sidebar {

		position: inherit;
		top: 0;
		height: auto;
		width: 100%;
		margin-left: 18px;
		margin-top: 20px;
		margin-bottom: 20px;

	}
	#tmpl3 .txt {
		width: 100%;
	}
	.description td {

		padding: 0;
		display: block;
		width: 100%;

	}
	
	.TmplContent {

		padding: 0;
		width: 100%;
		margin-bottom:20px

	}
}

@media screen and (max-width: 540px) {
	#tmpl2 div.tmpl2Content {

		width: 90%;
		margin-right: 20px;
		margin-bottom: 20px;
		margin-left: 20px;
		text-align: justify;

	}
	
	#tmpl2 div.sidebar, #tmpl3 .sidebar {
		position: inherit;
		top:0;
		height:auto
		
	}
	
	#tmpl2 .firstImg {

		margin: 6px 16px 10px 6px;
		width: 100%;
		float: none;
		position: relative;

	}
	#tmpl3 td, #tmpl3 th, #tmpl2 td, #tmpl2 th {

		padding: 0;
		display: block;
		width: 80%;

	}
	#tmpl3 td img , #tmpl3 th img, #tmpl2 td img , #tmpl2 th img   {
		text-align:center;
		width: 74%;

	}
	#tmpl2 .firstImg img {
		width: 100%;
	}
	#tmpl3 .txt {
		width: 100%;
	}
	#tmpl3 .sidebar {

		position: inherit;
		top: 0;
		height: auto;
		width: 100%;
		margin-left: 18px;
		margin-top: 20px;
		margin-bottom: 20px;

	}
}


@media screen and (max-width: 380px) {
	#tmpl2 div.tmpl2Content {

		width: 100%;
		margin-right: 0px;
		margin-bottom: 20px;
		margin-left: 0px;

	}
	#tmpl3 td, #tmpl3 th, #tmpl2 td, #tmpl2 th {

		padding: 0;
		display: block;
		width: 50%;

	}
	
	
	#tmpl2 .firstImg {

		margin: 0;
		width: 100%;
		float: none;
		position: relative;
	}
	
	#tmpl2 .firstImg img {
		width: 100%;
	}
	
	#tmpl2 div.tmpl2Head {

		padding-top: 0;
		margin-left: 0;

	}
	#tmpl3 .txt {
		width: 100%;

	}
	.sidebar {

		position: inherit;
		top: 0;
		height: auto;
		width: 86%;
		margin-left: 18px;
		margin-top: 20px;
		margin-bottom: 20px;

	}
}


.mobPopup, .mobPopupOverlay, .mobPopup .mobright, .mobPopup .mobleft {
    display: none;
}

@media (max-width:768px) {


.mobPopupOverlay {
    display: block;
    width: 100%;
    height: 60px;
}

.mobPopup {
    display: block;
    position: fixed;
    z-index: 299;
    bottom: 0;
    width: 100%;
    height: 60px;
    background: #E7E7E7;
    color: #fff;
    font-size: 18px;
    text-transform: uppercase;
    line-height: 18px;
    font-weight: 700;
	left: 0px;
}

.mobPopup a {
    color: #fff;
    text-decoration: none;
}

.mobPopup .mobleft {
    display: block;
    width: 50%;
    height: 100%;
    float: left;
    
    background: #005dbd url('../img/mob-phone.png') no-repeat;
    background-position: left 15px center;
   
    padding-top: 12px;
    text-align: center;
}

.mobPopup .mobright {
    display: block;
    width: 50%;
    height: 100%;
    float: left;
    
        background: #00bd43 url('../img/mob-whatsapp.png') no-repeat;
    background-position: left 15px center;
  
    padding-top: 12px;
    text-align: center;

}

.mobPopup .phone {

    width: 100%;
    height: 100%;
}



.mobPopup .mText {
    font-size: 12px;
    line-height: 12px;
    margin-top: 10px;
    text-align: center;
}