/* ------------------------------------------------------
CSS: dermalight.css
Produced by: Ploegwerk Development - www.ploegwerk.nl
Author: Jan van der Ploeg
Date: march 2009
------------------------------------------------------*/
.behandelingen-tabel{
	font: normal 1.1em 'Lucida Grande', Arial;
	color: #000;
}
*{
	margin: 0;
	padding: 0;
	border: 0;
	text-align: left;
	vertical-align: top;
}
.rechts,.right{
	float: right;
}
hidden, .skiplinks, .hidden, #header h1, #header h2{
	display: none;
}
body{
	text-align:center;
	font: normal .65em 'Lucida Grande', Arial;

	color: #000;
	background: #DCE4F1;
}
#container{
	position: relative;
	width: 750px;
	margin: 0em auto;
	margin-top: 2em;
	margin-bottom: 2em;
	background: transparent url(images/bg.png) repeat-y;
	border: 0px solid silver;
}
.clear {
	clear:both;
	height:1px;
	overflow:hidden;
}
/* - - - LINKERKOLOM MET FOTO EN ADRESGEGEVENS - - - - */
#left, #nav, #content{
	display: table-cell;
	min-height: 500px;
}
#left{
	float: left;
	width: 175px;
	background: #F9F9F9;
}
.huidcouture{
	font: normal 20px Times;
	text-transform: uppercase;
	text-align: center;
	color: #BFDDF7;
	display: block;
	background: #fff;
	height: auto;
	padding: .7em 0;
}
#fotodame{
	background: transparent url(images/dame.jpg) no-repeat;
	margin-bottom: 3em;
	width: 175px;
	height: 244px;
}
#left .adres{
	font: normal 14px 'Lucida Grande', arial;
	margin-top: 1em;
	line-height: 1.5em;
}
#left h2, #left .adres{
	color: gray;
	margin-left: .5em; 
}
#left h2{
	font-size: 16px;
}

/* - - - MIDDENKOLOM (NAV) MET LOGO EN MENU - - - - */
#nav{
	padding: 1.5em 0 0 0;
	/*background: #BFDDF7;*/
}
#logo{
	background: transparent url(images/logo.png) no-repeat;
	display: block;
	margin-left: auto;
	margin-right: auto;	
	margin-bottom: 5em;
	width: 177px;
	height: 140px;
}
#nav, #nav ul { /* all lists */
	width: 200px;
	list-style: none;
	float: left;
}
#nav li { /* all list items */
	position: relative;
	float: left;
	line-height: 2em;
	margin-bottom: -1px;
}
#nav li a {
	width: 195px;
	display: block;
	color: #fff;
	text-decoration: none;
	font: bold 1.5em arial;
	padding: .5em 0 .5em 5px;
}
#nav li a:hover {
	color: #BFDDF7;
	background-color: #fff;
	background: #fff url(images/menubg.png) no-repeat;
}
#nav .current{
	color: #BFDDF7;
	background-color: #fff;
	background: #fff url(images/menubg.png) no-repeat;
}
/* - - - RECHTERKOLOM (CONTENT) - - - - */
#content{
	float: right;
	width: 375px;
	height: 100%;
	line-height: 1.7em;
	color: #282828;
	background: #fff;
	padding: 1.5em 0 0 0;
}
#content p, #content ul, #content ol, #content img{
	padding: 0 1.5em 1.5em 1.5em;
	font-size: 1.2em;
}
#map, #content table{
	margin: 0 0 1em 1.5em;
}
#content h1, #content h2, #content h3, #content h4, #content h5, #content h6{
	color: black;
	padding: 0 0 .25em 1.5em;
}

#content h1{
	color: #708495;
	font-size: 1.7em;
}
#content h2{
	margin-left: -.5em;
	color: #90a8bc;
	font-size: 1.5em;
}
#content h3{
	color: #a2bdd4;
	font-size: 1.3em;
}
.longtitle{
	border-bottom: 1px solid #BFDDF7;
	margin-bottom: 1em;
}

#content a{
	color: #3B9EEF;
	text-decoration: none;
}
#content a:hover{
	text-decoration: underline;
}
#content ul,
#content ol {
	margin-left: 2em;
}
#content li{
	font: normal 1em/100%;
}
#content li ul{
	padding: 0;
}
#content hr{
	color: #3B9EEF;
	height: 1px;
	background: #3B9EEF; /* FF */
	margin: 0 1.5em 1.5em;
}
#content fieldset{
	padding: 1em;
	border: .1em solid #3B9EEF;
}
#content fieldset legend{
	font: bold 1.1em verdana;
	color: #3B9EEF;
	padding: 0 .5em;
}
#contact_me p{
	padding-bottom:.2em;
}
#content input, #content textarea{
	border: .1em solid #90a8bc;
	font: 11px verdana;
	padding: 3px;
	margin-bottom: .2em;
}
#content textarea{
	line-height: 150%;
}
#content input:focus, #content textarea:focus{
	border: .1em solid #002569;
}
#content input button{
	background: #EDF3FF;
	overflow: visible; /* ivm paddingbug in IE*/
}
#footer{
	text-align: right;
	padding: .25em;
}
#footer a, #footer p{
	text-align: right;
	text-decoration: none;
	color: silver;
}
#footer a:hover{
	text-decoration: underline;
}

