﻿/*
*
{
    margin:             0px;
    padding:            0px;
    font-family:        Arial; 
    font-size:          8pt;
    font-weight:        normal;
    color:              Black;
}
*/

body 
{
    margin:             0px;
    padding:            0px;
    font-family:        Arial; 
    font-size:          8pt;
    font-weight:        normal;
    color:              Black;
    background-color:   White;
}

strong
{
	font-weight:		bold;
}

p
{
	padding:			5px 0px 5px 0px;
	margin-bottom:      10px;
}

ul
{
	margin-left:		20px;
	list-style-type:	square;
}

ol
{
	margin-left:		20px;
}

em
{
	font-style:			italic;
}

h1
{
	font-size:			18pt;
	font-weight:        bold;
	display:            block;
	width:              490px;
	padding-bottom:     7px;
	margin-bottom:      15px;
	border-width:       0px 0px 2px 0px;
	border-color:       #9A9B6F;
	border-style:       solid;
}

h2
{
	font-size:			14pt;
	font-weight:        bold;
}

h3
{
	font-size:			12pt;
	font-weight:        bold;
}

h4
{
	font-size:			10pt;
	font-weight:        bold;
}

a
{
	text-decoration:	none;
	color:				#555555;
}

.Websitecontainer
{
    position:           relative;
    margin:             0 auto;
    width:              800px;
    height:             auto;
    display:            block;
}

.Headercontainer
{
	position:			relative;
	width:				800px;
	height:				210px;
	float:				left;
	clear:				left;
	display:			block;
	margin-top:         10px;
	overflow:			hidden;
}
    
.Headerfillercontainer
{
    position:			relative;
    width:				44px;
    height:				188px;
    float:				left;
    display:			block;
    padding-top:        2px;
    background-image:	url(../images/layout/bg_header.gif);
}

.Headerlogocontainer
{
    position:			relative;
    width:				227px;
    height:				188px;
    float:				left;
    display:			block;
    margin:             0px 3px 0px 3px;
    padding:            2px 2px 0px 2px;
    background-image:	url(../images/layout/bg_header.gif);
}

.Headersfeercontainer
{
    position:			relative;
    width:				468px;
    height:				188px;
    float:				left;
    display:			block;
    margin:             0px 3px 0px 0px;
    padding:            2px 2px 0px 2px;
    background-image:	url(../images/layout/bg_header.gif);
}

.Headerbarcontainer
{
    position:			relative;
    width:				800px;
    height:				17px;
    float:				left;
    clear:              left;
    display:			block;
    background-image:	url(../images/layout/header_bar.jpg);
}

.Navigatiecontainer
{
	position:			relative;
	width:				275px;
	height:				auto;
	float:				left;
	clear:				left;
	display:			block;
}

.ul_navigatie
{
	margin-left:		30px;
	list-style-type:	none;
}

.ul_homepagenews
{
	margin-left:		15px;
	list-style-type:	none;
}

.HomePageActueel
{
	margin-left:		15px;
	font-weight:		bold;
}

.FooterNavigatiecontainer
{
	position:			relative;
	width:				600px;
	height:				auto;
	float:				left;
	clear:				left;
	display:			block;
}

.ul_footernavigatie
{
	margin:				15px 0px 0px 275px;
	list-style-type:	none;	
	display:			inline-block;
}

.ul_footernavigatie li
{
	float:				left;
	margin-right:		5px;
}

.FooterMenuLink:link,a.FooterMenuLink:visited
{
	color:				black;
	text-decoration:	none;
}

.FooterMenuLink:active,a.FooterMenuLink:hover
{
	color:				black;
	text-decoration:	underline;
}

a.menlink:link,a.menlink:visited
{
    position:           relative;
    width:              200px;
    height:             20px;
    display:            block;  
    color:              Black; 
    font-size:          10pt;
    font-weight:        bold;
    padding:            10px 0px 5px 0px;
	border-width:       0px 0px 3px 0px;
	border-color:       #9A9B6F;
	border-style:       solid;
	background-image:   url(../images/layout/bg_navigatieitem.gif);
	background-position:top right;
	background-repeat:  no-repeat;
}

a.menlink:active,a.menlink:hover
{
    position:           relative;
    width:              200px;
    height:             20px;
    display:            block;  
    color:              Black; 
    font-size:          10pt;
    font-weight:        bold;
    padding:            10px 0px 5px 0px;
	border-width:       0px 0px 3px 0px;
	border-color:       #9A9B6F;
	border-style:       solid;
	background-image:   url(../images/layout/bg_navigatieitem_f2.gif);
	background-position:top right;
	background-repeat:  no-repeat;
}

a.submenlink:link,a.submenlink:visited
{
    position:           relative;
    width:              190px;
    height:             auto;
    display:            block;  
    color:              White; 
    font-size:          10pt;
    font-weight:        normal;
    padding:            2px 5px 2px 5px;
    background-color:   #9A9B6F;
}

a.submenlink:active,a.submenlink:hover
{
    position:           relative;
    width:              190px;
    height:             auto;
    display:            block;  
    color:              Black; 
    font-size:          10pt;
    font-weight:        normal;
    padding:            2px 5px 2px 5px;
    background-color:   #9A9B6F;
}

a.submenlink_f2:link,a.submenlink_f2:visited
{
    position:           relative;
    width:              190px;
    height:             auto;
    display:            block;  
    color:              Black; 
    font-size:          10pt;
    font-weight:        normal;
    padding:            2px 5px 2px 5px;
    background-color:   #9A9B6F;
}

a.submenlink_f2:active,a.submenlink_f2:hover
{
    position:           relative;
    width:              190px;
    height:             auto;
    display:            block;  
    color:              Black; 
    font-size:          10pt;
    font-weight:        normal;
    padding:            2px 5px 2px 5px;
    background-color:   #9A9B6F;
}

.ddlVeranderDoelgroep
{
	
	width:				200px;
	margin:				15px 0px 0px 30px;
}

.HuidigeDoelgroepselectie
{
    position:           relative;
    float:              left;
    clear:              left;
    margin-left:        30px;
    display:            block;
    color:              #9A9B6F;
    font-size:          7pt;
}
	
.btnChange
{
	width:				25px;
}

.Contact
{
	
	margin:				10px 10px 10px 10px;
}

.Contactlabel
{
	position:			relative;
	width:				90px;
	display:			block;
	float:				left;
	clear:				left;
	margin-left:		10px;
}

.ContactBevestigingslabel
{
	position:			relative;
	display:			block;
	float:				left;
	clear:				left;
	margin-left:		10px;
	margin-right:		10px;	
}
.ContactTextBox
{
	position:			relative;
	display:			block;
	width:				200px;
	float:				left;
	margin-bottom:		3px;
}

.ContactEditBox
{
}

.ContactButton
{
	width:				100px;
	display:			block;
}

.ContactNotification
{
	
	width:				300px;
	display:			block;
	text-align:			center;
	color:				#FF0000;
}

.Contentcontainer
{
	position:			relative;
	width:				510px;
	height:				auto;
	min-height:			400px;
	float:				left;
	display:			block;
	margin:             15px 0px 15px 0px;
	padding-left:       15px;
	background-image:   url(../images/layout/bg_content.gif);
	background-position:left; 
	background-repeat:  repeat-y;
}

.PaginaTitel
{
	font-size:			14pt;
	color:				black;
	padding:			10px 5px 5px 10px;
}

.PaginaTekst
{
	padding:			0px 5px 10px 10px;
}

.ActueelItem
{
	padding:			10px 5px 0px 10px;
	width:				480px;
}

.ActueelItemXS
{
	padding:			0px 0px 0px 10px;
	width:				500px;
}

.ActueelDatum
{
	font-weight:		bold;
}

.ActueelTitel
{
	font-weight:		bold;
}

.ActueelImage
{
	padding:			10px 10px 10px 10px;
}

.ActueelIntroTekst
{
}

.ActueelLeesVerder
{
	text-align:			right;
	display:			block;
}

.ActueelLeesVerderXS
{
	text-align:			left;
	display:			block;
}

.Footercontainer
{
	position:			relative;
	width:				800px;
	height:				50px;
	float:				left;
	clear:				left;
	display:			block;
	background-image:	url(../images/layout/bg_footer.jpg);
}

.Tellercontainer		                            /* verstoppen van teller */
{
    position:           absolute;
    width:              200px;
	top:                0;
	left:               -1000px;
}
