/*
-----------------------------------------------
Stylesheet Chiropractie Natuurlijk
Version: April 2010
----------------------------------------------- */

/* Basics
----------------------------------------------- */
body {
	margin:0;
	padding:0;
	font-size:62.5%;
	height:100%;
	background-image: url(../images/stip.gif);
	text-align:center;
	font-family:Verdana, sans-serif;
	}
#wrapper {
	position:relative;
	width:940px;
	margin:0 auto;
	padding:0;
	border:px solid #9c9;
	background-color:#fff;
	text-align:left;
	}
#top { 
	position:relative;
	width:940px;
	height:50px;
	padding:10px 0 0 0;
	margin:0 0 5px 0;
	background-color:#73a573;
	}
ul#masthead {
float:left;
clear:left;
margin:2px 0 0 20px;
padding:0;
list-style:none;
width:30em;
border:px solid #000;
}
ul#masthead li {
float:left;
color:#fff;
margin:0 0 0 0.3em;
padding:0;
font:1.em verdana;
letter-spacing:0.03em;
}
ul#masthead li a{
float:left;
color:#fff;
text-decoration:none;
font-weight:normal;
}
ul#masthead li a:hover{
float:left;
color:#fff;
text-decoration:underline;
}
#top h1 {
	color:#fff;
	margin:0;
	padding:0 0 0 20px;
	font:bold 1.3em arial,sans-serif;
	letter-spacing: 0.15em;
	word-spacing: 0.1em;
	text-transform:uppercase;
	}
#top h1{
margin:0;
float:left;
text-indent:-9999px;
background:url(../images/naam.png) no-repeat 20px 0;
display: block;
border:px solid #000;
width:313px;
height:21px;
}
#top h1 a{
display: block;
width:313px;
height:21px;
}
#top h1 a:hover{
text-decoration: none;
border-bottom: none;
}
	
/* =Header
----------------------------------------------- */
#header { 
	position:relative;
	width:940px;
	height:175px;
	padding:0;
	border:px solid #053;
	background:url(../images/lotus.jpg) no-repeat 0 0;
	margin:0;
	}
#header h3{
margin:0;
float:left;
text-indent:-9999px;
background:url(../images/logo-neg.png) no-repeat 10px 25px;
display: block;
border:px solid #000;
}
#header h3 a{
display: block;
width:175px;
height:155px;
}
#header h3 a:hover{
text-decoration: none;
border-bottom: none;
}
	
/* Page Structure: positioning
----------------------------------------------- */
#content, #sitemap {
	float:right;
	margin:2px 0 0 0;
	padding: 0;
	width: 745px;
	border:px solid #ddd;
	min-height:px;
	}		
#txt {
	float:left;
	margin:10px 0 10px 0;
	padding:0;
	width: 495px;
	background-color: #fff;
	border:1px solid #d4e7da;
-moz-border-radius: 5px;
-webkit-border-radius: 5px;
	}
#info {
	float:right;
	width:235px;
	padding:0 0 2px 2px;
	margin:5px 0 0 0;
		}
.announce {
	float:left;
	clear:left;
	margin:5px 0 0 0;
		background-color: #fff;
		width:233px;
		}
.announce_top {
	float:left;
	margin:5px 0 0 0;
		background-color: #fff;
		}
#spine {
	float:left;
	clear:left;
	margin:5px 0 12px 0;
	background-color:#73a573;
	-moz-border-radius: 5px;
-webkit-border-radius: 5px;
width:234px;
		}
#audio {
	position:relative;
	border:px solid #000;
	margin:0 auto;
	padding:20px 0;
width:200px;
		}
.side,.side_book {
	float:left;
	clear:left;
	width:180px;
	padding:2px;
	margin:10px 0 0 0;
		background-color: #fff;
		}
.side p,.side_book p, .announce p, .announce_top p {
	padding:5px 5px 10px 10px;
		border:1px solid #d8ebde;
-moz-border-radius: 5px;
-webkit-border-radius: 5px;
background-color:#fefefc;
		}
.side_book p {
padding-top:10px;
padding-bottom:12px;
		}			
.right {
	float:right;
	margin:0;
	}
.left {
	float:left;
	margin:0 0 20px 0;
	}
.left0 {
	float:left;
	margin:0 20px 0 0;
	}
.left10 {
	float:left;
	margin:15px 10px 0 0;
	}
.left_spine {
	float:left;
	margin:10px;
	}
.leftalt {
	float:left;
	margin:38px 0 0;
	}	
.contnt {
	float:right;
	margin: 20px 10px 0 5px;
	}
img.sticker {
position:absolute;
top:168px;
left:878px;
}
	
/* Fonts, text properties, links
----------------------------------------------- */
p {
	font-size:1.2em;
	letter-spacing:0.01em;
	color:#111f11;
	padding:0;
	line-height: 1.5em;
	margin:15px 10px 0 10px;
	}
#info p {
font-size:1.1em;
	margin:0 0 10px 0;
	}
.side p {
font-size:1.1em;
margin:0;
	}
strong {
	color:#446f44;
		}
.slogan {
font-weight:bold;
padding:0 0 5px 0;
color:#224f22;
}
h2 {
	font:bold 1.3em arial,sans-serif;
	letter-spacing: 0.05em;
	word-spacing: 0.1em;
	color:#000;
	text-transform:uppercase;
	color: #fff;
	margin:0 0 5px 0;
	padding:3px 5px 3px 11px;
	background-color:#73a573;
	line-height: 1.5em;
	}
#info h2, #side h2  {
	font-size:1.1em;
	letter-spacing: 0.01em;
	word-spacing: 0.1em;
	text-align: left;
	color: #363;
	padding: 0;
	margin: 20px 0 0px 0px;
	}

a:link,a:visited, .side a:link, .side a:visited { 	
	color: #484;
	font-weight:bold;
	text-decoration:none;
	}
a:hover,a:active, .side a:hover, .side a:active { 	
	color: #224f22;
	text-decoration:underline;
	}
h3 {
	font-weight:bold;
	word-spacing: 0.1em;
	color:#224f22;
margin:0;
	}
#spine h3 {
font-size:1.2em;
	font-weight:bold;
	word-spacing: 0.1em;
	color:#fff;
margin:10px 0;
	}
#spine p {
	color:#fff;
	}
h4 {
font:bold 1.3em arial, sans-serif;
letter-spacing:0.03em;
	color: #538553;
	margin:0 0 5px 0;
	padding:5px 5px 5px 12px;
	background-color:#d8e3b8;
	}
a.nwsbrf {
	color:#113f11;
	text-decoration:none;
	}
.nieuw {
font-weight:bold;
	color: #A52444;
	}
a.nieuw {
	color: #A52444;
	text-decoration:none;
	}
h4.subkop {
	color: #e09b50;
	margin:0px 0 5px 0;
	}
h5 {
	font:bold 1.3em arial, sans-serif;
	letter-spacing: 0.03em;
	text-transform:uppercase;
	text-align: left;
	color: #363;
	padding: 0;
	margin:15px 0 0 15px;
	}
h5 + p {
	margin:5px 0 0 15px;
	}
a:link img, a:visited img {
border:none;
}
a:hover img, a:active img {
border:none;
}
.wakeup {
font:bold 1.1em arial, sans-serif;
	color: #3329a6;
	letter-spacing:0.05em;
	}
a.wakeup:link, a.wakeup:visited {
	color: #3329a6;
	font-size:1em;
	text-decoration:none;
	letter-spacing:0.01em;

	}
a.wakeup:hover, a.wakeup:active {
	text-decoration:underline;
	}

/* =Nav
----------------------------------------------- */
#main_nav, ul#main_nav {
float:right;
width:61.8em;
height:25px;
margin:0;
padding:0;
background-color:#fff;
	opacity: 0.8;
	-moz-opacity: 0.8;
	filter: alpha(opacity=80);
list-style:none;
}
ul#main_nav li {
float:left;
font:bold 1.2em arial, sans-serif;
color:#000f00;
letter-spacing:0.1em;
list-style:none;
display:;
width:10.5em;
border-left:1px dotted #111f11;
background-color:;
margin:0.1em 0 0.1em 0;
padding:0;
}
ul#main_nav li.kort {
width:9em;
}
ul#main_nav a {
color:#000f00;
text-decoration:none;
text-transform:uppercase;
padding:0.3em 0 0.4em 1em;
	display: block;
	width:10em;
	w\idth:8.5em;
}
#main_nav li ul {
	position: absolute;
left: -999em;
	height:auto;
	width: 14em;
	w\idth: 12em;
	margin:0 0 0 -1px;
	padding:2px 0;
	background-color:#d1ddb0;
	border:1px dotted #111f11;
	border-top:none;
}
#main_nav li li {
	font-size:0.9em;
	width: 11.3em;
	background-color:;
	border:none;
	line-height:1.6em;
	padding:0 1em;
}
#main_nav li ul a {
	font-size:0.9em;
	width: 12em;
	padding:0.2em;
	margin:0;
	background-color:;
	display: block;
}
#main_nav li:hover ul, #main_nav li.sfhover ul {
	left: auto;
}
#main_nav li:hover, #main_nav li.sfhover {
	background:#d1ddb0;
}
#main_nav li li:hover, #main_nav li li.sfhover {
	background:#fff;
}
#chiro a#chironav,
#behandeling #behandelingnav,
#praktijk #praktijknav,
#service #servicenav,
#contact #contactnav {
	background-color:#d1ddb0;
	color:#fff;
	}
ul#sub_nav {
float:right;
width:45em;
height:50px;
margin:0;
padding:0;
}
ul#sub_nav li {
float:right;
list-style-type:none;
display:inline;
margin:0.4em 15px 0.4em 0;
padding:0;
}
ul#sub_nav a:link,#sub_nav a:visited {
color:#fff;
text-decoration:none;
border:none;
}
ul#sub_nav li a:hover,#sub_nav li a:active {
text-decoration:none;
}
ul#sub_nav img {
border:none;
}

/* =Q&A
----------------------------------------------- */
div#drawer {
margin:15px;
padding:0;
font-size:1em;
}
div#drawer p {
margin:0;
padding:0;
line-height:1.4em;
}
div#drawer h3 {
margin:10px 0 5px 0;
padding:0;
cursor:pointer;
line-height:1.4em;
}
div#drawer h3 a:link,div#drawer h3 a:visited { 	
	color: #224f22;
	font-weight:bold;
	text-decoration:none;
	}
div#drawer h3 a:hover,div#drawer h3 a:active { 	
	color: #484;
	text-decoration:underline;
	}

/* =Footer
----------------------------------------------- */
#footer {
position:relative;
	width:925px;
	margin:5px 0 0 2px;
	padding:10px 5px;
float:left;
	height: 1%;
	border:1px solid #d4e7da;
	background-color: #fff;
	-moz-border-radius: 5px;
-webkit-border-radius: 5px;
	}
#footer a:link {
color:#224f22;
text-decoration:none;
}
#footer a:hover {
text-decoration:underline;
}
p.contact {
font-size:1.1em;
	letter-spacing: 0.02em;
color:#224f22;
	padding:0;
	margin:3px;
	float:left;
}
p.klein {
	font-size: 1em;
	float:right;
	list-style:none;
	margin:0;
		}
p.credit {
font-size:1em;
	letter-spacing: 0.02em;
	color: #60935a;
	padding:0;
	margin:3px 0;
	float:right;
	clear:right;
}
.footer {
	font-family:Verdana, sans-serif;
	font-size:0.8em;
	letter-spacing: 0.02em;
	color: #60935a;
	padding:0 10px 5px 0;
	text-align:right;
	}

/* Lists
----------------------------------------------- */
#content ul {
	background-color:;
	margin:5px 0 0 25px;
	padding:0 15px 0 0;
	border:px solid #ccc;
	}
ul#normaal {
	margin:10px 0 0 5em;
	padding:10px;
	background-color:#d8e3b8;
	width:35em;
	list-style-position: inside;
	}
#info ul {
	margin:10px 0;
	padding:0 0 14px 10px;
	border-bottom:px solid #ccc;
	}
li { 	
	margin-left: 10px;
	padding: 0;
	font:1.2em verdana,sans-serif;
	letter-spacing: 0.01em;
	color: #111f11;
	line-height:1.8em;
	}
#side ul li a:link, #side ul li a:visited { 	
	color: #004400;
	font-weight:bold;
	text-decoration:none;
	}
#side ul li a:hover, #side ul li a:active { 	
	color: #484;
	text-decoration:underline;
	}
li p{ 	
	font:normal 0.95em verdana,sans-serif;
	letter-spacing: 0.01em;
	color: #565;
	line-height:1.8em;
	margin: 0;
	padding: 0;
	}
.first {
	margin-left:-5px;
	padding:0;
	list-style-type:none;	
		}
dl {
	margin:0 0 0 10px;
	padding:0;
	font-size:1.3em;
	}
dl dt {
	margin:15px 0 0 0;
	padding: 0;
	letter-spacing: 0.01em;
	color:#446f44;
	font-weight:bold;
	}
dl dd {
	letter-spacing: 0.01em;
	color:#111f11;
	line-height:1.5em;
	margin:5px 0 0 10px;
	padding:0;
	}


/* Tables
----------------------------------------------- */
table {
	font-family: Verdana, sans-serif;
	font-size: 0.9em;
	font-weight: normal;
	letter-spacing: 0.01em;
	color: #333;
	padding: 0;
	line-height: 1.4em;
	text-align:center;
	}
.tableleft {
	text-align:left;
margin:10px;
	}
.table_audio {
font-size:1.2em;
	text-align:left;
margin:0 0 0 12px;
width:35em;
	}
	
/* Kaders
----------------------------------------------- */
#kader, #kader_t {
	background-color:#fffaf5;
	padding:10px 10px;
	margin:10px 10px 20px 0;
		}
#kader_t {
	margin:0 0 20px 150px;
		}
#kader p, #kader_t p{
	margin:0;
	line-height:1.6em;
	color:#242;
		}
.kader {
	background-color:#fffaf5;
	padding:10px 20px;
	margin:25px 0 0 0;
	letter-spacing:0.03em;
	color:#333;
		}		

  /* Form
----------------------------------------------- */
form {
	float:right;
    margin:10px 0 0 0;
    padding:0;
    width:490px;
}
fieldset {
    margin:0;
	padding:0;
	width:480px;
	background-color:#fff;
	border:0px solid #000;
	}
fieldset.radio {
    margin:0 0 10px 140px;
	padding:20px 0 0;
	width:300px;
	background-color:#fff;
	border:px solid #000;
	}
fieldset.chex, fieldset.list {
    margin:0 0 10px 105px;
	padding:0 10px 10px 15px;
	width:27.8em;
	background-color:#fffffc;
	border:1px solid #d8e3b8;

	}
fieldset.chex_schuif {
    margin:0;
	padding:0;
	width:27.8em;
	background-color:#fffffc;
	}
legend {
	font:normal 1.2em Verdana,sans-serif;
	color:#363;
	padding-left:0;
    width:;
	line-height:3em;
	clear:left;
	border:px solid #000;
	}
label {
	font:normal 1.1em Verdana,sans-serif;
	color:#363;
    float:left;
	margin:8px 5px 3px 0;
    width:100px;
    padding:0;
    text-align:right;
	clear:left;
	cursor:pointer;
	display:inline;
	border:px solid #000;
	}
label.check {
    float:left;
	margin:4px 0 0 5px;
    width:200px;
    padding:0;
	clear:none;
	display:inline;
	text-align:left;
	border:px solid #000;
	}
fieldset.chex input {
    float:left;
	clear:left;
	margin:2px 0;
    width:auto;
    padding:0;
	display:inline;
	border:none;
	}
fieldset.radio label {
    float:left;
	margin:0;
    width:auto;
    padding:0;
	clear:none;
	font-weight:bold;
	display:inline;
	border:px solid #000;
	}
fieldset.radio input {
    float:left;
	margin:0 20px 0 0;
    width:30px;
    padding:0;
	display:inline;
	border:none;
	}
.req {
	color:#004400;
	}
.opt {
	margin:4px 16px 3px -11px;
	}
input, textarea, select {
    float:left;
	margin:6px 2px;
	padding:3px 0 1px 2px;
	width:300px;
	background-color:#fafaf9;
	color:#000;
    border:1px inset #224422;
	font:normal 11px Verdana,sans-serif;  
}
* html input, textarea {
border:#999 #999 #cecece #ccc;  
}
textarea {
	height:50px
	}
input {
	height:17px
	}
input.datum {
	width:150px;
	}
input[type="checkbox"] {
	width:30px;
	margin-left:110px;
	background-color:#FFF;
	border:none;
	}
input:focus, textarea:focus {
    background-color:#d8e3b8;
    color:#000;
	font-weight:bold;
}
select.eerst {
width:90px;
margin-left:0px;
margin-top:10px;
}
select.twee {
width:140px;
margin-left:6px;
	height:23px;
	pading-top:0px;
}
select.drie {
width:150px;
margin-left:2px;
height:23px;
}
button {
margin:20px 0 20px 220px;
    padding:1px 2px 3px 1px;
    background-color:#fafafa;
    color:#004400;
    font-size:1em;
	letter-spacing:0.05em;
	border: 1px outset #002200;
	float:left;
	cursor:pointer;
}
#afspraakform a {
font-weight:normal;
text-decoration:underline;
}
#rotterdam {
position:relative;
}
#schuif_rwijk, #schuif_hdijk, #schuif_rdam {
display:none;
border:1px solid #d8e3b8;
padding:0;
margin:25px 0 5px 18px;
	-moz-box-shadow: 1px 1px 5px #999;
	-webkit-box-shadow: 1px 1px 5px #999;
	-moz-border-radius: 5px;
	-webkit-border-radius: 5px;
}
#schuif_rwijk p, #schuif_hdijk p, #schuif_rdam p {

margin:0;
padding:5px 0 5px 5px;
font-size:1em;
}
.tooltip {
	display:none;
	background-color:#fffffc;
	border:1px solid #d8e3b8;
	font-size:1.1em;
	line-height:1.4em;
	text-align:left;
	height:auto;
	width:25em;
	padding:5px 0 5px 7px;
	color:#000;
	-moz-box-shadow: 2px 2px 11px #999;
	-webkit-box-shadow: 2px 2px 11px #999;
	-moz-border-radius: 5px;
	-webkit-border-radius: 5px;	
}
.info {
    font:normal 0.9em Verdana,sans-serif;
	letter-spacing: 0.01em;
	color:#999;    
    line-height:3em;
	clear:left;
	padding-left:100px;
	}
.xtra {
    font:normal 1.1em Verdana,sans-serif;
	letter-spacing: 0.01em;
	color:#999;    
    line-height:;
	clear:left;
	margin-left:110px;
	}

/* =Misc
----------------------------------------------- */
#print, #send, #huis {
height:14px;
width:;
position:relative;
top:88px;
margin:0;
padding:0;
border:px solid #000;
float:left;
}
#print {
left:556px;
}
#send {
left:0;
top:0;
}
#huis {
left:740px;
}
#print img,#send img,#huis img {
float:left;
border:0;
margin:0;
}
.foto a:hover img {
border:0;
}
.caption {
float:left;
font:1.2em Tahoma, sans-serif;
color:#040;
margin:0 0 0 5px;
padding:0;
}
.caption a {
color:#040;
text-decoration:none;
}
#send a {
color:#040;
text-decoration:none;
}
