/*__________________________________________________________________________________________________________ BASIC SETTINGS ETC ***/
 
html {	overflow: -moz-scrollbars-vertical;  }	/* Force firefox to always show a vertical scrollbar */

body {	background:url('../pics/bg_body.jpg') repeat-x fixed;
	margin:0px;
	padding:0px;
	}

body, table {
	font-family:"Trebuchet ms", Tahoma, Verdana, Arial, helvetica, sans-serif;
	font-size:12px;
	color:#807664; 
	}

#centered_container {
	width:975px; 
	margin:0 auto; 
	border-top:none;
	}

#mid_container {
	width:940px;
	float:left; 
	background:#fff;
	margin-left:14px;
	border-top:none;
	}


	
hr {	height:1px;
	border:0px;
	border-top: 1px solid #eeeeee; 
	clear:both;
	}
	
	
.shadeleft  {width:14px; float:left;}
.shaderight {width:14px; float:left;}


p {margin-top:0px; margin-bottom:20px;}

.left {text-align:left;}
.center {text-align:center;}
.right {text-align:right;}
.top {vertical-align:top;}
.bottom {vertical-align:bottom;}

.floatleft {float:left !important;}
.floatright {float:right !important;}

.clearleft {clear:left !important;}
.clearright {clear:right !important;}
.clearboth {clear:both !important;}

.hidden {display:none !important;}
	

.toggle {position:relative; top:5px; }


 
a {color:#807664; text-decoration:underline; outline:none;}
a:hover {color:#000000; text-decoration:underline;}

a img {border:none;}

a img.thumb {border:1px solid #cccccc; filter:alpha(Opacity=85); opacity:0.85; moz-opacity:0.85; width:80px; height:80px;}
a:hover img.thumb {border:1px solid #000000; filter:alpha(Opacity=99); opacity:0.99; moz-opacity:0.99;}


a.btn, a.btn_leeg {
	filter:alpha(Opacity=75); opacity:0.75; moz-opacity:0.75;
	background:url('../pics/btn_grijs.gif') no-repeat; 
	width:100px;
	height:25px;
	display:block;	
	padding-right:8px;	/* goed centreren vanwege pijltje */
	padding-top:1px; 
	text-decoration:none !important;
	text-align:center;
	font-size:11px;
	font-weight:bold;
	line-height:200% !important;
	color:#333333;
	}
a.btn:hover, a.btn_leeg:hover {filter:alpha(Opacity=99); opacity:0.99; moz-opacity:0.99;}		/* niet 100% ivm soms verspringen text */

a.btn.groen {background:url('../pics/btn_groen.gif') no-repeat; color:#333333 !important;}
a.btn.oranje {background:url('../pics/btn_oranje.gif') no-repeat; color:#333333 !important;}
a.btn.rood {background:url('../pics/btn_rood.gif') no-repeat; color:#fff !important;}
a.btn.zwart {background:url('../pics/btn_zwart.gif') no-repeat; color:#fff !important;}
a.btn.grijs {background:url('../pics/btn_grijs.gif') no-repeat; color:#333333 !important;}
a.btn_leeg {background:url('../pics/btn_grijs_leeg.gif') no-repeat;  color:#333333 !important; width:108px; height:25px;}


a.leesmeer {font-size:10px; font-style:italic; margin-top:5px;}
a.leesmeer:hover { }

a.pdf {	background:url('../ico/page_white_acrobat.gif') no-repeat;
	padding-left:22px;
	font-style:italic;
	font-size:11px;
	} 



div.awards {
padding:7px; 
border:1px solid #cccccc; 
display:inline-block; 
width:310px; 
height:82px;
clear:both; 
margin-bottom:15px;
color:#999999;
}
div.awards a {font-weight:bold; text-decoration:none;}

div.tekstlinks a {color:#aaaaaa; text-decoration:none;}
div.tekstlinks a:hover {color:#777777; text-decoration:underline;}







/*__________________________________________________________________________________________________________ ADDTHIS ***/
.addthis_toolbox
{
    width: 142px;
    height:22px;
    padding: 10px 3px 6px 0;
    border: 1px solid #ddd;
    -moz-border-radius: 7px;
    -webkit-border-radius: 7px;
    text-align:right;
    float:right;
}



.addthis_toolbox .hover_effect a
{
    border: 1px solid #ddd;
    -moz-border-radius: 5px;
    -webkit-border-radius: 5px;
    background: #eee;
    
    padding: 1px 2px 1px 14px; 
    position: relative;
    text-decoration: none;
    margin-right:2px;
}

.addthis_toolbox .hover_effect a:hover
{
    border: 1px solid #ccc; 
    background: #fff;
    color: #105CB6;
    text-decoration: none;
}

.addthis_toolbox .hover_effect span
{
    position: absolute;
    width: 16px;
    height: 16px;
    top: 2px;
    left: 2px;
}


.addthis_button_expanded {font-size:10px; cursor:pointer;  padding-left:1px; float:right; margin-top:12px;}

 



/*__________________________________________________________________________________________________________ BLOKJE ***/

.blokje {
	width:212px; 	
	float:left;
	margin-right:30px;
	height:300px;
	}
	
.blokje.laatste {margin-right:0px !important;}
	
.blokje_top {background:url('../pics/blokje_top.gif') no-repeat; height:8px; overflow:hidden;}
.blokje_bottom {background:url('../pics/blokje_bottom_right.gif') 0 0 no-repeat; height:20px; overflow:hidden; margin-top:-10px;} 
	
.blokje_mid {	
	background:url('../pics/blokje_mid.gif') repeat-x;
	border-left:1px solid #e0d2b5;
	border-right:1px solid #e0d2b5;
	margin:0px;
	padding-bottom:40px;
	overflow:hidden;
	line-height:150%;
	padding-left:17px;
	}
.blokje p {margin:0px; margin-right:15px; height:200px; font-size:11px; font-weight:bold;}


.blokje h1 {
	font-size:16px;
	font-weight:normal;
	letter-spacing:2px;
	margin:0px;
	margin-bottom:8px;
	}
.blokje_mid p a img {border:5px solid #f4f2ec; }
.blokje_mid p a:hover img {border:5px solid #fff; }

.blokje .links {
	position:relative; top:-50px; right:8px; z-index:8;
	height:20px;
	line-height:120% !important;
	margin-left:25px;
	}
.blokje .links a.leesmeer {
	margin-top:0px; 
	float:left;
	}
.blokje .links .btn {
	position:relative; top:-10px;
	float:right;
	}







/*__________________________________________________________________________________________________________ BLOK_LANG ***/

.blok_lang {
	width:695px; 	
	}
.blok_lang_top {background:url('../pics/blok_lang_top.gif') 0 0 no-repeat; height:7px; overflow:hidden;} 
.blok_lang_bottom {background:url('../pics/blok_lang_bottom.gif') 0 0 no-repeat; height:20px; overflow:hidden;} 
	
.blok_lang_mid {	
	background:#ffffff url('../pics/blok_lang_mid.gif') repeat-x;
	border-left:1px solid #e0d2b5;
	border-right:1px solid #e0d2b5;
	margin:0px;
	overflow:hidden;
	line-height:150%;
	padding-left:17px;
	}
.blok_lang p {margin:-10px 10px 0 0; font-size:12px;}
.blok_lang h2 {
	margin:0px;
	margin-bottom:0px;
	}



/*__________________________________________________________________________________________________________ GOOGLEHAPJES ***/
div.googlehapjes {
	margin-top:50px;
	clear:both;
	color:#cccccc;
	font-size:9px;
	font-family:verdana, arial, sans-serif;
	}



/*__________________________________________________________________________________________________________ PAGEFOTO ***/

div.pagefoto {
	float:right;
	border:10px solid #ddd9cd;
	margin-left:20px;
	margin-bottom:10px;
	}
div.pagefoto img {
	border:1px solid #fff; margin-bottom:-5px;
	}
div.pagefotobijschrift {

	position:relative; top:30px;
	float:right;
	font-size:9px;
	font-style:italic;
	height:30px;
	text-align:left;
	border:1px solid #000; 
	}
	
img.sta {width:200px; height:300px;}
img.lig {width:300px; height:200px;}





/*__________________________________________________________________________________________________________ BACKLINK ***/
ul.backlink {float:right !important;}
a.terug {font-style:italic;}




/*__________________________________________________________________________________________________________ HEADER ***/
#header {background:#fff;}

#logo {	margin-left:20px;
	height:90px;
	padding-top:5px;
	padding-left:20px;
	}


/*__________________________________________________________________________________________________________ TOPNAV ***/
#topnav {
	height:24px;
	position:relative;
	float:left;
	z-index:2;
	}

#topnav ul {margin:0px; margin-left:30px; padding:0px;}
	
#topnav ul li {	
	list-style-type:none;
	float:left;
	text-align:center;
	}
#topnav ul li h1 {font-size:12px;}	
#topnav ul li a { 
	padding-top:5px;
	background:url('../pics/tab0.gif') no-repeat;
	display:block;
	width:122px;
	height:21px;	
	margin-left:-1px;
	
	text-decoration:none;
	font-size:11px;
	letter-spacing:1px;
	color:#bbbbbb;
	}
#topnav ul li a:hover {
	color:#807664;
	background:url('../pics/tab0.gif') no-repeat;
	}
#topnav ul li a.active {
	color:#807664;
	background:url('../pics/tab1.gif') no-repeat;
	}








/*__________________________________________________________________________________________________________ SUBNAV ***/
#subnav { display:none;

	margin-top:24px; 	/* OMDAT TOPNAV OOK FLOAT:LEFT IS EN 24 HOOG */
	background:url('../pics/bg_subnav.gif') 0px 3px repeat-x;
	padding:0px 5px;
	height:25px;
	border-top:1px solid #d1d1d1;
	border-bottom:1px solid #d1d1d1;
	font-size:12px; 
	}

#subnav ul  {margin:5px 0px 0px 55px; padding:0px; float:left;}

#subnav ul li {
	list-style-type:none;
	float:left;
	padding-right:15px;
	} 
#subnav ul li h2 {
	font-size:12px; 
	font-weight:normal;
	}	

#subnav ul li a {	
	color:#807664;
	text-decoration:none;
	font-weight:normal;
	}
#subnav ul li a:hover {	
	color:#615540;
	text-decoration:underline;
	}	
#subnav ul li a.active {	
	color:#615540;
	font-weight:bold;
	}	
	
	
	
/*__________________________________________________________________________________________________________ SIDENAV ***/

div.sidenav {text-align:left; width:145px; margin-bottom:10px;} 
	
div.sidenav_top {
	background:url('../pics/sidenav_top.gif') no-repeat; 
	height:20px; 
	overflow:hidden; 
	padding:3px 0 0 10px; 
	font-weight:bold;
	}
div.sidenav_bottom {
	background:url('../pics/sidenav_bottom.gif') no-repeat; 
	height:20px; 
	overflow:hidden;
	}
	
div.sidenav_mid {	
	background:url('../404.html') repeat-x;
	border-left:1px solid #cccccc;
	border-right:1px solid #cccccc;
	border-top:1px solid #eeeeee; 
	padding-left: 18px;
	margin:0px;
	padding-top:5px;
	overflow:hidden;
	font-size:11px;
	}
div.sidenav ul {margin:0px; margin-left:-18px; padding:0px;} 
div.sidenav ul li {
	list-style-type:none;
	color:#ff0000 !important;
	margin:0px;
	padding:0px;
	display:inline;
	} 
	
div.sidenav ul li h3 {
	font-size:11px;
	}
	
div.sidenav ul li a {	
	padding-left:18px;
	color:#bbbbbb;
	text-decoration:none;
	display:block;
	border-top:1px solid #fff;
	border-bottom:1px solid #fff;
	}
div.sidenav ul li a:hover, div.sidenav ul li a.active {	
	color:#615540;
	background:#f6f6f6;
	text-decoration:none;
	border-top:1px solid #eee;
	border-bottom:1px solid #eee;
	}	

	

div.sidenav a.btn {
	margin-top:15px;
	}
 	
 	
 	
 	
/*__________________________________________________________________________________________________________ BOTTOMNAV ***/
 
#bottomnav {border-top:1px solid #dddddd; border-bottom:1px solid #dddddd; height:19px; padding-left:15px; margin-top:15px;}
 

#bottomnav a {	
	color:#bbbbbb;
	text-decoration:none;
	margin-right:15px;
	}
#bottomnav a:hover {	
	color:#615540;
	text-decoration:none;
	}	
#bottomnav a.active {	
	color:#615540;
	text-decoration:none;
	}	
 

/*__________________________________________________________________________________________________________ LEFTKOL ***/
#leftkol {
	margin-top:20px;
	margin-left:30px;
	height:450px;
	width:147px;
	float:left;
	text-align:center;
	}
	
	
/*__________________________________________________________________________________________________________ CONTENT CONTAINER ***/
#content {
	margin-top:15px;
	margin-left:30px;
	width:700px; 
	float:left;
	}
#content p {line-height:150%;}

#content h1 {margin-bottom:10px;}






/*__________________________________________________________________________________________________________ TEXT ***/
h1, h2, h3, h4, h5 {margin:0px; padding:0px;}

h1 {font-size:16px;}
h2 {font-size:14px;}
h3 {font-size:11px;}
h4 {font-size:9px;}
h5 {font-size:8px;}

h2.hoofdstuk {border-top:1px solid #cccccc; border-bottom:1px solid #cccccc; margin-bottom:15px;}
h2.paragraaf { border-bottom:1px solid #cccccc; margin-bottom:10px; display:inline-block;}

.klein {font-size:10px;}
.note {font-size:10px; font-style:italic;}
.rood {color:#ff0000;}


table.klantenlijst  {
	font-style:italic;
	}
table.klantenlijst a {
	text-decoration:none;
	font-weight:bold;
	font-style:normal !important;
	}



/*__________________________________________________________________________________________________________ ARLES GALLERY ***/
.index_table {width:100%; border:1px solid #cccccc;}
.index_table_cell {padding:13px; text-align:center;}

a.navigationtext, span.navigationdisabledtext {
	filter:alpha(Opacity=70); opacity:0.70; moz-opacity:0.70;
	background:url('../pics/btn_groen_leeg.gif') no-repeat; 
	width:108px;
	height:25px;
	display:block;	
	padding-top:1px; 
	text-decoration:none !important;
	text-align:center;
	font-size:11px;
	font-weight:bold;
	line-height:200% !important;
	color:#333333;
	}

.navigationtext:hover {filter:alpha(Opacity=99); opacity:0.99; moz-opacity:0.99;}
.navigationdisabledtext {color:#999999 !important; cursor:default;	background:url('../pics/btn_grijs_leeg.gif') no-repeat !important;}


#fotogroot {border:10px solid #ddd9cd;}


/*__________________________________________________________________________________________________________ ALFABET ***/
table.alfabet {border-top:1px solid #cccccc; width:100%; margin-bottom:15px;}
table.alfabet tr {vertical-align:bottom;}
td.letter { width:30px; padding-top:0px; padding-bottom:3px; vertical-align:bottom;}
td.letter a { font-size:40px; position:relative; top:10px;}
td.alfabet { padding:3px; }
a.letter {padding:2px;}


/*__________________________________________________________________________________________________________ RSS ***/

.rss-item a {font-weight:bold; color:#615745; text-decoration:none;}
.rss-item a:hover {color:#615540;}
.rss-item {margin-bottom:15px;}


/*__________________________________________________________________________________________________________ FORMS ***/
table.form {}
table.form td {padding:3px;}
table.form tr {vertical-align:top;}

td.inputveld, th.inputveld {width:200px;}


input, select, textarea {
	font-family:verdana, arial, helvetica, sans-serif;
	font-size:11px;
	}
select {
	width:200px;
	}
input.veld {
	width:97%;
	height:16px; 
	padding:0px; 
	padding-left:4px; 
	background-color:#ffffff; 
	border:1px solid #a5acb2;
	}

input.button {
	cursor:pointer;
	border:none;
	background:url('../pics/btn_grijs.gif') no-repeat; 
	color:#333333 !important;
	width:108px;
	height:26px;
	padding-right:8px;	/* goed centreren vanwege pijltje */
	padding-bottom:4px;
	display:block;	
	font-family:"trebuchet ms", trebuchet, tahoma, sans-serif;
	font-size:11px;
	font-weight:bold;
	text-decoration:none !important;
	text-align:center;
	}
input.button.groen {background:url('../pics/btn_groen.gif') no-repeat;}
input.button.oranje {background:url('../pics/btn_oranje.gif') no-repeat;}
input.button.rood {background:url('../pics/btn_rood.gif') no-repeat;}
input.button.zwart {background:url('../pics/btn_zwart.gif') no-repeat;}

.textarea {
	width:97%; 
	height:90px; 
	border:1px solid #a5acb2; 
	background-color:#ffffff; 
	overflow:yes;
	padding-left:5px;
	} 


#poweredby {position:absolute; top:-100px;}
#poweredby span {display:none;}

.hidden {display:none;}


.ddgb_nav {
	text-align:right;
	margin-right:4px;
}


/*__________________________________________________________________________________________________________ IFRAME ***/
.iframe {
	width:725px; 
	height:465px;
	overflow:hidden;	
	}
.iframe.contact {height:345px;}
.iframe.bruidsofferte {height:565px;}