/*
Naam: Het Bewuste Pad
Omschrijving: Mascha Roedelof, Het Bewuste Pad
URI: http://hetbewustepad.nl/
Version: 1.0
Auteur: Ko Kabboord
Auteur URI: http://webcoat.net/
Template: index en pages/ website
Extensies: kleur en style headers
*/

/*
css index sectie
*/
body{
	background-color: #ccccff;
	font-family: "Comic Sans MS", Verdana, Geneva, Arial, Helvetica, sans-serif;
	margin: 0px 0px 0px 0px;
	overflow: -moz-scrollbars-vertical;
	overflow-x: hidden;
	overflow-y: scroll;
}

blockquote{
	-moz-border-radius: 1em;
	-webkit-border-radius: 1em;
	background-color: #e6e6ff;
	font-size: 10pt;
	padding: 1em;
	margin: .5em 1em;
	/*filter:alpha(opacity=50);
	-moz-opacity:0.5;
	-khtml-opacity: 0.5;
	opacity: 0.5;*/
}

.error{
	background-color: #000066;
	color: #e6e6ff;
	font-size: 10pt;
	line-height: 20px;
	text-align: center;
	margin: 0 50px 0 50px;
}

.msg{
	color: #000066;
	font-size: 10pt;
	line-height: 20px;
	text-align: center;
	margin: 50px;
}

/*
css pag_agenda sectie
*/
#ag_nav{
	float: left;
	margin-left: 10px;
	margin-top: 10px;
	padding-bottom: 10px;
	padding-top: 10px;
	width: 180px;
}

#ag_nav #selected{
	color: #000066;
	font-size: 10pt;
	line-height: 24px;
	padding-left: 12px;
	text-align: left;
}

#ag_nav #unselected a{
	color: #000066;
	display: block;
	font-size: 10pt;
	line-height: 24px;
	padding-left: 12px;
	text-decoration: none;
}

#ag_nav #unselected a:hover{
	color: #000066;
	display: block;
	font-size: 10pt;
	line-height: 24px;
	padding-left: 12px;
	text-decoration: none;
}

#ag_nav form{
	float: right;
	margin: 0;
	padding: 4px 4px 4px 0;
}

#ag_nav h3{
	color: #000066;
	font-size: 11pt;
	line-height: 1.8;
	margin: 0;
	padding: 0;
	text-indent: 1em;
}

#ag_nav h3 a{
	color: #000066;
	text-decoration: none;
}

#ag_nav h3 a:hover{
	color: #000066;
	text-decoration: underline;
}

#ag_nav li{
	display: inline;
	margin: 0;
}

#ag_nav li.normal a{
	color: #000066;
	display: block;
	font-size: 10pt;
	line-height: 24px;
	padding-left: 8px;
	text-decoration: none;
	margin-bottom: 2px;
}

#ag_nav li.normal a:hover{
	color: #000066;
	display: block;
	font-size: 10pt;
	line-height: 24px;
	padding-left: 8px;
	text-decoration: underline;
}

#ag_nav li.selected a{
	color: #000066;
	display: block;
	font-size: 10pt;
	line-height: 24px;
	padding-left: 8px;
	text-decoration: none;
	margin-bottom: 2px;
}

#ag_nav ul{
	list-style-type: none;
	margin: 0;
	padding: 0;
}

#agenda{
	float: right;
	margin-bottom: 10px;
	margin-right: 10px;
	margin-top: 10px;
	min-height: 100px;
	padding: 10px;
	width: 570px;
}

#agenda #titel{
	color: #000066;
	font-size: 11pt;
	font-weight: bold;
	line-height: 1.8;
	margin-bottom: 1.8em;
	padding: 0 0 0 2em;
	text-align: left;
}

#agenda ul{
	list-style-type: none;
	margin: 0;
	padding: 0;
	text-align: center;
}

#agenda ul li{
	display: inline;
	float: left;
	margin: 0;
	padding: 0;
}

#agenda ul li.active a{
	background-color: #000066;
	color: #E6E6FF;
	font-size: 9pt;
	line-height: 2;
	display: inline-block;
	font-weight: normal;
	padding: 0;
	text-decoration: none;
	width: 83px;
	margin: 0 2px 0 0;
}

#agenda ul li.tab a{
	background-color: #9999ff;
	color: #000066;
	font-size: 9pt;
	line-height: 2;
	display: inline-block;
	font-weight: normal;
	padding: 0;
	text-decoration: none;
	width: 83px;
	margin: 0 2px 0 0;
}

#agenda ul li.tab a:hover{
	color: #000066;
	text-decoration: underline;
}

#agenda_item{
	margin-bottom: 3px;
	border-bottom: 1px dashed #000066;
}

#agenda_item #tekst{
	color: #000066;
	font-size: 9pt;
	line-height: 1.3;
	padding: 10px;
}

#agenda_item #tekst a{
	color: #8b008b;
	text-decoration: none;
}

#agenda_item #tekst a:hover{
	color: #8b008b;
	text-decoration: underline;
}

#agenda_item div.datum{
	color: #000066;
	float: left;
	font-size: 8pt;
	font-weight: bold;
	line-height: 2;
	padding-left: 5px;
	padding-right: 5px;
	width: 9.5em;
}

#agenda_item div.titel{
	float: left;
	color: #000066;
	font-size: 10pt;
	line-height: 1.6;
	padding-left: 5px;
	padding-right: 5px;
}

#clear_space{
	clear: both;
	margin-bottom: 20px;
}

/*
css pag_contact sectie
*/
#contact form{
	color: #000066;
	float: right;
	margin-right: 100px;
	margin-top: 30px;
	width: 600px;
}

#contact form .formin{
	background-color: #E6E6FF;
	color: #000066;
	font-family: "Comic Sans MS", Verdana, Geneva, Arial, Helvetica, sans-serif;
	font-size: 9pt;
}

#contact form .knop{
	background-color: #000066;
	color: #E6E6FF;
	font-family: "Comic Sans MS", Verdana, Geneva, Arial, Helvetica, sans-serif;
	font-size: 8pt;
	padding: 3px 4px 3px 6px;
}

#contact form div{
	clear: left;
	color: #000066;
	font-size: 10pt;
	margin: 0 0 0.5ex 0;
	text-align: left;
}

#contact form div.actions{
	margin-left: 30%;
	padding-left: .5em;
}

#contact form div.second{
	color: #000066;
	font-size: 9pt;
	margin-left: 12em;
	padding-left: 1em;
}

#contact form fieldset{
	padding: 0 2em 1em 2em;
	border: 0 none #000066;
}

#contact form label{
	color: #000066;
	display: block;
	float: left;
	font-size: 9pt;
	padding-right: .5em;
	text-align: right;
	width: 30%;
}

#contact form legend{
	background-color: #E6E6FF;
	font-size: 9pt;
	padding: 6px;
}

#edit a{
	color: #CC0000;
	font-size: 9pt;
	text-decoration: none;
	margin: 15px;
	font-family: Verdana, Geneva, Arial, Helvetica, sans-serif;
}

/*
css footer sectie
*/ 
#footer{
	height: 24px;
	padding-right: 10px;
	text-align: right;
	vertical-align: middle;
}

#footer a{
	color: #000066;
	font-size: 10px;
	line-height: 2;
	text-decoration: none;
}

#footer a:hover{
	color: #000066;
	font-size: 10px;
	line-height: 2;
	text-decoration: underline;
}

/*
css header sectie
*/
#header{
	background-image: url(header_A.png);
	background-position: top center;
	background-repeat: no-repeat;
	height: 230px;
	vertical-align: bottom;
}

#header #titel{
	float: left;
	font-size: 16pt;
	font-weight: bold;
	color: #000066;
	padding-left: 45px;
	line-height: 1.2;
	letter-spacing: 2pt;
}

#header #subtitel{
	float: right;
	font-size: 10pt;
	font-style: italic;
	font-weight: bold;
	color: #000066;
	padding-right: 45px;
	line-height: 2.4;
	letter-spacing: 1pt;
}

/*
css pag_links sectie
*/
#links{
	float: left;
	margin: 10px 10px 10px 100px;
	min-height: 100px;
	padding: 10px;
	width: 570px;
}

#links .link{
	margin-bottom: 1.5ex;
	clear: both;
}

#links .tekst{
	color: #000066;
	font-size: 10pt;
	line-height: 1.3;
}

#links .titel a{
	color: #8b008b;
	font-size: 10pt;
	text-decoration: none;
}

#links .titel a:hover{
	color: #8b008b;
	text-decoration: underline;
}

#links h3{
	color: #000066;
	font-size: 11pt;
	line-height: 1.8;
	margin: 0;
	padding: 0;
	text-indent: 1em;
	margin-bottom: 2em;
}

/*
css main sectie
*/
#main{
	padding-top: 2em;
}

/*
css pag_nieuws sectie
*/
#nieuws{
	float: right;
	margin-bottom: 10px;
	margin-right: 10px;
	margin-top: 10px;
	min-height: 100px;
	padding: 10px;
	width: 570px;
}

#nieuws #datum{
	color: #000066;
	font-size: 8pt;
	font-weight: normal;
	margin-bottom: 1px;
	padding: 0 15px 0 0;
	text-align: right;
	float: right;
	width: 70px;
	line-height: 2.5;
}

#nieuws #tekst{
	color: #000066;
	font-size: 10pt;
	line-height: 1.3;
	padding: 2em 15px 2em 15px;
	text-align: justify;
}

#nieuws #titel{
	color: #000066;
	font-size: 11pt;
	font-weight: bold;
	line-height: 1.8;
	margin-bottom: 1px;
	padding: 0;
	text-align: left;
	text-align: center;
	cursor: pointer;
}

#nieuws_nav{
	float: left;
	margin-left: 10px;
	margin-top: 10px;
	padding-bottom: 10px;
	padding-top: 10px;
	width: 180px;
}

#nieuws_nav #jaar{
	color: #000066;
	font-size: 10pt;
	line-height: 2;
	padding-left: 16px;
	text-align: left;
}

#nieuws_nav form{
	float: right;
	margin: 0;
	padding: 4px 4px 4px 0;
}

#nieuws_nav form select{
	color: #000066;
	background-color: #E6E6FF;
	font-family: "Comic Sans MS", Verdana, Geneva, Arial, Helvetica, sans-serif;
}

#nieuws_nav h3{
	color: #000066;
	font-size: 11pt;
	line-height: 1.8;
	margin: 0;
	padding: 0;
	text-indent: 1em;
}

#nieuws_nav li{
	display: inline;
	margin: 0;
}

#nieuws_nav li.normal a{
	color: #000066;
	display: block;
	font-size: 10pt;
	line-height: 24px;
	padding-left: 13px;
	text-decoration: none;
}

#nieuws_nav li.normal a:hover{
	border-left: 5px solid #E6E6FF;
	color: #000066;
	display: block;
	font-size: 10pt;
	line-height: 24px;
	padding-left: 8px;
	text-decoration: none;
}

#nieuws_nav li.selected a{
	border-left: 5px solid #000066;
	color: #000066;
	display: block;
	font-size: 10pt;
	line-height: 24px;
	padding-left: 8px;
	text-decoration: none;
}

#nieuws_nav ul{
	list-style-type: none;
	margin: 0;
	padding: 0px;
}

/*
css pag_pagina sectie
*/
#pag_nav{
	float: left;
	margin-left: 10px;
	margin-top: 10px;
	padding-bottom: 10px;
	padding-top: 10px;
	width: 180px;
}

#pag_nav h3{
	color: #000066;
	font-size: 11pt;
	line-height: 1.8;
	margin: 0;
	padding: 0;
	text-indent: 1em;
	letter-spacing: 1px;
}

#pag_nav li{
	display: inline;
	margin: 0;
}

#pag_nav li.normal a{
	color: #000066;
	display: block;
	font-size: 10pt;
	line-height: 24px;
	padding-left: 13px;
	text-decoration: none;
}

#pag_nav li.normal a:hover{
	border-left: 5px solid #E6E6FF;
	color: #000066;
	display: block;
	font-size: 10pt;
	line-height: 24px;
	padding-left: 8px;
	text-decoration: none;
}

#pag_nav li.selected a{
	border-left: 5px solid #000066;
	color: #000066;
	display: block;
	font-size: 10pt;
	line-height: 24px;
	padding-left: 8px;
	text-decoration: none;
}

#pag_nav ul{
	list-style-type: none;
	margin: 0;
	padding: 0px;
}

#pagina{
	float: right;
	margin-bottom: 10px;
	margin-right: 10px;
	margin-top: 10px;
	min-height: 100px;
	padding: 10px;
	width: 570px;
}

#pagina #tekst{
	color: #000066;
	font-size: 10pt;
	line-height: 1.3;
	padding: 15px;
	text-align: justify;
}

#pagina #titel{
	color: #000066;
	font-size: 11pt;
	font-weight: bold;
	letter-spacing: 1px;
	line-height: 1.8;
	margin-bottom: 1px;
	padding: 0 0 0 0;
	text-align: center;
}

#pagina .act_tabel{
	color: #000066;
	font-size: 10pt;
	line-height: 1.3;
}

#pagina .act_tabel td{
	color: #000066;
	font-size: 10pt;
	line-height: 1.3;
	text-align: left;
	vertical-align: top;
}

#pagina .act_tabel td.kolom_1{
	color: #000066;
	font-size: 10pt;
	line-height: 1.3;
	padding-right: 1em;
	text-align: right;
	vertical-align: top;
	width: 120px;
}

#pagina .img_txt, #nieuws .img_txt{
	color: #000066;
	font-size: 8pt;
	font-style: italic;
	line-height: 1.25;
	padding-top: .5ex;
	text-align: center;
}

#pagina .tarief_tabel{
	color: #000066;
	font-size: 10pt;
	line-height: 1.3;
	margin-left: 2em;
	width: 90%;
}

#pagina .tarief_tabel td{
	color: #000066;
	font-size: 10pt;
	line-height: 1.3;
	text-align: left;
	vertical-align: top;
}

#pagina .tarief_tabel td.kolom_2{
	color: #000066;
	font-size: 10pt;
	line-height: 1.3;
	padding-right: 1em;
	text-align: right;
	vertical-align: top;
	width: 100px;
}

/*
css tags sectie
*/
#tags{
	color: #000066;
	font-size: 10pt;
	line-height: 1.3;
	float: right;
	padding: 10px;
	width: 570px;
}

#tags h1{
	color: #000066;
	font-size: 11pt;
	font-weight: bold;
	line-height: 1.8;
	padding: 0 0 0 2em;
	margin 0;
	text-align: left;
}

#tags h3{
	color: #000066;
	font-size: 11pt;
	font-weight: bold;
	line-height: 1.8;
	margin 0;
	padding: 0;
	text-align: left;
}

#tags li{
	margin: 0;
}

#tags li a{
	color: #8b008b;
	display: block;
	font-size: 10pt;
	line-height: 1.4;
	text-decoration: none;
}

#tags li a:hover{
	color: #8b008b;
	display: block;
	font-size: 10pt;
	line-height: 1.4;
	text-decoration: underline;
}

#tags ul{
	list-style-type: none;
	margin 0;
	padding: 0;
	padding-bottom: 1em;
}

#tags_nav{
	float: left;
	margin-left: 10px;
	margin-top: 10px;
	padding-bottom: 10px;
	padding-top: 10px;
	width: 180px;
}

#tags_nav h3{
	color: #000066;
	font-size: 11pt;
	line-height: 1.8;
	margin: 0;
	padding: 0;
	text-indent: 1em;
	letter-spacing: 1px;
}

#tags_nav li.normal a{
	color: #000066;
	display: block;
	font-size: 10pt;
	line-height: 24px;
	padding-left: 13px;
	text-decoration: none;
}

#tags_nav li.normal a:hover{
	border-left: 5px solid #E6E6FF;
	color: #000066;
	display: block;
	font-size: 10pt;
	line-height: 24px;
	padding-left: 8px;
	text-decoration: none;
}

#tags_nav li.selected a{
	border-left: 5px solid #000066;
	color: #000066;
	display: block;
	font-size: 10pt;
	line-height: 24px;
	padding-left: 8px;
	text-decoration: none;
}

#tags_nav ul{
	list-style-type: none;
	margin: 0;
	padding: 0px;
}

/*
css tekst sectie
*/
#tekst a{
	color: #8b008b;
	text-decoration: none;
}

#tekst a:hover{
	color: #8b008b;
	text-decoration: underline;
}

#tekst h3{
	font-size: 10pt;
	margin: 0;
	padding: 0;
	color: #000066;
}

#tekst p{
	margin 0;
	padding: 0;
}

#tekst td{
	color: #000066;
	font-size: 10pt;
	line-height: 1.3;
}

/*
css topnav sectie
*/
#topnav{
	height: 30px;
}

/*
css pag_trefwoorden sectie
*/
#trefwoorden{
	color: #000066;
	font-size: 8pt;
	line-height: 1.4;
	padding-left: 1.5em;
	margin-top: 1em;
}

#trefwoorden a{
	color: #8b008b;
	text-decoration: none;
}

#trefwoorden a:hover{
	color: #8b008b;
	text-decoration: underline;
}

/*
css top-tabs sectie
*/
#ttabs{
	padding: 0;
	margin: 0 auto;
}

#ttabs ul{
	text-align: center;
	list-style-type: none;
	width: 712px;
	margin: 0 auto;
	padding: 0;
}

#ttabs ul li{
	display: inline;
	margin: 0;
	padding: 0;
	float: left;
}

#ttabs ul li.active a{
	background-color: #000066;
	color: #E6E6FF;
	font-size: 9pt;
	display: inline-block;
	line-height: 2;
	padding: 0;
	text-decoration: none;
	margin: 1px;
	width: 87px;
}

#ttabs ul li.tab a{
	background-color: #9999ff;
	color: #000066;
	font-size: 9pt;
	line-height: 2;
	display: inline-block;
	font-weight: normal;
	padding: 0 1.0em 0 1.0em;
	padding: 0;
	text-decoration: none;
	margin: 1px;
	width: 87px;
}

#ttabs ul li.tab a:hover{
	color: #000066;
	text-decoration: underline;
}