/*
@ Peter Becker Pro Impact BV 2004

Style sheet Rochdale website 12 2004

Styles based op:  
1 groep algemeen, 
1 groep menu
3 kleurgroepen.
Naamgeving is gelijk en onderscheiden zich door een
unieke kleur ID. Deze komen overeen met de templates 
gebruikt in het CMS

gr = template groen
bl = template blauw
rd = template rood
*/

/* =============== algemeen ===============*/
BODY
{
	margin: 0px 0px 0px 0px;
	SCROLLBAR-FACE-COLOR: #FFFFFF;
	SCROLLBAR-HIGHLIGHT-COLOR: #CCCCCC;
	SCROLLBAR-SHADOW-COLOR: #CCCCCC;
	SCROLLBAR-3DLIGHT-COLOR: #FFFFFF; 
	SCROLLBAR-ARROW-COLOR: #CCCCCC; 
   SCROLLBAR-TRACK-COLOR: #FFFFFF;
	SCROLLBAR-DARKSHADOW-COLOR: #FFFFFF;
	
	background-color: #FFFFFF;
	
}
/*  error message */
.td_error_message
{
	font-family: Arial, Helvetica, sans-serif;
	font-size: 12px;
	color: #FF0000;
}
HR
{
	color: #FFFFFF;
	height: 1px;
}
/* standaard border */
.border
{
	border: 1px solid #333333;
}
/*standaard font van de website*/
td
{
	font-family: Arial, Helvetica, sans-serif;
	font-size: 12px;
	color: #274675;
}
/*font boven forms*/
.td_form
{
	font-family: Arial, Helvetica, sans-serif;
	font-size: 12px;
	color: #274675;
}
/* eerste tabel om de pagina te centreren */
.tbl_first
{
	vertical-align: middle;
	width: 100%;
	height: 100%;
}
/* tweede tabel met daaadwerkelijk de pagina maat*/
.tbl_main
{
	width: 100%;
	height: 375px;
	background-attachment: fixed;
	background-repeat: no-repeat;

}
/* table voor woningnet */
.tbl_woningnet
{
	width: 100%;
	height: 615px;
}
/* spacer left page */
.spacer_15_left
{
	width: 15px;
	height: 100%;
}
/* spacer right page */
.spacer_15_right
{
	width: 15px;
	height: 100%;
}
/* spacer 15 px hoog */
.spacer_15
{
	height: 15px;
}
/*td naar boven link op alle vervolg pages */
.td_up
{
	background-color: #E6EAEF;
	vertical-align: bottom;
	text-indent: 15px;
	font-family: Arial, Helvetica, sans-serif;
	font-size: 10px;
	font-weight: bold;
	text-decoration: none;
	height: 30px;
}
/* link naar boven */
a.up:active
{
	font-family: Arial, Helvetica, sans-serif;
	font-size: 11px;
	text-decoration: none;
	font-variant: small-caps;
	font-weight: normal;
	color: #1C3F5D;
}
a.up:link
{
	font-family: Arial, Helvetica, sans-serif;
	font-size: 11px;
	text-decoration: none;
	font-variant: small-caps;
	font-weight: normal;
	color: #1C3F5D;
}
a.up:visited
{
	font-family: Arial, Helvetica, sans-serif;
	font-size: 11px;
	text-decoration: none;
	font-variant: small-caps;
	font-weight: normal;
	color: #1C3F5D;
}
a.up:hover
{
	font-family: Arial, Helvetica, sans-serif;
	font-size: 11px;
	text-decoration: none;
	font-variant: small-caps;
	font-weight: normal;
	color: #1C3F5D;
}
/* standaard link */
a:active
{
	font-family: Arial, Helvetica, sans-serif;
	font-size: 12px;
	text-decoration: none;
	font-weight: normal;
	font-style: normal;
	color: #FF0000;
	z-index:1;
}
a:link
{
	font-family: Arial, Helvetica, sans-serif;
	font-size: 12px;
	text-decoration: none;
	font-weight: normal;
	font-style: normal;
	color: #FF0000;
	z-index:1;
}
a:visited
{
	font-family: Arial, Helvetica, sans-serif;
	font-size: 12px;
	text-decoration: none;
	font-weight: normal;
	font-style: normal;
	color: #FF0000;
	z-index:1;
}
a:hover
{
	font-family: Arial, Helvetica, sans-serif;
	font-size: 12px;
	text-decoration: none;
	font-weight: normal;
	font-style: normal;
	color: #FF0000;
	z-index:1;
}

/*----------------- end algemeen ----------------*/

/* ================== menu =================*/
/* main menu op de home nr 1*/
.td_menu_main
{
	width: 225px;
	height: 90px;
}
/* variable menu op de home nr 1*/
.td_menu_main_var
{
	background-color: #CDD5DF;
	width: 205px;
	height: 30px;
}
.td_menu_main_var_home
{
	background-color: #CDD5DF;
	width: 225px;
	height: 30px;
}
/* main menu op de color pages */
.td_menu_rgb
{
	width: 225px;
	height: 345px;
	background-color: #E6EAEF;
}
/* menu class */
a.menu_right:active
{
	font-family: Arial, Helvetica, sans-serif;
	font-size: 12px;
	font-weight: normal;
	text-decoration: none;
	color: #274675;
}
a.menu_right:link
{
	font-family: Arial, Helvetica, sans-serif;
	font-size: 12px;
	font-weight: normal;
	text-decoration: none;
	color: #274675;
}
a.menu_right:visited
{
	font-family: Arial, Helvetica, sans-serif;
	font-size: 12px;
	font-weight: normal;
	text-decoration: none;
	color: #274675;
}
a.menu_right:hover
{
	font-family: Arial, Helvetica, sans-serif;
	font-size: 12px;
	font-weight: normal;
	text-decoration: none;
	color: #FFFFFF;
}
/* menu class */
a.menu_static:active
{
	font-family: Arial, Helvetica, sans-serif;
	font-size: 12px;
	font-weight: normal;
	text-decoration: none;
	color: #274675;
}
a.menu_static:link
{
	font-family: Arial, Helvetica, sans-serif;
	font-size: 12px;
	font-weight: normal;
	text-decoration: none;
	color: #274675;
}
a.menu_static:visited
{
	font-family: Arial, Helvetica, sans-serif;
	font-size: 12px;
	font-weight: normal;
	text-decoration: none;
	color: #274675;
}
a.menu_static:hover
{
	font-family: Arial, Helvetica, sans-serif;
	font-size: 12px;
	font-weight: normal;
	text-decoration: none;
	color: #EF0018;
}

/* --------------- end menu ----------------*/


/* ================== home =================*/
/* content */
.td_content
{
	width: 547px;
}

/* rechtermenu */
.td_rechtermenu
{
	width: 173px;
}
/* teaserbeeld onder menu */
.td_teaserbeeld
{
	width: 225px;
	height: 135px;
}
/* titel onder het teaser beed aanbod*/
.td_teasertitle_red
{
	background-color: #E9000A;
	font-family: Arial, Helvetica, sans-serif;
	font-size: 12px;
	color: #FFFFFF;
	width: 225px;
	height: 45px;
}
/* teaser link */
a.teaser_link:active
{
	font-family: Arial, Helvetica, sans-serif;
	font-size: 25px;
	font-weight: normal;
	text-decoration: none;
	color: #FFFFFF;
}
a.teaser_link:link
{
	font-family: Arial, Helvetica, sans-serif;
	font-size: 12px;
	font-weight: normal;
	text-decoration: none;
	color: #FFFFFF;
}
a.teaser_link:visited
{
	font-family: Arial, Helvetica, sans-serif;
	font-size: 12px;
	font-weight: normal;
	text-decoration: none;
	color: #FFFFFF;
}
a.teaser_link:hover
{
	font-family: Arial, Helvetica, sans-serif;
	font-size: 12px;
	font-weight: normal;
	text-decoration: none;
	color: #FFFFFF;
}
/* titel onder het teaser beed nieuws*/
.td_teasertitle_blue
{
	background-color: #3BA6BF;
	width: 225px;
	padding: 2px 0px 2px 0px;
}
/*  het oor*/
.oor
{
	background-image: url(../images/oor_1.gif);
	background-repeat: no-repeat;
	background-position: top right;
	width: 173px;
	height: 100%;
}
/* teaser link */
a.teaserblue_link:active
{
	font-family: Arial, Helvetica, sans-serif;
	font-size: 14px;
	font-weight: normal;
	text-decoration: none;
	text-transform: uppercase;
	color: #274675;
}
a.teaserblue_link:link
{
	font-family: Arial, Helvetica, sans-serif;
	font-size: 14px;
	font-weight: normal;
	text-decoration: none;
	text-transform: uppercase;
	color: #274675;
}
a.teaserblue_link:visited
{
	font-family: Arial, Helvetica, sans-serif;
	font-size: 14px;
	font-weight: normal;
	text-decoration: none;
	text-transform: uppercase;
	color: #274675;
}
a.teaserblue_link:hover
{
	font-family: Arial, Helvetica, sans-serif;
	font-size: 14px;
	font-weight: normal;
	text-decoration: none;
	text-transform: uppercase;
	color: #274675;
}
/* ---------------- end home ----------------*/

/* ================== red =================*/
/* content background color */
.F2D2D7
{
	background-color: #F2D2D7;
}
/* balk red bottom */
.balk_red_top
{
	background-color: #E9000A;
	height: 90px;
}
/* balk red bottom */
.balk_red_bottom
{
	background-repeat: no-repeat;
	background-color: #E9000A;
	height: 135px;
}
/* balk red bottom vervolg*/
.balk_red_bottom_vervolg
{
	background-color: #E9000A;
	height: 30px;
	font-family: Arial, Helvetica, sans-serif;
	font-size: 12px;
	text-indent: 15px;
	vertical-align: middle;
	color: #274675;
}
/* balk red top title */
.balk_red_top_title
{
	background-color: #E9000A;
	height: 90px;
	width: 400px;
}
/* page titel naast het beeld*/
.td_redcontent_beeld
{
	background-color: #F7FAE7;
	height: 121px;
	width: 100%;
	vertical-align: top;
	font-family: Arial, Helvetica, sans-serif;
	font-size: 35px;
	color: #A9C806;
}
/* page titel naast het beeld fixed 284 px*/
.td_redcontent_beeld_fixed
{
	background-color: #F2D2D7;
	height: 121px;
	width: 284px;
	vertical-align: top;
	font-family: Arial, Helvetica, sans-serif;
	font-size: 35px;
	color: #E9000A;
}
/* balk green bottom vervolg*/
.balk_red_bottom_vervolg
{
	background-color: #F2FAE7;
	height: 30px;
	font-family: Arial, Helvetica, sans-serif;
	font-size: 12px;
	text-indent: 15px;
	vertical-align: middle;
	color: #274675;
}
/*  het oor*/
.oor_rgb
{
	background-image: url(../images/oor_rgb.gif);
	background-repeat: no-repeat;
	background-position: top right;
	width: 173px;
	height: 100%;
}
/* titel in projecten aanbod */
.content_header
{
	font-family:		Arial, Helvetica, sans-serif; 
	font-size:			14px; 
	color:				#274675; 
	font-weight:		bold;
}

/* spacer teaser top */
.spacer_teaser_top
{
	width: 225px;
}
/* spacer teaser bottom */
.spacer_teaser_bottom
{
	width: 732px;
}
/* linker titel */
.title_red
{
	background-image: url(../images/titel_red.gif);
	width: 225px;
	height: 90px;
}
/* hoofd titel in red top balk */
.td_title_1_red
{
	font-family: Arial, Helvetica, sans-serif;
	font-size: 25px;
	text-decoration: none;
	font-weight: normal;
	font-style: normal;
	color: #F2D2D7;
}
/* sub titel in red top balk */
.td_title_2_red
{
	font-family: Arial, Helvetica, sans-serif;
	font-size: 25px;
	text-decoration: none;
	font-weight: normal;
	font-style: normal;
	color: #FFFFFF;
}
/* page titel naast het beeld*/
.td_redcontent_beeld
{
	background-color: #F2D2D7;
	height: 121px;
	width: 100%;
	vertical-align: top;
	font-family: Arial, Helvetica, sans-serif;
	font-size: 35px;
	color: #E9000A;
}
/* content ruimte vervolg pages */
.td_redcontent_vervolg
{
	background-color: #F2D2D7;
	height: 100%;
	width: 100%;
	vertical-align: top;
}
/* balk green bottom vervolg*/
.balk_red_bottom_vervolg
{
	background-color: #E9000A;
	height: 30px;
	font-family: Arial, Helvetica, sans-serif;
	font-size: 12px;
	text-indent: 15px;
	vertical-align: middle;
	color: #274675;
}
/* spacer 15 px breed, met kleur voor tekst ruimte te geven */
.spacer_15_red
{
	width: 15px;
	background-color: #F2D2D7;
}
/*+++++++++++++++++ aanbod pages ++++++++++++*/
/* woningruiladvertenties uit oude site */
.submenu02
{
	font-family: Arial, Helvetica, sans-serif;
	font-size: 13px;
	font-weight: bold;
	color: #274675;
}
/* woningruiladvertenties uit oude site */
.submenu01
{
	font-family: Arial, Helvetica, sans-serif;
	font-size: 12px;
	font-weight: bold;
	color: #274675;
}
/* kleur vervolg aanbod pages */
.FCE6E8
{
	background-color: #FCE6E8;
}
/* zoekresultaten opsomming */
.td_search_bread
{
	height: 30px;
	width: 100%;
	font-family: Arial, Helvetica, sans-serif;
	font-size: 12px;
	font-weight: bold;
	color: #274675;
	background-color: #FCE6E8;

}
/* spacer 15 px breed, met kleur voor tekst ruimte te geven */
.spacer_15_aanbod
{
	width: 15px;
	background-color: #FFFFFF;
}
/* spacer boven zoekresultatenlijst */
.spacer_15_aanbod_top_new
{
	height:5px;
	width:100%;
	background-color: #FCE6E8;
}
/* spacer boven zoekresultatenlijst */
.spacer_15_aanbod_top
{
	height:15px;
	width:100%;
	background-color: #FCE6E8;

}
/* spacer 15 px breed, met kleur voor tekst ruimte te geven */
.spacer_15_aanbod_red
{
	width: 15px;
	background-color: #FCE6E8;
}
/* spacer boven zoekresultatenlijst */
.spacer_65_aanbod_red
{
	height:65px;
	background-color: #FCE6E8;
}
/* spacer ruimet op detail overzicht wit 15 px  */
.spacer_15_aanbod_wit
{
	width: 15px;
	/*height: 100%; is weggehaald op 28022005*/
	background-color: #FFFFFF;
}
/* spacer ruimet op detail overzicht wit 15 px top */
.spacer_15_aanbod_wit_top
{
	height: 15px;
	background-color: #FFFFFF;
}
/* prijs zoekresultaten lijst */
.td_price
{
	font-family: Arial, Helvetica, sans-serif;
	font-size: 12px;
	font-weight: bold;
	color: #E9000A;
}
/* prijs zoekresultaten lijst */
.td_price_1
{
	font-family: Arial, Helvetica, sans-serif;
	font-size: 12px;
	font-weight: normal;
	color: #E9000A;
}
/* achtertgrond*/
.td_bg
{
	background-image: url(../images/bg_aanbod_line.gif);
	background-repeat: repeat;
	height: 100%;

}
/* aanbod groot beeld detail overzicht */
.td_aanbod_image
{
	width: 225px;
	height: auto;

	/* deze hoogte height: 225px; is er uit gehaald daar de ingevoerde maat in Realworks afwijkt van de layout*/
}
/* aanbod klein beeld detail overzicht */
.td_aanbod_image_small
{
	width: 45px;
}

.td_aanbod_image_small a{
	height:30px;overflow:hidden;
}
/* titel font style */
.td_aanbod_title
{
	font-family: Arial, Helvetica, sans-serif;
	font-size: 12px;
	font-weight: bold;
	color: #274675;
}
/* table TopX */
.tbl_TopX
{
	width: 470px;
	height: 256px; /* hoogte van 2 tabellen en 1 row 118 + 118 + 20 */
	background-color: #FCE6E8;
}
/* table TopX_1 ( waar de content in staat */
.tbl_TopX_1
{
	height: 157px;
	background-color: #F2D2D7;
}
/* spacerrow tussen aanbod topX*/
.td_redrow
{
	height: 30px;
	
}
/* spacer 15 px breed, met kleur voor tekst ruimte te geven in de TopX*/
.spacer_15_aanbod_red_1
{
	width: 15px;
	background-color: #F2D2D7;
}
/* titel font top 3 style */
.td_aanbod_title_top3
{
	font-family: Arial, Helvetica, sans-serif;
	font-size: 12px;
	font-weight: bold;
	color: #274675;
	height: 25px;
}
/* @ Hendrik Jan Christians :: 24-05-2005 :: */
/*
 * Paginateller binnen het aanbod. Zowel bovenaan de pagina als onderaan.
 */
.pagecount_aanbod
{
	padding: 5px;
}
/* inputtype zoeken */
.input
{
	width: 250px;
	height: 20px;
	border: 1px solid #999999;
	font-family: Arial, Helvetica, sans-serif;
	font-size: 12px;
	font-weight: normal;
	color: #274675;
}

/* ================ exchange deel in red ======= */
.spacer_exchange_title_red
{
	height: 25px;
	background-color: #FCE6E8;
	font-weight: bold;
	color: #E9000A;
}
.spacer_exchange_red
{
	background-color: #FCE6E8;
}
.spacer_exchange_date_red
{
	background-color: #FCE6E8;
	text-align: center;
	vertical-align: middle;
}


/* ================ search deel in red =======  */

/* table search */
.tbl_search
{
	width: 450px;
	
}
/* select input search  */
.search_select
{
	width: 200px;
	height: 20px;
	border: 1px solid #CCCCCC;
	background-color: transparent;
	font-family: Arial, Helvetica, sans-serif;
	font-size: 12px;
	color: #274675;
}
/* verstuur search opdracht*/
.search_submit
{
	background-image: url(../images/searchsubmit.gif);
	background-repeat: no-repeat;
	width: 166px;
	height: 15px;
}
/* inpuit search */
.search_input
{
	width: 200px;
	height: 20px;
	border: 1px solid #999999;
	font-family: Arial, Helvetica, sans-serif;
	font-size: 12px;
	font-weight: normal;
	color: #274675;
}

/* ================ end red ===============*/


/* ================= green ==================*/

/* balk green bottom */
.balk_green_top
{
	background-color: #A9C806;
	height: 90px;
}
/* balk green bottom */
.balk_green_bottom
{
	background-repeat: no-repeat;
	background-color: #A9C806;
	height: 135px;
}
/* balk green top title */
.balk_green_top_title
{
	background-color: #A9C806;
	height: 90px;
	width: 400px;
}
/* linker titel */
.title_green
{
	background-image: url(../images/titel_green.gif);
	width: 225px;
	height: 90px;
}
/* content ruimte vervolg pages */
.td_greencontent_vervolg
{
	background-color: #F7FAE7;
	height: 100%;
	width: 100%;
	vertical-align: top;
}
/* page titel naast het beeld*/
.td_greencontent_beeld
{
	background-color: #F7FAE7;
	height: 121px;
	width: 100%;
	vertical-align: top;
	font-family: Arial, Helvetica, sans-serif;
	font-size: 35px;
	color: #A9C806;
}
/* page titel naast het beeld fixed 284 px*/
.td_greencontent_beeld_fixed
{
	background-color: #F7FAE7;
	height: 121px;
	width: 284px;
	vertical-align: top;
	font-family: Arial, Helvetica, sans-serif;
	font-size: 35px;
	color: #A9C806;
}
/* balk green bottom vervolg*/
.balk_green_bottom_vervolg
{
	background-color: #A9C806;
	height: 30px;
	font-family: Arial, Helvetica, sans-serif;
	font-size: 12px;
	text-indent: 15px;
	vertical-align: middle;
	color: #274675;
}
/* spacer 15 px breed, met kleur voor tekst ruimte te geven */
.spacer_15_green
{
	width: 15px;
	background-color: #F7FAE7;
}
/* hoofd titel in blue top balk */
.td_title_1_green
{
	font-family: Arial, Helvetica, sans-serif;
	font-size: 25px;
	text-decoration: none;
	font-weight: normal;
	font-style: normal;
	color: #CCDE68;
}
/* sub titel in blue top balk */
.td_title_2_green
{
	font-family: Arial, Helvetica, sans-serif;
	font-size: 25px;
	text-decoration: none;
	font-weight: normal;
	font-style: normal;
	color: #FFFFFF;
}
/* print opdracht huuropzegging*/
.rent_submit
{
	border: 1px solid #999999;
	background-color: #CCCCCC;
	width: 225px;
	height: 15px;
}

/*link style voor de de streaming pages*/
a.stream:active
{
	font-family: Arial, Helvetica, sans-serif;
	font-size: 12px;
	text-decoration: none;
	font-weight: normal;
	font-style: normal;
	color: #274675;
	z-index:1;
}
a.stream:link
{
	font-family: Arial, Helvetica, sans-serif;
	font-size: 12px;
	text-decoration: none;
	font-weight: normal;
	font-style: normal;
	color: #274675;
	z-index:1;
}
a.stream:visited
{
	font-family: Arial, Helvetica, sans-serif;
	font-size: 12px;
	text-decoration: none;
	font-weight: normal;
	font-style: normal;
	color: #274675;
	z-index:1;
}
a.stream:hover
{
	font-family: Arial, Helvetica, sans-serif;
	font-size: 12px;
	text-decoration: none;
	font-weight: normal;
	font-style: normal;
	color: #FF0000;
	z-index:1;
}
/* klusenwijzer pagina */

.td_klus_balk
{
	background-color: #CDD5DF;
	width: 300px;
	height: 30px;
	font-family: Arial, Helvetica, sans-serif;
	font-size: 12px;
	color: #274675;
	padding-left: 3px;
}
/* titel wit */
.td_klus_balk_1
{
	background-color: transparent;
	width: 300px;
	height: 30px;
	font-family: Arial, Helvetica, sans-serif;
	font-size: 12px;
	color: #274675;
	padding-left: 3px;
}
.td_klus_balk_sub
{
	background-color: #CDD5DF;
	width: 300px;
	height: 30px;
	font-family: Arial, Helvetica, sans-serif;
	font-size: 12px;
	color: #274675;
	padding-left: 8px;
}
/* titel wit */
.td_klus_balk_1_sub
{
	background-color: transparent;
	width: 300px;
	height: 30px;
	font-family: Arial, Helvetica, sans-serif;
	font-size: 12px;
	color: #274675;
	padding-left: 8px;
}
/* klustitel*/
.td_klus_title
{
	font-family: Arial, Helvetica, sans-serif;
	font-size: 14px;
	font-weight: bold;
	text-transform: uppercase;
	color: #E9000A;
}
/*
/* klussubtitel*/
.td_klus_subtitle
{
	font-family: Arial, Helvetica, sans-serif;
	font-size: 14px;
	font-weight: bold;
	height: 30px;
	text-transform: uppercase;
	color: #274675;
	background-color: #CDD5DF;
	padding-left: 3px;
}

 =============== end green =================*/

/* ================= blue ==================*/
/* menu td bg color */
.E6EAEF
{
	background-color: #E6EAEF;
}
/* content background color */
.ECF6F9
{
	background-color: #ECF6F9;
}
/* menu content background color uitklap*/
.F7FAE7
{
	background-color: #F7FAE7;
}

/* balk blue top */
.balk_blue_top
{
	background-color: #3BA6BF;
	height: 90px;
}
/* balk blue top title */
.balk_blue_top_title
{
	background-color: #3BA6BF;
	height: 90px;
	width: 400px;
}
/* hoofd titel in blue top balk */
.td_title_1_blue
{
	font-family: Arial, Helvetica, sans-serif;
	font-size: 25px;
	text-decoration: none;
	font-weight: normal;
	font-style: normal;
	color: #B1DCF6;
}
/* sub titel in blue top balk */
.td_title_2_blue
{
	font-family: Arial, Helvetica, sans-serif;
	font-size: 25px;
	text-decoration: none;
	font-weight: normal;
	font-style: normal;
	color: #FFFFFF;
}
/* balk blue bottom */
.balk_blue_bottom
{
	background-repeat: no-repeat;
	background-color: #3BA6BF;
	height: 135px;
}
/* linker titel */
.title_blue
{
	background-image: url(../images/titel_blue.gif);
	width: 225px;
	height: 90px;
}
/* balk blue bottom vervolg*/
.balk_blue_bottom_vervolg
{
	background-color: #3BA6BF;
	height: 30px;
	font-family: Arial, Helvetica, sans-serif;
	font-size: 12px;
	text-indent: 15px;
	vertical-align: middle;
	color: #274675;
}
/* content ruimte vervolg pages */
.td_bluecontent_vervolg
{
	background-color: #ECF6F9;
	width: 100%;
	vertical-align: top;
}
/* page titel naast het beeld fixed 284 px*/
.td_bluecontent_beeld_fixed
{
	background-color: #ECF6F9;
	height: 121px;
	width: 1200px;
	vertical-align: top;
	font-family: Arial, Helvetica, sans-serif;
	font-size: 25px;
	color: #3BA6BF;
	
}
/* page titel naast het beeld*/
.td_bluecontent_beeld
{
	background-color: #ECF6F9;
	height: 121px;
	width: 100%;
	vertical-align: top;
	font-family: Arial, Helvetica, sans-serif;
	font-size: 35px;
	color: #3BA6BF;
}
/* blauwe titel in bovenbalk */
.td_balktitle
{
	text-indent: 10px;
	font-family: Arial, Helvetica, sans-serif;
	font-size: 25px;
	color: #3BA6BF;
}
/* spacer 15 px breed, met kleur voor tekst ruimte te geven */
.spacer_15_blue
{
	width: 15px;
	background-color: #ECF6F9;
}
/* spacer 15 px breed, met kleur voor tekst ruimte te geven op de home*/
.spacer_15_blue_home
{
	width: 15px;
	background-color: #3BA6BF;
}
/* =============== end blue =================*/

/* ================ forms ===================*/

/* td style must */
.td_must
{
	font-family: Arial, Helvetica, sans-serif;
	font-size: 9px;
	font-weight: bold;
	text-transform: uppercase;
	color: #E9000A;
}
/* input voorleters*/
.input
{
	width: 52px;
	height: 18px;
	border: 1px solid #00285E;
	background-color: transparent;
	font-family: Arial, Helvetica, sans-serif;
	font-size: 12px;
	color: #274675;
}
/* input adres / plaats / telefoon / fax / email */
.input_1
{
	width: 205px;
	height: 18px;
	border: 1px solid #00285E;
	background-color: transparent;
	font-family: Arial, Helvetica, sans-serif;
	font-size: 12px;
	color: #274675;
}
/* input plaats */
.input_3
{
	width: 149px;
	height: 18px;
	border: 1px solid #00285E;
	background-color: transparent;
	font-family: Arial, Helvetica, sans-serif;
	font-size: 12px;
	color: #274675;
}
/* input plaats */
.input_3a
{
	width: 138px;
	height: 18px;
	border: 1px solid #00285E;
	background-color: transparent;
	font-family: Arial, Helvetica, sans-serif;
	font-size: 12px;
	color: #274675;
}
/* input voorleters*/
.input_4
{
	width: 70px;
	height: 18px;
	border: 1px solid #00285E;
	background-color: transparent;
	font-family: Arial, Helvetica, sans-serif;
	font-size: 12px;
	color: #274675;
}
/* input commentaar*/
.input_5
{
	width: 205px;
	height: 100px;
	border: 1px solid #00285E;
	background-color: transparent;
	font-family: Arial, Helvetica, sans-serif;
	font-size: 12px;
	color: #274675;
}
/* input VOOR PRINT VERSIE VAN HUUROPZEGGING */
.input_6
{
	width: 400px;
	height: 18px;
	border-bottom: 1px solid #00285E;
	border-top: 1px solid #FFFFFF;
	border-right: 1px solid #FFFFFF;
	border-left: 1px solid #FFFFFF;
	background-color: transparent;
	font-family: Arial, Helvetica, sans-serif;
	font-size: 12px;
	color: #274675;
}
/* knop */
.knop
{
	width: 150px;
	height: 20px;
	border: 1px solid #00285E;
	background-color: transparent;
	font-family: Arial, Helvetica, sans-serif;
	font-size: 12px;
	color: #274675;
}
/*------------ end form ------------*/


/*============== TEST DATA CSS =========
 * @Hendrik Jan
 * TESTGEGEVENS 
 * Deze namen NOOIT veranderen
 */
.td_testmessage {
	color: #000000;
	background-color: #B0E0E6;
	border: 1px solid #FFA07A;
	padding: 5px 5px 5px 5px;
	vertical-align: top;
}
/* testmessage */
.adm_tbl_testmessage{
	color: #000000;
	background-color: #B0E0E6;
	border: 1px solid #FFA07A;
	padding: 5px 5px 5px 5px;
	vertical-align: top;
	width: 100%;
}
.error_message {
	font-size: 11px;
	letter-spacing: 1px;
	color: #FF0000;
}
.error_title {
	font-size: 11px;
	letter-spacing: 1px;
	color: #FF0000;
	font-variant: small-caps;
}
/* wanneer test gegevens niet in de test td verschijnen , bij loops */
.td_testdata {
	vertical-align: top;
	color: #000000;
	background-color: #B0E0E6;
}
/* ------------------- end ---------------*/



/* ---- UPDATE HENDRIK JAN 19/01/2005 ---- */

/*
 * Bij een opsomming die via de editor wordt toegevoegd zullen de volgende css gebruikt worden
 */
ul.opsomming 
{
	margin: 0px;
	padding: 0px 0px 0px 0px;
	border: 0px;
	
	list-style: inside disc;
	display: inline;
	
	width: 100%;
	top: 0;
	background-color: transparent;
}

li.list 
{
	margin: 0px;
	padding: 0px 0px 0px 10px;
	border: 0px;
	width: 100%;
	top: 0;
	background-color: transparent;
}

li.list a, li.list:active, li.link:link, li.list:visited
{
	font-family: Arial, Helvetica, sans-serif;
	font-size: 12px;
	background-color: transparent;
	text-decoration: none;
	color: #FF0000;
}

li.list:hover
{
	font-family: Arial, Helvetica, sans-serif;
	font-size: 12px;
	background-color: transparent;
	text-decoration: none;
	color: #00285E;
}

/* ---- EINDE UPDATE HENDRIK JAN 19/01/2005 ---- */

a.button, a.button:visited{
background-image: url(../images/bg_button.png);
display:block;
width:257px;
height:63px;
padding-top:23px;
padding-right:25px;
color:#fff;
}

a.button:hover{
background-image: url(../images/bg_button_hover.png);
text-decoration:underline;
color:#fff;
}