/******************************************************************************************************
	STANDAARD
******************************************************************************************************/
html, body {
   margin: 0px;
   padding: 0;
   border: none;
   width: 100%;
   height: 100%;
}

img, fieldset {
   border: 0;
}

p, h1, h2, h3, h4, h5, h6, fieldset, form, input, select, table, tr, td {
   margin: 0;
   padding: 0;
}

table {
	border-collapse: collapse;
	border-spacing: 0;
}

td {
	vertical-align: top;
}

#icstats {
   visibility: hidden;
   display:none;
   height: 0px;
}

#linkFolined {
   position: absolute;
   width: 135px;
   height: 110px;
   top: 25px;
   left: 38px;
}

#linkInzameling {
   position: absolute;
   width: 135px;
   height: 110px;
   top: 25px;
   left: 195px;
}


/******************************************************************************************************
	PROJECT-SPECIFIEK
******************************************************************************************************/
* {
	font-family: Helvetica, Arial;
   /*font-weight: normal;*/
}

.blue {
   color: #018AC0;
}

.green {
   color: #7cc241;
}

body {
   background: url('../images/bodybg_outer.jpg') repeat-x white;
}

#contentbox_outer {
   width: 970px;
   background: url('../images/bodybg_inner.jpg') no-repeat;
   min-height: 500px;
}

#contentbox_navi {
   float: left;
   position: relative;
   left: 0px;
   top: 290px;
   width: 190px;
}

#contentbox_inner {
   margin: 0px 160px 0px 197px;
   padding-top: 100px;
}

#pageheader, h2 {
 height: 50px;
 line-height: 50px;
 width: 244px;
 padding: 0px 0px 0px 131px;
 font-size: 28px;
 color: #018AC0;
 text-align: center;
 margin-bottom: 40px;
}

h2 {
   margin: 0px;
   padding: 0px;
   font-size: 32px;
}

#pagecontent {
   font-size: 16px;
   color: #666666;
   line-height: 150%;
   margin: 0px 30px 0px 30px;
   text-align: justify;
}

h3{
   margin: 0px 0px 0px 20px;
   font-size: 18px;
}

h3.blue {
   color: #018AC0;
}

h3.green {
   color: #7cc241;
}

#contentfooter_outer {
   clear: both;
   margin-top: 20px;
   background: url('../images/corner_bot_left.png') bottom left no-repeat #7CC241;
   height: 28px;
}

#contentfooter_inner {
   background: url('../images/corner_bot_right.png') bottom right no-repeat;
   height: 28px;
   line-height: 28px;
   color: white;
   text-align: center;
   font-size: 14px;
}

#contentfooter_inner a {
   text-decoration: none;
   color: white;
}

#contentfooter_inner a:hover,
#contentfooter_inner a:focus,
#contentfooter_inner a:active {
   text-decoration: underline;
}

a {
   color: #018AC0;
   text-decoration: none;
}

a:hover {
   color: #7cc241;
}

a.green {
   color: #7cc241
}

a.green:hover {
   color: #018AC0;
}

a.blue {
   color: #018AC0;
}

a.blue:hover {
   color: #7cc241;
}

/******************************************************************************************************
	STIJLEN VOOR NAVIGATIE LINKERKANT
******************************************************************************************************/
ul#nav_blue a,
ul#nav_green a {
   display: block;
   text-decoration: none;
   padding: 0px 0px 0px 20px;
   color: white;
   width: 165px;
}

ul#nav_blue,
ul#nav_green {
   margin: 0px; padding: 0px;
   list-style: none;
}

ul#nav_blue li,
ul#nav_green li {
   line-height: 28px;
   margin-bottom: 4px;
}

ul#nav_blue a {
   background: url('../images/corner_bot_right.png') bottom right no-repeat #018AC0;
}

ul#nav_blue a:hover,
ul#nav_blue a:focus,
ul#nav_blue a:active {
   background-color: #7cc241;
}

ul#nav_green a {
   background: url('../images/corner_bot_right.png') bottom right no-repeat #7cc241;
}

ul#nav_green a:hover,
ul#nav_green a:focus,
ul#nav_green a:active {
   background-color: #018AC0;
}

/******************************************************************************************************
	STIJLEN VOOR LOGO HOMEPAGINA
******************************************************************************************************/
#home_img_top {
   width: 205px;
   height: 57px;
   background: url('../images/home_logo/img_top.jpg');
   margin-top: 20px;
   margin-left: 151px;
   overflow: hidden;
}

#home_img_left {
   margin-left: -22px;
   margin-bottom: 20px;
   width: 378px;
   height: 162px;
   background: url('../images/home_logo/img_left.jpg');
   float:left;
   overflow: hidden;
}

#home_img_right {
   width: 205px;
   height: 162px;
   background: url('../images/home_logo/img_right.jpg');
   float: left;
   margin-left: 15px;
   margin-right: -50px;
   margin-bottom: 20px;
   overflow: hidden;
}

#home_img_top a,
#home_img_left a,
#home_img_right a {
   display: block;
   overflow: hidden;
   padding-top: 1000px;
   width: 100%;
   height: 100%;
}

/******************************************************************************************************
	STIJLEN VOOR NIEUWSBERICHTEN
******************************************************************************************************/
.newsItem {
   border-top: 1px dotted #E0E0E0;
   border-bottom: 1px dotted #E0E0E0;
   margin-top: 10px;
   padding: 4px;
   line-height: 100%;
}

.newsItem h4 {
   font-size: 16px;
   margin: 0px;
   color: #018AC0;
}

.newsItem h5 {
   font-size: 11px;
   font-style: Italic;
   margin: 0px;
   color: #999999;
}

.newsItem p {
   line-height: 120%;
   padding: 6px;
}

.highslide-body h4 {
   font-size: 16px;
   margin: 0px;
   color: #018AC0;
   font-weight: bold;
}

.highslide-body h5 {
   font-size: 11px;
   font-style: Italic;
   margin: 0px;
   color: #999999;
}

.highslide-body p {
   margin: 10px;
}

.highslide-body hr {
   border: 0px;
   background-color: #CCCCCC;
   height:1px
}

/******************************************************************************************************
	STIJLEN VOOR FORMULIEREN
******************************************************************************************************/
div.frm_caption {
   float: left;
   clear: both;
   width: 200px;
   min-height: 19px;
   line-height: 19px;
   margin-bottom: 4px;
   padding: 2px 0px;
}

div.frm_field {
   float: left;
   min-height: 19px;
   line-height: 19px;
   margin-bottom: 4px;
   width: 300px;
   text-align: right;
   padding-top: 4px;
   }

div.frm_errors {
   margin: 10px;
   padding: 10px;
   border: 1px solid red;
   background: #FF9999;
   color: #660000;
}

div.frm_errors ul {
   margin: 0px;
   margin-left: 20px;
}

div.frm_field input,
div.frm_field textarea,
div.frm_field select
{
   width: 300px;
   float: right;
   font-size: 11px;
}
div.frm_field2 input,
div.frm_field2 textarea,
div.frm_field2 select
{
   width: 300px;
   float: left;
   font-size: 11px;
}

textarea {
   height: 100px;
}

span.req {
   color: red;
   font-weight: bold;
}

input.submit {
   margin: 10px 10px 10px 10px;
   width: 100px;
   background: #018AC0;
   color: white;
   font-weight: bold;
   border: 2px ridge #4FCDFF;
   outline-style: none;
   filter:progid:DXImageTransform.Microsoft.Gradient(GradientType=0,StartColorStr='#4FCDFF',EndColorStr='#018AC0');
}

.contact {
   /*background: #FF9999;
   border: 1px solid red;*/
}

.validate_error {
   background: #FF9999;
}