/* webdev: Pim Rijpsma - webdev@xs4all.nl */

@import url(sifr.css);

#navigation, #subnavigation, .date{ display: none !important; }

body{ margin: 2em 0; padding: 0; background: #F0F0F0; color: #434D3E; font: 82%/1.6em Arial, Helvetica, sans-serif; text-align: center; }
img, img a{ border: none; }

a{ color: #7bb538; text-decoration: underline; outline: none; -moz-outline: none; }
a:hover{ color: #5c872a; text-decoration: underline; }

p{ margin: 0; padding: 0 0 2em 0; }
blockquote{ margin: 0em 1em 2em 1.5em; }
img, img a{ border: none; }

h1{ margin: 0 0 0em 0; padding: 0; color: #434D3E; font: normal 140% Arial, Helvetica, sans-serif; }
h2{ margin: 0 0 0em 0; padding: 0; color: #434D3E; font: normal 130% Arial, Helvetica, sans-serif; }
h3{ margin: 0 0 0.4em 0; padding: 0; color: #434D3E; font: normal 120% Arial, Helvetica, sans-serif; }
h4{ margin: 0 0 0.4em 0; padding: 0; color: #434D3E; font: normal 110% Arial, Helvetica, sans-serif; }
h5{ margin: 0 0 0.4em 0; padding: 0; color: #434D3E; font: normal 100% Arial, Helvetica, sans-serif; }
	
form{ margin: 1em 0 0 0; padding: 0; width: 100%; }
form label{ display: block; cursor: pointer; width: 40%; margin: 0 2em 0 0; float: left; }
form p{ margin: 0; padding: 0 0 5px 0; display: block; clear: both; float: left; width: 100%; border-bottom: 1px #DCDDDE none; }
form input, form select, form textarea{ float: left; width: 50%; border: 1px #DCDDDE solid; padding: 2px 0 3px 2px; font-size: 92%; color: #2D3134; margin: 0 7px 0 0;  }
form .button{ padding: 0.15em; width: auto !important; margin: 5px 2.2em 1em 0; float: right; background: #7bb538; color: #FFFFFF; cursor: pointer; border: 1px #DCDDDE outset; }
form .buttonhover{ padding: 0.15em; width: auto !important; margin: 5px 2.2em 1em 0; float: right; background: #168CD5; color: #FFFFFF; cursor: pointer; border: 1px #DCDDDE outset; }
form textarea{ width: 94%; font: 100%/1.8em Arial, Helvetica, sans-serif; }
form .req{ background: url(../images/req.gif) top right no-repeat; /*border-right: 3px #7bb538 solid;*/ }
form .small{ width: 15%; }
form .node{ border: none; width: auto; float: none; position: relative;top:3px; }
form span{ display: block; float: left; }
form br{ display:none; }

ul{ list-style-type: disc; display:block; margin: 0 0 2em 1em; padding: 0 0 0 2em; }
ol{ list-style-type: decimal; display:block; margin: 0 0 2em 1em; padding: 0 0 0 2em; }
ul li, ol li , ol li a, ul li a{ line-height: inherit; }
ul li{ /*padding: 0.3em 0;*/ line-height: inherit; list-style-type: disc; }
ol li{ /*padding: 0.3em 0;*/ line-height: inherit; list-style-type: decimal; }

hr{border: none; margin: 1em 0; width: 99%; clear: both; display: block; background: #DCDDDE; color: #DCDDDE; line-height: 1px; height: 1px; }


/* toolbox */
.center{ margin: auto auto; }
.center-txt{ text-align: center; }
.center-page{ margin: 0 auto; overflow: hidden; }
.clear{ clear: both; display: block; }
.clear-right{ clear: right; }
.clear-left{ clear: left; }
.no-clear{ clear: none; display: inline; }
.intro-txt{ margin-top: 1em; font-size: 145%; line-height: 1.5em; }
.big-txt{ font-size: 115%; }
.big-nav *{ font-size: 110%; }
.normal-txt{ font-size: 100%; }
.small-txt{ font-size: 96%; }
.xsmall-txt{ font-size: 88%; }
.line-height-normal{ line-height: normal; }
.left{ float: left;}
.left-img{ margin: 8px 24px 8px 0; float: left; }
.left-txt { text-align: left; }
.line {margin: 1em 0; width: 100%; border-top: 2px #e3e3df solid; float: left; }
.padding{ padding: 20px; }
.padding-small{ padding: 10px; }
.padding-xsmall{ padding: 4px; }
.padding-small-content{ padding: 0px; }
.no-margin{ margin: 0; }
.no-margin-bott{ margin-bottom: 0; }
.no-padding{ padding: 0 !important; }
.no-pad-bott{ padding-bottom: 0; }
.no-border{ border: none !important; }
.nofloat{ float: none; }
.right{ float: right; }
.right-img{ float: right; margin: 8px 0 8px 24px; }
.right-txt{ text-align: right; }
.rnd-small{ /*-moz-border-radius:4px;*/ -webkit-border-radius: 4px; }
.rnd-big{ /*-moz-border-radius:6px;*/ -webkit-border-radius: 6px; }
.print{ display: block !important; }

.mtop{ margin-top: 10px; }
.mbott{ margin-bottom: 10px; }
.mleft{ margin-left: 10px; }
.mright{ margin-right: 10px; }
.mstop{ margin-top: 5px; }
.msbott{ margin-bottom: 5px; }
.msleft{ margin-left: 5px; }
.msright{ margin-right: 5px; }

.ptop{ padding-top: 10px; }
.pbott{ padding-bottom: 10px; }
.pleft{ padding-left: 10px; }
.pright{ padding-right: 10px; }
.pstop{ padding-top: 5px; }
.psbott{ padding-bottom: 5px; }
.psleft{ padding-left: 5px; }
.psright{ padding-right: 5px; }

.spacer{ margin-right: 20px; }
.date{ margin: 0.4em 0 0.2em 0; clear: both; display: block; }
.block{ display: block; }
.wrap{ width: auto; }
.no-wrap{ white-space: nowrap }
.hide{ display: none; }
.noscript{ display: none; }
.auto{ width: auto; }
.fillout{ width: 100%; }
.overflow-hidden{ overflow: hidden !important; }
.iphone, .print{ display: block !important; }
.piclenselink a{ display: none !important; }
.ngg-right{ float: right; }
.ngg-left{ float: left; }

.clearfix:after {	content: "."; display: block; clear: both; visibility: hidden; line-height: 0; height: 0; }
.clearfix {	display: inline-block; }
html[xmlns] .clearfix {	display: block; }
* html .clearfix { height: 1%; }

/* end toolbox */

::-moz-selection{ background: yellow; color: #2D3134;}
/*::selection { background: yellow; color: #2D3134;}*/

/* color styles */
.black-txt, .black-txt * { color: #000 !important;  }
a.black-txt:hover, .black-txt a:hover { color: #000 !important; }
.white-txt, .white-txt * { color: #FFF !important;  }
a.white-txt:hover, .white-txt a:hover  { color: #FFF !important; }
.lime-txt, .lime-txt * { color: #7bb538 !important;  }
a.lime-txt:hover, .lime-txt a:hover  { color: #7bb538 !important; }

/* table generic */
table{ width: 100%; margin: 2em 0; border-collapse: collapse; }
table thead td{ padding: 0.1em 0.3em; color: #BB0863; font-size: 110%; }
table td{ padding: 0.1em 0.3em; border: 1px solid #EEE; }


#framework { width: 100%; background: #FFFFFF; margin: auto auto; text-align: center; position: relative; }

#header{ border-bottom: 6px #9FCF67 solid; position: relative; height: 60px; width: 100%; padding: 0; text-align: left;  }
#header h1, #header h2{ display: none; }
#header #logo img{ display: block; width: 300px; height: 47px; }

#container{ height: 100%; margin: 30px auto 0 auto; padding: 0 0 3em 0; width: 100%; position: relative; text-align: left; font-family: Verdana, Geneva, Arial, Helvetica, sans-serif; }
#container:after { content: "."; display: block; height: 0; visibility: hidden; clear: both; }

#home #content{ width: 380px; float: left; }
#page #content{ width: 100%; float: left; }

#content ul.indent{ margin: 0.5em 0 1em 0; padding: 0.5em 1em; list-style: none; background: #F4F4F4; border: 1px #DCDDDE solid;  }
#content ul, #nieuws ul{ margin: 0 0 2em 0; padding: 0; list-style: none }
#content li, #nieuws li{ line-height: 1.3em; display: block; width: 100%; padding: 4px 0 4px 11px; background: url(../images/arrows_right_blue.gif) 0 0.75em no-repeat; }
#content .edit, #nieuws .edit{ margin: 1em 0 1em 0; padding: 0.1em 1em; list-style: none; background: #FFD9C8; border: 1px #F0BAA2 solid;  }
#content .edit a, #nieuws .edit a{ color: #000; font-size: 90%; width: 100%; display: block; }

#nieuws{ float: right; width: 290px; }

#footer { background: #434D3E; font-size: 86%; width: 100%; display: block; clear: both; padding: 0; margin: 0; border-top: 1px #7faa4d none; }
#footer div{ width: 100%; color: #FFF; text-align: center; height: 3em; padding: 1em 0 0 0; border-top: 1px solid #9FCF67; }