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


/*------------------------------------------------------- body  -----------------------------------------------------------*/
*{
padding:0;
margin:0;
}
body,td,th {
	font: 13px "Century Gothic", Tahoma, Georgia, sans-serif;
	color: #FFFFFF;
}
body {
	background: #67b2b4 url(../images/agrond-1.jpg) no-repeat center top;	
}

h1#logo{
	display: block;
	width: 376px;
	margin: 20px 0 0 70px;
}
h1#logo a {
	border-bottom: 0;
}
h2, h3  {
    font-size: 14px;
	font-weight: lighter;
	font-variant: small-caps;
	color: #fff;
}
p {
	line-height: 16px;
}
.v1, .v2, .v3 {
	font-size: 11px;

}
#l5 {
	font-size: 11px;
	line-height: 17px;	
}
#mydiv p{
    color:#454545;
}
#mydiv2 p{
    color:#454544;
}
#mydiv3 p{
    color:#454544;
}

.boxgrid p {
	font-size: 11px;
	line-height: 17px;	
}
a {
    text-decoration: none;
    color: #fff;
}
a:hover{
    color: #fff;
    border-bottom: #fff 6px solid;
}
.home, .profiel, .galerij, .contact a {
	border-bottom: 0;
}
img { 
    border: none; 
} 
ul {
    list-style-type: none;
}
#mydiv {
    color:#dedbb8;
}

/*------------------------------------------------------- header  -----------------------------------------------------------*/
#header {
	height: 38px;
	width: 100%;
}
#thecssawards {
   float: right;
   width: 115px;
   height: 119px;
   background:url(../images/honormention_black.png) no-repeat;
}
#thecssawards a {
   border: none;
}
#holder{
	margin: 0px auto 0;
	width: 980px;
	height: 38px;
}
.top{
	position: absolute;
	width: 19px;
	height: 25px;
	margin: 0 0 0 0;
	left:0px;
}
.go-down{
	position: fixed;
	width: 44px;
	height: 110px;
	margin: 520px 0 0 0;
	background-image:url(../images/downbutton.png);
}
.go-down:hover {
	background-image:url(../images/downbutton2.png);
	border-bottom: 0;
		
}
/*------------------------------------------------------- menu  -----------------------------------------------------------*/
#menu{
	position:relative;
	left:625px;
	top:0px;
	width:355px;
	height:38px;
}
/*-- home --*/
.home {
	position: absolute;
	top: 15px;
	left: 10px;
	width: 55px;
	height: 27px;
	background: url(../images/ho.png) 0 0 no-repeat;
}
.home a {
	border-bottom: 0;
}
.home:hover {
    background-image:url(../images/ho-2.png);
}


/*-- profiel --*/
.profiel {
	position: absolute;
	top: 15px;
	left: 88px;
	width: 68px;
	height: 27px;
	background: url(../images/pro.png) 0 0 no-repeat;
}
.profiel a {
	border-bottom: 0;
}
.profiel:hover {
	background: url(../images/pro-2.png);
}


/*-- galerij--*/
.galerij {
	position: absolute;
	top: 15px;
	left: 179px;
	width: 66px;
	height: 27px;
	background: url(../images/gal.png) 0 0 no-repeat;
}
.galerij a {
	border-bottom: 0;
}
.galerij:hover {
	background: url(../images/gal-2.png);	
}


/*-- contact--*/
.contact {
	position: absolute;
	top: 15px;
	left: 269px;
	width: 86px;
	height: 27px;
	background: url(../images/co.png) 0 0 no-repeat;
}
.contact a {
	border-bottom: 0;
}
.contact:hover {
	background: url(../images/con-2.png);	
}

/*------------------------------------------------------- content 1  -----------------------------------------------------------*/
#content {
	width: 980px;
	height: 960px;
	margin: 0 auto 0;
	padding: 0;
	z-index:8;
}
/*-- logo --*/
#text-holder {
	position:relative;
	height: 745px;
	width: 904px;
	margin: 24px 0 0 64px;
	background-image:url(../images/agrond2.png);
	z-index:9;
	background-repeat: no-repeat;
}
#nav {
	position: absolute;
	height: 114px;
	width: 243px;
	top: 201px;
	left: 651px;
	margin: 0;
} 

/*-- wegklik div --*/
.pane {
	position: relative;
	background-repeat: no-repeat;
}
/*-- kruis --*/
.delete {
	background: url(../images/dis.png);
	position: absolute;
	width: 29px;
	height: 28px;
	top: 1px;
	right: 0px;
	cursor: pointer;
}
.delete:hover {
	background: url(../images/dis2.png);	
}
/*------------------------------------------------------- content 2  -----------------------------------------------------------*/
#wide-profiel{
	width: 100%;
	background: #67b2b4 url(../images/agrond-2.jpg) no-repeat center top;		
	margin: 0;
}
#content2 {
	width: 980px;
	height: 939px;
	margin: 0 auto 0;
	padding: 0;
}
#profiel{
	width: 16px;
	height:	20px;
	position: relative;
	top: 0px;
	left: 0px;
}
#text-profiel {
	position:relative;
	height: 36px;
	width: 276px;
	margin: 70px 30px 30px 0;
	background-image: url(../images/profiel-info.png);
}

#go-up-profiel{
	float: left;
	position: relative;
	width: 115px;
	height: 23px;
	margin: 4px 0 0 139px;
}
#pro-holder {
	position:relative;
	height: 731px;
	width: 980px;
	margin: 50px 0 0 0;
	color: #454545;
}

/*-- kruis --*/
.foto {
	position: absolute;
	left:0px;
	top:0;
	height: 577px;
	width: 277px;
	cursor: default;
}
.foto a {
	cursor: default;
	border-bottom: 0;
}
.foto:hover {
    border-bottom: 0;	
}


/*-- tekst 1 --*/
.pro-titel {
	position: absolute;
	left:315px;
	top:0;
	height: 22px;
	width: auto;
	cursor: default;
}
.pro-titel a {
	cursor: default;
	border-bottom: 0;
}
.pro-titel:hover {
    border-bottom: 0;	
}
.pro-1 {
	position: absolute;
	left: 315px;
	top: 44px;
	height: 131px;
	width: 300px;
}


/*-- tekst 2 --*/
.pro-titel2 {
	position: absolute;
	left:315px;
	top: 204px;
	height: 22px;
	width: 222px;
	cursor: default;
}
.pro-titel2 a {
	cursor: default;
	border-bottom: 0;
}
.pro-titel2:hover {
    border-bottom: 0;	
}
.pro-2 {
	position: absolute;
	left: 315px;
	top: 248px;
	height: 100px;
	width: 300px;
}

/*-- link naar referenties --*/
.pro-2link {
	position: absolute;
	left: 315px;
	top: 361px;
	height: 18px;
	width: 101px;
}


/*-- tekst 3 --*/
.pro-titel3 {
	position: absolute;
	left:658px;
	top: 0px;
	height: 22px;
	width: 155px;
	cursor: default;
}
.pro-titel3 a {
	cursor: default;
	border-bottom: 0;
}
.pro-titel3:hover {
    border-bottom: 0;	
}
.pro-3 {
	position: absolute;
	left: 658px;
	top: 44px;
	height: 132px;
	width: 322px;
}


/*-- tekst 5 --*/
.pro-titel5 {
	position: absolute;
	left:658px;
	top: 204px;
	height: 22px;
	width: 322px;
	cursor: default;
}
.pro-titel5 a {
	cursor: default;
	border-bottom: 0;
}
.pro-titel5:hover {
    border-bottom: 0;	
}
.pro-5 {
	position: absolute;
	left: 658px;
	top: 248px;
	height: 103px;
	width: 199px;
}
.pro-6 {
	position: absolute;
	left: 862px;
	top: 248px;
	height: 103px;
	width: 123px;
}


/*-- link naar draailocaties --*/
.pro-3link {
	position: absolute;
	left: 658px;
	top: 361px;
	height: 18px;
	width: 122px;
}


/*-- tekst 6 --*/
.pro-titel7 {
	position: absolute;
	left:315px;
	top: 406px;
	height: 22px;
	width: 116px;
	cursor: default;
}
.pro-titel7 a {
	cursor: default;
	border-bottom: 0;
}
.pro-titel7:hover {
    border-bottom: 0;	
}
.pro-7 {
	position: absolute;
	left: 316px;
	top: 451px;
	height: 70px;
	width: 664px;
}


/*------------------------------------------------------- content 3  -----------------------------------------------------------*/
#wide-galerij{
	width: 100%;
	background: #67b2b4 url(../images/agrond-3.jpg) no-repeat center top;		
	margin: 0;
}
#content3 {
	width: 980px;
	height: 859px;
	margin: 0 auto 0;
	padding: 0;
}
#galerij{
	width: 16px;
	height:	20px;
	position: relative;
	top: 0px;
	left: 0px;
}
#text-galerij {
	position:relative;
	height: 32px;
	width: 683px;
	margin: 70px 0 0 297px;
	background-image: url(../images/galerij-info.png);
}
#go-up-galerij{
	float: left;
	position: relative;
	width: 135px;
	height: 23px;
	margin: 0 0 0 140px;
}

/*----------------------------------------------- ////content 3  slide panel \\\\\-----------------------------------------------*/
#slide-holder {
	position:relative;
	height: 745px;
	width: 704px;
	margin: 124px 0 0 0;
}
#big-holder {
	height: 495px;
	width: 980px;
	margin: 0;
	position: relative;
}

/*-- wegklik e-mail div --*/
.con-mail {
	position: absolute;
	left: 80px;
	top: 120px;
	height: 90px;
	width: 170px;
}
.mailo {
	position: absolute;
	width: 130px;
	height: 59px;
	top: 30px;
	left:0;
	cursor: pointer;
}
.mailo a {
	border-bottom: 0;
}
.mailo:hover {
    border-bottom: 0;	
}
/*-- binnekort video's intro --*/
.intro-vid {
	position: absolute;
	left: 0px;
	top: 334px;
	height: 21px;
	width: 203px;
	cursor: default;
	font-size: 14px;
}
.intro-vid a {
	cursor: default;
	border-bottom: 0;
}
.intro-vid:hover {
    border-bottom: 0;	
}
.video-tekst {
	position: absolute;
	left: 0px;
	top: 373px;
	height: 70px;
	width: 378px;
	color: #454545;
}
#big_wrap{
	position:relative;
	left:415px;
	top:50px;
	width:565px;
	height:390px;
	z-index: 1;
	background-color:#fffffe;
}
#tekst_wrap{
	width: 159px;
	height:	137px;
	position: absolute;
	top: -11px;
	left: -11px;
	z-index: 4;
}
#tekst_wrap a {
	border-bottom: 0;
}
#tekst_wrap:hover {
    border-bottom: 0;	
}
#slider_wrap {
	width: 538px;
	z-index: 2;
	height:	360px;
	overflow: hidden;
	position: relative;
	left: 13px;
	top: 15px;
}
.hidden {
    display: none;
}
#prevBefore {
	position: absolute;
	left: 424px;
	top: 405px;
	z-index: 6;
	width: 61px;
	height: 18px;
	border-bottom: 6px solid;
}
.jFlowPrev {
	float:left;
	cursor: pointer;
	width: auto;
}
#prevNext {
	position: absolute;
	left: 501px;
	top: 405px;
	z-index: 5;
	width: 66px;
	height: 18px;
	border-bottom: 6px solid;
}
.jFlowNext {
	float:left;
	cursor: pointer;
	width: auto;
}

/*------------------------------------------------------- content 4  -----------------------------------------------------------*/
#wide-contact{
	width: 100%;
	background: #67b2b4 url(../images/agrond-4.jpg) no-repeat center top;		
	margin: 0;
}
#content4 {
	width: 980px;
	height: 989px;
	margin: 0 auto 0;
	padding: 0;
}
#contact{
	width: 18px;
	height:	20px;
	position: relative;
	top: 0px;
	left: 0px;
}
#text-contact {
	position:relative;
	height: 34px;
	width: 493px;
	margin: 70px 0 0 0;
	background-image: url(../images/contact-info.png);
}
#go-up-contact{
	float: left;
	position: relative;
	width: 135px;
	height: 23px;
	margin: 0 0 0 356px;
}
#form-holder {
	position:relative;
	height: 84px;
	width: 643px;
	margin: 55px 0 0 0;
}
.intro-contact {
	height: 675px;
	width: 980px;
	margin: 50px 0 0 0;
	position: relative;
	color: #454545;
	background: url(../images/agrond-form2.png) no-repeat;
}


/*-- wegklik intro div --*/
.con-1 {
	position: absolute;
	left: 535px;
	top: 36px;
	height: 94px;
	width: 301px;
	cursor: default;
}

/*-- intro tekst --*/
.con-2 {
	position: absolute;
	left: 138px;
	top: 34px;
	height: 36px;
	width: 325px;
}

/*-- contactformulier --*/
#contact-wrapper {
	width:430px;
	padding:20px;
}
#contact-wrapper div {
	clear:both;
	margin:1em 0;
}
#contact-wrapper label {
	display:block;
	float:none;
	width:auto;
}
form#contactform input {
	border-color:#B7B7B7;
	border-style:solid;
	border-width:1px;
	padding:5px;
	color:#424242;
}
form#contactform textarea {
	padding:0.6em 0.5em 0.7em;
	border-color:#B7B7B7;
	border-style:solid;
	border-width:1px;
	color:#487f81;	
}
.error {
    color:#9f2d27;
}
/*-- laatste twitter berichten --*/
#l-tweets {
	position: absolute;
	left: 535px;
	top: 169px;
	height: 334px;
	width: 444px;
	background: #67b2b4 url(../images/twit-ballon.png) no-repeat right top;		
}
.twit-titel {
	position:relative;
	float: left;
	margin: 140px 25px 30px 0;
	height: 25px;
	width: 210px;
}
.volg-link {
	position:relative;
	float: right;
	margin: 117px 125px 30px 0;
	height: 27px;
	width: 58px;
}
.twit-ber {
	position:relative;
	float: left;
	margin: 0;
	height: 137px;
	width: 444px;
}