/* Core layout */
/* ---------------------------------------------------------------------------------------------------------------------- */
html, body {
	margin: 0px;
	padding: 0px;
	background-image: url(../images/Site_Background.jpg);
	height: 100%;
	font-family: Arial, Helvetica, sans-serif;
	font-size: 12px;
}
div#Holder {
	height: 100%;
	width: 850px;
	margin-left: auto;
	margin-right: auto;
}
div#Right {
	float: right;
	width: 15px;
	background-image: url(../images/Blocks.jpg);
	background-position: right bottom;
	background-repeat: no-repeat;
	visibility: hidden;
}
div#Container {
	width: 835px;
	background-image: url(../images/Content_Background.gif);
	background-position: right;
	background-repeat: repeat-y;
	float: left;
}
div#Container, div#Right {
	min-height: 600px;
}
* html div#Container, * html div#Right { height: 600px }

div#Footer {
	clear: both;
	border-top: solid 1px #DBDBDB;
	margin-left: 15px;
	margin-right: 15px;
	padding-top: 8px;
	margin-bottom: 5px;
	font-size: 11px;
}

/* Overal gebruikt */
/* ---------------------------------------------------------------------------------------------------------------------- */
div.Overview {
	background-color: white;
	color: black;
	padding: 10px;
	line-height: 18px;
	overflow: auto;
}
div.Overview div.Label {
	float: left;
	position: relative;
	font-weight: bold;
}
div.Blocks {
	width: 15px;
	height: 100px;
	background-image: url(../images/Blocks.jpg);
	float: left;
}
div.Breaker {
	height: 0px;
	line-height: 0px;
	font-size: 0px;
	clear: both;
}

/* Header */
/* ---------------------------------------------------------------------------------------------------------------------- */
div#Container div#Header {
	height: 100px;
}
div#Container div#Header div#Header_Content {
	border-left: solid 1px #DBDBDB;
	border-right: solid 1px #DBDBDB;
	float: left;
	width: 818px;
	height: 100%;
	background-color: white;
	background-image: url(../images/Header_Background.jpg);
	background-position: right;
	background-repeat: no-repeat;
}
div#Header div#Header_Content div#Logo {
	margin-top: 8px;
}

/* Content Area */
/* ---------------------------------------------------------------------------------------------------------------------- */
div#Container div#Content {
	background-color: white;
	margin-left: 25px;
	margin-right: 10px;
	margin-top: 12px;
}

/* Homepage Items */
/* ---------------------------------------------------------------------------------------------------------------------- */
div#Content div#Home_Showcase {
	width: 510px;
	float: left;
}
div#Home_Showcase div.Showcase {
	height: 110px;
	margin-bottom: 15px;
	background-position: right;
	background-repeat: no-repeat;
	padding-right: 10px;
}
div#Home_Showcase div.Showcase a {
	cursor: pointer;
	display: block;
	height: 100%;
	text-decoration: none;
	color: white;
}

div#Home_Showcase div.Showcase.Purple {
	background-color: #B61781;
	background-image: url(../images/Showcase_Purple_Background.jpg);
}
div#Home_Showcase div.Showcase.Blue {
	background-color: #0f6db8;
	background-image: url(../images/Showcase_Blue_Background.jpg);
}
div#Home_Showcase div.Showcase.Orange {
	background-color: #F5AA0B;
	background-image: url(../images/Showcase_Yellow_Background.jpg);
}
div#Home_Showcase div.Showcase.Green {
	background-color: #8DC536;
	background-image: url(../images/Showcase_Green_Background.jpg);
}

div.Showcase div.Content {
	height: 100%;
	background-repeat: no-repeat;
}
div.Showcase div.Content div.Header {
	padding: 2px 0px 0px 160px;
}
div.Showcase div.Content div.Header h1 {
	display: inline;
	font-size: 18px;
}
div.Showcase div.Content div.Description {
	margin-top: 3px;
	margin-left: 220px;
	line-height: 17px;
}

/* Homepage Form */
/* ---------------------------------------------------------------------------------------------------------------------- */
div#Content div#Home_Info {
	margin-left: 520px;
}

div#Home_Info div#InfoForm {
	background-image: url(../images/Info_Background.jpg);
	background-position: left;
	background-color: #A6D457;
	background-repeat: repeat-y;
	height: 235px;
	color: white;
}
div#InfoForm div.Header {
	padding: 2px 0px 0px 10px;
}
div#InfoForm div.Header h1 {
	display: inline;
	font-size: 18px;
}

div#InfoForm form {
	margin: 4px 0px 0px 10px;
	padding: 0px;
}
div#InfoForm form h2 {
	margin: 0px 0px 4px 0px;
	font-size: 12px;
}
div#InfoForm form input.elementText {
	border: solid 1px #7CB327;
	margin-bottom: 5px;
	width: 120px;
}
div#InfoForm form input.formSubmitSend {
	border: none;
	background-image: url(../images/Form_Verstuur.gif);
	background-repeat: no-repeat;
	background-position: top;
	background-color: transparent;
	height: 60px;
	width: 55px;
	font-size: 12px;
	color: white;
	text-decoration: underline;
	margin-left: 35px;
	cursor: pointer;
}
div#InfoForm td.formColumnLeft {
	width: 125px;
	vertical-align: top;
}

/* Homepage Rightside Box */
/* ---------------------------------------------------------------------------------------------------------------------- */
div#Home_Info div.InfoBox {
	height: 235px;
	margin-top: 15px;
	border: solid 1px #DBDBDB;
}
* html div#Home_Info div.InfoBox {width: 275px; overflow: hidden}

/* Detail Pages Navigation */
/* ---------------------------------------------------------------------------------------------------------------------- */
div#Content div#DetailNav {	height: 20px; }
div#DetailNav ul {
	color: white;
	margin: 0px;
	padding: 0px;
	list-style: none;
	height: 100%;
	float: right;
}
div#DetailNav ul li {
	height: 100%;
	margin: 0px;
	padding: 0px;
	float: left;
}
div#DetailNav ul li a { 
	text-decoration: none;
	padding-top: 2px;
	padding-left: 6px;
	padding-right: 6px;
	height: 18px;
	display: block;
	float: left;
}

div#Content.DetailPurple div#DetailNav ul {	border-top: solid 1px #B61781; border-right: solid 1px #B61781; }
div#Content.DetailPurple div#DetailNav ul li a { color: #B61781; border-left: solid 1px #B61781; }
div#Content.DetailPurple div#DetailNav ul a:hover {	color: white; background-color: #B61781; }
div#Content.DetailPurple div.Description div.Overview table span.elementRequired { color: #B61781; }

div#Content.DetailBlue div#DetailNav ul {	border-top: solid 1px #0f6db8; border-right: solid 1px #0f6db8; }
div#Content.DetailBlue div#DetailNav ul li a { color: #0f6db8; border-left: solid 1px #0f6db8; }
div#Content.DetailBlue div#DetailNav ul a:hover {	color: white; background-color: #0f6db8; }
div#Content.DetailBlue div.Description div.Overview table span.elementRequired { color: #0f6db8; }

div#Content.DetailOrange div#DetailNav ul {	border-top: solid 1px #F5AA0B; border-right: solid 1px #F5AA0B; }
div#Content.DetailOrange div#DetailNav ul li a { color: #F5AA0B; border-left: solid 1px #F5AA0B; }
div#Content.DetailOrange div#DetailNav ul a:hover {	color: white; background-color: #F5AA0B; }
div#Content.DetailOrange div.Description div.Overview table span.elementRequired { color: #F5AA0B; }

div#Content.DetailGreen div#DetailNav ul {	border-top: solid 1px #8DC536; border-right: solid 1px #8DC536; }
div#Content.DetailGreen div#DetailNav ul li a { color: #8DC536; border-left: solid 1px #8DC536; }
div#Content.DetailGreen div#DetailNav ul a:hover {	color: white; background-color: #8DC536; }
div#Content.DetailGreen div.Description div.Overview table span.elementRequired { color: #8DC536; }

/* Detail Pages Photo */
/* ---------------------------------------------------------------------------------------------------------------------- */
div#Content div#Detail_Foto {
	width: 275px;
	float: left;
	overflow: hidden;
}

div#Detail_Foto div.Navigation {
	margin-top: 10px;
	border-left: solid 1px #DBDBDB;
	border-top: solid 1px #DBDBDB;
	border-bottom: solid 1px #DBDBDB;
	padding: 5px;
}
div#Detail_Foto div.Navigation a {
	color: black;
}
div#Detail_Foto div.Navigation a img {
	vertical-align: middle;
	margin-right: 8px;
	border: none;
}
div#Detail_Foto div#Previews {
	margin-top: 10px;
}
div#Detail_Foto div#Previews img {
	margin-left: 7px;
	float: right;
}

div#Detail_Foto div.Overview {
	margin-top: 10px;
	border-left: solid 1px #DBDBDB;
	border-top: solid 1px #DBDBDB;
	border-bottom: solid 1px #DBDBDB;
	padding: 5px;
}
div#Detail_Foto div.Overview div.Info {
	margin-left: 85px;
}
div#Detail_Foto div.Overview p {
	margin: 0px;
	padding-top: 8px;
}

/* Detail Pages Content */
/* ---------------------------------------------------------------------------------------------------------------------- */
div#Content div#Detail_Content {
	margin-left: 275px;
	position: relative;
	color: white;
	margin-bottom: 10px;
	line-height: 16px;
}

div#Content.DetailPurple div#Detail_Content { background-image: url(../images/Detail_Purple_Background.jpg); }
div#Content.DetailBlue div#Detail_Content { background-image: url(../images/Detail_Blue_Background.jpg); }
div#Content.DetailGreen div#Detail_Content { background-image: url(../images/Detail_Green_Background.jpg); }
div#Content.DetailOrange div#Detail_Content { background-image: url(../images/Detail_Orange_Background.jpg); }

div#Detail_Content div.Header {
	position: absolute;
	left: -60px;
	width: auto;
	top: 5px;
	height: 25px;
}
div#Detail_Content div.Header h1 {
	display: inline;
	font-size: 18px;
}
div#Detail_Content div.Description {
	padding-top: 30px;
	margin-left: 15px;
	margin-right: 15px;
	padding-bottom: 10px;
}

div#Detail_Content div.Description p {
	margin:0px 0px 10px 0px;
	padding: 0px;
}

div#Detail_Content div.Description div.Overview div.Info {
	margin-left: 105px;
}
div#Detail_Content div.Description div.Overview p {
	margin: 10px 0px 10px 0px;
}

div#Detail_Content div.Description div.Overview form {
	margin: 0px;
	padding: 0px;
}
div#Detail_Content div.Description div.Overview form label {
	background-color: red;
	width: 200px;
	display: block;
	float: left;
	position: relative;
}

div#Detail_Content div.Description div.Overview table td.formColumnLeft {
	width: 240px;
	padding-bottom: 6px;
	vertical-align: top;
}
div#Detail_Content div.Description div.Overview table input.elementText, div#Detail_Content div.Description div.Overview table textarea.elementTextarea {
	border: solid 1px #DBDBDB;
	font-size: 11px;
	font-family: Arial, Helvetica, sans-serif;
	width: 190px;;
	*width: 175px;;
}
div#Detail_Content div.Description div.Overview table select.elementDate {
	border: solid 1px #DBDBDB;
	font-size: 11px;
}

div#Detail_Content div.Description div.Overview form input.formSubmitSend {
	border: none;
	background-image: url(../images/Icon_Send.gif);
	background-repeat: no-repeat;
	background-position: top;
	background-color: white;
	height: auto;
	width: auto;
	padding-top: 35px;
	font-size: 12px;
	text-decoration: underline;
	color: black;
	font-weight: bold;
	margin-top: 10px;
	cursor: pointer;
}
/* Detail Pages Bottom Navigation */
/* ---------------------------------------------------------------------------------------------------------------------- */
div#Detail_Content div.Description div.Navigation {
	padding-bottom: 10px;
}
div#Detail_Content div.Description div.Navigation div.Item {
	float: left;
	position: relative;
	margin-right: 20px;
}
div#Detail_Content div.Description div.Navigation div.Item a {
	color: black;
	font-weight: bold;
}

div#Detail_Content div.Description div.Navigation div.Item a img {
	vertical-align: middle;
	margin-right: 5px;
	border: none;
}

/* Footer */
/* ---------------------------------------------------------------------------------------------------------------------- */
div#Footer ul {
	margin: 0px;
	padding: 0px;
	list-style: none;
}
div#Footer li {
	display: inline;
	margin-left: 12px;
}
div#Footer li a {
	color: #B4B4B4;
	text-decoration: none;
}
/* Photoviewer */
/* ---------------------------------------------------------------------------------------------------------------------- */
div.DetailPurple div.thumbnails a img { border: solid 1px #B61781; }
div.DetailBlue div.thumbnails a img { border: solid 1px #0f6db8; }
div.DetailOrange div.thumbnails a img { border: solid 1px #F5AA0B; }
div.DetailGreen div.thumbnails a img { border: solid 1px #8DC536; }

div.DetailPurple div.thumbnailNavigator a { color: #B61781; }
div.DetailBlue div.thumbnailNavigator a { color: #0f6db8; }
div.DetailOrange div.thumbnailNavigator a { color: #F5AA0B; }
div.DetailGreen div.thumbnailNavigator a { color: #8DC536; }

div.thumbnailNavigator a {
	font-size: 11px;
}
div#activePhoto {
	margin-top: 6px;
}