/****************************************/
/******* Created by Bart de Bruin *******/
/****************************************/
/************** 06-04-2007 **************/
/****************************************/

/************** COLORS ******************
Magenta:    ec1c58
Orange:     f07521
****************************************/


*
{
	border:0px;
	margin:0px;
	padding:0px;
	}

body 
{
	text-align:center;
    width:100%;
	}
	
body.small
{
	font: 66%/1.3 arial, helvetica, serif;
	}
	
body.normal
{
	font: 78%/1.3 arial, helvetica, serif;
	}
	
body.large
{
	font: 90%/1.3 arial, helvetica, serif;
	}

.page_container 
{
    width:1002px;
	margin:0 auto;
	text-align:left;
    }

.service_container
{
    width:100%;
	background:#fff;
	height:32px;
    }

.head_container
{
    width:100%;
	background:transparent url(../images/header.jpg);
	height:150px;
    }

.head_container .head_magenta
{
    float:right;
    position:relative;
    top:40px;
    left:-20px;
    }
    
.head_hkz
{
    float:left;
    position:relative;
    top:8px;
    left:5px;
    }

.mainmenu_container
{
    width:100%;
    }


.spacer
{
    clear:both;
    width:100%;
    height:26px;
    cursor:default;
    }
    
    


/****************************************/
/*            Home gedeelte             */
/****************************************/


.contenthome_container
{
    width:982px;
    height:304px;
    padding:0px 0px 0px 20px;
    background:#fff url(../images/home_bg.gif) no-repeat bottom;
    }  
    
.contenthome_container .frontimages
{
    float:right;
    display:inline;
    margin:20px 35px 0px 0px;
    } 
    
.contenthome_container .frontimages img
{
    margin-left:10px;
    padding:2px;
    background:#fff;
    }   

.overzicht
{
    width:475px;
    height:200px;
    margin:20px 0px 0px 0px;
    float:left;
    display:inline;
    background:transparent url(../images/overzicht_bg.jpg) no-repeat;
    }

.overzichtitem h2
{
    color:#fff;
    font-size:1.3em;
    padding:10px 0px 0px 20px;
    }

.overzicht h1
{
    color:#fff;
    font-size:1.3em;
    padding:20px 0px 0px 20px;
    }

.overzicht p
{
    color:#fff;
    font-size:1.0em;
    padding:0px 20px;
    }
    
.overzichtitem p
{
    color:#fff;
    font-size:1.0em;
    padding-left:20px;
    }

.overzicht a
{
    color:#fff;
    font-size:1.0em;
    font-weight:bold;
    text-decoration:underline;
    }

.overzichtitem a
{
    color:#fff;
    font-size:1.0em;
    font-weight:bold;
    padding-left:20px;
    text-decoration:underline;
    }

.overzicht a:hover,
.overzichtitem a:hover
{
    text-decoration:none;
    }
    
    
    


/****************************************/
/*         Content gedeelte             */
/****************************************/


.content_container
{
    width:982px;
    padding-left:20px;
    background:#fff url(../images/photo_bg.gif) no-repeat top right;
    }

.content_title
{
    width:100%;
	float:left;
	padding:1.8em 0em 0.8em 0em;
	clear:right;
    background:#fff url(../images/tekst_header_top.gif) no-repeat bottom left;
    }

.content_title h1
{
	font-size: 1.3em;
	font-weight: bold;
	color:#b2b2b2;
    }


/****************************************/
/*         Content menu gedeelte        */
/****************************************/

    
.content_menu,
.news_menu
{
    float:left;
	width:246px;
    }

    
.content_menu div.header
{
    background:#ff9122 url(../images/contentmenu/submenu_header.gif) no-repeat;
    height:29px;
    width:244px;
    color:#fff;
    font-size:1.4em;
    text-indent:30px;
    padding-top:2px;
    border-right:1px solid #dc8401;
    border-left:1px solid #ff9122;
    }
    
.content_menu div.header h1
{
    font-size:1em;
    padding-top:3px;
    }

.content_menu div.item,
.news_menu div.item
{
    width:244px;
    padding:4px 0px 1px 0px;
    border-bottom:1px solid #fbdfcb;
    border-right:1px solid #fbdfcb;
    border-left:1px solid #fbdfcb;
    background:#fff url(../images/contentmenu/submenu_item.gif) no-repeat;
    }

.content_menu div.item:hover,
.news_menu div.item:hover
{
    background:#fff url(../images/contentmenu/submenu_item_hover.gif) no-repeat;
    }
.content_menu div.current,
.news_menu div.current
{
    width:244px;
    padding:2px 0px 0px 0px;
    border-bottom:1px solid #fbdfcb;
    border-right:1px solid #fbdfcb;
    border-left:1px solid #fbdfcb;
    background:#eee;
    }

.content_menu div.current:hover,
.news_menu div.current:hover
{
    background:#fff url(../images/contentmenu/submenu_item_hover.gif) no-repeat;
    }

.content_menu div.filler
{
    width:245px;
    border-bottom:1px solid #fbdfcb;
    border-right:1px solid #fbdfcb;
    border-left:1px solid #fbdfcb;
    }
    
.content_menu img
{
    margin-top:4px;
    }
    
    
/****************************************/
/*      Content menu content gedeelte   */
/****************************************/

.content_menu div.item a
{
    color:#f07521;
    text-decoration:none;
    display:block;
    width:214px;
    padding:0px 0px 0px 30px;
    font-size:1.2em;
    }
    
.content_menu div.item a:hover
{
    color:#666;
    text-decoration:none;
    }
    
.content_menu div.current a
{
    color:#ec1c58;
    text-decoration:none;
    display:block;
    width:214px;
    padding:0px 0px 0px 30px;
    font-size:1.4em;
    }
    
.content_menu div.current a:hover
{
    color:#666;
    text-decoration:none;
    }
   
    


/****************************************/
/*         Content menu news gedeelte   */
/****************************************/
.news_menu div.header
{
    background:#ff9122 url(../images/contentmenu/submenu_header.gif) no-repeat;
    height:29px;
    width:244px;
    color:#fff;
    font-size:1.0em;
    padding-top:2px;
    border-right:1px solid #dc8401;
    border-left:1px solid #ff9122;
    }
    
.news_menu div.header select
{
    font-size:0.8em;
    margin:4px 0px 0px 10px;
    border:1px solid #000;
    padding:1px 1px 1px 0px;
    min-width:40px;
    }


.news_menu div.control
{
    width:244px;
    padding:5px 0px 5px 0px;
    border-bottom:1px solid #fbdfcb;
    border-right:1px solid #fbdfcb;
    border-left:1px solid #fbdfcb;
    text-indent:23px;
    }

.news_menu div.control a
{
    color:#ec1c58;
    font-weight:bold;
    text-decoration:none;
    font-size:12px;
    padding:0px 0px 0px 7px;
    }

.news_menu div.control .current
{
    color:#000;
    }

.news_menu div.item a
{
    color:#f07521;
    text-decoration:none;
    display:block;
    width:214px;
    padding:5px 0px 0px 30px;
    font-size:1.2em;
    }
    
.news_menu div.item a:hover,
.news_menu div.control a:hover
{
    color:#666;
    text-decoration:none;
    }
    
.news_menu div.item span
{
    clear:both;
    color:#aaa;
    padding:0px 0px 0px 30px;
    font-size:0.8em;
    }

.content_inhoud div.newsitem
{
    color:#000;
    font-size:1.0em;
    padding:1em 1em 1em 2em;
    float:left;
    width:92%;
    }

.content_inhoud div.newsitem h1
{
    color:#000;
    font-size:1.2em;
    }

.content_inhoud div.newsitem p
{
    }

.content_inhoud div.newsitem a
{
    text-decoration:none;
    font-weight:bold;
    color:#ec1c58;
    }

.content_inhoud div.newsitem a:hover
{
    text-decoration:none;
    color:#666;
    }

.content_inhoud div.newsitem img
{
    float:left;
    margin:4px 10px 10px 0px;
    }

.grey
{
    color:#aaa;
    }
.orange
{
    color:#f07521;
    }

/****************************************/
/*       Calendar inhoud gedeelte       */
/****************************************/

.content_inhoud div.calendaritem
{
    color:#000;
    font-size:1.0em;
    padding:1em 1em 1em 2em;
    float:left;
    }

.content_inhoud div.calendaritem p a
{
    color:#ec1c58;
    font-weight:bold;
    text-decoration:none;
    display:block;
    padding:10px 0px;
    }

.content_inhoud div.calendaritem p.date
{
    color:#666;
    font-weight:bold;
    }

.content_inhoud div.calendaritem p.user
{
    color:#666;
    font-weight:bold;
    padding-bottom:5px;
    border-bottom:1px solid #ff9300;
    }

.content_inhoud div.calendaritem a
{
    text-decoration:none;
    font-weight:bold;
    color:#ec1c58;
    }

.content_inhoud div.calendaritem a:hover
{
    text-decoration:none;
    color:#666;
    }




/****************************************/
/*        Content inhoud gedeelte       */
/****************************************/

.content_inhoud
{
    float:left;
	width:489px;
    }
    
.content_inhoud a,
td a
{
    color:#f07521;
    text-decoration:underline;
    }
    
.content_inhoud a:hover,
td a:hover
{
    color:#666;
    text-decoration:none;
    }
    
.content_inhoud .title
{
    background:#ec1c58 url(../images/tekst_header.gif) no-repeat;
    height:31px;
    }

.content_inhoud .title h1
{
    color:#fff;
    font-size:16px;
    padding:0.2em 0 0 1.5em;
    }

.content_inhoud div.breadcrum
{
    color:#aaa;
    font-size:0.8em;
    padding:1em 1em 0 2em;
    }


.content_inhoud div.lead_text h2
{
    color:#ec1c58;
    font-size:1.0em;
    padding:1em 1em 0 2em;
    font-style:italic;
    font-weight:bold;
    }
.content_inhoud div.leadnews_text
{
    /*color:#ec1c58;*/
    color:#000;
    font-size:1.0em;
    padding:1em 1em 0 2em;
    }

.content_inhoud div.date_text h2
{
    color:#666;
    font-size:1.0em;
    padding:1em 1em 0 2em;
    font-weight:bold;
    }

.content_inhoud div.text
{
    color:#000;
    font-size:1.0em;
    padding:1em 1em 0 2em;
    }

.content_inhoud div.text p
{
    padding:0em 0em 1em 0em;
    }

.content_inhoud div.text img
{
    float:left;
    margin:0px 10px 10px 0px;
    }

.content_inhoud div.page_control
{
    float:right;
    }

.content_inhoud div.page_control a
{
    color:#ec1c58;
    font-size:1.0em;
    font-weight:bold;
    text-decoration:none;
    margin:0px 10px;
    }

.content_inhoud div.page_control a:hover
{
    color:#ec1c58;
    font-size:1.0em;
    font-weight:bold;
    text-decoration:underline;
    margin:0px 10px;
    }

/****************************************/
/*         Content photo gedeelte       */
/****************************************/
.content_photo
{
    float:left;
	width:247px;
	height:276px;
	*height:311px;
    
    }

body.large .content_photo
{
    float:left;
	width:247px;
	height:262px;
	*height:295px;
    
    }

.content_photo p
{
    padding:20px 40px 0;   
    height:64px;
    color:#fff;
    font-size:12px;
    }


/****************************************/
/*          vacature gedeelte           */
/****************************************/

table.vacaturelist
{
    width:100%;
    }
    
table.vacaturelist th,
table.vacaturelist td
{
    width:50%;
    padding:1px;
    }
    
table.vacaturelist .tdtitle
{
    background:#ff9326;
    color:#fff;
    font-size:1.1em;
    padding:2px 4px;
    font-weight:bold;
    }
    
table.vacaturelist td.bglichtoranje
{
    background:#fbbc7c;
    font-weight:bold;
    }
    
table.vacaturelist td.bglichteroranje
{
    background:#feddbb;
    font-weight:bold;
    }
    
table.vacaturelist td.bgoranje
{
    background:#f9a44e;
    font-weight:bold;
    }
    
table.vacaturelist td a
{
    color:#000;
    text-decoration:none;
    display:block;
    padding:2px 4px;
    }
    
table.vacaturelist td a:hover
{
    background:#fff;
    color:#000;
    }
   



/****************************************/
/*        Contact gedeelte       */
/****************************************/
    
.contactform td
{
    width:200px;
    padding:5px 0;
    vertical-align:top;
    }
    
.contactform td input,
textarea
{
    border-top:1px solid #fe9b39;
    border-left:1px solid #fe9b39;
    border-bottom:1px solid #ee7906;
    border-right:1px solid #ee7906;
    padding:1px 2px
    }
    
.contactform td td input
{
    padding:0;
    border:1px solid #fff;
    margin-right:5px;
    }
    
.contactform td .knop
{
    background:#fff url(../images/verzenden.gif) no-repeat;
    width:102px;
    height:23px;
    display:block;
    }

    
.contactform input.checkbox
{
    margin-right:2px;
    border:0px;
    background:transparent;
    }

.contactform ul.checkboxes
{
    list-style:none;
    margin:0px;
    padding:0px;
    font-size:1.0em;
    width:400px;
    }

.contactform ul.checkboxes li
{
    float:left;
    margin:8px 10px 8px 0px;
    width:180px;
    list-style:none;
    }





/****************************************/
/*        Sitemap gedeelte       */
/****************************************/


h1.sitemap
{
    margin:10px 0px 0px 0px; 
    }

h1.sitemap a
{
    font-size:0.7em;
    text-decoration:none;   
    }

ul.sitemap 
{
    margin:0;
    }
ul.sitemap li
{
    list-style-type:none;
    list-style-image:url(../images/sitemap_bullet.gif);
    margin:2px 0px 2px 16px;
    font-weight:bold;
    } 
ul.sitemap li a
{
    text-decoration:none;
    }
    
ul.sitemap li ul li
{
    list-style-image:none;
    list-style-image:url(../images/sitemap_bullet.gif);
    margin:2px 0px 2px 0px;
    font-weight:normal;
    } 

/****************************************/
/*            Search gedeelte           */
/****************************************/

h1.searchtitle
{
	color:#000;
	font-weight:bold;
	font-size:20px;
    margin:10px 0px 10px 0px;
    }

h1.searchtitle span
{
	color:#ec1c58;
	font-weight:bold;
	font-size:18px;
    }

hr
{
    border-top:1px solid #ccc;
    margin:10px 0px;
    }
img.search_bullet
{
    position:relative;
    top:10px;
    }
.input_search
{
    width:240px;
	border:1px solid #000;
	margin-left:60px;
	padding:2px;
    }
.searchbutton
{
    width:20px;
	border:0px;
	background:#ec1c58;
	font-weight:bold;
	font-size:16px;
	color:#fff;
	margin-left:20px;
    }

.dropdownsearch
{
	border:1px solid #000;
    }
.results a:link
{
    padding:0px 15px 0px 15px;
    display:block;
    background:#fff url(../images/sitemap_bullet.gif) no-repeat 0px 5px;
    }