/*
 * CSS for Woud
 * 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; }
body { line-height: 1; color: black; background: white; }
:focus { outline: 0; } /* Outline for input fields in Webkit */
/* END GENERAL CSS RESET */

/* GENERAL STYLES */
html
{
	font-family: Arial, Helvetica, "DejaVu Sans", "Liberation sans", "Bitstream Vera Sans", sans-serif;
	font-size: 13px;
}

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

body
{
	background-color: #FFFFFF;
	color: white;
	margin: 0;
	text-align: center;
}

div#ContentContainer
{
	margin: 10px auto;
	overflow: hidden;
	width: 941px;
	text-align: left;
}

div#Content
{
	background-color: #FFFFFF;
	color: #4D4D4D;
	float: left;
	margin: 40px auto 0 auto;
	width: 710px;
}

h1
{
	font-size: 20px;
}

h2
{
	font-size: 16px;
}

h3
{
	font-size: 14px;
}

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

a:hover
{
	text-decoration: underline;
}

p
{
	color: #4D4D4D;
	line-height: 1.4;
	padding: 10px;
}

strong
{
	font-weight: bold;
}

em
{
	font-style: italic;
}

li
{
	list-style-type: none;
}

textarea
{
	overflow: auto;
}

div#Content ol li
{
	line-height: 1.3;
	list-style-type: decimal;
}

div#Content ul li
{
	line-height: 1.3;
	list-style-type: square;
}

pre
{
	font-family: "Courier New", Courier, monospace, serif;
  	margin: 0 0 1.5em;
}

.Amp
{
	font-family: Baskerville, "Goudy Old Style", Palatino, "Book Antiqua", "URW Chancery L", Gentium, serif;
	font-style: italic;
}

/* END GENERAL STYLES */

/* HEADER */
div#Header
{
	height: 162px;
}

	div#Header img#TopLogo
	{
		height: 162px;
		position: absolute;
		width: 941px;
		z-index: -1;
	}

	div#Header h1
	{
		font-weight: bold;
		font-size: 29px;
		padding-left: 220px;
		padding-top: 54px;
	}

		div#Header h1 span.SubHeader
		{
			display: block;
			margin-top: 3px;
			font-size: 17px;
		}

	div#Header p
	{
		background-image: url('/Includes/Themes/Woud/Images/TelefoonIcoon.jpg');
		background-repeat: no-repeat;
		color: #0066FF;
		font-weight: bold;
		margin-top: 70px;
		margin-left: 30px;
		padding-left: 30px;
		padding-top: 8px;
	}

/* END HEADER */

/* SURROUNDING LINE */
div.RedLineContent
{
	background-image: url('/Includes/Themes/Woud/Images/RedLineContent.gif');
	background-position: right 8px;
	background-repeat: repeat-y;
	min-height: 550px;
	height: auto !important;
	height: 550px;
	position: relative;
	top: 10px;
}

div.RedLine
{
	background-image: url('/Includes/Themes/Woud/Images/RedLine.gif');
	background-position: center;
	background-repeat: repeat-x;
	margin-bottom: 10px;
	position: relative;
	top: -8px;
}

div.RedLineTopNavigation
{
	background-image: url('/Includes/Themes/Woud/Images/RedLine.gif');
	background-position: center top;
	background-repeat: repeat-x;
	height: 1px;
	margin-left: 95px;
	width: 125px;
}

div.RedLineBottomNavigation
{
	background-image: url('/Includes/Themes/Woud/Images/RedLine.gif');
	background-position: center top;
	background-repeat: repeat-y;
	min-height: 0 !important;
	height: 40px !important;
	width: 191px;
}

/* END SURROUNDING LINE */

/* NAVIGATION */
div#NavigationContainer
{
	background-image: url('/Includes/Themes/Woud/Images/RedLineContent.gif');
	background-position: 95px top;
	background-repeat: repeat-y;
	float: left;
	min-height: 510px;
	height: auto !important;
	height: 510px;
	margin-top: 50px;
}

ul#Navigation
{
	padding-top: 22px;
	width: 230px;
}

	ul#Navigation a
	{
		color: #FFFFFF;
		display: block;
		font-size: 14px;
		font-weight: bold;
		height: 29px;
		line-height: 29px;
		position: relative;
		z-index: 2; /* Get just above the Submenu */

		-moz-box-shadow: 4px 4px 10px #000000;
		-webkit-box-shadow: 4px 4px 10px #000000;
		box-shadow: 4px 4px 10px #000000;
	}

	ul#Navigation li
	{
		background-image: url('/Includes/Themes/Woud/Images/Menuknop.jpg');
		margin: 0 0 15px 27px;
		text-align: center;
		width: 138px;
	}

	ul#Navigation li.HasSubItems
	{
		background-image: url('/Includes/Themes/Woud/Images/MenuknopDropDown.jpg');
	}

		ul#Navigation li ul li.HasSubItems a
		{
			background-image: url('/Includes/Themes/Woud/Images/PijlSubmenuBlauw.png');
			background-position: right center;
			background-repeat: no-repeat;
		}

	ul#Navigation li.Last
	{
		background-image: url('/Includes/Themes/Woud/Images/InteresseKnop.jpg');
	}

	ul#Navigation ul li.Last
	{
		background-image: none;
	}

	/* SUBMENU */
	ul#Navigation li ul
	{
		background-color: #E6E6E6;
		border-bottom: 1px solid #C3C3C3;
		padding-bottom: 4px;
		padding-top: 5px;
		position: relative;
		z-index: 1; /* Get just below the parent item */
		zoom: 1; /* Needed for IE (hasLayout) or else it dissapears */
	}

		ul#Navigation li ul li,
		ul#Navigation li ul li.HasSubItems
		{
			background-image: none;
			margin: 0;
		}

			ul#Navigation li ul li:hover
			{
				background-color: #C3C3C3;
			}

			ul#Navigation li ul li a
			{
				color: #000000;
				font-size: 12px;
				font-weight: normal;
				height: auto;
				line-height: 22px;
				padding-left: 8px;
				width: 122px;

				-moz-box-shadow: none;
				-webkit-box-shadow: none;
				webkit-box-shadow: none;
			}

			ul#Navigation li ul li.HasSubItems a
			{
				background-image: url('/Includes/Themes/Woud/Images/PijlSubmenuBlauw.png');
				background-position: right center;
				background-repeat: no-repeat;
			}

	/* END SUBMENU */

		/* SUB-SUBMENU */
		ul#Navigation li ul li ul
		{
			background-color: #E0E0E0;
			display: none;
			left: 138px;
			margin-top: -27px;
			position: absolute;
		}

			ul#Navigation li ul li ul li
			{
				text-align: left;
				width: 150px;
			}

				ul#Navigation li ul li.HasSubItems ul li a
				{
					background-image: none;
					padding-left: 10px;
					width: 150px;
				}

		/* END SUB-SUBMENU */

/* END NAVIGATION */

/* CONTENT */
div#Content div.RedLineContent img
{
	border: 1px solid #C0C0C0;
	padding: 5px;
}

	div#Content div.RedLineContent a img
	{
		margin-bottom: 10px;
		margin-right: 10px;
	}

div#Content p
{
	padding-right: 30px;
}

div#Content p.AddText
{
	color: #DB001B;
	clear: left;
	font-size: 13px;
	font-weight: bold;
}

div#Content h2
{
	background-color: #FFFFFF; /* To hide the line on the background */
	color: #000000;
	display: inline;
	font-weight: bold;
	padding: 0 10px;
}

div#Content h3
{
	color: #000000;
	font-size: 14px;
	font-weight: bold;
	margin-bottom: 5px;
	padding: 0 10px;
}

div#Content div.SearchContainer
{
	display: inline;
	display: inline-block;
	float: right;
	margin-right: 35px;
}

	div#Content div.SearchContainer div.Row
	{
		width: auto;
	}

div#Content input#SearchBox
{
	border: 1px solid #DB001B;
	color: #0066FF;
	padding-left: 5px;
	width: 143px;
}

div#Photoslide
{
	float: 				right;
	margin-right:		347px;
}

div#Photoslide img
{
	border: 1px solid #DB001B;
	padding: 5px;
}

div#Content ul,
div#Content ol
{
	color: #DB001B;
	list-style-position: inside;
	margin-top: 10px;
}

div#Content ol
{
	color: #0066FF;
}

	div#Content ul li,
	div#Content ol li
	{
		color: #4D4D4D;
		list-style-type: disc;
		margin-left: 20px;
		margin-bottom: 5px;
	}

		div#Content ul li ul,
		div#Content ol li ul
		{
			margin-bottom: 10px;
		}

			div#Content ul li ul li,
			div#Content ol li ul li
			{
				margin-left: 25px;
			}

	div#Content ol li
	{
		list-style-type: decimal;
	}

		div#Content ul li a
		{
			border-bottom: 1px solid #0066FF;
			color: #666666;
			font-weight: bold;
		}

		div#Content ul li a:hover
		{
			border-bottom: none;
			text-decoration: none;
		}

	div#Content div.FrontLinks
	{
		float: left;
		margin-top: 20px;
		padding-bottom: 1px; /* Fixes border-bottom cut off in IE */
	}

		div#Content div.FrontLinks ul li
		{
			line-height: 1.8;
		}

	div#Content div.FrontImage
	{
		display: inline;
		float: left;
		margin-top: 20px;
		margin-left: 40px;
		width: 341px;
	}

		div#Content div.FrontImage span
		{
			background-color: #DB001B;
			color: #FFFFFF;
			display: block;
			font-size: 13px;
			height: 30px;
			line-height: 30px;
			padding: 0;
			text-align: center;
		}

	div#Content div.DuoImages img
	{
		padding: 3px;
		margin: 10px 60px 25px 10px;

		-moz-box-shadow: 4px 4px 10px #000000;
		-webkit-box-shadow: 4px 4px 10px #000000;
		box-shadow: 4px 4px 10px #000000;
	}

	div#Content div.AdditionalText
	{
		clear: left;
		padding-bottom: 10px; /* Keep this padding to make sure the red line doesn't break */
	}

		div#Content div.AdditionalText p
		{
			margin-bottom: 0;
			padding-bottom: 0;
			padding-left: 0;
		}

		div#Content div.AdditionalText a
		{
			color: #0066FF;
		}

	div#Content table
	{
		border-collapse: collapse;
		border-spacing: 0;
		margin-bottom: 10px;
		margin-top: 10px;
		max-width: 700px;
		padding-bottom: 0;
	}

		div#Content table thead th,
		div#Content table thead td
		{
			background-color: #000000;
			border: 1px solid #4D4D4D;
			color: #FFFFFF;
			font-weight: bold;
			height: 35px;
			padding-left: 10px;
			padding-right: 10px;
			vertical-align: middle;
		}

		div#Content table td
		{
			border-bottom: 1px solid #CCCCCC;
			border-right: 1px solid #CCCCCC;
			max-width: 248px;
			padding: 10px;
			vertical-align: top;
		}

		div#Content table td.LastColumn
		{
			border-right: none;
		}

/* END CONTENT */

/* IMPRESSION */
div#Impression
{

}

	div#Impression div#LargeFoto
	{
		background-image: url('/Includes/Themes/Woud/Images/Icons/preloader.gif');
		background-position: center;
		background-repeat: no-repeat;
		height: 425px;
		margin: 15px auto;
		text-align: center;
		width: 531px;
	}

	div#Impression div#SmallFoto
	{
		margin: 0 auto;
		padding: 10px 0;
		width: 650px;
	}

		div#Impression div#SmallFoto ul li
		{
			float: left;
			list-style-type: none;
			margin: 0;
			min-height: 60px;
		}

		div#Impression div#SmallFoto div.carousel-wrap
		{
			display: inline-block;
			line-height: 0;
			vertical-align: middle;
			width: 598px;
		}

			div#Impression div#SmallFoto div.carousel-wrap a
			{
				border: none; /* Just for IE */
			}

		div#Impression div#SmallFoto a.hover
		{
			cursor: pointer;
		}

		div#Impression div#SmallFoto a.carousel-control
		{
			display: inline-block;
			height: 17px;
			text-indent: -9999px;
			vertical-align: middle;
			width: 13px;
		}

		div#Impression div#SmallFoto a.carousel-previous
		{
			background-image: url('/Includes/Themes/Woud/Images/carousel_arrows.jpg');
			background-position: top left;
		}

		div#Impression div#SmallFoto a.carousel-next
		{
			background-image: url('/Includes/Themes/Woud/Images/carousel_arrows.jpg');
			background-position: top right;
		}

		div#Impression div#SmallFoto a.carousel-previous.disabled
		{
			background-position: bottom left;
			cursor: default;
		}

		div#Impression div#SmallFoto a.carousel-next.disabled
		{
			background-position: bottom right;
			cursor: default;
		}



/* END IMPRESSION */


/* BREADCRUMBS */
div#BreadCrumbTrail
{
	font-style: italic;
	margin-bottom: 10px;
}

	div#BreadCrumbTrail span.BreadCrumbSpacer
	{
		background-image: url('/Includes/Themes/Woud/Images/BreadCrumbArrow.jpg');
		background-position: center center;
		background-repeat: no-repeat;
		display: inline-block;
		height: 9px;
		width: 18px;
	}

/* END BREADCRUMBS */

/* ORDER FORM */
div#OrderContainer
{

}

	div#OrderContainer div.RedLine
	{
		top: 0;
	}

	div#OrderContainer h3
	{
		color: #DB001B;
		text-decoration: underline;
	}
	
	div#OrderContainer h3:hover
	{
		text-decoration: none;
	}

	div#OrderContainer table
	{
		margin-bottom: 25px;
	}

		div#OrderContainer table tr td
		{
			text-align: center;
		}

			div#OrderContainer table tr td input
			{
				width: 60px;
			}

/* END ORDER FORM */

/* FORMS */
form div.RedLine
{
	margin-top: 15px;
}

form div.Row
{
	/* Set height if needed */
}

	form div.Row input
	{
		border: 1px solid #C0C0C0;
		vertical-align: middle;
		width: 155px;
	}

	form div.Row label
	{
		display: inline-block;
		font-size: 13px;
		width: 90px;
	}

	form div.Row textarea
	{
		height: 100px;
		width: 200px;
	}

form div.Submit
{
	text-align: right;
}

	form div.Submit label
	{
		width: auto;
		text-align: right;
	}

	form div.Submit input
	{
		border: none;
		width: auto;
	}

form div.TextArea
{
	height: auto;
	width: auto;
}

form div.Row input[type=radio]
{
	border: none;
	margin-bottom: 5px;
	width: auto;
}

/* END FORMS */

/* CONTACT PAGE */
div#ContactAddress,
div#ContactGMapsContainer
{
	float: left;
}

	div#ContactGMapsContainer iframe
	{
		border: 1px solid #C0C0C0;
		display: block;
		margin-bottom: 36px;
		margin-left: 20px;
	}

/* END CONTACT PAGE */

/* CONTACT FORM */
form#Contact
{
	margin-left: 10px;
}

	form#Contact div.Row div.RadioButtonGroup
	{
		position: relative;
		top: -22px;
	}

			form#Contact div.Row div.RadioButtonGroup div.RadioRow
			{
				margin-left: 150px;
				overflow: hidden; /* To hide the scrollbars in IE */
				width: 310px;
			}

				form#Contact div.Row div.RadioButtonGroup div.RadioRow input
				{
					float: left;
					height: 22px;
				}

				form#Contact div.Row div.RadioButtonGroup div.RadioRow label
				{
					float: left;
					height: 25px;
				}

		form#Contact div.Row textarea
		{
			margin-bottom: 10px;
			width: 300px;
		}

/* END CONTACT FORM */

/* SEARCH RESULTS */
div#SearchResultContainer
{

}

	div#SearchResultContainer div.Notice
	{
		clear: left;
		width: 665px;
	}

	div#SearchResultContainer div.Row
	{
		float: left;
		height: 26px;
		margin-bottom: 10px;
	}

		div#SearchResultContainer div.Row label
		{
			vertical-align: top;
		}

		div#SearchResultContainer div.Row input
		{
			vertical-align: super;
		}

	div#SearchResultContainer ol#SearchResultList
	{
		clear: left;
		padding-bottom: 5px;
		margin-left: -20px;
	}

		div#SearchResultContainer ol#SearchResultList li
		{
			background-color: #FCFCFC;
			display: list-item;			/* IE needs this */
			list-style-type: decimal;	/* ... and this */
			margin-bottom: 25px;
			vertical-align: top;		/* ... and this */
			width: 675px;
		}

		div#SearchResultContainer ol#SearchResultList li:nth-child(even)
		{
			background-color: #F6F6F6;
		}

			div#SearchResultContainer ol#SearchResultList li h3
			{
				display: inline;
			}

/* END SEARCH RESULTS */

/* GOOGLE MAPS */
div#GMapsContainer
{
	float: right;
	margin-right: 10px;
	padding: 0 10px;
}

	div#GMapsContainer iframe
	{
		border: 1px solid #C0C0C0;

		-moz-box-shadow: 4px 4px 10px #000000;
		-webkit-box-shadow: 4px 4px 10px #000000;
		box-shadow: 4px 4px 10px #000000;
	}

	div#GMapsContainer a#GMapsLink
	{
		display: block;
		padding: 5px 0 10px 0;
		text-align: right;
	}

/* END GOOGLE MAPS */

/* FOOTER */
div#Footer
{
	background-image: url('/Includes/Themes/Woud/Images/BalkOnderRijplaten.jpg');
	background-position: center -75px;
	background-repeat: no-repeat;
	clear: left;
	height: 168px;
	position: relative;
	top: -2px;
}

	div#Footer div#FooterTop div.RedLineContent
	{
		top: 0;
	}

	div#Footer div#FooterTop img
	{
		margin-left: 87px;
	}

	div#Footer div#FooterTop p
	{
		color: #000000;
		padding-left: 28px;
		width: 715px;
	}

	div#Footer div#FooterTop div.RedLine
	{
		background-image: url('/Includes/Themes/Woud/Images/RedLineBottom.gif');
		background-position: right center;
		background-repeat: no-repeat;
	}

	div#Footer div#FooterTop div.RedLineContent
	{
		background-image: url('/Includes/Themes/Woud/Images/RedLine.gif');
		background-repeat: repeat-y;
		min-height: 0 !important;
		height: 67px !important;
		width: 940px;
	}
	
		div#Footer div#FooterTop div.RedLineContent div#Print
		{
			position: absolute;
			right: 30px;
			top: 40px;
		}

div#Footer div#FooterBottom
{
	margin-left: 25px;
	margin-top: 27px;
}

	div#Footer div#FooterBottom div.Left,
	div#Footer div#FooterBottom div.Right
	{
		float: left;
	}

	div#Footer div#FooterBottom div.Left
	{
		width: 530px;
	}

	div#Footer div#FooterBottom p,
	div#Footer div#FooterBottom h2,
	div#Footer div#FooterBottom a
	{
		color: #FFFFFF;
		font-size: 12px;
		margin: 0;
		padding: 0;
	}

	div#Footer div#FooterBottom h2
	{
		font-size: 13px;
		font-weight: bold;
	}

/* END FOOTER */

/* FORMS */
div.Notice
{
	background-color:	#ffffcc;
	border:				1px dotted #cc9933;
	color: 				#cc9933;
	font-weight:		bold;
	line-height:		2;
	margin-bottom:		10px;
	padding: 			10px;

	-moz-box-shadow:	0 0 4px #cc9933;
	-webkit-box-shadow:	0 0 4px #cc9933;
	box-shadow:			0 0 4px #cc9933;
}

	div.Notice.Error
	{
		background-color:	#ffd4d4;
		border:				1px dotted red;
		color: 				red;
		font-weight:		bold;

		-moz-box-shadow:	0 0 4px red;
		-webkit-box-shadow:	0 0 4px red;
		box-shadow:			0 0 4px red;
	}

	div.Notice.Message
	{
		background-color:	#E2F1F8;
		border:				1px dotted #0398CA;
		color: 				#0398CA;
		font-weight:		bold;

		-moz-box-shadow:	0 0 4px #0398CA;
		-webkit-box-shadow: 0 0 4px #0398CA;
		box-shadow: 		0 0 4px #0398CA;
	}

	div.Notice.Success
	{
		background-color:	#aea;
		border:				1px dotted green;
		color: 				green;
		font-weight:		bold;

		-moz-box-shadow:	0 0 4px green;
		-webkit-box-shadow: 0 0 4px green;
		box-shadow: 		0 0 4px green;
	}

	div.Notice a
	{
		border: 			1px solid black;
		border-color:		inherit;
		color: 				inherit;
		display:			inline-block;
		float: 				right;
		text-align:			center;
		text-decoration:	none;
		width:				24px;
	}

		div.Notice a:hover
		{

		}

div.Row
{
	line-height:		2;
}

label
{
	display: 			inline-block;
	min-width:			150px;
}

/* END FORMS */


/* FORM HINTS */
	form div.Row
	{
		position: relative;
		width: 315px;
	}

		form div.ErrorMessage
		{
			color: #FF0000;
			float: right;
			padding-right: 10px;
		}

		form div.Row input
		{
			min-height: 16px;
		}

		form div.Submit input
		{
			height: auto;
		}

		form div.Row input.ErrorVeld
	    {
	    	border: 2px solid #FF0000;
			height: 14px; /* To compensate the extra 2 border px */

			-moz-box-shadow: 0px 0px 4px #FF0000;
			-webkit-box-shadow: 0px 0px 4px #FF0000;
			box-shadow: 0px 0px 4px #FF0000;
		}

		form div.Row span.Hint
		{
			background-color: #FFFFFF;
			border: 1px solid #B3B3B3;
			display: none;
			font-family: Verdana, Arial, Helvetica, "DejaVu Sans", "Liberation sans", "Bitstream Vera Sans", sans-serif;
			font-size: 12px;
			padding: 3px 5px;
			position: absolute;
			right: -185px;
			top: 0;
			width: 175px;

			-moz-box-shadow: 0px 0px 4px #000000;
			-webkit-box-shadow: 0px 0px 4px #000000;
			box-shadow: 0px 0px 4px #000000;
		}

			form div.Row span.Hint span.Pointer
			{
				background: url('/Includes/Themes/Woud/Images/Icons/pointer.png') no-repeat;
				display: block;
				height: 9px;
				left: -8px;
				position: absolute;
				top: 5px;
				width: 9px;
			}


/* END FORM HINTS */