@charset "UTF-8";
/* CSS Document */

body {
	margin: 0;
	padding: 0;
	font-family:Arial, Helvetica, sans-serif;
}
	
#pagina {
	width:960px;
	margin:0px auto;
	text-align:left;
}

#header {
width: 100%;
height: 90px;
margin-top: 20px;
}

#fixedheader {
padding-top: 20px;
height: 240px;
width:960px;
position: fixed;
z-index: 10;
background-color:#FFFFFF;
}

#fixedheader2 {
padding-top: 20px;
height: 120px;
width:960px;
position: fixed;
z-index: 10;
background-color:#FFFFFF;
}


#header .hoofdknop, #fixedheader .hoofdknop, #fixedheader2 .hoofdknop {
width: 300px;
margin-right: 20px;
float:left;
position:relative;
}

#header .submenu,  #fixedheader .submenu, #fixedheader2 .submenu {
width: 100%;
height: 19px;
padding-top: 11px;
float:left;
position:relative;
font-size: 17px;
font-weight: bolder;
margin-bottom: 20px;
}

#fixedheader .titelbox, #fixedheader2 .titelbox {
width: 320px;
background: #fff;
float:left;
position:relative;
}

#fixedheader .titelbox p, #fixedheader2 .titelbox p {
width: 85%;
}

#fixedheader .navigatiebox {
width: 640px;
height: 120px;
float:left;
position:relative;
}

#fixedheader .navigatiebox .plaatjes {
width: 100%;
float:left;
position:relative;
}

#fixedheader .navigatiebox .plaatjes img{
padding-right: 12px;
}

#sections {
width: 100%;
float:left;
position:relative;
margin-top: 20px;
}
.navitem {
float:left;
position:relative;
margin-right: 5px;
}

#scrollpage{
width: 100%;
z-index: 1;
padding-top:260px;
}

#scrollpage2{
width: 980px;
z-index: 1;
padding-top:140px;
}

#plaatje {
float:left;
position:relative;
margin:0;
padding:0;
}

a, a:link, a:visited { color:#000000; text-decoration:none; font-weight: bolder;  }
a:hover { color:#6abc00; text-decoration:none; font-weight: bolder; }
.active { color:#6abc00; text-decoration:none; font-weight: bolder; }

h1 { font-size: 28px; line-height: 32px; color: black; margin:0; padding:0; }
h2 { font-size: 20px; line-height: 22px; color: black;  margin:0; padding:0;}

p{ font-size: 12px; line-height: 17px; }

img {
border: none;
}

/* ----- GOOGLE MAPS POPUP scroll -------- */

.pand {
margin-right: 20px;
}

.popup {
width: 300px;
height: 150px;
}
.col1 {
width: 130px;
float:left;
position:relative;
}

.col2 {
width: 150px;
float:left;
position:relative;
}



/* -------  Main Tabs -------- */

ul#main_tabs {
list-style: none;
margin: 0;
padding: 0;
}

ul#main_tabs li.tabs {
float:left;
position:relative;
text-align:left;
margin-left: 70px;
}

ul#main_tabs li.tabs a {
color:#000;
display:block;
text-decoration:none;
font-weight: bold;
}

ul#main_tabs li.tabs a:hover {
color:#72ca00;
}

ul#main_tabs li.tabs a.active {
background: white;
color: #72ca00;
}

/* -------  Bottom Tabs -------- */

ul#bottom_tabs {
list-style: none;
margin: 0;
padding: 0;
font-size: 17px;
}

ul#bottom_tabs li.tabs {
float:left;
text-align:left;
margin-right: 70px;
}

ul#bottom_tabs li.tabs a {
color:#000;
display:block;
text-decoration:none;
font-weight: bold;
}

ul#bottom_tabs li.tabs a:hover {
color:#72ca00;
}

ul#bottom_tabs li.tabs a.active {
color: #72ca00;
}

/* -------  kolom indeling -------- */

#hoofdblok{
float: left;
position:relative;
color:#000;
background-color:#fff;
width: 480px;
height: 280px;
}

#werkblok{
float: left;
position:relative;
color:#000000;
width: 300px;
margin-right: 20px;
margin-top: 20px;
}

#werkblok .titel{
height: 40px;
width: 100%;
}

#werkblok .plaatje{
height: 170px;
width: 100%;
}

#infoblok{
margin-top: 20px;
margin-right: 20px;
float: left;
position:relative;
color:#000000;
width: 277px;
padding-left: 20px;
height: 170px;
border-left: 3px solid black;
}

#infoblok .titel {
float: left;
position:relative;
height: 40px;
width: 100%;
}

#infoblok .titel h2, #linkblok .titel h2 {
margin: 0; padding:0;
}

#infoblok .info {
font-size: 12px;
line-height: 16px;
width: 90%;
}

#linkblok{
margin-top: 20px;
margin-right: 20px;
float: left;
position:relative;
color:#000000;
width: 277px;
padding-left: 20px;
height: 75px;
border-left: 3px solid black;
}

#footer{
float:left;
position:relative;
width: 100%;
margin-top: 20px;
}

/* -------  Nieuws Slider -------- */

.container { width:460px; height:280px; overflow:hidden; position:relative; padding:0; margin:0; }
div.slides { position:absolute; top:0; left:0; }
ul.slides { position:absolute; top:0; left:0; list-style:none; padding:0; margin:0; }
div.slides > div,ul.slides li { position:absolute; top:0; width:460px; height:280px; display:none; padding:0; margin:0; }

#loopedSlider,#newsSlider { margin:0 auto; width:480px; position:relative; clear:both; }
ul.pagination { list-style:none; padding:0; margin:0; }
ul.pagination li  { float:left; }
ul.pagination li a { padding:5px 4px; }
ul.pagination li.active a { color:white; }

.next {
float: left;
position:absolute;
bottom: 0;
width: 150px;
z-index: 90;
}

#nieuws p {
width: 250px;
}

#nieuws h1 {
padding-bottom: 10px;
}


.payoff {
height: 50px;
}

.oranje {
color: #ff6600;
}

#portfolioknop {
float:left;
position:relative;
width: 40px;
} 

/* -------  sitemap -------- */

ul#sitemap {
font-size: 12px;
font-weight:bold;
padding-left:0;
margin-left:0;
}

ul#sitemap li{
list-style-type:none;
font-size: 18px;
line-height: 30px;
}

ul#sitemap ul li {
list-style-type:none;
border-left: black 2px solid;
line-height: 20px;
font-size: 12px;
padding-left: 10px;
}