﻿body, html {
	margin:			0px;
	padding:		0px;
	width:			100%;
	vertical-align:	middle;
	font-family:	Tahoma, Verdana, Arial, Helvetica, sans-serif;
	font-size:		9pt;	
	color:          #989898;
}

p
{
    margin-bottom:      8px;
}    

h1, h2, h3
{
    color:                  #E53F61;                                                                /* PAARS-ROOD*/
    font-size:              14pt;
}

ul
{
    margin:                 10px 0px 10px 20px;
}

.BackgroundContainer
{
    position:               relative;
	margin:					0 auto;
	padding:				0;
    display:                block;
	width:                  949px;
	height:                 auto;
	min-height:             590px;
}

body 
{    
	width:					100%;
    min-height:				100% !important;
    height:					100%;
    overflow:               -moz-scrollbars-vertical;                                               /* TOON ALTIJD EEN SCROLLBAR IN FIREFOX */
    text-align:             center;
    background-color:       White; /* #717174;*/
	background-image:       url(../Images/Layout/body_bg.jpg);
    background-position:    top left;
    background-repeat:      repeat-x;
}

.SiteContainer
{
        position:               relative;
        display:                block;
        width:                  949px;
        height:                 auto;
        min-height:             590px;
        text-align:             left;
        margin:                 16px auto 0px auto;
        filter:                 progid:DXImageTransform.Microsoft.Shadow(color='#717174', Direction=135, Strength=5)
                                progid:DXImageTransform.Microsoft.Shadow(color='#717174', Direction=225, Strength=5);
}

        .Headercontainer
        {
            position:				relative;
            float:					left;
            display:                block;
            width:                  947px;
            height:					134px;
            text-align:             left;
            overflow:               visible;
			background-image:       url(../Images/Layout/header_bg.jpg);
			background-position:	left top;
			background-repeat:		repeat;
			margin-top:             0px;
			border:                 solid 1px white;
			border-bottom-width:    0px;
        }            
        
			
			.ImageLogo
			{
				position:			absolute !important;
				position:			relative;
				left:				37px;
				top:				8px !important;
				top:				10px;
				margin-top:            0px;
			}
			
			.ImageSlogan
			{
				position:			absolute;
				right:				0px;
				top:				0px;
				margin-top:         0px;

			}
			
			.MenuContainer
			{
				position:			absolute !important;
				position:			relative;
				left:				0px;
				top:				102px !important;
				top:				137px;
				height:				35px;
				width:				949px;		
				z-index:			10;
				overflow:			visible;		
			}
	        
				.HeaderNavigationItemcontainer
                {
                    width:					134px;
                    height:					26px;
                    font-size:				10pt;
                    font-weight:			bold;
                    position:				relative;                 
                    margin-right:			2px;
                    margin-left:			2px;
                    padding: 				7px 0  0  0;                    
					background-position:	left top;
					background-repeat:		no-repeat ;
                }                
                .DefaultContainer
                { background-image:       url(../Images/Layout/menu_bg.jpg);}                
				.LastContainer
                { background-image:       url(../Images/Layout/menu_last_bg.jpg); }                
                .DefaultContainer_f2
                { background-image:       url(../Images/Layout/menu_active_bg.jpg); }
                .LastContainer_f2
                { background-image:       url(../Images/Layout/menu_last_active_bg.jpg); }                
                .LastContainer_f2 a:link, .LastContainer_f2 a:visited
                 { color:					#FFFFFF; }
                .DefaultContainer_f3
                { background-image:       url(../Images/Layout/menu_hover_bg.jpg); }
                .DefaultContainer_f3 a:link, .DefaultContainer_f3 a:visited
                { color:					#E53F61; }
				.LastContainer_f3
                { background-image:       url(../Images/Layout/menu_last_hover_bg.jpg); }
                 .LastContainer_f3 a:link, .LastContainer_f3 a:visited
                 { color:					#E53F61; }
                 
                 .SubNavigationItemcontainer
                {
                    position:				relative;
                    float:					left;
                    display:				block;
                    width:					134px;
                    height: auto;
                    padding:				5px 0px 0px 0px;
                    color:					#666666; 
                    text-align:				left;
                    margin-left:			2px !important;
                    margin-left:			1px;
                    /*border-bottom:			solid 1px #717174;*/
                }                
                
                .DefaultSubContainer
                {	background-color:       #FFC435; } 
				.DefaultSubContainer a:link, .DefaultSubContainer a:visited
                { color:					#666666; 					
                    text-align:				left;
                    border-bottom:			solid 1px #717174;
                    padding-bottom:			5px; }                 
                .DefaultSubContainer_f2
                {	background-color:       #FF9000; 
				} 
				.DefaultSubContainer_f2 a:link, .DefaultSubContainer_f2 a:visited
                { color:					White;
                    text-align:				left;
                    border-bottom:			solid 1px #717174; 
                    padding-bottom:			5px;}   
				.LastSubContainer
                {	background-color:       #FFC435; 
					border: none;}   
                .LastSubContainer a:link, .LastSubContainer a:visited
                { color:					#666666; 
                    text-align:				left;}               
                .LastSubContainer_f2
                {	background-color:       #FF9000;  
					border: none;}   
                .LastSubContainer_f2 a:link, .LastSubContainer_f2 a:visited
                { color:					#FFFFFF; 
                    text-align:				left;
                    border: none;} 
                
        .Maincontainer
		{
			position:               relative;
			float:					left;
			padding:				0px;
			margin:					0px;
			display:                block;
			width:                  947px;				
			height:					auto !important;
			height:					438px;
			min-height:				438px;
			overflow:				visible;				
			text-align:				left;
			background-color:		#FFFFFF;
			border-left:            solid 1px white;
			border-right:            solid 1px white;
		}
		
			.BannerContainer
			{
				position:               relative;
				float:					left;
				width:					249px;
				height:					auto !important;
				height:					438px;
				min-height:				438px;
				padding-top:			20px;
				overflow:				visible;
			}
			
				.HyperlinkImage
				{
					position:               relative;
					float:					left;
					margin-left:			37px;
					margin-bottom:			12px;
					width:					180px;
					height:					120px;
					overflow:				hidden;
					border:                 solid 1px #E1E1E1;
				}
				
			.breadcrumbcontainer
			{
			    position:               relative;
			    float:                  left;
			    color:                  #717173;
			    margin-bottom:          15px;
			    width:                  330px;
			}
			
			.pnlContent
			{
			    position:               relative;
			    float:                  left;
			    width:					330px;       
			    margin:                 none;
			    padding:                none;
			}
			
			.ContentContainer
			{
				position:               relative;
				float:					left;
				width:					330px;
				height:					auto !important;
				height:					398px;
				min-height:				398px;
				padding:				15px 85px 20px 30px !important;
				padding:				15px 0px 20px 30px !important;
				overflow:				visible;
				line-height:			170%;
			}	
			
			.ContentContainer a:link, .ContentContainer a:visited
			{
				color:					#E53F61;
				text-decoration:		none;
			}
			
			.ContentContainer a:hover, .ContentContainer a:active
			{
				text-decoration:		underline;
			}
			
			.ContentContainerEcard
			{
				position:               relative;
				float:					left;
				width:					909px;
				height:					auto !important;
				height:					397px;
				min-height:				397px;
				padding:				20px 20px 20px 20px;
				overflow:				visible;
				line-height:			170%;
			}
			
			.ContentContainerEcard a:link, .ContentContainerEcard a:visited
			{
				color:					#E53F61;
				text-decoration:		none;
			}
			.ContentContainerEcard a:hover, .ContentContainerEcard a:active
			{
				text-decoration:		underline;
			}
			
				.PanelEcardImage
				{
					position:               relative;
					float:					left;		
					width:					500px;			
					height:					auto !important;
					height:					375px;
					min-height:				375px;
					overflow:				visible;
				}
				
				.PanelEcardText
				{
					position:               relative;
					float:					right;
					width:					350px;
					height:					auto !important;
					height:					375px;
					min-height:				375px;
					overflow:				visible;
					padding:				0px 20px 0px 20px;
					overflow:				visible;
				}
			
			.SfeerbeeldContainer
			{
				position:               relative;
				float:					right;
				width:					255px;
				height:					auto !important;
				height:					438px;
				min-height:				438px;
				margin-right:           -1px;
				overflow:				visible;
				
			}
			
				.SfeerbeeldImage
				{
					position:               relative;
					float:					left;
					width:					254px;
					height:					385px;
					margin-top:				20px;
					overflow:				hidden;
				}

.SfeerbeeldContainer img {
	display:none;
	position:absolute;
	top:0; left:0;
}

		.Footercontainer, .FootercontainerInhoud
		{
			position:               relative;
			float:					left;
			margin:					0;
			padding:				0;
			display:                block;
			width:                  947px;
			height:                 21px;
			padding-top:			0px;
			overflow:				hidden;
			text-align:             left;
			background-color:		#E53F61;
			text-align:				center;
			color:					white;
			font-size:				8pt;
			border:                 solid 1px #FFFFFF;
			border-top-width:       5px;
		}
		
		.Footercontainer a:link, .Footercontainer a:visited
		{
			color:				White;
			text-decoration:	none;
			
		}

		.Footercontainer a:hover, .Footercontainer a:active
		{
			color:				White;
			text-decoration:	underline;
		}
    
        .FootercontainerInhoud
		{
		  margin-top:		  3px;
		  height:             20px;
		  border:             none;
		}
		
/* Contactformulieren */
.MailForm
{
	position:		relative;
	float:			left;
	clear:			both;
	width:			400px;
	
}

.Contact_form
{
	float:			left;
	clear:			both;
	position:		relative;
	width:			150px;
	padding-top:	4px;
	margin-bottom:	3px;	
}

.Contact_textbox
{
	float:			left;
	position:		relative;
	width:			225px !important;
	width:			150px;
	border:			solid 1px SILVER;
	margin-bottom:	5px;
	height:			17px;
	font-size:      8pt;
	padding:		2px;
}

.contact_reactie_textbox
{
	float:			left;
	position:		relative;
	width:			225px;
	height:			102px;
	margin-bottom:	5px;
	border:			solid 1px SILVER;
	font-size:      8pt;
	font-family:	Arial;
	padding:		2px;
}

.btn_Reactie_verzenden:link,
.btn_Reactie_verzenden:active,
.btn_Reactie_verzenden:visited
{
	float:				right;
	position:			relative;
	border:				solid 1px #E53F61;
	padding:			3px 10px 3px 10px;
	margin-top:			10px;
	margin-right:		20px;
	text-align:			center;
	text-decoration:	none;
	font-weight:		bold;
	color:				#3A3A38;
}

.btn_Reactie_verzenden:hover
{
	color:		#F19001;
}


/* #### Sitemap #### */
.SitemapSubitem
{
	color:				#E53F61;
	margin-left:		10px;
	list-style-type:	circle; 
}

.SitemapItem
{
	color:				#E53F61;
	list-style-type:	square;
}


.category_collapsed_head,
.category_expanded_head  
{
    display:            block;
    padding:            0px;
    margin:             0px;
    color:              #003672;                                                                 /*DARK BLUE */
    font-weight:        bold;
    cursor:             pointer;           
    cursor:             hand;           
    background-color:   Transparent;
}

.category_expanded_head 
{
    color:             #AA0A54;                                                                /* PAARS-ROOD*/       
}

.category_collapsed_sub
{
    display:            none;  
    color:              #003672;                                                                 /*DARK BLUE */
}

.category_expanded_sub 
{
    position:           relative;
    height:             auto;
    display:            block;           
    padding:            2px;
        
    color:             #AA0A54;                                                                /* PAARS-ROOD*/
}

.ZoekcategorieExpanded
{
    position:           relative;
    width:              400px;
    height:             auto;
    display:            block;
}

.ZoekcategorieCollapsed
{
    display:            none;
}



.pathforjs
{					/* Inhoud verbergen */
	position:           absolute;
	left:               -1000px;
	width:              10px;
}

.pnlOverzicht
{
    position:               relative;
    float:                  left;
    width:                  330px;
    margin-bottom:          20px;
}
    .hlNieuwsItemContainer
    {
        position:               relative;
        float:                  left;
        width:                  330px;
        height:                 auto;
        cursor:                 pointer;
    }
    

        .lblNieuwsItem, .lblNieuwsItem_f2
        {
            position:               relative;
            float:                  left;
            background-color:       #E1E1E1;
            width:                  325px;
            padding:                3px 0px 0px 5px;
            height:                 auto;
        }

        .lblNieuwsItem_f2
        {
            background-color:       white;
        }


.pnlNieuwsItemContainer
{
    position:               relative;
    float:                  left;
    width:                  330px;
}

    .lblNieuwsTitel
    {
        position:           relative;
        float:              left;
        width:              330px;
        font-size:          12pt;
        color:              #E53F61;
        font-weight:        bold;
    }

    .lblNieuwsContent
    {
        position:           relative;
        float:              left;
        width:              330px;
        margin-top:         10px;
    }

    .lblNieuwsBron
    {
        position:           relative;
        float:              right;
        width:              auto;
        font-style:         Italic;
    }   
    
    .hlNieuwsOverzicht
    {
        position:           relative;
        float:              left;
        width:              auto;
        width:              330px;
        margin-top:         10px;
        
    }