/* GENERAL ------------------------------------------------------------*/
/* skin ---------------------------------------------------------*/
/* GENERAL ------------------------------------------------------------*/

body,
.home-block-heading span,
.page-heading span{
	background: #ffffff;
}
body{
	color: #888;
}
#imagebox {width:auto; position:relative;}
#imagebox img {float:left; margin-bottom:15px; margin-right:15px;}

#tablebuttons .button{ margin-top:0px; padding:5px 10px; font-size:11px;}
#tablebuttons h3 { margin-top:0px; padding-top:0px;}
html, body, ul { margin:0px; padding:0px;}
body{
	font-family: Helvetica, Arial, sans-serif;
	font-size: 13px; color:#323232 !important;
}
body p{
	margin-bottom: 21px;}
body a{
	text-decoration: none; font-weight:bold; text-decoration:underline; color:#3054cc;
	-webkit-transition: color 0.3s ease;
	-moz-transition: color 0.3s ease;
	-o-transition: color 0.3s ease;
	transition: color 0.3s ease;
}
body a:hover { color:#822650;}
body a{ color: #3b66fe;}
body {-webkit-tap-highlight-color: #ea4c88;}
body a:hover,
#top-widget-holder a:hover,
#nav>li>a:hover,
.project-heading .launch:hover{
	color: #ea4c88;
}

h1,h2,h3,h4,h5,h6{ color: #444444; }

.imagetextpart{ float:right; margin:10px;}
ul { list-style:none; line-height:23px;}
.twodivstop { width:auto; display:block; position:relative; margin:10px 0px 0px 0px; padding:0px;}
.twodivs { float:left; width:50%;}

.Therapychair h3{ margin-top:0px; padding-top:0px;}
.Therapychair { width:100%; display:block; position:relative; margin:10px 0px 0px 0px; padding:0px; clear:both;}
.Therapychair1 { float:left; width:80%;}
.Therapychair2 { float:right; width:15%;}

.geurmachine h3{ margin-top:0px; padding-top:0px;}
.geurmachine { width:100%; display:block; position:relative; margin:10px 0px 0px 0px; padding:0px; clear:both;}
.geurmachine1 { float:left; width:25%;}
.geurmachine2 { float:left; width:70%;}

.TripleWheels h3{ margin-top:0px; padding-top:0px;}
.TripleWheels { width:100%; display:block; position:relative; margin:10px 0px 0px 0px; padding:0px; clear:both;}
.TripleWheels1 { float:left; width:290px;}
.TripleWheels2 { float:left; max-width:460px;}

.products1 { max-width:769px !important; width:100%;}
h3 { margin-bottom:0px !important;}
.button { background:#1799cd; padding:10px 20px; margin-right:10px; color:#ffffff; text-decoration:none; margin-top:30px !important;}


#ricoh h4 { margin-top:0px;}
#sitemap ul { line-height:24px; margin-left:15px; text-decoration:none !important; list-style:disc !important;}
#sitemap ul li a { font-size:18px; text-decoration:none !important;}
#sitemap ul li ul { margin-left:15px;}
#sitemap ul li ul li a { font-size:14px; text-decoration:none !important; color:#323232;}
#sitemap ul li ul li a:hover { font-size:14px; text-decoration:underline !important; color:#2649c8;}
#sitemap ul li ul li ul { margin-left:21px;}
#sitemap ul li ul li ul li a { font-size:12px; text-decoration:none !important; color:#2649c8;}
#sitemap ul li ul li ul li a:hover { color:#323232; text-decoration:underline !important; font-size:12px; }

.triright_banner { border:1px solid #323232; padding:0px 0px 8px 0px; min-height:257px; margin-bottom:12px; }
.triright_banner h4 { margin-top:6px; padding-left:15px; margin-bottom:0px;}
.triright_banner ul { list-style:none; margin:0px; padding:0px; margin-top:7px; margin-left:3px;}
.triright_banner ul li { line-height:32px; background-image:url(../images/arrow.png); background-repeat:no-repeat; background-position:left; padding-left:25px;}

zoekeenmodel { margin:0px; padding:0px; width:100%; clear:both;}
.zoekeenmodel ul { margin:0px; padding:0px; list-style:none;}
.zoekeenmodel ul li { margin:0px; padding:0px; width:180px !important; overflow:hidden; margin-right:6px; text-align:center; float:left; border:1px solid #bbbbbb; margin-bottom:9px; min-height:305px;}
.zoekeenmodel ul li:hover { border:1px solid #80425e;}
.zoekeenmodel ul li img { width:180px;}
.zoekeenmodel ul li a { font-size:13px; text-decoration:underline; font-weight:normal; width:180px;}
.zoekeenmodel ul li:last-child { margin-right:0px !important;}
.zoekeenmodel ul li p { padding:4px 0px; text-align:center; font-size:13px; font-weight:normal;}

.header .wrapper { background:#00273f;}
.inner-bg-bottom h4 { margin-top:2px !important;}

/* CONTACT CONTENT ------------------------------------------------------------*/

#contact-sidebar{ background: #e2e0d7; }

.headertop {max-width:943px; padding:0px 10px 0px 7px;}
.headertopmenu { max-width:900px; clear:both; float:right;}
.logopart222 {padding-top:19px; padding-bottom:10px; float:left; padding-left:10px;}
/* SIDEBAR ------------------------------------------------------------*/

#sidebar{ background: #e2e0d7; }
#sidebar .block{ border-bottom: 1px solid #bcbcba; }

/* RELATED PROJECTS ---------------------------------------------------*/

.related-heading{ color: #444; }
.related-projects .thumb{ background: #ea4c88 url(../img/plus.png) center center no-repeat; }
#slider-holder #headline{
	position: relative;
	float: right;
	width: 185px;
	padding: 0px;	

}
#slider-holder #headlineinner{
	position: relative;
	float: left;
	width: 185px;
	padding: 0px; margin-left:11px;	

}
#slider-holder #headline img { clear:both; margin-bottom:1px; padding:0px; line-height:0px !important; display:block;}
#slider-holder #headlineinner img { margin-bottom:10px; padding:0px; line-height:0px !important;}
.textpart {clear:both; position:relative; max-width:768px; text-align:left; padding-top:20px; padding-bottom:20px;}

/* Browser Resets */
.flex-container a:active,
.flexslider a:active {outline: none;}
.slides,
.flex-control-nav,
.flex-direction-nav {margin: 0; padding: 0; list-style: none;} 

/* FlexSlider Necessary Styles
*********************************/ 
.flexslider {width: 100%; margin: 0; padding: 0;}
.flexslider .slides > li {display: none;} /* Hide the slides before the JS is loaded. Avoids image jumping */
.flexslider .slides img {max-width: 100%; display: block;}
.flex-pauseplay span {text-transform: capitalize;}

/* Clearfix for the .slides element */
.slides:after {content: "."; display: block; clear: both; visibility: hidden; line-height: 0; height: 0;} 
html[xmlns] .slides {display: block;} 
* html .slides {height: 1%;}

/* No JavaScript Fallback */
/* If you are not using another script, such as Modernizr, make sure you
 * include js that eliminates this class on page load */
.no-js .slides > li:first-child {display: block;}


/* FlexSlider Default Theme
*********************************/
.flexslider {
	 
	position: relative;
	
}
.home-slider {
	max-width: 960px;
}

.flexslider .slides > li {position: relative;}
.flex-container { position: relative;}

/* Direction Nav */

.no-boxshadow .flex-control-nav li a {border: 1px solid #ccc;}
.flex-control-nav li a:hover { background: #ea4c88; }
.flex-control-nav li a.active {background: #444;}

/* Project slider*/

.project-slider{
	margin-left: 0px;
	margin-right: 0px;
	margin-bottom: 60px;
	margin-top: 40px;
	position: relative;
}
.project-slider .flex-direction-nav{display: none;}
.project-slider .flex-control-nav{
	left: 0px;
	right: auto;
	bottom: -30px;
	text-align: right;
}
/* Container ------------------------------------------------------------*/

/* Container ------------------------------------------------------------*/
/* FOOTER ------------------------------------------------------------*/
.footer .footer-bottom p { color:#ffffff;}
.footer .footer-bottom .left a { color:#ffffff; font-size:24px; text-decoration:none !important;}
.footer .footer-bottom .left a:hover { color:#f2cf47;}
#comboNav {
  display: none;
}
.wrapper {
	max-width: 965px;
	-webkit-text-size-adjust: 100%; /* Stops Mobile Safari from auto-adjusting font-sizes */
}
.greaybg2{background:#f1f1f1; clear:both; position:relative; display:block; padding-bottom:20px;}

/* skin End ---------------------------------------------------------*/

article, aside, canvas, .figure, .figure img, figcaption, hgroup,
.footer, .header, .nav, .section, audio, video {
	display: block;
}
.clearfix{ clear:both; }
.clearfix:after {
	
	display: block;
	clear: both;
	visibility: hidden;
	line-height: 0;
	height: 0;
}
.wrapper{
	margin: 0 auto; 
	position: relative;}

#logo{
	display: inline-block;
	padding-top: 5px;
	padding-bottom: 0px;
}
#logo:hover{ opacity: 0.8;}
h1,h2,h3,h4,h5,h6{
	font-family: Arial, sans-serif;
	font-weight: 400;}
h1{ font-size: 30px; margin-top:1px;}
h2{ font-size: 25px; }
h3{ font-size: 20px; }
h4{ font-size: 18px; }
h5{ font-size: 14px; }
h6{ font-size: 12px; }
.wrapper {max-width: 960px;}
.right{float: right;}
.left{float: left;}
#combo-holder { clear:both;}

/* NAVIGATION ------------------------------------------------------------*/
.phonemedia {max-width:300px; padding-top:12px; float:right; margin-bottom:15px; padding-right:0px; color:#ffffff; font-size:15px;}
.phonemedia ul { margin:0px; padding:0px;  line-height:none; right:0px;}
.phonemedia ul li { float:left; padding:10px 2px;}
.phonemedia ul li a { color:#ffffff; text-decoration:none; font-size:11px; font-weight:normal; }
.phonemedia ul li a:hover { color:#323232; text-decoration:underline;}
.phonemedia span { font-size:18px; color:#757575;}
#sidebar h4,
#contact-sidebar h4{margin-bottom: 20px;}
#sidebar li{margin-bottom: 7px;}
/* MAIN ------------------------------------------------------------*/
#main{
	padding-top: 3px; padding-bottom: 12px;
	margin-bottom: 0px;}
/* SLIDER-HOLDER ------------------------------------------------------------*/
#slider-holder{padding-bottom: 12px;}

.home-slider{float: left;}
#slider-holder #headline{
	position: relative;
	float: right;
	width: 185px;
	min-height: 392px;
	padding: 0px;	

}
#slider-holder #headline img { clear:both; margin-bottom:1px; padding:0px; line-height:0px !important; display:block; }
/* FOOTER ------------------------------------------------------------*/

.footer .wrapper,
.footer-bottom{
	padding-top: 0px; height:auto;
}
.footer { background:#00273f; margin-top:5px;  }
.footer .wrapper { padding-top:10px;}
.footer-bottom{  overflow: hidden;}
.footer-bottom .left{
	width: 50%;
	padding-top: 10px;
	float: left;
}
.footer-bottom .right a {color:#ffffff; text-decoration:none;}
.footer-bottom .right a:hover {color:#000000; text-decoration:underline;}
.footer-bottom .right{
	width: 26%;
	float: right; color:#ffffff;
}
.clearbr {clear:both; line-height:0px; margin:0px; float:none; padding:0px; height:0px; width:0px;}
/* **************************************************************************************************** */
.site-footer { padding:12px 12px 25px 12px; margin:0 auto 0; position:relative; display:block; clear:both; border-bottom:1px solid #fff;}
.site-footer ul {
    margin: 11px 0 0;
}
.site-footer ul, li {
    margin: 0;
    padding: 0;
}
.site-cooler-footer {
    margin: 0 auto;
    padding: 0px 0 16px 0px;
    width: 1000px;
}
.site-cooler-footer a, .site-cooler-footer a:visited {
    font-size: 12px;
    text-decoration: none;
}
.site-cooler-footer a:hover, .site-cooler-footer span:hover {
    color: rgb(54, 94, 191);
    text-decoration: underline;
}
 
.footer-global-watercooler a {
    color: rgb(32, 32, 32);
}
.site-footer h5, .site-footer h5 a {
    color: #ffffff;
    font-size: 15px;
    font-weight: bold;
    margin: 0; text-decoration:none;
}
.site-footer ul {
    margin: 11px 0 0;
}
.site-footer li {
    line-height: 20px;
    list-style-type: none;
    margin: 0;
}
.site-footer li a:active, .site-footer li a:link, .site-footer li a:visited { color:#ffffff; line-height:23px; text-decoration:none !important;}
.site-footer li a:hover { color:#ccc; text-decoration:underline;}
.span3 {
    width: 222px; float: left;
    margin-left: 11px; margin-bottom:15px;
    min-height: 1px;
}
.scrollingbox {width:100%; margin:0px; padding:0px; position:relative; clear:both; padding-top:15px; }
.my-slider {
	height: 100px;
	margin: 0 auto;
	max-width: 732px; border:1px solid #d9e2ec; background:#ffffff; float:right;
	
}
.my-slider ul {
	height: 100px;
	overflow: hidden; margin:0px; padding:10px;
}
.my-slider li {
	float: right;
}
.graycolor {width:100%; margin:0px; padding:0px; position:relative; clear:both; padding-top:15px; background:#00273f; margin-top:15px; }
.greayinner2 {padding:18px 10px 20px 20px; clear:both; max-width:935px;}

/* Left Menu css************************************************************************************************************************************************ */

@import url(http://fonts.googleapis.com/css?family=Ubuntu:300,400,500,700);

@import url(http://fonts.googleapis.com/css?family=Open+Sans:400,600,300);
@charset "UTF-8";
/* Base Styles 
#cssmenu,
#cssmenu ul,
#cssmenu li,
#cssmenu a {
  margin: 0;
  padding: 0;
  border: 0;
  list-style: none;
  font-weight: normal;
  text-decoration: none;
  font-family: 'Open Sans', sans-serif;
  font-size: 14px;
  position: relative;
}*/
#cssmenu {
  width: 188px; border:1px solid #789fbc;
 
}

#cssmenu > ul > li {
line-height:24px; color:#2852b3; font-size:13px;
 
}


#cssmenu > ul > li > a {
  font-size: 12px;
  display: block;
  color: #2852b3;
  
}
#cssmenu > ul > li > a > span {
  display: block;
  padding: 0px 10px;
 
}

#cssmenu > ul > li.has-sub > a span {
  background: url(../images/bg2_heading.jpg) left no-repeat;
}
#test > ul > li.has-sub > a span {
  background: url(../images/bg2_heading.jpg) left no-repeat;
}

#cssmenu ul ul li {
  padding: 0;
  border-top: none;
  background: url(../images/bg_list_li.jpg) no-repeat left; line-height:24px; color:#2852b3; font-size:13px;
  
}
#cssmenu ul ul li:last-child {
  border-bottom: none;
}
#cssmenu ul ul a {
  padding: 5px 0px 1px 12px;
  display: block;
  color: #676767;
  font-size: 12px;
  font-weight: normal;
}
#cssmenu ul ul a:before {
  position: absolute;
  left: 10px;
  color: #e94f31;
}
#cssmenu ul ul a:hover {
  color: #e94f31;
}
/* ################################################################################### */
#test { padding-left:12px; padding-top:12px; width:250px;}
#test { left:-260px;}
.left_menupart a span { text-decoration:none !important;}
#test > ul > li > a {
  font-size: 12px;
  display: block;
  color: #2852b3; text-decoration:none !important;
  
}
#test > ul > li > a > div {
  display: block;
  padding: 0px 10px;
 
}

#test > ul > li.has-sub > a div {
  background: url(../images/bg2_heading.jpg) left no-repeat;
}
#test ul li a div {
background: url(../images/bg2_heading.jpg) left repeat-x; font-size:12px; text-decoration:none !important; padding-left:10px; padding-top:1px;
}
#test ul li a { text-decoration:none; }

#test ul ul li {
  padding: 0;
  border-top: none;
  background: url(../images/bg_list_li.jpg) no-repeat left; line-height:24px; color:#2852b3; font-size:13px;
  
}
#test ul ul li:last-child {
  border-bottom: none;
}
#test ul ul a {
  padding: 5px 0px 1px 12px;
  display: block;
  color: #676767;
  font-size: 12px;
  font-weight: normal; text-decoration:none;
}
#test ul ul a:before {
  position: absolute;
  left: 10px;
  color: #e94f31;
}
#test ul ul a:hover {
  color: #e94f31; text-decoration:underline;
}
.sidebar {
    width: 260px !important;
}
.sidebar-left > .toggler { background-color:#00273f !important; background-image:url(../images/left_arrow.jpg); background-repeat:no-repeat; background-position: 20% 50%; border-left:0px !important;}
/* ################################################################################### */
.twodivstop { width:auto; display:block; position:relative; margin:0px 0px 15px 0px; padding:0px;}
.twodivs { float:left; width:45%;}
.twodivs1 { float:left; width:35%;}
.twodivs2 { float:left; width:35%;}

.contentpart {max-width:760px; position:relative;}
.twocolumpart {float:left; max-width:760px;}
.textbox_blue {clear:both; width:95%; padding:10px; border:1px solid #bbbbbb; background:#e3ecf8; color:#5331a4; margin-top:12px;}
.textbox_blue h3{margin-top:0px; padding-top:0px; color:#f3851f;}
.textbox_blue a {color:#f3851f;}
.col1 { padding-top:4px !important;}
.left_menupart {float:left; width:190px; margin-right:10px;}
.middlepart {float:left; max-width:760px; margin:0px; padding:0px;}
.mid_thubpart {float:left; width:370px; padding-right:9px;}
.mid_thubpart h3 { background:url(../images/bg_heading.jpg) repeat-x left; color:#2852b3; font-family:Calibri; font-size:18px; font-weight:bold; line-height:35px; padding-left:14px; margin-bottom:10px; text-transform:uppercase;}
.right_banners {float:right; width:370px;}
.right_banners  h3 { background:url(../images/bg_heading.jpg) repeat-x left; color:#2852b3; font-family:Calibri; font-size:18px; font-weight:bold; line-height:35px; padding-left:14px; margin-bottom:10px; text-transform:uppercase;}
.thumbimgbox {width:100%; border:1px solid #d9e2ec; height:auto; /*-webkit-border-radius: 4px 4px 4px 4px; 
  -moz-border-radius: 4px 4px 4px 4px; 
  border-radius: 4px 4px 4px 4px;*/ background:#fff;  }
.thumbimgbox h3 { margin:0px; padding:0px; border-bottom:1px solid #d9e2ec; padding-left:12px;}
#jet7images { margin:0px; padding:0px; list-style:none; width:100%;}
#jet7images ul { padding:12px 5px 20px 12px; margin-bottom:12px;}
#jet7images ul li { width:100%;}
#jet7images ul li a{ text-align:center;}
#jet7images ul li img { border:0px solid #323232; float:left;}
#jet7images ul li img:hover { border:0px solid #462132;}
#jet7images ul li div { padding-left:12px; float:left; max-width:230px;}
#jet7images ul li div h4 { font-size:14px; color:#2852b3; margin:0px; padding:0px; line-height:22px;}
#jet7images ul li div p { margin:0px; padding:0px; padding-bottom:12px; clear:both; font-size:12px; line-height:normal;}

#contactbox { margin:0px; padding:0px; list-style:none; width:100%;}
#contactbox ul { padding:12px 5px 8px 12px; margin-bottom:12px;}
#contactbox ul li { width:100%;}
#contactbox ul li a{ text-align:center;}
#contactbox ul li img { border:0px solid #323232; float:left;}
#contactbox ul li h4 { text-transform:uppercase; font-size:13px; color:#2852b3; margin:0px; padding:0px; padding-top:10px; font-weight:bold;}
#contactbox ul li img:hover { border:0px solid #462132;}
#contactbox ul li div { padding-left:12px; float:left; max-width:190px;}
#contactbox ul li div h4 { font-size:17px; color:#282828; margin:0px; padding:0px; font-weight:bold; font-family:Calibri; text-transform:capitalize;}
#contactbox ul li div p { margin:0px; padding:0px; padding-bottom:12px; clear:both; font-size:12px; line-height:20px;}
/* **************************************************************************************************************************************************************** */


@media only screen and (min-width : 320px) and (max-width : 480px) { 
.textpart, .footer-bottom { padding:0px 15px;}
h1 { font-size:24px;}
#slider-holder #headlineinner {width:100%;}
.phonemedia p, .phonemedia { margin-top:0px; padding-top:0px !important;}
.imagetextpart{ float:none; clear:both; text-align:center; width:100%;}
.geurmachine1 {width:100%;}
.geurmachine2 {width:100%;}
.Therapychair1 {width:100%;}
.Therapychair2 {width:100%;}
.phonemedia { display:none;}
.headertopmenu { width:100%; clear:both;}
.my-slider{ margin:0px 10px !important; }
.right_banners { float:left;}
.middlepart { padding:10px !important;}
.left_menupart { width:auto !important; }
img.dis1 { display:none;}
}
@media only screen and (min-width : 481px) and (max-width : 700px) { 
.textpart, .footer-bottom { padding:0px 15px;}
h1 { font-size:28px;}
#slider-holder #headlineinner { width:100%;}
.phonemedia p, .phonemedia { margin-top:0px; padding-top:0px !important;}
.imagetextpart{ float:left; margin:10px;}
.geurmachine1 {width:100%;}
.geurmachine2 {width:100%;}
.Therapychair1 {width:100%;}
.Therapychair2 {width:100%;}
.phonemedia { display:none;}
.headertopmenu { width:100%; clear:both;}
.my-slider{ margin:0px 10px !important; }
.right_banners { float:left;}
.middlepart { padding:10px !important;}
.left_menupart { width:auto !important; }
img.dis1 { display:none;}
.imagetextpart{ float:none; clear:both; text-align:center; width:90%;}
}
@media only screen and (min-width : 701px) and (max-width : 960px) { 
.textpart, .footer-bottom { padding:0px 15px;}
h1 { font-size:28px;}
#slider-holder #headlineinner { width:100%;}
#main-menu > li { padding: 9px 12px 4px 0px !important;}
.phonemedia p, .phonemedia { margin-top:0px; padding-top:0px !important;}
.imagetextpart{ float:left; margin:10px;}
.right_banners { float:left;}
.twocolumpart { max-width:100% !important;}
.mid_thubpart, .right_banners { width:100%; margin-bottom:15px;}
#jet7images ul li div { max-width:80%;}
#cssmenu { display:none;}
.left_menupart { width:auto !important; }
#dis1 { display:none !important;}
#main { padding:0px 10px;}
}
@media only screen and (min-width : 100px) and (max-width : 701px) {
.mid_thubpart { width:100% !important;}	

#jet7images ul li div { max-width:78%;}
.right_banners { width:100% !important;}	

#main { padding:0px 10px;}
.left_menupart { width:auto !important; }
#dis1 { display:none !important;}
.twocolumpart { max-width:100% !important;}
.mid_thubpart, .right_banners { width:100% !important; margin-bottom:15px;}
#cssmenu { display:none;}
#test { display:block !important; visibility:visible;}
.twodivs { float:left; width:95%;}
.twodivs1 { float:left; width:85%;}
.twodivs2 { float:left; width:85%;}
#tablebuttons { margin-left:0px;}
#test ul { width:220px !important;}
#test { padding-left:0px !important; background:#fbfbfb !important;}
}
@media only screen and (min-width : 961px) and (max-width : 1980px) { 
#test {}
#test { padding-right:0px; padding-top:0px; left:0px !important; border:1px solid #ff0000;}
.sidebar { position:inherit !important; width:188px !important; right:0px !important; border:1px solid #789fbc !important; left:0px !important; padding:0px !important; margin:0px !important;}
.toggler { display:none;}
.sidebar > .row > .col-xs-12, .sidebar > .row > .col-sm-12, .sidebar > .row > .col-md-12, .sidebar > .row > .col-lg-12{ position:relative !important;}


}

