/* --------------- h1h2h3h4h5h6 --------------- */
h1,h2,h3 {
line-height: 24px;
margin: 5px 0
}
h4,h5,h6 {
line-height: 20px;
margin: 5px 0
}
/* --------------- html/body --------------- */
html, body, .wrap {
	margin: 0px;
	padding: 0px;
	height: 100%;
}
body {
	font-family: Arial;
	font-size: 12px;
	line-height: 18px;
	color: #000000;
	font-weight: normal;
}
body {
	margin: 0;
	padding: 0;
	background: #FFE7A9 url(/imgs/background.jpg) top repeat-x;
}
p,ul {
margin: 8px 0;
}

/*
rood=C0410A
GEEL=FFE7A9
GROEN=E09901
back=FFE7A9

*/
/* --------------- containerStyles --------------- */
.wrap {
	min-height: 100%;
	height: auto !important;
}
.layout {
	background: url(/imgs/vnvk_logo.jpg) top left no-repeat;
}
.page {
	background: #C0D755 url(/imgs/page_center.jpg) top left repeat-y;
}
.pagewide {
	background: #F6F6F5;
}

/* --------------- headerTop --------------- */
.header {
	height: 100px;
margin: 0;
padding: 0;
}
.header h1 {
	float: right;
	font-size: 32px;
	line-height: 36px;
	text-align: right;
	color: #FFFFFF;
	margin: 25px 25px 25px 25px;
	padding: 0;
	letter-spacing: 4px;
	text-transform: uppercase;
	font-family: Arial;
	border: none 0px;
}
.header .h1x {
	font-size: 12px;
	line-height: 20px;
	color: #000000;
}
/* --------------- headerSub --------------- */
.subheader {
	height: 41px;
margin: 0;
padding: 0;
}
.subheader h2 {
	float: left;
	font-size: 16px;
	line-height: 20px;
	text-align: right;
	color: #C0410A;
	margin: 10px 0 0 210px;
	padding: 0;
	letter-spacing: 2px;
	font-family: Arial;
	border: none 0px;
}
/* --------------- contentLeft styles --------------- */
.left_column {
	margin: -10px 0 0 0;
	font-family: Arial;
	color: #665851;
	padding: 0px;
	font-family: Arial;
	font-size: 12px;
	letter-spacing: 0px;
	line-height: 18px;
	background: #C0D755;
}
/* --------------- contentCenter styles --------------- */
.content, .contentwide {
	margin: 8px 10px 10px 10px;
	font-family: Arial;
	color: #222222;
	padding: 0px;
	font-family: Arial;
	font-size: 12px;
	letter-spacing: 0px;
	line-height: 18px;
	background: #FFFFFF;
}
.contentwide {
		padding: 10px;
}
.content h1, .content h2, .content h3, .content h4, .content h5, .content h6 {
	margin-left: 0px;
	margin-right: 0px;
}
.content ul {
	margin-left: 15px;
}
/* --------------- contentRight styles --------------- */
.right_column {
	margin: 0px 0 0 0;
	min-height: 400px;
	font-family: Arial;
	color: #665851;
	padding: 0px;
	font-family: Arial;
	font-size: 12px;
	letter-spacing: 0px;
	line-height: 18px;
}

.logo {
	margin: 10px 0;
	width: 180px;
	height: 210px;
	background: url(/imgs/vnvk_right.gif) bottom no-repeat;
}
/* --------------- content hyperlinks ---------------FF8C00 */

.content a, .contentwide a {
	color: #C64815;
	font-weight: bold;
	padding: 0 2px;
	text-decoration: none;
	border-bottom: 1px solid #665851;
	font-family: Arial;
}
.content a:hover, .contentwide a:hover {
	color: #000000;
	text-decoration: none;
	border-bottom: 1px solid #E09901;
	background: #E09901;
}
.right_column p {
line-height: 16px;
font-size: 11px;
}
.right_column h4 {
	color: #F6F6F5;
}

/* --------------- leftNav --------------- */
.left_column ul {
	margin: 10px 0 0 10px;
	padding: 0px;
	width: 190px;
	border-bottom: 0px solid #FFFFFF;
}
.left_column p {
	margin: 10px 0 0 10px;
	padding:0;
	width: 200px;
}
.left_column ul li {
	margin:0;
	padding:0;
	list-style-type: none;
}
.left_column ul li a {
	margin: 10px 0 0 0;
	line-height: 24px;
	font-weight: bold;
	letter-spacing: 1px;
	text-decoration: none;
	font-size: 12px;
	color: #C0410A;
	display: block;
	width: 180px;
	padding: 0 5px;
	
}
.left_column ul li.sub a {
	margin: 0px 0 0 0;
	line-height: 16px;
	font-weight: normal;
	letter-spacing: 0px;
	color: #000000;
	width: 175px;
	
}
.left_column ul li a:hover {
	background: #C0410A;
	color: #FFFFFF;
}
.banner {
	color: #F6F6F5;
	font-size: 11px;
	letter-spacing: 2px;
}
.banner img, .banner a {
	margin: 0 0 50px 0;
}

/* --------------- categorien lijst --------------- */
ul.categorie {
	margin: 0;
	padding:0;
}
ul.categorie li {
	margin:0;
	padding:0;
	list-style-type: none;
}
/* --------------- Actueel BN agenda --------------- */
ul.actueel li {
	margin: 0 10px 0 0;
	padding: 0;
	list-style-type: none;
}
ul.actueel li a {
	background: none;
	text-decoration: none;
	display: block;
	padding: 2px;
	line-height: 18px;
	font-size: 12px;
	border-bottom: 1px solid #665851;
	color: #222222;
}
ul.actueel li a:hover {
	background: #C64815;
	color: #F6F6F5;
	line-height: 18px;
	text-decoration: none;
	border-bottom: 1px solid #736358;
}
/* --------------- aanbieder profile --------------- */

.vspacer {
margin: 40px 0 0 0;
text-align: center;
}
.right_column img, .right_column a img, .right_column a:hover img, a img, a:hover img {
border: 0px none;
text-decoration: none;
}
/* --------------- aanbieder profile --------------- */
ul.bzlist {
	margin: 0 10px 0 0;
	padding:0;
}
ul.bzlist li {
	margin: 0;
	padding: 0;
	list-style-type: none;
}
ul.bzlist li a {
	padding: 0 0 0 10px;
	display: block;
	background: url(http://bewust.ebserver.nl/imgs/bw_nav_left.jpg) 0px 0px no-repeat;
	height: 40px;
	line-height: 40px;
	font-size: 15px;
	border: 0px none;
	text-decoration: none;
	color: #F6F6F5;
	font-family: Arial;
}
ul.bzlist li a:hover {
	text-decoration: none;
	border: 0px none;
	color: #F6F6F5;
	background: url(http://bewust.ebserver.nl/imgs/bw_nav_left.jpg) 0px -40px no-repeat;
}
/* --------------- aanbieders info ---------------

bruin=665851
oranje=C64815
GEEL=E09901
 */
ul.urllist {
	margin: 0 10px 0 0;
	padding:0;
}
ul.urllist li {
	margin: 0;
	padding: 0;
	list-style-type: none;
}
ul.urllist li a {
	padding: 2px 2px;
	display: block;
	color: #C64815;
	font-family: Arial;
	font-size: 12px;
	text-decoration: none;
	line-height: 18px;
	letter-spacing: 0px;
	border-bottom: 1px solid #D4D1D0;
	background: #F6F6F5;
}
ul.urllist li a:hover{
	border-bottom: 1px solid #E09901;
	color: #000000;
	background: #E09901;
}

/* --------------- aanbieders info --------------- */
ul.r_d_list {
	margin: 16px 0 0 0;
	padding:0;
	vertical-align: top;
	border-top: 1px solid #FFFFFF;
	display: inline-block;
	position: relative;
}
ul.r_d_list li {
	margin: 0;
	padding: 0;
	list-style-type: none;
	clear: both;
}
ul.r_d_list li.rubhead {
	margin: 0;
}
ul.r_d_list li a {
	width: 240px;
	padding: 2px 2px;
	display: inline-block;
	color: #222222;
	font-family: Arial;
	font-size: 11px;
	font-weight: normal;
	text-decoration: none;
	line-height: 20px;
	letter-spacing: 0px;
	border-bottom: 1px solid #D4D1D0;
	clear: both;
}
ul.r_d_list li.rubhead a {
	padding: 0 2px;
	display: block;
	font-family: Arial;
	font-size: 12px;
	font-weight: bold;
	text-decoration: none;
	line-height: 24px;
	letter-spacing: 0px;
	border-bottom: 1px solid #D4D1D0;
	color: #C64815;
	color: #F6F6F5;
	background: #C64815 url(http://bewust.ebserver.nl/imgs/bw_nav_top.jpg) 0px -8px repeat-x;
	border-bottom: 1px solid #E09901;
}
ul.r_d_list li a:hover{
	border-bottom: 1px solid #665851;
	color: #000000;
	background: #C64815;
	background: #C64815 url(http://bewust.ebserver.nl/imgs/bw_nav_top.jpg) 0px -48px repeat-x;
}



/* --------------- bewust classes --------------- */
.bwsite {
	color: #C64815;
	font-style: italic;
}
.bewust {
	color: #736358;
}
.deelnemer {
	border: 0px solid #E09901;
	padding: 0;
	margin: 0 0 20px 0;
}
.login_sub_nav a {
	display: inline-block;
	margin: 0 0 0 1px;
	padding: 0 10px;
	color: #F6F6F5;
	font-size: 12px;
	border: none 0px;
	width: auto;
	height: 24px;
	line-height: 24px;
	font-weight: normal;
	cursor: pointer;
	background: #C64815 url(http://bewust.ebserver.nl/imgs/bw_nav_top.jpg) 0px 0px repeat-x;
}
.login_sub_nav a:hover {
	background: #E09901 url(http://bewust.ebserver.nl/imgs/bw_nav_top.jpg) 0px -40px repeat-x;
	color: #000000;
	border: none 0px;
}
/* --------------- agenda --------------- */
.agenda {
	border-top: 1px solid #C64815;
	margin: 0 0 5px 0;
	font-weight: bold;
}
.agenda td {
	margin: 0;
	padding: 1px;
}
.agenda td a {
	color: #C64815;
	border: 0px none;
	text-decoration: none;
}
.agenda td.b_head {
	margin: 0;
	padding: 4px;
}

.b_head {
	background: #F6F6F5 url(http://bewust.ebserver.nl/imgs/bw_nav_top.jpg) top repeat-x;
	background: #F6F6F5 url(http://bewust.ebserver.nl/imgs/bw_nav_left.jpg) 0px -40px repeat-x;
	background:#736358 url(http://bewust.ebserver.nl/imgs/bw_nav_top.jpg) 0px -40px repeat-x;
	font-weight: bold;
}
.b_line {
	border-bottom: 1px solid #C64815;
}
/* --------------- INSCHRIJVEN form items tabs --------------- */
.form_tabs, .form_tabs a, .active_tab, .active_tab a {
	width: 100px;
	height: 40px;
	line-height: 40px;
	display: inline-block;
	color: #F6F6F5;
	font-weight: bold;
	font-size: 16px;
	text-align: center;
	text-decoration: none;
	margin: 0 1px 0 0;
}
.form_tabs {
	background: #D6D5CE;
}
.form_tabs a {
	background: #665851;
}
.active_tab, .active_tab a {
	background: #F6F6F5 url(http://bewust.ebserver.nl/imgs/bw_nav_top.jpg) 0px 0px repeat-x;
}

/* --------------- footer --------------- */
.footer {
	height: 15px;
	color: #DF6000;
	font-size: 10px;
	text-align: center;
	background: #FFE7A9 url(/imgs/footer.gif) top no-repeat;
}
/* --------------- colofon --------------- */
.colofon {
	height: 30px;
	color: #ABB8C5;
	font-size: 12px;
	text-align: left;
}
.contact ul {
	margin: 0px;
	padding: 0px;
	font-size: 12px;
	color: #736357;
	font-weight: bold;
	text-align: left;
	line-height: 20px;
}
.contact input, .contact select, .contact textarea {
	font-size: 12px;
	color: #222222;
	line-height: 20px;
	background-color: #FEFEFE;
	line-height: 20px;
}
.contact li {
	list-style-type: none;
	padding: 5px 0px;
	text-align: left;
}
.contact label {
	vertical-align: top;
	display: block;
	padding: 0px 4px;
}
.contact span {
	width: 150px;
	display: inline-block;
}
.contact input, .contact select {
	width: 250px;
	border: 1px solid #C64815;
	padding: 2px;
	-moz-border-radius: 4px;
	-webkit-border-radius: 4px;
	border-radius: 4px;
}
.contact textarea {
	width: 480px;
	border: 1px solid #C64815;
	vertical-align: top;
	padding: 5px;
	-moz-border-radius: 4px;
	-webkit-border-radius: 4px;
	border-radius: 4px;
}
.contact input.medium {
	width: 125px;
}
.contact input.laloop {
	width: 15px;
}
.contact span.tekstloop {
	width: 300px;
}
.contact input.submit, .contact input.opslaan, .contact input.toevoegen  {
	text-transform:uppercase;
	padding: 0;
	color: #F6F6F5;
	font-size: 14px;
	border: none 0px;
	width: 190px;
	height: 40px;
	line-height: 38px;
	font-weight: normal;
	cursor: pointer;
	background: #C64815 url(http://bewust.ebserver.nl/imgs/bw_nav_left.jpg) 0px 0px no-repeat;
}
.contact input.submit:hover, .contact input.opslaan:hover, .contact input.toevoegen:hover {
	background: #E09901 url(http://bewust.ebserver.nl/imgs/bw_nav_left.jpg) 0px -40px no-repeat;
	color: #000000;
}
.error {
	font-size: 12px;
	color: #736358;
	border: 2px solid #C64815;
	display: block;
	margin: 1px;
	padding: 10px;
	font-weight: normal;
	background-color: #FFFFFF;
}
/* -------------- LOCAL ZZPform CSS -------------- */
#contactForm {
	width: 500px; 
}
li.formbox {
	margin: 10px 0;
	padding: 10px 0;
	background: none;
	-moz-border-radius: 8px;
	-webkit-border-radius: 8px;
	border-radius: 8px;
}
#contactForm p, #contactForm label {
	line-height: 30px;
	font-size: 12px;
	font-weight: bold;
	color: #C64815;
}
#contactForm p {
	border-bottom: 0px dotted #0071BA;
}
#contactForm p.last {
	border: 0px none;
}
#contactForm label {
	width: 150px;
}
#contactForm label.radiobox {
	width: auto;
	margin-left: 0px;
}
#contactForm input, #contactForm textarea {	
	border: 1px solid #2E3D4E;
	padding: 2px;
	-moz-border-radius: 4px;
	-webkit-border-radius: 4px;
	border-radius: 4px;
	background: #EEE;
}
#contactForm textarea {
	width: 450px;
}
#contactForm span.textbox input {
	width: 300px;
}
#contactForm label.radiobox input {
	width: 32px;
}
#contactForm label.invalidField {
	background: url(/imgs/icon_invalidField.png) top left no-repeat;
	padding: 16px 8px 4px 8px;
	margin: 0 0 0 155px;
	width: 250px;
	color: #F6F6F5;
	border: none;
}
/* -------------- LOCAL ZZPform submit buttons -------------- */
#contactForm input.submit  {
	text-transform:uppercase;
	padding: 0;
	color: #F6F6F5;
	font-size: 14px;
	border: none 0px;
	width: 190px;
	height: 40px;
	line-height: 38px;
	font-weight: bold;
	cursor: pointer;
	background: #C64815 url(http://bewust.ebserver.nl/imgs/bw_nav_left.jpg) 0px 0px no-repeat;
}
#contactForm input.submit:hover {
	background: #E09901 url(http://bewust.ebserver.nl/imgs/bw_nav_left.jpg) 0px -40px no-repeat;
	color: #000000;
}
/* -------------- LOCAL ZZPform callback DIV -------------- */
.error {
	font-size: 12px;
	color: #736358;
	border: 2px solid #C64815;
	display: block;
	margin: 1px;
	padding: 10px;
	font-weight: normal;
	background-color: #FFFFFF;
}
/* -------------- hide mail span -------------- */
span.mailtool {
	display: none;
}
/* -------- SEARCH box ---- */
#searchform {
	margin: 32px 0 18px 10px;
}
fieldset.search {
	border: none;
	width: 171px;
	margin: 0;
	padding: 0;
	background: #D6D5CE;
	clear: both;
}
.search input, .search button {
	border: none;
	float: left;
	margin: 0;
	padding: 0;
}
.search input.box {
	color: #C64815;
	font-size: 1em;
	width: 123px;
	height: 30px;
	padding: 8px 5px 0;
	background: #F6F6F5 url(http://bewust.ebserver.nl/imgs/search_bg.jpg) no-repeat;
	margin: 0;
}
.search input.box:focus {
	background: #F6F6F5 url(http://bewust.ebserver.nl/imgs/search_bg.jpg) no-repeat left -38px;
	outline: none;
}
.search input.btn {
	width: 38px;
	height: 38px;
	display: block;
	margin: 0;
	padding: 0;
	cursor: pointer;
	text-indent: -9999px;
	background: #F6F6F5 url(http://bewust.ebserver.nl/imgs/search_bg.jpg) no-repeat top right;
}
.search input.btn:hover {
	background: #F6F6F5 url(http://bewust.ebserver.nl/imgs/search_bg.jpg) no-repeat bottom right;
}
/* -------- LOGIN box ---- */
div.inloggen {
	margin: 32px 10px 18px 0;
}
div.inloggen a {
	color: #C64815;
	display: block;
	width: 171px;
	height: 38px;
	margin: 0;
	padding: 0;
	text-decoration: none;
	cursor: pointer;
	border: 0px none;
	background: #F6F6F5 url(http://bewust.ebserver.nl/imgs/login_bg.jpg) no-repeat top left;
}
div.inloggen a:hover {
	border: 0px none;
	text-decoration: none;
	background: #F6F6F5 url(http://bewust.ebserver.nl/imgs/login_bg.jpg) no-repeat bottom left;
}
/* -------- flashContent ---- */
#flashContent {
	width:100%;
	height:100%;
	text-align: center;
}
/* -------- COLOFON ---- */
.ebhosting {
	margin: 30px 0;
	padding: 10px 0;
}
.ebhosting, .ebhosting a{
	font-size: 11px;
	color: #C0410A;
	font-weight: normal;
	text-decoration: none;
	padding: 2px;
}
.ebhosting a:hover{
	color: #000000;
	font-weight: normal;
	text-decoration: underline;
}
/* -------- PASSWORDSTRENGTHMETER ---- */
.inbox { width:200px;display: none;}
.graybar { width:198px; background:#dddddd; height:10px; float:left;border:1px solid #000;}
.colorbar {margin-top:-12px;width:1px;background-image:url(http://bewust.ebserver.nl/imgs/passwordstrength.jpg);height:10px; float:left;border:1px solid #000000;}
.percent {font-family:Tahoma;font-size:12px;padding:5px;width:200px;}
.result {color:#000000; font-family:Tahoma;font-size:12px;margin-top:0px;padding:5px;width:450px;border:solid 1px red;background-color:#FFFFCC;}

/* ----- TWITTER START ----- */
#twitter_div {
width: 190px;
margin: 0 0 0 5px;
background:#F6F6F5;
}
#twitter_div h3 {
	margin: 0;
	padding: 0 0 0 8px;
	color: #669900;
	font-size: 12px;
	height: 40px;
	line-height: 40px;
	letter-spacing: 1px;
	font-weight: bold;
	background: #736358;
	border-top: 20px solid #EDEAE1;
	background: url(http://bewust.ebserver.nl/imgs/bw_nav_top.jpg) 0px -40px repeat-x;
	color: #F6F6F5;
}
#twitter_update_list {
list-style: none;
margin: 0 0 0 0;
padding: 2px;
}
#twitter_update_list li {
margin: 0 0 5px 0;
padding: 0 0 5px 0;
border-bottom: 2px solid #E09901;
}
/* ----- TWITTER END ----- */

.imagenomakeup {
	text-decoration: none !important;
	border: 0px none !important;
	background: none !important;
	background-color: transparent !important;
}

/* ----- h1h2h3h4h5h6 ----- */
.h1 {
	font-family: Arial;
	color: #665851;
	font-size: 16px;
	font-weight: bold;
	letter-spacing: 1px;
}
.h2 {
	font-family: Arial;
	color: #C64815;
	font-size: 14px;
	font-weight: bold;
}
.h3 {
	font-family: Arial;
	color: #665851;
	font-size: 14px;
	font-weight: bold;
}
.h4 {
	font-family: Arial;
	color: #E09901;
	font-size: 14px;
	font-weight: bold;
}
.h5 {
	font-family: Arial;
	color: #665851;
	font-size: 12px;
	font-weight: bold;
}
.h6 {
	font-family: Arial;
	color: #C64815;
	font-size: 12px;
	font-weight: bold;
}
h1 {
	font-family: Arial;
	color: #E09901;
	font-size: 18px;
	font-weight: bold;
	letter-spacing: 1px;
	border-bottom: 1px solid #E09901;
	margin-bottom: 24px;
}
h2 {
	font-family: Arial;
	color: #C64815;
	font-size: 14px;
	font-weight: bold;
	letter-spacing: 1px;
}
h3 {
	font-family: Arial;
	color: #665851;
	font-size: 14px;
	font-weight: bold;
	letter-spacing: 1px;
}
h4 {
	font-family: Arial;
	color: #C64815;
	font-size: 20px;
	font-weight: bold;
	letter-spacing: 2px;
}
h5 {
	font-family: Arial;
	color: #665851;
	font-size: 12px;
	font-weight: bold;
	letter-spacing: 1px;
}
h6 {
	font-family: Arial;
	color: #C64815;
	font-size: 12px;
	font-weight: bold;
	letter-spacing: 1px;
}


ul#icons{margin:0;padding:0
}
ul#icons
li{margin:2px;position:relative;padding:4px
0;cursor:pointer;float:left;list-style:none
}
ul#icons span.ui-icon{float:left;margin:0
4px
}
span.ixgchng,span.ixgmvup,span.ixgdlt,span.ixgy,span.ixgp,span.ixgn,span.ixgrestore{background-image:url(http://bewust.ebserver.nl/imgs/ixg_icons.jpg);width:24px;height:24px;display:inline-block;
}
a
span.ixgchng{background-position:0px 0px
}
a:hover
span.ixgchng{background-position:0px 24px
}
a
span.ixgmvup{background-position: -24px 0px
}
a:hover
span.ixgmvup{background-position: -24px 24px
}
a
span.ixgdlt{background-position: -48px 0px
}
a:hover
span.ixgdlt{background-position: -48px 24px
}

span.ixgy, li.ixgy {background-position: -72px 0px;
}

span.ixgp, li.ixgp {background-position: -96px 0px;
}

span.ixgp, li.ixgp {background-position: -96px 24px;
}

span.ixgn, li.ixgn {background-position: -72px 24px;
}

a span.ixgrestore{background-position: -120px 0px
}
a:hover
span.ixgrestore{background-position: -120px 24px
}