/*
 * $Id: processContent.css 170 2009-12-28 16:12:54Z richard $
 */

/* start over-rulling css properties here */
div.processedContent {
	margin:0 25px 0 55px;
}
div.processedContent div.block {
	line-height: 145%;

}
div.clear {
	clear:both;
}
div.clearLeft, div.clearImage {
	clear: left;
}
div.clearRight {
	clear: right;
}

div.textCol img,
div.contentTextOneColumn img,
div.contentTextTwoColumns img,
div.contentTextThreeColumns img	{
	margin: 10px;
	background-color: white;
	border: 1px solid #000000;
}

div.contentTextTwoColumns {
	float: left;
	display: inline;
	position: relative;
	width: 48%;
	padding-right:1%;
	/*height: 209px;*/
	overflow: visible;
	line-height:14px;
}
div.contentTextThreeColumns {
	float: left;
	display: inline;
	position: relative;
	width: 250px;
	/*height: 209px;*/
	overflow: visible;
	border-right:1px solid #CA9E2E;
	line-height:14px;
	margin-left:5px;
	margin-right: 5px;
}
div.contentTextThreeColumnsNoLine {
	float: left;
	display: inline;
	position: relative;
	width: 250px;
	padding-right:1%;
	/*height: 209px;*/
	overflow: visible;
	line-height:14px;
	margin-left:5px;
}

div.contentTextOneColumn {
	line-height: 150%;
	float: left;
	position: relative;
	width: 90%;
	line-height:14px;
}

div.imageOneColumn {
	position:relative;
	width:200px;
	padding-right:5px;
}

div.imageTwoColumns {
	padding: 10px;
	float: left;
	width: 200px;
}
div.imageThreeColumns {
	padding: 10px;
	float: left;
	width: 200px;
}

div.formFrontend {
	width: 100%;
	float: left;
}

div.formBlock {
	padding-top: 10px;
	width: 100%;
	float: left;
}

div.formBody {
	text-align: center;	
	
}


/* end over-rulling css properties here */

/* start processedContent markup */

div.processedContent h2.title {
	font-size: 1.3em;
	font-weight: bold;
	margin: 5px 0;
	text-decoration: underline;
}

div.processedContent div.block {
	margin-bottom: 10px;
}

div.processedContent img.imageOneColumn {
	padding: 5px;
	float:left;
}

div.processedContent img.imageTwoColumns,img.imageThreeColumns  {
	float:left;
	padding:5px;
}
/* end plaincontent markup */

/* start content inline image markup */
img.inlineImageLeft, img.inlineImageRight {
	margin: 10px;
}
img.inlineImageRight 	{ float: right; }
img.inlineImageLeft		{ float: left; }

div.inlineImageRight, div.inlineImageLeft {
	background-color: #efefef;
	border: 1px solid #000000;
	padding: 5px;
	width: 200px;
	font-weight: bold;
	text-align: center;
	margin-bottom: 5px;
}
div.inlineImageRight { float: right; margin-left: 5px;}
div.inlineImageLeft { float: left; margin-right: 5px;}
/* end content inline image markup */


/* start form markup */
div.formBody ul.errors 				{ color: white; }

form.psmForm td.key						{ text-align: right; font-weight: bold; padding-right: 1em; padding-top: 5px;height:22px; padding-left: 5px; }
form.psmForm td.value					{ padding-right: 5px; padding-top: 5px; text-align: left; }
form.psmForm .required				{ color: white; }
form.psmForm tr.submitRow td	{ text-align: right;}

form.psmForm input.text,
form.psmForm select.text,
form.psmForm textarea.text		{ width:250px;  }
form.psmForm textarea.text		{ height: 60px;}
form.psmForm input.submit 		{
	width:100px;
	margin-top:10px;
	margin-bottom:10px;
	background-color: #262e6b;
	color: #fff;
	border:1px solid #000;}


/* end form markup */

/* Start document table markup */

table.documentTable				{ margin-top:10px; margin-bottom:10px; width: 100%; }
table.documentTable td		{ padding: 2px; }
table.documentTable a			{ }
table.documentTable thead td { background-color: #efefef; font-weight: bold;}
table.documentTable tbody td { border-top: 1px solid #000000;  }
table.documentTable td.docIcon { text-align: center; width: 7%;}
table.documentTable td.docFile { width: 58%;}
table.documentTable td.docSize { width: 15%;}
table.documentTable td.docDownload { white-space: nowrap; width: 20%;}

/* End document table markup */


/* start login screen markup */
	form#contentLogin	{
		margin-left:350px;
		line-height:11px;
	}

	form#contentLogin input.text {
		width:200px;
		border:1px solid #000;
	}
	form#contentLogin input.inputButton {
		background-color: #262e6b;
		color: #fff;
		border:1px solid #000;
		cursor: pointer;
	}
	span#loginAanmelden	{
		margin-left:280px;
	}
	span#loginAanmelden	a	{
		color: #fff;
		text-decoration:underline;
	}
	span#loginAanmelden	a:hover	{
		color: #fff;
		text-decoration:underline;
	}
/* end login screen markup */

/*verkopers markup*/
	form#verkopers input.inputButton {
		background-color: #4A6110;
		color: #fff;
		border:1px solid #000;
		cursor: pointer;
		text-align:center;
	}
	form#verkopers input.select {
		background-color: #4A6110;
		color: #fff;
		border:1px solid #000;
		cursor: pointer;
	}
	form#verkopers table td {
		padding-top:22px;
	}
	form#verkopers table td.submit{
		padding-top:5px;
	}

/*end verkopers markup*/

/* contactform markup */
form.psmForm input, textarea{
	width:250px;
	border: 1px solid #989898;
	padding: 1px;
}

/* kinderpanel markup */
table.kinderPanel {
	width: 100%;
}

table.kinderPanel tr.kinderPanelRow {
	height: 135px;
}

div.kinderPanelItem {
	border: 4px solid white;
	width: 275px;
	height: 112px;
}

div.kinderPanelImage {
	float: left;
}

div.kinderPanelText {
	float: left;
	padding-left: 2px;

}
/* end kinderpanel markup */

/* nieuws markup */
div.nieuwsBlock {
	float: left;
	margin-left: 10px;
	margin-top: 10px;
	border: 4px solid white;
	width: 950px;
	height: 360px;
	overflow: auto;
	position: relative;
}
/* end nieuws markup */

/* verkooppunten markup */

table.tableVerkooppunten {
	width: 100%;
}

div.verkooppuntenBlock {
	padding-left: 10px;
	padding-top: 10px;
	width: 400px;
	height: 300px;
	border: 4px solid white;
}

/* end verkooppunten markup Markup aanmelden*/
.aanmeldenleft	{
	float:left;
	display:inline;
	width:41%;
	margin-top: 19px;
	}
.aanmeldenright	{
	text-align: left;
	display:inline;
	width:58%;
	margin-top: 23px;
	}

div#trailerButton {
	background-image: url('/images/viewTrailer.png');
	width: 90px;
	height: 93px;
	position: absolute;
	padding: 0;
	margin: 0;

}