/* --------------------------------------------------------------------------------
	Style design for happybiz.nl
	Copyright:		Young & Grand V.O.F.
					http://www.happybiz.nl/
	Designer:		Marcel Jong
	Main colors:	yellow ffffbb, blue ccdaff rgb(204,218,255), orange f26100(text) ffbe93(borders/h1)
		other		blue cde1f9,
-------------------------------------------------------------------------------- */
*							{ margin:0; padding:0; }
body						{ height:100%; max-height:100%; overflow:hidden; border:0px none; }

img.left					{ border:0px none; float:left; padding-right:8px; }
img.center					{ border:0px none; text-align:center; display:block; margin-left:auto; margin-right:auto }
img.right					{ border:0px none; float:right; }

body, input, select,
table, textarea				{ font-family:Verdana, Tahoma, sans-serif; font-size:9pt; color:#00008b; }

li							{ margin:0 0 5px 0; }
* html li					{ margin:0 0 5px 15px; }
ul							{ list-style:circle; margin:5px 0 10px 20px; }

img							{ border:0px none;}
img.center					{ display:block; margin:0 auto; padding:0; text-align: center;/*IE*/ }
img.sponsor					{ display:block; margin:0 auto; padding-bottom:4px; text-align: center;/*IE*/ }

input:active,
input:focus,
textarea:active,
textarea:focus				{ background:#FFFFBB; }
td							{ vertical-align:top; }
table						{ border-collapse:collapse;}
p.center					{ text-align:center }

div.empty,
div.clear					{ clear:both; }



/* --------------------------------------------------------------------------------
	outside
-------------------------------------------------------------------------------- */
.outside					{ width:100%; height:100%; overflow:hidden;}
* html .outside				{ width:100%; height:100%; }



/* --------------------------------------------------------------------------------
	content
-------------------------------------------------------------------------------- */
.content					{ z-index:1; position:absolute; top:20px; bottom:20px; left:200px; right:23px; width:auto; height:auto; overflow:auto; }
* html .content				{ left:0; top:0; bottom:0; width:100%; height:100%;
								border-left:200px solid #ffffff; border-right:23px solid #ffffff; border-top:20px solid #ffffff; border-bottom:20px solid #ffffff; }
.content a					{ font-weight:normal; text-decoration:none; color:#00008b; font-weight:bold; }
.content a:hover			{ text-decoration:underline; }
.content hr					{ clear:both; border:1px none; height:2px; margin:8px 40px; background:#ccdaff;}
.content hr.hidden,
.content hr.empty			{ clear:both; border:1px solid #ffffff; margin:0; background:#ffffff; }
.content p					{ padding:10px 10px 10px 20px; }
.content pre				{ padding:6px 10px; color:#008000; }
.content h1					{ font-size:14pt; text-align:right; padding:2px 8px; font-weight:normal; background:#FFBE93; color:#00008B;
								border-left:2px solid #FFFFFF; border-right:3px solid #FFFFFF; }
.content h2					{ font-size:9pt; text-align:center; padding:4px 10px; font-weight:normal; background:#87ceeb; }
.content h3					{ font-size:12pt; text-align:center; font-weight:normal; background:#FF4646; color:#FFFFFF; width:600px; margin:8px auto; padding-left:0; padding-right:0; padding-top:4px; padding-bottom:4px }
.content h6					{ font-size:12px; padding:10px;}

.content_footer				{ z-index:3; position:absolute; bottom:0; width:100%; height:20px; overflow:hidden; }
.content_footer				{ text-align:center; }
.content_footer a			{ text-decoration:none; font-weight:normal; color:#505050; }
.content_footer a:hover		{ text-decoration:none; background:#909090; color:#ffffff; }
.content_footer p			{ padding-top:3px; font-size:7pt; color:#505050;}

.content_header				{ z-index:3; position:absolute; top:0; width:100%; height:20px; overflow:hidden; }
.content_header				{ text-align:center; }
.content_header a			{ text-decoration:none; font-weight:normal; text-align:left; color:#00008b; }
.content_header a:hover		{ text-decoration:underline; background:#cde1f9; color:#fff; }
.content_header p			{ padding-top:3px; }

.content_left				{ z-index:2; position:absolute; top:20px; bottom:20px; left:0; width:200px; height:auto; overflow:auto; }
* html .content_left		{ top:0; bottom:0; height:100%; border-top:20px solid #ffffff; border-bottom:20px solid #ffffff; }

.content_right				{ z-index:2; position:absolute; top:20px; bottom:20px; right:0; width:23px; height:auto; overflow:auto; }
* html .content_right		{ top:0; bottom:0; height:100%; border-top:20px solid #ffffff; border-bottom:20px solid #ffffff; }

.content_mini				{ padding:8px 2px 8px 2px; text-align:center; }
.content_mini_left			{ position:absolute; top:0; left:0; text-align:left; padding: 0 6px}
.content_mini_right			{ position:absolute; top:0; right:0; text-align:right; padding: 0 6px}
.content_center				{ margin:0 auto; }



/* --------------------------------------------------------------------------------
	borders
-------------------------------------------------------------------------------- */
.content_footer				{ border-top:2px solid #ffffff; }
.content_header				{ border-bottom:2px solid #ffffff; }



/* --------------------------------------------------------------------------------
	colours
-------------------------------------------------------------------------------- */
.content					{ background:#ffffff; }

.content_left				{ background:#f0f0f0; }
.content_right,
.content_footer				{ background:#f0f0f0; }

.content_left,
.content_right,
.content_footer,
.content_header				{ background:#ccdaff; }



/* --------------------------------------------------------------------------------
	advantages
-------------------------------------------------------------------------------- */
.advantages					{ width:100%; text-align:center; padding:10px 0;}
.advantages table			{ width:90%; border-collapse:collapse; margin:0 auto; }
.advantages td				{ padding:6px 4px; border:1px solid #c0c0c0; text-align:left; vertical-align:top; }
.advantages_header 			{ background:#f0f0f0;}



/* --------------------------------------------------------------------------------
	areas
-------------------------------------------------------------------------------- */
.areas						{ text-align:left; }
.areas p					{ padding-top:2px;}
.areas a					{ text-decoration:none; color:#00008b; padding:3px 6px 0 6px; }
.areas a:hover				{ text-decoration:none; }
.areas .active				{ color:#f26100; font-weight:bold; }



/* --------------------------------------------------------------------------------
	categories
-------------------------------------------------------------------------------- */
.cat						{ margin:20px 0 0 0; text-align:left;/*ie*/; color:#808080; font-size:11px;}
.cat a						{ display:block; width:100%; text-decoration:none; font-weight:normal; text-align:left; font-size:11px;}
.cat a:hover				{ text-decoration:underline; color:#f26100;}
.cat p						{ padding:6px 0 6px 20px; text-align:left; }
.cat span.group				{ color:#ff0000; font-size:10pt; font-weight:bold; }
.cat .category				{ padding-top:15px; border-bottom:1px solid #ccdaff; color:green }

.cat_pop					{ width:100%; text-align:center;/*ie*/; }
.cat_pop a					{ text-decoration:none; display:block; width:100%; padding:4px 0; font-weight:normal; text-align:center; }
.cat_pop a:hover			{ text-decoration:underline; color:#f26100;}
.cat_pop p					{ padding:6px; text-align:center; font-weight:bold; }

.subcat						{ margin:20px 0 0 0; float:left; color:#808080; font-size:11px; }
.subcat table				{ margin:0 0 0 20px; color:#808080;}
.subcat td					{ padding:2px 20px 2px 0; text-align:left; }
.subcat a					{ font-weight:normal; }
.subcat a.active			{ color:#f26100; font-weight:bold; }
.subcat td.count			{ text-align:right; }


/* --------------------------------------------------------------------------------
	columns
-------------------------------------------------------------------------------- */
.column_2,
.column_3, .column_32,
.column_4, .column_4, .column_42, .column_43
.column_5, .column_5, .column_52, .column_53, .column_54
							{ float:left; padding:0; margin:0; text-align:left; overflow:hidden }
.column_2, .column_42		{ width:49% }
.column_3					{ width:33% }
.column_32					{ width:65% }
.column_4					{ width:24% }
.column_43					{ width:74% }
.column_5					{ width:19% }
.column_52					{ width:39% }
.column_53					{ width:59% }
.column_54					{ width:79% }

/* --------------------------------------------------------------------------------
	companies
-------------------------------------------------------------------------------- */
.companies					{ }
.companies table			{ width:100%; border-collapse:collapse;}
.companies td				{ padding:2px 4px 2px 8px; border-top:1px solid #c0c0c0; border-bottom:1px solid #c0c0c0; vertical-align:top; }
.companies tr				{ }



/* --------------------------------------------------------------------------------
	forms
-------------------------------------------------------------------------------- */
.form1						{ padding-top:10px; text-align:center; }
.form1 table				{ background:#f0f0f0; margin:0 auto;}
.form1 input,
.form1 select,
.form1 textarea				{ text-decoration:none; }
.form1 tr,
.form1 input,
.form1 textarea,
.form1 td					{ padding:4px; text-align:left; /*FF*/ }
.form1 textarea				{ overflow:auto; }

.form_default				{ padding:10px; text-align:left; }
.form_default table			{ background:#f0f0f0; }
.form_default input,
.form_default select,
.form_default textarea		{ text-decoration:none; }
.form_default tr,
.form_default input,
.form_default textarea,
.form_default td			{ padding:4px; text-align:left; /*FF*/ }
.form_default textarea		{ overflow:auto; }

/* --------------------------------------------------------------------------------
	log
-------------------------------------------------------------------------------- */
.log						{ color:#909090;}

/* --------------------------------------------------------------------------------
	keywords
-------------------------------------------------------------------------------- */
.keywords					{ display:none; }

/* --------------------------------------------------------------------------------
	mailform / forms
-------------------------------------------------------------------------------- */
.mailform					{ text-align:left; }
.mailform a					{ text-decoration:underline; font-weight:normal; font-size:10px; color:#000000; }
.mailform input,
.mailform select,
.mailform textarea			{ padding:2px; /*internal padding*/ }
.mailform table				{ margin:20px; }
.mailform textarea			{ overflow:auto; }
.mailform td				{ padding:3px 2px; text-align:left; /*FF*/ color:#707070;}
.mailform .field_1			{ width:300px; }
.mailform .field_2			{ width:80px; }
.mailform .field_3			{ width:220px; }
.mailform .field_410		{ width:410px; }
.mailform .field_date		{ width:84px; }
.mailform .fproduct			{ width:590px; }
.mailform .label			{ text-align:right; color:#707070; }
.mailform .labelerror		{ text-align:right; color:#f26100; }
.mailform .star				{ width:10px; color:#f26100;}
.mailform .button			{ width:auto; overflow:visible;/*ie*/ padding:0 4px; color:#00008b; }

.mailform input:active,
.mailform input:focus		{ background:#FFFFBB; }

.mailform p.error,
.mailform p.failure,
.mailform p.succes			{ text-align:center; color:#f26100; font-weight:bold; }

.frm_event1					{ float:left; width:460px; margin-top:8px; }
.frm_event2					{ /*no float*/ margin-left:460px; margin-top:8px; }

/* --------------------------------------------------------------------------------
	map (google maps)
-------------------------------------------------------------------------------- */
#map						{ width:100%; height:100%; }

/* --------------------------------------------------------------------------------
	menu
-------------------------------------------------------------------------------- */
.menu						{ margin:0 6px 0 6px;}
.menu a						{ text-decoration:none; display:block; padding:4px 0 4px 16px; color:#00008d; font-size:9pt; font-weight:normal; text-align:left; }
.menu a:hover				{ text-decoration:none; color:#ffffff;	background:#909090 url('../img/block02.gif') no-repeat left; }
.menu a.active				{ color:#00008b;						background:#ffffff url('../img/block01.gif') no-repeat left; }
.menu a:hover.active		{ color:#000000;						background:#909090 url('../img/block01.gif') no-repeat left; }



/* --------------------------------------------------------------------------------
	search
-------------------------------------------------------------------------------- */
.search_out					{ width:100%; text-align:center; padding:0; margin:0; }
.search						{ background:#f0f0f0; border:3px solid #FFFFFF;}

.search a					{ border:2px solid #f0f0f0; text-decoration:none; padding:3px 1px; font-size:8pt; font-weight:normal; text-align:left;}
.search a:hover				{ border:2px solid #f26100; text-decoration:none; background:#cde1f9; }
.search .active				{ border:2px solid #cde1f9; padding:3px 1px; color:#f26100; font-weight:normal; }



.search table				{ margin:0 auto;}
.search input				{ text-decoration:none; font-size:12px; padding:2px; }
* html .search input		{ height:22px; padding:2px 4px; }
.search tr,
.search td					{ padding:4px; text-align:left; /*FF*/ }
.search input:active,
.search input:focus			{ background:#FFFFBB; }


.searchres					{ padding-top:10px; width:100%; text-align:center; }
.searchres a				{ display:inline; }
.searchres a.name			{ text-decoration:none; padding:3px 0; color:#F26100; font-size:9pt; font-weight:normal; }
.searchres a:hover.name		{ text-decoration:underline; }
.searchres a.url			{ text-decoration:none; padding:3px 0; color:#F26100; font-weight:normal; text-align:right; font-size:9pt;  }
.searchres a:hover.url		{ text-decoration:underline; }
.searchres table			{ width:100%; border-collapse:collapse; font-size:9pt;}
.searchres td				{ padding:4px; border-top:1px solid #c0c0c0; border-bottom:1px solid #c0c0c0; vertical-align:top; text-align:left; }

.searchres a.category 		{ color:#707070; font-size:12px; font-weight:normal; }
.searchres a:hover.category { color:#707070; font-size:12px; }

.searchres .contact			{ /*use no width for ie right align*/ text-align:right;}
.searchres .nr				{ width:10px }
.searchres .info			{ width:240px; width:auto}
.searchres .logo			{ width:1px; padding:8px 0 0 0; text-align:center; padding-top:2px;}
.searchres .description		{ padding-left:20px }
.searchres .subject			{ color:#f26100; font-weight:bold; }

.search_nav					{ display:block; padding-top:4px; width:100%; text-align:center; }
.search_nav a				{ border:2px solid #ffffff; text-decoration:none; padding:3px 2px; font-size:9pt; font-weight:normal; text-align:left;}
.search_nav a:hover			{ border:2px solid #f26100; text-decoration:none; background:#cde1f9; }
.search_nav .active			{ border:2px solid #cde1f9; padding:3px 2px; color:#f26100; font-weight:normal; }
.search_nav .center			{ display:block; float:center; text-align:center;}
.search_nav .left			{ display:block; float:left; font-size:14pt; padding:6px 0 0 6px; height:50px; text-align:left; }
.search_nav .right			{ display:block; float:right;}

/* --------------------------------------------------------------------------------
	site
-------------------------------------------------------------------------------- */
.site_info					{ clear:both; float:left; width:44%; padding:0; }
.site_info table			{ border-collapse:collapse; margin-left:20px;}
.site_info td				{ padding:8px 2px 0 8px; vertical-align:top; }
.site_info td.description	{ text-align:center; }
.site_info td.label			{ width:80px; color:#606060; }
.site_info td.title			{ font-size:12pt; font-weight:bold }
.site_info a				{ text-decoration:none; font-weight:normal; color:#F26100}
.site_info a:hover			{ text-decoration:underline; }
.site_info .discount		{ width:100%; text-align:center; margin-top:10px; }
.site_info .discount p		{ display:block; width:90%; margin:0 auto; text-align:center; border:2px solid #FFBE93; padding:10px;}

.site_head					{ width:100%; overflow:auto;/*ff*/} /* set no height! */
.site_head h1				{ font-size:12px; font-weight:bold; text-align:right; padding:4px 20px 4px 0; background:#ffbe93; }
.site_head p				{ padding:4px; margin:0; }
.spiders					{ float:right; margin:10px 20px 0 0; }
.spiders img				{ margin:0 0 0 4px;}


.site_head .menu			{ margin:10px 20px;}
.site_head .menu a			{ display:block; float:left; margin:0 10px 4px 0; padding:3px 0; width:110px; background:#ccc; font-weight:normal; text-align:center; font-size:13px; }
.site_head .menu a:hover.active,
.site_head .menu a:hover	{ text-decoration:none; background:#909090; color:#ffffff; font-weight:bold; }
.site_head .menu a.active	{ color:#f26100; font-weight:bold; }

.site_head .menu a			{ position:relative; border-bottom:4px solid #ffffff}
.site_head .menu a:hover	{ border-bottom:4px solid #ffbe93}
.site_head .menu a.active	{ border-bottom:4px solid #ffbe93}


/* large map*/
.site_map1a					{ height:100%; text-align:center; margin:20px; }
.site_map1b					{ width:100%; height:80%; }
.site_map1b					{ color:#808080; text-align:center; }

/* small map*/
.site_map2a					{ width:54%; height:400px; float:right; }
.site_map2b					{ margin:8px 20px 20px 0; }
.site_map2b					{ color:#808080; text-align:center; }

.site_present				{ height:100%; margin:10px 20px;}
.site_present .frame		{ height:100%; margin:0; }


/* --------------------------------------------------------------------------------
	source
-------------------------------------------------------------------------------- */
.source_code				{ font-family: Courier New; padding:8px; color:#008000; }

/* --------------------------------------------------------------------------------
	sponsor
-------------------------------------------------------------------------------- */
.sponsor a					{ display:block; width:100%; padding:3px 0; color:#00008d; font-size:9pt; font-weight:normal; text-decoration:none; text-align:center; }
.sponsor a:hover			{ background:#ffff99; color:#00008b; }

/* --------------------------------------------------------------------------------
	standard
-------------------------------------------------------------------------------- */
.standard					{ width:100%;}
.standard a					{ text-decoration:underline; font-weight:normal; color:#0000ff; }
.standard a:hover			{ text-decoration:underline; color:#ff0000; }
.standard table				{ width:100%; border-collapse:collapse; }
.standard td				{ padding:2px 2px 2px 8px; vertical-align:top; text-align:left; }
.standard tr				{ }

/* --------------------------------------------------------------------------------
	stats
-------------------------------------------------------------------------------- */


/* --------------------------------------------------------------------------------
	stopwatch
-------------------------------------------------------------------------------- */
.stopwatch					{ text-align:center; }

/* --------------------------------------------------------------------------------
	tables
-------------------------------------------------------------------------------- */
.table1						{ padding-top:10px; width:100%; text-align:center; }
.table1 a					{ text-decoration:none; padding:3px 0; color:#f26100; font-size:9pt; font-weight:normal; text-align:left;}
.table1 a:hover				{ text-decoration:underline; background:#f0f0f0; }
.table1 table				{ width:96%; border-collapse:collapse; margin:0 auto; border:1px solid #c0c0c0; }
.table1 td					{ padding:6px 8px; border-top:1px solid #c0c0c0; border-bottom:1px solid #c0c0c0; vertical-align:top; text-align:left; }
.table1 tr					{ }

.table_default				{ padding-top:10px; }
.table_default table		{ border-collapse:collapse;  }
.table_default td			{ padding:2px; border:1px solid #c0c0c0; vertical-align:top; text-align:left; font-size:9pt; }
.table_default tr			{ }

.table_small				{ padding-top:10px; }
.table_small table			{ border-collapse:collapse; width:100%; }
.table_small td				{ padding:2px; border:1px solid #c0c0c0; vertical-align:top; text-align:left; font-size:7pt; }
.table_small tr				{ }

/* - thumbs -------------------------------------------------------------------- */
.thumbs 					{ display:block; width:100%; height:100%; margin-top:20px; text-align:justify; }
.thumb						{ width:auto; height:220px; float:left; margin:8px; text-align:center; background:#fff; font-size:12px; color:#000; }


/* --------------------------------------------------------------------------------
	weather
-------------------------------------------------------------------------------- */
.weather					{ padding-top:0px; }
.weather					{ text-align:center }

/* --------------------------------------------------------------------------------
	various
-------------------------------------------------------------------------------- */
a.red						{ text-decoration:none; color:#ff0000; font-weight:normal; }
a:hover.red					{ text-decoration:underline; }
.alert						{ color:#f26100 }
.box10						{ padding:8px; margin:20px 10%; overflow:hidden; border:2px solid #f0f0f0; text-align:center; }
.center						{ text-align:center; }
.date						{ text-align:center; font-size:8pt; }
.grey						{ color:#808080; }
.left						{ float:left; }
.no_cookies 				{ color:#808080; text-align:center; }
.no_cookies a				{ text-decoration:underline; color:#808080; font-weight:normal; }
.no_cookies a:hover			{ color:#ff0000; }

.no_website 				{ margin:20px; }
.no_website iframe			{ height:230px; }

.ads						{ text-align:center; }
.ads_728_90					{ margin:50px auto 10px auto; width:728px; height:90px; }
.red						{ color:#ff0000; }
.right						{ float:right; }
.search_example				{ color:#808080; text-align:center; }
.service_off				{ margin-top:10px; text-align:left; }
.signal_1					{ text-align:center; color:#f26100; font-size:10pt; font-weight:bold; }
.signal_1 a					{ text-decoration:underline; color:#f26100; font-weight:normal; }
.title1						{ width:100%; text-align:center; } /*ie*/
.title2						{ xdisplay:block; xwidth:100%; margin:8px 20px; text-align:center; border:1px solid #c0c0c0; padding:2px 0; }



/*OBSOLETE*/
.cat_pop .inside			{ width:auto; margin:0 auto; text-align:right;/*ie*/}
.cat_pop h1					{ font-size:9pt; text-align:center; padding:2px; font-weight:normal; background:#FFBE93; color:#00008B; }
.cat_pop h2					{ font-size:9pt; text-align:center; padding:1px; font-weight:normal; background:#FFBE93; color:#00008B; }
.rss_title1					{ width:100%; text-align:center; } /*ie*/
.rss_title2					{ display:block; width:90%; margin:8px auto; text-align:center; border:1px solid #c0c0c0; padding:2px 0; }