/* Put your frontsite styles here */

body {
	padding:		0px;
	margin:			0px;
	height:			100%;

	font-family:	Arial, sans-serif;
}

form {
	padding:		0px;
	margin:			0px;
}

h1, h2, h3, h4 {
	font-weight:	700;
	padding:		0px;
	margin:			0px 0px 8px 0px;
	letter-spacing:	-0.05em;
}

h1 {
	font-size:		1.6em;
}
h2 {
	font-size:		1.3em;
}
h3 {
	font-size:		1.1em;
	letter-spacing:	0.0em;
}
h4 {
	font-size:		1.0em;
	letter-spacing:	0.0em;
	margin:			0px;
}

a {
	color:			#ff6600;
	text-decoration:none;
}
a:hover {
	text-decoration:underline;
}

p {
	padding:		0px;
	margin:			8px 0px 0px 0px;
}
p a {
}

#center_positioner {
	position:		absolute;

	width:			770px;
	top:			10px;
	left:			50%;
	margin-left:	-385px;
}

.text_divider {
	color:			#ff6600;
}

/*************************************************************/
/* Header													 */
/*************************************************************/
#page_header {
	background-image: URL( '../image/gradient.gif' );
	
	width:			768px;
	height:			49px;
	border:			1px solid #999999;
}
	#page_header img {
		float:		left;
	}
	#page_header #header_search {
		margin:			5px 0px 0px 0px;
		float:			right;
		font-weight:	700;
		font-size:		12px;
		letter-spacing:	-1px;
	}
		#page_header #header_search input.search_field {
			width:		90px;
			height:		16px;
			padding:	0px;
			margin:		0px 0px -1px 0px;
			border:		1px solid black;
		}
		#page_header #header_search input.search_submit {
			margin:		0px 0px -4px 0px;
		}
	#page_header #header_text {
		float:			right;
		clear:			right;

		margin:			8px 4px 0px 0px;
		font-size:		10px;
	}
		#page_header > #header_text /* IE Fix */
		{
			margin-right:	8px;
		}

		#page_header #header_text a {
			color:		black;
			text-decoration:none;
			font-size:		10px;
		}
			#page_header #header_text a:hover {
				text-decoration:underline;
			}

/*************************************************************/
/* Top menus												 */
/*************************************************************/
#menu_top {
	width:			768px;
	height:			18px;
	margin:			7px 0px 0px 0px;
	border:			1px solid #999999;
	background-image: URL( '../image/gradient.gif' );
}
	#menu_top a {
		float:			left;
		display:		block;
		color:			black;
		margin:			1px 0px 0px 12px;

		text-decoration:none;
		font-family:	Arial, sans-serif;
		font-size:		10pt;
		font-weight:	700;
		letter-spacing:	-0.1em;
	}
		#menu_top a:hover {
			color:			#ff6600;
		}

#menu_top_sub {
	width:			770px;
	height:			25px;
}
	#menu_top_sub img {
		float:			left;
		display:		block;

		margin:			8px 0px 0px 6px;
	}
	#menu_top_sub a {
		float:			left;
		display:		block;

		font-size:		9pt;
		font-weight:	700;
		font-family:	Arial, sans-serif;
		letter-spacing:	0px;
		text-decoration:none;
		color:			#666666;

		margin:			5px 0px 0px 10px;
	}
		#menu_top_sub a:hover {
			color:			#ff6600;
		}

/*************************************************************/
/* Big image header											 */
/*************************************************************/
#header_large_image {
	border:			1px solid #999999;
}
	#header_large_image img {
		display:		block;
	}

/*************************************************************/
/* Content section											 */
/*************************************************************/
#content_positioner table {
	border-collapse:collapse;
	margin:			10px 0px 10px 0px;	
	font-size:		0.7em;
	line-height:	1.2em;
}

#content_positioner table table {
	font-size:		0.9em;
}

#content1,
#content1_full,
#content2,
#content2_wide,
#content3 {
	vertical-align:		top;
	padding:			10px;
}
	#content1 {
		width:			170px;
	}
		#content1_full {
			width:		750px;
		}
	#content2 {
		width:			374px;
	}
		#content2_wide {
			width:		552px;
		}
	#content3 {
		width:			162px;
	}
.content_divider {
	width:				1px;
	background-image: URL( '../image/vdivider_orange.gif' );
	background-repeat: repeat-y;
}
.hdivider_left,
.hdivider_center,
.hdivider_right {
	background-image:	url( '/image/hor_divider.gif' );
	float:				left;
	display:			block;
	height:				1px;
	overflow:			hidden;
	padding:			0px;
	margin:				16px 0px 14px 0px;
	width:				100%;
}
/*
	.hdivider_left {
		width:				170px;
		width:				100%;
	}
	.hdivider_center {
		width:				374px;
		width:				100%;
	}
	.hdivider_right {
		width:				162px;
		width:				100%;
	}
*/

/*************************************************************/
/*	Footer													 */
/*************************************************************/
#page_footer {
	width:			768px;
	height:			49px;
	border:			1px solid #999999;
	background-image: URL( '../image/gradient.gif' );
	margin:			0px 0px 0px 0px;
}
	#page_footer #client_login {
		float:			left;
		margin:			0px 0px 0px 8px;
		font-weight:	700;
	}
		#page_footer #client_login label {
			display:		block;
			float:			left;
			width:			100px;
			height:			18px;
			margin:			5px 0px 0px 0px;
			font-size:		11px;
		}
			#page_footer #client_login label input.client_input {
				font-size:		8pt;
				width:			90px;
				height:			14px;
				padding:		0px;
				border:			1px solid black;
			}
			#page_footer #client_login input.client_submit {
				float:			left;
				display:		block;
				margin:			8px 0px 0px 0px;
			}
			#page_footer #client_login > input.client_submit { /* IE Fix */
				margin:			6px 0px 0px 0px;
			}
		#page_footer #client_login br {
			clear:			left;
		}

	#page_footer #footer_divider {
		float:			left;
		background-image: URL( '../image/vruler.gif' );
		width:			1px;
		height:			40px;
		margin:			5px 10px 0px 10px;
	}

	#page_footer #footer_text {
		float:			left;
		font-size:		10px;
		letter-spacing:	-1px;
		margin:			3px 0px 0px 0px;
	}
		#page_footer #footer_text table {
			border-collapse:collapse;
		}
		#page_footer #footer_text table td {
			/*width:		95px;*/
			padding:	0px;
			margin:		0px;
			padding:	0px 10px 0px 0px;
		}
		#page_footer #footer_text table td.shorter_td {
			/*width:		45px;*/
		}
		#page_footer #footer_text a {
			font-size:		1em;
			color:			black;
		}

/********************/
/** Footer links   **/
/********************/
#page_footer_links {
	margin:		2px 0px 6px 0px;
	text-align:			center;
	font-size:			11px;
}

	#page_footer_links a {
		color:				#646464;
		margin:				0px 4px 0px 4px;
	}
	#page_footer_links a:hover {
		color:				#ff6600;
	}


/********************/
/** Module section **/
/********************/

/** Domain check **/
.domaincheck_container .www_text {
	display:			block;
	float:				left;
	font-size:			12px;
	font-weight:		700;
	margin:				5px 0px 0px 0px;
}
.domaincheck_container input.domaincheck_text_input {
	display:			block;
	float:				left;
	width:				70px;
	height:				16px;
	border:				1px solid black;
	padding:			0px;
	margin:				3px 4px 0px 0px;
}
.domaincheck_container input.domaincheck_image_input {
	display:			block;
	float:				left;
	padding:			0px;
	margin:				5px 0px 0px 0px;
}

.domaincheck_container br {
	clear:				left;
}

/** Menu's **/
.mod_menu_container {
}
	.mod_menu_container img {
		float:			left;
		display:		block;
		margin:			0px 4px 5px 0px;
	}
	.mod_menu_container a {
		float:			left;
		display:		block;
		color:			#646464;
		margin:			-1px 0px 0px 0px;
		border: 0px solid red;
	}
	.mod_menu_container a:hover {
		color:			#ff6600;
	}
	.mod_menu_container br {
		clear:			left;
	}

/** Breadcrumbs **/
.breadcrumbs a {
	font-size:			11px;
	color:				#5f5e63;
	text-decoration:	none;
}
.breadcrumbs a:hover {
	text-decoration:	underline;
}
	.breadcrumbs a.first {
		color:				#bf67d9;
	}

/** Newsbrief **/
.mod_nb_left {
	display:	block;
	float:		left;
}
	.mod_nb_left h3 {
		margin:		8px 0px 8px 0px;
	}
.mod_nb_right {
	display:	block;
	float:		left;
}
	.mod_nb_left label {
		display:	block;
		float:		left;
		width:		50px;
		margin-top: 5px;
		font-style:	italic;
	}
	.mod_nb_left input {
		display:	block;
		float:		left;
		margin-top: 5px;
		padding:	0px;
	}
		.mod_nb_left .mod_nb_text_input,
		.mod_nb_left .mod_nb_text_input_day, 
		.mod_nb_left .mod_nb_text_input_year {
			height:		14px;
			width:		100px;
			border:		1px solid black;
		}
			.mod_nb_left .mod_nb_text_input_day {
				width:			20px;
				margin-right:	8px;
			}
			.mod_nb_left .mod_nb_text_input_year {
				width:			40px;
			}
	.mod_nb_left br {
		display:	block;
		clear:		left;
	}
	.mod_nb_left input.radio {
		width:		16px;
		height:		14px;
		margin-top:	7px;
	}
	.mod_nb_left label.lradio {
		width:		50px;
		height:		14px;
		font-style: italic;
	}

/** FAQ **/
.mod_faq_container br {
	clear:		left;
}
.mod_faq_question_icon,
.mod_faq_answer_icon {
	display:	block;
	float:		left;
	margin:		4px;
}

.mod_faq_question_text,
.mod_faq_answer_text {
	display:	block;
	float:		left;
	margin:		3px;
}
	.mod_faq_question_text {
		font-weight:	700;
	}

/** Gallery **/
.mod_gallery_container {
	margin-bottom: 20px;
}
.mod_gallery_header {
	float:		left;
	clear:		both;
}
	.mod_gallery_header_title {
		float:			left;
		font-size:		20px;
		font-weight:	700;
		color:			#cc0033;
		padding:		18px;
	}
	.mod_gallery_header_slideshow {
		display:		block;
		float:			right;
	}
		.mod_gallery_header_slideshow img {
			border:			0px solid black;
		}

.mod_gallery_image_container {
	display:			block;
	float:				left;
	border-color:		#979797;
	border-style:		solid;
	border-width:		0px 2px 0px 0px;
	width:				120px;
}
	.mod_gallery_image_container a {
		display:		block;
		text-align:		center;
		height:			90px;
	}
	.mod_gallery_image_container img {
		border: 0px solid black;
	}
	.mod_gallery_image_container p {
		padding:		0px;
		margin:			10px auto 10px auto;
		text-align:		center;
	}
.mod_gallery_bottom_ruler {
	display:		block;
	float:			left;
	background:		#959595;
	width:			488px;
	height:			2px;
	margin-top:		10px;
}

.mod_gallery_page_index {
	margin:			6px 0px 6px 0px;
	float:			left;
}
	.mod_gallery_page_index a {
		color:			#000000 !important;
	}

/** Filelist **/
.filelist_div, .filelist_div_header {
	background:		#e4e4e6;

	border-style:	dashed;
	border-color:	black;
	border-width:	0px 0px 1px 0px;

	font-weight:	700;
	height:			39px;
}
.filelist_div_header {
	height:			15px;
	padding:		5px 30px 5px 4px;
}
	.filelist_div br {
		clear:		left;
	}
	.filelist_div div.filelist_base {
		display:	block;
		float:		left;
		width:			300px;
		height:			28px;
		padding:		12px 0px 0px 4px;
	}
		.filelist_div div.filelist_header {
		}
		.filelist_div div.filelist_static_text {
			width:			150px;
		}
		.filelist_div div.filelist_file {
			width:			20px;
			height:			36px;
			padding:		4px 0px 0px 10px;
		}
		.filelist_div div.filelist_divider {
			background:		white;
			border-style:	solid;
			border-width:	0px 0px 1px 0px;
			border-color:	white;
			width:			2px;
			height:			39px;
			padding:		0px;
		}

/** Poll **/
.mod_poll_container {
	
}
	.mod_poll_container .mod_poll_item_row {
	}

	.mod_poll_container br {
		clear:			left;
	}

	.mod_poll_container input,
	.mod_poll_container .mod_poll_letter,
	.mod_poll_container .mod_poll_statement {
			display:	block;
			float:		left;
	}
		.mod_poll_container input {
		}
		.mod_poll_container .mod_poll_letter {
			padding:	3px 0px 0px 0px;
		}
		.mod_poll_container .mod_poll_statement {
			padding:	3px 0px 4px 6px;
			width:		130px;
		}

/** Portfolio **/
.portfolio_thumb_container {
	float:		left;
	margin:		4px;
}
	.portfolio_thumb_container img {
		border: 1px solid #d4d4d4;
	}
.portfolio_image_container {
	height:		280px;
}
.portfolio_description_container {
	float:		left;
	margin:		8px;
	font-size:	1.2em;
	font-weight:700;
}
	.portfolio_description_container a {
		font-size:		10px;
		font-weight:	100;
		padding:		1px;
	}
.portfolio_file {
	text-align:			center;
	margin:				2px 0px 20px 0px;
	padding:			18px 0px 4px 0px;
	/*
	border: 1px solid #ffb380;
	border-width: 1px 0px 0px 0px;
	*/
}
	.portfolio_file img {
		border: 1px solid #eaeaea;
		margin:			0px 0px 4px 0px;
	}

.portfolio_left_label,
.portfolio_right_label {
	display:	block;
	float:		left;
	margin:		2px 0px 2px 0px;
}
	.portfolio_left_label {
		width:			100px;
		font-weight:	700;
	}
	.portfolio_right_label {
		width:			250px;
	}
	.portfolio_description br {
		clear: both;
	}

/****************************************************************************************
 * XHTML form based on labels and inputs with added help tags
 ****************************************************************************************/

form.xhtml-label-form label {
    float:      left;
    width:      100px;
    margin:     15px 0px 0px 0px;
    padding:    0px;
}
form.xhtml-label-form input,
form.xhtml-label-form textarea {
    float:      left;
    width:      250px;
    margin:     15px 0px 0px 0px;
    padding:    0px;
}
    form.xhtml-label-form textarea {
        height:     120px;
    }
    form.xhtml-label-form input.error,
    form.xhtml-label-form textarea.error {
        border: 1px solid red;
        background: #ffeeee;
    }
form.xhtml-label-form span.help {
    float:      left;
    clear:      left;
    width:      244px;
    padding:    0px 3px;
    margin:     0px 0px 0px 100px;
    font-size:  0.92em;
    color:      #555555;
}
form.xhtml-label-form br {
    clear:      both;
}
form.xhtml-label-form input.submit {
    margin:     20px 0px 0px 100px;
}