@charset "utf-8";
/* CSS Document */
.clearBoth{
clear:both;
}
html,body {
background-color: #313131;
margin:0;
padding:0;
font-family:Arial, Helvetica, sans-serif;
font-size: 12px;
line-height: 20px;
color: #fff;
}
h1 {
font-size: 18px;
}
h2 {
font-size: 18px;
color: #4bc731;
}
h3 {
font-size:12px;
margin: 8px 0 3px 0;
}
img {
border:none;;
}
a:link, a:hover, a:visited, a:active{
color:#4bc731;
text-decoration:none;
}
a.mailing {
font-family: Arial narrow;
font-size:18px;
font-stretch:narrower;
}

/* Basis structuur website */
#container {
position:absolute;
top: 72px;
left: 50%;
width: 973px;
margin-left: -486px;
height: 100%;
}
#top {
position: absolute;
top: 20px;
left: 50%;
margin-left: -460px;
height: 72px;
}
#disclaimer {
position: absolute;
top: 25px;
left: 59%;
margin-left: 200px;
font-family: Arial, Helvetica, sans-serif;
font-size: 9pt;
color: #666;
}
#menu {
position: absolute;
left: 50%;
top: 58px;
height: 39px;
margin-left: -40px;
z-index: 5;
}
#frame {
position: relative;
/* overflow:hidden; */
background:url(img/pages/home.jpg) no-repeat top;
width: 973px;
height: 100%;
clear:both;
}
#footer {
position: relative;
background:url(img/pages/footer.jpg) #000 no-repeat bottom;
width: 973px;
height: 85px;
}
#content {
margin:0 auto; 
background: url(enlarger.jpg) repeat-y top left;
width:910px;
}


/* Home pagina elementen */
#welkom {
float:left;
width: 560px;
}
#welkom h2 {
padding:0;
line-height:0;
}
#mailgrabber {
width: 290px;
height: 130px;
}
#nieuws {
float:right;
width: 350px;
}
#nieuws h2 {
margin:0 0 0 20px;
}
#nieuwsItems{
padding:0 0 0 20px;
border-left:#666 solid 1px;
}


/* Nieuws pagina */

#nieuws-iframe {
position: absolute;
left: 0px;
top: 0px;
width: 925px;
border: none;
scrollbar-face-color: Black;
scrollbar-highlight-color: Black;
scrollbar-3dlight-color: Black;
scrollbar-shadow-color: Black;
scrollbar-darkshadow-color: Black;
scrollbar-track-color: Black;
scrollbar-arrow-color: #4BC731;
}
#nieuws-item {
float:left;
width: 900px;
}
#nieuws-item2 {
position:relative;
float:left;
width: 500px;
}
#youtube {
float:right;
width: 400px;
}
#screenshot {
float:right;
width: 350px;
}

/* Over ons pagina elementen */
/*
#view-portal {
position: absolute;
left: -23px;
top: -262px;
z-index: 1;
}
*/
#flash-down {
position:absolute;
z-index:1;
top:8px;
left:7px;
width:957px;
height:242px;	
}
#overons {
float:left;
width: 660px;
}
#foto-groen {
float:right;
background:url(img/jeroen-groen.jpg) no-repeat top left;
width:250px;
height:302px;
}

/* Werkwijze pagina elementen */
#row-left {
float:left;
padding-left:40px;
padding-top:130px;
width:360px;
}

#row-right {
float:right;
padding-top:75px;
width: 400px;
}

td.f-button {
background:url(/img/button.jpg) no-repeat;
width: 151px;
height: 58px;
padding-top: 3px;
}

/* Klanten pagina elementen */
#klanten-overzicht {
float:left;
width:500px;
}
#klanten-info {
float:right;
width:390px;
}

/* Ons werk pagina elementen */
.thumbnail{
	padding: 3px 3px 8px 3px;
	background-color: #222;
	border: 1px solid #2a2a2a;
	float: left;
	margin-right: 10px;
	margin-bottom: 10px;
}
	
#row1, #row2, #row3, #row4, #row5 {
float:left;
width: 150px;
height: 240px;
padding-left:35px;
}

#row1 {
left: 25px;
}
#row2 {
left: 160px;
}
#row3 {
left: 325px;
}
#row4 {
left: 500px;
}
#row5 {
left: 675px;
}

/* Contact pagina elementen */
#adresgegevens, #contact-formulier {
float:left;
width: 300px;
height: 250px;
}

#adresgegevens {
float:left;
left: 10px;
}
#contact-formulier {
float:left;
left: 350px;
}
#iphone
{
position: absolute;
top: 110px;
left: 720px;
width: 190px;
height: 417px;
}