/*
 * CSS for Incasso Poort
 * Author: Jeroen Dijkstra | Crowd Surfing 2010
 */

/* GENERAL CSS RESET */
html, body, div, span, applet, object, iframe, h1, h2, h3, h4, h5, h6, p, blockquote, pre, a, abbr, acronym, address, big, cite, code, del, dfn, em, font, img, ins, kbd, q, s, samp, small, strike, strong, sub, sup, tt, var, dl, dt, dd, ol, ul, li, fieldset, form, label, legend, table, caption, tbody, tfoot, thead, tr, th, td { margin: 0; padding: 0; border: 0; outline: 0; font-weight: inherit; font-style: inherit; font-size: 100%; font-family: inherit; vertical-align: baseline; }
strong 	{ font-weight: bold; }
body 	{ line-height: 1; color: black; background: white; }
ol, ul 	{ list-style: none; }
/* END GENERAL CSS RESET */

/* GENERAL STYLES */
html
{
	font-family: Arial;
	font-size: 13px;
}

html, body, div#Container
{
	width: 100%;
}

body
{
	background-image: url('/Includes/Themes/Incassopoort/Images/background_gradient.jpg');
	background-repeat: repeat-y;
	text-align: center;
}

div#Container
{
	margin: 25px auto;
	text-align: left;
	width: 957px;
}

a
{
	color: #FF001A;
	text-decoration: none;
}

a:hover
{
	text-decoration: underline;
}

a:visited
{
	color: #FF001A;
}

p
{
	color: #000000;
	margin-bottom: 10px;
	padding-right: 20px;
}

em
{
	font-style: italic;
}

/* Alternative Headers */
a em
{
	color: #000000;
	font-style: normal;
	font-size: 13px;
	text-decoration: underline;
}

a em:hover
{
	color: #FF001A;
}

/* END GENERAL STYLES */

/* HEADER */
div#Header
{
	background-image: url('/Includes/Themes/Incassopoort/Images/inc.png');
	height: 215px;
	margin-bottom: 12px;
	width: 957px;
}

img.HeaderImage
{
	display: none;
}

/* END HEADER */

/* NAVIGATION */
div#Navigation
{
	font-size: 15px;
	height: 32px;
}

	div#Navigation ul li
	{
		background-image: url('/Includes/Themes/Incassopoort/Images/MenuKnop.png');
		background-repeat: no-repeat;
		float: left;
		height: 32px;
		margin-right: 9px;
		width: 152px;
		text-align: center;
	}

	div#Navigation ul li.LastItem
	{
		margin-right: 0;
	}

	div#Navigation ul li.Current
	{
		background-image: url('/Includes/Themes/Incassopoort/Images/MenuKnop_Active.png');
		margin-top: 1px;
	}

		div#Navigation ul li a
		{
			color: #FF001A;
			display: block;
			font-weight: bold;
			height: 32px;
			line-height: 32px;
			width: 152px;
		}

		div#Navigation ul li a:hover
		{
			text-decoration: underline;
		}

		div#Navigation ul li.Current a
		{
			color: #FFFFFF;
		}

		/* Sub menu */
		div#Navigation ul li ul
		{
			background-color: #FFFFFF;
			border: 1px solid #000000;
			border-top: none;
			display: none;
			float: left;
			font-size: 11px;
			padding-bottom: 5px;
			padding-top: 3px;
			margin-left: -76px;
			position: absolute;
			width: 151px;
			z-index: 9;

			opacity: 0.9;
		}

		div#Navigation ul li > ul /* Target everything but IE6 */
		{
			margin-left: 0;
			position: relative;
			width: 151px;
		}

		div#Navigation ul li:hover > ul
		{
			display: block;
		}

		div#Navigation ul li ul li
		{
			background-color: #FFFFFF; /* Just for Opera */
			background-image: none;
			height: 21px;
			margin-right: 0;
			padding-left: 4px;
			width: 147px;
		}

			div#Navigation ul li ul li a,
			div#Navigation ul li.Current ul li a
			{
				color: #FF001A;
				width: 140px;
			}

			div#Navigation ul li ul li a:hover
			{
				text-decoration: underline;
			}

			div#Navigation ul li.Current ul
			{
				width: 149px;
			}

		/* SubMenu third item */
		div#Navigation ul li ul li ul
		{
			display: none;
			border: none;
			background-color: transparent;
		}

		div#Navigation ul li ul li ul:hover li
		{
			display: block;
		}

		div#Navigation ul li ul li ul li
		{
			border: 1px solid #000000;
			background-color: #FFFFFF;
			margin-left: 147px;
			position: relative;
			top: -31px;
		}

		div#Navigation ul li ul li ul li a
		{
			height: 20px;
			line-height: 20px;
		}

		div#Navigation ul li.Current ul li ul li
		{
			margin-left: 145px;
		}

/* END NAVIGATION */

/* IMAGEBAR */
div#ImageBar
{
	margin-top: 13px;
}

/* END IMAGEBAR */

/* CONTACTBAR */
div#ContactBar
{
	float: left;
	margin-top: 50px;
	width: 218px;
}

	div#ContactBar p
	{
		font-size: 12px;
		line-height: 15px;
	}

	div#ContactBar p.Title
	{
		font-weight: bold;
	}

		div#ContactBar p a
		{
			color: #000000;
		}

		div#ContactBar p.ContactDetails a:hover
		{
			text-decoration: underline;
		}

	/* Buttons */
	div#ContactBar a.Button
	{
		display: block;
		background: #FF001A;
		border: 1px solid #FFFFFF;
		color: #FFFFFF;
		font-size: 14px;
		font-weight: bold;
		height: 34px;
		line-height: 34px;
		margin-top: 25px;
		text-align: center;
		width: 152px;

		-moz-box-shadow: 5px 5px 10px #808080;
		-webkit-box-shadow: 5px 5px 10px #808080;
	}

	div#ContactBar a.Button.SmallText
	{
		/*display: none;  @TODO: Remove this line to enabled Sommatie ontvangen? */
		font-size: 13px;
	}

	/* Image */
	div#ContactBar a#ContactBarPopup
	{
		display: block;
		margin-top: 50px;
		height: 150px;
		width: 189px;
	}

	div#ContactBar a#ContactBarPopup img
	{
		border: 1px solid #000000;

		-moz-box-shadow: 5px 5px 10px #808080;
		-webkit-box-shadow: 5px 5px 10px #808080;
	}

/* END CONTACTBAR */

/* CONTENT */
div#ContentContainer
{
	float: left;
	background-image: url('/Includes/Themes/Incassopoort/Images/Leeuw.gif'); /* IE6 gets the .gif */
	background-position: center 15px;
	background-repeat: no-repeat;
	margin-bottom: 20px;
	min-height: 600px;
	height: auto !important; /* IE6 min-height fix */
	height: 600px;
	width: 737px;
}

div#Container > div#ContentContainer /* Real browsers get the pretty .png */
{
	background-image: url('/Includes/Themes/Incassopoort/Images/Leeuw.png');
}

	div#ContentContainer div#Content
	{
		margin-top: 50px;
	}

div#Content h1,
div#Content h2,
div#popupImageContainer h2
{
	font-size: 14px;
	font-weight: bold;
	margin-bottom: 10px;
}

div#Content h3
{
	font-size: 12px;
	font-weight: bold;
}

div#Content p
{
	margin-bottom: 20px;
	line-height: 18px;
}

div#Content ul
{
	margin-bottom: 5px;
	margin-left: 30px;
}

	div#Content ul li
	{
		line-height: 1.4;
		list-style-type: disc;
	}
	
	div#Content img#HomepageZegel
	{
		margin-top: 25px;
	}

div#Content p img
{
	-moz-box-shadow: 5px 5px 10px #808080;
	-webkit-box-shadow: 5px 5px 10px #808080;
}

/* END CONTENT */

/* FORMS */
form div.Row label
{
	height: 1.5em;
}

form span.Hint
{
	margin-top: -30px;
	right: 350px;
}

form div.Row input.ErrorVeld,
form div.Row label
{
	line-height: 16px;
}

form div.ErrorMessage
{
	float: none;
}

label
{
	display: inline-block;
	width: 150px;
	margin-top: 4px;
}

textarea
{
	height: 150px;
	margin-bottom: 10px;
	margin-top: 10px;
	width: 297px;
}

	form input.PostcodeInput
	{
		width: 60px;
	}

	form div.CheckBox
	{
		display: inline;
	}

	form a
	{
		color: #000000;
		text-decoration: underline;
	}

	form a:hover
	{
		text-decoration: none;
	}

	form div.Signature
	{
		margin: 25px 0;
	}

	div#Content p.FormSubTitle
	{
		font-weight: bold;
		margin-bottom: 5px;
		margin-top: 10px;
	}

	/* Horizontal Form */
	div#InvoiceContainer
	{
		overflow: hidden;
	}

	form div.HorizontalForm
	{
		float: left;
	/*	width: 183px;*/
	}

	a#AddFields,
	a#RemoveFields
	{
		display: none;
		position: relative;
		top: 5px;
	}

	form div.HorizontalForm label
	{
		display: block;
		width: auto;
	}

	div.HorizontalFormSeperator
	{
		clear: left;
		padding-top: 15px;
	}

	div#DateField input
	{
		width: 70px;
	}

	/* DatePicker */
	div#ui-datepicker-div
	{
		display: none; /* IE6 */
	}

/* END FORMS */

/* TABLE COLORS */
tr.Odd
{
	background-color: #C6C6C6;
}

tr.Odd td,
tr.Even td
{
	border-bottom: 1px solid #FFFFFF;
	border-left: 1px solid #FFFFFF;
	padding: 3px 5px 5px 5px;
}

tr.Even
{
	background-color: #A5A5A5;
}

/* END TABLE COLORS */

/* LISTS */
ol
{
	font-size: 11px;
	margin-left: 30px;
	list-style-type: decimal;
}

ol li
{
	line-height: 1.4em;
}

/* END LISTS */

/* NEWS */
div#News div#RSSContainer div.NewsItem
{
	border: 1px dotted #000000;
	padding: 10px;
}

div#RSSContainer div.NewsItem
{
	border-bottom: 1px dotted black;
	padding-bottom: 10px;
}

div#RSSContainer div.NewsItem
{
	margin-bottom: 25px;
	text-align: justify;
}

	div#RSSContainer div.NewsItem p
	{
		margin-bottom: 5px;
	}

	div#RSSContainer div.NewsItem a
	{
		color: #000000;
		text-align: left;
	}

	div#RSSContainer div.NewsItem a
	{
		text-decoration: underline;
	}

	div#RSSContainer div.NewsItem a:hover
	{
		color: #FF001A;
	}

/* END NEWS */

/* FOOTER */
div#Footer
{
	background-color: #000000;
	clear: left;
	color: #FFFFFF;
	height: 25px;
	line-height: 25px;
	width: 100%;
}

	div#Footer a
	{
		color: #FFFFFF;
	}

	div#Footer a.Left
	{
		float: left;
		padding-left: 10px
	}

	div#Footer a.Middle
	{
		float: left;
		padding-left: 290px;
	}

	div#Footer a.Right
	{
		float: right;
		padding-right: 10px
	}

	div#Footer div.FooterPaddingLeft,
	div#Footer div.FooterPaddingRight
	{
		background-color: #FF001A;
		float: left;
		height: 100%;
		width: 12px;
	}

	div#Footer div.FooterPaddingRight
	{
		float: right;
	}

/* END FOOTER */

/* POPUP */
div#popupContainer,
div#popupImageContainer
{
	background: #FFFFFF none repeat scroll 0 0;
	border: 2px solid #FF001A;
	display: none;
	height: 485px;
	left: 32%;
	padding: 12px;
	position: absolute; /* No support for fixed in IE6 */
	top: 21%;
	width: 600px;
	z-index: 999;

	-moz-box-shadow: 5px 5px 10px #808080;
	-webkit-box-shadow: 5px 5px 10px #808080;
}

div#Content > div#Column div#popupContainer /* Real browsers do support this */
{
	position: fixed; /* ... and this */
}

p#PopupContent
{
	background-color: #FFFFFF;
	height: 455px;
	overflow: auto;
}

a#PopupClose,
a#ContactBarPopupClose
{
	border: 1px solid #000000;
	color: #000000;
	display: block;
	font-size: 24px;
	line-height: 14px;
	padding: 3px;
	position: absolute;
	right: 11px;
	top: 8px;
}

a#PopupClose:hover,
a#ContactBarPopupClose:hover
{
	color: #FF001A;
}

div#popupContainer.ImagePopup,
div#popupImageContainer.ImagePopup
{
	height: 765px;
	left: 13%;
	top: 4%;
	width: 890px;
}

div#popupContainer.ImagePopup img
{
	margin-top: 10px;
}

/* END POPUP */

/* SITEMAPE */
div#standaardpage
{
	line-height: 1.5;
}

	div#standaardpage ul li
	{
		font-weight: bold;
	}

		div#standaardpage ul li ul
		{
			margin-bottom: 15px;
			margin-left: 30px;
		}

			div#standaardpage ul li ul li
			{
				font-weight: normal;
				list-style-type: circle;
			}

/* END SITEMAPE */

/* CMS */
div#Column form h1
{
	font-size: 16px;
	font-weight: bold;
	margin-bottom: 10px;
}
/* END CMS */