@charset "utf-8";
/* CSS Document Aandacht voor jou! */

/* -----------------------------------------------------------------------------------------------------------------
   RESET stijlen
   --------------------------------------------------------------------------------------------------------------- */

html {
	color:#fff;
	background:#fab397;
}

body,div,dl,dt,dd,ul,ol,li,h1,h2,h3,h4,h5,h6,pre,code,form,fieldset,legend,input,button,textarea,p,blockquote,th,td {
	margin:0;
	padding:0;
}

table {
	border-collapse:collapse;
	border-spacing:0;
}

fieldset,img {
	border:0;
}

address,caption,cite,code,dfn,em,th,var,optgroup {
	font-style:inherit;
	font-weight:inherit;
}

strong {
	font-style:inherit;
	font-weight: bold;
}

del,ins {
	text-decoration:none;
}

caption,th {
	text-align:left;
}

h1,h2,h3,h4,h5,h6 {
	font-size:100%;
	font-weight:normal;
}

q:before,q:after {
	content:'';
}

abbr,acronym {
	border:0;
	font-variant:normal;
}

sup {
	vertical-align:baseline;
}

sub {
	vertical-align:baseline;
}

legend {
	color:#000;
}

input,button,textarea,select,optgroup,option {
	font-family:inherit;
	font-size:inherit;
	font-style:inherit;
	font-weight:inherit;
}

input,button,textarea,select{
	*font-size:100%;
}

a {
	outline: 0 none;
}

/* -----------------------------------------------------------------------------------------------------------------
   BODY
   --------------------------------------------------------------------------------------------------------------- */
body {
	background-color: transparent;
	color: #fff;
	font-size: 12px;
	font-family: Verdana, Arial, Helvetica, sans-serif;
	line-height: 15px;
	font-weight: normal;
}

/* -----------------------------------------------------------------------------------------------------------------
   CONTENT STIJLEN
   --------------------------------------------------------------------------------------------------------------- */
h1 {
	color: #fff;
	font-size: 16px;
	font-family: Verdana, Arial, Helvetica, sans-serif;
	font-weight: normal;
	font-style: normal;
	line-height: 16px;
}

h2, h3, h4, h5, h6 {
	color: #fff;
	font-size: 13px;
	font-family: Verdana, Arial, Helvetica, sans-serif;
	font-weight: bold;
	line-height: 13px;
}

p {
	color: #fff;
	font-size: 12px;
	font-family: Verdana, Arial, Helvetica, sans-serif;
	line-height: 15px;
	font-weight: normal;
}

/* Unordered list stijl ======== */
ul {
	margin-left: 17px;
}

.ulstijl {
	color: white;
	font-size: 12px;
	font-family: Verdana, Arial, Helvetica, sans-serif;
	line-height: 14px;
	list-style-type: circle;
}

/* Content link stijl ========= */
div.content a {
	color:#ffffff;
	text-decoration: underline;
}

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

/* -----------------------------------------------------------------------------------------------------------------
   STGRUCTUUR STIJLEN
   --------------------------------------------------------------------------------------------------------------- */
/* Buitenste container voor iedere pagina */
div#outer_container {
background-color: transparent;
margin-right: auto;
margin-left: auto;
width: 960px;
height: 570px;
}

/* Top container */
#top_container {
float: left;
height: 90px;
width: 100%;
background-color: transparent;
}

#outer_linkerkolom_container {
width: 233px;
height: 440px;
float: left;
background-color: transparent;
}

#outer_middenkolom_container {
width: 460px;
height: 420px;
float: left;
padding: 20px 15px 0 15px;
background-color: transparent;
}

#rechterkolom_container {
float: left;
width: 210px;
height: 440px;
background-color: transparent;
}

/*Footer container stijl incl footerlink */
#footer {
clear: both;
width: 960px;
margin: 0 auto 0 auto;
background-color: transparent;
}

#footer img {
visibility:hidden; 
}

/*Link Creative Web Studio stijl*/
div.webdesign {
text-align: center;
}

div.webdesign a {
background-color: transparent;
color: silver;
font-size: 7pt;
font-family: Verdana, Arial, Helvetica, sans-serif;
line-height: normal;
text-decoration: none;
}

div.webdesign a:hover {
background-color: transparent;
color: silver;
font-size: 7pt;
font-family: Verdana, Arial, Helvetica, sans-serif;
line-height: normal;
text-decoration: underline;
}

/* -----------------------------------------------------------------------------------------------------------------
   Achtergronden wissel per pagina
   --------------------------------------------------------------------------------------------------------------- */
div.home {
background-image: url(../images/bg_home.jpg);
background-repeat: no-repeat;
background-position: center top;
}

/*Themapagina: Problemen op school */
div.school {
background-image: url(../images/bg_problemen_op_school.jpg);
background-repeat: no-repeat;
background-position: center top;
}

/* Pagina Een nieuwe weg vinden */
div.nieuweweg {
background-image: url(../images/bg_wgvinden.jpg);
background-repeat: no-repeat;
background-position: center top;
}

/* Pagina Polyenergetische Therapie */
div.polyenergetisch {
background-image: url(../images/bg_poly_therapie.jpg);
background-repeat: no-repeat;
background-position: center top;
}

/* Pagina Van probleem naar oplossing */
div.oplossing {
background-image: url(../images/bg_probleem_oplossing.jpg);
background-repeat: no-repeat;
background-position: center top;
}

/* Pagina Over Dennis */
div.dennis {
background-image: url(../images/bg_overdennis.jpg);
background-repeat: no-repeat;
background-position: center top;
}

/* Pagina Ervaringen van clienten */
div.ervaringen {
background-image: url(../images/bg_ervaringen.jpg);
background-repeat: no-repeat;
background-position: center top;
}

/* Pagina Tarieven */
div.tarief {
background-image: url(../images/bg_tarieven.jpg);
background-repeat: no-repeat;
background-position: center top;
}

/* Pagina html contact */
div.contacthtml {
background-image: url(../images/bg_overig.jpg);
background-repeat: no-repeat;
background-position: center top;
}

/* Pagina Contact PHP */
div.contactphp {
background-image: url(../images/bg_contactphp.jpg);
background-repeat: no-repeat;
background-position: center top;
}

/* -----------------------------------------------------------------------------------------------------------------
   STIJLGEGEVENS per pagina
   --------------------------------------------------------------------------------------------------------------- */
/* Home / Welkom pagina */

/*Tekstblok stijl*/
#tekstblok_welkom {
text-align: center;
}

#tekstblok_welkom a {
color: #ffffff;
text-decoration: underline;
}

#tekstblok_welkom a:hover {
color:silver;
text-decoration: none;
}

/*curl-image stijl*/
.curl {
	padding: 15px 0 15px 0;
}

.curl_rechts {
	padding: 240px 0 0 45px;
	background-color: transparent;
}

/* Laatste alinea Ziektekosten vergoeding */
p.ziektekostenvergoeding {
	margin-top: -15px;
}

p.ziektekostenvergoeding .rbng {
	float: left;
	margin-right: 10px;
}

p.ziektekostenvergoeding .vbag {
	float: right;
	margin-left: 10px;
}

p.ziektekostenvergoeding span {
	display: block;
	padding-top: 15px;
}

/* Tekstblok scroll stijl ======= */
#tekstblok_scroll {
float: left;
text-align: left;
width: 420px;
height: 385px;
margin-top: 5px;
padding: 0 30px 0 20px;
color:#ffffff;
overflow: scroll;
overflow-x: hidden;
}

/* Scrollbar stijl =========== */
html {
scrollbar-face-color: #FBB398;
scrollbar-highlight-color: #EFE9E0;
scrollbar-3dlight-color: #FFA4A4;
scrollbar-darkshadow-color: #804000;
scrollbar-shadow-color: #B66369;
scrollbar-arrow-color: #FF0000;
scrollbar-track-color: #FFCC99;
}


/* MENU DRIEHOEK ======================================== */ 
#driehoek_container {
margin-top: 54px;
width: 82px;
height: 84px;
margin-left: 93px;
background-color: transparent;
border: 0px;
}

div.driehoekstijl a {
display: block;
background-image: url(../images/driehoek.jpg);
background-position: top left;
background-repeat: no-repeat;
background-color: transparent;
}

div.driehoekstijl a:hover {
display: block;
background-image: url(../images/driehoek_over.jpg);
background-position: top left;
background-repeat: no-repeat;
background-color: transparent;
}

/* THEMA LINK POS Problemen op school =========================== */
div.pos {
text-align: right;
padding: 80px 15px 10px 0;
}

div.pos a {
color:#fab397;
text-decoration: none;
font-size: 11px;
font-family: Verdana;
font-style: italic;
}

div.pos a:hover {
color: silver;
text-decoration: underline;
font-size: 11px;
font-family: Verdana;
font-style: italic;
}

/* LINKER MENU ========================================== */
div.menustijl {
width: 193px;
height: 19px;
padding-left:30px;
}

div.menustijl a {
display: block;
font-family: Verdana ; font-size: 11px;
color: #ffffff;
font-weight: normal;
text-decoration: none;
background-image: url(../images/menu_driehoek.gif);
background-position: top right;
background-repeat: no-repeat;
background-color: transparent;
text-align: right;
padding: 4px 19px 2px 0;
}

div.menustijl a:hover {
display: block;
font-family: Verdana ; font-size: 11px;
color: #ffffff;
font-weight: normal;
text-decoration: none;
background-image: url(../images/menu_driehoek_over.gif);
background-position: top right;
background-repeat: no-repeat;
background-color: transparent;
text-align: right;
padding: 4px 19px 2px 0;
}

/* Tarievenpagina */
table.tarieventabel {
color: white;
font-size: 9pt;
font-family: verdana, arial;
line-height: normal;
border-collapse: collapse;
}

table.tarieventabel td.linkerkolomtarieventabel {
width: 200px;
vertical-align: top;
padding-bottom: 10px;
}

table.tarieventabel td.rechterkolomtarieventabel {
width: 100px;
vertical-align: top;
}

span.italic {
font-style: italic;
}

/*CONTACT HTML PAGINA ===================================*/
#heading {
text-align: left;
margin-top: 10px;
width: 568px;
height: 93px;
float: left;
padding: 10px 0 0 30px;
}

#outer_middenkolom_container_contact {
width: 598px;
height: 420px;
float: left;
}

/*Tabel container*/
#tabel {
text-align: left;
color: white;
font-size: 9pt;
font-family: Verdana, Arial, Helvetica, sans-serif;
line-height: normal;
width: 558px;
height: 317px;
float: left;
padding-left: 30px;
}

/*Tabelcellen stijlen*/

/* Labels */
.labelcell {
width: 91px;
/*height: 27px;*/
color: #fff;
font-size: 10pt;
font-family: Arial;
line-height: normal;
text-align: left;
}

/* Input */
.inputcell {
/*width: 384px;*/
height: 22px;
}

.radio {
background: none;
}

.inputlong {
color: black;
background-color: #fbb398;
font-size: 9pt;
font-family: Arial;
line-height: normal;
text-align: left;
width: 252px;
height: auto;
border: 1px #fff solid;
}

.inputshort {
color: black;
background-color: #fbb398;
font-size: 9pt;
font-family: Arial;
line-height: normal;
text-align: left;
width: 132px;
height: auto;
border: 1px #fff solid;
}

.textareacell {
/*width: 384px;*/
height: 24px;
color: black;
font-size: 10pt;
font-family: Arial;
line-height: normal;
text-align: left;
}

.inputtextarea {
color: black;
background-color: #fbb398;
font-size: 9pt;
font-family: Arial;
line-height: normal;
text-align: left;
/*width: 450px;*/
height: 73px;
border: 1px #fff solid;
}

.submitbuttoncell {
width: 91px;
}

.submitbutton {
width: 86px;
height: auto;
color: black;
background-color: #fbb398;
font-size: 10pt;
font-family: Verdana;
line-height: normal;
}

.footertextcell {
text-align: right;
/*width: 384px;*/
height: 34px;
vertical-align: middle;
color: #fff;
font-size: 10pt;
font-family: Arial;
line-height: normal;
}

/*CONTACT_PHP PAGINA ==================================== */
#outer_middenkolom_container_contactphp {
width: 594px;
height: 420px;
float: left;
}

#message {
text-align: center;
margin-top: 30px;
width: 393px;
height: 329px;
float: left;
}