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

@import url("jquery.tabs.css");
@import url("jquery.carousel.css");
@import url("jquery.datepicker.css");
@import url("jquery.selectbox.css");
@import url("knoppen.css");

/*
	filter:alpha(opacity=20);
	-moz-opacity:0.2;
	opacity: 0.2;
*/

* {
	padding:0;
	margin:0;
	border:0;
	outline:0;
}

html {
	width:100%;
	overflow:auto;
}

body {
	position:relative;
	width:100%;
	font-family:Arial;
	font-size:12px;
	color:#333;
	background:#F0F0F0 url(../images/backgrounds/body.png) repeat-x top left;
}

a { text-decoration:none; }
a:hover{ text-decoration:underline; }

a *{ cursor:pointer; }

ul,
ul li{
	margin:0;
	padding:0;
	list-style:none;
}

h1, h2 {
	font-size:20px;
	margin:0 0 0 0;
	padding:0;
}

h2{
	font-size:12px;
	color:#C0B077;
}

fieldset{
	padding:0;
	margin:0;
}

textarea{
	overflow:auto;
}

table.ja_table{ width:100%; empty-cells: show;}
table.ja_table tr td{ padding:1px 11px; border-top:1px dotted #C0C0C0; height:23px; line-height:23px;}
table.ja_table tr th{ padding:1px 11px; height:23px; line-height:23px; text-align: left; }

table.table{ width:100%; empty-cells: show;}
table.table tr td{ padding:1px 11px; border-top:1px dotted #C0C0C0; height:23px; line-height:23px;}
table.table tr td.hover{ border-top:1px solid #2B8BC1; border-bottom:1px solid #2B8BC1; padding-bottom:0px; }
table.table tr td span.start,
table.table tr td span.end{ display:none; }

/* SITE OPBOUW */

#site {
	position:relative;
	margin:0 auto;
	width:960px;
	background: url(../images/backgrounds/site.png) no-repeat right top;
	padding:0 0 100px 0;
}

#top{
	position:relative;
	width:100%;
	height:157px;
}

#top #logo{
	position:absolute;
	top:10px;
	left:50%;
	height:73px;
	width:164px;
	margin:0 0 0 -82px;
}

#top ul{
	position:absolute;
	top:120px;
	left:0;
}

#top ul li{
	float:left;
	margin:0 20px 0 0;
}

#top ul li a{
	color:#53ABD1;
	font-size:13px;
	font-style:italic;
	font-weight:bold;
}

#top ul li a.active{
	color:#0F75BC;
}

#top .language{
	position:absolute;
	top:20px;
	left:715px;
	width:220px;
}

#header{
	position:relative;
	background: transparent;
}

.header-big{ height:238px; }
.header-small{ height:179px; }

#header img{
	position:absolute;
	top:0;
	left:0;
	z-index: 1;
}

#header h1{
	position:absolute;
	left:50px;
	top:33px;
	font-style:italic;
	font-size:48px;
	color:#FFF;
	height:50px;
	text-indent:70px;
	z-index: 1;
	width: 500px;
}

#header h1 img{
	margin:0 0 0 70px;
	z-index: 1;
}

#header p{
	position:absolute;
	left:50px;
	top:97px;
	color:#FFF;
	line-height:150%;
	font-size:16px;
	width:450px;
	z-index: 1;
}

#header div.quote{
	position:absolute;
	left:596px;
	top:33px;
	line-height:190%;
	width:366px;
	height:140px;
	overflow:hidden;
}

#header div#calendar{
	position:absolute;
	top:1px;
	right:0;
	height:178px;
	width:440px;
	background:url(../images/backgrounds/calendar.png) no-repeat right -1px;
}

#header img.top{
	position:absolute;
	top:-15px;
	left:483px;
}

.pics {  
	position: relative;
	float: right;
   height:  238px;  
   width:   460px;  
	z-index: 0;
} 
 
.pics img {  
    width:  460; 
    height: 238px; 
} 

#content{
	position:relative;
	width:960px;
	padding:0 0 100px 0;
	overflow:hidden;
}

#footer {
	position:relative;
	width:960px;
	margin:0 auto;
	height:100px;
	line-height:50px;
	text-align:center;
	color:#7E7E7E;
	font-size:11px;
	border-top:1px solid #CFCFCF;
}


/* CONTENT ELEMENTEN */

.content{
	position:relative;
	line-height:190%;
	padding:25px;
}

.content h1{
	margin-bottom:2px;
	color:#0F75BC;
	font-size:13px;
}

.content h2{
	margin:0;
	color:#555;
	font-size:12px;
	font-weight:bold;
}

.content p, .content ul, .content ol, .content table {
	margin-bottom:25px;
}

.content ul{
	margin:0 0 25px 15px;
}

.content li {
	list-style:url(../images/common/list-style.png);
}

.content strong{
	font-weight:normal;
	color:#999;
}

.content strong.bold{
	font-weight:bold;
	color:#666;
	font-size:13px;
	font-style:italic;
}

.content a {
	color:#1277BD;
	text-decoration:underline;
}

.content a:hover {
	text-decoration:none;
}

.content a.news {
	text-decoration: none;
	margin-bottom: 20px;
	color: #333;
	display: block;
}

.content .description img{
	border:1px solid #C3C3C3;
}

.content .description{
	height: auto;
}

/* FORMULIEREN */

dl.form dt{
	width:105px;
	min-height:30px;
	_height:30px;
	line-height:30px;
}

dl.form dd{
	margin:-30px 0 0 105px;
	width:210px;
	min-height:30px;
	_height:30px;
	line-height:30px;
}

.input-text {
	width:200px;
	height:19px;
	padding:3px;
	border:1px solid #C6C6C6;
	font-size:11px;
	color:#777777;
}

.input-textarea {
	width:300px;
	height:100px;
	padding:3px;
	border:1px solid #C6C6C6;
	font-size:11px;
	color:#7f7f7f;
	margin-top:4px;
}

.submit-button {
	background:url(../images/buttons/verzenden.png) no-repeat center center;
	height:27px;
	width:104px;
	_height:21px;
	_width:98px;
	cursor:pointer;
	_margin:3px 0 0 0;
}

.input-search{
	position:absolute;
	top:137px;
	left:597px;
	height:20px;
	width:305px;
	border:1px solid #AFB4B9;
	border-right:none;
	color:#959595;
	padding:5px 0 0 5px;
}

.submit-search{
	position:absolute;
	display:block;
	left:908px;
	top:137px;
	height:27px;
	width:27px;
	background:url(../images/buttons/submit-search.png) no-repeat center center;
}


/* HULPELEMENTEN */

.clear {
	clear:both;
	overflow:hidden;
	height:0;
	width:0;
}

.tussenruimte {
	height:200px;
}

.kantlijn {
	padding:20px;
}

.container {
	position:relative;
	width:100%;
	height:100%;
}

.horline{
	height:1px;
	width:100%;
	background:#E1DDCB;
	margin-bottom:50px;
	overflow:hidden;
}

.inline{
	float:left;
	margin:0 25px 25px 0;
}

.garantie{
	height:108px;
	width:108px;
}

.content .left{
	float:left;
	width:263px;
	border-right:1px solid #CFCFCF;
	padding:28px 23px;
}

.content .right{
	float:right;
	width:264px;
	padding:28px 23px;
}

.qtekst{
	position:relative;
	top:auto;
}

.print{
	padding:0 0 0 15px;
	background:url(../images/common/print.png) no-repeat left center;
}



/*** OVERIGE PAGINA ELEMENTEN ***/

ul.icons{
	width:100%;
	height:75px;
	padding:0 0 23px 0;
	border-bottom:1px solid #CFCFCF;
	display:block;
	overflow:hidden;
}

ul.icons li{
	float:left;
	text-align:center;
}

ul.icons li a{
	position:relative;
	display:block;
	height:74px;
	padding:0 0 0 0;
	width:200px;
	text-align:center;
	color:#53ABD1;
	font-size:13px;
	font-style:italic;
	font-weight:bold;
}

ul.icons li a.active{
	background:url(../images/backgrounds/icons.png) no-repeat center center;
	color:#ffffff;
	text-decoration:none;
}

ul.icons li img{
	margin:15px 0 10px 0;
}

#sales .content,
#member .content,
#duif .content{
	width:860px;
	margin:16px 42px;
  padding:10px;
  min-height: 400px;
	_border:1px solid #C2C2C2;
	_padding:27px;
	_margin:-1px 23px 0 23px;
}

#page .content,
#sale .content,
#newsletter .content{
	width:619px;
	margin:16px 42px;
  padding:10px;
  min-height: 400px;
	_border:1px solid #C2C2C2;
	_padding:27px;
	_margin:-1px 23px 0 23px;
}

#page .content{
	margin:50px 42px;
}

#newsletter .content .pages,
#page .content .pages,
#sale .content .sales{
	position:absolute;
	height:100%;
	width:240px;
	right:-258px;
	top:-17px;
	border-top:1px solid  #C2C2C2;
	border-right:1px solid  #C2C2C2;
	border-bottom:1px solid  #C2C2C2;
	padding:16px 0;
	background:#F8F8F8;
	_background:none;
	_border:none;
}

#sale .content .oog,
#duif .content .oog{
	position:absolute;
	top:-37px;
	left:-34px;
	_top:-21px;
	_left:-18px;
}

#sales .content .left,
#sale .content .left,
#member .content .left,
#duif .content .left{
	padding:0 30px 0 0;
	border:none;
	width:236px;
	margin:0 0 25px 0;	
}

#sale .content .left{
	width:172px;
	margin: 40px 0 25px 0;
}

#member .content .left{
	width:180px;
	/*height:240px;*/
	margin:0 40px 25px 0;
	border:1px solid #C3C3C3;
	padding:0;	
}


#duif .content .center,
#duif .content .center2{
	float:left;
	width:330px;
	border-right:1px dotted #AFAFAF;
	padding:0 30px 0 0;
	margin:0 0 25px 0;	
}

#member .content .center,
#member .content .center2{
	float:left;
	width:400px;
	padding:0 30px 0 0;
	margin:0 0 25px 0;	
}


#sales .content .center2,
#sale .content .center2,
#member .content .center2,
#duif .content .center2{
	border:none;
	width:529px;
}

#sale .content .center2{
	float:left;
	width:382px;
}


#sales .content .center h1,
#sales .content .center2 h1,
#sale .content .center h1,
#sale .content .center2 h1,
#member .content .center h1,
#member .content .center2 h1,
#duif .content .center h1,
#duif .content .center2 h1{
	font-style:italic;
	font-size:45px;
}

#sales .content .center strong,
#sales .content .center2 strong,
#sale .content .center strong,
#sale .content .center2 strong,
#member .content .center strong,
#member .content .center2 strong,
#duif .content .center strong,
#duif .content .center2 strong{
	display:block;
	margin:0 0 20px 0;
	font-size:13px;
	font-style:italic;
}

#member .content .right,
#duif .content .right{
	width:150px;
	border:none;
}

#member .content .right strong,
#duif .content .right strong{
	color:#0F75BC;
	font-size:13px;
}

#stamboom{
	position:relative;
	margin:0 auto 200px auto;
	height:632px;
	width:829px;
	border-bottom:1px solid #DADADA;
}

#stamboom div{
	position:absolute;
	border-top:1px solid #DADADA;
	overflow:hidden;
}

#stamboom div img{
	float:left;
	margin:0 15px 0 0;
}

#stamboom .v,
#stamboom .m{
	left: 0;
	height: 190px;
	width: 217px;
	border-right: 1px solid #DADADA;
	padding: 125px 30px 0 30px;
}

#stamboom .v img,
#stamboom .m img{
	max-height: 90px;
	max-width: 90px;
}

#stamboom .vv,
#stamboom .vm,
#stamboom .mv,
#stamboom .mm{
	height:107px;
	width:210px;
	left:278px;
	border-right:1px solid #DADADA;	
	padding:50px 20px 0 40px;
}

#stamboom .vv img,
#stamboom .vm img,
#stamboom .mv img,
#stamboom .mm img{
	max-height: 70px;
	max-width: 70px;
}
#stamboom .vvv,
#stamboom .vvm,
#stamboom .vmv,
#stamboom .vmm,
#stamboom .mvv,
#stamboom .mvm,
#stamboom .mmv,
#stamboom .mmm{
	left:549px;
	height:73px;
	width:144px;
	padding:5px 10px 0 127px;
}

#stamboom .v,
#stamboom .vv,
#stamboom .vvv{
	top:0;
}
#stamboom .vvm{ top:79px; }
#stamboom .vm,
#stamboom .vmv{ top:158px; }
#stamboom .vmm{ top:237px; }
#stamboom .m,
#stamboom .mv,
#stamboom .mvv{ top:316px; }
#stamboom .mvm{ top:395px; }
#stamboom .mm,
#stamboom .mmv{ top:474px; }
#stamboom .mmm{ top:553px; }

#members{
	position:relative;
	left:-44px;
	width:912px;
	background:#F8F8F8;
	border:1px solid #C2C2C2;
	bottom:-44px;
	padding:0 0 100px 0;
	_width:914px;
	_left:-28px;
	_margin-right:-56px;
	_bottom:-28px;
}

#members .duif{
	float:left;
	height:65px;
	width:240px;
	margin:15px 30px;
	color:#333;
	text-decoration:none;
}

#members .duif img{
	float:left;
	width:61px;
	height:61px;
	margin:0 30px 0 0;
}

#members .driehoek{
	position:absolute;
	top:-14px;
	left:50%;
	margin:0 0 0 -14px;
}

#members .bl,
#members .br{
	position:absolute;
	display:block;
	height:17px;
	width:17px;
	bottom:-1px;
	_display:none;
}

#members .bl{
	left:-1px;
	background:url(../images/shadows/ctC-bl.png) no-repeat bottom left;
	_display:none;
}

#members .br{
	right:-1px;
	background:url(../images/shadows/ctC-br.png) no-repeat bottom left;
	_display:none;
}

#gmaps{
	position:relative;
	left:-26px;
	bottom:-26px;
	width:914px;
	height:500px;
	_width:916px;
	_left:-28px;
	_margin-right:-56px;
	_bottom:-28px;
}

#gmaps div.gmnoprint a,
#gmaps div.gmnoprint span{ display:none; }

#newsletter ul,
#sale ul{
	right:262px;
}

#newsletter .bl,
#newsletter .tr,
#newsletter .br,
#page .bl,
#page .tr,
#page .br,
#sale .bl,
#sale .tr,
#sale .br{
	position:absolute;
	display:block;
	height:17px;
	width:17px;
	_display:none;
}

#newsletter .bl,
#page .bl,
#sale .bl{
	left:-18px;
	bottom:-1px;
	width:35px;
	background:url(../images/shadows/ctCW-bl.png) no-repeat bottom left;
}

#newsletter .tr,
#page .br,
#sale .br{
	right:-1px;
	bottom:-1px;
	background:url(../images/shadows/ctC-br.png) no-repeat bottom left;
}

#newsletter .br,
#page .tr,
#sale .tr{
	right:-1px;
	top:-1px;
	background:url(../images/shadows/ctC-tr.png) no-repeat bottom left;
}

#subpage,
#for_sale{
	position:absolute;
	top:350px;
	right:30px;
	width:210px;
	padding:70px 0;
	
}

#for_sale li{
	float:none;
	height:65px;
	line-height:150%;
	margin:20px 0;
}

#for_sale li a{
	color:#333;
}

#for_sale li a:hover{
	text-decoration:none;
}

#for_sale li a img{
	float:left;
	max-width: 70px;
	margin:0 20px 0 0;
}

#subpage{
	position:absolute;
	top:390px;
	right:45px;
	width:200px;
	padding:20px 0;
}

#subpage .menuitems{
	width: 100%;
}

#subpage .menuitems tr{
	height: 30px;
}

#subpage .menuitems tr.selected{
	background-color: #2b8bc1;
}

#subpage .menuitems tr.selected a{
	color: white;
}

#subpage .menuitems td{
	border-top: 1px dotted #c0c0c0;
	padding-left: 8px;
}

#subpage .menuitems td.first{
	border: none;
}

div.knop {
	clear: both;
	/*float: left;*/
	padding: 5pt 35pt 0pt 0pt;
}

.cmbutton{  
	background-color: #dfffed; 
	border: 1px #b3c7e3 solid; 
	color: black; 
	font-weight: bold; 
	cursor: pointer;
	text-decoration: none;
}
