/* --------------------------------------------------------------------------------

	Style design for http://www.petrusdondersgroepsurinamescouts.com/

	Copyright: 		Young & Grand vof, Almere
					www.HappyBiz.nl
	Designer:		Marcel Jong

-------------------------------------------------------------------------------- */
*							{ margin:0; padding:0; }
body						{ height:100%; max-height:100%; overflow:hidden; border:0px none; }
hr							{ clear:both; border:1px none; height:2px; margin:8px 40px; background:#c0c0c0;}
p							{ padding:20px;}
body,
input,
table,
textarea					{ font-family:Verdana, Tahoma, sans-serif; font-size:10pt; color:#00008b; }

a							{ text-decoration:none; color:#00008b; font-weight:bold; }
a:hover						{ text-decoration:underline; }
h1							{ font-size:14pt; text-align:right; padding:3px 6px; font-weight:normal; background:#c0c0c0; }
h2							{ font-size:14pt; text-align:center; padding:3px 6px; font-weight:normal; background:#c0c0c0; }
p.center					{ text-align:center }

div.center					{ border:0px none; text-align:center; display:block; margin-left:auto; margin-right:auto }

img							{ 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; }

span.center					{ display:block; margin:0 auto; padding:0; text-align: center;/*IE*/ }


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


/* --------------------------------------------------------------------------------
	content
-------------------------------------------------------------------------------- */
.content					{ z-index:1; position:absolute; top:70px; bottom:20px; left:160px; right:30px; width:auto; height:auto; overflow:auto; }
* html .content				{ left:0; top:0; bottom:0; width:100%; height:100%;
								border-left:160px solid #ffffff; border-right:30px solid #ffffff; border-top:70px solid #ffffff; border-bottom:20px solid #ffffff; }

.content_center				{ margin:0 auto; }

.content_footer				{ z-index:3; position:absolute; bottom:0; width:100%; height:20px; overflow:hidden; border-top:2px solid #ffffff; }
.content_footer a			{ text-decoration:none; font-weight:bold; text-align:left; color:#ffffff; }
.content_footer a:hover		{ text-decoration:none; background:#ffffff; color:#00008b; }
.content_footer p			{ padding:2px 0 0 0; color:#ffffff; text-align:center; }

.content_header				{ z-index:3; position:absolute; top:0; width:100%; height:70px; overflow:hidden; border-bottom:2px solid #ffffff; }
.content_header a			{ text-decoration:none; font-weight:normal; color:#ffffff; }
.content_header a:hover		{ text-decoration:none; background:#ffffff; color:#00008b; }
.content_header img			{ padding:6px; }
.content_header p			{ padding:0; text-align:center; }
* html .content_header img	{ border:6px solid #880000; /*ie*/}

.content_header_left 		{ position:absolute; top:0; left:0; }
.content_header_left p		{ text-align:left; padding:2px 6px; color:#ffffff; }
.content_header_right		{ position:absolute; top:0; right:0; }
.content_header_right p		{ text-align:right; padding:2px 6px; color:#ffffff; }

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

.content_right				{ z-index:2; position:absolute; top:70px; bottom:20px; right:0; width:30px; height:auto; overflow:auto; }
* html .content_right		{ top:0; bottom:0; height:100%; border-top:70px solid #ffffff; border-bottom:20px solid #ffffff; }
.content_mini				{ padding:0px 2px 4px 2px; border-top:2px solid #ffffff; text-align:center; }

/* --------------------------------------------------------------------------------
	colours and backgroud
-------------------------------------------------------------------------------- */
.content					{ background:#FFFFCC; }
.content_footer				{ background:#880000; }
.content_header_right,
.content_header				{ background:#880000; }
.content_left				{ background:#880000; }
.content_right				{ background:#880000; }










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

/* --------------------------------------------------------------------------------
	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% }

/* --------------------------------------------------------------------------------
	guestbook
-------------------------------------------------------------------------------- */
.gb_iframe					{ width:100%; height:100%; }

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

/* --------------------------------------------------------------------------------
	happybiz
-------------------------------------------------------------------------------- */
.happybiz					{ display:block; width:90%;  margin:0 auto; padding:6px;  background:#f0f0f0; text-align:left; }
.happybiz table				{ border-collapse:collapse; }
.happybiz td				{ padding:2px 8px 2px 0; vertical-align:top;}

.happybiz_comment			{ color:#909090; text-align:center; }
.happybiz_comment a			{ text-decoration:underline; color:#909090; }

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

/* --------------------------------------------------------------------------------
	mailform
-------------------------------------------------------------------------------- */
form						{ } /*do not use padding in IE*/
.mailform					{ padding-top:18px; text-align:center; }
.mailform table				{ background:#f0f0f0; margin:0 auto;}
.mailform input,
.mailform select,
.mailform textarea			{ text-decoration:none; border:1px solid #808080; }
.mailform tr,
.mailform input,
.mailform textarea,
.mailform td				{ padding:4px; text-align:left; /*FF*/ }
.mailform textarea			{ overflow:auto; }

.mail_errors				{ color:#ff0000; text-align:center; font-weight:bold; }
.mail_fatal_error			{ color:#ff0000; text-align:center; font-weight:bold; }
.mail_ok					{ color:#0000ff; text-align:center; font-weight:bold; }

/* --------------------------------------------------------------------------------
	Menu
-------------------------------------------------------------------------------- */
.menu						{ text-align:center; }
.menu a						{ text-decoration:none; display:block; width:90%; margin:8px auto 0 auto; padding:4px 0;
								background:#ffffff; color:#00008b; font-size:10pt; font-weight:normal; text-align:center; }
.menu a:hover				{ text-decoration:none; background:#ffffcc; color:#00008b; }
.menu a.active				{ text-decoration:none; background:#c0c0c0; color:#00008b; font-weight:bold; }
.menu a:hover.active		{ text-decoration:none; background:#ffffcc;/*ie*/ }

/* --------------------------------------------------------------------------------
	photo
-------------------------------------------------------------------------------- */
.photos						{ }
.photos						{ width:100%; text-align:center; padding:0; }
.photos a					{ text-decoration:none; display:block; width:100%; padding:2px 0; color:#00008d; font-weight:bold; }
.photos a:hover				{ text-decoration:none; background:#880000; color:#ffffff; }
.photos table				{ border-collapse:collapse; width:90%; background:#f9f9f9; margin:0 auto; }
.photos td					{ padding:2px 4px; border:1px solid #c0c0c0; text-align:left; vertical-align:top; }

.photos_iframe				{ width:100%; height:100%; }

/* --------------------------------------------------------------------------------
	sls
-------------------------------------------------------------------------------- */
.sls						{}
.sls a						{ display:block; padding:4px;}
.sls a:hover				{}

/* --------------------------------------------------------------------------------
	tables
-------------------------------------------------------------------------------- */
.standard table				{ width:100%; border-collapse:collapse; }
.standard tr				{ padding:1px 5px; }
.standard td				{ padding:1px 5px; }
tr.header					{ background:#c0c0c0; }
td.grey						{ color:#909090; text-align:center; font-size:8pt;}

/* --------------------------------------------------------------------------------
	various
-------------------------------------------------------------------------------- */
.box10						{ padding:8px; margin:0 10%; overflow:hidden; border:2px solid #f0f0f0; text-align:center; }
#countdown					{ color:#ff0000; font-weight:bold;}
.red						{ color:#ff0000; }
.t1							{ font-size:16pt; }