/* 
  -----------------------------------
  Tab Bar Magic Page Pack CSS
  by Project Seven Development
  www.projectseven.com
  Key Lime Page Pack Layout 03
  2 Column Fixed
	Shadow box background
  -----------------------------------
*/
body {
	background-color: #FFF;
	color: #333;
	font-family: Arial, Helvetica, sans-serif;
	font-size: 12px;
	margin: 0;
	padding: 0;
}
#masthead { height: 92px; }
	#masthead img { 
		float: left;
		position: relative;
		margin-left: -2px; 
	}

/********LAYOUT WRAPPER**********/
#layout {
	width: 756px;
	margin: 0 auto;
	background-color: #FFFFFF;
}
/********MENU WRAPPER**********/
#navigation {
	position: relative;
	margin-left: -10px;
	float: left;
	height: 87px;
	width: 438px;
	background-image: url(../gfx/header_right_shadow.gif);
	background-repeat: no-repeat;
	background-position: top right;
	font-weight: bold;
	color: #0256a6;	
}
	#navigation ul { list-style-type: none; padding: 0; margin: 0; }
	.mainNavItem,
	.mainLastNavItem, 
	.mainNavItemSel,
	.mainLastNavItemSel, 
	.mainNavItemHover, 
	.mainLastNavItemHover { 
		float: left;
		padding: 45px 10px 27px 10px;
		cursor: pointer;
		background-image: url(../gfx/divider_nav.gif);
		background-repeat: no-repeat;
		background-position: center right;
	 }
	.mainLastNavItem { background-image: none; } 
	.mainNavItemHover,
	.mainLastNavItemHover, 
	.mainNavItemSel,
	.mainLastNavItemSel {
		color: #FFF;
		background-image: url(../gfx/hover_sel_prnt_nav.gif);
		background-repeat: repeat-x;
	}
	
	#subNavigation {
		list-style-type: none;  
		margin: -5px 15px 15px 20px;
		padding: 0px;
		font-weight: bold;
		color: #0256a6;	
		cursor: pointer;
	}
		.subNavItem,
		.subNavItemSel,
		.subNavItemHover {
			border-bottom: 1px solid #f0f4f6;
			padding: 5px;
		}
		
		.subNavItemSel,
		.subNavItemHover {
			color: #FFF;
			background-image: url(../gfx/hover_sel_prnt_nav.gif);
			background-repeat: repeat-x;
		} 
		

#borderbotom_nav {
	clear: both;
	background-image: url(../gfx/borderbotom_nav.gif);
	background-repeat: repeat-x;
	font-size: 5px;
	width: 100%;
}

/*********BREAD CRUMBS***********/
#breadcrumbs {
	clear: both;
	width: 100%;
	height: 30px;
	padding-top: 5px;
	color: #999;
	font-weight: bold;
}
	#breadcrumbs a {
		position: relative;
		top: 1px;
		color: #999;
	}
	
/********COLUMN WRAPPER**********/
#columnwrapper {
	margin: 0 auto;
	width: 750px;
	border-top: 1px solid #dde8f2;
	padding: 0;
}
/*MAIN and SIDEBAR COLUMNS
  Width of both must equal width of columnwrapper
	540 + 210 = 750 */
#mainbox {
	float: left;
	width: 540px;
}

#sidebox {
	float: left;
	margin-top: 40px;
	width: 210px;
	background-image: url(../gfx/vrule.gif);
	background-repeat: repeat-y;
	background-position: left top;
}
	#searchWrapper {
        background-image: url(../gfx/sidebar_top.jpg);
        background-repeat: no-repeat;
        background-position: top left;
        position:relative;
        left:-13px;
		padding: 10px 0 10px 15px;
		.padding: 0;
	}
	#search{
       border: 1px solid #f0f4f6;
       border-width: 1px 0 1px 0;
	   padding: 5px 0px 5px 8px;
	   margin: 5px 0 0 5px;
	   }
   
   #sidebar_bottom{
        background-image: url(../gfx/sidebar_bottom.jpg);
        background-repeat: no-repeat;
        background-position: top left;
        position:relative;
        left:-13px;
        padding: 10px 0 10px 20px;
        .padding: 0;
	       }   
 
#custommainbox {
	float: left;
	width: 750px;
}

/********CONTENT CONTAINERS*********/

/*Main Content*/
#maincontent {
	padding: 0 30px 20px 0;
}

#maincontent p{
	line-height: 1.5em;
	margin: 8px 0 12px 0;
}
/* Dubbele content */
#contentcol1 {
	float: left;
	width: 50%;
}
#contentcol2 {
	float: left;
	width: 50%;
}
/*Custom Main Content*/
#custommaincontent {
	padding: 0 30px 20px 30px;
}

#custommaincontent p{
	line-height: 1.5em;
	margin: 8px 0 12px 0;
}
/*Sidebar*/
#sidecontent {
	padding: 0 15px 20px 15px;
	margin: 0 0 0 0;
}
#sidecontent p{
	line-height: 1.35em;
	margin: 12px 0;
}
	.sideBarDiv { border-top: 1px solid #f0f4f6; margin-bottom: 15px; }
/********HEADINGS*******/
    
h1 {
	font-family: Arial, Helvetica, sans-serif;
	margin: 0;
	font-size: 18pt;
	padding-bottom: 6px;
    background-image: url(../gfx/homepageteaser_title_bottom.jpg);
    background-repeat: no-repeat;
    background-position: left bottom;
}
h1, h2, h3, h4, .teasertitle {
	line-height: normal;
	font-family: Arial, Helvetica, sans-serif;
	margin-bottom: 0.25em;
	color: #0055a5;
}
h2 {
	margin: 1.5em 0 0 0;
	font-size: 1.35em;
}
h3 {
	margin: 1.5em 0 0 0;
	font-size: 1.25em;
}

#sidecontent h3.topheading {
	margin: 0;
}
/*CLEARING the LAYOUT FLOATS*/
.clearit {
	font-size: 0;
	line-height: 0;
	height: 0;
	clear: both;
}

/***********FOOTER************/
/*Footer Container*/
#footerbox {
	width: 748px;
	height: 26px;
	padding: 8px 8px 0 0; 
	margin: 0 auto;
	background-image: url(../gfx/footer.gif);
	background-repeat: no-repeat;
}
#footerbox a {
	color: #003b72;
}
/*Footer Content*/
#footer {
	padding: 0 0 0 30px;
}
/*********PAGE LINK STYLES********/
a {
	color:#1863a7;
	font-weight:700;
	text-decoration:none;
	outline:none;
}
a:hover {
	text-decoration:underline;
	color:#1863a7;
}

/*********RCMS SPECIFIC STYLE********/

.stdtext {
	margin: 0 0 15px 0;
	padding: 0;
}

/* teaser */
.teasertitle {
	font-weight: bold;
	margin-bottom: -10px;;
}
.teasertext {
	color: #999;
	font-family: Arial, Helvetica, sans-serif;
	margin: 0;
	padding: 0;
}
.teaserlink {margin: -10px 0 15px 0; color: #00aeef;}
	
.homepageTeaserBody{
    background-image: url(../gfx/homepageteaser_body_bottom.jpg);
    background-repeat: no-repeat;
    background-position: left bottom;
    padding-bottom: 20px;
    margin-bottom: 10px;}

    .homepageTeaserBody img { margin-right: 10px; }

/* branche overzicht */
#branchesOverview { margin-bottom: 15px; }
	.brancheBanner { border: 1px solid #bfbfbf; cursor: pointer;}

/* formfield */
.formField {}
.formfieldname {padding-top: 0;}
.formfielddata {}
.formButton, .formbutton { 
	color: #FFF; 
	border: none; 
	background: #1863a7;	
}

/* foto gallerij */
.image_idle {border: none; border-width: 0 0 0 0; padding: 7 7 4 7;}
//.image_idle {border: outset; border-width: 2 2 2 2; padding: 5 5 2 5; width:220px; height:110px}
.image_hilite {border: outset; border-width: 2 2 2 2; padding: 5 5 2 5;}
.image_down {border: inset; border-width: 2 2 2 2; padding: 5 5 2 5;}

/* textblock */
.textblock {margin-bottom: 15px;}

/* document */
.doc_title {
	color: #0055A5;
	font-weight: bold;
	margin: 0 0 0 0;
}
.doc_descr {margin: 0 0 0 0;}
.doc_link {margin: 0 15px 15px 0;}

/* anchorblok */
.anchorblok {margin: 0 15px 15px 0;}
.anchorblok_link {}
.searchreslink {}

#specfncts {
	line-height: 1.5em;
	background-image: url(../images/jazz_greentile.jpg);
	margin: 0 20px 0 20px;
}

#specfncts a {color: #DAD2AD;}
#specfncts a:visited {color: #D2C99B;}
#specfncts a:hover {color: #EAE6D0;}
#specfncts a:active, #centercontent a:focus{
	color: #DAD2AD;
	background-color: #505050;
	text-decoration: none;
}

/* agenda */
.agenda_table_row {padding: 3px;}
.agenda_item_hd {font-weight: bold;}
.agenda_table_hd {color: #FFF; font-weight: bold; border-left: 1px solid #000000; padding: 1px 3px 1px 3px; background-color: #0055A5;}
.agenda_table_div {background-color: #515151; height: 2px;}
.agenda_row_odd {background-color: #CACACA;}
.agenda_row_even {background-color: #999; color: #FFF;}
.agenda_item_txt {padding: 3px;}
.agenda_maand {color: #333333; font-weight: bold; border-bottom: 3px solid #515151; padding: 3px;}

/* links */
.links_table_bg {background-color: #119ebc;}
.links_table_bg_#FFFFFF {background-color: #ffffff;}
.links_table_row {padding: 3px;}
.links_table_hd {color: #ffffff; font-weight: bold; border-left: 1px solid #ffffff; padding: 1px 3px 1px 3px;}
.links_table_hd_lnk:link, .links_category_lnk:active, .links_category_lnk:visited {font-weight: bold; color: #ffffff; text-decoration: none;}
.links_table_hd_lnk:hover {color: #ff0200;}
.links_table_div {background-color: #119ebc; height: 2px;}
.links_row_even {background-color: #ecffff;}
.links_row_odd {background-color: #ffffff;}
.links_item_txt {padding-right : 15px;}
.links_cat_txt {padding-right : 15px;}
.links_cat_txt li {padding : 0px; margin: 0 0 0 10px;}
.links_title,.links_title a {color : #0055A5; font-weight : bold; margin-bottom : 8px;}

/* opinie / poll */
.poll_table {margin-left:8px;}
.poll_table_hd {font-weight: bold; color: #0055A5;}
.poll_title {font-weight: bold; color: #0055A5;}
.poll_hd_line {}
.poll_option {}

/* A tot Z */
#atotz_table {margint-bottom:8px;}
.atotz_regkeytd {height:22px;}
.atotz_regkey {color: #333; font-weight: bold; font-size: 1.35em;}
.atotz_link {}


/* Table */
.table_table {
	width: 100%;
	border-width: 1px 1px 1px 1px;
	border-spacing: 2px;
	border-style: outset outset outset outset;
	border-color: #CCC9A3 #CCC9A3 #CCC9A3 #CCC9A3;
	border-collapse: separate;
}
.table_table th {
	border-width: 1px 1px 1px 1px;
	padding: 1px 1px 1px 1px;
	border-style: inset inset inset inset;
	border-color: #CCC9A3 #CCC9A3 #CCC9A3 #CCC9A3;
	-moz-border-radius: 0px 0px 0px 0px;
}
.table_table td {
	border-width: 1px 1px 1px 1px;
	padding: 1px 1px 1px 1px;
	border-style: inset inset inset inset;
	border-color: #CCC9A3 #CCC9A3 #CCC9A3 #CCC9A3;
	-moz-border-radius: 0px 0px 0px 0px;
}
/* Nieuws */
#nieuwstextblock h2{
	margin: 0 0 1em 0;
	font-size: 1.35em;
}

/* Nieuws */
#nieuwsarchief {}
#NAfilter {float: left;	width: 220px; margin-bottom: 15px;}
#NAfilter label {position: relative; bottom: 2px; font-size: 12px; margin-bottom: 15px;}
#NAcriteria {float: left; position: relative; bottom: 4px; margin-bottom: 15px;}
#NAcriteria label {position: relative; bottom: 4px; font-size: 12px; margin-bottom: 15px;}
#NAoverzicht {clear: both; margin-top: 15px;}
.NAdate {float:left; width:75px;}
.NAtitle {float:left; width:400px;}
.NAtitle a:link {color: #1863a7; text-decoration: none;}
.NAtitle a:visited {color: #1863a7; text-decoration: none;}
.NAtitle a:active {color: #1863a7; text-decoration: none;}
.NAtitle a:hover {color: #1863a7; text-decoration: underline;}

#news_rec {width: 165px; margin-bottom: 10px; margin-top: 5px;}
#news_rec h1 {font-size:16px; border-bottom: 0px; margin-bottom: 5px;}
#news_rec a {font-size:10px; margin-left:4px; color:#9B9B9B}
#news_rec .datum {font-weight:bold; font-size:11px; color:#1863a7}
#news_rec .divider {font-weight:bold; font-size:11px; color:#4FC6F6; margin-left: 3px;}

/* extranet */
.extranet_login legend {color:black;}

/* Branche paginas */
#contentPageTop { 
	background-image: url(../gfx/brancheTop.gif);
	background-repeat: no-repeat;
	background-position: bottom center;
	height: 10px;
	margin-top: 15px;
}
#brancheContentWrapper {
	background-image: url(../gfx/brancheContentBG.gif);
	background-repeat: repeat-y;
	background-position: center;
	padding: 0 5px 0 3px;
}
	#contentPage { 
		margin: 0; 
		padding: 15px;
	}

#contentPageBottom {
	background-image: url(../gfx/brancheBottom.gif);
	background-repeat: no-repeat;
	background-position: bottom center;
	height: 40px;
	text-align: center;
	padding-top: 15px;
}
	#contentPageBottom a {
		color: #1863a7;
	}
