/* CSS Document */
body,html { height:100%; }
div { margin:0; padding:0; }
body {
	background-color: #6f665d;
	margin: 0 auto;
}

p {margin:0};

/* added 01-07-08 by Terry */
#pulldown, #soa_pulldown {
	width:190px; /* 200 */ 
	padding:5px;
	position:absolute;
	margin:-30px 0 0 205px;
	min-height:30px;
	z-index:50;
	background-color:#fff; /* a9b7d2 */
	border:1px solid #a9b7d2; /* a9b7d2 */
	filter:alpha(opacity=95);
	-moz-opacity:.95;
	opacity:.95;
}
#table_left {
	float:left;
	padding-bottom:10px;
	#margin-right:25px; /* alleen bug in IE */ 
	_margin-right:25px; /* alleen bug in IE */ 
}
#maincell ul, #maincell ol{
	/*_margin-left:230px;
	#margin-left:230px;*/
}

/* end added */

h1, h2, h3, h4, h5, h6 { font-family:Tahoma,Verdana, Arial, Helvetica, sans-serif; }
h1 { font-size:16px; color:#6f665d; }
h2 { font-size:14px; color:#008296; }
h3 { font-size:12px; color:#008296; }
h4 { font-size:11px; color:#008296; }
h5 { font-size:10px; color:#008296; }
h6 { font-size:9px; color:#008296;  }
h2.nom { margin:0; }
a {
	color:#008296; /*008296 */
	text-decoration:none;
}
a img {
	color:#6f665d; /*008296 */
}
h1 a, h2 a, h3 a, h4 a, h5 a, h6 a {
	color:#6f665d; /*008296 */
	text-decoration:none;
}
a:visited {
	color:#008296;
	text-decoration:none;
}
h1 a:visited, h2 a:visited, h3 a:visited, h4 a:visited, h5 a:visited, h6 a:visited {
	color:#6f665d;
	text-decoration:none;
}
a:hover {
	color:#6f665d;
	text-decoration:underline;
}
a:hover img {
	color:#008296; /*008296 */
}
h1 a:hover, h2 a:hover, h3 a:hover, h4 a:hover, h5 a:hover, h6 a:hover {
	color:#008296;
	text-decoration:none;
}
#behandeling_video {
	padding:10px 0 0 0;
	width:210px;
}
#page { 
	/*width:949px;*/
	width:900px;
	background-color:#fff;
	background-image:url(../images/background.png);
	background-position:left top;
	background-repeat:repeat-y;
	margin:0 auto;
	padding-bottom:10px;
}
#bar { 
	/*margin-left:49px;*/
	/*width:949px;*/
	margin:0 auto;
	width:900px;
	/*background-image:url(../images/back.jpg);*/
	/*background-position:left top;
	background-repeat:no-repeat;*/
}
#left {
	width:200px;
	float:left;
	height:100%;
	background:#40A1B0;
}
#bel {
	height:30px;
	background-color:#FFFFFF;
}
#vragen {
	display:block;
	width:200px; /* 200 */
	height:288px;
	color:#FFFFFF;
	background-image:url(../images/left_bar.jpg);
	background-position:left top;
	background-repeat:no-repeat;
	background-color:#008898;
}
#vragen h1 {
	margin:0;
}
#behandelcentrum {
	display:block;
	height:130px;
}
#behandelcentrum h1, #behandelcentrum h2 {
	text-indent:-100000px;
}
#afspraak {
	display:block;
	height:87px;
}
#afspraak h1 {
	text-indent:-100000px;
}
#afspraak h1 a {
	display:block;
	height:87px;
}
#belmij {
	display:block;
	height:71px;
}
#belmij h1 {
	text-indent:-100000px;
}
#belmij h1 a {
	display:block;
	height:71px;
}

/* LEFT BEHANDELINGEN */
#behandelingen {
	width:200px; /* 200 */
	padding:0;
	background-color:#40a1b0;
	height:100%;
}
#behandelingen h1, #behandelingen  h2 {
	margin:0;
}
#behandelingen h1 a, #behandelingen h2 a {
	display:block;
	margin:0;
	line-height:1.5em;
	min-height:22px; /* 30 */
	width:192px; /* 200 */
	/*font-size:11px;*/
	font-family:Verdana, Arial, Helvetica, sans-serif;
	padding:8px 0 5px 8px;
}
#behandelingen h1 {
	/*background-color:#a9b7d2;*/
	/*border-top:1px solid #ffffff;*/
	/*border-bottom:1px solid #ffffff;*/
	/*font-variant:small-caps;*/
	font-size:16px;
	font-weight:normal;
	/*text-transform:uppercase;*/
}
#behandelingen h1, #behandelingen h1 a {
	color:#FFFFFF;
	text-decoration:none;
}
#behandelingen h2 a {
	/*background-color:#e5e9f2;*/
	/*border-bottom:1px solid #ffffff;*/
	/*font-variant:small-caps;*/
	/*text-transform:uppercase;*/
	font-size:14px;
	color:#7bcfdd;
	width:172px; /* 200 */
	padding:0 10px 0 20px;
	font-weight:normal;
	text-decoration:none;
}
#behandelingen h2 a.open {
	/*background-color:#1d3156;*/
	/*background-image:url(../images/behandeling_open.jpg);*/
	background-position:right center;
	background-repeat:no-repeat;
	font-weight:bold;
	color:#027381;
}
#behandelingen h2 a:hover {
	/*background-image:url(../images/behandeling_over.jpg);*/
	background-position:right center;
	background-repeat:no-repeat;
	background-color:#ffffff;
	color:#027381;
}
#behandelingen h2 a.hover, #behandelingen h2 a.hover:hover {
	/*background-image:url(../images/behandeling_over.jpg);*/
	background-position:right center;
	background-repeat:no-repeat;
	background-color:#ffffff;
	color:#027381;
}
#behandelingen h2 a.open:hover { /* prevent other MOUSEOVER image */
	/*background-image:url(../images/behandeling_open.jpg);*/
	background-position:right center;
}
#behandelingen h2 a.open:hover {
	background-color:#ffffff;
	color:#027381;
}

/* CONTENT BEHANDELINGEN */ 
#behandelingenContent {
}
#behandelingenContent h1, #behandelingenContent  h2 {
	margin:0;
}
#behandelingenContent h1, #behandelingenContent h2 a {
	display:block;
	margin:0;
	height:22px; /* 30 */
	font-size:11px;
	padding:8px 0 0 8px;
}
#behandelingenContent h1 {
	text-transform:uppercase;
}
#behandelingenContent h1, #behandelingenContent h1 a {
	color:#FFFFFF;
	text-decoration:none;
}
#behandelingenContent h2 a {
	/*font-variant:small-caps;*/
	text-transform:uppercase;
	color:#008296;
	text-decoration:none;
}
#behandelingenContent h2 a:hover {
	color:#6f665d;
}
#behandelingenContent h3 {
	display:block;
	margin:0;
	font-weight:normal;
	font-size:11px;
	padding:0px 0 10px 8px;
	color:#8a8a8a;
	text-decoration:none;
}
#behandelingenContent hr {
	border-top:1px solid #008296;
	border-width:1px 0 0 0;
	height:1px;
}
/* EINDE CONTENT BEHANDELINGEN */

#main {
	background-image:url(../images/panel.jpg);
	background-position:left top;
	background-repeat:no-repeat;
	background-color:#e3e2e0;
	width:700px;
	height:100%;
	float:left;
}
a#logo {
	display:block;
	background-color:#FFFFFF;
	width:200px;
	height:107px;
	background-image:url(../images/logo.jpg);
	background-repeat:no-repeat;
	background-position:center;	
}
#uitlijnen {
	background-color:#5570a6;
	height:315px;
}
#flashheader {
	z-index:1;
	margin:0;
	position:absolute;
	height:315px; /* 457 */
	width:700px;
	background-image:url(../images/panel.jpg);
	background-repeat:no-repeat;
	background-position:center;	
}
#topmenu {
	z-index:10;
	position:absolute;
}
#panel {
	margin:30px 0 0 0;
	z-index:10;
	position:absolute;
}
#header {
	height:315px;
	z-index:10;
}
#slogan {
	position:absolute;
	margin:20px 0 0 40px;
	width:237px;
	height:139px;
	background-image:url(../images/mooi_voor_iedereen.jpg);
	background-repeat:no-repeat;	
}
label {
	margin:0;
	padding:0;
}
#logos {
	margin:30px 0 0 630px;
	width:60px;
	height:200px;
	position:absolute;
	z-index:10;
}
#video {
	position:absolute;
	width:201px;
	margin:160px 0 0 240px;
}
#content {
/*	width:668px;	/* 668 */
	/*_width:618px;
	width:618px;*/
	width: 648px;
	padding:10px 30px 10px 20px;
	background-color:#FFFFFF;
	line-height:15px;
	z-index:12;
	position:relative;
	/*height:100%;*/
	/*min-height:500px;	/* 468 */ 
	/*overflow:auto;
	overflow-y:scroll;*/
}
#content h1, #content h1 a {
	font-size:16px;
	color:#6f665d;
}
#content h1 a {
	text-decoration:underline;
}
#content h1 span, #content h1 span a {
	font-size:13px;
}
#content h2 a {
	text-decoration:none;
}
#leftcell {
	background-color:#FFFFFF;
	background-image:url(../images/leftcell.jpg);
	background-repeat:no-repeat;
	background-position:left top;
	padding:0 0 0 1px;
	width:200px;
}
#leftcell_noimg {
	background-color:#FFFFFF;
	padding:0 0 0 1px;
	width:200px;
}
#leftcell img#inzet {
	padding-bottom:1px;
	margin-bottom:10px;
	border-top:1px solid #6f665d;
	border-right:1px solid #6f665d;
	background-image:url(../images/leftcell_under_img.jpg);
	background-repeat:no-repeat;
	background-position:right bottom;

}
#maincell {
	padding-top:20px;
	background-color:#FFFFFF;
	line-height:16px;
}
#buttons {
	float:left;
	width:868px;
	height:26px;
	background-color:#FFFFFF;
	padding-top:6px;
}
#buttons img {
	float:left;
}
#zkn {
	float:left;
	width:27px; /* 32 */
	height:32px;
	background-color:#e5e9f2;	
	padding:0 0 0 5px;
}
#foot {
	position:absolute;
	/*background-color:#1d3156;*/
	padding-left:14px;
	width:900px;
	/*background-image:url(../images/footright.jpg);*/
	background-repeat:repeat-y;
	background-position:right top;
}
#footer {
	/*background-color:#1d3156;*/
	height:20px; /* 25 */
	padding:8px 35px 5px 8px;
	width:857px;
}
#footer h2, #footer h2 a {
	color:#FFFFFF;
	margin:0;
	font-size:11px;
	font-weight:normal;
	font-family:Verdana, Arial, Helvetica, sans-serif;
	text-decoration:none;
}

/* SPECIALS */ 
.spotlight1 {
	clear:both;
	float:left;
	width:305px; /* 300 */ 
}
.spotlight2 {
	float:right;
	width:305px; /* 300 */ 
}
#specials img.inzet {
	max-width:150px;
}
#specials h1 {
	margin:0;
	color:#008296;
	font-size:14px;
}
#specials h1 a {
	color:#008296;
	font-size:14px;
	text-decoration:none;
}
#specials h1 a:hover {
	color:#6f665d;
}
#specials h3 a {
	font-size:10px;
	text-decoration:none;
}
#tar td {
	padding:1px;
	color:#ffffff;
}
.clear {
	clear:both;
}
/* IE irritante witruimte wegwerken: */ form { margin:0; padding:0; } 
input, select, textarea {
	margin:0;
	padding:0;
	font-family:Arial, Helvetica, sans-serif;
	font-size:12px;
	border-width:1px;
}
#content input {
	border:1px solid #6f665d;
}
.q {
	padding:1px 2px 1px 2px;
	font-size:9px;
	color:#1d3157;
	font-family:Verdana, Arial, Helvetica, sans-serif;
}
.error {
	background-color:#FF0000;
	color:#FFFFFF;
}

/* ADDED BY JASPER */

/*-------------------------------------------------------------------
  Voor en na foto's
*/

#behandeling-voor-en-na-fotos {
	margin-top: 10px;
	float:left;
	clear:both;
}

.behandeling-foto-voor {
	clear:left;
	float:left;
	margin-bottom:10px;
}

.behandeling-foto-na {
	clear:right;
	float:left;
}

.behandeling-foto-voor img, .behandeling-foto-na img {
	width:240px;
	padding:0px;
}

.behandeling-foto-na img {
	margin-left: 10px;
}

#contact-top {
	background: #CCC;
	margin: -10px -32px 0px -20px;	
	line-height: 26px;
	color:#000;
	text-align:center;
}
#contact-top:hover {
	background:#999;
	cursor:pointer;
}

#contact2-top {
	background: url(../images/knop-stel-uw-vraag1.png) no-repeat top right;
	margin: 4px -32px 0px -20px;	
	height:32px;
	width:546px;
	color:#000;
	text-align:center;
}
#contact2-top:hover {
	background: url(../images/knop-stel-uw-vraag2.png) no-repeat top right;
	cursor:pointer;
}