/* * { -webkit-appearance: none; } */
/* Style adjustments for viewports that meet the condition - WEB */
body { background-color: ; /*background-image: url(/grf/v2/bg-web.jpg); background-repeat: repeat-x;*/



} 



body, td, th { font-family: 'Open Sans', Arial, Georgia; font-size: 14px; color: ;  }

iframe { border: 0; }

#content_mob { display: none; }
#content_web { display: block; }

a:link, a:visited, a:active { color: ; text-decoration: none; }
a:hover { color: ; text-decoration: underline; }

h1 { font-size: 18px; color: ;  }
h2 { font-size: 14px; color: ; }
h3,h4,h5,h6 { font-size: 12px; color: ; }
h1,h2,h3,h4,h5,h6 { width: 100% !important; font-weight: normal !important; }

#bg-pattern { padding-top: 20px; padding-bottom: 20px; }

/* SCROLLER */
.scrollup { width: 40px; height: 40px; text-indent: -9999px; opacity: 0.2; position: fixed; bottom: 50px; right: 10px; display: none; background: url('/grf/scroll_up.png') no-repeat; outline : none; cursor: pointer }
.scrollup:hover{ opacity:0.8; }
/* EOF SCROLLER */

#wrapper {width: 972px; margin-left: auto; margin-right: auto; -webkit-box-shadow:  0px 0px 10px 3px rgba(0, 0, 0, 0.1); box-shadow:  0px 0px 10px 4px rgba(0, 0, 0, 0.1);   }
header { background-color: ; }
#header-web { display: block; height: 139px; position: relative; }
#header-tab { display: none; }
#header-mob { display: none; }
#hline { position: absolute; font-size: 11px; top: 17px; left: 50px; }
#hline a  { color: ; }
#logo { position: absolute; font-size: 11px; bottom: 20px; left: 50px; }
#logo a img { max-height: 100px; max-width: 720px; height: auto;  }	

#search-web { position: absolute; bottom: 28px; right: 27px; width: 186px; }
.searchtext-web { width: 183px !important; background-color: #f6f6f6 !important; border: 1px solid #ddd !important; height: 20px !important; line-height: 20px !important;  text-indent: 5px; margin-top: 0px !important; -webkit-appearance: none !important; border-radius: 0; margin: 0 !important; padding: 0 !important; margin-left: 10px !important; font-size: 11px;   }

#web-social { position: absolute; top: 17px; right: 50px; float: right; text-align: right; }
#web-social img { width: 20px; margin-left: 10px;  }

#gmap { color: #000 !important; }		
#gmap a { color: #000 !important; text-decoration: underline !important; }		



#search-mobile { display: none; }

.searchtext-mobile { width: 215px !important; background-color: #f4f4f4 !important; border: 1px solid #d5d5d5 !important; height: 23px !important; line-height: 23px !important;  text-indent: 5px;  margin-top: 0px !important; -webkit-appearance: none !important; border-radius: 0; margin: 0 !important; padding: 0 !important; margin-left: 10px !important;    }
	
#nav-web { width: 100%; min-height: 48px; background-color: ; position: relative; z-index: 1000; }


#nav-web ul { padding: 0; margin: 0; list-style-type: none; z-index:1000; }
#nav-web ul li { padding: 0; margin: 0; float: left; position: relative;   }
#nav-web ul li a { text-align: center; color: ; background-color: ; height: 48px; line-height: 48px; display: block;  font-size: 1em; padding-left: 10px; padding-right: 10px;  position: relative; background-image: url(/grf/menu-v.png); background-repeat: no-repeat; background-position: top right; background-size: 2px 48px; }
#nav-web ul li a:hover { text-decoration: none; background-color: ; color: ; background-image: none; } 

#nav-web ul li ul { position: absolute; top: 48px; left: 0; z-index:1001; }
#nav-web ul li ul li {   }
#nav-web ul li ul li a { color: ; background-color: ; background-image: url(/grf/menu-h.png) !important; background-repeat: no-repeat !important; background-position: left top !important; background-size: 280px 2px; height: 40px !important; line-height: 40px !important; font-size: 12px; }
#nav-web ul li ul li a:hover { background-color: ; color: ; background-image: none !important; } 

#nav-tab { display: none; }
#nav-mob { display: none; }

.uzletimg { width: 220px; float: right; margin-left: 20px; margin-bottom: 20px; }
.uzletimg img { max-width: 220px; float: right; }

.uzletimgmob { display: none; }
.uzletimgmob img {  }

#headerimage-web { z-index: 900; position: relative; background-color: ; width: 972px;  }
#headerimage-web-container { z-index: 900; position: relative; width: 972px; overflow: hidden; height: 345px; }
#headerimage-web img { float: left; }
#headerimage-tab { display: none; }
#headerimage-mob { display: none; }

.headerdiv-web { position: absolute; top: 0; left: 0; }

#headerimage-web img { width: 100%; margin: 0 !important; }
#headerimage-tab img { width: 100%; margin: 0 !important; }
#headerimage-mob img { width: 100%; margin: 0 !important; }

#cw { clear: both; float: left; background-color: ; padding: 50px; width: 872px; }

#content { width: 872px; padding-right: 0px; float: left; padding-bottom: 30px;  }
#content img {  margin-top: 10px; margin-bottom: 10px;  }

.profile-map-left { width: 47%; padding-right: 3%; float: left;}
.profile-map-right { width: 50%; float: left;}

#kontaktbox { padding: 0px; padding-top: 0px; }
#kontaktbox h1 { color: ; font-size: 18px; }
.klabel { margin-bottom: 5px;  }
#kontaktbox .clear { height: 3px;}
#kontaktbox form .clear { height: 6px;}
#kontaktbox form label { display: block; margin-bottom: 3px;}

#kontaktbox input[type="submit"] { width: 160px !important; margin-bottom: 40px !important; color:  !important;}
	#kontaktbox input[type="submit"]:hover { width: 160px !important; margin-bottom: 40px !important; color:  !important; background-color:  !important; }
	
#mob-social { text-align: center; margin-bottom: 10px; display: none; }
#mob-social img { margin-left: 5px; margin-right: 5px;  }

footer { height: 37px; line-height: 37px; color: ;  background-color: ; padding-left: 50px; }

#footer_content { background-color: ; }
#footer_content_mobile { display: none; }

/* VIDEO */
#video { margin: auto; margin-top: 30px; margin-bottom: 30px; text-align: center; }
video{ -moz-box-shadow: 0px 0px 10px #888; -webkit-box-shadow: 0px 0px 10px #888; box-shadow: 0px 0px 10px #888; }
.qrvideo { width: 50%; height: 300px !important; margin: auto; }

/* GALLERY */
.image-cont { 
	float: left; margin: 8px; width: 100px; min-height: 140px; overflow: hidden; text-align: center;
}
.image-simple-cont { 
	float: left; margin: 8px; width: 140px; height: 160px; overflow: hidden; text-align: center;
}
.image { 
	margin: 8px auto; width: 100px; height: 100px; overflow: hidden;
}
.image img { 
	-moz-box-shadow: 0px 0px 10px #888;
	-webkit-box-shadow: 0px 0px 10px #888;
	box-shadow: 0px 0px 10px #888;
	min-width: 100px; min-height: 100px; max-width: 200px; max-height: 200px; 
}
.qrgallery .image img { 
	-moz-box-shadow: none !important;
	-webkit-box-shadow: none !important;
	box-shadow: none !important;
	border: 1px solid #d5d5d5;
}

#gallery-web-tab { display: block; }
#gallery-mobile { display: none; }

/* FORM ELEMENTS */
input[type=text], input[type=password] { width: 395px; border: 1px solid #e4e4e4; background-color: #fff; height: 26px; border-radius: 3px; -webkit-box-shadow:  0px 0px 10px 3px rgba(0, 0, 0, 0.05); box-shadow:  0px 0px 10px 4px rgba(0, 0, 0, 0.05); padding-left: 10px; font-size: 0.9em; padding-top: 4px; font-family: 'Open Sans'; }
textarea { width: 395px; border: 1px solid #e4e4e4 !important; background-color: #fff; height: 30px; border-radius: 3px; -webkit-box-shadow:  0px 0px 10px 3px rgba(0, 0, 0, 0.05);  -webkit-box-shadow:  0px 0px 10px 3px rgba(0, 0, 0, 0.05); box-shadow:  0px 0px 10px 4px rgba(0, 0, 0, 0.05); border: 0; height: 100px; padding-left: 10px; padding-top: 10px; font-size: 0.9em; font-family: 'Open Sans'; }
a.vcard, a.button, input[type=button], input[type=submit] { width: 130px; border: 0; background-color: ; color:; line-height: 1em; text-align: center; height: 22px; -webkit-border-radius: 2px;
-moz-border-radius: 2px;
border-radius: 2px; font-weight: 600; font-family: 'Open Sans';  }
a.button { padding: 5px 10px;}
a.button:hover { text-decoration: none;}
a.vcard { margin-top: 5px; margin-bottom: 5px; padding: 1%; display: block; width: 98%;  }
a.vcard:hover { text-decoration: none; background-color:   }

.simpleTextBox { border-radius: 0px !important; -webkit-box-shadow:  none !important; box-shadow:  none !important;  }
.simpleSelect { border: 1px solid #e4e4e4 !important;  }
.simpleTextAreaBox { border-radius: 0px !important; -webkit-box-shadow:  none !important; box-shadow:  none !important; border: 1px solid #e4e4e4 !important; }

/* MAP */
.profile-mapp {
	width: 90%; height: 210px; -moz-box-shadow: 0px 0px 10px #888;
-webkit-box-shadow: 0px 0px 10px #888;
box-shadow: 0px 0px 10px #888; margin: auto;
}
#gmap {
	margin: 0;
	padding: 0;
	height: 100%;
	width: 100%;
}
#gmap img { -moz-box-shadow: 0px 0px 0px #888;
-webkit-box-shadow: 0px 0px 0px #888;
box-shadow: 0px 0px 0px #888; }

/* COMMON */
.shadow { /*-webkit-box-shadow:  0px 0px 5px 5px rgba(0, 0, 0, 0.05); box-shadow:  0px 0px 5px 5px rgba(0, 0, 0, 0.05);*/ }
.noshadow { /*-webkit-box-shadow:  0px 0px 5px 5px rgba(0, 0, 0, 0.0); box-shadow:  0px 0px 5px 5px rgba(0, 0, 0, 0.0);*/ }


/* SEACRH */

#search-box-outer { width: 100%; height: 100%;  background-image: url(/grf/ajaxbg.png); display: none; position: absolute; top: 0; left: 0; z-index: 10000; }

#search-box { width: 390px; padding: 30px 25px;  /* -webkit-box-shadow:  0px 0px 10px 3px rgba(0, 0, 0, 0.1); box-shadow:  0px 0px 10px 4px rgba(0, 0, 0, 0.1); */ border: 1px solid #cecece; background-color: ; position: absolute; top: 0; left: 0; z-index: 10001; }
#search-box-close { width: 16px; height: 16px; z-index: 10002; cursor: pointer; position: absolute; }

#search-box input[type=text] { width: 250px !important; margin-right: 10px;  }
#search-box input[type=submit] { width: 110px !important;  position: absolute; background-color: ; color: ; border: 1px solid ; }


/* tab / mobile hiders */
#tabnav { display: none; }
#search-mob { display: none; }
#nav-mob { display: none; }
#kontakt-mob { display: none; }
#mob-footer { display: none;  }

/* GALLERY */
.xgbro_images { background-color:  !important; border: 1px solid  !important; }
.xgb_images { background-color:  !important; border: 1px solid  !important; }



	@media screen and (min-width: 1025px) {
		/* Style adjustments for viewports that meet the condition - WEB */
		.noweb { display: none; }

		.submenu { display: none; position: absolute; top: 45px; left: 0;}
		.submenu  { }
		.submenu  li { display: block !important; float: none !important; height: 40px !important;   }
		.submenu  li a { width: 200px !important; display: block !important; height: 40px !important; line-height: 40px !important; float: none !important; font-style: italic;  }

	}



@media screen and (min-width: 641px) and (max-width:1023px) {

	/* Style adjustments for viewports that meet the condition - TAB */
	
	#wrapper {width: 760px; margin-left: auto; margin-right: auto; -webkit-box-shadow: none !important; box-shadow: none !important; }
	header { background-color: ; }
	#header-web { display: none !important; }
	#header-tab { display: block; height: 178px; position: relative; }
	#header-mob { display: none; }

	#headerline { height: 37px; /*background-color: #f1f1f1;*/ background-image: url(/grf/tabhead.png); position: relative; }

	#hline { position: absolute; font-size: 11px; top: 12px; left: 20px; }
	#hline a  { color: ; }
	#logo { position: absolute; font-size: 11px; bottom: 20px; left: 20px; }
	#logo a img { max-height: 100px; max-width: 720px; height: auto;  }	

	#search-web { position: absolute; top: 9px; right: 20px; width: 170px; }
	.searchtext-web { width: 170px !important; background-color: #f6f6f6 !important; border: 1px solid #ddd !important; height: 20px !important; line-height: 20px !important;  text-indent: 5px; margin-top: 0px !important; -webkit-appearance: none !important; border-radius: 0; margin: 0 !important; padding: 0 !important; margin-left: 10px !important; font-size: 11px;   }

	#web-social { position: absolute; top: 10px; right: 20px; float: right; text-align: right; }
	#web-social img { width: 20px; margin-left: 10px;  }
	
	.notab { display: none; }

	.searchtext-mobile { height: 18px !important; line-height: 18px !important; width: 170px !important;  }
	
	#headerimage-tab { display: none; }
	#headerimage-tab-container { display: none; }
	#headerimage-mob { display: none; }
	#headerimage-mob-container { display: none; }
	
	.qrvideo { width: 100% !important; height: 300px !important; margin: auto; }
	
	#headerimage-web-container { z-index: 900; display: block; padding: 0 !important; margin: 0 !important; margin-bottom: 0px !important; position: relative; width: 760px; height: 270px; }
	#headerimage-web { z-index: 900; display: block; padding: 0 !important; margin: 0 !important; margin-bottom: 0px !important; position: relative; width: 760px; }
	.headerdiv-web { position: absolute; top: 0; left: 0; }
	.headerdiv-mob { display: none; }
	.headerdiv-tab { display: none; }
	
	#nav-web { display: none; }
	
	#cw { float: left; padding: 0px !important; padding-top: 6px !important; width: 760px !important; }
	#content { width: 500px !important; padding-left: 10px !important; float: right !important; padding-right: 10px !important;  }
	#kontakt { width: 240px !important; float: left !important; }
	#kontaktbox { padding: 5px 20px !important; }
	#kontakt h1 { font-weight: bold !important; }
	
	#kontaktbox a.vcard { width: 160px !important; margin-bottom: 10px !important; color:  !important; }
	#kontaktbox a.vcard:hover { width: 160px !important; margin-bottom: 10px !important; color:  !important; }
	
	#kontaktbox input[type="submit"] { width: 160px !important; margin-bottom: 40px !important; color:  !important;}
	#kontaktbox input[type="submit"]:hover { width: 160px !important; margin-bottom: 40px !important; color:  !important; background-color:  !important; }
	
	#tabnav { display: block; width: 100%; height: auto; position: relative; z-index: 1000;   }
	#tabnav ul { padding: 0; margin: 0; margin-bottom: 10px;  }
	#tabnav ul li { padding: 0; text-indent: 20px; margin: 0;  display: block !important; float: none !important; }
	#tabnav ul li a { text-align: left; color: ; background-color: ; background-color: ; height: 32px; line-height: 32px; display: block !important; width: 100%; font-size: 11px; padding: 0; background-image: url(/grf/menu-h.png); background-repeat: no-repeat; background-position: left top;  }
	#tabnav ul li a:hover { text-decoration: none; color: ; background-color: ; background-image: none !important; }
	
	#tabnav ul li ul li a { color:  !important; background-color:  !important;  }
	#tabnav ul li ul li a:hover { background-color:  !important; color:  !important; } 
	
	.submenu { display: block; position: relative !important; }
	.submenu  { margin: 0 !important; }
	.submenu  li { display: block !important; float: none !important; height: 32px !important;    }
	.submenu  li a { width: 100% !important; display: block !important; height: 32px !important; line-height: 32px !important; float: none !important;  text-indent: 30px; font-style: italic;color:  !important; background-color:  !important;  }
	.submenu  li a:hover {  background-color:  !important; color:  !important; }
	
	footer  { background-color: #f1f1f1; }

}


@media screen and (max-width:640px) {
	/* Style adjustments for viewports that meet the condition - MOBILE */
	body { background-image: none !important; background-color:  !important; } 
	
	#content_mob { display: block !important; }
	#content_web { display: none !important; }
	
	.profile-map-left { width: 100%; float: left;}
	.profile-map-right { width: 100%; float: left;}
	
	.nomobile { display: none; }
	
	#mobhlinelang { float: right; }
	
	#header-web { display: none; }
	#header-tab { display: none; }
	#header-mob { display: block; padding-top: 5px; padding-bottom: 15px; padding-left: 12px; padding-right: 12px; position: relative; }
	
	#mobhline { font-size: 11px; }
	#mobhline a  { color: ; }
	
	#moblogo { margin-top: 10px; width: 100% !important; clear: both !important; float: none !important; text-align: center !important; padding: 0 !important; height: auto !important; position: relative !important; }
	#moblogo a img { max-height: 100px !important; margin: auto; max-width: 100% !important; }	
	.searchtext-mobile { height: 25px !important; line-height: 25px !important; width: 100% !important; margin: 0 !important; }

	#wrapper {
		width: 100% !important; margin: 0 !important;  -webkit-box-shadow:  none !important; box-shadow:  none !important;
	}
	
	#bg-pattern { padding: 0 !important; }
	
	.uzletimg { display: none; }
	.uzletimg img {  }
	
	.uzletimgmob { display: block; width: 220px; clear: both; float: none; }
	.uzletimgmob img { max-width: 220px; }
	
	#headerimage-web { display: none; }
	#headerimage-web-container { display: none; }
	#headerimage-tab { display: none; }
	#headerimage-tab-container { display: none; }
	
	#headerimage-mob-container { display: block; padding: 0 !important; margin: 0 !important; margin-bottom: 0px !important; position: relative; }
	#headerimage-mob { display: block; padding: 0 !important; margin: 0 !important; margin-bottom:0px !important; position: relative; height: 200px;}
	.headerdiv-web { display: none; }
	.headerdiv-tab { display: none; }
	.headerdiv-mob { position: absolute; top: 0; left: 0; }
	
	.qrvideo { width: 100% !important; height: 300px !important; margin: auto; }
	
	#cw { float: none !important; background-color:  !important; margin-top: 0px !important; padding: 0px !important; width: 100% !important; padding-bottom: 30px !important; position: relative; }
	
	#content { width: 90% !important; padding-left: 5% !important;  padding-right: 5% !important;  float: none !important; }
	

	#search-mob { display: block !important; margin-top: 15px !important; margin-bottom: 20px !important; width: 60%; margin-left: 20%; margin-right: 20%; position: relative; }

	#nav-web { display: none !important; }
	#nav-tab { display: none !important; }
	
	#nav-mob { background-color: white !important; display: block !important; width: 100% !important; margin-top: 0px; background-color:  !important; margin: auto;  }
	#nav-mob ul { padding: 0; margin: 0; margin-bottom: 10px;  }
	#nav-mob ul li { padding: 0; text-indent: 10px; margin: 0; display: block !important; float: none !important; }
	#nav-mob ul li a { text-align: center; color: ; background-color: ; height: 38px; line-height: 38px; display: block !important; width: 100%; font-size: 13px; padding: 0; background-image: url(/grf/menu-h.png); background-repeat: no-repeat; background-position: left top; }
	#nav-mob ul li a:hover { text-decoration: none;  color: ; background-color: ; background-image: none !important; }
		
		
	#footer_content { display: none; }
	#footer_content_mobile { background-color: ; display: block; }
	
	#kontakt { display: block !important; width: 90% !important; margin-left: 5%; margin-right: 5%; float: left !important;  }
	#kontakt h1 { font-weight: bold !important; }

	#kontaktbox { padding: 20px; background-color:  !important; margin-top: 70px !important; color:  !important; }
	#kontaktbox h1 { margin-top: 0px; color: ; }
	#kontaktbox a { color:  !important; }
	#kontaktbox a:hover { color:  !important; }
	.klabel { margin-right: 5px; float: left;  }
	#kontaktbox .clear { height: 3px;}
	#kontaktbox form .clear { height: 6px;}
	#kontaktbox form label { display: block; margin-bottom: 3px;}

	#kontaktbox a.vcard { width: 160px !important; margin-bottom: 10px !important; color:  !important; }
	#kontaktbox a.vcard:hover { width: 160px !important; margin-bottom: 10px !important; color:  !important; }
	
	#kontaktbox input[type="submit"] { width: 160px !important; margin-bottom: 40px !important; color:  !important;}
	#kontaktbox input[type="submit"]:hover { width: 160px !important; margin-bottom: 40px !important; color:  !important; background-color:  !important; }
	
	#kontaktbox input[type="text"] { background-color: #fff !important; width: 100% !important; }
	#kontaktbox textarea { background-color: #fff !important; width: 100% !important; height: 80px !important; }
	
	#mob-social { margin-top: 20px !important; display: block !important; }

	#tabnav { display: none !important; }
	
	.submenu { display: block; position: relative !important; }
	.submenu  { margin: 0 !important; }
	.submenu  li { display: block !important; float: none !important; height: 28px !important;     }
	.submenu  li a { width: 100% !important; display: block !important; height: 28px !important; line-height: 32px !important; float: none !important;  text-indent: 0px; background-color:   !important; text-indent: 0 !important; border-bottom: 1px solid  !important; font-style: italic; color:   !important; background-image: url(/grf/menu-h.png); background-repeat: no-repeat; background-position: left top; }
	.submenu  li a:hover { width: 100% !important; display: block !important; height: 28px !important; line-height: 32px !important; float: none !important;  text-indent: 0px; background-color:   !important; color:   !important;  }
	
	footer { display: none;  }
	#mob-footer { display: block !important; margin-top: 25px; text-align: center; color:   !important; }

	#gallery-web-tab { display: none !important; }
	#gallery-mobile { display: block !important; }
	.gallery-text { font-size: 0.75em; }
	
	#xkep { width: 90%; left: 5%; z-index: 10000; }
	#xkep img { width: 100%; z-index: 100001; }
	.ximage { max-width: 100%; z-index: 100001; height: 60px; width: auto; }

	#xtitle { background-color: #000; opacity: 0.9; color: #fff; padding: 10px;}
	
	input[type=text], input[type=password] { width: 80% ; border: 1px solid #e4e4e4; background-color: #fff; height: 30px; padding-top: 2px; border-radius: 3px; -webkit-box-shadow:  0px 0px 10px 3px rgba(0, 0, 0, 0.05); box-shadow:  0px 0px 10px 4px rgba(0, 0, 0, 0.05); padding-left: 10px; font-size: 0.8em !important;  }
	textarea { width: 80% !important; border: 1px solid #e4e4e4; background-color: #fff; height: 30px; border-radius: 3px; -webkit-box-shadow:  0px 0px 10px 3px rgba(0, 0, 0, 0.05);  -webkit-box-shadow:  0px 0px 10px 3px rgba(0, 0, 0, 0.05); box-shadow:  0px 0px 10px 4px rgba(0, 0, 0, 0.05); border: 0; height: 100px;padding-left: 10px;padding-top: 5px; font-size: 0.8em !important;  }
	a.button, input[type=button], input[type=submit] { font-size: 0.8em !important; }
	
	#footerTable tr td { display: block !important; width: 100% !important; }
	.footerTable tr td { display: block !important; width: 100% !important; }
	
}

.flex-caption { color: #000; }