html, body, #wrapper 	{ height: 100%; font-family: "Helvetica Neue", verdana, arial; color: #777777;}
a						{ color: #000; font-weight: 500; text-decoration: none; }
a img {border: none !important; }
body 					{ font-size: 13px; line-height: 20px;; margin: 0;}
h1 						{ line-height: 1.3em; margin-top: 0px;}
.container 				{ background-color: #FFFFFF; min-height: 100%; }
.top_wrapper 			{ background: url(img/top_bg.gif) repeat-x; height: 610px; }
.top_wrapper .inner		{ overflow: auto; margin-left: auto;margin-right: auto; width: 960px;}
/*.footer_wrapper 		{ background:#c1c1c1 url(img/bottom-bg.png) repeat-x; margin-top: -211px; }*/
.footer_wrapper 		{ background:#c1c1c1; margin-top: -211px; }
.footer_wrapper .inner 	{ overflow: auto; margin-left: auto;margin-right: auto; width: 960px;}
#main 					{ overflow: auto;margin-left: auto;margin-right: auto; min-height: 100%; padding-bottom: 211px;width: 960px;}
.navi					{ /*height: 21px;*/ font-size: 18px; text-align: right; float: right;z-index: 10000;}
.navi .menu a.active {font-weight: bold;}
.navi ul				{ list-style: none; margin: 0px; padding: 0px;}
.navi ul li				{ float: left; margin: 0px 0px 0px 15px; padding: 0px; display: block !important; }
.navi ul li	a			{ color: #666666; font-size: 15px; font-weight: 200; letter-spacing: 1px;}
.navi ul li	ul			{ display: none; z-index: 2000;position: absolute; background: url(img/trans.png); margin-top: -1px; text-align: left;  padding-right: 10px;}
#.navi ul li:hover ul			{ display: block; z-index: 2000;position: absolute; background: url(img/trans.png); margin-top: -1px; text-align: left; padding-right: 10px;}
.navi ul li ul li		{ float: none;}
.top 					{ width:960px; height: 143px; overflow: hidden;}
.pro 					{ position: absolute; right: 0px; background: #ffffff; height: 139px; display: none;  }
.left					{ width: 640px; float: left;  z-index: 20; min-height: 600px;}
.right					{ margin-left: 55px; width: 245px; float: left; background: #d5d5d7; padding: 10px; min-height: 150px; }
.bread					{ height: 40px; float: none; clear: both;}
h2						{ font-size: 16px; font-weight:400;}
/* tw, 03.07.2017
.footer .bread			{ height: 70px; float: right; width: 300px;}
*/
.footer .bread			{ height: 70px; float: right;}
.footer .bread ul		{ list-style: none; margin: 0px; padding: 0px;}
.footer .bread ul li	{ float: left;  margin: 0 30px 0 0; padding: 0px;}
.footer .bread ul li a	{  color: #666666;font-size: 13px;font-weight: 200; letter-spacing: 3px; line-height: 70px;}
.kontakt				{ font-size: 12px; color: #999; line-height: 14px; background: url(http://dev.hallertauerwebgarten.de/457/fileadmin/templates/img/pro_logo.jpg) no-repeat scroll left top; padding-left: 20px; min-height: 140px; margin-top: 16px; }
.left .kontakt			{ font-size: 12px; color: #999; line-height: 14px; background: none; padding-left: 0px; min-height: 140px; margin-top: 16px; }
.slider					{  position: absolute; top: 165px; z-index: 0; background: url(img/top.jpg) no-repeat; height: 445px; width: 960px;}
#tx-lzgallery-pi1-fotos ,#tx-lzgallery-pi1-fotos td	{ border-color: #FFFFFF !important;}
#tx-lzgallery-pi1-title {  border-bottom: 0px !important;text-align: left !important;;}
.clearer 				{ border: none; border-bottom: 1px solid #C7C7C7; clear: both; float: none;}	
.tx-lzgallery-navi span { padding-right: 10px;}
.flags 					{ /*  z-index: 3000; text-align: right; margin-right: 300px;  */}	
.flags div 				{ float: right; padding-left: 5px; background: none;}
.flags div img 			{ display: none;}
.flags div a img 		{ display: block;}
.footer-nav 			{ width: 100%; }
.footer-nav .menu 		{ margin-left: -20px; margin-top: 40px;}
.footer-nav .menu a 	{ color: #666;}
.footer-nav #first 		{ float: left; width: 25%; list-style: none;}
.footer-nav #first ul 	{ margin: 0px; padding: 0px;  list-style: none;}
.footer-nav #first #first {float: none ;}
.footer-nav #first li 	{ width: 230px;}
.tx-indexedsearch-searchbox td {padding: 5px;}
.searchbox 				{ margin-left: 7px; margin-top: 7px;}
.right2 				{ width: 265px; float: right; margin-bottom: 20px; margin-top: -20px; display: none;}
.bread div 				{ padding-top: 20px;}
.bread div a 			{ color: #999999;}
.submenue				{ display:none;}
.topmenu 				{ float: right; margin-top: -50px;}
.topmenu .menu li:last-child {display: none !important;}
.topmenu ul 			{ list-style: none;}
.topmenu ul li 			{ float: left;}
.topmenu ul li a 		{ padding-left: 10px; color: white; font-size: 15px; font-weight: 200; letter-spacing: 2px;}
.topmenu ul li a.active { color: #dacd71;}

.flags a {color: white !important;}
.flags .act a {color: #dacd71 !important; }
#ke_search_sword {width: 155px !important; background: gray; border: 0px; color: white;}
#kesearch_submit {left: 176px !important;}
.tx-kesearch-pi1 .clearer {border: 0px !important;}
.tx-kesearch-pi1 .kesearch_searchbox {margin: 0px !important;}
.resetbutt,.submitbutt {display: none;}
.news-latest-gotoarchive {display: none;}
.news-latest-item img {max-width: 245px; height: auto;}
.news-latest-category {display: none;}

#c763 {display: none;}
.tx-felogin-pi1 h3 {display: none;}
/*
ul.menu, ul.menu ul {
    list-style-type: none;
}

ul.menu a {
    display: block;
    padding: 3px 10px 3px 10px;
    font-weight:normal;
}

ul.menu ul a {
    padding: 0 10px;
}

ul.menu li {
    padding:0;
   
}

ul.menu ul {
    margin-left:0;
    padding: 0 0 5px 0;
    position: absolute;
    background-color: #26383D;
    border:1px solid #FFF9E4;
    display:none;
    min-width:180px;
    z-index: 2000;
}
*/
/* IE-Hack für die Breite */
*html ul.menu ul {
    width:180px;
}

/* Dies sind die Klassenstile für das Untermenü wenn sich die Maus */
/* über der Liste  befindet (.hover siehe JavaScript oben) */
ul.menu ul.hover, ul.menu li.hover ul, ul.menu li:hover ul  {
    display:block;
}

ul.menu ul li {
    float:none;
    background-color: transparent;
    
}
.news-list-morelink {padding: 0px 5px;}
.footer-nav {padding-bottom: 20px; overflow: hidden;}
.footer-nav .menu a {font-size: 10px;
    line-height: 12px; font-weight: bold;}
.footer-nav ul.menu ul li {
	line-height: 12px;
}
.footer-nav ul.menu ul li a {font-weight: normal;}
.footer-nav ul.menu ul ul li a {color: #999; }
#c233 {display: none;}

.class1			{background-color: #FFFFFF !important;}

.right3 {
    float: right;
    margin-bottom: 20px;
    margin-top: 0px;
    width: 246px;
    background: none repeat scroll 0 0 #D5D5D7;
    padding: 10px;
    display: none;
}
.news-single-img {
	clear: both;
	float: none;
	
}

.news-single-img img {
	max-width: 640px;
	height: auto;
}
.news-single-img a{
    
    float: left;
    margin-right: 10px;
    margin-bottom: 10px;
}
.news-list-item img {
	max-width: 640px;
	height: auto;
}
.news-list-item-new {
    background: none repeat scroll 0 0 #F3F3F3;
    float: left;
    height: 200px;
     margin-bottom: 40px;
    margin-right: 40px;
    max-width: 170px;
}
.news-list-category,.news-list-date {display: none;}
.news-list-item-new img {max-width: 170px; height: auto;}
.news-list-item-new h3 a {
    background: none repeat scroll 0 0 #F3F3F3;
    color: #666666;
    display: block;
    font-size: 13px;
    font-weight: normal;
    height: 34px;
    padding: 10px;
    text-decoration: none;
    width: 150px;
}
.select-style {
    padding: 0;
    margin: 0;
    border: 1px solid #ccc;
    width: 120px;
    border-radius: 3px;
    overflow: hidden;
    background-color: #fff;

    background: #fff url("http://www.scottgood.com/jsg/blog.nsf/images/arrowdown.gif") no-repeat 90% 50%;
}

.select-style select {
    padding: 5px 8px;
    width: 130%;
    border: none;
    box-shadow: none;
    background-color: transparent;
    background-image: none;
    -webkit-appearance: none;
       -moz-appearance: none;
            appearance: none;
}

.select-style select:focus {
    outline: none;
}
#pc-result_list {margin-top: 20px;}
.lof-description .date {
	display: none;
}
.lof-description .lof-title {margin: 0px !important;}
.news-list-container-new h3 {margin: 0px;}
.news-list-item-new h3 a {
	padding: 0px 10px !important;
}

.right-slider {
    background: none repeat scroll 0 0 #FFFFFF;
    float: right;
    
    min-height: 150px;
    padding: 10px 0px;
    width: 265px;
    overflow: hidden;
}

.lof-slider_5 .lof-description_white h3, .lof-slider_5 .lof-description_white h3 a, .lof-slider_5 .lof-description_white h3 a:hover {
    color: #000;
    text-decoration: none;
}

.lof-slider_5 .lof-description_white, .lof-slider_5 .lof-description_white a, .lof-slider_5 .lof-description_white a:hover {
    color: #000;
    text-decoration: none;
}
.flags span, .flags a {padding-left: 5px;}
#c459 .tx-simpleslider-pi1 { max-width: 200px;}
#c459 .tx-simpleslider-pi1-switcher UL LI A {
	width: 5px !important;
	height: 5px !important;
}
#c459 .tx-simpleslider-pi1-switcher UL LI.active A {
	background-color: #edcf56 !important;
}
#c459 img {max-width: 263px; height: auto;}
.hide-desktop {display: none;}
.search {
	background: none repeat scroll 0 0 #535d5f;
    float: right;
    height: 70px;
    width: 250px;
}


/* Responsive IFrame for Videos (tw, 09.05.2017) */
.resp-iframe { /* means: 16x9 */
    position: relative;
    padding-bottom: 59.25%;
    height: 0;
    overflow: hidden;
    width: 100%;
    height: auto;
}.resp-iframe iframe {
    position: absolute;
    top: 0;
    left: 0;
    width: 100% !important;
    height: 100% !important;
}
}.resp-iframe.ratio4x3 { /* means: 4x3 */
    padding-bottom: 75%;
}

/* Lightbox Responsive adaption (tw, 11.05.2017) */
/*
#lbOuterImageContainer {
    width: 100% !important;
    height: 100% !important;
}
#lbLightboxImage {
		font-size: auto !important;
}
#overlay {
		width: 100% !important;
}
*/

/* Partnerfinder loader tw, 29.05.2017 */
.tx_staddressmap_gmap {
	background-color: #E5E3DF;
}

.loader {
	display: block;
	margin-left: auto;
	margin-right: auto;
	margin-top: 12.5%;
}

@media only screen and  (max-width: 800px) {
			
	.hide-desktop {display: block;}
	.hidden {display: none !important;}
	
	.search { height: auto; }
	.searchbox { display:none; }
	
	/* Logo */
	.top a img {
		margin-left:20px;
		width: 160px;
	}	
	
	/* Slider-Bild */
	.tx-simpleslider-pi1-image img {
		width:100% !important;
		height:auto !important;
		/*display:none;*/
		}

		
	#mobilMenu {
		background-color: #333333;
		height: 38px;
		overflow-x: hidden;
		overflow-y: hidden;
		z-index: 10;
		position: relative;
	}
	.mobil-menuLink, a.mobil-homeLink {
		-moz-text-decoration-color: -moz-use-text-color;
		-moz-text-decoration-line: none;
		-moz-text-decoration-style: solid;
		color: #FFFFFF;
		display: block;
		font-size: 11px;
		line-height: 28px;
		padding-bottom: 0;
		padding-left: 0;
		padding-right: 0;
		padding-top: 0;
		text-transform: uppercase;
	}
	a.mobil-homeLink {
		float: left;
		margin-bottom: 0;
		margin-left: 10px;
		margin-right: 0;
		margin-top: 3px;
	}
	.mobil-menuLink {
		float: right;
		margin-bottom: 0;
		margin-left: 0;
		margin-right: 10px;
		margin-top: 3px;
	}
	
	#mobilMenuListe {
		background-color: #666666;
		width: 100%;
		position: absolute;
		z-index: 10;
		display: block;
	}
	#mobilMenuListe ul {
		width: 90%;
		margin: 0px;
	}
	#mobilMenuListe ul ul {
		padding: 0px;
		border-bottom: 0px;
		padding-bottom: 5px;
	}
	#mobilMenuListe ul ul li{
		border-bottom: 0px;
	}
	#mobilMenuListe ul li {
		border-bottom-color: #EEEEEE;
		border-bottom-style: solid;
		border-bottom-width: 1px;
		display: block;
		padding-bottom: 0;
		padding-left: 0;
		padding-right: 0;
		padding-top: 0;
		width: 100%;
	}
	#mobilMenuListe ul li a {
		-moz-text-decoration-color: -moz-use-text-color;
		-moz-text-decoration-line: none;
		-moz-text-decoration-style: solid;
		color: #FFFFFF;
		display: block !important;
		padding: 5px 0px;
	}
	#mobilMenuListe .sub {
		display: block !important;
	}
	#mobilMenuListe .active .sub {
		display: block !important;
		margin-top: 10px;
	}
	#mobilMenuListe ul.sub li {
		border-bottom-color: #EEEEEE;
		border-bottom-style: solid;
		border-bottom-width: 0;
		padding-bottom: 0;
		padding-left: 10px;
		padding-right: 10px;
		padding-top: 0;
	}
	#mobilMenuListe ul li:hover a, header nav ul li .selected {
		background-attachment: scroll;
		background-clip: border-box;
		background-color: rgba(0, 0, 0, 0);
		background-image: none;
		background-origin: padding-box;
		background-position: 0 0;
		background-repeat: repeat;
		background-size: auto auto;
	}
	#mobilMenuListe ul li li {
		display: block !important;
	}
	#mobilMenuListe ul li:hover li {
		display: block !important;
	}
	#mobilMenuListe ul li li a {
		background-attachment: scroll;
		background-clip: border-box;
		background-color: rgba(0, 0, 0, 0);
		background-image: none;
		background-origin: padding-box;
		background-position: 0 0;
		background-repeat: repeat;
		background-size: auto auto;
		display: block !important;
		padding-bottom: 0;
		padding-left: 20px;
		padding-right: 0;
		padding-top: 0;
	}
	#mobilMenuListe ul li:hover li a, header nav ul ul li .selected {
		background-attachment: scroll;
		background-clip: border-box;
		background-color: rgba(0, 0, 0, 0);
		background-image: none;
		background-origin: padding-box;
		background-position: 0 0;
		background-repeat: repeat;
		background-size: auto auto;
		display: block;
		padding-bottom: 0;
		padding-left: 20px;
		padding-right: 0;
		padding-top: 0;
	}
	
	#main {
		width: 100%;
		margin-top: 40%;
	}
	.flags {/* margin-right: 0%; margin-left: 5%; text-align: left; margin-bottom: 5%; */}
	.top {width: 100%;position: relative;}
	.top_wrapper .inner {
		width: 100%;
	}
	.navi {display: none;}
	.navi .menu a.active {font-weight: bold;}
	.footer_wrapper .inner {
		width: 100%
	}
	.footer_wrapper .inner {
		padding-left: 5%;
		width:95%;
	}
	.footer .bread {
		height: auto;
		width: 95%;
		padding-right: 5%;
		
		
	}
	
	
	.footer-nav #first {
		width:50%;
		margin-bottom:20px;
		}
		
		
	.right {
		margin-left: 0px;
	}
	.left, .right2, .right3, .right {
		float: none;
		width: 90%;
		padding: 5%;
		clear: both;
	}
	.right-slider {
		width: 90%;
		padding: 0px 5%;
		margin-top: 5%;
		
	}
	.right2 {margin-top: 0px;}
	.right2 a {
		display: block;
	}
	.right2 img {}
	.top_wrapper {
		height: auto !important;
	}
	.top_wrapper .inner {
		max-width: 960px !important;
	}
	.slider {
		width: 100%;
		max-height: 245px;
		background:none;
		/*-webkit-background-size: cover !important;
		-moz-background-size: cover !important;
		-o-background-size: cover !important; 
		background-size: cover !important;
		*/

	/* tw, 03.07.2017 */
		top: 181px;
		background-size: cover !important;
		background-position-y: center !important;
    background-position-x: center !important;
	}
	.tx-simpleslider-pi1-switcher {display: none;}
	
	h1 {line-height: 32px; margin-top: 0px !important;}
	.pc-filter_box_wrapper td {
		display: block;
		width: 100%;
	}
	
	.news-list-item-new {
		margin-bottom: 5%;
		margin-right: 5%;
	}

    img {
    max-width: 100% !important;
   
    }
    .left img {height: auto;}
    #info {width: 90% !important;
    padding-left: 5%;
    }
    #pc-product_list th {font-size: 10px;padding: 1px;}
    #Image-Maps_7201202140402527 {width: 100% !important;}
    #c188 div {width:  100% !important;}
    #magazine {display: none;}

}

@media only screen and  (max-width: 400px) {

	.footer-nav #first {
		float:none;
		width:100%;
		}
	.footer .bread {
		float:none;
		margin-left:20px;
		}	
	#newmenu {
		margin-bottom:30px;
		text-align:left !important;
		}
	#newmenu a {
		font-size:10px;
		font-weight:bold;
		
		}	
}



.slider .tx-simpleslider-pi1-header {
	margin-top: -50px; margin-left: 10px;
}
.slider .tx-simpleslider-pi1-subheader {
	margin-left: 10px;
}
.slider .tx-simpleslider-pi1-switcher{
	bottom: 0;
    margin-bottom: 10px;
    margin-left: 50%;
    position: absolute;
}
.slider .tx-simpleslider-pi1-header {
	color: white; font-weight: bold;
}
.slider .tx-simpleslider-pi1-subheader {
	color: white;
}
.tx-simpleslider-pi1-switcher UL LI.active A {background: #dacd71 !important;}
.right-slider .tx-simpleslider-pi1-item {background: white;}
.browseLinksWrap * {padding-right: 15px;}
.news-single-rightbox,.right-slider {display: none;}

#c737 .news-single-item a {display: none;}
#c737 .news-single-item div.news-single-backlink a,
#c737 .news-single-item div.news-single-img a{display: block;}

/* tw, 03.07.2017 
.footer .bread {width: 600px;}
*/
#newmenu {  float: right;
    overflow-x: hidden;
    overflow-y: hidden;
    text-align: right;
/* tw, 03.07.2017 
    width: 600px;
    */
    margin-bottom:20px;}
    
/* Sidebar Vimeo-Portfolio Widget */
.right h2.vimeo-widget, .right h2.vimeo-widget a {
	color:#777;
	font-weight:normal;
	text-decoration:none;
	text-transform: uppercase;
	letter-spacing:3px;
	}