/******************** CSS FOR LAYOUT ONLY ************************/

html{
	margin:0px;
	background: #fff url(../img/bg.jpg) no-repeat bottom center;
	height:100%;
	}

body{
	margin:0px;
	padding:0px;
	font-family: arial;
	text-align:center;
	width:100%;
	}

#container {
	margin:0 auto; 
	width:900px;
	background-color:#fff;
	border:1px solid purple;
	border-top:0px; 
	}

#header{
	width:100%;
	height:110px;
	background:url(../img/logo.jpg) #BB9CC6 right top no-repeat;
	text-indent:-100000px;
	}
	
#box {
	margin:0;
	width:500px; 
	height:375px;
	text-align:left;
	float:left;
	background-color:#fff;
	}

#rightcontainer{
	float:right;
	width:400px;
	height:300px;
	background-color:#fff;
	}

#footer{
	width:100%;
	height:55px;
	background-color:purple;
	float:right;
	text-align:left;
	border-top:1px solid purple;
	}

#newsBox{
	background-color:#333;
	}

#newsScroller{
	padding:3px 0px 0px 10px;
	}

#clear{
	clear:both;
	}

/******************** CSS FOR STYLING STUFF ONLY ************************/

#text {
	padding:10px;
	}

.content{ 
	position:absolute; 
	visibility:hidden;
	left:0px; 
	top:0px;
	z-index:1; 
	font-family: Tahoma; 
	font-size:0.7em;
	color:#333;
	line-height:1.5;
	}

h1{
	font-size: 155%;
	letter-spacing:1px;
	margin-top:-3px;
	margin-bottom:4px;
	}
	
h3{ 
	font-size:1.3em; 
	margin:0;
	}

h4{ 
	font-size:1em;
	margin:0px;
	}

h5{
	font-size: 120%;
	margin-top:5px;
	margin-bottom:5px;
	color:#333;
	}

a img{ 
	border:none;
	}

.content a{ 
	text-decoration:none;
	color: purple;
	border-bottom:1px dotted purple;
	}

.content a:hover{
	text-decoration:none;
	}
	
.content li{
	list-style-position: outside;
	margin-left:-25px;
	}

.content ul{
	margin:0px;
	}

p{
	margin: 0 0 .6em 0;
	}

#send{
	font-family: Tahoma; 
	font-size:12px;
	font-weight:bold;
	}
	
#error{
	font-family: Tahoma; 
	font-size:12px;
	font-weight:bold;
	}

#send a, #error a { 
	text-decoration:none;
	color: purple;
	border-bottom:1px dotted purple;
	}

/******************** CSS FOR NAV ONLY ************************/

#topbar{ 
	color:#3b5d14; 
	background:#b2d281; 
	font-weight:bold; 
	padding:6px 6px 4px 0px;
	height:25px; 
	font-size: 0.8em;
	font-weight:bold;
	clear:both;
	}
	
#topbar span{
	padding:0px 10px 0px 10px;
	}

#topbar a{
	color:#3b5d14; 
	text-decoration:none; 
	margin:0 10px; 
	height:23px; 
	line-height:23px;
	float:left; 
	display:block;
	}

#topbar a:hover{ 	
	height:23px;
	line-height:23px; 
	background:url(../img/tb_a.png) right top no-repeat;
	padding-right:10px;
	}

#topbar a:hover span{ 
	background:url(../img/tb_span.png) left top no-repeat; 
	height:23px; 
	display:block; 
	padding-left:10px;
	}

#p7menubar, #p7menubar ul {
	padding: 0;
	margin: 0;
	list-style: none;
	}

#p7menubar a.trigger {
	padding: 0px 2px 3px 0px;
	margin-right: 5px;
	}

#p7menubar li {
	float: left;
	position: relative;	
	}

/* hide from IE mac \*/
#p7menubar li {
	position: static; 
	width: auto;
	}/* end hiding from IE mac */

#p7menubar li ul{
	margin-top:25px;
	margin-left:0px;
	padding:5px 0px; 
	width: 14em;
	}

#p7menubar ul li{
	width: 14em;
	}

#p7menubar li ul {
	position: absolute;
	display: none;
	z-index: 300;
	}

#submenu li {
	display:inline;
	}

#sub {
	background-color:#b2d281;
	}

#sub a{
	font-size:0.87em;
	}

#sub a:hover {
	color: #000 !important;
	}

#p7menubar li:hover a {
	border-bottom: 0px solid #E2BAEE;
	padding-bottom: 2px;
	background: transparant;
	color: #000;
	}

#p7menubar li:hover ul, #p7menubar li.p7hvr ul {
	display: block;
	}

#p7menubar li:hover ul a, #p7menubar li.p7hvr ul a {
	color: #3b5d14;
	background-color: transparent;
	}

.clearit {
	clear: both;
	height: 0;
	line-height: 0.0;
	font-size: 0;
	}

/******************** CSS FOR HIGHLIGHTING NAV ONLY ************************/

body#home a#home{
	height:23px;
	line-height:23px; 
	background:url(../img/tb_a.png) right top no-repeat;
	padding-right:2px;
	}

body#home a#home span{ 
	background:url(../img/tb_span.png) left top no-repeat; 
	height:23px; 
	display:block; 
	padding-left:10px;
	}

*html a#home span{ /*to make highlighting menu visible in IE*/
	width:30px;
	}

*html body#home a#home{ /*to make highlighting menu display correct in IE*/
	padding-right:10px;
	}

body#voorstellen a#voorstellen{
	height:23px;
	line-height:23px; 
	background:url(../img/tb_a.png) right top no-repeat;
	padding-right:2px;
	}

body#voorstellen a#voorstellen span{ 
	background:url(../img/tb_span.png) left top no-repeat; 
	height:23px; 
	display:block;
	padding-left:10px;
	}

*html a#voorstellen span{ /*to make highlighting menu visible in IE*/
	width:30px;
	}

*html body#voorstellen a#voorstellen{ /*to make highlighting menu display correct in IE*/
	padding-right:10px;
	}

body#homeopathie a#homeopathie{
	height:23px;
	line-height:23px; 
	background:url(../img/tb_a.png) right top no-repeat;
	padding-right:2px;
	}

body#homeopathie a#homeopathie span{ 
	background:url(../img/tb_span.png) left top no-repeat; 
	height:23px; 
	display:block; 
	padding-left:10px;
	}

*html a#homeopathie span{ /*to make highlighting menu visible in IE*/
	width:30px;
	}

*html body#homeopathie a#homeopathie{ /*to make highlighting menu display correct in IE*/
	padding-right:10px;
	}
	
	
/************************* sub navigation ***********************************/


body.klassieke_homeopathie a#klassieke_homeopathie{
	height:23px;
	line-height:23px; 
	background:url(../img/tb_a.png) right top no-repeat;
	padding-right:2px;
	}

body.klassieke_homeopathie a#klassieke_homeopathie span{ 
	background:url(../img/tb_span.png) left top no-repeat; 
	height:23px; 
	display:block; 
	padding-left:10px;
	}

*html a#klassieke_homeopathie span{ /*to make highlighting menu visible in IE*/
	width:30px;
	}

*html body.klassieke_homeopathie a#klassieke_homeopathie{ /*to make highlighting menu display correct in IE*/
	padding-right:10px;
	}

body.ziekteclassificatie a#ziekteclassificatie{
	height:23px;
	line-height:23px; 
	background:url(../img/tb_a.png) right top no-repeat;
	padding-right:2px;
	}

body.ziekteclassificatie a#ziekteclassificatie span{ 
	background:url(../img/tb_span.png) left top no-repeat; 
	height:23px; 
	display:block; 
	padding-left:10px;
	}

*html a#ziekteclassificatie span{ /*to make highlighting menu visible in IE*/
	width:30px;
	}

*html body.ziekteclassificatie a#ziekteclassificatie{ /*to make highlighting menu display correct in IE*/
	padding-right:10px;
	}

body.wanneer_homeopathie a#wanneer_homeopathie{
	height:23px;
	line-height:23px; 
	background:url(../img/tb_a.png) right top no-repeat;
	padding-right:2px;
	}

body.wanneer_homeopathie a#wanneer_homeopathie span{ 
	background:url(../img/tb_span.png) left top no-repeat; 
	height:23px; 
	display:block; 
	padding-left:10px;
	}

*html a#wanneer_homeopathie span{ /*to make highlighting menu visible in IE*/
	width:30px;
	}

*html body.wanneer_homeopathie a#wanneer_homeopathie{ /*to make highlighting menu display correct in IE*/
	padding-right:10px;
	}

body.tarieven a#tarieven{
	height:23px;
	line-height:23px; 
	background:url(../img/tb_a.png) right top no-repeat;
	padding-right:2px;
	}

body.tarieven a#tarieven span{ 
	background:url(../img/tb_span.png) left top no-repeat; 
	height:23px; 
	display:block; 
	padding-left:10px;
	}

*html a#tarieven span{ /*to make highlighting menu visible in IE*/
	width:30px;
	}

*html body.tarieven a#tarieven{ /*to make highlighting menu display correct in IE*/
	padding-right:10px;
	}
	
body.lezingen a#lezingen{
	height:23px;
	line-height:23px; 
	background:url(../img/tb_a.png) right top no-repeat;
	padding-right:2px;
	}

body.lezingen a#lezingen span{ 
	background:url(../img/tb_span.png) left top no-repeat; 
	height:23px; 
	display:block; 
	padding-left:10px;
	}

*html a#lezingen span{ /*to make highlighting menu visible in IE*/
	width:30px;
	}

*html body.lezingen a#lezingen{ /*to make highlighting menu display correct in IE*/
	padding-right:10px;
	}

/************************ end sub navigation ********************************/ 

body#voor_mensen a#voor_mensen{
	height:23px;
	line-height:23px; 
	background:url(../img/tb_a.png) right top no-repeat;
	padding-right:2px;
	}

body#voor_mensen a#voor_mensen span{ 
	background:url(../img/tb_span.png) left top no-repeat; 
	height:23px; 
	display:block; 
	padding-left:10px;
	}

*html a#voor_mensen span{ /*to make highlighting menu visible in IE*/
	width:30px;
	}

*html body#voor_mensen a#voor_mensen{ /*to make highlighting menu display correct in IE*/
	padding-right:10px;
	}

body#pensionstalling a#pensionstalling{
	height:23px;
	line-height:23px;
	background:url(../img/tb_a.png) right top no-repeat;
	padding-right:2px;
	}

body#pensionstalling a#pensionstalling span{
	background:url(../img/tb_span.png) left top no-repeat;
	height:23px; 
	display:block;
	padding-left:10px;
	}

*html a#pensionstalling span{ /*to make highlighting menu visible in IE*/
	width:30px;
	}

*html body#pensionstalling a#pensionstalling{ /*to make highlighting menu display correct in IE*/
	padding-right:10px;
	}

body#nieuws a#nieuws{
	height:23px;
	line-height:23px; 
	background:url(../img/tb_a.png) right top no-repeat;
	padding-right:2px;
	}

body#nieuws a#nieuws span{
	background:url(../img/tb_span.png) left top no-repeat;
	height:23px;
	display:block;
	padding-left:10px;
	}

*html a#nieuws span{ /*to make highlighting menu visible in IE*/
	width:30px;
	}

*html body#nieuws a#nieuws{ /*to make highlighting menu display correct in IE*/
	padding-right:10px;
	}

body#links a#links{
	height:23px;
	line-height:23px; 
	background:url(../img/tb_a.png) right top no-repeat;
	padding-right:2px;
	}

body#links a#links span{ 
	background:url(../img/tb_span.png) left top no-repeat; 
	height:23px; 
	display:block; 
	padding-left:10px;
	}

*html a#links span{ /*to make highlighting menu visible in IE*/
	width:30px;
	}

*html body#links a#links{ /*to make highlighting menu display correct in IE*/
	padding-right:10px;
	}

body#contact a#contact{
	height:23px;
	line-height:23px; 
	background:url(../img/tb_a.png) right top no-repeat;
	padding-right:2px;
	}

body#contact a#contact span{ 
	background:url(../img/tb_span.png) left top no-repeat; 
	height:23px; 
	display:block; 
	padding-left:10px;
	}

*html a#contact span{ /*to make highlighting menu visible in IE*/
	width:30px;
	}

*html body#contact a#contact{ /*to make highlighting menu display correct in IE*/
	padding-right:10px;
	}
	
body#homeopathie a#homeopathie .nobg{
background-image:none;
}

/******************** CSS FOR FORMS ONLY  ************************/

input:focus, textarea:focus, label:focus {
	background: #fff;
	border: 1px solid #686868;
	}

label {
	cursor: pointer;
	width:200px;
	}
	
textarea, input, select {
	background: #f4f4f4;
	border: 1px solid #b2b2b2;
	color: #000;
	font: 13px Arial;
	margin:1px;
	padding: 3px;
	overflow:hidden;
	}

.tableb {
	padding-top: 2px; 
	padding-right: 10px; 
	padding-bottom: 2px; 
	padding-left: 10px;  
	line-height: 16px;
	}

.tablec { 
	padding-top: 3px; 
	padding-right: 10px; 
	padding-bottom: 3px; 
	padding-left: 10px;
	}

.maintable {
	border: 0px solid #999; 
	font-family: arial; 
	font-size: 1em; 
	color: #000;
	}

#contactform{
	font-size:11px;
	}

#contactform input{
	width:260px;
	}

#textarea {
	width:260px;
	height:70px;
	}