/* FRONTEND CSS
*********************************************/
@media (max-height: 570px) and (min-width:766px) {
	nav {
		position:relative !important;
		float:left !important;
		top:70px !important}
}

.span6 .pull-left {
	width:100% !important;}

@media (min-width: 1000px) and (max-width: 1219px) {

.front .span4 {
	width:30% !important;
	float:left;
	text-align:left !important;
	margin-right:3% !important;}
	
.leading-0 .item-title {
	display:none !important;}	
	
.front .span4 img {
	width:100% !important;
	height:auto !important;}	
	
.front .span4 h2 {
	font-size:15px !important}	
.front .span4 .readmore {
	text-align:right !important;}	
.front .pull-left {
	height:145px !important;
	background-color:#fff !important;
	overflow:hidden !important;}	

.preisanfragelink {
	padding:8px;
	background-color:#3b2d17}
	
.preisanfragelink:link,
.preisanfragelink:visited,
.preisanfragelink:active,
.preisanfragelink:hover {
	color:#fff !important;}	

#mod-search-searchword{
	max-width:178px !important;
	border-radius:0px !important;
	height:30px !important;
	-webkit-appearance:none;
	border:0px !important;
	margin:0px !important;
	float:left !important;}
	
.form-limit {
	float:right;
	text-align:right;}
	
		
	
.result-category {
	display:none}	
	
.result-text {
margin-left:0px !important;
margin-bottom:15px !important}	
	
#search-searchword {
	max-width:175px !important;
	border-radius:0px !important;
	height:28px !important;
	padding-left:10px !important;
	-webkit-appearance:none;
	border:0px !important;
	margin:0px !important;
	margin-top:1px !important;
	float:left !important;}	

.ihre-suche .btn {
	background-image:url(../images/searchButton.gif);
	height:30px;
	border:0px !important;
	width:30px !important}	
.search {
	height:30px !important;
	background-color:#fff !important;}	
.searchintro {
	clear:both !important}	
.phrases,
.only {
	display:none !important}	
	
.search label {
	display:none !important}	

html {
	/* scrollbar fix (prevent ugly left pull for lower content sites) */
	overflow-y: scroll;
	height:100%;
}

body {
	margin:0px !important;
	background-image:url(../../../images/background.jpg);
	background-repeat:repeat;
	background-size:contain;
	background-color:#cd9c61;
	font-family:"Gill Sans", "Gill Sans MT", "Myriad Pro", "DejaVu Sans Condensed", Helvetica, Arial, sans-serif;
	font-size:14px;
	line-height:20px;
	height:100%;

}

.trenner {
	display:none;}
header {
	width:100%;
	height:88px !important;
	position:fixed;
	top:0;
	left:0;
	z-index:10000 !important;
	-webkit-box-shadow: -1px 4px 5px 0px rgba(0,0,0,0.37);
-moz-box-shadow: -1px 4px 5px 0px rgba(0,0,0,0.37);
box-shadow: -1px 4px 5px 0px rgba(0,0,0,0.37);
background-image:url(../../../images/headerbackground.jpg);
background-position:center;
background-color:#fff;}

#mp3header {
		margin-left:auto;
		margin-right:auto;
		width:180px;
		}	
		
	#slogan {
		height:55px !important;
		position:absolute;
		width:383px;
		top:0px;
		right:0px;
		margin-top:15px !important;}	
		
		#logo {
	float:left;
	margin-top:10px;
	margin-left:15px;
	}

nav {
	width:208px;
	z-index:9999;
	position:fixed;
	top:73px;
	background-color:#3b2d17;
	border:2px solid #fff;
	margin-left:15px;
	-webkit-border-radius: 8px;
-moz-border-radius: 8px;
border-radius: 8px;
min-height:300px;
padding-top:12px;
padding-bottom:5px;}

.menuhead {
	background-color:#865839;
	color:#fff;
	text-transform:uppercase;
	padding: 2px 10px;
	border-top:1px solid #fff;
	border-bottom:1px solid #fff;
	font-size:14px;}
	
.bm-mega-menu-all .bm-mega-menu-vertical .mega-menu-items {
	padding-bottom:3px !important;}	

.bm-mega-menu .mega-menu-items .bm-menu-item a > i {
	margin-top:3px !important;}
.bm-mega-menu .mega-menu-items > .bm-menu-item > a, .bm-mega-menu .mega-menu-items > .bm-menu-item > span {
	text-transform:none !important;
	font-size:14px !important;
	font-family:"Gill Sans", "Gill Sans MT", "Myriad Pro", "DejaVu Sans Condensed", Helvetica, Arial, sans-serif;}
	
#bm_mega_menu_pro_164 .bm-mega-menu .mega-menu-items > .bm-menu-item:hover,
#bm_mega_menu_pro_168 .bm-mega-menu .mega-menu-items > .bm-menu-item:hover,
#bm_mega_menu_pro_169 .bm-mega-menu .mega-menu-items > .bm-menu-item:hover {
	background-color:#865839 !important;}
	
.bm-mega-menu-all .bm-mega-menu-vertical .mega-menu-items .bm-menu-level-1 {
	border-bottom:0px !important;
	height:22px !important;}
	
.bm-mega-menu .mega-menu-items .bm-menu-item {
	padding:2px 10px !important;}
	
.bm-mega-menu .bm-single-style .bm-menu-item .bm-sub-menu {
	box-shadow:none !important;
	padding:0px !important}	
	
.bm-mega-menu .mega-menu-items .bm-menu-item .bm-sub-menu .bm-menu-item a, .bm-mega-menu .mega-menu-items .bm-menu-item .bm-sub-menu .bm-menu-item span {
	padding:0px 10px !important;
	text-transform:none !important;
	font-size:14px !important;
	font-family:"Gill Sans", "Gill Sans MT", "Myriad Pro", "DejaVu Sans Condensed", Helvetica, Arial, sans-serif;}
			
.bm-mega-menu .bm-single-style .bm-menu-item .bm-sub-menu .bm-menu-item {
	border-bottom:0px !important;
	text-transform:none !important;
	font-size:14px !important;
	font-family:"Gill Sans", "Gill Sans MT", "Myriad Pro", "DejaVu Sans Condensed", Helvetica, Arial, sans-serif;}
	
#bm_mega_menu_pro_164.bm-mega-menu .mega-menu-items .current, #bm_mega_menu_pro_164 .bm-mega-menu .bm-menu-level-1.active,
#bm_mega_menu_pro_168.bm-mega-menu .mega-menu-items .current, #bm_mega_menu_pro_168 .bm-mega-menu .bm-menu-level-1.active,
#bm_mega_menu_pro_169.bm-mega-menu .mega-menu-items .current, #bm_mega_menu_pro_169 .bm-mega-menu .bm-menu-level-1.active {
	background-color:#865839 !important;
	padding:2px 10px !important;}	
	
#bm_mega_menu_pro_164.bm-mega-menu .mega-menu-items .current, #bm_mega_menu_pro_164 .bm-mega-menu .mega-menu-items .active > a,
#bm_mega_menu_pro_168.bm-mega-menu .mega-menu-items .current, #bm_mega_menu_pro_168 .bm-mega-menu .mega-menu-items .active > a,
#bm_mega_menu_pro_169.bm-mega-menu .mega-menu-items .current, #bm_mega_menu_pro_169 .bm-mega-menu .mega-menu-items .active > a	 {
	background-color:#865839 !important;
	}	
	
#bm_mega_menu_pro_164 .bm-mega-menu .mega-menu-items .bm-menu-item .bm-sub-menu .bm-menu-item a,
#bm_mega_menu_pro_169 .bm-mega-menu .mega-menu-items .bm-menu-item .bm-sub-menu .bm-menu-item a	{
	padding:2px 10px !important;}
	
.bm-mega-menu .bm-single-style .bm-menu-item .bm-sub-menu .bm-menu-item {
	padding:0px !important}

.bm-sub-menu {
	border:0px solid #fff !important}

aside {
		width:208px;
	z-index:9999;
	position:absolute;
	top:75px;
	right:0px;
	background-color:#865839;
	border:2px solid #fff;
	margin-right:15px;
	-webkit-border-radius: 8px;
-moz-border-radius: 8px;
border-radius: 8px;
min-height:300px;
padding-top:12px;}


.boxhead {
	background-color:#3b2d17;
	color:#fff;
	text-transform:uppercase;
	padding: 8px 10px;
	font-size:16px;}
	
.boxcontent {
	color:#fff;
	font-size:14px;
	padding-left:8px;
	padding-right:8px;
	}
	
.boxcontent p {
	margin:5px 0;
	font-weight:200 !important;
	letter-spacing:1px;}
	
strong {
	font-weight:normal !important;}	
	
aside a:link,
aside a:visited {
	color:#3b2d17;
	text-decoration:none;
	}	
	
aside a:hover,
aside a:active {
	color:#3b2d17;
	text-decoration:underline;
	}				
	
#wir {
	width:100% !important;
	text-align:center;
	background:#fff;
	padding:8px 0px 0 0 ;}	
	
main {
	width:530px;
	position:absolute !important;
	margin-left:-265px !important;
	left:50% !important;
	margin-top:100px;
	color:#fff;
	padding-bottom:20px;
	
	}	
	
main a:link,
main a:visited {
	color:#3b2d17;
	text-decoration:none;
	}	
	
main a:hover,
main a:active {
	color:#3b2d17;
	text-decoration:underline;
	}	
	
.links main a:link,
.links main a:visited {
	color:#3b2d17;
	font-size:16px !important;
	text-decoration:none;
	}	
	
.links main a:hover,
.links main a:active {
	color:#3b2d17;
	font-size:16px !important;
	text-decoration:underline;
	}			
	
main p,
main ul,
main li {
	font-weight:200;
	letter-spacing:1px;}	

.front main {
	text-align:center;}
	
main h1 {
	font-size:20px;
	line-height:18px;
	font-weight:normal;}	
	
main h2 {
	font-size:21px;
	line-height:25px;
	font-weight:normal;}		
	
main h3 {
	font-size:17px;
	line-height:25px;
	font-weight:normal;
	letter-spacing:1px;}		
	
main hr {
	clear:Both !important;
	margin: 5px 0px !important;
	padding:5px !important;
	border:0px !important;
	border-bottom:1px solid #fff !important;}		
	
	
.front main h1 {
	text-align:center;
	font-weight:bold;
	font-size:24px;
	line-height:30px;}	
	
.startimg {
	width:100% !important;
	height:auto;}
	
.aktionen table tr {
	border-bottom:1px solid #fff !important;}
	
.aktionen table td {
	padding:5px;
	font-weight:200;
	letter-spacing:1px;}
	
	.aktionen table td strong,
	.aktionen table td b {
		font-weight:normal;}		
		
	.span6 {
		width:48% !important;
		float:left;
		margin-right:2% !important;
		min-height:420px !important;
		
	}			
	
	.relax-massivholzbetten .span6,
	.auflagen .span6,
	.relax-kissen .span6,
	.relax-zudecken .span6  {
		width:48% !important;
		float:left;
		margin-right:2% !important;
		min-height:300px !important;
		max-height:300px !important;
		
	}	
	
	.span6 img {
		width:100% !important;
		height:auto !important;}
		
		
}
/* MEDIA QUERIES
*********************************************/