/* [0] reset all styles from default browser preferences */
html, body, div, h1, h2, h3, h4, h5, h6, ul, ol, dl, li, dt, dd, p, blockquote, pre, form, fieldset, table, th, td { margin: 0; padding: 0; }
img { border: 0px; }

/* [1] HTML5 tags for IE */
header, section, footer, aside, nav, article, figure {display: block;}

/* [2] webfont-embedding*/
@font-face {
    font-family: 'fira_sans_regular';
    src: url('../fonts/FiraSansOT-Regular-webfont.eot');
    src: url('../fonts/FiraSansOT-Regular-webfont.eot?#iefix') format('embedded-opentype'),
         url('../fonts/FiraSansOT-Regular-webfont.woff') format('woff'),
         url('../fonts/FiraSansOT-Regular-webfont.ttf') format('truetype'),
         url('../fonts/FiraSansOT-Regular-webfont.svg#fira_sans_regular') format('svg');
    font-weight: normal;
    font-style: normal;
}
@font-face {
    font-family: 'fira_sans_otitalic';
    src: url('../fonts/FiraSansOT-RegularItalic-webfont.eot');
    src: url('../fonts/FiraSansOT-RegularItalic-webfont.eot?#iefix') format('embedded-opentype'),
         url('../fonts/FiraSansOT-RegularItalic-webfont.woff') format('woff'),
         url('../fonts/FiraSansOT-RegularItalic-webfont.ttf') format('truetype'),
         url('../fonts/FiraSansOT-RegularItalic-webfont.svg#fira_sans_otitalic') format('svg');
    font-weight: normal;
    font-style: normal;
}
@font-face {
    font-family: 'fira_sans_bold';
    src: url('../fonts/FiraSansOT-Bold-webfont.eot');
    src: url('../fonts/FiraSansOT-Bold-webfont.eot?#iefix') format('embedded-opentype'),
         url('../fonts/FiraSansOT-Bold-webfontwoff') format('woff'),
         url('../fonts/FiraSansOT-Bold-webfont.ttf') format('truetype'),
         url('../fonts/FiraSansOT-Bold-webfont.svg#fira_sans_bold') format('svg');
    font-weight: normal;
    font-style: normal;
}
body {
	margin: 0;
	padding: 0;
	text-rendering: optimizeLegibility;
	-webkit-font-smoothing: antialiased;
	font-family: 'fira_sans_regular',sans-serif;
	background-color: rgb(22,162,216);
}
#show-nav{
	display:none;
}
/* screens larger than 1024px */
#splash{
	position:absolute;
	display:block;
	width:100%;
	min-height:500px;
	left:0px;
	z-index:9999;
}
#splash img.cover{
	position: absolute;
	display:block;
	width:100%;
	height:auto;
	box-shadow: 0px 0px 30px black;
	background-color: rgb(255,255,255);
}
#splash img.splash-logo{
	position:absolute;
	display:block;
	z-index:2;
	left:50px;
	top:50px;
}
.splash-arrow{
	position:absolute;
	display:block;
	width:100px;
	height:50px;
	z-index:2;
	left:50%;
	margin-left:-50px;
	bottom:25%;
/*	top:50%;*/
/*	margin-top:-25px;*/
}
#splash-inner{
	position: absolute;
	display:block;
	width:100%;
	min-height:500px;
	height:auto;
	overflow:hidden;
}
#header-separator{
	position:relative;
	display:block;
	width:100%;
	height:30px;
	background-color: rgb(255,255,255);
}
/* text styles */
p{
	font: 16px 'fira_sans_regular',sans-serif;
	font-weight:normal;
	color: rgb(0,0,0);
}
.text-set{
	font-size:12px;
	line-height:1.5em;
}
b, strong{
	font-family: 'fira_sans_bold',sans-serif;
	font-weight:normal;
}
h1{
	font: 22px 'fira_sans_regular',sans-serif;
	font-weight:bolder;
}
h2{
	font: 22px 'fira_sans_regular',sans-serif;
	font-weight:normal;
}
h3{
	font: 18px 'fira_sans_regular',sans-serif;
	font-weight:normal;
}
a{
	color:rgb(22,162,216);/*inherit;*/
	text-decoration: none;	
}
a:hover{
	text-decoration: underline;
}
/* colors */
.black {
	color: rgb(0,0,0);
}
.white{
	color: rgb(255,255,255);
}
.blue{
	color: rgb(22,162,216);
}

ul.bluedot{list-style-image: url("/images/dot-blue.png"); list-style-position: outside; padding: 10px;}

/* site elements */
#top{
	position:relative;
	display:inline-block;
	width:100%;
}
header{
	position:relative;
	display:block;
	font-size: 25px;
	height: 100px;
	width:100%;
	background: rgb(255,255,255);
	z-index:1;
}
header img{
	margin-top:20px;
	margin-left:50px;
}
#nav-l{
	position:absolute;
	display:block;
	width:75%;
	height:50px;
	top:50px;
	right:0px;
}
#nav-l ul{
	position: absolute;
	display: block;
	list-style-type: none;
	right: 20px;
}
#nav-l ul li{
	position:relative;
	display:block;
	float:left;
	height:50px;
	margin-left:10px;
	margin-right:10px;
	color:rgb(0,0,0);
}
.nav-image{
	width:24px;
	height:auto;
	margin:0px;
	padding-top:2px;
}
#nav-l ul li a, #nav-s ul li a{
	position:relative;
	display:inline-block;
	color: inherit;
	font: 15px 'fira_sans_regular',sans-serif;
	text-decoration: none;
}
#nav-l ul li a:hover, #nav-l ul li.active, #nav-s ul li a:hover, #nav-s ul li.active{
	color: rgb(22,162,216);
}
.settings{
	position:relative;
	display:block;
	width:25px;
	height:25px;
	background: url('../images/settings-icon-s.png') 0px 0px no-repeat;
	cursor:pointer;
	overflow:hidden;
	margin-top:5px;
}
.settings-s{
	position:relative;
	display:block;
	width:25px;
	height:25px;
	background: url('../images/settings-icon-s.png') 0px 0px no-repeat;
	cursor:pointer;
	overflow:hidden;
	margin-top:-5px;
}
.settings-text{
	display:none;
}
.settings:hover, .settings-s:hover{
	background-position: -25px 0px;
}
#settings-container{
	position:fixed;
	display:none;
	width:300px;
	height:180px;
	background:rgb(255,255,255);
	left:50%;
	top:50%;
	margin-left:-150px;
	margin-top:-90px;
	z-index:99;
	-webkit-box-shadow: 0px 0px 25px 5px rgba(0,0,0,0.5);
	-moz-box-shadow: 0px 0px 25px 5px rgba(0,0,0,0.5);
	box-shadow: 0px 0px 25px 5px rgba(0,0,0,0.5);
}
.settings-inner{
	width:280px;
	height:260px;
	margin:10px;
}
.settings-close{
	position:relative;
	display:block;
	float:right;
	width:25px;
	height:25px;
	cursor:pointer;
}
.settings-close img{
	width:25px;
	height:25px;
	margin:0px;
}
#settings-container-bg{
	position:fixed;
	display:none;
	width:100%;
	height:100%;
	background:rgba(0,0,0,0.5);
	z-index:9998;
}
#header-small{
	position: fixed;
	display:block;
	height: 50px; 
	width: 100%;
	text-align: left;
	z-index:9999;
	top:0px;
	background:rgb(255,255,255);
	opacity:0;
}
#header-small img{
	margin-left:30px;
	margin-top:2px;
}
#nav-s{
	position:absolute;
	display:block;
	width:75%;
	height:50px;
	top:15px;
	right:0px;
}
#nav-s ul{
	position:absolute;
	display:block;
	list-style-type: none;
	right:20px;
}
#nav-s ul li{
	position:relative;
	display:block;
	float:left;
	height:50px;
	margin-left:10px;
	margin-right:10px;
	color:rgb(0,0,0);
}
.fade{
	-webkit-transition: opacity linear 0.4s;
    -moz-transition: opacity linear 0.4s;
    -o-transition: opacity linear 0.4s;
    transition: opacity linear 0.4s;
    opacity: 1 !important;
}
.prefade{
	opacity:0;
}
/* Currency Dropdown */
.select_currency{
	width:280px;
	margin-bottom:10px;
}
.select_units{
	width:280px;
	margin-bottom:10px;
}



/* image gallery */
#gallery{
	position:relative;
	display:block;
	width:100%;
	height:700px;
	background-color: rgb(22,162,216);
	z-index:0;
	overflow:hidden;
}
#gallery-images{
	position:absolute;
	display:inline-block;
	width:100%;
	height:100%;
	cursor: pointer;
}
.gallery-image{
	width:100%;
	height:auto;
}
#gallery-nav{
	position:absolute;
	display:block;
	width:50%;
	height:30px;
	bottom:0px;
	right:0px;
	background:rgb(22,162,216);
	z-index:1;
}
.gallery-bubbles{
	position:relative;
	display:block;
	float:left;
	height:30px;
}
.gallery-bubble{
	position:relative;
	display:block;
	float:left;
	width:16px;
	height:16px;
	-moz-border-radius: 8px;
	border-radius: 8px;
	-moz-box-sizing:    border-box;
	-webkit-box-sizing: border-box;
	box-sizing:        border-box;
	border:2px solid rgba(255,255,255,1);
	margin-left:8px;
	margin-right:8px;
	margin-top:7px;
	cursor:pointer;
}
.gallery-play{
	position:relative;
	display:block;
	float:left;
	width:16px;
	height:16px;
	margin-left:8px;
	margin-right:8px;
	margin-top:7px;
	cursor:pointer;
	background-image:url('../images/play.png');
	background-repeat: no-repeat;
	background-position: top right;
}
.gallery-bubble-active, .gallery-bubble:hover{
	background-color: rgb(255,255,255);
	border:0px;
	cursor:pointer;
}
.image-shown{
	display:inline-block;
	position: absolute;
	left:0;
}
.image-hidden{
	display:none;
	position: absolute;
	left:0;
}

/* sections */
#about, #workwalls, #accessories, #crates, #consulting, #hiring, #contact{
	position:relative;
	display:block;
	width:100%;
	height:700px;
	background-color: rgb(255,255,255);
}
/* */
.section-header{
	position:relative;
	display:block;
	width:100%;
	height:100px;
	background-color: rgb(22,162,216);
	color:rgb(255,255,255);
}
.section-header-small{
	position:relative;
	display:block;
	width:100%;
	height:75px;
	background-color: rgb(22,162,216);
	color:rgb(255,255,255);
}
.section-header-content{
	position:absolute;
	display:block;
	width:1200px;
	left:50%;
	margin-left:-600px;
	margin-top:30px;
}
.section-header-nav{
	position:relative;
	display:block;
	width:100%;
}
.section-header-nav ul{
	position:relative;
	display:inline-block;
	list-style-type: none;
}
.section-header-nav ul li{
	position:relative;
	display:inline-block;
	float:left;
	margin-right:40px;
	margin-top:10px;
	cursor: pointer;
	color:rgb(255,255,255);
	font: 15px 'fira_sans_regular',sans-serif;
	-moz-box-sizing:    border-box;
	-webkit-box-sizing: border-box;
	box-sizing:        border-box;
	padding:15px;
	padding-top:5px;
}
.section-header-nav ul li:hover, .section-header-nav ul li.current{
/*	border-bottom: 15px solid rgb(255,255,255);*/
	color:rgb(22,162,216);
	background-color:rgb(255,255,255);
	padding:15px;
	padding-top:5px;
}

.section-content{
	position:absolute;
	display:block;
	width:1200px;
	height:555px;
	left:50%;
	margin-left:-600px;
	overflow:hidden;
}

.textblock{
	margin-top:50px;
}

.section-content-tabs{
	position:absolute;
	display:block;
	left:0px;
	height:550px;
}
.section-content-tab{
	position:relative;
	display:block;
	width:1200px;
	height:470px;
	margin:0px;
	padding-top:20px;
	float:left;
}
.tab-slides{
	position:relative;
	display:block;
	width:1200px;
	height:470px;
	margin:0px;
	clear:both;
}
.tab-slide{
	position:relative;
	display:block;
	width:1200px;
	height:470px;
	margin:0px;
}
.tab-half-left{
	position:relative;
	display:block;
	width:595px;
	height:470px;
	float:left;
	margin-right:10px;
}
.tab-half-right{
	position:relative;
	display:block;
	width:595px;
	height:470px;
	float:left;
}
.tab-half-right img{
	width:100%;
	height:auto;
}
.tab-data{
	position:relative;
	display:block;
	width:290px;
	height:470px;
	float:left;
	margin-right:20px;
}
.tab-data-right{
	float:right;
}
.tab-image{
	position:relative;
	display:block;
	width:890px;
	height:470px;
	float:left;
	cursor:pointer;
}
.tab-image img{
	width:100%;
	height:auto;
}
.tab-image-caption{
	position:absolute;
	display:block;
	height:25px;
	bottom:-5px;
	right:0px;
	text-align:right;
	z-index: 2;
	padding:2px;
/*	margin:5px;*/
	background-color:rgb(255,255,255);
}
.tab-video{
	position:relative;
	display:block;
	width:890px;
	height:470px;
	float:left;
	cursor:pointer;
}
.tab-video img{
	width:100%;
	height:auto;
}
.tab-video-caption{
	position:absolute;
	display:block;
	height:25px;
	bottom:-5px;
	right:0px;
	text-align:right;
	z-index: 2;
	padding:2px;
/*	margin:5px;*/
	background-color:rgb(255,255,255);
}
.tab-slide-nav{
	position:relative;
	display:block;
	width:500px;
	height:30px;
	/*margin-top:15px;*/
	/*float:left;*/
}
.tab-slide-download{
	position:absolute;
	display:block;
	width:240px;
	height:30px;
	left:0px;
	bottom:0px;
	color:rgb(22,162,216);
	z-index:2;
}
.tab-slide-download img{
	float:left;
	margin-right:10px;
	margin-top:-5px;
}
.tab-slide-shown{
	display:inline-block;
	position:absolute;
	left:0px;
}
.tab-slide-hidden{
	display:none;
	position:absolute;
	left:0px;
}
.tab-text{
	position:relative;
	font-size:11px;
	color:rgb(22,162,216);
}
.tab-bubble{
	position:relative;
	display:block;
	float:left;
	width:14px;
	height:14px;
	-moz-border-radius: 7px;
	border-radius: 7px;
	-moz-box-sizing:    border-box;
	-webkit-box-sizing: border-box;
	box-sizing:        border-box;
	border:2px solid rgba(22,162,216,1);
	margin-right:14px;
	cursor:pointer;
}
.tab-bubble-active, .tab-bubble:hover{
	background-color: rgb(22,162,216);
	border:0px;
	cursor:pointer;
}
.next, .prev{
	float:left;
	margin-right:5px;
	cursor:pointer;
}
/* contact */
.contact-right{
	position:absolute;
	left:75px;
}
.contact-right2{
	position:absolute;
	left:125px;
}
.textblock-left{
	position:relative;
	display:block;
	width:590px;
	margin-right:20px;
	float:left;
}
.textblock-right{
	position:relative;
	display:block;
	width:590px;
	float:left;	
}
/* */
.clearall{
	clear:both;
}

/* quotes */
.quote-container{
	position:relative;
	display:block;
	width:100%;
	height:300px;
	overflow:hidden;
}
.quote-content{
	position:absolute;
	display:block;
	width:50%;
	right:0px;
	margin-top:75px;
	background-color: rgba(255,255,255,0.75);
}
.quote-bg{
	width:100%;
	height:auto;
	margin-top:-125px;
}
.quote{
	margin:20px;
	color: rgb(0,0,0);
	font: 15px 'fira_sans_otitalic',sans-serif;
	font-weight:normal;
}
.quote-person{
	color: rgb(0,0,0);
	font: 15px 'fira_sans_regular',sans-serif;
	font-weight:normal;
}

/* separators */
.white-25-l{
	position:absolute;
	display:block;
	top:100px;
	width:25%;
	height:30px;
	background:rgb(255,255,255);
}
.white-50{
	position:absolute;
	display:block;
	bottom:-30px;
	width:50%;
	height:30px;
	background:rgb(255,255,255);
	z-index:1;
}
.white50-top{
	position:absolute;
	display:block;
	top:0px;
	width:50%;
	height:30px;
	background:rgb(255,255,255);
	z-index:1;
}
.white50-bottom{
	position:absolute;
	display:block;
	bottom:0px;
	width:50%;
	right:0px;
	height:30px;
	background:rgb(255,255,255);
	z-index:1;
}
.blue50-top{
	position:absolute;
	display:block;
	top:0px;
	width:50%;
	height:30px;
	background:rgb(22,162,216);
	z-index:1;
}
.blue50-bottom{
	position:absolute;
	display:block;
	bottom:0px;
	width:50%;
	right:0px;
	height:30px;
	background:rgb(22,162,216);
	z-index:1;
}
.blue25-bottom{
	position:absolute;
	display:block;
	bottom:0px;
	width:25%;
	right:0px;
	height:30px;
	background:rgb(22,162,216);
	z-index:1;
}


/* footer */
footer{
	position:relative;
	display:block;
	width:100%;
	height:50px;
	background-color: rgb(22,162,216);
	padding-bottom:50px;
	text-align: right;
}
footer p{
	padding:20px;
}
footer a{
	color: rgb(255,255,255);
}

/* imprint */
#imprint{
	position:absolute;
	display:none;
	width:100%;
	height:600px;
	background-color: rgb(255,255,255);
}
.imprint-headline{
	position:relative;
	display:block;
	width:1200px;
	height:30px;
	left:50%;
	margin-left:-600px;
	margin-top:30px;
	margin-bottom:30px;
}
.imprint-headline h2{
	float:left;
}
.imprint-close{
	float:right;
}
.imprint-content{
	position:relative;
	display:block;
	width:1200px;
	height:570px;
	left:50%;
	margin-left:-600px;
	margin-bottom:30px;
}
#currencies, .curr-item{
	display:none;
}
/* screen width 1024px */
@media only screen and (min-width: 980px) and (max-width: 1279px) {
#show-nav{
	display:none;
}
#splash{
	position:absolute;
	display:block;
	width:100%;
	min-height:500px;
	left:0px;
	z-index:9999;
}
#splash img.cover{
	position: absolute;
	display:block;
	width:100%;
	height:auto;
	box-shadow: 0px 0px 30px black;
	background-color: rgb(255,255,255);
}
#splash img.splash-logo{
	position:absolute;
	display:block;
	z-index:2;
	left:30px;
	top:30px;
}
.splash-arrow{
	position:absolute;
	display:block;
	width:100px;
	height:50px;
	z-index:2;
	left:50%;
	margin-left:-50px;
	bottom:25%;
}
#splash-inner{
	position: absolute;
	display:block;
	width:100%;
	min-height:500px;
	height:auto;
	overflow:hidden;
}
#header-separator{
	position:relative;
	display:block;
	width:100%;
	height:30px;
	background-color: rgb(255,255,255);
}
/* text styles */
p{
	font: 14px 'fira_sans_regular',sans-serif;
	font-weight:normal;
}
b, strong{
	font-family: 'fira_sans_bold',sans-serif;
	font-weight:normal;
}
h1{
	font: 20px 'fira_sans_regular',sans-serif;
	font-weight:bolder;
}
h2{
	font: 20px 'fira_sans_regular',sans-serif;
	font-weight:normal;
}
h3{
	font: 16px 'fira_sans_regular',sans-serif;
	font-weight:normal;
}
a{
	color:rgb(22,162,216);/*inherit;*/
	text-decoration: none;	
}
a:hover{
	text-decoration: underline;
}
/* colors */
.black {
	color: rgb(0,0,0);
}
.white{
	color: rgb(255,255,255);
}
.blue{
	color: rgb(22,162,216);
}

/* site elements */
#top{
	position:relative;
	display:inline-block;
	width:100%;
}
header{
	position:relative;
	display:block;
	font-size: 25px;
	height: 100px;
	width:100%;
	background: rgb(255,255,255);
	z-index:999;
}
header img{
	margin-top:20px;
	margin-left:50px;
}
.settings-close{
	position:relative;
	display:block;
	float:right;
	width:25px;
	height:25px;
	cursor:pointer;
}
.settings-close img{
	width:25px;
	height:25px;
	margin:0px;
}
#nav-l{
	position:absolute;
	display:block;
	width:75%;
	height:50px;
	top:50px;
	right:0px;
}
#nav-l ul{
	position:absolute;
	display:block;
	list-style-type: none;
	right:20px;
}
#nav-l ul li{
	position:relative;
	display:block;
	float:left;
	height:50px;
	margin-left:10px;
	margin-right:10px;
	color:rgb(0,0,0);
}
#nav-l ul li a, #nav-s ul li a{
	position:relative;
	display:inline-block;
	color: inherit;
	font: 15px 'fira_sans_regular',sans-serif;
	text-decoration: none;
}
#nav-l ul li a:hover, #nav-l ul li.active, #nav-s ul li a:hover, #nav-s ul li.active{
	color: rgb(22,162,216);
}
#header-small{
	position: fixed;
	display:block;
	height: 50px; 
	width: 100%;
	text-align: left;
	z-index:9999;
	top:0px;
	background:rgb(255,255,255);
	opacity:0;
}
#header-small img{
	margin-left:30px;
	margin-top:2px;
}
#nav-s{
	position:absolute;
	display:block;
	width:75%;
	height:50px;
	top:15px;
	right:0px;
}
#nav-s ul{
	position:absolute;
	display:block;
	list-style-type: none;
	right:20px;
}
#nav-s ul li{
	position:relative;
	display:block;
	float:left;
	height:50px;
	margin-left:10px;
	margin-right:10px;
	color:rgb(0,0,0);
}
.fade{
	-webkit-transition: opacity linear 0.4s;
    -moz-transition: opacity linear 0.4s;
    -o-transition: opacity linear 0.4s;
    transition: opacity linear 0.4s;
    opacity: 1 !important;
}
.prefade{
	opacity:0;
}
/* Currency Dropdown */
#nav-l ul li.dd{
	margin-left:10px;
	margin-right:10px;
}
#nav-s ul li.dd{
	margin-left:10px;
	margin-right:10px;
}
.select_currency{
	width:280px;
}
.select_units{
	width:280px;
}
/* image gallery */
#gallery{
	position:relative;
	display:block;
	width:100%;
	height:500px;
	background-color: rgb(22,162,216);
	z-index:0;
	overflow:hidden;
}
#gallery-images{
	position:absolute;
	display:inline-block;
	width:100%;
	height:100%;
	cursor: pointer;
}
.gallery-image{
	width:100%;
	height:auto;
}
#gallery-nav{
	position:absolute;
	display:block;
	width:50%;
	height:30px;
	bottom:0px;
	right:0px;
	background:rgb(22,162,216);
	z-index:1;
}
.gallery-bubble{
	position:relative;
	display:block;
	float:left;
	width:16px;
	height:16px;
	-moz-border-radius: 8px;
	border-radius: 8px;
	-moz-box-sizing:    border-box;
	-webkit-box-sizing: border-box;
	box-sizing:        border-box;
	border:2px solid rgba(255,255,255,1);
	margin-left:8px;
	margin-right:8px;
	margin-top:7px;
	cursor:pointer;
}
.gallery-bubble-active, .gallery-bubble:hover{
	background-color: rgb(255,255,255);
	border:0px;
	cursor:pointer;
}
.image-shown{
	display:inline-block;
	position: absolute;
	left:0;
}
.image-hidden{
	display:none;
	position: absolute;
	left:0;
}

/* sections */
#workwalls, #accessories, #crates, #consulting, #hiring{
	position:relative;
	display:block;
	width:100%;
	height:550px;
	background-color: rgb(255,255,255);
}
#about{
	position:relative;
	display:block;
	width:100%;
	height:600px;
	background-color: rgb(255,255,255);
}
#contact{
	position:relative;
	display:block;
	width:100%;
	height:700px;
	background-color: rgb(255,255,255);
}
/* */
.section-header{
	position:relative;
	display:block;
	width:100%;
	height:100px;
	background-color: rgb(22,162,216);
	color:rgb(255,255,255);
}
.section-header-small{
	position:relative;
	display:block;
	width:100%;
	height:75px;
	background-color: rgb(22,162,216);
	color:rgb(255,255,255);
}
.section-header-content{
	position:absolute;
	display:block;
	width:960px;
	left:50%;
	margin-left:-480px;
	margin-top:30px;
}
.section-header-nav{
	position:relative;
	display:block;
	width:100%;
}
.section-header-nav ul{
	position:relative;
	display:inline-block;
	list-style-type: none;
}
.section-header-nav ul li{
	position:relative;
	display:inline-block;
	float:left;
	margin-right:40px;
	cursor: pointer;
	color:rgb(255,255,255);
	font: 15px 'fira_sans_regular',sans-serif;
	-moz-box-sizing:    border-box;
	-webkit-box-sizing: border-box;
	box-sizing:        border-box;
	padding:15px;
	padding-top:5px;
}
.section-header-nav ul li:hover, .section-header-nav ul li.current{
/*	border-bottom: 15px solid rgb(255,255,255);*/
	color:rgb(22,162,216);
	background-color:rgb(255,255,255);
	padding:15px;
	padding-top:5px;
}

.section-content{
	position:absolute;
	display:block;
	width:960px;
	height:450px;
	left:50%;
	margin-left:-480px;
	overflow:hidden;
}
#contact div.section-content{
	position:absolute;
	display:block;
	width:960px;
	height:550px;
	left:50%;
	margin-left:-480px;
	overflow:hidden;
}
.textblock{
	margin-top:50px;
}
.section-content-tabs{
	position:absolute;
	display:block;
	left:0px;
}
.section-content-tab{
	position:relative;
	display:block;
	width:960px;
	height:450px;
	margin:0px;
	padding-top:20px;
	float:left;
}
.tab-slides{
	position:relative;
	display:block;
	width:960px;
	height:350px;
	margin:0px;
	clear:both;
}
.tab-slide{
	position:relative;
	display:block;
	width:960px;
	height:350px;
	margin:0px;
}
.tab-half-left{
	position:relative;
	display:block;
	width:470px;
	height:350px;
	float:left;
	margin-right:10px;
}
.tab-half-right{
	position:relative;
	display:block;
	width:470px;
	height:350px;
	float:left;
}
.tab-data{
	position:relative;
	display:block;
	width:290px;
	height:350px;
	float:left;
	margin-right:20px;
}
.tab-data-right{
	float:right;
}
.tab-image{
	position:relative;
	display:block;
	width:650px;
	height:350px;
	float:left;
	cursor:pointer;
}
.tab-image-caption{
	position:absolute;
	display:block;
	height:25px;
	bottom:-5px;
	right:0px;
	text-align:right;
	z-index: 2;
	padding:2px;
/*	margin:5px;*/
	background-color:rgb(255,255,255);
}
.tab-video{
	position:relative;
	display:block;
	width:650px;
	height:350px;
	float:left;
	cursor:pointer;
}
.tab-video-caption{
	position:absolute;
	display:block;
	height:25px;
	bottom:-5px;
	right:0px;
	text-align:right;
	z-index: 2;
	padding:2px;
/*	margin:5px;*/
	background-color:rgb(255,255,255);
}
.tab-slide-nav{
	position:relative;
	display:block;
	width:500px;
	height:30px;
	/*margin-top:15px;*/
	/*float:left;*/
}
.tab-slide-download{
	position:absolute;
	display:block;
	width:240px;
	height:30px;
	left:0px;
	bottom:0px;
	color:rgb(22,162,216);
	z-index:2;
}
.tab-slide-download img{
	float:left;
	margin-right:10px;
	margin-top:-5px;
}
.tab-slide-shown{
	display:inline-block;
	position:absolute;
	left:0px;
}
.tab-slide-hidden{
	display:none;
	position:absolute;
	left:0px;
}
.tab-text{
	position:relative;
	font-size:11px;
	color:rgb(22,162,216);
}
.tab-bubble{
	position:relative;
	display:block;
	float:left;
	width:14px;
	height:14px;
	-moz-border-radius: 7px;
	border-radius: 7px;
	-moz-box-sizing:    border-box;
	-webkit-box-sizing: border-box;
	box-sizing:        border-box;
	border:2px solid rgba(22,162,216,1);
	margin-right:14px;
	cursor:pointer;
}
.tab-bubble-active, .tab-bubble:hover{
	background-color: rgb(22,162,216);
	border:0px;
	cursor:pointer;
}
.next, .prev{
	float:left;
	margin-right:5px;
	cursor:pointer;
}
/* contact */
.contact-right{
	position:absolute;
	left:75px;
}
.contact-right2{
	position:absolute;
	left:125px;
}
.textblock-left{
	position:relative;
	display:block;
	width:470px;
	margin-right:20px;
	float:left;
}
.textblock-right{
	position:relative;
	display:block;
	width:470px;
	float:left;	
}
/* */
.clearall{
	clear:both;
}

/* quotes */
.quote-container{
	position:relative;
	display:block;
	width:100%;
	height:300px;
	overflow:hidden;
}
.quote-content{
	position:absolute;
	display:block;
	width:50%;
	right:0px;
	margin-top:60px;
	background-color: rgba(255,255,255,0.75);
}
.quote-bg{
	width:100%;
	height:auto;
	margin-top:-125px;
}
.quote{
	margin:20px;
	color: rgb(0,0,0);
	font: 15px 'fira_sans_otitalic',sans-serif;
	font-weight:normal;
}
.quote-person{
	color: rgb(0,0,0);
	font: 15px 'fira_sans_regular',sans-serif;
	font-weight:normal;
}

/* separators */
.white-25-l{
	position:absolute;
	display:block;
	top:100px;
	width:25%;
	height:30px;
	background:rgb(255,255,255);
}
.white-50{
	position:absolute;
	display:block;
	bottom:-30px;
	width:50%;
	height:30px;
	background:rgb(255,255,255);
	z-index:1;
}
.white50-top{
	position:absolute;
	display:block;
	top:0px;
	width:50%;
	height:30px;
	background:rgb(255,255,255);
	z-index:1;
}
.white50-bottom{
	position:absolute;
	display:block;
	bottom:0px;
	width:50%;
	right:0px;
	height:30px;
	background:rgb(255,255,255);
	z-index:1;
}
.blue50-top{
	position:absolute;
	display:block;
	top:0px;
	width:50%;
	height:30px;
	background:rgb(22,162,216);
	z-index:1;
}
.blue50-bottom{
	position:absolute;
	display:block;
	bottom:0px;
	width:50%;
	right:0px;
	height:30px;
	background:rgb(22,162,216);
	z-index:1;
}
.blue25-bottom{
	position:absolute;
	display:block;
	bottom:0px;
	width:25%;
	right:0px;
	height:30px;
	background:rgb(22,162,216);
	z-index:1;
}


/* footer */
footer{
	position:relative;
	display:block;
	width:100%;
	height:50px;
	background-color: rgb(22,162,216);
	padding-bottom:50px;
	text-align: right;
}
footer p{
	padding:20px;
}

/* imprint */
#imprint{
	position:absolute;
	display:none;
	width:100%;
	height:600px;
	background-color: rgb(255,255,255);
}
.imprint-headline{
	position:relative;
	display:block;
	width:960px;
	height:30px;
	left:50%;
	margin-left:-480px;
	margin-top:30px;
	margin-bottom:30px;
}
.imprint-headline h2{
	float:left;
}
.imprint-close{
	float:right;
}
.imprint-content{
	position:relative;
	display:block;
	width:960px;
	height:300px;
	left:50%;
	margin-left:-480px;
	margin-bottom:30px;
}
}
/* screen  width around 800px */
@media only screen and (min-width: 650px) and (max-width: 979px) {
#show-nav{
	display:none;
}
#splash{
	position:absolute;
	display:block;
	width:100%;
	min-height:500px;
	left:0px;
	z-index:9999;
}
#splash img.cover{
	position: absolute;
	display:block;
	width:100%;
	height:auto;
	box-shadow: 0px 0px 30px black;
	background-color: rgb(255,255,255);
}
#splash img.splash-logo{
	position:absolute;
	display:block;
	z-index:2;
	left:30px;
	top:30px;
}
.splash-arrow{
	position:absolute;
	display:block;
	width:100px;
	height:50px;
	z-index:2;
	left:50%;
	margin-left:-50px;
	bottom:25%;
}
#splash-inner{
	position: absolute;
	display:block;
	width:100%;
	min-height:500px;
	height:auto;
	overflow:hidden;
}
#header-separator{
	position:relative;
	display:block;
	width:100%;
	height:30px;
	background-color: rgb(255,255,255);
}
/* text styles */
p{
	font: 14px 'fira_sans_regular',sans-serif;
	font-weight:normal;
}
b, strong{
	font-family: 'fira_sans_bold',sans-serif;
	font-weight:normal;
}
h1{
	font: 20px 'fira_sans_regular',sans-serif;
	font-weight:bolder;
}
h2{
	font: 20px 'fira_sans_regular',sans-serif;
	font-weight:normal;
}
h3{
	font: 16px 'fira_sans_regular',sans-serif;
	font-weight:normal;
}
a{
	color:rgb(22,162,216);/*inherit;*/
	text-decoration: none;	
}
a:hover{
	text-decoration: underline;
}
/* colors */
.black {
	color: rgb(0,0,0);
}
.white{
	color: rgb(255,255,255);
}
.blue{
	color: rgb(22,162,216);
}

/* site elements */
#top{
	position:relative;
	display:inline-block;
	width:100%;
}
header{
	position:relative;
	display:block;
	font-size: 25px;
	height: 100px;
	width:100%;
	background: rgb(255,255,255);
	z-index:999;
}
header img{
	margin-top:10px;
	margin-left:30px;
	width:106px;
	margin-right:20px;
	float:left;
}
.settings-close{
	position:relative;
	display:block;
	float:right;
	width:25px;
	height:25px;
	cursor:pointer;
}
.settings-close img{
	width:25px;
	height:25px;
	margin:0px;
}
#nav-l{
	position:absolute;
	display:block;
	width:750px;
	height:50px;
	top:50px;
	right:0px;
}
#nav-l ul{
	position:absolute;
	display:block;
	list-style-type: none;
	right:20px;
}
#nav-l ul li{
	position:relative;
	display:block;
	float:left;
	height:50px;
	margin-left:5px;
	margin-right:5px;
	color:rgb(0,0,0);
}
#nav-l ul li a, #nav-s ul li a{
	position:relative;
	display:inline-block;
	color: inherit;
	font: 15px 'fira_sans_regular',sans-serif;
	text-decoration: none;
}
#nav-l ul li a:hover, #nav-l ul li.active, #nav-s ul li a:hover, #nav-s ul li.active{
	color: rgb(22,162,216);
}
#header-small{
	position: fixed;
	display:block;
	height: 50px; 
	width: 100%;
	text-align: left;
	z-index:9999;
	top:0px;
	background:rgb(255,255,255);
	opacity:0;
}
#header-small img{
	margin-left:30px;
	margin-top:2px;
}
#nav-s{
	position:absolute;
	display:block;
	width:750px;
	height:50px;
	top:15px;
	right:0px;
}
#nav-s ul{
	position:absolute;
	display:block;
	list-style-type: none;
	right:20px;
}
#nav-s ul li{
	position:relative;
	display:block;
	float:left;
	height:50px;
	margin-left:5px;
	margin-right:5px;
	color:rgb(0,0,0);
}
.fade{
	-webkit-transition: opacity linear 0.4s;
    -moz-transition: opacity linear 0.4s;
    -o-transition: opacity linear 0.4s;
    transition: opacity linear 0.4s;
    opacity: 1 !important;
}
.prefade{
	opacity:0;
}
/* Currency Dropdown */
#nav-l ul li.dd{
	margin-left:10px;
	margin-right:10px;
}
#nav-s ul li.dd{
	margin-left:10px;
	margin-right:10px;
}
.select_currency{
	width:280px;
}
.select_units{
	width:280px;
}
/* image gallery */
#gallery{
	position:relative;
	display:block;
	width:100%;
	height:450px;
	background-color: rgb(22,162,216);
	z-index:0;
	overflow:hidden;
}
#gallery-images{
	position:absolute;
	display:inline-block;
	width:100%;
	height:100%;
	cursor: pointer;
}
.gallery-image{
	width:100%;
	height:auto;
}
#gallery-nav{
	position:absolute;
	display:block;
	width:50%;
	height:30px;
	bottom:0px;
	right:0px;
	background:rgb(22,162,216);
	z-index:1;
}
.gallery-bubble{
	position:relative;
	display:block;
	float:left;
	width:16px;
	height:16px;
	-moz-border-radius: 8px;
	border-radius: 8px;
	-moz-box-sizing:    border-box;
	-webkit-box-sizing: border-box;
	box-sizing:        border-box;
	border:2px solid rgba(255,255,255,1);
	margin-left:8px;
	margin-right:8px;
	margin-top:7px;
	cursor:pointer;
}
.gallery-bubble-active, .gallery-bubble:hover{
	background-color: rgb(255,255,255);
	border:0px;
	cursor:pointer;
}
.image-shown{
	display:inline-block;
	position: absolute;
	left:0;
}
.image-hidden{
	display:none;
	position: absolute;
	left:0;
}

/* sections */
#about, #workwalls, #accessories, #crates{
	position:relative;
	display:block;
	width:100%;
	height:830px;
	background-color: rgb(255,255,255);
}
#consulting, #hiring, #contact{
	position:relative;
	display:block;
	width:100%;
	height:670px;
	background-color: rgb(255,255,255);
}
/* */
.section-header{
	position:relative;
	display:block;
	width:100%;
	height:100px;
	background-color: rgb(22,162,216);
	color:rgb(255,255,255);
}
.section-header-small{
	position:relative;
	display:block;
	width:100%;
	height:75px;
	background-color: rgb(22,162,216);
	color:rgb(255,255,255);
}
.section-header-content{
	position:absolute;
	display:block;
	width:750px;
	left:50%;
	margin-left:-375px;
	margin-top:30px;
}
.section-header-nav{
	position:relative;
	display:block;
	width:100%;
}
.section-header-nav ul{
	position:relative;
	display:inline-block;
	list-style-type: none;
}
.section-header-nav ul li{
	position:relative;
	display:inline-block;
	float:left;
	margin-right:20px;
	cursor: pointer;
	color:rgb(255,255,255);
	font: 15px 'fira_sans_regular',sans-serif;
	-moz-box-sizing:    border-box;
	-webkit-box-sizing: border-box;
	box-sizing:        border-box;
	padding:15px;
	padding-top:5px;
}
.section-header-nav ul li:hover, .section-header-nav ul li.current{
/*	border-bottom: 15px solid rgb(255,255,255);*/
	color:rgb(22,162,216);
	background-color:rgb(255,255,255);
	padding:15px;
	padding-top:5px;
}

.section-content{
	position:absolute;
	display:block;
	width:750px;
	height:800px;
	left:50%;
	margin-left:-375px;
	overflow:hidden;
}
.textblock{
	margin-top:50px;
}
.section-content-tabs{
	position:absolute;
	display:block;
	height:750px;
	left:0px;
}
.section-content-tab{
	position:relative;
	display:block;
	width:750px;
	height:680px;
	margin:0px;
	padding-top:20px;
	float:left;
}
.tab-slides{
	position:relative;
	display:block;
	width:750px;
	height:680px;
	margin:0px;
	clear:both;
}
.tab-slide{
	position:relative;
	display:block;
	width:750px;
	height:680px;
	margin:0px;
}
.tab-half-left{
	position:relative;
	display:block;
	width:370px;
	height:680px;
	float:left;
	margin-right:10px;
}
.tab-half-right{
	position:relative;
	display:block;
	width:370px;
	height:680px;
	float:left;
}
.tab-half-right img{
	width:100%;
	height:auto;
}
.tab-data{
	position:relative;
	display:block;
	width:375px;
	height:250px;
	float:none;
	margin:0px;
}
.tab-data-right{
	float:right;
}
.tab-image{
	position:relative;
	display:block;
	width:750px;
	height:375px;
	float:none;
	cursor:pointer;
}
.tab-image img{
	width:100%;
	height:auto;
}
.tab-image-caption{
	position:absolute;
	display:block;
	height:25px;
	bottom:-5px;
	right:0px;
	text-align:right;
	z-index: 2;
	padding:2px;
/*	margin:5px;*/
	background-color:rgb(255,255,255);
}
.tab-video{
	position:relative;
	display:block;
	width:750px;
	height:375px;
	float:none;
	cursor:pointer;
}
.tab-video img{
	width:100%;
	height:auto;
}
.tab-video-caption{
	position:absolute;
	display:block;
	height:25px;
	bottom:-5px;
	right:0px;
	text-align:right;
	z-index: 2;
	padding:2px;
/*	margin:5px;*/
	background-color:rgb(255,255,255);
}
.tab-slide-nav{
	position:relative;
	display:block;
	width:500px;
	height:30px;
	/*margin-top:15px;*/
	/*float:left;*/
}
.tab-slide-download{
	position:absolute;
	display:block;
	width:750px;
	height:30px;
	left:0px;
	bottom:0px;
	color:rgb(22,162,216);
	z-index:2;
}
.tab-slide-download img{
	float:left;
	margin-right:10px;
	margin-top:-5px;
}
.tab-slide-shown{
	display:inline-block;
	position:absolute;
	left:0px;
}
.tab-slide-hidden{
	display:none;
	position:absolute;
	left:0px;
}
.tab-text{
	position:relative;
	font-size:11px;
	color:rgb(22,162,216);
}
.tab-bubble{
	position:relative;
	display:block;
	float:left;
	width:14px;
	height:14px;
	-moz-border-radius: 7px;
	border-radius: 7px;
	-moz-box-sizing:    border-box;
	-webkit-box-sizing: border-box;
	box-sizing:        border-box;
	border:2px solid rgba(22,162,216,1);
	margin-right:14px;
	cursor:pointer;
}
.tab-bubble-active, .tab-bubble:hover{
	background-color: rgb(22,162,216);
	border:0px;
	cursor:pointer;
}
.next, .prev{
	float:left;
	margin-right:5px;
	cursor:pointer;
}
/* contact */
.contact-right{
	position:absolute;
	left:75px;
}
.contact-right2{
	position:absolute;
	left:125px;
}
.textblock-left{
	position:relative;
	display:block;
	width:370px;
	margin-right:10px;
	float:left;
}
.textblock-right{
	position:relative;
	display:block;
	width:370px;
	float:left;	
}
/* */
.clearall{
	clear:both;
}

/* quotes */
.quote-container{
	position:relative;
	display:block;
	width:100%;
	height:300px;
	overflow:hidden;
}
.quote-content{
	position:absolute;
	display:block;
	width:50%;
	right:0px;
	margin-top:60px;
	background-color: rgba(255,255,255,0.75);
}
.quote-bg{
	width:100%;
	height:auto;
	margin-top:-125px;
}
.quote{
	margin:10px;
	color: rgb(0,0,0);
	font: 13px 'fira_sans_otitalic',sans-serif;
	font-weight:normal;
}
.quote-person{
	color: rgb(0,0,0);
	font: 13px 'fira_sans_regular',sans-serif;
	font-weight:normal;
}

/* separators */
.white-25-l{
	position:absolute;
	display:block;
	top:100px;
	width:25%;
	height:30px;
	background:rgb(255,255,255);
}
.white-50{
	position:absolute;
	display:block;
	bottom:-30px;
	width:50%;
	height:30px;
	background:rgb(255,255,255);
	z-index:1;
}
.white50-top{
	position:absolute;
	display:block;
	top:0px;
	width:50%;
	height:30px;
	background:rgb(255,255,255);
	z-index:1;
}
.white50-bottom{
	position:absolute;
	display:block;
	bottom:0px;
	width:50%;
	right:0px;
	height:30px;
	background:rgb(255,255,255);
	z-index:1;
}
.blue50-top{
	position:absolute;
	display:block;
	top:0px;
	width:50%;
	height:30px;
	background:rgb(22,162,216);
	z-index:1;
}
.blue50-bottom{
	position:absolute;
	display:block;
	bottom:0px;
	width:50%;
	right:0px;
	height:30px;
	background:rgb(22,162,216);
	z-index:1;
}
.blue25-bottom{
	position:absolute;
	display:block;
	bottom:0px;
	width:25%;
	right:0px;
	height:30px;
	background:rgb(22,162,216);
	z-index:1;
}


/* footer */
footer{
	position:relative;
	display:block;
	width:100%;
	height:50px;
	background-color: rgb(22,162,216);
	padding-bottom:50px;
	text-align: right;
}
footer p{
	padding:20px;
}

/* imprint */
#imprint{
	position:absolute;
	display:none;
	width:100%;
	height:600px;
	background-color: rgb(255,255,255);
}
.imprint-headline{
	position:relative;
	display:block;
	width:750px;
	height:30px;
	left:50%;
	margin-left:-375px;
	margin-top:30px;
	margin-bottom:30px;
}
.imprint-headline h2{
	float:left;
}
.imprint-close{
	float:right;
}
.imprint-content{
	position:relative;
	display:block;
	width:750px;
	height:300px;
	left:50%;
	margin-left:-375px;
	margin-bottom:30px;
}	
}
/* smartphone landscape */
@media only screen and (min-width: 475px) and (max-width: 649px) {
#splash{
	position:absolute;
	display:block;
	width:100%;
	min-height:5px;
	left:0px;
	z-index:9999;
}
#splash img.cover{
	position: absolute;
	display:block;
	width:100%;
	height:auto;
	box-shadow: 0px 0px 30px black;
	background-color: rgb(255,255,255);
}
#splash img.splash-logo{
	position:absolute;
	display:block;
	z-index:2;
	left:10px;
	top:10px;
	width:75px;
	height:auto;
}
.splash-arrow{
	position:absolute;
	display:block;
	width:80px;
	height:auto;
	z-index:2;
	left:50%;
	margin-left:-40px;
	bottom:25%;
}
#splash-inner{
	position: absolute;
	display:block;
	width:100%;
	min-height:50px;
	height:auto;
	overflow:hidden;
}
#header-separator{
	position:relative;
	display:block;
	width:100%;
	height:30px;
	background-color: rgb(255,255,255);
}
/* text styles */
p{
	font: 16px 'fira_sans_regular',sans-serif;
	font-weight:normal;
}
b, strong{
	font-family: 'fira_sans_bold',sans-serif;
	font-weight:normal;
}
h1{
	font: 22px 'fira_sans_regular',sans-serif;
	font-weight:bolder;
}
h2{
	font: 22px 'fira_sans_regular',sans-serif;
	font-weight:normal;
}
h3{
	font: 18px 'fira_sans_regular',sans-serif;
	font-weight:normal;
}
a{
	color:rgb(22,162,216);/*inherit;*/
	text-decoration: none;	
}
a:hover{
	text-decoration: underline;
}
/* colors */
.black {
	color: rgb(0,0,0);
}
.white{
	color: rgb(255,255,255);
}
.blue{
	color: rgb(22,162,216);
}

/* site elements */
#top{
	position:relative;
	display:inline-block;
	width:100%;
}
header{
	position:relative;
	display:block;
	width:100%;
	background: rgb(255,255,255);
	z-index:999;
	height:1px;
	overflow:hidden;	
}
header img{
	margin-top:5px;
	margin-left:10px;
	width:50px;
	height:auto;
}
.settings-close{
	position:relative;
	display:block;
	float:right;
	width:25px;
	height:25px;
	cursor:pointer;
}
.settings-close img{
	width:25px;
	height:25px;
	margin:0px;
}
#show-nav{
	position:absolute;
	display:block;
	width:50px;
	height:50px;
	top:0px;
	right:15px;
}
.settings-s{
	position:relative;
	display:block;
	height:25px;
	background: none;
	cursor:pointer;
	overflow:hidden;
	margin-top:0px;
}
.settings-text{
	display:block;
}
#nav-l{
	position:absolute;
	display:block;
	top:0px;
	height:1px;
	overflow:hidden;
}
#nav-l ul li a, #nav-s ul li a{
	position:relative;
	display:inline-block;
	color: inherit;
	font: 15px 'fira_sans_regular',sans-serif;
	text-decoration: none;
}
#nav-l ul li a:hover, #nav-l ul li.active, #nav-s ul li a:hover, #nav-s ul li.active{
	color: rgb(22,162,216);
}
#header-small{
	position: fixed;
	display:block;
	min-height: 55px;
	width: 100%;
	text-align: left;
	z-index:999;
	top:0px;
	background:rgb(255,255,255);
	opacity:1;
}
#header-small img{
	margin-left:10px;
	margin-top:2px;
}
#nav-s{
	position:relative;
	display:none;
	width:100%;
	height:250px;
	top:0px;
	left:0px;
}
#nav-s ul{
	position:absolute;
	display:block;
	list-style-type: none;
	width:100%;
	left:0px;
}
#nav-s ul li{
	position:relative;
	display:block;
	float:none;
	width:100%;
	height:25px;
	margin-left:0px;
	margin-right:0px;
	color:rgb(0,0,0);
	background-color:rgb(255,255,255);
	text-indent:10px;
}
.fade{
	-webkit-transition: opacity linear 0.4s;
    -moz-transition: opacity linear 0.4s;
    -o-transition: opacity linear 0.4s;
    transition: opacity linear 0.4s;
    opacity: 1 !important;
}
.prefade{
	opacity:0;
}
/* Currency Dropdown */
#nav-l ul li.dd{
	margin-left:0px;
	margin-right:0px;
}
#nav-s ul li.dd{
	margin-left:0px;
	margin-right:0px;
}
.select_currency{
	width:280px;
}
.select_units{
	width:280px;
}
/* image gallery */
#gallery{
	position:relative;
	display:block;
	width:100%;
	height:280px;
	background-color: rgb(22,162,216);
	z-index:0;
	overflow:hidden;
}
#gallery-images{
	position:absolute;
	display:inline-block;
	width:100%;
	height:100%;
	cursor: pointer;
}
.gallery-image{
	width:100%;
	height:auto;
}
#gallery-nav{
	position:absolute;
	display:block;
	width:50%;
	height:30px;
	bottom:0px;
	right:0px;
	background:rgb(22,162,216);
	z-index:1;
}
.gallery-bubble{
	position:relative;
	display:block;
	float:left;
	width:16px;
	height:16px;
	-moz-border-radius: 8px;
	border-radius: 8px;
	-moz-box-sizing:    border-box;
	-webkit-box-sizing: border-box;
	box-sizing:        border-box;
	border:2px solid rgba(255,255,255,1);
	margin-left:8px;
	margin-right:8px;
	margin-top:7px;
	cursor:pointer;
}
.gallery-bubble-active, .gallery-bubble:hover{
	background-color: rgb(255,255,255);
	border:0px;
	cursor:pointer;
}
.image-shown{
	display:inline-block;
	position: absolute;
	left:0;
}
.image-hidden{
	display:none;
	position: absolute;
	left:0;
}

/* sections */
#about, #workwalls, #accessories, #crates{
	position:relative;
	display:block;
	width:100%;
	height:830px;
	background-color: rgb(255,255,255);
}
#consulting, #hiring, #contact{
	position:relative;
	display:block;
	width:100%;
	height:600px;
	background-color: rgb(255,255,255);
}
#contact{
	position:relative;
	display:block;
	width:100%;
	height:700px;
	background-color: rgb(255,255,255);
}
/* */
.section-header{
	position:relative;
	display:block;
	width:100%;
	height:100px;
	background-color: rgb(22,162,216);
	color:rgb(255,255,255);
}
.section-header-small{
	position:relative;
	display:block;
	width:100%;
	height:75px;
	background-color: rgb(22,162,216);
	color:rgb(255,255,255);
}
.section-header-content{
	position:absolute;
	display:block;
	width:460px;
	left:50%;
	margin-left:-230px;
	margin-top:30px;
}
.section-header-nav{
	position:relative;
	display:block;
	width:100%;
}
.section-header-nav ul{
	position:relative;
	display:inline-block;
	list-style-type: none;
}
.section-header-nav ul li{
	position:relative;
	display:inline-block;
	float:left;
	margin-right:0px;
	cursor: pointer;
	color:rgb(255,255,255);
	font: 12px 'fira_sans_regular',sans-serif;
	-moz-box-sizing:    border-box;
	-webkit-box-sizing: border-box;
	box-sizing:        border-box;
	padding:5px;
	padding-top:5px;
	padding-bottom:10px;
}
.section-header-nav ul li:hover, .section-header-nav ul li.current{
	color:rgb(22,162,216);
	background-color:rgb(255,255,255);
	padding:5px;
	padding-top:5px;
	padding-bottom:15px;
}

.section-content{
	position:absolute;
	display:block;
	width:460px;
	height:700px;
	left:50%;
	margin-left:-230px;
	overflow:hidden;
}
.textblock{
	margin-top:30px;
}
.section-content-tabs{
	position:absolute;
	display:block;
	height:480px;
	left:0px;
}
.section-content-tab{
	position:relative;
	display:block;
	width:460px;
	height:600px;
	margin:0px;
	padding-top:20px;
	float:left;
}
.tab-slides{
	position:relative;
	display:block;
	width:460px;
	height:600px;
	margin:0px;
	clear:both;
}
.tab-slide{
	position:relative;
	display:block;
	width:460px;
	height:600px;
	margin:0px;
}
.tab-half-left{
	position:relative;
	display:block;
	width:460px;
	height:480px;
	float:left;
}
.tab-half-right{
	position:relative;
	display:none;
	width:460px;
	height:250px;
	float:left;
}
.tab-half-right img{
	width:100%;
	height:auto;
}
.tab-data{
	position:relative;
	display:block;
	width:460px;
	height:250px;
	float:none;
	margin:0px;
}
.tab-data-right{
	float:right;
}
.tab-image{
	position:relative;
	display:block;
	width:460px;
	height:230px;
	float:none;
	cursor:pointer;
}
.tab-image img{
	width:100%;
	height:auto;
}
.tab-image-caption{
	position:relative;
	display:block;
	height:20px;
	width:440px;
	bottom:0px;
	right:5px;
	text-align:right;
	z-index: 2;
	padding:2px;
	background-color:rgb(255,255,255);
}
.tab-video{
	position:relative;
	display:block;
	width:460px;
	height:230px;
	float:none;
	cursor:pointer;
}
.tab-video img{
	width:100%;
	height:auto;
}
.tab-video-caption{
	position:relative;
	display:block;
	height:20px;
	width:440px;
	bottom:0px;
	right:5px;
	text-align:right;
	z-index: 2;
	padding:2px;
	background-color:rgb(255,255,255);
}
.tab-slide-nav{
	position:relative;
	display:block;
	width:460px;
	height:30px;
	margin-left:10px;
}
.tab-slide-download{
	position:absolute;
	display:block;
	width:460px;
	height:30px;
	left:0px;
	bottom:0px;
	color:rgb(22,162,216);
	z-index:2;
}
.tab-slide-download img{
	float:left;
	margin-right:10px;
	margin-top:-5px;
}
.tab-slide-shown{
	display:inline-block;
	position:absolute;
	left:0px;
}
.tab-slide-hidden{
	display:none;
	position:absolute;
	left:0px;
}
.tab-text{
	position:relative;
	font-size:11px;
	color:rgb(22,162,216);
}
.tab-bubble{
	position:relative;
	display:block;
	float:left;
	width:14px;
	height:14px;
	-moz-border-radius: 7px;
	border-radius: 7px;
	-moz-box-sizing:    border-box;
	-webkit-box-sizing: border-box;
	box-sizing:        border-box;
	border:2px solid rgba(22,162,216,1);
	margin-right:14px;
	cursor:pointer;
}
.tab-bubble-active, .tab-bubble:hover{
	background-color: rgb(22,162,216);
	border:0px;
	cursor:pointer;
}
.next, .prev{
	float:left;
	margin-right:5px;
	cursor:pointer;
}
/* contact */
.contact-right{
	position:absolute;
	left:75px;
}
.contact-right2{
	position:absolute;
	left:125px;
}
.textblock-left{
	position:relative;
	display:block;
	width:460px;
	margin-right:0px;
	float:none;
}
.textblock-right{
	position:relative;
	display:block;
	width:460px;
	float:none;	
	margin-top:10px;
}
/* */
.clearall{
	clear:both;
}

/* quotes */
.quote-container{
	position:relative;
	display:block;
	width:100%;
	height:300px;
	overflow:hidden;
}
.quote-content{
	position:absolute;
	display:block;
	width:460px;
	right:0px;
	margin-top:40px;
	margin-left:10px;
	background-color: rgba(255,255,255,0.75);
}
.quote-bg{
	width:auto;
	min-height:300px;
	margin-top:0px;
}
.quote{
	margin:10px;
	color: rgb(0,0,0);
	font: 13px 'fira_sans_otitalic',sans-serif;
	font-weight:normal;
}
.quote-person{
	color: rgb(0,0,0);
	font: 13px 'fira_sans_regular',sans-serif;
	font-weight:normal;
}

/* separators */
.white-25-l{
	position:absolute;
	display:block;
	top:100px;
	width:25%;
	height:30px;
	background:rgb(255,255,255);
}
.white-50{
	position:absolute;
	display:block;
	bottom:-30px;
	width:50%;
	height:30px;
	background:rgb(255,255,255);
	z-index:1;
}
.white50-top{
	position:absolute;
	display:block;
	top:0px;
	width:50%;
	height:30px;
	background:rgb(255,255,255);
	z-index:1;
}
.white50-bottom{
	position:absolute;
	display:block;
	bottom:0px;
	width:50%;
	right:0px;
	height:30px;
	background:rgb(255,255,255);
	z-index:1;
}
.blue50-top{
	position:absolute;
	display:block;
	top:0px;
	width:50%;
	height:30px;
	background:rgb(22,162,216);
	z-index:1;
}
.blue50-bottom{
	position:absolute;
	display:block;
	bottom:0px;
	width:50%;
	right:0px;
	height:30px;
	background:rgb(22,162,216);
	z-index:1;
}
.blue25-bottom{
	position:absolute;
	display:block;
	bottom:0px;
	width:25%;
	right:0px;
	height:30px;
	background:rgb(22,162,216);
	z-index:1;
}


/* footer */
footer{
	position:relative;
	display:block;
	width:100%;
	height:50px;
	background-color: rgb(22,162,216);
	padding-bottom:50px;
	text-align: right;
}
footer p{
	padding:20px;
}

/* imprint */
#imprint{
	position:absolute;
	display:none;
	width:100%;
	height:600px;
	background-color: rgb(255,255,255);
}
.imprint-headline{
	position:relative;
	display:block;
	width:460px;
	height:30px;
	left:50%;
	margin-left:-230px;
	margin-top:30px;
	margin-bottom:30px;
}
.imprint-headline h2{
	float:left;
}
.imprint-close{
	float:right;
}
.imprint-content{
	position:relative;
	display:block;
	width:460px;
	height:300px;
	left:50%;
	margin-left:-230px;
	margin-bottom:30px;
}	
}
/*smartphone portrait */
@media only screen and (min-width: 320px)  and (max-width: 474px) {
	#splash{
	position:absolute;
	display:block;
	width:100%;
	min-height:5px;
	left:0px;
	z-index:9999;
}
#splash img.cover{
	position: absolute;
	display:block;
	width:100%;
	height:auto;
	box-shadow: 0px 0px 30px black;
	background-color: rgb(255,255,255);
}
#splash img.splash-logo{
	position:absolute;
	display:block;
	z-index:2;
	left:10px;
	top:10px;
	width:75px;
	height:auto;
}
.splash-arrow{
	position:absolute;
	display:block;
	width:80px;
	height:auto;
	z-index:2;
	left:50%;
	margin-left:-40px;
	bottom:25%;
}
#splash-inner{
	position: absolute;
	display:block;
	width:100%;
	min-height:50px;
	height:auto;
	overflow:hidden;
}
#header-separator{
	position:relative;
	display:block;
	width:100%;
	height:30px;
	background-color: rgb(255,255,255);
}
/* text styles */
p{
	font: 14px 'fira_sans_regular',sans-serif;
	font-weight:normal;
}
b, strong{
	font-family: 'fira_sans_bold',sans-serif;
	font-weight:normal;
}
h1{
	font: 20px 'fira_sans_regular',sans-serif;
	font-weight:bolder;
}
h2{
	font: 20px 'fira_sans_regular',sans-serif;
	font-weight:normal;
}
h3{
	font: 16px 'fira_sans_regular',sans-serif;
	font-weight:normal;
}
a{
	color:rgb(22,162,216);/*inherit;*/
	text-decoration: none;	
}
a:hover{
	text-decoration: underline;
}
/* colors */
.black {
	color: rgb(0,0,0);
}
.white{
	color: rgb(255,255,255);
}
.blue{
	color: rgb(22,162,216);
}

/* site elements */
#top{
	position:relative;
	display:inline-block;
	width:100%;
}
header{
	position:relative;
	display:block;
	width:100%;
	background: rgb(255,255,255);
	z-index:999;
	height:55px;
	overflow:hidden;	
}
header img{
	display:none;
	margin-top:5px;
	margin-left:10px;
	width:50px;
	height:auto;
}
.settings-close{
	position:relative;
	display:block;
	float:right;
	width:25px;
	height:25px;
	cursor:pointer;
}
.settings-close img{
	display:block;
	width:25px;
	height:25px;
	margin:0px;
}
#show-nav{
	position:absolute;
	display:block;
	width:50px;
	height:50px;
	top:0px;
	right:15px;
}
#nav-l{
	position:absolute;
	display:block;
	top:0px;
	height:1px;
	overflow:hidden;
}
#nav-l ul li a, #nav-s ul li a{
	position:relative;
	display:inline-block;
	color: inherit;
	font: 15px 'fira_sans_regular',sans-serif;
	text-decoration: none;
}
#nav-l ul li a:hover, #nav-l ul li.active, #nav-s ul li a:hover, #nav-s ul li.active{
	color: rgb(22,162,216);
}
#header-small{
	position: fixed;
	display:block;
	min-height: 55px;
	width: 100%;
	text-align: left;
	z-index:999;
	top:0px;
	background:rgb(255,255,255);
	opacity:1;
}
#header-small img{
	margin-left:10px;
	margin-top:2px;
}
#nav-s{
	position:relative;
	display:none;
	width:100%;
	height:250px;
	top:0px;
	left:0px;
}
#nav-s ul{
	position:absolute;
	display:block;
	list-style-type: none;
	width:100%;
	left:0px;
}
#nav-s ul li{
	position:relative;
	display:block;
	float:none;
	width:100%;
	height:25px;
	margin-left:0px;
	margin-right:0px;
	color:rgb(0,0,0);
	background-color:rgb(255,255,255);
	text-indent:10px;
}
.fade{
	-webkit-transition: opacity linear 0.4s;
    -moz-transition: opacity linear 0.4s;
    -o-transition: opacity linear 0.4s;
    transition: opacity linear 0.4s;
    opacity: 1 !important;
}
.prefade{
	opacity:0;
}
/* Currency Dropdown */
#nav-l ul li.dd{
	margin-left:0px;
	margin-right:0px;
}
#nav-s ul li.dd{
	margin-left:0px;
	margin-right:0px;
}
.select_currency{
	width:280px;
}
.select_units{
	width:280px;
}
.settings-s{
	position:relative;
	display:block;
	height:25px;
	background: none;
	cursor:pointer;
	overflow:hidden;
	margin-top:0px;
}
.settings-text{
	display:block;
}
/* image gallery */
#gallery{
	position:relative;
	display:block;
	width:100%;
	height:180px;
	background-color: rgb(22,162,216);
	z-index:0;
	overflow:hidden;
}
#gallery-images{
	position:absolute;
	display:inline-block;
	width:100%;
	height:100%;
	cursor: pointer;
}
.gallery-image{
	width:100%;
	height:auto;
}
#gallery-nav{
	position:absolute;
	display:block;
	width:100%;
	height:30px;
	bottom:0px;
	right:0px;
	background:rgb(22,162,216);
	z-index:1;
}
.gallery-bubble{
	position:relative;
	display:block;
	float:left;
	width:16px;
	height:16px;
	-moz-border-radius: 8px;
	border-radius: 8px;
	-moz-box-sizing:    border-box;
	-webkit-box-sizing: border-box;
	box-sizing:        border-box;
	border:2px solid rgba(255,255,255,1);
	margin-left:8px;
	margin-right:8px;
	margin-top:7px;
	cursor:pointer;
}
.gallery-bubble-active, .gallery-bubble:hover{
	background-color: rgb(255,255,255);
	border:0px;
	cursor:pointer;
}
.image-shown{
	display:inline-block;
	position: absolute;
	left:0;
}
.image-hidden{
	display:none;
	position: absolute;
	left:0;
}

/* sections */
#about, #workwalls, #accessories, #crates{
	position:relative;
	display:block;
	width:100%;
	height:800px;
	background-color: rgb(255,255,255);
}
#consulting, #hiring{
	position:relative;
	display:block;
	width:100%;
	height:700px;
	background-color: rgb(255,255,255);
}
#contact{
	position:relative;
	display:block;
	width:100%;
	height:700px;
	background-color: rgb(255,255,255);
}
/* */
.section-header{
	position:relative;
	display:block;
	width:100%;
	min-height:300px;
	background-color: rgb(22,162,216);
	color:rgb(255,255,255);
}
.section-header-small{
	position:relative;
	display:block;
	width:100%;
	min-height:75px;
	background-color: rgb(22,162,216);
	color:rgb(255,255,255);
}
.section-header-content{
	position:absolute;
	display:block;
	width:320px;
	left:50%;
	margin-left:-160px;
	margin-top:30px;
}
.section-header-nav{
	position:relative;
	display:block;
	width:100%;
}
.section-header-nav ul{
	position:relative;
	display:inline-block;
	list-style-type: none;
	width:100%;
}
.section-header-nav ul li{
	position:relative;
	display:inline-block;
	float:none;
	margin-right:0px;
	cursor: pointer;
	color:rgb(255,255,255);
	font: 12px 'fira_sans_regular',sans-serif;
	-moz-box-sizing:    border-box;
	-webkit-box-sizing: border-box;
	box-sizing:         border-box;
	padding:2px;
	height:20px;
	width:100%;
}
.section-header-nav ul li:hover, .section-header-nav ul li.current{
	color:rgb(22,162,216);
	background-color:rgb(255,255,255);
	padding:2px;
}

.section-content{
	position:absolute;
	display:block;
	width:320px;
	height:700px;
	left:50%;
	margin-left:-160px;
	overflow:hidden;
}
.textblock{
	margin-top:30px;
}
.section-content-tabs{
	position:absolute;
	display:block;
	height:480px;
	left:0px;
}
.section-content-tab{
	position:relative;
	display:block;
	width:320px;
	height:600px;
	margin:0px;
	padding-top:20px;
	float:left;
}
.tab-slides{
	position:relative;
	display:block;
	width:320px;
	height:600px;
	margin:0px;
	clear:both;
}
.tab-slide{
	position:relative;
	display:block;
	width:320px;
	height:600px;
	margin:0px;
}
.tab-half-left{
	position:relative;
	display:block;
	width:320px;
	height:480px;
	float:left;
}
.tab-half-right{
	position:relative;
	display:none;
	width:320px;
	height:250px;
	float:left;
}
.tab-half-right img{
	width:100%;
	height:auto;
}
.tab-data{
	position:relative;
	display:block;
	width:320px;
	height:250px;
	float:none;
	margin:0px;
}
.tab-data-right{
	float:right;
}
.tab-image{
	position:relative;
	display:block;
	width:320px;
	height:160px;
	float:none;
	cursor:pointer;
}
.tab-image img{
	width:100%;
	height:auto;
}
.tab-image-caption{
	position:relative;
	display:block;
	height:20px;
	width:310px;
	bottom:0px;
	right:5px;
	text-align:right;
	z-index: 2;
	padding:2px;
	background-color:rgb(255,255,255);
}
.tab-video{
	position:relative;
	display:block;
	width:320px;
	height:160px;
	float:none;
	cursor:pointer;
}
.tab-video img{
	width:100%;
	height:auto;
}
.tab-video-caption{
	position:relative;
	display:block;
	height:20px;
	width:310px;
	bottom:0px;
	right:5px;
	text-align:right;
	z-index: 2;
	padding:2px;
	background-color:rgb(255,255,255);
}
.tab-slide-nav{
	position:relative;
	display:block;
	width:310px;
	height:30px;
	margin-left:10px;
}
.tab-slide-download{
	position:absolute;
	display:block;
	width:310px;
	height:30px;
	left:0px;
	bottom:60px;
	color:rgb(22,162,216);
	z-index:2;
}
.tab-slide-download h2{
	font-size:15px;
}
.tab-slide-download img{
	float:left;
	margin-right:10px;
	margin-top:-5px;
}
.tab-slide-shown{
	display:inline-block;
	position:absolute;
	left:0px;
}
.tab-slide-hidden{
	display:none;
	position:absolute;
	left:0px;
}
.tab-text{
	position:relative;
	font-size:11px;
	color:rgb(22,162,216);
}
.tab-bubble{
	position:relative;
	display:block;
	float:left;
	width:14px;
	height:14px;
	-moz-border-radius: 7px;
	border-radius: 7px;
	-moz-box-sizing:    border-box;
	-webkit-box-sizing: border-box;
	box-sizing:        border-box;
	border:2px solid rgba(22,162,216,1);
	margin-right:14px;
	cursor:pointer;
}
.tab-bubble-active, .tab-bubble:hover{
	background-color: rgb(22,162,216);
	border:0px;
	cursor:pointer;
}
.next, .prev{
	float:left;
	margin-right:5px;
	cursor:pointer;
}
/* contact */
.contact-right{
	position:absolute;
	left:75px;
}
.contact-right2{
	position:absolute;
	left:125px;
}
.textblock-left{
	position:relative;
	display:block;
	width:460px;
	margin-right:0px;
	float:none;
}
.textblock-right{
	position:relative;
	display:block;
	width:460px;
	float:none;	
	margin-top:10px;
}
/* */
.clearall{
	clear:both;
}

/* quotes */
.quote-container{
	position:relative;
	display:block;
	width:100%;
	height:300px;
	overflow:hidden;
}
.quote-content{
	position:absolute;
	display:block;
	width:300px;
	right:0px;
	margin-top:40px;
	margin-left:10px;
	background-color: rgba(255,255,255,0.75);
}
.quote-bg{
	width:auto;
	min-height:300px;
	margin-top:0px;
}
.quote{
	margin:10px;
	color: rgb(0,0,0);
	font: 13px 'fira_sans_otitalic',sans-serif;
	font-weight:normal;
}
.quote-person{
	color: rgb(0,0,0);
	font: 13px 'fira_sans_regular',sans-serif;
	font-weight:normal;
}

/* separators */
.white-25-l{
	position:absolute;
	display:block;
	top:100px;
	width:25%;
	height:30px;
	background:rgb(255,255,255);
}
.white-50{
	position:absolute;
	display:block;
	bottom:-30px;
	width:50%;
	height:30px;
	background:rgb(255,255,255);
	z-index:1;
}
.white50-top{
	position:absolute;
	display:block;
	top:0px;
	width:75%;
	height:30px;
	background:rgb(255,255,255);
	z-index:1;
}
.white50-bottom{
	position:absolute;
	display:block;
	bottom:0px;
	width:50%;
	right:0px;
	height:30px;
	background:rgb(255,255,255);
	z-index:1;
}
.blue50-top{
	position:absolute;
	display:block;
	top:0px;
	width:50%;
	height:30px;
	background:rgb(22,162,216);
	z-index:1;
}
.blue50-bottom{
	position:absolute;
	display:block;
	bottom:0px;
	width:50%;
	right:0px;
	height:30px;
	background:rgb(22,162,216);
	z-index:1;
}
.blue25-bottom{
	position:absolute;
	display:block;
	bottom:0px;
	width:25%;
	right:0px;
	height:30px;
	background:rgb(22,162,216);
	z-index:1;
}


/* footer */
footer{
	position:relative;
	display:block;
	width:100%;
	height:50px;
	background-color: rgb(22,162,216);
	padding-bottom:50px;
	text-align: right;
}
footer p{
	padding:20px;
}

/* imprint */
#imprint{
	position:absolute;
	display:none;
	width:100%;
	height:600px;
	background-color: rgb(255,255,255);
}
.imprint-headline{
	position:relative;
	display:block;
	width:320px;
	height:30px;
	left:50%;
	margin-left:-160px;
	margin-top:30px;
	margin-bottom:30px;
}
.imprint-headline h2{
	float:left;
}
.imprint-close{
	float:right;
}
.imprint-content{
	position:relative;
	display:block;
	width:310px;
	height:300px;
	left:50%;
	margin-left:-155px;
	margin-bottom:30px;
}	
}