html {
	font-family:				arial, verdana;
	font-size:					10pt;
	color:						#333;
}

body {
	background:					#fff url('../graphics/background.jpg') fixed center;
	background-repeat:			no-repeat;
	margin:						0px;
}

h1 {
	color:						#932c4c;
	text-decoration:			none;
	font-size:					15pt;
	font-weight:				bold;
	margin:						0px;
	padding:					0px;
}

img {
	border:						0px;
}

a {
	text-decoration:			none;
	color:						#932c4c;
}

a:hover {
	text-decoration:			none;
	color:						#5ec8a9;
}

#container {
	width:						900px;
	margin:						0px auto;
	
}

#header {
	width:						900px;
	margin-top:					20px;
}

#vhan {
	width:						150px;
	float:						left;
	border:						7px solid rgb(200, 200, 200);
    border:						7px solid rgba(200, 200, 200, .3);
    -webkit-background-clip:	padding-box; /* for Safari */
    background-clip:			padding-box; /* for IE9+, Firefox 4+, Opera, Chrome */
	background-color:			#fff;
}

#vhan img {

	width:						150px;
}

#headerimage {
	width:						712px;
	margin-left:				10px;
	float:						left;
	border:						7px solid rgb(200, 200, 200);
    border:						7px solid rgba(200, 200, 200, .3);
    -webkit-background-clip:	padding-box; /* for Safari */
    background-clip:			padding-box; /* for IE9+, Firefox 4+, Opera, Chrome */
	background-color:			#fff;
	height:						150px;
}

#content900 {
	width:						900px;
	margin-top:					10px;
	float:						left;
}

#content712 {
	width:						702px;
	margin-bottom:				10px;
	margin-left:				10px;
	padding:					5px;
	float:						right;
	border:						7px solid rgb(200, 200, 200);
    border:						7px solid rgba(200, 200, 200, .3);
    -webkit-background-clip:	padding-box; 
    background-clip:			padding-box; 
	background-color:			#fff;
}

#menu {
	background:					url(../graphics/background_contentbox.jpg);
	background-repeat:			repeat-x;
	width:						150px;
	float:						left;
	border:						7px solid rgb(200, 200, 200);
    border:						7px solid rgba(200, 200, 200, .3);
    -webkit-background-clip:	padding-box; /* for Safari */
    background-clip:			padding-box; /* for IE9+, Firefox 4+, Opera, Chrome */
	background-color:			#fff;
	margin-bottom:				10px;
}

#menu .button {
	width:						130px;
	background:					#fff;
	background-image:			url("../graphics/buttons/backgroundbuttonmo.png");
	background-repeat: 			no-repeat;
	height:						25px;
	padding-top:				7px;
	padding-left:				20px;
	float:						left;
	font-size:					9pt;
}

#menu .button:hover {
	width:						130px;
	background:					#fff;
	background-image:			url("../graphics/buttons/backgroundbutton.png");
	background-repeat: 			no-repeat;
	height:						25px;
	padding-top:				7px;
	padding-left:				20px;
	float:						left;
}

#menu .subbutton {
	width:						200px;
	background:					#fff;
	background-image:			url("../graphics/buttons/backgroundsubbuttonmo.png");
	background-repeat: 			no-repeat;
	height:						25px;
	padding-top:				7px;
	padding-left:				20px;
	float:						left;
	font-size:					9pt;
	color:						#932c4c;
}

#menu .subbutton:hover {
	width:						200px;
	background:					#fff;
	background-image:			url("../graphics/buttons/backgroundsubbutton.png");
	background-repeat: 			no-repeat;
	height:						25px;
	padding-top:				7px;
	padding-left:				20px;
	float:						left;
	color:						#5ec8a9;
}

#leftbox {
	width:						150px;
	float:						left;

}

#contentbox {
	background:					url(../graphics/background_contentbox.jpg);
	background-repeat:			repeat-x;
	width:						694px;	
	background-color:			#fff;
	padding-left:				8px;
	padding-top:				8px;
}

#contentbox ul{
	padding-left:20px;
}

#mainbox {
	width:						702px;
	float:						left;
	margin-left:				48px;
}

#contentfooter {
	width:						876px;
	margin-bottom:				10px;
	padding:					5px;
	float:						right;
	border:						7px solid rgb(200, 200, 200);
    border:						7px solid rgba(200, 200, 200, .3);
    -webkit-background-clip:	padding-box; 
    background-clip:			padding-box; 
	background-color:			#fff;
}

#footer {
	background:					url(../graphics/background_contentbox.jpg);
	background-repeat:			repeat-x;
	width:						876px;
	background-color:			#fff;
	height:						150px;
	padding-top:				5px;
}

#footer h1{
	float:						left;
}

#footer img{
	float:						left;
}

#footer table{
	width:						423px;
	float:						left;
}


#footer table td:nth-child(1){
	width:						20px;
}

#footer table td:nth-child(2){
	width:						400px;
}

#welkomtekst img{
	width:						200px;
}

#welkomtekst table{
}

#welkomtekst table td:nth-child(1){
	width:						500px;
}

#welkomtekst table td:nth-child(2){
	vertical-align:				text-top;
	width:						200px;
	font-size:					10pt;
}

#behandeldeklachten img{
	width:						200px;
}

#behandeldeklachten table{
}

#behandeldeklachten table td:nth-child(1){
	width:						900px;
}

#contact table{
}

#contact table td:nth-child(1){
	width:						400px;
}

#contact table td:nth-child(2){
	vertical-align:				text-top;
	width:						300px;
	font-size:					10pt;
}

#links table{
}

#links table td:nth-child(1){
	width:						200px;
	padding-bottom:				10px;
}

#links table td:nth-child(2){
	vertical-align:				text-top;
	width:						500px;
	font-size:					10pt;
	padding-bottom:				10px;
}



/*carousel*/
#slideshow {
	background:					url(../graphics/background_contentbox.jpg);
	background-repeat:			repeat-x;
	width:						140px;
	float:						left;
	border:						7px solid rgb(200, 200, 200);
    border:						7px solid rgba(200, 200, 200, .3);
    -webkit-background-clip:	padding-box; /* for Safari */
    background-clip:			padding-box; /* for IE9+, Firefox 4+, Opera, Chrome */
	background-color:			#fff;
	margin-bottom:				10px;
	padding:					5px;
}

.stepcarousel{
position: relative; /*leave this value alone*/
overflow: scroll; /*leave this value alone*/
width: 140px; /*Width of Carousel Viewer itself*/
height: 160px;
}

.stepcarousel .belt{
position: absolute; /*leave this value alone*/
left: 0;
top: 0;
}

.stepcarousel .panel{
float: left; /*leave this value alone*/
overflow: hidden; /*clip content that go outside dimensions of holding panel DIV*/
width: 140px; /*Width of each panel holding each content. If removed, widths should be individually defined on each content DIV then. */
}

/*flyout*/
* {padding:0; margin:0}
#wrapper {margin:0 auto}
#leftcolumn {float:left; width:200px}
#rightcolumn {float:left; width:200px}
.dropdown {display:block; position:relative}
.dropdown dt {width:130px; font-weight:bold; cursor:pointer;}
.dropdown .upperdd {border-bottom:none}
.dropdown dd {position:absolute; top:0; overflow:hidden; width:200px; display:none; opacity:0}
.dropdown ul {list-style:none; margin-left:43px;}
.dropdown li {display:inline; list-style:none  }
.dropdown a, .dropdown a:active, .dropdown a:visited {display:block;  text-decoration:none; width:150px; font-size 9pt;}
.dropdown a:hover {}