@font-face
{
font-family: DinRegular;
src: url(../fonts/din-regular.ttf);
}

/* ===================== BODY ======================== */

body 
{
	margin				:	0px;
	padding				: 	0px;
}

img
{
        max-width: 100%;
}

form 
{
	margin				:	0px;
	padding				: 	0px;
}

a 
{
	text-decoration		: 	underline;
}

#container 
{
	width				: 	100%;
	text-align			: 	left;
	overflow			:	hidden;
}

p {
	line-height: 22px;	
}

ul {
	list-style-type: disc;	
}

ul, li, ol {
	line-height: 22px;	
}

/* ===================== FORMS ======================== */

.siteobject_forms_form tr {
	height				:	30px;	
}

.siteobject_forms_form th {
	font-weight			:	normal;
	
}

.siteobject_forms_form td {
}

.siteobject_forms_form td input, .siteobject_forms_form td textarea {

}

.siteobject_forms_form td select {

}

/* ===================== HEADER ======================== */

#header-wrapper {
    padding: 0px 0px;
    background-color: #e96808;
    box-shadow: 0 5px 5px -5px #333;
}

.searchForm_input
{
	width				:	180px;
	height				:	24px;
	border-top			:	1px solid #a3a3a3 !important;
	border-bottom		:	1px solid #a3a3a3 !important;
	border-left			:	1px solid #a3a3a3 !important;
	color: #cccccc;
	text-indent: 7px;	
	float: left;
}

.searchsubmit 
{
	border-right		: 	1px solid #a3a3a3 !important;
	border-top			: 	1px solid #a3a3a3 !important;
	border-bottom		: 	1px solid #a3a3a3 !important;
	cursor				:	pointer;
	width				:	28px;
	height				:	28px;
	background			: 	url(../images/ico-search.jpg) no-repeat;
	margin-left			:	-6px;
}

.afb-offerteaanvraag {
	position: relative;	
	left: 50px;
	top: 220px;
	z-index: 250;
}

.siteobject_moodsetters_slider {
	margin-top: 0px;	
}

/* ===================== TALEN ======================== */

#talen {font-size: 9px; color: #CCCCCC;}

@media (max-width: 767px) {
    #talen {
    padding: 15px 0px;
    margin: 0px auto;
    width: 220px;
    }
    
    #talen-buttons {float: left;}
    
    #talen-button {height: 30px; float:left; text-align:center;}
    #talen a {display:block; width:37px; height:25px; text-indent:-9999px; display:inline-block; margin-right:5px;}
    #talen a.be {background:url("../images/ico-be.png") no-repeat; border: 0px solid #a4abb1;}
    #talen a.gb {background:url("../images/ico-gb.png") no-repeat; border: 0px solid #a4abb1;}
    #talen a.fr {background:url("../images/ico-fr.png") no-repeat; border: 0px solid #a4abb1;}
    #talen a.de {background:url("../images/ico-de.png") no-repeat; border: 0px solid #a4abb1;}
}

@media (min-width: 768px)  {
#talen-buttons {float: right;}

#talen-button {height: 30px; float:left; text-align:center;}
#talen a {display:block; width:37px; height:25px; text-indent:-9999px; display:inline-block; margin-right:10px;}
#talen a.be {background:url("../images/ico-be.png") no-repeat; border: 1px solid #a4abb1;}
#talen a.gb {background:url("../images/ico-gb.png") no-repeat; border: 1px solid #a4abb1;}
#talen a.fr {background:url("../images/ico-fr.png") no-repeat; border: 1px solid #a4abb1;}
#talen a.de {background:url("../images/ico-de.png") no-repeat; border: 1px solid #a4abb1;}
    }

/* ===================== CONTENT ======================== */

#moodsetter-content {
    border-top: 1px solid #f68220;
    border-bottom: 5px solid #83fc01;
}

#descriptions iframe {
	position: relative;
	z-index: 500;	
}

#moodsetter {
	width: 100%;
	margin: 0px auto;
	z-index: -1;
}

#right 
{
	float				: 	left;
	min-height			:	300px;
	z-index				:	0;
	padding				:	0 0 30px 0;
}

#content-wrapper {
    padding: 15px 0px;
}

#content-right-top a {
	color				:	#ffffff !important;
}

#content-right-top a:hover {
	color				:	#ededed !important;
}

#contentHeader,
#contentHeader img,
#contentSpacing,
#innerContentSpacing 
{
	margin				: 	0px;
	padding				: 	0px;
}

#contentHeader img 
{
	width				:	640px;
}

.siteobject_pages_homepage p {
	padding-bottom: 0px !important;
	margin-bottom: 0px !important;	
}

#innerContentText {
	padding-right		:	20px;
}

#descriptions h1
{
	color: #ffffff;
}

h1 p, h2 p, h3 p {
	margin				:	0px;
	padding				:	0px;
}

/* ===================== MENU ======================== */

/* ===================== HORIZONTAL MENU ======================== */


#navbar {
	position			: 	relative;
	z-index				:	10;
}

#navbar ul
{
	z-index				:	10;	
}
.test_content{margin:10px 0;}
.scroller_anchor{height:0px; margin:0; padding:0;}
.scroller{background:#FFF; border:1px solid #CCC; margin:0 0 10px; z-index:100; height:50px; font-size:18px; font-weight:bold; text-align:center; width:960px;}

#navbar ul.level0 ul {
	display				: 	none;
}

#navbar ul.level0,
#navbar ul.level0 * {
	margin				: 	0px;
	padding				: 	0px;
	list-style-type		: 	none;
}

#navbar ul.level0 li.level1 {
	display				: 	block;
	position			:	relative;
}

#navbar li.level2 {
	display				: 	block;
	position			:	relative;
}

@media (min-width: 767px) { 
#navbar ul.level1 {
    background-clip: padding-box;
    border: 1px solid rgba(0, 0, 0, 0.15);
    border-radius: 4px;
    box-shadow: 0 6px 12px rgba(0, 0, 0, 0.176);
    display: none;
    left: 0;
    list-style: outside none none;
    margin: 1px 0 0;
    min-width: 160px;
    padding: 5px 0;
    position: absolute;
    text-align: left;
    top: 100%;
    z-index: 1000;
	}
	
	#navbar ul.level0 li.level1 {
	display				: 	block;
	position			:	relative;
	float:left;
}
}

@media (max-width: 767px) { 
#navbar li {
	display				: 	block;
	position			:	relative;
}

#navbar ul.level1 {
    background-clip: padding-box;
    left: 0;
    list-style: outside none none;
    min-width: 160px;
    padding: 5px 0;
    text-align: left;
    top: 100%;
    z-index: 1000;
	}
}

#navbar li a {
	display				: 	block;
	white-space			: 	nowrap;
	text-decoration		:	none;	
}



#navbar ul.level1 li a {
	padding				: 	5px 5px 5px 30px;
	display				: 	block;
}

#navbar li ul {
	top					: 	0px;
	left				: 	100%;
	white-space			:	nowrap;
}

#navbar li.level0:hover ul.level0,
#navbar li.level1:hover ul.level1,
#navbar li.level2:hover ul.level2,
#navbar li.level3:hover ul.level3 {
	display				: 	block;
}

/* ===================== SEARCH ======================== */

#searchForm 
{
	padding-left		:		10px;
}

#right #searchForm form #pattern_input 
{
	z-index				: 	0;
	width				: 	161px;
}

#right #searchForm form input.submit 
{
	width				: 	72px;
	height				: 	25px;
}

#searchForm label
{
	display: block;
}

.searchsubmit 
{
	background-color	: 	transparent;
	border				: 	0px none;
	cursor				:	pointer;
	width				:	25px;
}

#socialmedia-wrapper {
    padding: 15px 0px;
}

/* ===================== FOOTER ======================== */

#footer-wrapper 
{
    padding: 15px 0px 50px 0px;
    background-color: #ebecec ;
    border-top: 1px solid #e1e2e1;
}

#footer 
{
    color   : #3c4447;
}

#footer a 
{
	text-decoration		: 	none;
}

#footer a:hover { color: #000;}

/* ===================== COPYRIGHT ======================== */

#copyright-wrapper 
{
	padding: 15px 0px;
    background-color: #3c4447;
}

#copyright 
{
    color               :   #ebecec;
}

#copyright a 
{
	text-decoration		:  none;
}

#copyright a:hover {color: #fff}




/* ===================== CONTACTFORM ======================== */

#contactForm tr
{
	height: 40px;	
}

.row_ElementTextarea
{
	height: 70px !important;	
}

#contactForm th
{
	font-weight: normal;	
}

input[type="checkbox"], input[type="radio"] {
	width: 20px !important;	
}

td label {
	margin-right: 10px !important;	
}

#contactForm input
{
	width: 100%;	
}

#contactForm input #contactForm_submit .button
{
	width: 50px !important;
	text-align: right;	
}

#contactForm textarea
{
	width: 100%;	
}

#contactForm input[type="submit"], .button
{
	background: #f78320;
	border:	1px solid #CCCCCC !important;	
	color: #ffffff;
	width: 306px !important;
	margin-top: 5px;
	cursor:pointer;
}

/* ===================== HOME BLOKKEN ======================== */
#blocks {

}

#blocks p {

}

#logos {
	padding: 10px 10px;
	float: left;
	width: 990px;
	background: #dfe0e1;
	margin: 35px 0px 30px 0px;
}

#block-orange {
	background: #f68220;
	border: 5px solid #ffffff;
	padding: 10px;
	box-shadow: 1px 1px 10px 1px #888888;
    margin: 10px;
	color: #ffffff;
}

#block-black {
	background: #3c4447;
	border: 5px solid #ffffff;
	padding: 10px;
	box-shadow: 1px 1px 15px 1px #888888;
    margin: 10px;
	color: #ffffff;
}

#block-wrapper a { text-decoration: none !important;}

@media (min-width: 768px)
{
    #block-orange 
    {
	height: 320px;
    overflow: hidden;
    }
    
    #block-black 
    {
	height: 320px;
    overflow: hidden;
    }
}

@media (max-width: 767px) {
    #block-content {
        display:none;
    }
    
    #socialmedia {padding :15px 15px; }
    #newsletter {padding :15px 15px;}
}




#facebook {width: 100px;}

#subscription input[type=submit] {
    border: 0;
    width: 80px;
    height:25px;
    font-family: Tahoma;
    background: #f4f4f4;
    /* Old browsers */
    background: -moz-linear-gradient(top, #f4f4f4 1%, #ededed 100%);
    /* FF3.6+ */
    background: -webkit-gradient(linear, left top, left bottom, color-stop(1%, #f4f4f4), color-stop(100%, #ededed));
    /* Chrome,Safari4+ */
    background: -webkit-linear-gradient(top, #f4f4f4 1%, #ededed 100%);
    /* Chrome10+,Safari5.1+ */
    background: -o-linear-gradient(top, #f4f4f4 1%, #ededed 100%);
    /* Opera 11.10+ */
    background: -ms-linear-gradient(top, #f4f4f4 1%, #ededed 100%);
    /* IE10+ */
    background: linear-gradient(to bottom, #f4f4f4 1%, #ededed 100%);
    /* W3C */
    filter: progid:DXImageTransform.Microsoft.gradient(startColorstr='#f4f4f4', endColorstr='#ededed', GradientType=0);
    /* IE6-9 */
	cursor: pointer;
}

#subscription input[type=submit]:hover {
	background: #f5750a;
	color: #ffffff;	
}