/*
 *	Stylesheet Woonlinie - Portage
 * 	Author: Bbr
 *	Copyright: Zig Websoftware
 */

/*
 *	Overall attributes
 */
html
{
}

body
{
	font-family		: Arial;
	font-size		: 12px;
}

*
{
	margin			: 0;
	padding			: 0;
}

.clear
{
	clear			: both;
}

a
{
	color			: #000;
	outline			: medium none;
	text-decoration	: underline;
}

a:hover
{
	text-decoration	: none;
}

a img
{
	border			: none;
}

h2
{
	font-size		: 20px;
	margin-bottom	: 8px;	
}
h3
{
	font-size		: 18px;
}

ul, ol
{
	margin			: 0px;	
}

ul
{
	padding			: 0px 0px 0px 15px;	
}

ol
{
	padding			: 0px 0px 0px 19px;
}
p
{
	line-height		: 15px;
}

/*
 *	Container attributes
 */

/*
 *	Design the inner container
 */
div.container
{
	min-width		: 900px;
	width			: 900px;
	
	height			: 575px;
	margin			: 50px auto;
	
	/*position		: relative;
	z-index			: 30;*/
}

div.containerLeft
{
	width			: 150px;
	float			: left;
	height			: 100%;
}

div.containerMiddle
{
	width			: 450px;
	height			: 100%;
	float			: left;
	background-color	: #b0c81b;
}

div.containerMiddle
{
	width			: 450px;
	height			: 100%;
	float			: left;
	background-color	: #b0c81b;
}
div.containerMiddleContent
{
	width			: 400px;
	margin			: 25px 15px 25px 25px;
	height			: 525px;
	overflow-y		: auto;
	padding-right	: 10px;	
	position		: relative;
	z-index			: 80;
}
div.containerRight
{
	width			: 300px;
	float			: left;
}

/*
 *	Design the inner-right container content
 */
div.menuContainer
{
	height			: 360px;
	font-weight		: bold;
	padding-top		: 65px;
}

div.menuContainer ul
{
	list-style		: none;
	line-height		: 19px;
	padding			: 0;		
}

div.menuContainer ul ul
{
	margin-left		: 10px;
}

div.menuContainer ul a
{
	color			: #000;
	text-decoration	: none;	
}

div.menuContainer ul a.active
{
	color			: #009ee0;
}

div.containerLeft div.menuBottomImage
{
	position		: relative;
	bottom			: 0;
}


/*
 *	Design the inner-right container content
 */
div.containerRight div.portageLogo
{
	width			: 100%;
	height			: 125px;	
	text-align		: right;
}

div.containerRight div.sfeerContent
{
	width			: 100%;
	height			: 450px;
	background-color	: #a2daf4;	
}

/*
 * 	Design the bottom of the container, containing the Woonlinie logo
 */
div.containerBottom
{
	margin-top		: 10px;
	float			: right;	
	
}

/*
 * 	Design the blue thread overlay
 */
div.blueThread
{
	position		: absolute;
	top				: 460px;
	width			: 100%;
	height			: 226px;
	background-image	: url("/images/content_bluethread.png");
	background-position: 40%;
	z-index			: 20;
}

div#woonlinieLogo
{
	position		: absolute;
	left			: 50%;
	margin-top		: 175px;	
	width			: 150px;
	margin-left		: 325px;
	float			: left;
}

div.contentArea
{
	overflow-x		: hidden;
}

div.contentArea img
{
	margin-right	: 5px;
}

/* FORM */
.form_label_String
{
	width: 84px;
	line-height: 22px;
	float: left;
}
.form_field_String
{
	width: 194px;
	line-height: 22px;
	float: left;
	clear	: right;
}
.form_field_String input
{	
	width: 180px;
}
	
.form_field_String input, .form_field_CheckboxField input, textarea, select
{
	border: 1px solid #999999;
}

.form_label_CheckboxField
{
	line-height: 20px;
}

.form_error_StringField,
.form_error_EmailField
{
	margin-left	:	85px;	
}
.form_error
{
	color: #ff0000;
	clear: left;
}

.form_field_row
{
	margin-bottom: 3px;
}
.form_field_row input
{
	float: left;
}

.form_field_row label
{
	display: block;
	float: left;
	margin-left: 5px;
}


.form_label_CheckboxField, .form_label_RadioField
{
	font-size: 14px;
	margin-top: 20px;
	margin-bottom: 10px;
}
.form_row_SeparatorField
{
	font-size: 14px;
	margin-top: 5px;
	margin-bottom: 5px;
}

input.button
{
	border		: 1px solid;
	padding		: 1px 20px;
	background-color	: #FFF;
}