/* CSS BY SJOERDVIJFHUIZEN.NL */

body {font:normal 62.5%/1.8em helvetica,arial,sans-serif; color:#434343; background: url(../img/bg.png) repeat;}

div#header, div#footer {margin: 0 auto; width:1000px;}

#header {padding: 25px 0 0 0; height: 90px;}
#header #logo {float: left; width: 184px; height: 89px; background: url(../img/be2daylogo.png) no-repeat; margin-left: 45px; }
#header #logo h1 {text-indent: -9999px; width: 170px; height: 85px;}
#header #logo h1 a {display: block; width: 100%; height: 100%;}

#header #menu {float: right; padding: 42px 10px 0 0;}
#header #menu ul {width: 430px;}
#header #menu ul li {float: left; margin-right: 20px;}
#header #menu ul li a {font-size: 1.6em; text-decoration: none; color: #999;}
#header #menu ul li a:hover, #header #menu ul li a.active {color: #08ba69;}

#mid {padding: 40px 0 0 50px; width: 960px; min-height: 630px; margin: 0 auto; background: url(../img/midbg.jpg) no-repeat;}

#fp-foto {
	float: left;
	height: 225px;
	width: 610px;
	margin-bottom: 40px;
	background-image: url(../img/abstract.jpg);
	background-repeat: no-repeat;
	background-position: center -75px;
}

#foto {
	float: left;
	height: 100px;
	width: 610px;
	margin-bottom: 40px;
	background-image: url(../img/abstract-04.jpg);
	background-repeat: no-repeat;
	background-position: center;
}

#foto-2 {
	float: left;
	height: 100px;
	width: 610px;
	margin-bottom: 40px;
	background-image: url(../img/abstract-05.jpg);
	background-repeat: no-repeat;
	background-position: center;	
}

#foto-3 {
	float: left;
	height: 100px;
	width: 610px;
	margin-bottom: 40px;
	background-image: url(../img/abstract-02.jpg);
	background-repeat: no-repeat;
	background-position: center;}

#cp-foto {float: left; height: 400px; width: 610px; background: url(../img/abstract-03.jpg) no-repeat top; margin-bottom: 40px;}

#titel {float: right; height: 100px; width: 300px; margin: 0 40px 40px 0;}
#titel h1 {font-size: 2.4em; font-weight: bold; text-transform: uppercase; margin: 40px 0 0 40px;}

#fp-tekstblok {float:left; width: 580px; min-height: 150px; padding-left: 12px;}
#fp-tekstblok h3 {
	font-size: 2em;
	font-weight: bold;
	text-transform: uppercase;
	margin-bottom: 27px;
}
#fp-tekstblok p#fp-introtekst {
	font-size: 1.3em;
	margin-bottom: 25px;
	line-height: 1.8em;
}

#fp-buttons {float: right; width: 320px; margin-right: 30px;} 
#fp-buttons .button {float:left; width: 310px; min-height: 130px; padding-left: 20px; background: url(../img/buttonbg.png) repeat-x;}
#fp-buttons .button:hover {background-color: #dfdfdf;}
#fp-buttons .buttonimg {float:left; width: 75px; height: 75px; margin-top: 25px; margin-right: 10px;}
#fp-buttons .button h4 {font-size: 1.8em; color: #3399ff; height: 40px; line-height: 40px; margin-top: 10px;}
#fp-buttons .button p {font-size: 1.3em; float:left; width: 210px; padding-right: 10px;}
#fp-buttons .button a {color: #08ba69; text-decoration: none; float: right;}
#fp-buttons .button a:active {position: relative; top: 1px;}

#np {float: left; width: 320px; margin-right: 10px;} 

#np-tekstblok {float: left; width: 580px; min-height: 150px; padding-left: 30px;}

.button a {padding-right: 15px; background: url(../img/pijltje.png) no-repeat right 5px;}
.button a:hover {border-bottom: 1px solid #08ba69;}

#buttons {margin: 0 0 0 0;} 
#buttons .button {float:left; width: 910px; padding-left: 10px; min-height: 100px; background: url(../img/buttonbg.png) repeat-x;}
#buttons .button:hover, #buttons .button.active {background-color: #dfdfdf;}
#buttons .buttonimg {float:left; width: 75px; height: 100px; margin: 15px 40px 0 20px}
#buttons .button h4 {font-size: 1.8em; color: #3399ff; height: 40px; line-height: 40px; margin-top: 10px;}
#buttons .button p {font-size: 1.3em; line-height: 1.6em; float:left; width: 560px; padding-right: 10px;}
#buttons .button a {color: #08ba69; font-size: 1.3em; text-decoration: none; float: right; margin-right: 5px;}
#buttons .button a:active {position: relative; top: 1px;}

#pr-buttons {margin: 0 0 0 0;} 
#pr-buttons .button {float:left; width: 297px; padding-left: 10px; min-height: 90px; background: url(../img/buttonbg.png) repeat-x;}
#pr-buttons .button:hover, #pr-buttons .button.active {background-color: #dfdfdf;}
#pr-buttons .buttonimg {float:left; width: 75px; height: 75px; margin: 5px 10px 0 0;}
#pr-buttons .button h4 {font-size: 1.8em; color: #3399ff; height: 40px; line-height: 40px; margin-top: 10px;}
#pr-buttons .button p {font-size: 1.3em; line-height: 1.6em; float:left; width: 200px; padding-right: 10px;}
#pr-buttons .button a {color: #08ba69; text-decoration: none; float: right;}
#pr-buttons .button a:active {position: relative; top: 1px;}

#id-buttons {margin: 0 0 0 0;} 
#id-buttons .button {float:left; width: 440px; padding-left: 20px; min-height: 120px; background: url(../img/buttonbg.png) repeat-x;}
#id-buttons .button:hover, #id-buttons .button.active {background-color: #dfdfdf;}
#id-buttons .buttonimg {float:left; width: 95px; height: 75px;}
#id-buttons .buttonimg img {max-width: 75px;}
#id-buttons .button h4 {font-size: 1.8em; color: #3399ff; height: 40px; line-height: 40px;}
#id-buttons .button p {font-size: 1.3em; float:left; width: 320px; padding-right: 10px;}
#id-buttons .button a {color: #08ba69; text-decoration: none; float: right;}
#id-buttons .button a:active {position: relative; top: 1px;}

#links {float: left;}
#links li {margin-bottom: 3px;}

#linksdaniel {float: right;}
#linksdaniel li {margin-bottom: 3px; margin-top: 3px;}

#twitter  {margin-top: 0px; margin-right: 60px; margin-left: 10px; float: right;}

#nieuwtje {float: left; margin-top: 0px;}
#nieuwtje li {margin-bottom: 3px;}

.rij {border-top:1px solid #e6e6e6; border-bottom:1px solid #f9f9f9; padding: 24px 0; width: 870px; margin: 0 20px 0 20px; float: left;}
.rij.eerste {border-top: 0; margin-top: 20px;}
.rij.laatste {border-bottom: 0;}
.rij h2 {font-size: 2em; font-weight: bold; margin-bottom: 12px;}
.rij h3 {font-size: 1.8em; font-weight: bold; width: 250px;}
.rij h3 a, .rij h3 a:hover, .rij h3 a:visited, .rij h3 a:active {text-decoration: none; color: #434343; margin: 0;}
.rij h4 {font-size: 1.5em; font-weight: bold;}
.rij a {color: #08ba69;}
.rij p {font-size: 1.3em; margin-bottom: 7px; line-height: 2em;}
.rij a, .contact a {color: #08ba69; text-decoration: none;}
.rij a:hover, contact a:hover {text-decoration: underline;}
.rij a:active, contact a:active {position: relative; top: 1px;}

.rij.eerste .linkerkolom {float: left; width: 470px; padding-right: 29px;}
.rij.eerste .rechterkolom  {float: left; width: 340px; padding-left: 24px;}

.linkerkolom {float: left; width: 265px; padding-left: 5px;}
.rechterkolom {float: left; width: 600px;}

.contactkolom {
	font-size: 1.3em;
	line-height: 2em;
	margin-left: 660px;
	margin-right: 40px;
}

.pdf {margin:16px 0 0 21px; font-size: 1.4em; padding-left: 42px; background: url(../img/pdf.png) left no-repeat; height: 42px; line-height: 42px; display: block;}
.pdf2 {margin: 0 60px 0 0; padding-right: 30px; background: url(../img/pdf2.png) right no-repeat; line-height:auto;}


.testitop {background: url(../img/testitopbg.png) no-repeat; width: 360px; height: 25px;}
.testi {background: url(../img/testimidbg.png) repeat-y; width: 360px;}
.testi .controls {height: 14px; margin-right: 25px;}
.testi .controls a {width: 25px; height: 19px; display: block; float: right;}
.testi .controls a.prev { background: url(../img/prev.jpg) no-repeat left top; margin-right: 1px;}
.testi .controls a.next {background: url(../img/next.jpg) no-repeat left top;}
.testibox {width: 300px; height: 350px; text-align: left; overflow: hidden; margin: 0 30px;}
.testibox img {float: left; margin: 3px 10px 3px 10px;}
.testibox p {font: italic 1.4em/1.8em helvetica,arial; color: #434343; text-shadow: 1px 1px #fff;}
.testibox b {font-style: normal;}
.testibottom {background: url(../img/testibottombg.png) no-repeat; width: 360px; height: 25px; margin-top: -2px;}

.kolom {float: left; width: 33%;}
.kolom h3 {font-size: 1.8em; font-weight: bold;}
.kolom p {font-size: 1.3em; margin-bottom: 7px; line-height: 2em;}

#footer {text-align: right; margin-top: 10px;}
#footer p { color: #9a9a9a; font-size: 1.2em;margin-right: 40px; padding-bottom: 42px;}
#footer a {color:#CCCCCC; font-size: inherit; text-decoration:none;}
#footer a:hover, contact a:hover {text-decoration: underline;}

#nieuwsblok {width: 550px; min-height: 30px; margin: 0px 0 20px 0px; float: left; border-bottom:1px solid #e6e6e6; border-top:1px solid #e6e6e6;}
#nieuwsblok p {margin-top: 8px; margin-bottom: 8px; margin-left: 0px; margin-right: 15px; color:#08ba69; font-size:12px; text-decoration: none; line-height: auto;}
#nieuwsblok a {color:#08ba69; font-size:12px; text-decoration: none; display: inline-block; line-height: auto; margin-bottom: 8px;}
#nieuwsblok a:hover, contact a:hover {text-decoration:underline;}