@charset "UTF-8";

/**
 * "Yet Another Multicolumn Layout" - (X)HTML/CSS Framework
 *
 * Basis-Stylesheet für das Layout (Attribute für Größe und Position der Container)
 * Styles für Gestaltung werden in der Datei content.css gemacht!
 *
 * @link            http://www.designathome.de
 * @package         yaml
 * @version         3.1
 * @revision        $Revision: 343 $
 * @lastmodified    $Date: 2009-01-19 23:41:32 +0100 (Mo, 19. Jan 2009) $
 */

@media screen, projection, print {
	html {
		overflow-y: scroll;
	}

	body {
		background: #555;
	}
	.page-margins {
		/*background-image: url(../../images/bg_page_margins.gif);*/
		background-position: left bottom;
		background-repeat: repeat-x;
		background-color: #FFF;
	}
	.page {
        background-color: #FFFFFF;
	}
    .wrapper {
    	margin: 0 auto;
    	padding: 0;
    	position: relative;
    	width: 940px;
	}

	#header {
		position: absolute;
		top: 20px;
		right: 25px;
		width: auto;
		margin: 0;
		z-index: 1;
	}
	#header .logo a {
		border: none;
	}
	#bigpic {
		display: block;
		width: 570px;
	}
	#permads {
		float: right;
		width: 318px;
	}
    #permads .centered {
        display:table-cell;
        height:185px;
        padding-left:50%;
        text-align:center;
        vertical-align:middle;
	}
	#header .logo {
		float: right;
	}
	#header .res-logo {display: none;}
	#nav {
		position: absolute;
		z-index: 1;
		margin-left: 25px;
	}
	#nav ul {
		margin: 0;
		padding: 0;
		background-color: #00FF00;
	}
	#nav ul li {
		float: left;
		list-style: none;
		margin: 0 4px 0 0;
		overflow: hidden;
	}
	#nav ul li a {
		display: block;
		width: 100%;
		font-family: "Trebuchet MS", Tahoma, Arial, Sans-serif;
		font-size: 116.67%;
		font-weight: bold;
		color: #000000;
		margin: 0;
		padding: 30px 10px 12px 10px;
		border: none;
	}
	/*#nav ul li:last-child a {
		color: red;
	}*/
  	#nav ul li:nth-last-child(2) a {
		color: red;
	}
	#nav ul li a:hover {
		color: #FFFFFF;
		background-color: #555555;
		text-decoration: none;
		/*opacity: .5;
		-moz-opacity: .5;
		filter:alpha(opacity=50);*/
	}
	#nav ul li.nav-selected a {
		color: #FFFFFF;
		background-color: #9BC11B;
		text-decoration: none;
		/*opacity: .5;
		-moz-opacity: .5;
		filter:alpha(opacity=50);*/
	}
	#footer ul.nav {
		display: block;
		border-top:1px dotted;
		margin:10px 0;
		padding:0;
	}
	#footer ul.nav li {
		border-bottom:1px dotted;
		line-height:2em;
		list-style:none;
		margin:0;
		padding:0;
	}
	#footer ul.nav li a {
		display: block;
		font-weight: bold;
		padding-left: 5px;
		border-bottom: none;
	}
	#footer ul.nav li a:hover {
		text-decoration: none;
		background-color: #6F6F6F;
	}
	
	div.hlist {
	}
	
	#main {
		margin: 0 0 20px 0;
		background: url(../../images/bg_fc.gif) repeat-y 664px top;
	}
	#main.full {
		margin: 0 0 20px 0;
		background: none;
	}
	#teaser {
		position: relative;
		width: 890px;
		/*height: 290px;*/
		padding: 85px 25px 20px 25px;
	}
	#teaser.editmode {
		padding-top: 97px;
	}

	#teaser #headline {
		position: absolute;
		z-index: 2;
		left:25px;
		top: 105px;
	}
	#footer {
		color: #D3D3D3;
		background: #555555;
	}
    #footer .address p { font-family: Arial, Helvetica, sans-serif; font-size: 120%; margin: 0.5em 0 0 0; line-height: 1.25em; }
    #footer .address p.phonenumbers {  }
    #footer .address p.openingtimes {  }
    #footer .address p span { display: inline-block; }
    #footer .address p span.label { color: #9C0; }
    #footer .address p.phonenumbers span.label { width: 68px; }
    #footer .address p.openingtimes span.label { width: 100px; }
    #footer .address p.openingtimes span.rtl { width: 100px; text-align: right; }
    
	#footer-wrap, #footer-bottom {
		width: 890px;
		margin-left: auto;
		margin-right: auto;
		margin-top: 10px;
	}
	#footer-wrap {
		margin-top: 20px;
		background: transparent url(../../images/bg_footer_col3.gif) repeat-y 400px top;
	}
	#home #footer-wrap {
		margin-top: 20px;
		background: transparent url(../../images/bg_footer_home.gif) repeat-y 400px top;
	}
	#footer-wrap .col1 { float: left; width: 400px; margin: 0; padding: 0; }
    #footer-wrap.twocol .col1 { float: left; width: 630px !important; margin: 0; padding: 0; }
	#footer-wrap .col2 { float: right; width: 250px; margin: 0; padding: 0; }
	#footer-wrap .col3 { margin: 0 250px 0 400px; padding: 0; }
	
	#footer-wrap .col1_content { margin: 0 8px 0 0; padding: 0; }
	#footer-wrap .col2_content { margin: 0 0 0 8px; padding: 0; }
	#footer-wrap .col3_content { margin: 0 8px; padding: 0; }
	
	#footer-bottom {
		margin-top: 16px;
		border-top: 1px dotted #FFFFFF;
	}
	
	#footer-bottom p {
		margin: 10px 0 10px 0;
	}
	#footer-bottom p.bottom-left {
		float: left;
	}
	#footer-bottom p.bottom-right {
		float: right;
	}
	#col1 {
		float: left;
		width: 664px;
	}
	#col2 {
		background-color: #00FFEE;
	}
	#col3 {
		margin: 0 0 0 664px;
		background: url(../../images/bg_fc.gif) repeat-y 0px 0px;
	}
    #baxter #col3 {
		background-image: url(../../images/bg_fc_white.gif);
	}
	.full #col3 {
		margin: 0;
		background: none !important;
	}
	#col1_content {
		padding: 0 15px 0 25px;
	}
	#col3_content {
		padding: 0 25px 0 15px;
	}
	.full #col3_content {
		padding: 0 35px;
	}
	

	/* #### Special postitioning for Teasertext ind dah theme #### */
	#teaser #headline div.ccm-add-block {
		position: absolute;
		left: -200px;	
	}
	
	#col3 form fieldset {
		display: block;
		width: auto;
		padding: 10px;
		border: 1px dashed #555555;
	}
    #baxter #col3 form fieldset {
		border-color: #FFFFFF;
	}
	form div.set {
		font-size: 89%;
		margin-bottom: 0.75em;
	}
	form div.set label {
		display: block;
		font-size: inherit;
		margin-bottom: 0.25em;
	}
	form div.set label span.required {
		position: absolute;
		margin: 0 0 0 0.25em;
		font-size: 150%;
		color: #CC0000;
	}
    #baxter form div.set label span.required {
	    color: #9BC11B
	}

	#col3 form div.set input,
	#col3 form div.set textarea,
	#col3 form div.set select {
		width: 95%;
		border: 1px solid  #555555;
		font-size: inherit;
	}
	#col3 form div.set input,
	#col3 form div.set textarea {
		padding: 0.25em 0.5em;
	}
	/*
	 * BAXTER Modifikationen
	 * 
	 */
	body#baxter {	background-color: #524D46; }
	body#baxter .page-margins {	background-color: #524D46; }
    body#baxter .page { background-color: transparent; }
	body#baxter #nav ul li a { color: #FFFFFF; }
	body#baxter #body_nav ul li a, body#baxter #body_nav ul li a:visited { color: #FFFFFF; }
	body#baxter #footer {	color: #D3D3D3;	background: #524D46; }
    
    body#home #bigpic {
        width: 100%;
    }
    body#home #bigpic .bigpic-content {padding-right: 124px;}
    .menu-toggle{display: none;}
    #ccm-layout-3386 .ccm-layout-cell img {width: 100%; height: auto; padding: 0px 15px; box-sizing: border-box;}
	
}

@media (min-width: 992px) {

#nav .nav-header {display: block !important;}
.btn-nav .btn-main-cat {display: none;}
.res-side-nav {display: none;}
.mobile-arrow {display: none;}
.btn-nav .btn-sub-nav {display: none;}
 /*#teaser{height: 290px;}*/
}




@media (max-width: 991px) {

img {max-width: 100%; height: auto;}
#header .res-logo { float: right; z-index: 8888; position: absolute; top: -8px;  left: 45px;display: block;}
#header .res-logo a {border-bottom: none;}
#nav .nav-header {display: none; width: 100%;background: #606060; float: left; box-sizing: border-box;padding: 0px 15px;}
#nav .nav-header li {width: 100%; display: inline-block;background: #606060;  border-top: 1px solid #ffffff;padding: 10px 15px;box-sizing: border-box;margin: 0;}
#nav .nav-header li a {color:#ffffff;padding: 0;}
.menu-toggle { padding: 10px 0px; display: inline-block; background:#606060; width: 100%; }
.menu-toggle .toggle-btn{ display: block;background-color: transparent; border: 0; cursor: pointer; outline: none; float: right;margin-right: 15px; }
.menu-toggle .toggle-btn > span { height: 3px; width: 30px; background-color: #ffffff; display: block; margin: 5px 0; border-radius: 20px; }
#footer-wrap, #footer-bottom { width: 100%;}
.wrapper {width: 100%;}
#header .logo {display: none; }
#header .res-logo img {max-width: 200px;   }

#footer-wrap .col1_content {margin: 0;}
#footer-wrap .col1_content a img {width: 100%; height: auto; }
#footer-wrap.twocol .col1 {float: none;margin: 0 auto;width: 100% !important;}
#footer-wrap .col2 { float: none; width: 100%; text-align: center;}
#teaser {width: 100%;padding: 0;}
#header { position: relative;z-index: 8888; }
#nav {position: relative;margin-left: 0;margin-bottom:30px; display: inline-block; width: 100%;}
.matrix { border-collapse: collapse; table-layout: auto; display:table; width: 100%; margin: 0 auto;}
.matrix tbody td img { width: 100%;  height: auto;}
.matrix tbody td {float:none;  width:auto !important;}
body#home #bigpic { width: 100%; overflow: auto;padding: 0px 30px;box-sizing: border-box;}
body#home #bigpic .bigpic-content {padding:0px 30px;}
#nav ul li.nav-selected a {color:#9BC11B;background-color:#606060;}
#nav ul li a:hover {background: transparent;}
#footer-wrap {background: none !important;}
#footer-wrap .col2_content .address img {margin-top: 10px; margin-bottom: 10px;}
#footer-wrap .col2_content .address p {padding: 8px 0px;}
#footer-bottom .bottom-left {padding-top:5px;}
#produktmatrix_moebel {display:table; width: 100% !important;height: auto !important; margin: 0 auto; table-layout: initial !important;}
#produktmatrix_moebel td a img {width: 100%;  height: auto;}
#produktmatrix_licht {display:table; width: 100% !important; height: auto !important; margin: 0 auto;}
#produktmatrix_licht td a img {width: 100%;  height: auto;}
#bigpic {width: 100%;}
.full #col3_content {width: 100%; display: inline-block; padding: 0;}
.full #col3_content .ccm-layout-wrapper {width: 100%; display: inline-block;}
.full #col3_content .ccm-layout-wrapper .ccm-layout-cell img { height: auto; padding: 0px 15px; box-sizing: border-box;}
.full #col3_content .ccm-layout-wrapper .ccm-layout-cell .nounderline img {margin: 0 !important;}
#ccm-layout-3143 .ccm-layout-row-12 .ccm-layout-col-6 img {width:auto !important; height: auto;}
#ccm-layout-3143 .ccm-layout-row-23 .ccm-layout-col-3 img {width:auto !important; height: auto;}
.ccm-SlideshowBlock-display .slideImgWrap div {background-size:contain !important;}
#home #footer-wrap { padding: 0px 30px; box-sizing: border-box;}
#footer .address p { font-family: Arial, Helvetica, sans-serif; font-size: 108%; margin: 2px 0 0 0;line-height: 14.5px;}
.page-margins p {margin: 0;}
#footer-bottom { padding: 0px 15px; box-sizing: border-box;}
#footer-wrap .col1_content .nounderline span {padding-top: 15px;display: inline-block;}
#nav ul li:last-child a {color:#ff6666;}
#produktmatrix_moebel td.cp110x110 {width: auto !important;height: auto !important;}
#produktmatrix_moebel td.cp330x110 { width: auto !important; height: auto !important;}
#produktmatrix_moebel td.cp220x220 { width: auto !important; height: auto !important;}
#produktmatrix_moebel td.cp110x220 { width: auto !important; height: auto !important;}
#produktmatrix_moebel td.cp220x110 { width: auto !important; height: auto !important;}
#produktmatrix_licht td.cp110x110 {width: auto !important;height: auto !important;}
#produktmatrix_licht td.cp330x110 { width: auto !important; height: auto !important;}
#produktmatrix_licht td.cp220x220 { width: auto !important; height: auto !important;}
#produktmatrix_licht td.cp110x220 { width: auto !important; height: auto !important;}
#produktmatrix_licht td.cp220x110 { width: auto !important; height: auto !important;}
.full #col3 {padding: 0px 30px;}
#bigpic .ccm-image-block {width: 100% !important; height: auto !important;}
#col3_content p.overviewBox {width: 100% !important; box-sizing: border-box;}
#main #col1 {width: 100%; box-sizing: border-box;}
#main #col3  {margin: 0; width: 100%; box-sizing: border-box;}
#footer-wrap .col3 {margin: 0;}
#main {background: none;}
 p.overviewBox {z-index: 999; position: relative;}
#col1_content {padding: 0px 15px; box-sizing: border-box; width: 100%;display: inline-block;}
#col3_content {padding: 0px 15px; box-sizing: border-box; width: 100%;display: inline-grid;}
#asmillerGalleryBlock .asmillerGalleria_caption { box-sizing: border-box;}
.page-margins h1 { padding-top: 20px; }
.res-side-nav .nav-side {display:block;}
.btn-nav .btn-main-cat {background:#606060; color: #ffffff; font-size: 110%;padding: 7px 10px; margin-top: 10px;float: left;position: relative; cursor: pointer;padding-right: 45px; min-height: 30px; border-radius: 0px;border: none;outline: none; z-index: 8888;}
#body_nav {display:none; box-sizing: border-box;}
.mobile-arrow {display: block; float: right; font-size: 20px;padding: 0px 10px; position: absolute;right: 0px;top: 0;background: #99CC00;padding: 0px;min-width: 30px;text-align: center;cursor: pointer;border-left: 2px solid #99CC00;border-radius: 0px;line-height: 30px;height: 31px;}
.btn-nav {position: relative; width: 100%; box-sizing: border-box; display: inline-block;}
/*#body_nav .floatbox {display: none;}*/
#body_nav ul li ul{display: none;}
#body_nav .mobile-arrow {background: transparent;border-left: none;top: 0px;min-height: 35px;border-radius: 0px;color: #fff;line-height: 34px;min-height: 34px;}
/*	background: transparent; border-left: none;top: 4.5px;min-height: 26px;border-radius: 0px;color: #fff;line-height: 24px}
*/.btn-nav .btn-sub-nav {position: fixed; top: 50%; right: -15px;background: #99CC00; color: #ffffff; font-size: 110%; padding: 5px 15px; -webkit-transform: rotate(-90deg); -moz-transform: rotate(-90deg); -ms-transform: rotate(-90deg); -o-transform: rotate(-90deg); transform: rotate(-90deg);border-radius: 5px 5px 0px 0px; outline: none;z-index: 9999;}
.sticky-body {position: fixed;}
#asmillerGalleryBlock .asmillerGalleria_wrapper {width: 100%; text-align: center;}
#ccm-layout-3405 .ccm-layout-3405-col-1 p img {width: 100%;}
#HTMLBlock56691 iframe {width: 100% !important; }
#ccm-layout-3271 p .float_left {padding-top: 25px;}
#ccm-layout-3116 p .float_left { margin-top: 0;}
#ccm-layout-3271 .greybox img {padding-right: 15px; float: none;float: none !important;}
#footer .col1 .col1_content p {padding:0px 15px;}
#col1_content #ccm-layout-9 {margin-bottom: 15px;}
#col1_content #ccm-layout-86 { text-align: center; width: 100%; }
#col1_content #ccm-layout-86 img {margin-bottom: 15px;}
#col1_content #ccm-layout-86 .zoomIcon { bottom: 25px;}
#col1_content #ccm-layout-14 .shippinghint {margin-bottom: 15px;}
#col1_content #ccm-layout-14 .subcolumns .smallfont {margin-top: 15px;}
#col3 span.underline {width: 100%;}
#footer .col1_content h3 img {margin: 13px !important;}
.möbel {margin: 15px 0px 20px 0px !important;}
.col3_content .overviewBox span {width: 100%;}
#ccm-layout-wrapper-127957 #ccm-layout-1850 .ccm-layout-1850-col-1 {display: none;} 
#ccm-layout-3164 .ccm-layout-3164-col-3 {display: none;}
#ccm-layout-3164 .ccm-layout-3164-col-4 {display: none;}
#asmillerGallery_spacer {height: auto !important;}
#ccm-layout-3000 .ccm-layout-row-6 {display: none;}
#ccm-layout-3000 .ccm-layout-row-7 {display: none;}
#ccm-layout-2651 .ccm-layout-row-6 {display: none;}
#ccm-layout-2651 .ccm-layout-row-7 {display: none;}


}



@media (max-width: 767px) {

#col1_content,
#col3_content {padding: 0px 15px; box-sizing: border-box; width: 100%;display: inline-block;}
body#home #bigpic { width: 100%; overflow: auto;padding: 0px 15px; box-sizing: border-box;}
#footer-bottom p.bottom-left,
#footer-bottom p.bottom-right {text-align: center;width: 100%;}
body#home #bigpic .bigpic-content {padding:0px 15px;}
#home #footer-wrap { padding: 0px 15px; box-sizing: border-box;}
#footer-bottom { padding: 0px 15px; box-sizing: border-box;margin-top: 0px;}
.full #col3_content .ccm-layout-wrapper .ccm-layout-cell img { padding: 0px 5px;}
.page-margins a { font-size: 10px; line-height: 14px;}
#ccm-layout-3387 .ccm-layout-col,
#ccm-layout-3388 .ccm-layout-col {width: 50% !important;}  
/*#col3_content .ccm-layout-col {width: 100% !important; text-align: center;}*/
#col3_content p.overviewBox {width: 100% !important;margin: 0;}
#main.full {padding: 0px 15px;} 
#ccm-layout-2956 { padding-top: 10px; }
#ccm-layout-3388 .ccm-layout-col img { max-width: 230px;}
#ccm-layout-3387 .ccm-layout-col img { max-width: 230px;}
.ausstellung .ccm-layout-cell img {max-width: 230px;}
.ausstellung .ccm-layout-cell {padding-bottom: 15px;}
#ccm-layout-3143 .ccm-layout-col img {max-height:120px ;width: auto !important;}
#ccm-layout-3143 p {margin: 0;padding: 0;}
.ccm-layout-table .ccm-layout-col {float: left; width: 100%;}
#main p.overviewBox {width: 100% !important; box-sizing: border-box; padding: 10px 0px; margin: 0;}
#main p.overviewBox span {width: 100%;display: inline-block;padding: 10px 0px;}
#col3_content div.parentPageLink a {background-image: none !important;}
#asmillerGalleryBlock .asmillerGalleria_wrapper {width: 100% !important;}
#asmillerGalleryBlock .asmillerGalleria_wrapper img {width: auto !important; height: auto !important;}
#ccm-layout-3601 p img { max-width: 100%; height: auto; display: block; float: none !important;}
#ccm-layout-2995 .techdata {width: 100% !important; height: auto !important;table-layout: fixed;display: inline-block;}
#footer-wrap .col1 { width: 100%; }
#col1_content h1 {padding-top: 0px;display: inline-block;}
.ccm-image-block {max-width: 100% !important;height: auto !important;}
#ccm-layout-1334 img {width: 100% !important; height: auto !important;}
.overviewBox img {float: none !important; text-align: center; margin: 0 !important;}
#footer-wrap .col1_content { padding: 15px;padding-bottom: 0px;}
#nav {margin-bottom: 0;}
#col1_content .nounderline img { height: auto; max-width: 230px;}
#col1_content img { height: auto;text-align: center;margin-top: 10px; max-width: 100%; width: auto;}

#asmillerGallery_main {height: auto !important;}
#footer-wrap .col3_content p {margin-top: 22px; text-align: center;}
#ccm-layout-3174 table {overflow-x:auto;}

#tnSpacer { height: auto !important; }
#body_nav {margin: 0 !important; }
.ccm-SlideshowBlock-display {height: 135px !important;} 
.ccm-SlideshowBlock-display .slideImgWrap div {background-size: contain !important; height: auto !important; min-height: 137px; width: 100% !important;}
.bett { padding-top: 60px ; }
.bett #col3_content { padding-top: 100px; }
.HTMLBlock {padding-top: 20px;width: 100%; display: inline-block;}
.matrix {margin-top: 20px;}
.tisch #col3_content { margin-top: 10px; }
.full #col3_content { margin-top: 10px; }
#main #col1_content .downloadFile {overflow-x: auto;}
#bigpic { width: 100%; position: relative; display: inline-block;}
#ccm-layout-3328 table {width: 100%;}
#ccm-layout-3270 .zoomImage {display: inline-block; margin-bottom: 15px;}
#ccm-layout-3187 fieldset {text-align: left; margin: 0px auto !important;}
#ccm-layout-3117 .zoomImage {display: inline-block; margin-bottom: 15px;}
#ccm-layout-3271 .HTMLBlock {padding-bottom: 20px;}
#ccm-layout-3182 fieldset {text-align: left;}
.col1_content .ccm-layout-table .ccm-layout-col {text-align: left !important;}
img {max-width: 100%;height: auto;}
#footer .col1 .col1_content p {margin-bottom: 0px;}
#ccm-layout-3116 div div > p > img{float: none !important;max-width: 100%;height: auto;margin: 0px;width: auto;}
#col1_content table {width: 100%;display: table;overflow-x: auto;overflow-y: hidden;height: auto;position: relative;display: inline-block;}
#ccm-layout-3180 p img {margin-top: 10px;}
#footer .col1_content h3 img {margin: 10px auto !important; display: block;text-align: center;float: none !important;}
#ccm-layout-3180 img {    margin: 10px auto !important; display: block; text-align: center; float: none !important;}
#ccm-layout-3180 .subcolumns .float_right {float: none;}
.HTMLBlock iframe {width: 100% !important; }
#ccm-layout-3180  table {  display: inherit;}
#ccm-layout-12 table {  display: inherit;}
#col3_content .sideProduct {text-align: center;}
#ccm-layout-12 table tbody { min-width: 600px; display: table; }
#ccm-layout-3594 .ccm-layout-row-4,
#ccm-layout-3594 .ccm-layout-row-5,
#ccm-layout-3594 .ccm-layout-row-6,
#ccm-layout-3594 .ccm-layout-row-7 {display: none;}
#ccm-layout-2580 {padding-top: 15px;}
.ccm-layout-col-spacing {text-align: center;}
#ccm-layout-1792 {margin-top: 30px;}
#ccm-layout-wrapper-102850 {display: none;}
.ccm-layout-table .ccm-layout-col {float: none;}
#ccm-layout-wrapper-121493 .ccm-layout-table .ccm-layout-col,
#ccm-layout-wrapper-121482 .ccm-layout-table .ccm-layout-col,
#ccm-layout-86 .ccm-layout-col-spacing {text-align: center;}


}

@media (max-width: 582px) {

table.linientabelle {max-width: 421px; display: block !important;}
#ccm-layout-3180  tbody { min-width: 500px; display: table;}


}

@media (max-width: 491px) {

	#ccm-layout-1318 h1 { padding-top: 70px;}
	table.linientabelle {max-width: 351px;}

}
@media (max-width: 420px) {
	table.linientabelle {max-width: 302px;}
}

@media (max-width: 371px) {
	table.linientabelle {max-width: 281px;}
}

@media (max-width: 350px) {
	#col1_content table {display: inline-block;}
	table.linientabelle {max-width: 253px;}
}