@import url("fonts.css");

* {
    margin: 0;
    padding: 0;
}

body,html{
	margin: 0;
	padding: 0;
	height: 100%;
}

body {
	font-family: 'Muli', sans-serif;
	font-size: 1em;
	color: #002132;
}

.CLEAR {
	display: block;
	clear: both;
	height: 0;
	line-height: 0;
	font-size: 0;
}

.WRAPPER {
}

.SHADOWTOPWRAPPERCONTENT, .SHADOWBOTTOMTOPNAV {
	display: none;
}

.SHADOWTOPTOPNAV {
	display: none;
}

.WRAPPERSITE{
}

.SHADOWTOPHEADER{
	display: none;
}

.HEADERWRAPPER {
/*	width: 940px; */
	margin: 0 auto;
	padding: 0 1em;
}

.HEADER {
	position: relative;
	z-index: 5000;
}

.LOGO {
	padding: 18px 0;
	height: 70px;
}

.LOGO img {
	border: none;
	width: 240px;
}

.LOGO span{
	display: none;
}

.LOGO a{
}

.PICTURE {
	margin: 0 auto;
}

.LANGUAGE{
	display: none;
}

.SEARCH {
/*	border: solid 1px #767F82;
	width: 92px;
	height: 23px;*/
}

.SEARCH #searchform {
	display: none;
}

.SEARCH .MOBILESEARCH {
/*	position: absolute;
	top: 8.4em;
	text-align: right;*/
/*	float: right;*/
	height: 2em;
	margin: -1em -1em 2em;
}

.SEARCH .MOBILESEARCH #searchform {
	display: block;	
}

.SearchField {
	margin: 5px 0 0;
	margin: 4px 0 0!;	
}

.SearchFieldMobile {
	position: absolute;
	left: 0;
	width: 100%;
}

.SearchFieldMobile input {
	width: 100%;
	border: solid 1px #F2F2F1;
	padding: 0.5em 1em;
	font-size: 1em;
	-webkit-box-sizing: border-box;
    -moz-box-sizing: border-box;
    box-sizing: border-box;	
	background: #F2F2F1;	
}

.SearchField input {
	width: 100%;
	border: solid 1px #FFF;
	padding: 0 18px 0 2px;
	height: 16px;
	-webkit-box-sizing: border-box;
    -moz-box-sizing: border-box;
    box-sizing: border-box;	
}

.SearchButton {
	position: absolute;
	right: 0;
	top: 0;
}

.SearchButtonMobile {
	position: absolute;
	right: 0;
}

.SearchButtonMobile input {
	border: solid 1px #F8B321;
	font-size: 1em;
	padding: 0.5em;
	width: 4em;
	background: url(../img/mobile/searchbtn.png) center center no-repeat #F8B321;
	background-size: 23px 23px;		
	cursor: pointer;
}

.SearchButton input {
	border: none;
	height: 23px;
	width: 16px;
	background: url(../img/button_suche.png) left top no-repeat;
	cursor: pointer;
}

.SEARCHBTN {
	display: block;
	height: 24px;
	width: 28px;
	background: url(../img/mobile/icon_search.png) center center no-repeat;	
	background-size: 28px 24px;	
	border: solid 0.15em #767F82;
	padding: 0.5em;
	right: 12em;
	top: 106px;
	cursor: pointer;
	position: absolute;
}

.FUNCTIONWRAPPER {
	padding: 0 0 1em;
	position: relative;
}

.FUNCTIONWRAPPER .ANGEBOTE {
	display: block;
	height: 24px;
	width: 28px;
	background: url(../img/mobile/icon_angebote.png) center center no-repeat;	
	background-size: 28px 24px;	
	border: solid 0.15em #767F82;
	padding: 0.5em;
	position: absolute;
	right: 8em;
	top: 0;	
}

.FUNCTIONWRAPPER .HOME {
	display: block;
	height: 24px;
	width: 28px;
	background: url(../img/mobile/icon_home.png) center center no-repeat;	
	background-size: 28px 24px;	
	border: solid 0.15em #767F82;
	padding: 0.5em;
	position: absolute;
	right: 4em;
	top: 0;
}

.FUNCTIONWRAPPER .FACEBOOK {
	display: block;
	height: 24px;
	width: 28px;
	background: url(../img/mobile/icon_facebook.png) center center no-repeat;	
	background-size: 28px 24px;	
	border: solid 0.15em #767F82;
	padding: 0.5em;
	position: absolute;
	right: 0;
	top: 0;
}

.FUNCTIONWRAPPER .PRINTPAGE {
	display: none;
}

.FUNCTIONWRAPPER .SMALLER {
	display: none;
}

.FUNCTIONWRAPPER .STANDARD {
	display: none;
}

.FUNCTIONWRAPPER .BIGGER {
	display: none;
}

.SHADOWBOTTOMHEADER{
	display: none;
}

.TOPNAV {
/*	position: absolute;
	bottom: 38px;
	left: 358px;
	width: 582px;*/
	display: none;
}

.KEYVISUAL {
	background: #485458;
/*	height: 152px;	*/
	display: none;
}

.WRAPPERNAV {
/*	width: 356px;
	float: left;*/
	min-height: 1px;
	display: none;
}

.SHADOWTOPNAV{
	display: none;
}

.NAV {
	display: block;
}

.SHADOWBOTTOMNAV{
	display: none;
}

.WRAPPERCONTENT {
/*	width: 584px;
	float: left;*/
}


.MIDDLEWRAPPER {
/*	width: 940px;*/
	margin: 0 auto;
	padding: 0 1em 2em;
}

.SHADOWTOPCONTENT{
	display: none;
}

.CONTENT {
}

.WRAPPERFOOTER {
	background: #485458;
/*	position: fixed;
	bottom: 0;*/
	width: 100%;
	color: #FFF;
	text-transform: uppercase;
	padding: 1em;
	-webkit-box-sizing: border-box;
    -moz-box-sizing: border-box;
    box-sizing: border-box;	
}

.SHADOWTOPFOOTER{
	display: none;
}

.FOOTER {
/*	width: 940px;*/
/*	margin: 26px auto 0;*/
	position: relative;
}

.FOOTERADRESS {
/*	position: absolute;
	right: 0;*/
	font-size: 14px;
	clear: both;
	border-top: solid 1px #F8B321;
	margin: 1em 0 0;
	padding: 1em 0 0;
}

.FOOTERADRESS span {
	color: #F8B321;
	display: block;
	line-height: 0;
	font-size: 0;
	height: 0;
}

.SHADOWBOTTOMFOOTER{
	display: none;
}

.SHADOWBOTTOMWRAPPERSITE{
	display: none;
}

.SHADOWTOPBANNER{
	display: none;
}
.BANNER {
}

.SHADOWBOTTOMBANNER{
	display: none;
}

.KATALOGBANNER {
	margin-top: 24px;
}

@media print { 
	.FUNCTIONWRAPPER, .SEARCH, .WRAPPERFOOTER, .WRAPPERNAV, .TOPNAV, .GALLERYWRAPPER {
		display: none;
	}
	body {
		font-size: 11pt;
	}	
}

@media only screen and (min-width: 768px) {
	body {
		font-size: 14px;
	}		
	.SEARCHBTN {
		display: none;
	}
	.MOBILESEARCH {
		display: none;
	}
	.LOGO {
		padding: 30px 0 0;
		text-align: left;
		height: auto;
	}
	.LOGO img {
		width: auto;
	}
	.TOPNAV {
		display: block;
	}	
	.KEYVISUAL {
		background: #E6E5E3;
		overflow: hidden;
	}	
	.PICTURE {
		width: 100%;
		overflow: hidden;
	}
	.SEARCH {
		position: absolute;
		right: 0;
		top: 6px;
		border: solid 1px #767F82;
		width: 92px;
		height: 23px;
	}
	.SearchField input {
		width: 70px;
		border: solid 1px #FFF;
		padding: 0 18px 0 2px;
		height: 16px;
		-webkit-box-sizing: content-box;
		-moz-box-sizing: content-box;
		box-sizing: content-box;		
	}
	.SEARCH #searchform {
		display: block;
	}	
	.SEARCH .MOBILESEARCH {
		display: none;
		position: absolute;
		top: -10000px;
	}
	.HEADERWRAPPER {
		padding: 0 2em;
	}		
	.FUNCTIONWRAPPER {
		position: absolute;
		right: 141px;
		top: 6px;
		width: 217px;
		padding: 0;
	}	
	.FUNCTIONWRAPPER .ANGEBOTE {
		display: block;
		height: 23px;
		width: 23px;
		background: url(../img/icon_angebote.png) left top;	
		border: solid 1px #767F82;
		position: absolute;
		top: 0;
		left: 0;
		padding: 0;
	}
	.FUNCTIONWRAPPER .HOME {
		display: block;
		height: 23px;
		width: 23px;
		background: url(../img/icon_home.png) left top;	
		border: solid 1px #767F82;
		position: absolute;
		top: 0;
		left: 41px;	
		padding: 0;		
	}
	
	.FUNCTIONWRAPPER .FACEBOOK {
		display: block;
		height: 23px;
		width: 23px;
		background: url(../img/icon_facebook.png) left top;	
		border: solid 1px #767F82;
		position: absolute;
		top: 0;
		left: 70px;
		padding: 0;	
	}

	.FUNCTIONWRAPPER .PRINTPAGE {
		display: block;
		height: 23px;
		width: 23px;
		background: url(../img/icon_druck.png) left top;	
		border: solid 1px #767F82;
		position: absolute;
		top: 0;
		left: 99px;
		display: none;
	}
	
	.FUNCTIONWRAPPER .SMALLER {
		display: block;
		height: 23px;
		width: 23px;
		background: url(../img/icon_font_small.png) left top;	
		border: solid 1px #767F82;
		position: absolute;
		top: 0;
		left: 140px;
		display: none;
	}
	
	.FUNCTIONWRAPPER .STANDARD {
		display: block;
		height: 23px;
		width: 23px;
		background: url(../img/icon_font_normal.png) left top;	
		border: solid 1px #767F82;
		position: absolute;
		top: 0;
		left: 169px;
		display: none;
	}
	
	.FUNCTIONWRAPPER .BIGGER {
		display: block;
		height: 23px;
		width: 23px;
		background: url(../img/icon_font_big.png) left top;	
		border: solid 1px #767F82;
		position: absolute;
		top: 0;
		left: 198px;
		display: none;
	}	
	.FOOTER {
		width: 768px;
		margin: 26px auto 0;
	}	
	.FOOTERADRESS {
		position: absolute;
		top: 32px;
		left: 0;
		margin: 0;
		padding: 0;
		border: none;
	}		
	.FOOTERADRESS span {
		margin: 0 8px;		
		display: inline;
		line-height: auto;
		font-size: 14px;
		height: auto;		
	}
	.MIDDLEWRAPPER {
		padding: 0 2em 110px;
	}	
	.HEADER {
		height: 200px;
	}	
	.TOPNAV {
		bottom: 24px;
		left: 0;
/*		width: 768px;*/
		position: absolute;
		width: 100%;
	}		
	.WRAPPERNAV {
		width: 242px;
		float: left;
		display: block;
		margin: 0 0 0 2em;
	}
	.WRAPPERCONTENT {
/*		width: 440px;*/
		float: left;
	}
	.WRAPPERFOOTER {
		position: fixed;
		bottom: 0;
		height: 92px;
		padding: 0 2em;
	}	
}

@media only screen and (min-width: 980px) {
	.PICTURE {
		width: 940px;
		overflow: hidden;
	}
	.HEADERWRAPPER {
		width: 940px;
		padding: 0;		
	}	
	.FOOTER {
		width: 940px;
	}
/*	.FOOTERADRESS {
		top: 0;
		left: auto;		
		right: 0;
	}	*/
	.MIDDLEWRAPPER {
		width: 940px;
		padding: 0 0 110px;		
	}	
	.WRAPPERCONTENT {
		width: 940px;
		padding: 10px 0 0;
	}
	.HEADER {
		height: 160px;
	}
	.TOPNAV {
		bottom: 38px;
		left: 358px;
		width: 582px;
	}	
	.WRAPPERNAV {
		width: 356px;
		margin: 0;
	}
	.WRAPPERCONTENT {
		width: 584px;
	}
	.FUNCTIONWRAPPER .FACEBOOK {
		display: block;
	}
	.FUNCTIONWRAPPER .PRINTPAGE {
		display: block;
	}
	.FUNCTIONWRAPPER .SMALLER {
		display: block;
	}
	
	.FUNCTIONWRAPPER .STANDARD {
		display: block;
	}
	
	.FUNCTIONWRAPPER .BIGGER {
		display: block;
	}	
	.WRAPPERFOOTER {
		padding: 0;
		-webkit-box-sizing: content-box;
		-moz-box-sizing: content-box;
		box-sizing: content-box;		
	}
	.CONTENT {
/*		width: 440px;*/
	}
}


.ie body {
		font-size: 14px;
	}		
.ie .SEARCHBTN {
		display: none;
	}
.ie .LOGO {
		padding: 30px 0 0;
		text-align: left
	}
.ie .LOGO img {
		width: auto;
	}
.ie .TOPNAV {
		display: block;
	}	
.ie .KEYVISUAL {
		background: #E6E5E3;
		overflow: hidden;
	}	
.ie .PICTURE {
		width: 100%;
		overflow: hidden;
	}
.ie .SEARCH {
		position: absolute;
		right: 0;
		top: 6px;
		border: solid 1px #767F82;
		width: 92px;
		height: 23px;
	}
.ie .SearchField input {
		width: 70px;
		border: solid 1px #FFF;
		padding: 0 18px 0 2px;
		height: 16px;
		-webkit-box-sizing: content-box;
		-moz-box-sizing: content-box;
		box-sizing: content-box;		
	}
.ie .SEARCH #searchform {
		display: block;
	}	
.ie .SEARCH .MOBILESEARCH {
		display: none;
	}
.ie .HEADERWRAPPER {
		padding: 0 2em;
	}		
.ie .FUNCTIONWRAPPER {
		position: absolute;
		right: 141px;
		top: 6px;
		width: 217px;
		padding: 0;
	}	
.ie .FUNCTIONWRAPPER .ANGEBOTE {
		display: block;
		height: 23px;
		width: 23px;
		background: url(../img/icon_angebote.png) left top;	
		border: solid 1px #767F82;
		position: absolute;
		top: 0;
		left: 0;
		padding: 0;
	}
.ie .FUNCTIONWRAPPER .HOME {
		display: block;
		height: 23px;
		width: 23px;
		background: url(../img/icon_home.png) left top;	
		border: solid 1px #767F82;
		position: absolute;
		top: 0;
		left: 41px;	
		padding: 0;		
	}
	
.ie .FUNCTIONWRAPPER .FACEBOOK {
		display: block;
		height: 23px;
		width: 23px;
		background: url(../img/icon_facebook.png) left top;	
		border: solid 1px #767F82;
		position: absolute;
		top: 0;
		left: 70px;
		display: none;
	}
.ie .FUNCTIONWRAPPER .PRINTPAGE {
		display: block;
		height: 23px;
		width: 23px;
		background: url(../img/icon_druck.png) left top;	
		border: solid 1px #767F82;
		position: absolute;
		top: 0;
		left: 99px;
		display: none;
	}
	
.ie .FUNCTIONWRAPPER .SMALLER {
		display: block;
		height: 23px;
		width: 23px;
		background: url(../img/icon_font_small.png) left top;	
		border: solid 1px #767F82;
		position: absolute;
		top: 0;
		left: 140px;
		display: none;
	}
	
.ie .FUNCTIONWRAPPER .STANDARD {
		display: block;
		height: 23px;
		width: 23px;
		background: url(../img/icon_font_normal.png) left top;	
		border: solid 1px #767F82;
		position: absolute;
		top: 0;
		left: 169px;
		display: none;
	}
	
.ie .FUNCTIONWRAPPER .BIGGER {
		display: block;
		height: 23px;
		width: 23px;
		background: url(../img/icon_font_big.png) left top;	
		border: solid 1px #767F82;
		position: absolute;
		top: 0;
		left: 198px;
		display: none;
	}	
.ie .FOOTER {
		width: 768px;
		margin: 26px auto 0;
	}	
.ie .FOOTERADRESS {
		position: absolute;
		top: 32px;
		left: 0;
		margin: 0;
		padding: 0;
		border: none;
	}		
.ie .FOOTERADRESS span {
		margin: 0 8px;		
		display: inline;
		line-height: auto;
		font-size: 14px;
		height: auto;		
	}
.ie .MIDDLEWRAPPER {
		padding: 0 2em 110px;
	}	
.ie .HEADER {
		height: 200px;
	}	
.ie .TOPNAV {
		bottom: 24px;
		left: 0;
/*		width: 768px;*/
		position: absolute;
		width: 100%;
	}		
.ie .WRAPPERNAV {
		width: 242px;
		float: left;
		display: block;
		margin: 0 0 0 2em;
	}
.ie .WRAPPERCONTENT {
/*		width: 440px;*/
		float: left;
	}
.ie .WRAPPERFOOTER {
		position: fixed;
		bottom: 0;
		height: 92px;
		padding: 0 2em;
	}	
	
.ie .PICTURE {
		width: 940px;
		overflow: hidden;
	}
.ie .HEADERWRAPPER {
		width: 940px;
		padding: 0;		
	}	
.ie .FOOTER {
		width: 940px;
	}
.ie .FOOTERADRESS {
		top: 0;
		left: auto;		
		right: 0;
	}	
.ie .MIDDLEWRAPPER {
		width: 940px;
		padding: 0 0 110px;		
	}	
.ie .WRAPPERCONTENT {
		width: 940px;
		padding: 10px 0 0;
	}
.ie .HEADER {
		height: 160px;
	}
.ie .TOPNAV {
		bottom: 38px;
		left: 358px;
		width: 582px;
	}	
.ie .WRAPPERNAV {
		width: 356px;
		margin: 0;
	}
.ie .WRAPPERCONTENT {
		width: 584px;
	}
.ie .FUNCTIONWRAPPER .FACEBOOK {
		display: block;
	}
.ie .FUNCTIONWRAPPER .PRINTPAGE {
		display: block;
	}
	
.ie .FUNCTIONWRAPPER .SMALLER {
		display: block;
	}
	
.ie .FUNCTIONWRAPPER .STANDARD {
		display: block;
	}
	
.ie .FUNCTIONWRAPPER .BIGGER {
		display: block;
	}	
.ie .WRAPPERFOOTER {
		padding: 0;
		-webkit-box-sizing: content-box;
		-moz-box-sizing: content-box;
		box-sizing: content-box;		
	}
.ie .CONTENT {
/*		width: 440px;*/
	}
.ie .KATALOGBANNER {
	margin-top: 24px;
}