@charset "UTF-8";
/* CSS Document | RSB DESIGN e.K. (c) 2015  */

/* CSS RESET */
html,body,div,span,object,iframe,h1,h2,h3,h4,h5,h6,a,p,blockquote,pre,abbr,address,cite,code,del,dfn,em,img,ins,kbd,q,samp,small,strong,sub,sup,var,b,i,dl,dt,dd,ol,ul,li,fieldset,form,label,legend,table,caption,tbody,tfoot,thead,tr,th,td,article,aside,canvas,details,figcaption,figure,footer,header,hgroup,menu,nav,section,summary,time,mark,audio,video { margin:0; padding:0; border:0; outline:0; font-size:100%; vertical-align:baseline; background:transparent; text-decoration:none; }
body { line-height:1; }

body { overflow-y: scroll; height:100%; text-align:left; font-family: 'Open Sans', sans-serif; color:#444444; font-weight:400; font-size:100%; background-color:#fff; }
::-moz-selection { background-color:#00A7E0; color:#fff; }


/* LAYOUT */
.container		{ width:1005px; margin-right: auto; margin-left: auto; }
.bg-green		{ background-color:#00A7E0;}
.bg-black		{ background-color:#000;}

.left			{ float:left; }
.right			{ float:right;}
.clear			{ clear:both;}
.noborder		{ border:none!important;}


#header		{ position:relative; z-index:1000; }
.logo		{ height:70px; padding:5px 0;}
.logo img	{ height:100%;}


#foot	{ position:relative; z-index:1000; }

.box1		{ width:100%; }
.box2		{ width:50%; float:left;}
.box3		{ width:305px; float:left;}
.box4		{ width:25%; float:left;}
.boxC		{ width:72%; float:left; margin-left:30px;}

.space			{ padding:15px; color:#fff; text-align:left; }

hr				{ height:1px; border:0; background:#eee;}

.head-slide	{ height:320px; background:#eee; color:#444; }

.head-img	{ height:320px; background:#eee; }

.head-img-01	{	height:270px; padding:25px; background-image:url(../img/bb-hattingen-skyline.jpg); background-size:100%; background-repeat:no-repeat;	background-color: #eee;	background-position: center; }

.head-img-quali	{	height:270px; padding:25px; background-image:url(../img/bb-qualitaet-zertifikate.jpg); background-size:100%; background-repeat:no-repeat;	background-color: #eee;	background-position: center; }

.head-img-02	{	height:270px; padding:25px; background:#00A7E0; }
.head-img-02 img	{ width:100%; }

.head-img-grau	{	height:270px; padding:25px; background:#eee; }

.head-img-03	{	height:270px; padding:25px; background-image:url(../img/bb-fluid-systeme.jpg); background-size:100%; background-repeat:no-repeat;	background-color: #eee;	background-position: center; }


/* SCHRIFT */

h1		{ font-size:1.75em; line-height:1.25em; font-family: 'Raleway', sans-serif; }
h2		{ font-size:1.15em; font-family: 'Raleway', sans-serif; }
h3		{ font-size:1em; font-family: 'Raleway', sans-serif; }
h4		{ font-size:1.25em; font-family: 'Raleway', sans-serif; }
h5		{}
h6		{}

.h-green	{ display:inline-block; margin-bottom:5px; background-color:#00A7E0; padding:0 5px;}
 

p		{ font-size:0.8em; line-height:1.5em;}
.small	{ font-size:0.7em;}
.uppercase	{ text-transform:uppercase;}

p a			{ color:#00A7E0; }
p a:hover	{ color:#444; }

.white		{ color:#fff; }
.green, .green-start		{ color:#00A7E0;}
.teaser:hover .green-start { color: #fff; }

.rw-thin	{ font-weight:500; font-family: 'Raleway', sans-serif;} 
.rw-bold	{ font-weight:800; font-family: 'Raleway', sans-serif;} 

#foot a:link	{ color:#fff; }
#foot a:visited	{ color:#fff; }
#foot a:hover	{ color:#fff; }

.text-center	{ text-align:center;}


hr.short-green			{ background-color:#00A7E0; height:3px; width:60px; margin-bottom:10px; border:0; float:left;}
hr.short-green-center			{ background-color:#00A7E0; height:3px; width:60px; margin-bottom:10px; border:0; }

/* NAVIGATION */
.main-navi		{ background:#fff; border-radius:3px; padding:0 15px; }

.main-navi-grau		{ background:#eee; border-radius:3px; padding:0 15px; }

	
.menu li					{ list-style:none; }
.menu						{ display:inline-block; position:relative; height:80px;  z-index:500;}

.menu > li					{ display:block; text-align:center; float:left;}

.menu > li > a				{ position:relative; display:block; z-index:510; font-size:0.9em; padding:33px 10px; height:13px;  background:#fff; color:#444; border-bottom:3px solid #fff; }

.menu	> li:hover > a 		{ background:#fff; border-bottom:3px solid #00A7E0;}

.menu .navi_aktiv			{ background:#fff; border-bottom:3px solid #00A7E0;}

.menu > li > div.drop_down		{ position:absolute; display:block; width:245px; text-align:left; top:82px; opacity:0; visibility:hidden; overflow:hidden; background:#fff; -webkit-transition: all .3s ease .15s; -moz-transition: all .3s ease .15s;  -o-transition: all .3s ease .15s;-ms-transition: all .3s ease .15s; transition: all .3s ease .15s; border-bottom-left-radius:3px; border-bottom-right-radius:3px;}

.menu > li:hover > div.drop_down	{ opacity:1; visibility:visible; overflow:visible;}
.menu .drop_down ul					{ margin:5px 0;}
.menu .drop_down li a				{ display:block; padding:10px 15px; color:#444; border-bottom:1px #999 solid; line-height:1.15em; font-size:0.85em; }
.menu .drop_down li a:hover			{ color:#00A7E0;}



.menu-grau li					{ list-style:none; }
.menu-grau						{ display:inline-block; position:relative; height:80px;  z-index:500;}

.menu-grau > li					{ display:block; text-align:center; float:left;}

.menu-grau > li > a				{ position:relative; display:block; z-index:510; font-size:0.9em; padding:33px 10px; height:13px;  background:#eee; color:#444; border-bottom:3px solid #eee; }

.menu-grau	> li:hover > a 		{ background:#eee; border-bottom:3px solid #00A7E0;}

.menu-grau .navi_aktiv			{ background:#eee; border-bottom:3px solid #00A7E0;}

.menu-grau > li > div.drop_down		{ position:absolute; display:block; width:245px; text-align:left; top:82px; opacity:0; visibility:hidden; overflow:hidden; background:#eee; -webkit-transition: all .3s ease .15s; -moz-transition: all .3s ease .15s;  -o-transition: all .3s ease .15s;-ms-transition: all .3s ease .15s; transition: all .3s ease .15s; border-bottom-left-radius:3px; border-bottom-right-radius:3px;}

.menu-grau > li:hover > div.drop_down	{ opacity:1; visibility:visible; overflow:visible;}
.menu-grau .drop_down ul				{ margin:5px 0; }
.menu-grau .drop_down li a				{ display:block; padding:10px 15px; color:#444; border-bottom:1px #999 solid; line-height:1.15em; font-size:0.85em; }
.menu-grau .drop_down li a:hover		{ color:#00A7E0; }



.side-nav li	{ list-style:none; } 
.side-nav		{ display:block; position:relative; }
.side-nav li	{ display:block; height:12px; padding:10px 0; border-bottom:#999 1px solid;	}
.side-nav > li > a	{ display:block; font-size:0.85em; color:#444; font-weight:600; background-image: url(../img/sub-nav-grau.png); background-repeat: no-repeat; background-position: right; }
.side-nav > li > a:hover	{ display:block; font-size:0.85em; color:#00A7E0; font-weight:600; background-image: url(../img/sub-nav-green.png); background-repeat: no-repeat; background-position: right; }
.side-nav .navi_aktiv	{ display:block; font-size:0.85em; color:#00A7E0; font-weight:600; background-image: url(../img/sub-nav-green.png); background-repeat: no-repeat; background-position: right; }

/* TEASER */

.teaser			{ padding:15px; color:#fff; text-align:left; }
.teaser	a		{ color:#fff; }
.teaser a:link	{ display:block; height:220px; color:#fff;}
.teaser a:hover	{ display:block; height:220px; color:#fff;}

.bg01	{width:300px; background-image: url(../img/teaser-steuerbloecke.png); background-repeat: no-repeat; background-position: 0px 55px; }
.bg02	{width:300px; background-image: url(../img/teaser-sun-hydraulics.png); background-repeat: no-repeat; background-position: 0px 55px; }
.teaser:hover	{ background-color: rgba(0, 167, 224, 0.7);  color:#000000;}
.opacity70		{ background-color: rgba(0, 0, 0, 0.5); }
.opacity80		{ background-color: rgba(0, 0, 0, 0.7); }
.opacity90		{ background-color: rgba(0, 0, 0, 0.85); }

hr.short			{ background-color:#fff; height:3px; width:60px; margin-bottom:10px; border:0; float:left;}


/* LEISTUNGEN */
.bb-box			{ width:48%; margin-bottom:35px; background-color: #eee; background-image: url(../img/bb-small-logo.png); background-repeat: no-repeat;	background-position: 25px bottom; }

.bb-box-text	{ margin:25px; }
.bb-box-text h2	{ font-size:0.9em; margin-bottom:25px;}

.bb-box-img				{ width:100%; height:175px; margin-bottom:40px;}
.bb-box-img.bb01		{ background-image:url(../img/bb-hattingen-skyline.jpg); background-size:100%; }

.bb-box-img.bb02		{ background-image:url(../img/bb-leistung-cad-umsetzung.jpg); background-size:100%; }
.bb-box-img.bb03		{ background-image:url(../img/bb-leistung-cnc-bearbeitungszentrum.jpg); background-size:100%; }
.bb-box-img.bb04		{ background-image:url(../img/bb-leistung-entgraten.jpg); background-size:100%; }
.bb-box-img.bb05		{ background-image:url(../img/bb-leistung-druck-dichteheit-pruefung.jpg); background-size:100%; }
.bb-box-img.bb06		{ background-image:url(../img/bb-leistung-montage.jpg); background-size:100%; }
.bb-box-img.bb07		{ background-image:url(../img/bb-leistung-qualitaetssicherung.jpg); background-size:100%; }
.bb-box-img.bb08		{ background-image:url(../img/bb-steuerblock-vorteil-01.jpg); background-size:100%; }
.bb-box-img.bb09		{ background-image:url(../img/bb-steuerblock-vorteil-02.jpg); background-size:100%; }



/* TIMELINE */

.timeline			{ width:100%; min-height:40px; background:url(../img/timeline-line.png) repeat-y; }
.bubble				{ width:35px; height:35px;} 
.geschichte			{ width:92%; margin-bottom:50px;}
.geschichte	h3		{ font-size:1em; font-family: 'Raleway', sans-serif; margin-bottom:20px; color:#00A7E0; }



/* NEWS */

article		{ display:block;}
.news		{ width:700px; margin:0 auto; margin-bottom:50px; margin-top:40px;}
.news img	{ width:100%; margin-bottom:30px;}
.news h6	{ font-size:0.75em; font-family: 'Raleway', sans-serif; font-weight:800; letter-spacing:1;}
.news h4	{ font-size:2em; font-family: 'Raleway', sans-serif; font-weight:500;}
.news hr	{ border:0; background:#ccc; height:1px; margin-top:50px;}


/* SLIDER */

.rsABlock.headline {
	left: 25px;
	top: 25px;
	position: absolute;
	z-index: 15;
	
}

.rsABlock.textline {
	left: 25px;
	top: 200px;
	position: absolute;
	z-index: 15;
	
}


.rsABlock.textline2 {
	left: 550px;
	top: 200px;
	position: absolute;
	z-index: 15;
	
}


/* PRODUKTE */

.pr-box-01, .pr-box-02, .pr-box-03, .pr-box-04, .pr-box-05, .pr-box-06, .pr-box-07, .pr-box-08, .pr-box-09, .pr-box-10, .pr-box-11, .pr-box-12, .pr-box-13, .pr-box-14, .pr-box-15, .pr-box-16, .pr-box-17, .pr-box-18, .pr-box-19, .pr-box-20	{ width:165px; height:170px; margin-top:25px; }


.pr-box-01	 a			{ display:block; height:120px; background:url(../img/pr-schaltplan-01.png) no-repeat; margin-bottom:5px;}
.pr-box-01	 a:hover	{ display:block; height:120px; background:url(../img/pr-schaltplan-pdf.png) no-repeat; margin-bottom:5px;}

.pr-box-02	 a			{ display:block; height:120px; background:url(../img/pr-schaltplan-02.png) no-repeat; margin-bottom:5px;}
.pr-box-02	 a:hover	{ display:block; height:120px; background:url(../img/pr-schaltplan-pdf.png) no-repeat; margin-bottom:5px;}

.pr-box-03	 a			{ display:block; height:120px; background:url(../img/pr-schaltplan-03.png) no-repeat; margin-bottom:5px;}
.pr-box-03	 a:hover	{ display:block; height:120px; background:url(../img/pr-schaltplan-pdf.png) no-repeat; margin-bottom:5px;}

.pr-box-04	 a			{ display:block; height:120px; background:url(../img/pr-schaltplan-04.png) no-repeat; margin-bottom:5px;}
.pr-box-04	 a:hover	{ display:block; height:120px; background:url(../img/pr-schaltplan-pdf.png) no-repeat; margin-bottom:5px;}

.pr-box-05	 a			{ display:block; height:120px; background:url(../img/pr-schaltplan-05.png) no-repeat; margin-bottom:5px;}
.pr-box-05	 a:hover	{ display:block; height:120px; background:url(../img/pr-schaltplan-pdf.png) no-repeat; margin-bottom:5px;}

.pr-box-06	 a			{ display:block; height:120px; background:url(../img/pr-schaltplan-06.png) no-repeat; margin-bottom:5px;}
.pr-box-06	 a:hover	{ display:block; height:120px; background:url(../img/pr-schaltplan-pdf.png) no-repeat; margin-bottom:5px;}

.pr-box-07	 a			{ display:block; height:120px; background:url(../img/pr-schaltplan-07.png) no-repeat; margin-bottom:5px;}
.pr-box-07	 a:hover	{ display:block; height:120px; background:url(../img/pr-schaltplan-pdf.png) no-repeat; margin-bottom:5px;}

.pr-box-08	 a			{ display:block; height:120px; background:url(../img/pr-schaltplan-08.png) no-repeat; margin-bottom:5px;}
.pr-box-08	 a:hover	{ display:block; height:120px; background:url(../img/pr-schaltplan-pdf.png) no-repeat; margin-bottom:5px;}

.pr-box-09	 a			{ display:block; height:120px; background:url(../img/pr-schaltplan-09.png) no-repeat; margin-bottom:5px;}
.pr-box-09	 a:hover	{ display:block; height:120px; background:url(../img/pr-schaltplan-pdf.png) no-repeat; margin-bottom:5px;}

.pr-box-10	 a			{ display:block; height:120px; background:url(../img/pr-schaltplan-10.png) no-repeat; margin-bottom:5px;}
.pr-box-10	 a:hover	{ display:block; height:120px; background:url(../img/pr-schaltplan-pdf.png) no-repeat; margin-bottom:5px;}

.pr-box-11	 a			{ display:block; height:120px; background:url(../img/pr-schaltplan-11.png) no-repeat; margin-bottom:5px;}
.pr-box-11	 a:hover	{ display:block; height:120px; background:url(../img/pr-schaltplan-pdf.png) no-repeat; margin-bottom:5px;}

.pr-box-12	 a			{ display:block; height:120px; background:url(../img/pr-schaltplan-12.png) no-repeat; margin-bottom:5px;}
.pr-box-12	 a:hover	{ display:block; height:120px; background:url(../img/pr-schaltplan-pdf.png) no-repeat; margin-bottom:5px;}

.pr-box-13	 a			{ display:block; height:120px; background:url(../img/pr-schaltplan-13.png) no-repeat; margin-bottom:5px;}
.pr-box-13	 a:hover	{ display:block; height:120px; background:url(../img/pr-schaltplan-pdf.png) no-repeat; margin-bottom:5px;}

.pr-box-14	 a			{ display:block; height:120px; background:url(../img/pr-schaltplan-14.png) no-repeat; margin-bottom:5px;}
.pr-box-14	 a:hover	{ display:block; height:120px; background:url(../img/pr-schaltplan-pdf.png) no-repeat; margin-bottom:5px;}

.pr-box-15	 a			{ display:block; height:120px; background:url(../img/pr-schaltplan-15.png) no-repeat; margin-bottom:5px;}
.pr-box-15	 a:hover	{ display:block; height:120px; background:url(../img/pr-schaltplan-pdf.png) no-repeat; margin-bottom:5px;}

.pr-box-16	 a			{ display:block; height:120px; background:url(../img/pr-schaltplan-16.png) no-repeat; margin-bottom:5px;}
.pr-box-16	 a:hover	{ display:block; height:120px; background:url(../img/pr-schaltplan-pdf.png) no-repeat; margin-bottom:5px;}

.pr-box-17	 a			{ display:block; height:120px; background:url(../img/pr-schaltplan-17.png) no-repeat; margin-bottom:5px;}
.pr-box-17	 a:hover	{ display:block; height:120px; background:url(../img/pr-schaltplan-pdf.png) no-repeat; margin-bottom:5px;}

.pr-box-18	 a			{ display:block; height:120px; background:url(../img/pr-schaltplan-18.png) no-repeat; margin-bottom:5px;}
.pr-box-18	 a:hover	{ display:block; height:120px; background:url(../img/pr-schaltplan-pdf.png) no-repeat; margin-bottom:5px;}

.pr-box-19	 a			{ display:block; height:120px; background:url(../img/pr-schaltplan-19.png) no-repeat; margin-bottom:5px;}
.pr-box-19	 a:hover	{ display:block; height:120px; background:url(../img/pr-schaltplan-pdf.png) no-repeat; margin-bottom:5px;}

.pr-box-20	 a			{ display:block; height:120px; background:url(../img/pr-schaltplan-20.png) no-repeat; margin-bottom:5px;}
.pr-box-20	 a:hover	{ display:block; height:120px; background:url(../img/pr-schaltplan-20a.png) no-repeat; margin-bottom:5px;}


.dll-box				{ width:165px; height:105px; margin-top:25px; text-align:center; }
.dll-box	 a			{ display:block; height:105px; background:url(../img/dll-grau.jpg) no-repeat center top; margin-bottom:5px; color:#444;}
.dll-box	 a:hover	{ display:block; height:105px; background:url(../img/dll-green.jpg) no-repeat center top; margin-bottom:5px; color:#00A7E0;}


.steuer-box				{ width:165px; height:300px; margin-top:25px;}
.steuer-box-hoeher		{ width:165px; height:395px; margin-top:25px;}
.steuer-box	 img 		{margin-bottom:5px;}






.big-img				{ width:390px; height:250px; position:ab; z-index:10; }
.small-img				{ width:187px; height:149px; position:relative; z-index:30; }


/* SIZES etc */

.mt-0			{ margin-top:0; }
.mt-10			{ margin-top:10px; }
.mt-15			{ margin-top:15px; }
.mt-20			{ margin-top:20px; }
.mt-30			{ margin-top:30px; }
.mt-50			{ margin-top:50px; }
.mt-70			{ margin-top:70px; }
.mt-80			{ margin-top:80px; }
.mt-100			{ margin-top:100px; }

.mb-0			{ margin-bottom:0; }
.mb-10			{ margin-bottom:10px; }
.mb-15			{ margin-bottom:15px; }
.mb-20			{ margin-bottom:20px; }
.mb-30			{ margin-bottom:30px; }
.mb-50			{ margin-bottom:50px; }
.mb-80			{ margin-bottom:80px; }
.mb-100			{ margin-bottom:100px; }

.row180			{ padding:180px 0;}
.row			{ padding:20px 0 30px 0;}

.pt-0			{ padding-top:0; }
.pt-10			{ padding-top:10px; }
.pt-15			{ padding-top:15px; }
.pt-20			{ padding-top:20px; }
.pt-30			{ padding-top:30px; }
.pt-50			{ padding-top:50px; }
.pt-80			{ padding-top:80px; }
.pt-100			{ padding-top:100px; }

.unten  {
	height:70% !important; 
	padding-top:10px;
	}
	
.anwendung {
	margin-top:65px;
	}