/**** GENERAL ****/
html, body, ul, p, a {
margin:0px;
padding:0px;
font:inherit;
vertical-align:basline;
font-family:Helvetica,Arial;
font-size:7.6pt;
line-height:13pt;
color:#797979;
}

div#homepage, div, header, h1, h2, h3, footer{
border:1px solid transparent;
}

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

h1, h2 {
display:block;
font-family:Helvetica-Light;
font-weight:normal;
}

h1{
font-size:11pt;
line-height:36pt;
}

h2 {
font-size:8.8pt;
padding-bottom:8px;
}

img {
display:block;
margin:0px;
padding:0px;
}

hr {
border:0px solid white;
clear:left;
margin:0px;
padding:0px;
}

#green {
color:#158D3A;
}

#blue {
color:#4DBDD6;
}

#orange {
color:#FC8223;
}

#red {
color:#EB001A;
}

#grey {
color:#797979;
}



/**** HOMEPAGE ****/
div#homepage {
width:1288px;
margin:0px auto;
}

div#homepage header{
margin:0px 0px 26px 0px;
}

div#homepage header div#logo{
float:left;
border:2px solid #158D3A;
border-radius:18px;
background-color:white;
font-size:8pt;
font-weight:normal;
text-align:center;
color:#158D3A;
width:98px;
height:104px;
margin:18px 100px -44px 284px;
-webkit-box-shadow: 0px 0px 2px 2px rgba(0,0,0,0.2);
-moz-box-shadow: 0px 0px 2px 2px rgba(0,0,0,0.2);
box-shadow: 0px 0px 2px 2px rgba(0,0,0,0.2);
}

div#homepage header div#logo img{
display:block;
width:60px;
height:63px;
/* width="70" height="73" */
margin:10px auto 4px auto;
}

div#homepage header h1#green {
font-size:20pt;
margin-top:17px;
}

div#homepage header div#blue{
clear:left;
border:1px solid #4DBDD6;
margin:0px 70px 3px 70px;
}

div#homepage header div#green{
border:1px solid #158D3A;
margin:0px 40px 3px 40px;
}

div#homepage header div#grey{
border:1px solid #5E5E5E;
margin-bottom:24px;
}

div#homepage div.column {
float:left;
width:663px;
}



/**** COlUMN 1 ****/
div#homepage div.column#one h1#green {
text-align:center;
}

div#homepage div.column#one div#news {
border:2px solid #158D3A;
border-radius:18px;
background-color:white;
padding: 12px 16px 14px 16px;
margin: 10px 18px 0px 18px;
}

div#homepage div.column#one div#news p {
margin-bottom:4px;
}

div#homepage div.column#one div#news img {
float:left;
margin:10px 20px 0px 10px;
}


/**** COlUMN 2 (JQuery tabs) ****/
li.ui-tabs-tab.ui-corner-top.ui-state-default.ui-tab a {
color:white;
-webkit-box-shadow:	inset 0 -4px 6px -6px rgba(0,0,0,0.7);
-moz-box-shadow:	inset 0 -4px 6px -6px rgba(0,0,0,0.7);
box-shadow:			inset 0 -4px 6px -6px rgba(0,0,0,0.7);
}
.ui-tabs-tab.ui-corner-top.ui-state-default.ui-tab.ui-tabs-active.ui-state-active a{
-webkit-box-shadow:	none;
-moz-box-shadow:	none;
box-shadow:			none;
}

li#green.ui-tabs-tab.ui-corner-top.ui-state-default.ui-tab.ui-tabs-active.ui-state-active,
li#green.ui-tabs-tab.ui-corner-top.ui-state-default.ui-tab {
background-color:#158D3A;
}
li#blue.ui-tabs-tab.ui-corner-top.ui-state-default.ui-tab.ui-tabs-active.ui-state-active,
li#blue.ui-tabs-tab.ui-corner-top.ui-state-default.ui-tab {
background-color:#4DBDD6;
}
li#orange.ui-tabs-tab.ui-corner-top.ui-state-default.ui-tab.ui-tabs-active.ui-state-active,
li#orange.ui-tabs-tab.ui-corner-top.ui-state-default.ui-tab {
background-color:#FC8223;
}
li#red.ui-tabs-tab.ui-corner-top.ui-state-default.ui-tab.ui-tabs-active.ui-state-active,
li#red.ui-tabs-tab.ui-corner-top.ui-state-default.ui-tab {
background-color:#EB001A;
}

div#tabs-1, div#tabs-5, div#tabs-2, div#tabs-6, 
div#tabs-3, div#tabs-7, div#tabs-4, div#tabs-8 {
border-radius:18px;
}

div#tabs-1, div#tabs-5 {
border:2px solid #158D3A;
}
div#tabs-2, div#tabs-6 {
border:2px solid #4DBDD6;
}
div#tabs-3, div#tabs-7 {
border:2px solid #FC8223;
}
div#tabs-4, div#tabs-8 {
border:2px solid #EB001A;
}



/**** COlUMN 2 (verticale overflow) ****/
div#homepage div.column#two {
width:565px;
margin:-8px 0px 0px 41px;
padding-right:14px;
}

div#homepage div.column#two ul {
display:block;
list-style-type: none;
}

div#homepage div.column#two ul li a {
border:1px solid white;
display:block;
margin-bottom:14px;
}

div#homepage div.column#two ul#overflow_vertical {
border:1px solid white;
height:244px;
overflow-x:hidden;
overflow-y:scroll;
margin:8px 0px 8px 0px;
}

div#homepage div.column#two ul#overflow_vertical li a {
border:1px solid white;
color:#797979;
margin-right:10px;
text-decoration:none;
}

div#homepage div.column#two ul#overflow_vertical li a img {
float:left;
border-radius:6px;
margin: 0px 20px 0px 6px;
}

/*
div#homepage div.column#two ul#overflow_vertical li a:hover {
text-decoration:underline;
}
*/

div#homepage div.column#two ul#overflow_vertical li a#green span {
color:#158D3A;
}
div#homepage div.column#two ul#overflow_vertical li a#green img {
border:2px solid #158D3A;
}

div#homepage div.column#two ul#overflow_vertical li a#blue span {
color:#4DBDD6;
}
div#homepage div.column#two ul#overflow_vertical li a#blue img {
border:2px solid #4DBDD6;
}

div#homepage div.column#two ul#overflow_vertical li a#red span {
color:#EB001A;
}
div#homepage div.column#two ul#overflow_vertical li a#red img {
border:2px solid #EB001A;
}

div#homepage div.column#two ul#overflow_vertical li a#orange span {
color:#FC8223;
}
div#homepage div.column#two ul#overflow_vertical li a#orange img{
border:2px solid #FC8223;
}

/*
div#homepage div.column#two ul#overflow_vertical li a#green:hover {
color:#158D3A;
}
div#homepage div.column#two ul#overflow_vertical li a#blue:hover {
color:#4DBDD6;
}
div#homepage div.column#two ul#overflow_vertical li a#red:hover {
color:#EB001A;
}
div#homepage div.column#two ul#overflow_vertical li a#orange:hover {
color:#FC8223;
}
*/


div#homepage div.column#two ul#overflow_vertical li a span,
div#homepage div.column#two div#overflow_horizontal ul li a span,
div#homepage div.column#two div#overflow_horizontal_noscroll ul li a span {
display:block;
font-weight:bold;
text-decoration:underline;
}



/**** COlUMN 2 (horizontale overflow) ****/
div#homepage div.column#two div#overflow_horizontal,
div#homepage div.column#two div#overflow_horizontal_noscroll {
border:1px solid white;
height:150px;
}

div#homepage div.column#two div#overflow_horizontal {
overflow-x:scroll;
overflow-y:hidden;
margin: 0px 8px 0px 8px;
}

div#homepage div.column#two div#overflow_horizontal_noscroll {
overflow-x:hidden;
overflow-y:hidden;
margin:0px;
}

div#homepage div.column#two div#overflow_horizontal ul,
div#homepage div.column#two div#overflow_horizontal_noscroll ul {
border:1px solid white;
/* width:655px; */
width:536px;
height:130px;
}

div#homepage div.column#two div#overflow_horizontal ul li,
div#homepage div.column#two div#overflow_horizontal_noscroll ul li {
float:left;
}

div#homepage div.column#two div#overflow_horizontal ul li {
margin-right:8px;
}

div#homepage div.column#two div#overflow_horizontal ul li a {
border:1px solid transparent;
width:121px;
color:#797979;
text-align:center;
text-decoration:none;
}

div#homepage div.column#two div#overflow_horizontal_noscroll ul li {
margin-right:2px;
border:1px solid transparent;
}

div#homepage div.column#two div#overflow_horizontal_noscroll ul#route {
margin-left:6px;
}

div#homepage div.column#two div#overflow_horizontal_noscroll ul#route li {
width:auto;
border:1px solid transparent;
margin-right:15px;
}

div#homepage div.column#two div#overflow_horizontal_noscroll ul#route li#links {
width:168px;
}
div#homepage div.column#two div#overflow_horizontal_noscroll ul#route li#rechts {
width:188px;
}

div#homepage div.column#two div#overflow_horizontal_noscroll ul#route li a {
display:inline;
line-height:14pt;
margin-bottom:0px;
}

/*div#homepage div.column#two div#overflow_horizontal ul li a:hover,
div#homepage div.column#two div#overflow_horizontal_noscroll ul li a:hover,*/
div#homepage div.column#two div#overflow_horizontal_noscroll ul#route li a:hover {
text-decoration:underline;
}

div#homepage div.column#two div#overflow_horizontal_noscroll ul#route li a:hover {
color:#4DBDD6;
}

div#homepage div.column#two div#overflow_horizontal_noscroll ul.bedrijfsgegevens {
display:block;
list-style-type: none;
width:auto;
height:auto;
margin-top:11px;
}

div#homepage div.column#two div#overflow_horizontal_noscroll ul.bedrijfsgegevens#links,
div#homepage div.column#two div#overflow_horizontal_noscroll ul.bedrijfsgegevens#rechts {
float:left;
}

div#homepage div.column#two div#overflow_horizontal_noscroll ul.bedrijfsgegevens#links {
margin-left:14px;
}

div#homepage div.column#two div#overflow_horizontal_noscroll ul.bedrijfsgegevens#rechts {
text-align:right;
margin-right:170px;
}

div#homepage div.column#two div#overflow_horizontal_noscroll ul.bedrijfsgegevens li,
div#homepage div.column#two div#overflow_horizontal_noscroll ul.bedrijfsgegevens li a {
float:none;
color:#797979;
}

div#homepage div.column#two div#overflow_horizontal_noscroll ul.bedrijfsgegevens#rechts li a {
display:inline;
}

div#homepage div.column#two div#overflow_horizontal_noscroll ul.bedrijfsgegevens#rechts li a:hover {
color:#FC8223;
}

div#homepage div.column#two div#overflow_horizontal_noscroll img.bedrijfsgegevens {
margin-top:16px;
}

div#homepage div.column#two div#overflow_horizontal ul li a img,
div#homepage div.column#two div#overflow_horizontal_noscroll ul li a img {
border-radius:6px;
margin:0px auto 4px auto;
}



/***** Safari scrollbar *****/
::-webkit-scrollbar {
width:9px;
height:9px;
} /* this targets the default scrollbar (compulsory) */

::-webkit-scrollbar-track:vertical {
background-color:white;
background-image:url("../images/track-vertical.gif");
} /* the new scrollbar will have a flat appearance with the set background color */

::-webkit-scrollbar-track:horizontal {
background-color:white;
background-image:url("../images/track-horizontal.gif");
} /* the new scrollbar will have a flat appearance with the set background color */

::-webkit-scrollbar-thumb {
border:1px solid #D4D6D9;
background-color:white;
} /* this will style the thumb, ignoring the track */

/* this will style the thumb, ignoring the track */
div#homepage div.column#two div#tabs-1 ul#overflow_vertical::-webkit-scrollbar-thumb {
border:1px solid transparent;
background-color:#158D3A;
}
div#homepage div.column#two div#tabs-2 ul#overflow_vertical::-webkit-scrollbar-thumb {
border:1px solid transparent;
background-color:#4DBDD6;
}
div#homepage div.column#two div#tabs-3 ul#overflow_vertical::-webkit-scrollbar-thumb {
border:1px solid transparent;
background-color:#FC8223;
}
div#homepage div.column#two div#tabs-4 ul#overflow_vertical::-webkit-scrollbar-thumb,
div#homepage div.column#two div#tabs-8 div#overflow_horizontal::-webkit-scrollbar-thumb {
border:1px solid transparent;
background-color:#EB001A;
}

::-webkit-scrollbar-button {
background-color: white;
} /* optionally, you can style the top and the bottom buttons (left and right for horizontal bars) */



/**** FORMULIER ****/
form#form_contact {
padding:0px;
margin:0px;
display:inline;
}

form#form_contact fieldset {
border:1px solid transparent;
display:inline;
margin:0px;
padding:0px;
}

form#form_contact fieldset legend{
color:#FC8223;
}

form#form_contact fieldset ul{
display:block;
list-style-type:none;
margin:0px;
padding:0px;
}

form#form_contact fieldset ul li{
border:1px solid transparent;
}

form#form_contact fieldset ul li hr {
clear:right;
margin-top:2px;
}

form#form_contact ul li label {
display:block;
float:left;
width:58px;
text-align:right;
padding:1px 6px 0px 0px;
}

form#form_contact ul li div#red {
margin-bottom:18px;
width:104px;
font-weight:bold;
}

form#form_contact ul li input {
float:right;
display:inline;
border:2px solid #D4D6D9;
width:150px;
height:16px;
-webkit-border-radius:0px;
}

form#form_contact ul li textarea {
float:right;
border:2px solid #D4D6D9;
height:86px;
width:190px;
-webkit-border-radius:0px
}

form#form_contact ul li input#submit {
float:left;
border:1px solid #158D3A;
width:104px;
height:22px;
color:white;
background-color:#158D3A;
-webkit-border-radius:0px
}

form#form_contact ul li span#grey {
margin:0px 0px 0px 6px;
line-height:0pt;
}



/**** RECAPTCHA ****/
div#wrap-recaptcha {
float:left;
border:2px solid #D4D6D9;
width:12px;
height:12px;
overflow:hidden;
margin:0px;
}

div#wrap-recaptcha div.g-recaptcha {
position:relative;
top:-37px;
left:-26px;
}