body {
    background-image: none;
    background-color: #fff;
}

.has-logo .header-title {
    left: 815px;
}

/* --- Naam template: Hor Drop Follow - v1.0 --- */
/*-  Zelfgeschreven code  -*/

h1.module.h2,h2.module.h2{font-family: 'Yanone Kaffeesatz', sans-serif;}

.contentAreaC:first-child .jumbotron:first-child {
    margin-top: -3.61em;
}

.contentAreaC .box, .contentAreaD .box {
    background-color: #e4e4e4;
    color: #000;
}

.box-large > h1 { font-size:3.250em!important;}

#menubutton.btn-nav:before {
    top: 1.5em;
}

.logo {
    height: 177px;
}

.header {
    margin-bottom: 0em;
}

.main-container {
    padding-top: 0em;
}

/*----------------------------------------------------------------*\

	1. Kleuren  

\*----------------------------------------------------------------*/

/*---------------------------------*\	
	1.1 Tekstkleur
\*---------------------------------*/

	/*-- Hoofdtekst - Tekstkleur --*/

			body, 
			input, 
			textarea, 
			select, 
			button 
			{
				color: inherit;
			}

	/*-- Koppen - Tekstkleur --*/

			.h1, 
			.contentAreaC .carousel figcaption, 
			.contentAreaD .carousel figcaption, 
			.h2, 
			.bar .h2, 
			.linklist .h2,
			.contact-combined dt,  
			.carousel figcaption, 
			.formbuilder .legend, 
			.display > * 
			{
    			color: inherit;
			}
	/*-- Bedrijfsnaam - Tekstkleur --*/

			.header-title .h1
			{
				color: #fff;
			}
	
	/*-- Call to action in header - Tekstkleur --*/
	
	        #actionLine, 
	        #phoneNumber
	        {
	            color: #444;
	        }

	/*-- inleiding - Tekstkleur --*/
			
			.preamble,
			.preamble p, 
			.preamble ul, 
			.preamble ol,
			.testimonial blockquote.preamble > :first-child:before, 
			.testimonial blockquote.preamble > :last-child:after,
			.testimonial figcaption 
			{
			    color: inherit;
			}

	/*-- Prijzen - Tekstkleur --*/

			.image-text .price 
			{
				color: inherit !important;
			}

	/*-- Tekst in een vak - Tekstkleur --*/

			.box p, 
			.box ul, 
			.box ol, 
			.box .h1, 
			.box .h2 
			{
    			color: inherit;
			} 

	/*-- Links in een vak - Tekstkleur --*/
	        
	        .box a
	        {
	            color: #fff;
	        }
	
	/*-- Links in een vak [:hover] - Tekstkleur --*/
	        
	        .box a:hover
	        {
	            color: #fff;
	        }

	/*-- Menu-item - Tekstkleur --*/

			.nav-primary a 
			{
				color: #fff;
			}


	/*--  actief menu-item - Tekstkleur --*/

			.nav-primary a:hover,
			.nav-primary .active > a,
			.nav-primary ul li ul li.active a 
			{
				color: #fff;
			}

	/*-- submenu item - Tekstkleur --*/

			.nav-primary ul li ul li,
			.nav-primary ul li ul li a

			{
			    color: #fff;
			}

	/*-- submenu item hover - Tekstkleur --*/

			.nav-primary ul li ul a:hover
			{
			    color: #fff;
			}

	/*-- Links - Tekstkleur --*/

			a
			{
				color:  #63C5E8;
			}

	/*-- Links [:hover] - Tekstkleur --*/

			a:hover
			{
				color:  #63C5E8;
			}

	/*- links in footer - Tekstkleur —*/ 
			
			.footer-container a 
			{ 
				color:  #63C5E8; 
			}

	/*-- Menu en submenu [:hover] - Tekstkleur --*/
			 
			ul > li.active> a, 
			nav#buttonmenu a:hover, 
			.nav-dropdown a:hover, 
			#topNav > ul > li.has-children.active > ul > li.active > a, 
			.downloadlist li:before 
			{
    			color: inherit;
			}

	/*-- Menuknop mobiel - Tekstkleur --*/

			#menubutton:before {
				color:  #63C5E8;
			}

	/*-- Spotcall - Tekstkleur --*/

			.spotcall .textbox
			{
				color: inherit;
			}

	/*-- Reactiemodule - Tekstkleur --*/

			.comments > .small:first-child,
			.comments dt.small 
			{
					color: inherit;
			}

	/*-- Openingstijden module - Tekstkleur --*/

			.contact-combined dd, 
			.contact-combined .contact-combined-opening-hours, 
			.contact-combined .contact-combined-opening-hours p, 
			.contact-combined a
			{
				color: inherit;
			}

	/*-- USP's tekstkleur - Tekstkleur --*/

			.usp ul 
			{
				color: inherit;
			}

	/*-- USP teken - Tekstkleur --*/

			.usp li:before 
			{
				color: inherit;
			}

	/*-- Pijlen van carousel --*/

			.contentAreaC .gallery-3 .nav-slider > .prev a:before, 
			.contentAreaC .gallery-3 .nav-slider > .next a:before, 
			.contentAreaC .carousel .nav-slider > .prev a:before, 
			.contentAreaC .carousel .nav-slider > .next a:before,
			.contentAreaC .gallery-3 .nav-slider > .prev a:before, 
			.contentAreaC .gallery-3 .nav-slider > .next a:before, 
			.contentAreaC .carousel .nav-slider > .prev a:before, 
			.contentAreaC .carousel .nav-slider > .next a:before
			{
				color: inherit;
			}

	/*-- Button - Tekstkleur --*/

			.verticalnav a,
			.btn-large, 
			.formbuilder .btn, 
			.checkoutArea .btn, 
			.product-single .btn,
			.call .btn,
			.btn 
			{
				color: #fff;
			}

	/*-- Button [:hover]- Tekstkleur --*/
			
			.verticalnav a:hover,
			.btn-large:hover,
			.formbuilder .btn:hover, 
			.checkoutArea .btn:hover, 
			.product-single .btn:hover,
			.call .btn:hover,
			.btn:hover
			{
				color: #fff;
			}

	/*-- button in module, variant Arrow with text - Tekstkleur --*/
			
			.btn-link
			{
				color: inherit !important;
			}

	/*-- Footer - Tekstkleur --*/

			.footer-content
			{
				color: inherit;
			}

/*---------------------------------*\	
	1.2 Achtergrond
\*---------------------------------*/
	
	/*-- Header - Achtergrondkleur --*/

			.nav-primary,
			.nav-primary ul,
			.nav-primary ul:before,
			.nav-primary ul:after
			{
			    background: #000;
			}

		@media screen and (max-width:671px) {

			#identityWrapper 
			{
   				background-color: #FFF; 
			}
		}

	/*-- Logo / bedrijfsnaam - Achtergrondkleur --*/

			.logo,
            .header
			{
			    background: #fff;
			}
			

	/*-- Submenu - Achtergrondkleur --*/

			.nav-primary ul li ul li
			{
			    background: rgba(0,0,0,0.8);
			}

	/*-- Actief menu-item - Achtergrondkleur --*/

			.nav-primary li.active,
			.nav-primary li:hover
			{
			    background: #444;
			}

	/*-- Actief submenu item - Achtergrondkleur --*/

			.nav-primary ul li ul li.active,
			.nav-primary ul li ul li:hover
			{
			    background: #000;
			}

	/*-- Tekst-in-een-vak - Achtergrondkleur --*/

			.box
			{
				background: inherit;
			}

	/*-- Button - Achtergrondkleur --*/

			.btn, 
			.formbuilder .btn, 
			.btn-large,
			.call .btn,
			.verticalnav a,
			.gallery-3 .nav-slider > .prev a:before,  
			.gallery-3 .nav-slider > .next a:before, 
			.carousel .nav-slider > .prev a:before, 
			.carousel .nav-slider > .next a:before, 
			.gallery-4 .prev a:before, 
			.gallery-4 .next a:before 
			{
    			background: #F2B409;
			}

	/*-- Button [:hover] - Achtergrondkleur --*/

			.btn:hover 
			{
			    background:  #63C5E8;
			}

	/*-- Spotcall - Achtergrondkleur --*/
			
			.spotcall .textbox 
			{
				background: inherit;
				border-color: inherit;
			}

	/*-- Pijltjes - Achtegrondkleur --*/

			.arrow-box 
			{
	    		border-bottom: 5px solid #e0e2e2;
			}	

	/*-- Footer - Achtegrondkleur --*/

			.footer-container 
			{
				background: #e3e3e3;
			}

/*---------------------------------*\	
	1.3 Randen
\*---------------------------------*/

	/*-- Menu-items - Randkleur --*/
			
			.nav-primary .active > a,
			.nav-primary ul li ul li.active a 
			{
			    border-bottom: 0;
			}

	/*-- Submenu - Randkleur --*/

			.nav-primary > ul ul:after, 
			.nav-primary > ul ul:before,
			.nav-primary > ul ul
			{
			    border-top: inherit;
			}

    /*-- Rand boven menu-items --*/
            
            .nav-primary ul li 
            {
                border-top: 0;
            }
            
	/*-- Rand boven en onder de speciale kop --*/

			.linklist .h2, 
			.linklist .cart-container .headline, 
			.cart-container .linklist .headline, 
			.linklist .carousel figcaption, 
			.carousel .linklist figcaption, 
			.linklist .product-units .price, 
			.product-units .linklist .price, 
			.linklist .image-text .price, 
			.image-text .linklist .price, 
			.linklist .checkoutArea .h1, 
			.checkoutArea .linklist .h1
			{
				border-top: inherit;
				border-bottom: inherit;
			}


	/*-- Rand onder reactiemodule --*/
			
			.comments .h4 
			{	
				border: inherit;
			}	

/*----------------------------------------------------------------*\

	2. font-type en size

\*----------------------------------------------------------------*/

/*---------------------------------*\	
	2.1 font-weight
\*---------------------------------*/

	/*-- dikgedrukte tekst - Font-weight --*/

			b, strong 
			{
				font-weight: 700;
			}
	
	/*-- dikgedrukt actief menu - Font-weight --*/		
			
			.nav-primary .active > a
			{
			    font-weight: 300;
			}

/*---------------------------------*\	
	2.1 font-type
\*---------------------------------*/
	
	/*-- Company name - lettertype --*/

			.header-title .h1 
			{
				font-family: 'Yanone Kaffeesatz', sans-serif;
			}
	/*-- Menu-items - lettertype --*/

			.nav-primary a 
			{
				font-family: "Roboto", arial, helvetica, sans-serif;
			}

	/*-- Submenu - lettertype --*/

			.nav-primary ul ul a 
			{
				font-family: "Roboto", arial, helvetica, sans-serif;
			}

	/*-- Koppen - lettertype --*/

			.h1,
			.display > *,
			.contentAreaC .carousel figcaption,
			.contentAreaD .carousel figcaption
			{
				font-family: 'Yanone Kaffeesatz', sans-serif;
			}

	/*-- Subkoppen - lettertype --*/

			.module .h2,
			.module .carousel figcaption,
			.module .h1,
			.module .contentAreaC .carousel figcaption,
			.contentAreaC .carousel .module figcaption,
			.module .contentAreaD .carousel figcaption,
			.contentAreaD .carousel .module figcaption
			{
				font-family: 'Yanone Kaffeesatz', sans-serif;
			}

	/*-- Inleiding - lettertype --*/

			.preamble p,
			.preamble ul,
			.preamble ol
			{
				font-family: "Roboto", arial, helvetica, sans-serif;
			}

	/*-- Body text - lettertype --*/

			.contentArea 
			{
				font-family: "Roboto", arial, helvetica, sans-serif;
			}

	/*-- Buttons - lettertype --*/

			.btn 
			{
				font-family: inherit;
			}

/*---------------------------------*\	
	2.2 font-size
\*---------------------------------*/
		
	/*-- Company name - lettergrootte --*/

			.header-title .h1 
			{
				font-size: 1.3125em;
			}

	/*-- Menu-items - lettergrootte --*/

			.nav-primary a 
			{
				font-size: 1.25em;
			}

	/*-- Submenu - lettergrootte --*/

			.nav-primary ul ul a 
			{
				font-size: 0.9em;
			}

	/*-- Koppen - lettergrootte --*/

			.h1,
			.contentAreaC .carousel figcaption,
			.contentAreaD .carousel figcaption
			{
				font-size: 3.4375em;
			}

		/*----------------------------------------------------------------*/
		@media only screen and (max-width: 671px) { 

			.h1,
			.contentAreaC .carousel figcaption,
			.contentAreaD .carousel figcaption
			{
				font-size: 2.25em;
			}

		}
		/*----------------------------------------------------------------*/

	/*-- Subkoppen - lettergrootte --*/

			.module .h2,
			.module .carousel figcaption,
			.module .h1,
			.module .contentAreaC .carousel figcaption,
			.contentAreaC .carousel .module figcaption,
			.module .contentAreaD .carousel figcaption,
			.contentAreaD .carousel .module figcaption
			{
				font-size: 1.9375em;
			}

	/*-- Inleiding - lettergrootte --*/

			.preamble p,
			.preamble ul,
			.preamble ol
			{
				font-size: 1.315em;
			}

		/*----------------------------------------------------------------*/
		@media only screen and (max-width: 671px) { 

			.preamble p,
			.preamble ul,
			.preamble ol
			{
				font-size: 1.45833em;
			}

		}
		/*----------------------------------------------------------------*/

	/*-- Body text - lettergrootte --*/

			p, 
			ul, 
			ol,
			.spotcall .textbox > * 
			{
				font-size: 1.0625em;
			}

	/*-- Buttons - lettergrootte --*/

			.btn 
			{
				font-size: inherit;
			}

		/*----------------------------------------------------------------*/
		@media only screen and (max-width: 671px) { 

			.btn-facebook:before,
			.btn-twitter:before,
			.btn-googleplus:before,
			.btn-linkedin:before 
			{
				font-size: 1.5em;
			}

		}
		/*----------------------------------------------------------------*/

/*-- MONO fix, do not touch --*/

			#bodyEmu .header 
			{
				display: none;
			}

.page_home .contentAreaC .htmlModule {text-align:center;}