@import url('https://fonts.googleapis.com/css2?family=Roboto+Slab:wght@300;400;700&display=swap');

/*
######################################
##	CSS reset						##
######################################
*/

html, body, div, span, applet, object, iframe,
h1, h2, h3, h4, h5, h6, p, blockquote, pre,
a, abbr, acronym, address, big, cite, code,
del, dfn, em, font, img, ins, kbd, q, s, samp,
small, strike, strong, sub, sup, tt, var,
b, u, i, center,
dl, dt, dd, ol, ul, li,
fieldset, form, label, legend,
table, caption, tbody, tfoot, thead, tr, th, td {
	margin: 0;
	padding: 0;
	border: 0;
	outline: 0;
	font-size: 100%;
	vertical-align: baseline;
	background: transparent;
}
body {
	line-height: 1;
}
ol, ul {
	list-style: none;
}
blockquote, q {
	quotes: none;
}
blockquote:before, blockquote:after,
q:before, q:after {
	content: '';
	content: none;
}

/* tables still need 'cellspacing="0"' in the markup */
table {
	border-collapse: collapse;
	border-spacing: 0;
}

/*
######################################
##	Algemeen						##
######################################
*/

/* Classes
-----------------------------------------------------*/
.bold { font-weight: bold; }
.italic { font-style: italic; }
.hide, .hidden { display: none; }
.fleft { float: left; }
.fright { float: right; }
.overflow { overflow: hidden; }
.relative { position: relative; }
.inline { display: inline; }


/* HTML elementen
-----------------------------------------------------*/
body {
 	color: #0079ff;
	margin: 0;
	padding: 0;
	font-size: 100%; /* Overschreven */
	line-height: normal;
	font-family: "Roboto Slab", Georgia, serif;
}
blockquote {
	font-style: italic;
}
table {
	margin: 0;
	padding: .5em;
	border-collapse: collapse;
}
code, pre {
	font-size: 1em;
}
pre {
	font-size: 0.8em;
	padding: 1em;
	background: #eee;
}
h1, h2, h3, h4, h5, h6 {
	margin: 0;
	padding: 0;
	/*text-transform: lowercase;*/
}
h1 {
	font-size: 3.6em;
}
h2 {
	font-size: 2.4em;
}
h3 {
	font-size: 1.2em;
}
h4, h5, h6 {
	font-size: 1em;
}
p {
	font-size: 1em;
	margin-bottom: 1em;
	line-height: 1.3em;
}
br {
	line-height: 0.6em;
}
td {
	font-size: 1.2em;
}

.cf:before,
.cf:after {
    content: " "; /* 1 */
    display: table; /* 2 */
}
.cf:after {
    clear: both;
}
.cf {
    *zoom: 1;
}


/* Links
-----------------------------------------------------*/
a, a:link, a:active {
	color: #0066FF;
	text-decoration: underline;
}
a:hover {
	color: #FF3300;
}

::selection {
  background: #FF3410; /* WebKit/Blink Browsers */
  color:#fff;
}
::-moz-selection {
  background: #FF3410; /* Gecko Browsers */
  color:#fff;
}

/* Lijsten
-----------------------------------------------------*/
ul {
	margin: 0;
	padding: 0;
}
ul li {
	list-style-type: none;
}
#kolomMidden ul,
#kolomMidden ol {
	font-size: 1em;
	margin-bottom: 1em;
	margin-left: 30px;
}
#kolomMidden ul li {
	list-style: disc;
}
#kolomMidden ol li {
	list-style: decimal;
}



/* Afbeelding binnen paginatekst
-----------------------------------------------------*/
.imagecache-Paginavullend {
	height: auto;
	margin: 15px 0;
	width: 100%;
}
.imagecache-Rechts_uitlijnen {
	float: right;
	margin: 0 0 20px 20px;	
}
.imagecache-Links_uitlijnen {
	float: left;
	margin: 0 20px 20px 0;	
}

@media (max-width: 400px) { 
	.imagecache-Rechts_uitlijnen,
	.imagecache-Links_uitlijnen {
		height: auto;
		width: 100%;
	}
}



/*
######################################
##	Layout							##
######################################
*/

#skiplinks {
	display: none;
}

/* Algemeen
-----------------------------------------------------*/
div#container { 
/*	margin: 0 auto;
	width: 960px;*/
}

.nested-row {
	margin:0;
}

.img-scale img {
	max-width:100%;
	height:inherit;
}

/* Header
-----------------------------------------------------*/
.header-container {
	border-bottom:1px solid #CCE0FF;
}

.logo-nav-container {
	padding:33px 0 10px 0;
}

#logo {
	display:block;
	text-indent:-9999px;
	background:url(/sites/all/themes/reflextheme/images/logo.png) no-repeat;
	line-height:3em;
}

#responsive-menu p {
	display: inline;
	margin-bottom:10px;
	padding:4px 9px;
	color:#fff;
	background-color:#FF3410;
	margin-right:25px;
	float:right;
}

a:focus#logo {
	outline:none;
}


ul.primary-links li {
	font-family: "Roboto Slab", Georgia, serif;
	padding: 0 12px;
}

.primary-links li a { /* Drupal class */
	color: #007FFF;
	text-decoration: none;
}
.primary-links li a:hover,
.primary-links li a.active {
	color: #FF3300;
}

.navigatie-styling {
	margin-top:7px;
}


/* Social media
-----------------------------------------------------*/
#social-media h2 {
	font-size: 1.6em;
	font-weight: normal;
	display: inline;
	margin-right: 10px;
}
#social-media ul {
	display: inline;
}
#social-media {
	background: #45DB60;
	color: #fff;
	text-align: center;
	padding-top: 20px;
	padding-bottom: 20px;
	margin-bottom: 30px;
}
#social-media li {
	display: inline;
	list-style: none;
}
#social-media li a {
	background: #3AC952;
	color: #fff;
	font-size: 2.1em;
	padding: 5px 5px;
	margin-right: 7px;
}
#social-media li a:hover {
	background: #FF3724;
}


/* Node homepagina tekst
-----------------------------------------------------*/
#kolomMidden {
	padding:30px 0 0;
	overflow:hidden;
}

.homepage-tekst-wrap p {
	color:#0079FF;
	font-family: "Roboto Slab", Georgia, serif;
}

.homepage-hero {
	display: flex;
	flex-wrap: wrap;
	align-items: flex-start;
	margin-bottom: 24px;
}

.homepage-hero > .homepage-tekst-wrap,
.homepage-hero > .img-mq {
	float: none;
}

.homepage-title {
	margin-top: 20px;
}
.homepage-title p {
	font-size:1.500em;
}

.homepage-subtekst {
	margin-bottom:20px;
}

.homepage-subtekst p {
	font-size:1.125em;
}

/* Node homepagina button
-----------------------------------------------------*/
.button-styling {
	width:100%;
	padding:12px;
	color:#fff;
	font-size:32px;
	background-color:#FF3410;
	border-radius:0;
	border:none;
	font-family: "Roboto Slab", Georgia, serif;
	outline:none;
}

.button-styling:hover {
	background-color:#CA1F00;
	color:#fff;
}

.button-styling:focus {
	background-color:#ca1f00;
	color:#fff;
	outline:none;
}

.button-styling:active {
	outline:none;
}

/* Node homepagina uitgelichte pagina's
-----------------------------------------------------*/
.introduction-blocks {
	margin-bottom: 30px;
}
.introduction-blocks .col-xs-6 {
	padding: 0 5px 5px 5px;
}
.introduction-blocks .introduction-block {
	color: #fff;
	display: block;
	padding-bottom: 100%;
	width: 100%;
	position: relative;
	overflow: hidden;
	text-decoration: none;
	text-align: center;
	margin:1.66%;
}
.introduction-blocks .introduction-block-content {
	position:absolute;
    height:100%; /* = 100% - 2*10% padding */
    width:100%; /* = 100% - 2*5% padding */
    padding: 10% 5%;
}
.introduction-blocks .table{
    display:table;
    height:100%;
    width:100%;
}
.introduction-blocks .table-cell{
    display:table-cell;
    vertical-align:middle;
    height:100%;
    width:100%;
}
.introduction-blocks .introduction-block-content i {
	font-size: 2.1em;
	display: block;
	margin-top: 5px;
	margin-bottom: 10px;
}
.introduction-blocks .introduction-block-0 {
	background: #FF3410;
}
.introduction-blocks .introduction-block-1 {
	background: #003AF6;
}
.introduction-blocks .introduction-block-2 {
	background: #2EDF51;
}
.introduction-blocks .introduction-block-3,
.introduction-blocks .introduction-block-4 {
	background: #FFE529;
	color: #FF3100;
}

/* Node homepagina image
-----------------------------------------------------*/
.homepagina-img img {
	display: block;
	margin: 0 auto;
	max-width: 100%;
	height: auto;
}

.homepage-hero .img-mq {
	text-align: right;
}

.homepage-hero .homepagina-img img {
	margin: 20px 0 0 auto;
}


.sub-bg-img {
	height:514px;
	width:100%;
	background:url(/sites/all/themes/reflextheme/images/homeimg.png) no-repeat;
	margin-top:-110px;
	margin-left:-35px;
	background-position:right;
}


/* Node subcontent
-----------------------------------------------------*/
.subcontent-bg {
	background-color:#0057FF;
	margin-top:140px;
	padding:0 20px 0 20px;
}

.subcontent-tekst {
	margin: 25px 0;
	min-height: 369px;
}

.subcontent-tekst p {
	color:#fff;
	font-size:1.125em;
}

/* Node subcontent img
-----------------------------------------------------*/


/* Node subcontent icons
-----------------------------------------------------*/
.icon1, .icon2, .icon3, .icon4 {
	color:#fff;
}

.icon-margin { 
	margin-bottom:20px;
}

.icon1 p, .icon2 p, .icon3 p, .icon4 p {
	display:inline;
}

.icon1 .fa, .icon2 .fa, .icon3 .fa, .icon4 .fa {
	margin-right:10px;
	margin-bottom:10px;
}

.icon1 {
	padding-left:60px;
}

.icon2 {
	padding-left:40px;
}

.icon3 {
	padding-left:20px;
}

/* Node Webform
-----------------------------------------------------*/
	.contact-styling h2 {
		color:#FF3930;
	}

	.contact-styling p {
		color: #0079FF
	}

	.form-item label {
		font-family: "Roboto Slab", Georgia, serif;
		display:inline-block;
		color:#0079FF;
		font-weight:normal;
		font-size:1.250em;
	}

	input {
		padding:10px;
		max-width:70%;
		float:right;
		border:1px solid #0079FF;
		border-radius:5px;
		-webkit-box-shadow: inset 10px 10px 17px -4px rgba(0,0,0,0.15);
		-moz-box-shadow: inset 10px 10px 17px -4px rgba(0,0,0,0.15);
		box-shadow: inset 10px 10px 17px -4px rgba(0,0,0,0.15);
	}

	textarea {
		padding:10px;
		max-width:70%;
		float:right;
		border:1px solid #0079FF;
		border-radius:5px;
		-webkit-box-shadow: inset 10px 10px 17px -4px rgba(0,0,0,0.15);
		-moz-box-shadow: inset 10px 10px 17px -4px rgba(0,0,0,0.15);
		box-shadow: inset 10px 10px 17px -4px rgba(0,0,0,0.15);
	}

	input:focus, textarea:focus {
		outline:none;
	}

	.form-item:after {
		content:"";
  display:table;
  clear:both;
	}

	.form-submit {
		font-family: "Roboto Slab", Georgia, serif;
		font-size:1.250em;
		max-width:50%;
		border-radius:0;
		border:none;
		background-color:#FF3410;
		color:#fff;
	}


/* Node Webform Subcontent
-----------------------------------------------------*/
.contact-pos {
	position:relative;
	height:200px;
}

.contact-pos-child {
	position:absolute;
	bottom:-4px;
	right:0;
}


/* Node Page Linkerkant
-----------------------------------------------------*/
.page-header {
	margin-bottom:20px;
}

.page-koptekst {
	margin-bottom:20px;
	color:#0079FF;
}

.page-koptekst p {
	font-size: 1.3em;
}

.page-bodytekst {
	color:#0079FF;
}
	
	
/* Share buttons
-----------------------------------------------------*/
.share-wrapper {
	clear: both;
	margin: 1.5em 0;
	padding: 1em 0;
	color: #bbb;
	overflow: hidden;
}
.share-wrapper .label {
	display: block;
	margin-bottom: 0.75em;
	font-size: 0.95em;
}
.share-buttons {
	display: flex;
	flex-wrap: wrap;
	gap: 0.5em;
}
.share-btn {
	display: inline-flex;
	align-items: center;
	justify-content: center;
	width: 2.25em;
	height: 2.25em;
	border-radius: 3px;
	color: #fff;
	text-decoration: none;
	transition: opacity 0.2s;
}
.share-btn:hover,
.share-btn:focus {
	opacity: 0.85;
	color: #fff;
	text-decoration: none;
}
.share-facebook { background: #3b5998; }
.share-twitter { background: #000; }
.share-linkedin { background: #0077b5; }
.share-email { background: #666; }
.share-copy { background: #0079ff; border: none; cursor: pointer; font-size: 1em; }
.share-copy.is-copied { background: #2e7d32; }


	/* Node Page Rechterkant
-----------------------------------------------------*/
.aanmeld-blok p {
	color:#0079FF;
}

.aanmeld-blok h3 {
	margin-bottom:10px;
	color:#FF3410;
}

.btn-subpagina {
	padding:5px;
	width:70%;
	font-size:1.500em;
}

.button-aanmelden {
	width:90%;
}

.aanmeldknop1 {
	margin-top:100px;
}

.img-relative {
	position:relative;
}

.graphic1 .img-position {
	position:absolute;
	bottom:-90px;
	left:10px;
	z-index:-9999;
}

.img-position img {
	width:550px;
}


.graphic2 {
	margin-top:180px;
}

.graphic2 .img-position {
	position: absolute;
	left:-140px;
	bottom: 10px;
	right: -70px;
	top: -185px;
	z-index: -9999
}

.tussen-blok {
	height:20px;
	border-radius:20px;
	margin-top:20px;
	margin-bottom:20px;
	background-color:#ff3410;
}

.page-sub-img img {
	position:absolute;
	right:100px;
	bottom: -368px;

}

/* Footer
-----------------------------------------------------*/
.footer {
	margin-bottom:50px;
}

.footer p {
	color:#BBB;
	margin-bottom:30px;
}

.made-by {
	margin-top:40px;
	color:#BBB;
	font-size:0.813em;
}

.made-by a {
	color:#BBB;
	text-decoration: none;
}
.made-by a:hover {
	text-decoration: underline;
}

.footer-mobile a {
	display: block;
	text-align: center;
}
.footer-mobile img {
	max-width: 100%;
	margin-bottom: 30px;
}


/*
#####################################
#	Fotoalbum						#
#####################################
*/
#fotoalbum {
	margin: 0;
	padding: 0;
	overflow: hidden;
}
#fotoalbum a { 
	display: block;
	border: 3px solid #fff;
}
#fotoalbum a:hover { 
	border-color: #ff3930;
}
#fotoalbum img {
	display: block;
	height: auto;
	width: 100%;
}
#fotoalbum .col {
	padding: 5px;
}



/*
#####################################
#	Media Queries						#
#####################################
*/

@media screen and (min-width: 768px) { 
	.subcontent-tekst {
		min-height: 319px;
	}	
}

/* View - Nieuws & blog
-----------------------------------------------------*/
.page-nieuws h2.head-title,
.page-blog h2.head-title {
	margin-bottom:20px;
	font-weight:normal;
	color: #FF3410;
}

.node-type-nieuws .view-id-Nieuws,
.node-type-blog .view-id-Blog {
	padding:0;
}

.view-nieuws-wrapper {
	margin-bottom:40px;
}

.nieuws-overzicht .latest-news {
	padding: 30px 0;
}

.views-Nieuws .view-nieuws-titel {
	float:left;
	margin-right:15px;
}

.views-row-odd .view-nieuws-created {
	float:left;
	margin-top:4px;
}

.views-row-odd .title-container {
	margin-bottom:15px;
}

.views-row-odd .sub-container {
	float:left;
	max-width:740px;
}

.views-row-odd .view-nieuws-body {
	float:left;
}

.views-row-odd .view-nieuws-img {
	float:right;
}

.nieuws-overzicht .image-left {
	text-align: right;
}
.nieuws-overzicht .image-right {
	text-align: left;
}

.nieuws-overzicht .views-row-even .sub-container {
	float:right;
	max-width:740px;
}

.nieuws-overzicht .views-row-even .view-nieuws-titel {
	float:left;
	margin-right:15px;
}

.nieuws-overzicht .views-row-even .view-nieuws-img {
	float: right;
	margin-right: 60px;
}

.nieuws-overzicht .views-row-even .view-nieuws-created {
	float:left;
	margin-top:4px;
}

.nieuws-overzicht .views-row-even .title-container {
	margin-bottom:15px;
}

.nieuws-overzicht .view-nieuws-wrapper:after {
	content:"";
  display:table;
  clear:both;
}

.nieuws-overzicht .title-container:after {
	content:"";
  display:table;
  clear:both;
}

.node-type-nieuws .views-row:after {
	content:"";
  display:table;
  clear:both;
}


.nieuws-overzicht .attachment {
	border-top: 1px solid #CBDFFF;
	padding-top: 25px;
	margin-bottom: 60px;
}

.nieuws-overzicht .attachment-after {
	margin-top:30px;
	padding-bottom:30px;
}

.nieuws-overzicht .views-field-title a {
	color: #FF3410;
	text-decoration:none;
	font-size:22px;
	font-weight: bold;
}
.nieuws-overzicht .views-field-title .created {
	padding-left: 5px;
	font-size: .6em;
}

.nieuws-overzicht .views-field-title a:hover {
	text-decoration: underline;
}

.nieuws-overzicht .field-content p {
	color: #0079FF;
	font-size:18px;
}

.nieuws-overzicht.archief .field-content a {
	color: #0079FF;
}

.nieuws-overzicht.archief .field-content a:hover {
	color:#FF3410;
}

.nieuws-overzicht.archief span.field-content {
	color: #0079FF;
}

.nieuws-overzicht.archief .views-field-title {
	float:left;
	margin-right:10px;
	margin-bottom:20px;
}

.nieuws-overzicht.archief .views-field-created {
	float:left;
	margin-top:4px;
}


.nieuws-overzicht .views-row:after {
	content:"";
  display:table;
  clear:both;
}

#niewsblok .nieuws-overzicht .views-field-title {
	float:left;
	margin-right:15px;
	margin-bottom:10px;
}

#niewsblok .nieuws-overzicht .views-field-title a {
	color:#0079FF;
	text-decoration: none;
}

#niewsblok .nieuws-overzicht .views-field-title a:hover { 
	text-decoration: underline;
	color:#FF3410;
}

#niewsblok .nieuws-overzicht .views-field-created {
	float:left;
	color:#0079FF;;
}

#niewsblok h2 {
	font-size: 1.6em;
	margin-bottom:10px;
	color:#FF3410;
}
#niewsblok .nieuws-overzicht .created {
	color: #FF3300;
}


/* Nieuwsdetail & blog
-----------------------------------------------------*/
.node-type-blog .imagecache-Nieuwsdetail,
.node-type-nieuws .imagecache-Nieuwsdetail {
	float: left;
	margin: 0 20px 20px 0;
}



/*
#####################################
#	Agenda / activiteiten detail	#
#####################################
*/
/* Activiteit detail.. AJAX!
-----------------------------------------------------*/
#activiteit-detail .container {
	padding: 0;
	width: auto;
}
#activiteit-detail h2 {
	color: #ff2d00;
	font-size: 1.6em;
	font-weight: normal;
	margin-bottom: 10px;
}
.node-activiteit .imagecache-activiteit-detailpagina {
	-webkit-border-radius: 15px;
	border-radius: 15px;
	float: right;
	height: auto;
	width: 33%;
}
.node-activiteit .read-more {
	color: #ff2d00;
	text-decoration: none;
}
.node-activiteit .read-more:hover {
	text-decoration: underline;
}

/*
#####################################
#	Agenda / activiteiten			#
#####################################
*/
.node-activiteit {
	min-height: 320px;
}
@media only screen and (min-width: 768px) {
	.activiteiten-overzicht {
		border-right: 1px solid #CBDFFF;
	}
}
.activiteiten-overzicht .views-row:hover,
.activiteiten-overzicht .views-row.selected {
	background: #CBDFFF;
	cursor: pointer;
	position: relative;
}
.activiteiten-overzicht .views-row {
	min-height: 43px;
}
.activiteiten-overzicht .views-row.selected:after {
	background: url(/sites/all/themes/reflextheme/images/activiteit-selected.png) no-repeat left center;
	content: "";
	height: 64px;
	position: absolute;
	top: 50%;
	margin-top: -32px;
	right: -32px;
	width: 32px;
	z-index: 10;
}
.activiteiten-overzicht h3 {
	border-bottom: 1px solid #CBDFFF;
	color: #FF2D00;
	font-size: 1.2em;
	font-weight: normal;
	margin-top: 20px;
	padding-left: 10px;
	padding-bottom: 5px;
	text-align: left;
}
.activiteiten-overzicht .views-field-nid {
	display: none;
}
.activiteiten-overzicht span.date-display-end {
	display: block;
}
.activiteiten-overzicht .views-field-field-datum-value-1 {
	display: table-cell;
	padding-right: 10px;
	padding-left: 10px;
	min-width: 115px;
	width: 20%;
}
.activiteiten-overzicht .views-field-title {
	display: table-cell;
	padding: 8px 0 8px 10px;
	width: 65%;
}
.activiteiten-overzicht .views-field-title a {
	text-decoration: none;
	outline: none;
}
.activiteiten-overzicht .views-field-title a:hover {
	color: inherit;
}
.activiteiten-overzicht .views-field-nothing {
	display: table-cell;
	padding: 0;
	vertical-align: middle;
	width: 15%;
}
.activiteiten-overzicht .views-field-nothing img {
	height: auto;
	width: 100%;
}

#activiteit-detail {
	padding: 25px;
}
.node-activiteit .row {
	position: relative;
}






/* Tablets
-----------------------------------------------------*/
@media screen and (max-width: 1200px) {
	.form-item label {
		display:block;
	}

	input {
		max-width:100%;
	}

	textarea {
		max-width:100%;
	}

}

@media screen and (max-width: 991px) { 

	.responsive {
		display:none;
	}

	.form-submit {
	float:left;
	}

	.subcontent-tekst p {
	font-size:0.938em;
	}

	.icon1, .icon2, .icon3, .icon4 {
		padding-left:0;
	}

		 input {
			display:block;
			width:100%;
			float:left;
		}

			textarea {
			display:block;
			width:100%;
			float:left;
		}

		.form-submit {
			width:100%;
		}


	.footer-mobile, .made-by {
		text-align:center;
	}

	.made-by-styling {
		float:none!important;
	}

	.aanmeldknop1 {
	margin-top:0;
	}

}

@media screen and (max-width: 880px) { 
	.sub-img {
	height:100%;
	}

	.subimg-wrapper {
		position:static;
	}

}


/* Smartphones
-----------------------------------------------------*/
@media screen and (max-width: 768px) { 
	.subcontent-tekst {
		
	}

	.img-mq {
		display:none;
	} 

	.subcontent-tekst p {
		font-size:1.125em;
	}
	.subcontent-bg {
		margin-top:30px;
	}

	.subcon-mq {
		margin-top:250px;
	}

	#kolomMidden {
		padding:25px 0 0;
	}

	.button-styling {
		margin-bottom:20px;
	}

	.footer-mobile {
		text-align:center;
		margin-bottom:20px;
	}

	.form-submit {
		margin-bottom:50px;
	}

	#responsive-menu {
		text-align:center;
		margin-top:0;
		font-size:1.2em;
		height:100%;
		cursor:default;
	}

	.responsiveclick {
		display:block;
	}

	ul.links li { 
		display:block;
		padding:0;
		border-top: 1px solid #CCE0FF;
	}
	.primary-links li a { 
		padding:10px 0;
		display:block;
	}
	.klap-menu {
		padding:0;
	}

	.logo-nav-container {
		padding-bottom:0;
	}
	.navigatie-styling {
		text-align:center;
	}

}

@media screen and (max-width: 600px) { 
	.contact-pos-child {
			width:350px;
	}
}

@media screen and (max-width: 390px) { 
	.button-styling {
		font-size:1.250em;
	}

	.form-submit {
		max-width:100%;
	}

	.contact-styling h2 {
		font-size:1.625em;
	}

	.contact-pos-child {
		margin-left:20px;
	}

	#logo {
		background-size:100%;
	}

}

/* MAX WIDTH */
@media (min-width: 768px) { 
	#responsive-menu {
		display:none;
	}
}


/*
#####################################
#	Homepage						#
#####################################
*/

/* Blok
-----------------------------------------------------*/





/*
** Common declarations for child classes of node, comment, block, box etc
*/
.messages {
	padding: 0.3em;
	margin: 0.5em 0em 0.5em 0em;
}
.status {
	color: #f06;
	font-family: Verdana, Arial, sans-serif;
	font-size: 1.1em;
}
.error, form-item input.error {
	border: 1px solid red;
	color: red;
}