/* @override 
	http://bau.natursteinroob.de/files/css/standard.css
	http://bau.natursteinroob.de/files/css/standard_2.css
	http://www.natursteinroob.de/files/css/standard_2.css */

#wrapper #menu {
   display: none;
}

#desk_log img {
    top: -61px;
}

#top {
    background-color: #e6e7e8;
}

#footer .mod_customnav {
    background: #d0cac8;
}
#footer .mod_customnav a {
    text-decoration: none;
    color: #777777;
    font-size: 13px;
    line-height: 20px;
    letter-spacing: 1px;
    text-transform: uppercase;
    border-bottom: 0px solid rgba(134, 135, 134, 0.53);
}

#desktop.mod_navigation ul{
	text-align: right;
	float: right;
}






.material a:before {
	font: 17px 'FontAwesome';
	content: "";
	position: absolute;
	bottom: 7%;
	opacity: 0;
	left: 4%;
	-webkit-transition:all .01s linear;  
	-moz-transition:all .01s linear;  
	-o-transition:all .01s linear;  
	transition:all .01s linear;
	color: white;
}

.material a:hover::before {
	opacity: .8;
	font-family:'FontAwesome';
    content: "";
	position: absolute;
	bottom: 7%;
	left: 4%;
	-webkit-transition:all .3s linear;  
	-moz-transition:all .3s linear;  
	-o-transition:all .3s linear;  
	transition:all .3s linear; 
}

a.lupe {
	opacity: 1;
	position: absolute;
	-webkit-transition:all .3s linear;  
	-moz-transition:all .3s linear;  
	-o-transition:all .3s linear;  
	transition:all .3s linear;
	width: 20px;
	height: 20px;
	display: block;
	color: white;
	text-decoration: none;
	right: 5px;
	top: 5px;
}

a.lupe::before {
	font-family:'FontAwesome';
    content: "";
	text-shadow: 0 1px 1px rgba(0, 0, 0, 0.43);
}

.slick-slide {
	position: relative;
}

#top {
	font: 14px 'Open Sans';
	font-weight: 400;
	color: black;
	background-color: white;
}

.panes {
	min-height: 300px;	
}

hr {
	border: 0;
	height: 1px;
	background-color: silver;
	margin: 15px 0 14px;
	padding: 0;
}

.tabs {
	box-sizing: border-box;
	font-weight: 800;
	text-transform: uppercase;
	color: white;
	font-size: 24px;
	padding: 10px;
	cursor: pointer;
	line-height: 28px;
	height: 65px;
}

.tab_1 {
	background-color: #fbedd9;
}

.tab_2 {
	background-color: #f5e3d6;
}

.tab_3 {
	background-color: #f0eee9;
}


.tabs.active {
	background: url(../images/sprite_roob.png) right top no-repeat;
	background: none,url(../images/sprite_roob.svg) right top no-repeat;
}


.tab_1:hover,
.tab_1.active,
.tab_1.init  {
	background-color: #f3d2a1!important;
}

.tab_2:hover,
.tab_2.active,
.tab_2.init  {
	background-color: #e5bb9c!important;
}

.tab_3:hover,
.tab_3.active,
.tab_3.init  {
	background-color: #d9d3c9!important;
}



/* material archiv */


#hideonaction {
	margin-bottom: -3px;
}

#hideonaction img {
	max-width:100%;
	height: ;
}

.moreinfo {
	position: absolute;
	top: 12px;
	right: 12px;
	display: block;
	text-indent: -5000px;
	background: url(../images/sprite_roob.png) -20px -200px no-repeat;
	background: none,url(../images/sprite_roob.svg) -20px -200px no-repeat;
	width: 12px;
	height: 15px;
}

.moreinfo:hover {
	background: url(../images/sprite_roob.png) -20px -300px no-repeat;
	background: none,url(../images/sprite_roob.svg) -20px -300px no-repeat;
}

.mod_roobmaterial .tabcontrol_panes,
.mod_roobmaterial .tabcontrol_tabs {
	float: left;
	width: 100%;
	position: relative;
}

.ce_tabcontrol_pane {
	position: relative;
}

.mod_roobmaterial .tabcontrol_tabs {
	margin-top: 37px;
}

.material {
	position: relative;
	height: auto;
	line-height: 0;
}

.material img {
	width: 100%;
	padding: 0!important;
	line-height: 0;
}

.heading {
	position: absolute;
	top: 0;
	left: 0;
	width: 100%;
	background-color: rgba(255, 255, 255, 0.7);
	padding: 12px 12px 5px;
	box-sizing: border-box;
}

.heading h2 {
	margin: 0;
	font-size: 16px;
	font-weight: 600;
	padding: 0;
	line-height: 12px;
}

.material p {
	margin: -2px 0 0;
	padding: 0;
}

.material p span {
	color: black;
	font-weight: 300;
	padding: 0;
	margin: 0;
}

@media (min-width:768px) {
	
	.material {
		width: 320px;
		float: left;
	}
	
	.third .tabs {
		width: 320px;
		float: left;
	}
	
}

@media (min-width:1400px) {

	.material {
		width: 393.3333px;
		float: left;
	}
	
	.third .tabs {
		width: 393.3333px;
		float: left;
	}
	
}

.mtab_1 {
	background-color: #fbefde;
}

.mtab_2 {
	background-color: #e0dad9;
}

.mtab_3 {
	background-color: #f2efeb;
}

.mtab_4 {
	background-color: #f6e7db;
}

.mtab_5 {
	background-color: #e4e5e5;
}

.mtab_6 {
	background-color: #e8ecf0;
}



.mtab_1:hover,
.mtab_1.active,
.mtab_1.init {
	background-color: #d6c99d!important;
}

.mtab_2:hover,
.mtab_2.active,
.mtab_2.init {
	background-color: #a99d99!important;
}

.mtab_3:hover,
.mtab_3.active,
.mtab_3.init {
	background-color: #d9d4ca!important;
}

.mtab_4:hover,
.mtab_4.active,
.mtab_4.init {
	background-color: #f3d2a0!important;
}

.mtab_5:hover,
.mtab_5.active,
.mtab_5.init {
	background-color: #b1b2b3!important;
}

.mtab_6:hover,
.mtab_6.active,
.mtab_6.init {
	background-color: #bfcbd5!important;
}


a.tabs {
	display: block;
	width: 100%;
	text-decoration: none;
}

a.tabs.trail,
a.tabs.active {
	background: url(../images/sprite_roob.png) right top no-repeat;
	background: none,url(../images/sprite_roob.svg) right top no-repeat;
}

a.tab_13,
a.tab_12 {
	background-color: #f2efeb!important;
}

a.tab_14,
a.tab_11 {
	background-color: #e8ecf0!important;
}

a.tab_13:hover,
a.tab_13.active,
a.tab_13.trail,
a.tab_12:hover,
a.tab_12.active,
a.tab_12.trail {
	background-color: #d9d4ca!important;
}

a.tab_14:hover,
a.tab_14.active,
a.tab_14.trail,
a.tab_11:hover,
a.tab_11.active,
a.tab_11.trail {
	background-color: #bfcbd5!important;
}



.tos-desktop .tos-wrapper.tos-fixed {
  background-color: rgba(255, 255, 255, 0.85)!important; }

.tos-uibg {
  background-image: none!important;
}
.tos-caption {
  color: black!important;
 }

.tos-wrapper .tos-caption {
  line-height: 20px;
  font-size: 15px;
  text-shadow: none!important;
 }
 
 .tos-pagination a {
   display: inline-block; }
 .tos-pagination.tos-bullets a {
   background-color: rgba(0, 0, 0, 0.2)!important; }
   .tos-pagination.tos-bullets a:hover {
     background-color: rgba(0, 0, 0, 0.5)!important; }
   .tos-pagination.tos-bullets a.tos-selected {
     background-color: rgba(0, 0, 0, 0.9)!important; }

.tos-prev span,
.tos-next span,
.tos-close span:before,
.tos-close span:after {
  top: 48%!important;
}
    
    
/*.bx-wrapper {
	position: relative;
	margin: 0 auto!important;
	padding: 0;
	*zoom: 1;
}


.bx-wrapper .bx-controls-direction a {
	position: absolute;
	top: 50%;
	margin-top: -16px;
	outline: 0;
	width: 42px!important;
	height: 31px!important;
	text-indent: -9999px;
	z-index: 9999;
}


.bx-wrapper .bx-prev {
	left: -10px!important;
	background: url(../images/sprite-01.png) -9px -14px no-repeat rgba(255, 255, 255, 0.5) !important;
	background: none, url(../images/sprite.svg) -9px -14px no-repeat rgba(255, 255, 255, 0.5) !important;
	border-top-right-radius: 4px;
	border-bottom-right-radius: 4px;
}

.bx-wrapper .bx-next {
	right: -10px!important;
	border-top-left-radius: 4px;
	border-bottom-left-radius: 4px;
	background: url(../images/sprite-01.png) -119px -14px no-repeat rgba(255, 255, 255, 0.5) !important;
	background: none, url(../images/sprite.svg) -119px -14px no-repeat rgba(255, 255, 255, 0.5) !important;
	
}

.bx-wrapper .bx-prev:hover {
	background-position: -9px -114px!important;
	background-color: rgba(255, 255, 255, 0.6) !important;
}

.bx-wrapper .bx-next:hover {
	background-position: -119px -114px!important;
	background-color: rgba(255, 255, 255, 0.6) !important;
}

a.bx-prev,
a.bx-next {
	cursor: pointer;
	-moz-box-shadow: 7px 7px 5px rgba(0, 0, 0, 0.4);
	box-shadow: 7px 7px 5px rgba(0, 0, 0, 0.4);
}

a.bx-next {
	cursor: pointer;
	-moz-box-shadow: -7px 7px 5px rgba(0, 0, 0, 0.4);
	box-shadow: -7px 7px 5px rgba(0, 0, 0, 0.4);
}

.bx-wrapper .bx-pager,
.bx-wrapper .bx-controls-auto {
	position: absolute;
	bottom: 0px!important;
	width: 99%!important;
}

/* PAGER *!/

.bx-wrapper .bx-pager {
	color: #666;
	padding-top: 0px!important;
	text-align: right!important;
	float: right;
	
}

.bx-wrapper .bx-pager .bx-pager-item {
	display: inline-block;
	*zoom: 1;
	*display: inline;
	
}

.bx-wrapper .bx-pager.bx-default-pager a {
	background: white!important;
	text-indent: 9999px!important;
	display: block;
	height: 15px!important;
	margin: 0 4px!important;
	outline: 0;
	-moz-border-radius: 0px!important;
	-webkit-border-radius: 0px!important;
	border-radius: 0px!important;
	width: 4px!important;
}

.bx-wrapper .bx-pager.bx-default-pager a:hover,
.bx-wrapper .bx-pager.bx-default-pager a.active {
	background: rgba(255, 255, 255, 0.5)!important;
}*/



/* slickslider roob */

/* see slick-theme_mod.css */

/* end slickslider roob */


#main p {
	font-size: 16px;
	line-height: 30px;
	color: #868786;
}

p.img_bu {
	font-size: 10px !important;
	line-height: 18px;
	color: white!important;
	position: absolute;
	bottom: 6px;
	margin-left: 20px;
	text-shadow: 1px 1px 2px rgba(0, 0, 0, .7);
	font-weight: 700;
	opacity: 1;
	margin-bottom: 0;
	padding-bottom: 0;
	text-transform: uppercase;
	letter-spacing: 1px;
}

#header p.img_bu {
	bottom: 10px;
}

#footer .mod_customnav a {
	text-decoration: none;
	color: #777777;
	font-size: 13px;
	line-height: 20px;
	letter-spacing: 1px;
	text-transform: uppercase;
	border-bottom: 1px solid rgba(134, 135, 134, 0.53);
	display: inline-block;
	min-width: 101px;
	padding-bottom: 5px;
	margin-bottom: 5px;
}


#footer .mod_customnav a:hover,
#footer .mod_customnav a.active {
	color: black;
}

#footer .mod_customnav a.last {
	border: 0;
}

.lines .ce_text.grid2 {
	background: url('../images/lines.png') repeat;
}

.ce_text.grid2 p {
	margin-top: 0;
	margin-bottom: 0;
}

.abstand {
	padding-left: 0;
	padding-top: 35px;
}

p a {
	text-decoration: none;
	color: gray;
}

p a:hover {
	color: black;
}



#container p a {
	color: black;
}

#container .greylink p a {
	color: #555555;
}

#container .greylink p a:hover {
	color: black;
}

#container p a:hover {
	color: gray;
}

.slick-dots li button {
	opacity: 0;	
}

@media (min-width:768px) {
	
	.slick-dots li button {
		opacity: 1;		
	}
	
	.abstand {
		padding-left: 32px;
		padding-top: 35px;
	}
	
	#produkte-uebersicht {
		margin-left: 20px;
		margin-right: -10px;
		margin-top: -10px;
	}

	.panes {
		position: relative;
		margin-top: -6px;
		padding-left: 10px;
	}
	
	.panes .ce_bxSlider {
		margin-top: 10px;
	}
	
	#footer .mod_customnav {
		background: url('../images/footer_img.png') left bottom no-repeat #ece9e7;
		text-align: right;
		margin-bottom: 26px;
		padding-right: 25px;
		padding-top: 20px;
	}
	
	
	
	#footer {
		padding-bottom: 150px;
	}

}

.tos-loading {
	background: url('../images/484.png') center center no-repeat;
}