body {
	margin: 0;
	padding: 0;
	background-color: #ffffff;
	color: #797979;
	font-family: Verdana, Arial, Helvetica, sans-serif;
	font-size: 12px;
	vertical-align: middle;
	height: 100%;
}

body.gray {
	background-color: #f4f6fa;
}

body.bedrijvenpagina.gray {
	background-color: #ffffff;
}

img {
	border: none;
}

p {
	clear: both;
	margin-top: 7px;
	margin-bottom: 7px;
}

@-moz-document url-prefix() {
	p {
		margin-top: 5px;
		margin-bottom: 5px;
	}
}

h1 {
	color: #797979;
	font-weight: 700;
	font-size: 1.1em;
	margin-bottom: 3px;
}

h2 {
	color: #797979;
	font-weight: 700;
	font-size: 0.9em;
	margin-bottom: 3px;
	margin-top: 5px;
}

h3 {
	color: #797979;
	font-weight: 700;
	font-size: 1.1em;
	margin-top: 5px;
	margin-bottom: 10px;
	text-align: center;
}

h4 {
	color: #2775a6;
	font-weight: 700;
	font-size: 1.1em;
	margin-top: 5px;
	margin-bottom: 10px;
	text-align: center;
}

.bedrijvenpagina h1,
.bedrijvenpagina h2,
.bedrijvenpagina h3,
.bedrijvenpagina h4 {
	color: #047c04;
}

label {
	color: #797979;
	font-weight: 700;
	width: 200px;
	vertical-align: top;
	text-align: right;
	margin-right: 6px;
	float: left;
	padding-top: 4px;
}

input[type="text"], textarea,
input[type="file"], input[type="password"], select {
	font-family: Verdana, Arial, Helvetica, sans-serif;
	font-size: 12px;
	border: 1px solid #2775a6;
	background-color: #ffffff;
	color: #797979;
	margin: 0;
	padding: 2px;
}

.bedrijvenpagina input[type="text"],
.bedrijvenpagina textarea,
.bedrijvenpagina input[type=file],
.bedrijvenpagina input[type=password],
.bedrijvenpagina select {
	border-color: #047c04;
}

input[type="submit"], input[type="reset"],
input[type="button"], input[type="image"] {
	font-family: Verdana, Arial, Helvetica, sans-serif;
	font-size: 12px;
	font-weight: 700;
	border: 1px solid #2775a6;
	background-color: #ffffff;
	color: #797979;
	padding-left: 0.5em;
	padding-right: 0.5em;
}

.bedrijvenpagina input[type="submit"],
.bedrijvenpagina input[type="reset"],
.bedrijvenpagina input[type="button"],
.bedrijvenpagina input[type="image"] {
	border-color: #047c04;
}

input[type="image"] {
	padding-top: 3px;
	padding-bottom: 3px;
}

input[readonly] {
	background-color: #dddddd;
}

textarea {
	resize: none;
}

em {
	color: red;
}

a {
	color: #2775a6;
	text-decoration: none;
	cursor: pointer;
}

a:hover {
	border-bottom: 1px dashed #2775a6;
}

a.no-border:hover {
	border: none;
}

.bedrijvenpagina a {
	color: #047c04;
}

.bedrijvenpagina a:hover {
	border-bottom: 1px dashed #047c04;
}

.bedrijvenpagina a.no-border:hover {
	border: none;
}

a:hover > em {
	border-bottom: 1px dashed red;
}

.img a:hover {
	background: none;
	border: none;
}

#page {
	width: 980px;
	margin: 0 auto;
	text-align: left;
	margin-top: 20px;
	margin-bottom: 40px;
}

#page .gray {
	background-color: #f4f6fa;
}

.bedrijvenpagina #page .gray {
	background-color: #ffffff;
}

table.overzicht {
	width: 100%;
	border-collapse: collapse;
	border-spacing: 0;
	border: 0;
	padding: 0;
	margin: 0;
	table-layout: fixed;
}

table.overzicht th {
	/*background-color: #def2fa;*/
	background-color: #f2f2f2;
	color: #797979;
	text-align: left;
	font-weight: 400;
	line-height: 1.5em;
	vertical-align: top;
	padding: 0px 5px 0px 1px;
}

.bedrijvenpagina table.overzicht th {
	/*background-color: #d7eecb;*/
}

table.overzicht td {
	text-align: left;
	/*line-height: 1.5em;*/
	vertical-align: top;
	padding: 0px 5px 0px 1px;
}

table.overzicht tbody tr.even {
	background-color: #ffffff;
}

table.overzicht tbody tr.odd {
	background-color: #fafafa;
}

table.overzicht tbody tr.bedrijvenpagina a {
	color: #047c04;
}

table.overzicht tbody tr.bedrijvenpagina a:hover {
	border-bottom: 1px dashed #047c04;
}

table.overzicht tbody tr.mt a {
	color: #651297;
}

table.overzicht tbody tr.mt a:hover {
	border-bottom: 1px dashed #651297;
}

#pagelogo {
	margin-bottom: 25px;
	text-align: center;
}

.groep {
	/*background-color: #def2fa;*/
	/*color: red;*/
	background-color: #f2f2f2;
	text-align: left;
	font-weight: 700;
	margin-top: 10px;
	line-height: 25px;
}

/*
.groep a {
	color: red;
}

.groep a:hover {
	border-bottom: 1px dashed red;
}
*/

.subgroep {
	padding: 5px 5px 5px 25px;
	color: #797979;
	background-color: #ffffff;
}

.subgroep a {
	color: #797979;
}

.subgroep a:hover {
	border-bottom: 1px dashed #797979;
}

.klanten {
	font-weight: normal;
	color: #2775a6;
}

.klanten a {
	color: #2775a6;
}

.klanten a:hover {
	border-bottom: 1px dashed #2775a6;
}

#thumbs {
	padding-left: 106px;
	background-color: #f4f6fa;
	margin: 0;
}

.bedrijvenpagina #thumbs {
	background-color: #f5fdf5;
}

#klant-intros,
#navigatie-intros {
	padding-left: 205px;
	overflow: hidden;
}

#foldertree {
	padding: 5px;
	font-size: 11px;
	font-family: Verdana, Arial, Helvetica, sans-serif;
	color: black;
}

.box {
	margin: 0 auto;
	color: #797979;
	text-align: left;
	background-color: #ffffff;
	padding: 10px 20px;
	/*background-color: #f4f6fa;*/
	/*border: 2px solid #2775a6;*/
	/*border-radius: 20px;*/
}

.bedrijvenpagina .box {
	/*border-color: #047c04;*/
	background-color: #ffffff;
}

.thumbnailbox {
	display: inline;
	float: left;
	margin-left: 5px;
	margin-right: 5px;
	margin-top: 5px;
	margin-bottom: 5px;
	background-color: #e7e7e7;
	color: black;
	width: 120px;
	height: 140px;
	padding-top: 5px;
	padding-left: 10px;
	padding-right: 10px;
	padding-bottom: 5px;
	border: none;
	font-size: 9px;
	text-align: center;
}

.thumbnailbox .thumbnail {
	width: 120px;
	height: 105px;
	display: table-cell;
	vertical-align: middle;
	margin-left: auto;
	margin-right: auto;
	border: none;
}

.thumbnailbox .thumbnail a:hover {
	background: none;
	border: none;
}

.horizontal-dotted-line {
	clear: both;
	background-image: url('../images/dot.gif');
	background-repeat: repeat-x;
	width: 100%;
	margin-left: auto;
	margin-right: auto;
	margin-bottom: 7px;
	line-height: 2px;
}

.navbar {
	width: 100%;
	overflow: auto;
}

.navbar .navleft {
	float: left;
	vertical-align: top;
	padding-bottom: 5px;
}

.navbar .navleft ul {
	list-style: none;
	margin: 0;
	padding: 0;
	margin-right: 10px;
}

.navbar .navleft ul li {
	display: inline;
	float: left;
	margin: 0;
	padding: 0;
	padding-left: 5px;
	padding-right: 5px;
	border-left: 1px solid #797979;
}

.navbar .navleft ul li:first-child {
	border: none;
	padding-left: 0;
}

.navbar .navright {
	float: right;
	vertical-align: top;
	padding-bottom: 5px;
}

.grayedbutton {
	filter: gray() alpha(opacity=30); /* IE */
	opacity: 0.30; /* Safari, Opera and Mozilla */
}

.buttons button {
	display: block;
	float: left;
	margin: 0 7px 0 0;
	background-color: #f5f5f5;
	border: 1px solid #dedede;
	border-top: 1px solid #eeeeee;
	border-left: 1px solid #eeeeee;
	font-family: "Lucida Grande", Tahoma, Arial, Verdana, sans-serif;
	font-size: 100%;
	line-height: 130%;
	text-decoration: none;
	font-weight: bold;
	color: #336699;
	cursor: pointer;
	padding: 5px 10px 6px 7px; /* Links */
}

.buttons button {
	width: auto;
	overflow: visible;
	padding: 4px 10px 3px 7px; /* IE6 */
}

.buttons button[type] {
	padding: 5px 10px 5px 7px; /* Firefox */
	line-height: 17px; /* Safari */
}

.buttons *:first-child+html button[type] {
	padding: 4px 10px 3px 7px; /* IE7 */
}

.buttons button img {
	margin: 0 3px -3px 0 !important;
	padding: 0;
	border: none;
	width: 16px;
	height: 16px;
}

.buttons button:hover {
	background-color: #dff4ff;
	border: 1px solid #c2e1ef;
	color: #336699;
}

.buttons button.positive {
	color: #529214;
}

.buttons button.positive:hover {
	background-color: #e6efc2;
	border: 1px solid #c6d880;
	color: #529214;
}

.buttons button.negative {
	color: #d12f19;
}

.buttons button.negative:hover {
	background: #fbe3e4;
	border: 1px solid #fbc2c4;
	color: #d12f19;
}

div.buttons {
	overflow: hidden;
	margin-bottom: 5px;
	clear: both;
}

div.buttons-wrapper {
	float: left;
}

.buttons .uploadify {
	float: left;
	margin-right: 7px;
	background-color: #f5f5f5;
	border: 1px solid #dedede;
	border-top: 1px solid #eeeeee;
	border-left: 1px solid #eeeeee;
	font-family: "Lucida Grande", Tahoma, Arial, Verdana, sans-serif;
	font-size: 100%;
	text-decoration: none;
	font-weight: bold;
	color: #529214;
	cursor: pointer;
	padding-left: 26px;
	background: transparent url('/onderhoud/images/afb_uploaden.png') no-repeat 7px 5px;
}

.buttons .uploadify:hover {
	background-color: #e6efc2;
	border: 1px solid #c6d880;
}

.uploadifive-queue,
.buttons .uploadify-queue {
	clear: left;
	float: left;
	width: 100%;
}

.uploadifive-queue-item,
.buttons .uploadify-queue-item {
	background-color: #f5f5f5;
	-webkit-border-radius: 3px;
	-moz-border-radius: 3px;
	border-radius: 3px;
	font: 11px Verdana, Geneva, sans-serif;
	margin-top: 5px;
	max-width: 350px;
	padding: 10px;
}

.uploadifive-queue-item.error,
.buttons .uploadify-error {
	background-color: #fbe3e4 !important;
}

.uploadifive-queue-item .close,
.buttons .uploadify-queue-item .cancel a {
	background: url('/onderhoud/images/uploadify-cancel.png') 0 0 no-repeat;
	float: right;
	height: 16px;
	text-indent: -9999px;
	width: 16px;
}

.uploadifive-queue-item .close:hover,
.buttons .uploadify-queue-item .cancel a:hover {
	text-decoration: none;
	border: none;
}

.uploadifive-queue-item.completed,
.buttons .uploadify-queue-item.completed {
	background-color: #e6efc2 !important;
}

.uploadifive-queue-item .progress,
.buttons .uploadify-progress {
	background-color: #e5e5e5;
	margin-top: 10px;
	width: 100%;
}

.uploadifive-queue-item .progress-bar,
.buttons .uploadify-progress-bar {
	background-color: #529214;
	height: 3px;
	width: 1px;
}

/*
.uploadifive-queue-item .progress {
	border: 1px solid #D0D0D0;
	height: 3px;
	margin-top: 5px;
	width: 100%;
}*/

.smallbuttons a, .smallbuttons button {
	display: block;
	float: left;
	margin: 0 7px 0 0;
	background-color: #f5f5f5;
	border: 1px solid #dedede;
	border-top: 1px solid #eeeeee;
	border-left: 1px solid #eeeeee;
	font-family: "Lucida Grande", Tahoma, Arial, Verdana, sans-serif;
	text-decoration: none;
	font-weight: bold;
	color: #336699;
	cursor: pointer;
	padding: 2px 7px 2px 7px; /* Links */
}

.smallbuttons .positive {
	color: #529214;
	font-weight: 700;
}

.smallbuttons .negative {
	color: #d12f19;
	font-weight: 700;
}

#overzicht {
	height: 490px;
	width: 410px;
}

#overzicht #lijst {
	height: 450px;
	width: 410px;
	overflow: auto;
}

#overzicht #lijst a {
	text-decoration: none;
}

#overzicht #lijst #klant {
	color: #ff6600;
	font-weight: 700;
	margin-left: 0;
	padding-bottom: 5px;
}

#overzicht #lijst #klant a {
	color: #ff6600;
}

#overzicht #lijst #klant a:hover {
	color: #ff6600;
	border-bottom: 1px dashed #ff6600;
}

#overzicht #lijst .hoofdnavigatie {
	font-weight: 700;
	margin-left: 0px;
	padding-bottom: 5px;
}

#overzicht #lijst .subnavigatie {
	font-weight: 700;
	font-style: italic;
	margin-left: 32px;
	padding-bottom: 5px;
}

#overzicht #lijst .hoofdnavigatie.paginainhoud.paragraaf {
	font-weight: 400;
	margin-left: 32px;
}

#overzicht #lijst .subnavigatie.paginainhoud.paragraaf {
	font-weight: 400;
	font-style: normal;
	margin-left: 96px;
}

.smalltext {
	/*font-size: 9px;*/
}

.grayback {
	background-color: #f4f6fa;
}

.bedrijvenpagina .grayback {
	background-color: #f5fdf5;
}

#preview {
	overflow: auto;
	background-color: #cccccc;
	border: 1px solid black;
	padding-left: 10px;
	padding-top: 10px;
	padding-right: 10px;
	padding-bottom: 10px;
}

#help-pdf {
	text-align: right;
	color: #666666;
	font-weight: 700;
}

#help-pdf a {
	color: #666666;
	text-decoration: none;
}

#help-pdf a:hover {
	color: #ff6600;
	border: 0;
}

.kleur-preview {
	float: left;
	width: 40px;
	height: 20px;
	border: 1px solid #2775a6;
	cursor: pointer;
}

.bedrijvenpagina .kleur-preview {
	border-color: #047c04;
}

.font-preview {
	float: left;
	width: 360px;
	height: 100px;
	border: 1px solid #2775a6;
	cursor: pointer;
	padding: 2px;
	overflow: hidden;
	background-color: #ffffff;
}

.bedrijvenpagina .font-preview {
	border-color: #047c04;
}

.font-settings {
	float: left;
	width: 330px;
	margin-left: 20px;
	overflow: hidden;
}

#helpindex {
	font-size: 11px;
	/*height: 500px;*/
	overflow: auto;
	padding-right: 10px;
}

#helpindex h1 {
	font-size: 20px;
	color: #808080;
	text-align: center;
	padding-bottom: 15px;
}

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

#helpindex ul li h1 {
	font-size: 14px;
	margin: 0;
	color: #666666;
	font-weight: 700;
	text-align: left;
	padding-top: 15px;
	padding-bottom: 5px;
}

#helpindex ul li ul {
	list-style: none;
	margin: 0;
	margin-left: 40px;
	padding: 0;
	color: #ff6600;
	font-weight: 700;
}

#helpindex ul li ul li {
	margin-top: 10px;
}

#helpindex ul li ul li a {
	color: #ff6600;
	text-decoration: none;
}

#helpindex ul li ul li a:hover {
	color: #808080;
	border: 0;
}

#helpindex ul li ul li ul {
	list-style: none;
	margin: 0;
	padding: 0;
	color: #3366ff;
	font-weight: normal;
}

#helpindex ul li ul li ul li {
	margin: 0;
	padding: 0;
}

#helpindex ul li ul li ul li a {
	color: #3366ff;
	text-decoration: none;
}

#helpindex ul li ul li ul li a:hover {
	color: #808080;
	border: 0;
}

#helpindex ul li ul li ul li ul {
	list-style: none;
	margin: 0;
	margin-left: 40px;
	padding: 0;
	color: #3366ff;
	font-weight: normal;
	font-style: italic;
}

#helpindex ul li ul li ul li ul li {
	margin: 0;
	padding: 0;
}

#helpindex ul li ul li ul li ul li a {
	color: #3366ff;
	text-decoration: none;
}

#helpindex ul li ul li ul li ul li a:hover {
	color: #808080;
	border: 0;
}

#helptekst {
	font-size: 11px;
	color: #666666;
	/*height: 500px;*/
	overflow: auto;
	padding-right: 10px;
}

#helptekst h1 {
	text-align: left;
	margin: 0;
	margin-bottom: 15px;
	font-size: 11px;
	font-weight: 700;
	color: #ff6600;
}

#helptekst h2 {
	text-align: left;
	margin: 0;
	margin-top: 10px;
	font-size: 11px;
	font-weight: 700;
	color: #3366ff;
}

#helptekst h3 {
	text-align: left;
	margin: 0;
	margin-top: 10px;
	font-size: 11px;
	font-weight: 700;
	font-style: italic;
	color: #3366ff;
}

#helptekst h4 {
	text-align: left;
	margin: 0;
	font-size: 11px;
	font-weight: 700;
	color: #666666;
}

#helptekst em {
	color: #666666;
	font-style: normal;
	font-weight: 700;
}

#helptekst .tip {
	font-style: italic;
}

#helptekst .tip em {
	color: red;
	font-style: normal;
	font-weight: 700;
}

#helptekst .tip em.normaal {
	color: #666666;
	font-style: normal;
	font-weight: 700;
}

#helptekst p {
	padding-top: 0;
	margin-top: 0;
}

#helptekst a {
	color: #3366ff;
	text-decoration: none;
}

#helptekst a:hover {
	color: #808080;
	border: 0;
}

#helptekst .italic {
	font-style: italic;
}

#helptekst .italic a {
	color: #3366ff;
	text-decoration: none;
}

#helptekst .italic a:hover {
	color: #808080;
	border: 0;
}

#helptekst .terug {
	color: #666666;
}

#helptekst .terug a {
	color: #666666;
	text-decoration: none;
}

#helptekst .terug a:hover {
	color: #ff6600;
	border: 0;
}

#helptekst p.terug {
	margin-top: 20px;
}

#colorpicker label {
	color: #797979;
	font-weight: normal;
	width: auto;
	margin: 0;
	padding: 0;
	border: 0;
	outline: 0;
	vertical-align: baseline;
	background: transparent;
}

#fontpicker {
	position: relative;
}

#fontpicker label {
	width: 90px;
}

#fontpicker ul#fontlist {
	font-size: 12px;
	width: 300px;
	list-style-type: none;
	padding: 0;
	margin: 0;
	border: 1px solid #2775a6;
	background-color: #ffffff;
	z-index: 10000;
	position: absolute;
	left: 96px;
}

.bedrijvenpagina #fontpicker ul#fontlist {
	border-color: #047c04;
}

#fontpicker ul#fontlist li {
	display: none;
	padding: 0.2em;
	color: #797979;
	height: 14px;
	line-height: 14px;
}

#fontpicker ul#fontlist li.selected,
#fontpicker ul#fontlist:hover li {
	display: list-item;
}

#fontpicker ul#fontlist li:hover {
	background-color: #3399ff;
	color: #ffffff;
}

#fontpicker #sample {
	overflow: hidden;
	width: 294px;
	height: 150px;
	color: #797979;
	background-color: #ffffff;
	border: 1px solid #2775a6;
	padding: 3px;
}

.bedrijvenpagina #fontpicker #sample {
	border-color: #047c04;
}

.bedrijvenpagina .mtfontpicker-toggle {
	border-color: #047c04;
}

#menu ol {
	font-size: 12px;
	font-weight: 700;
}

#menu ol li {
	line-height: 40px;
}

#formeditor {
	width: 821px;
	height: 400px;
	border: 1px solid #2775a6;
	overflow: hidden;
	margin: 0;
	padding: 0;
	background-color: #ffffff;
	float: left;
}

.bedrijvenpagina #formeditor {
	border-color: #047c04;
}

#stockafbeeldingen-overzicht {
	height: 450px;
	overflow-x: none;
	overflow-y: auto;
}

.stockafbeelding-wrapper {
	float: left;
	width: 200px;
	height: 170px;
	-webkit-border-radius: 2px;
	-moz-border-radius: 2px;
	border-radius: 2px;
	border: 1px solid #f4f6fa;
	background-color: #f4f6fa;
	margin-right: 10px;
	margin-bottom: 10px;
	cursor: pointer;
	position: relative;
	padding: 5px;
}

.bedrijvenpagina .stockafbeelding-wrapper {
	border: 1px solid #f5fdf5;
	background-color: #f5fdf5;
}

.stockafbeelding-wrapper:hover {
	border-color: #2775a6;
	background-color: #ebedf0;
}

.bedrijvenpagina .stockafbeelding-wrapper:hover {
	border-color: #047c04;
	background-color: #e5fde5;
}

.bedrijvenpagina .stockafbeelding-wrapper:hover {
	border-color: #047c04;
}

.stockafbeelding-wrapper.selected {
	border-color: #2775a6;
	background-color: #d4d6d9;
}

.bedrijvenpagina .stockafbeelding-wrapper.selected {
	border-color: #047c04;
}

.stockafbeelding-wrapper.selected:hover {
	background-color: #c8c9cc;
}

.stockafbeelding-innerwrapper {
	width: 200px;
	height: 170px;
	padding: 0;
	margin: 0;
}

.stockafbeelding-content {
	position: absolute;
	bottom: 5px;
	width: 200px;
	text-align: center;
}

.stockafbeelding-content img {
	border: 0;
	max-width: 200px;
	max-height: 150px;
	margin-bottom: 5px;
}

#dialogframe {
	border: 0;
	margin: 0;
	padding: 0;
	overflow: hidden;
}

a.cke_dialog_tab {
	color: #ff0000 !important;
	font-weight: 700 !important;
}

.data-error {
	color: #ff0000;
}

.data-ok {
	color: #00cc00;
}

.data-unknown {
	color: #ff9900;
}

.yui-skin-sam .yui-layout .yui-layout-unit div.yui-layout-bd {
	background-color: #ffffff !important;
}

.yui-skin-sam .yui-dt td.align-center {
	text-align: center;
}

.yui-skin-sam .yui-dt td.error {
	background-color: #ff0000;
	color: #ffffff;
}

.yui-skin-sam .yui-dt-liner {
	white-space: nowrap;
	cursor: default;
}

.yui-skin-sam .yui-dt th .yui-dt-liner {
	text-align: center;
}

.yui-skin-sam .container-close {
	border: none;
}

.yui-skin-sam .yui-navset div.loading div {
	background: url('/onderhoud/images/loading.gif') no-repeat center center;
	height: 8em;
}

.yui-skin-sam .yui-navset div.loading div * {
	display: none;
}

.yui-skin-sam .yui-navset .yui-nav a em {
	color: #797979;
}

.yui-skin-sam .yui-navset .yui-nav .selected a em {
	color: #ffffff;
}

.yui-skin-sam .yui-navset .yui-nav .disabled a em {
	color: #cccccc;
}

.yui-skin-sam .yui-accordionview li.yui-accordion-panel a.yui-accordion-toggle:focus {
	text-decoration: none;
}

.yui-skin-sam.bedrijvenpagina .yui-navset .yui-content {
	background-color: #f5fdf5;
}

.yui-skin-sam.bedrijvenpagina .yui-navset .yui-nav,
.yui-skin-sam.bedrijvenpagina .yui-navset .yui-navset-top .yui-nav {
	border-color: #047c04;
}

.yui-skin-sam.bedrijvenpagina .yui-navset .yui-nav .selected a,
.yui-skin-sam.bedrijvenpagina .yui-navset .yui-nav .selected a:focus,
.yui-skin-sam.bedrijvenpagina .yui-navset .yui-nav .selected a:hover {
	background: #047c04; /* Old browsers */
	background: -moz-linear-gradient(top,  #81bd81 0%, #369636 40%, #047c04 100%); /* FF3.6+ */
	background: -webkit-gradient(linear, left top, left bottom, color-stop(0%,#81bd81), color-stop(40%,#369636), color-stop(100%,#047c04)); /* Chrome,Safari4+ */
	background: -webkit-linear-gradient(top,  #81bd81 0%,#369636 40%,#047c04 100%); /* Chrome10+,Safari5.1+ */
	background: -o-linear-gradient(top,  #81bd81 0%,#369636 40%,#047c04 100%); /* Opera 11.10+ */
	background: -ms-linear-gradient(top,  #81bd81 0%,#369636 40%,#047c04 100%); /* IE10+ */
	background: linear-gradient(to bottom,  #81bd81 0%,#369636 40%,#047c04 100%); /* W3C */
	filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#81bd81', endColorstr='#047c04',GradientType=0 ); /* IE6-9 */
}

.yui-skin-sam.bedrijvenpagina .yui-navset .yui-nav a:hover,
.yui-skin-sam.bedrijvenpagina .yui-navset .yui-nav a:focus {
	background: #d7eecb; /* Old browsers */
	background: -moz-linear-gradient(top,  #ebf6e5 0%, #dff1d5 40%, #d7eecb 100%); /* FF3.6+ */
	background: -webkit-gradient(linear, left top, left bottom, color-stop(0%,#ebf6e5), color-stop(40%,#dff1d5), color-stop(100%,#d7eecb)); /* Chrome,Safari4+ */
	background: -webkit-linear-gradient(top,  #ebf6e5 0%,#dff1d5 40%,#d7eecb 100%); /* Chrome10+,Safari5.1+ */
	background: -o-linear-gradient(top,  #ebf6e5 0%,#dff1d5 40%,#d7eecb 100%); /* Opera 11.10+ */
	background: -ms-linear-gradient(top,  #ebf6e5 0%,#dff1d5 40%,#d7eecb 100%); /* IE10+ */
	background: linear-gradient(to bottom,  #ebf6e5 0%,#dff1d5 40%,#d7eecb 100%); /* W3C */
	filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#ebf6e5', endColorstr='#d7eecb',GradientType=0 ); /* IE6-9 */
}

a.omlaag {
	background: transparent url('../images/omlaag.png') no-repeat 0px 0px;
	width: 16px;
	height: 16px;
	display: block;
	float: right;
	text-decoration: none;
	cursor: pointer;
	border: none;
	margin-right: 15px;
	margin-top: 6px;
}

a.omhoog {
	background: transparent url('../images/omhoog.png') no-repeat 0px 0px;
	width: 16px;
	height: 16px;
	display: block;
	float: right;
	text-decoration: none;
	border: none;
	cursor: pointer;
	margin-right: 10px;
	margin-top: 6px;
}

span.vulling {
	display: block;
	width: 16px;
	display: block;
	float: right;
}

.weergave-container {
	margin-top: 10px;
	overflow: hidden;
	height: 710px;
	position: relative;
}

.weergave-dropdown-menu-container {
	border: 1px solid #2775a6;
	width: 300px;
	height: 666px;
	overflow: hidden;
	position: absolute;
	top: 0;
	left: 0;
}

.bedrijvenpagina .weergave-dropdown-menu-container {
	border-color: #047c04;
}

.weergave-dropdown-menu {
	border-top: 1px solid #dddddd;
	background-color: #ffffff;
}

.weergave-dropdown-menu:first-child {
	border-top: none;
}

.weergave-dropdown-header {
	cursor: pointer;
	position: relative;
	background-color: #def2fa;
}

.bedrijvenpagina .weergave-dropdown-header {
	background-color: #d7eecb;
}

.weergave-dropdown-header,
.weergave-dropdown-body {
	padding: 5px 10px;
}

.weergave-dropdown-header h1 {
	margin: 3px 0;
}

.weergave-dropdown-header > .fa {
	position: absolute;
	right: 10px;
	top: 10px;
}

.weergave-dropdown-header:hover,
.open > .weergave-dropdown-header {
	background-color: #eeeeee;
}

.weergave-dropdown-header:hover > .fa {
	color: #2775a6;
}

.bedrijvenpagina .weergave-dropdown-header:hover > .fa {
	color: #047c04;
}

.weergave-dropdown-body {
	overflow-x: hidden;
	overflow-y: auto;
	display: none;
}

.open > .weergave-dropdown-body {
	display: block;
}

h2.weergave-dropdown-subgroup-label {
	margin-top: 25px;
	color: #2775a6;
	font-size: 12px;
	font-weight: 700;
	cursor: pointer;
}

.bedrijvenpagina h2.weergave-dropdown-subgroup-label {
	color: #047c04;
}

h2.weergave-dropdown-subgroup-label:first-child {
	margin-top: 5px;
}

h2.weergave-dropdown-subgroup-label:hover {
	color: #ff0000;
}

.weergave-dropdown-subgroup {
	display: none;
}

.weergave-dropdown-subgroup.open {
	display: block;
}

.weergave-dropdown-subgroup h3 {
	color: #797979;
	font-size: 11px;
	font-weight: 700;
	text-align: left;
	margin-top: 10px;
	margin-bottom: 3px;
}

.weergave-dropdown-subgroup .transparent-bg {
	background: url('/onderhoud/js/jquery_colorpicker/images/bar-opacity.png');
	display: block;
	height: 22px;
	width: 42px;
}

.weergave-dropdown-subgroup .color,
.weergave-dropdown-subgroup .color-pick {
	border: 1px solid #2775a6;
}

.bedrijvenpagina .weergave-dropdown-subgroup .color,
.bedrijvenpagina .weergave-dropdown-subgroup .color-pick {
	border-color: #047c04;
}

.weergave-dropdown-subgroup .color-pick {
	cursor: pointer;
}

.weergave-dropdown-subgroup table {
	border-spacing: 0;
}

.weergave-dropdown-subgroup td {
	vertical-align: middle;
	height: 22px;
	padding: 2px 0px;
}

.weergave-dropdown-subgroup td.td-value {
	width: 75px;
}

.weergave-preview-frame {
	position: absolute;
	top: 0;
	right: 0;
	border: 1px solid #2775a6;
	margin: 0;
	padding: 0;
	height: 700px;
	width: 600px;
}

.bedrijvenpagina .weergave-preview-frame {
	border-color: #047c04;
}

.weergave-toggle-button-container {
	position: absolute;
	bottom: 12px;
	padding-left: 5px;
}

.weergave-toggle-button-container > a {
	color: #797979;
	height: 22px;
	float: left;
	border-bottom: none;
}

.weergave-toggle-button-container > a:hover {
	color: #2775a6;
}

.bedrijvenpagina .weergave-toggle-button-container > a:hover {
	color: #047c04;
	border-bottom: none;
}

.weergave-toggle-button-container > a > .fa {
	vertical-align: middle;
}

.weergave-sidebar-show {
	display: block;
}

.weergave-sidebar-hide {
	display: none;
}

.open > .weergave-sidebar-show {
	display: none;
}

.open > .weergave-sidebar-hide {
	display: block;
}

.fontpicker-font.auto {
	padding: 2px;
	border: 1px solid #2775a6;
}

.bedrijvenpagina .fontpicker-font.auto {
	border-color: #047c04;
}

.fontpicker-option-table {
	margin-bottom: 10px;
}

/* jQuery color picker */
.ui-colorpicker label {
	color: inherit;
	float: none;
	font-weight: inherit;
	margin-right: 0;
	padding-top: 0;
	text-align: inherit;
	vertical-align: inherit;
}

.ui-colorpicker input {
	font-size: 1em;
	color: inherit;
}

.ui-widget-content {
	/*background: #f7f7f7;*/
}

.ui-colorpicker-swatch {
	width: 41px;
	height: 20px;
}

label.ui-button {
	width: auto;
}

.info {
	height: 24px;
	width: 24px;
	margin-right: 5px;
	background: transparent url('/onderhoud/images/info.png') no-repeat 0px 0px;
	display: inline-block;
	vertical-align: middle;
}

.bedrijvenpagina .info {
	background-image: url('/onderhoud/images/bp_info.png');
}

.preview {
	height: 24px;
	width: 24px;
	margin-right: 5px;
	background: transparent url('/onderhoud/images/preview.png') no-repeat 0px 0px;
	display: inline-block;
	vertical-align: middle;
}

.vraagteken {
	height: 24px;
	width: 24px;
	margin-left: 5px;
	margin-top: -4px;
	background: transparent url('/onderhoud/images/vraagteken.png') no-repeat 0px 0px;
	display: inline-block;
	vertical-align: middle;
	cursor: pointer;
}

.bedrijvenpagina .vraagteken {
	background-image: url('/onderhoud/images/bp_vraagteken.png');
}

.help {
	height: 16px;
	width: 16px;
	margin-left: 5px;
	margin-top: -2px;
	background: transparent url('/onderhoud/images/help.png') no-repeat 0px 0px;
	display: inline-block;
	vertical-align: middle;
	cursor: pointer;
}

.bedrijvenpagina .help {
	background-image: url('/onderhoud/images/bp_help.png');
}

.opmaken {
	height: 24px;
	width: 24px;
	margin-right: 5px;
	background: transparent url('/onderhoud/images/opmaken.png') no-repeat 0px 0px;
	display: inline-block;
	vertical-align: middle;
}

.bedrijvenpagina .opmaken {
	background-image: url('/onderhoud/images/bp_opmaken.png');
}

.home {
	height: 24px;
	width: 24px;
	margin-right: 5px;
	margin-top: -4px;
	background: transparent url('/onderhoud/images/home.png') no-repeat 0px 0px;
	display: inline-block;
	vertical-align: middle;
}

.bedrijvenpagina .home {
	background-image: url('/onderhoud/images/bp_home.png');
}

.ster {
	height: 16px;
	width: 16px;
	margin-right: 5px;
	background: transparent url('/onderhoud/images/ster.png') no-repeat 0px 0px;
	display: inline-block;
	vertical-align: middle;
}

.bedrijvenpagina .ster {
	background-image: url('/onderhoud/images/bp_ster.png');
}

.wit-spatie {
	height: 16px;
	width: 21px;
	display: inline-block;
	vertical-align: middle;
}

.button {
	height: 24px;
	width: 24px;
	margin-right: 5px;
	margin-top: -8px;
	background: transparent url('/onderhoud/images/button.png') no-repeat 0px 0px;
	display: inline-block;
	vertical-align: middle;
}

.bedrijvenpagina .button {
	background-image: url('/onderhoud/images/bp_button.png');
}

.filler {
	height: 16px;
	width: 16px;
	background: transparent url('/onderhoud/images/filler.png') no-repeat 0px 0px;
	display: inline-block;
	vertical-align: middle;
}

.verwijderen {
	height: 16px;
	width: 16px;
	background: transparent url('/onderhoud/images/verwijderen.png') no-repeat 0px 0px;
	display: inline-block;
	vertical-align: middle;
}

.omhoog {
	height: 16px;
	width: 16px;
	background: transparent url('/onderhoud/images/omhoog.png') no-repeat 0px 0px;
	display: inline-block;
	vertical-align: middle;
}

.bedrijvenpagina .omhoog {
	background-image: url('/onderhoud/images/bp_omhoog.png');
}

.omlaag {
	height: 16px;
	width: 16px;
	background: transparent url('/onderhoud/images/omlaag.png') no-repeat 0px 0px;
	display: inline-block;
	vertical-align: middle;
}

.bedrijvenpagina .omlaag {
	background-image: url('/onderhoud/images/bp_omlaag.png');
}

.omhoog2 {
	height: 16px;
	width: 16px;
	background: transparent url('/onderhoud/images/omhoog2.png') no-repeat 0px 0px;
	display: inline-block;
	vertical-align: middle;
}

.bedrijvenpagina .omhoog2 {
	background-image: url('/onderhoud/images/bp_omhoog2.png');
}

.omlaag2 {
	height: 16px;
	width: 16px;
	background: transparent url('/onderhoud/images/omlaag2.png') no-repeat 0px 0px;
	display: inline-block;
	vertical-align: middle;
}

.bedrijvenpagina .omlaag2 {
	background-image: url('/onderhoud/images/bp_omlaag2.png');
}

.fa-facebook,
.fa-facebook-square {
	color: #3b5998;
}

.fa-twitter,
.fa-twitter-square {
	color: #00aced;
}

.fa-google-plus,
.fa-google-plus-square {
	color: #dd4b39;
}

.fa-youtube,
.fa-youtube-play,
.fa-youtube-square {
	color: #bb0000;
}

.fa-tumblr,
.fa-tumblr-square {
	color: #32506d;
}

.fa-vine {
	color: #00bf8f;
}

.fa-flickr {
	color: #ff0084;
}

.fa-vimeo-square {
	color: #aad450;
}

.fa-pinterest,
.fa-pinterest-square {
	color: #cb2027;
}

.fa-linkedin,
.fa-linkedin-square {
	color: #007bb6;
}

.fa-instagram {
	color: #517fa4;
}

.fa-spotify {
	color: #1ED760;
}

.yui-skin-sam .yui-navset .yui-content {
    background: #f5f5f5;
}