/**
 * Stylesheet for <##PROJECTNAME##>
 * @media	screen, projection
 * @copyright	Netlash <http://www.netlash.com>
 * @author	name <stijn@netlash.com>
 */

/* Typography and text styles */

html { height: 100%; margin-bottom: 1px; } /* force scrollbar */

body {
	font-size: 14px;
	font-family: Georgia, Garamond, serif;
	background: #000 url('../images/deco_bg_body.png') repeat-x;
	color: #dedede;
}

body.mceContentBody p, body.mceContentBody ul, body.mceContentBody ol {
	font-family: arial;
	font-size: 14px;
}

#header h1 {
	font-size: 36px;
	font-weight: 700;
	padding: 0;
}

#header h1 a {
	text-decoration: none;
}

/* Headings */

h2 {
	font-size: 20px;
	font-weight: normal;
	margin-bottom: 20px;
}

h3 {
	font-size: 18px;
	/*font-family: arial;
	font-weight: bold;*/
	font-weight: normal;
	color: #9AC2FE;
	margin-bottom: 12px;
}


table h4 {
	padding-top: 0;
}

h4 {
	font-size: 13px;
	padding: 7px 0 7px 0;
	font-weight: 700;
}

p {
	padding: 0 0 33px 0;
}

ul, ol {
	padding: 0 0 12px 24px;
}

ul {
	list-style: disc;
}

li {
	font-family:arial;
	font-size:14px;
	line-height: 180%;
}

#content ul {
	margin-top: -20px;
	list-style-type: none;
	padding-left: 0;
	padding-bottom: 5px;
}

#content ul li {
	background: url('../images/deco_bg_li.gif') no-repeat 10px 8px;
	margin-left: 0;
	padding-left: 28px;
}

#content ol li {
	padding-left: 5px;
}

ol {
	list-style-type: decimal;
	padding: 0 0 12px 24px;
}

	ul ul, ol ul {
		padding-bottom: 0;
	}

	ol ol {
		padding-bottom: 0;
	}

	ul ol {
		padding: 0 0 0 28px;
	}

small, span.mute {
	color: #808080;
	font-size: 11px;
}

code {
	font-family: Monaco, "Courier New", monospace;
	font-size: 12px;
	line-height: 1.15;
}

pre {
	padding: 7px 14px;
	background: #F5F5F5;
	margin: 0 0 14px;
}

blockquote, q {
	font-style: italic;
	color: #666;
}

blockquote {
	padding: 14px 0 24px 14px;
	color: #DEDEDE;
}

blockquote p {
	padding: 0;
}

cite {
	font-size: 11px;
	text-align: right;
	display: block;
	position: relative;
	top: -14px;
	height: 0;
	/* Dismisses height to correctly align next element */
}

/* Default styling for data tables */
table {
	/* font-family: Arial, sans-serif; */
	margin: 0 0 14px;
}

td, th {
	padding: 0;
	font-size: 14px;
	color: #fff;
	font-family: arial;
}

th {
	font-weight: 700;
	background: #F5F7F9;
	color: black;
	line-height: 1.2;
	text-align: left;
}

tr.rowOdd { background: white; }
tr.rowEven { background: #FCFCFC; }

form table {
	border: none;
}

form table td {
	border: none;
	font-size: 13px;
	vertical-align: top;
	padding: 0 5px 10px 0;
}

abbr, acronym {
	cursor: help;
}

/* Links */
a:link {
	color: #9AC2FE;
}

a:visited {
	color: #9AC2FE;
}

a:hover,
a:active {
	color: #f5a1f8;
}


/**
 * = Page structure and layout
 * ----------------------------------------------------------
 */

img.left {
	float: left;
	margin-right: 15px;
	margin-bottom: 15px;
}

img.right {
	float: right;
	margin-left: 15px;
	margin-bottom: 15px;
}

/**
 * = Page structure and layout
 * ----------------------------------------------------------
 */

	#container {
		width: 960px;
		margin: 0 auto;
		background: url('../images/deco_bg_container.jpg') no-repeat;
		min-height: 367px;
	}

	#header {
		height: 192px;
		width: 960px;
		background-repeat: no-repeat;
		background-position: 565px 10px;
	}

	#header h1 {
		float: left;
		background: url('../images/title_h1.gif') no-repeat;
		width: 193px;
		height: 78px;
		text-indent: -9999px;
		margin: 63px 0 0 121px;
		display: inline;
	}

	#header h1 a {
		display: block;
		width: 193px;
		height: 78px;
		float: left;
	}

	#header #master0 {
		left: 251px;
		top: 10px;
	}


	/**
	 * = Navigation
	 * ----------------------------------------------------------
	 */

	#navigation {
		float: left;
		width: 181px;
		padding-top: 50px;
	}

	#navigation ul {
		padding: 0;
		list-style-type: none;
		float: left;
	}

	#navigation ul li {
		clear: left;
		float: left;
		width: 121px;
		line-height: 100%
	}

	/* Edited by Yoni - yoni@netlash.com */

	#navigation ul li a,
	#navigation ul li a:link,
	#navigation ul li a:visited {
		float: left;
		width: 121px;
		text-align: right;
		font-size: 14px;
		color: #fff;
		font-family: arial, sans-serif;
		text-decoration: none;
		padding-bottom: 11px;
	}

	#navigation ul li a:hover,
	#navigation ul li a:active {
		color: #9ac2fe;
	}

	#navigation ul li.selected a,
	#navigation ul li.selected a:link,
	#navigation ul li.selected a:visited {
		font-size: 16px;
		color: #9ac2fe;
		font-weight: 700;
	}

	#navigation ul li.selected a:hover,
	#navigation ul li.selected a:active {
		color: #9ac2fe;
	}

	#navigation ul ul {
		padding-bottom: 15px;
	}

	#navigation ul li.selected li a,
	#navigation ul li.selected li a:link,
	#navigation ul li.selected li a:visited {
		font-size: 11px;
		font-weight: 300;
		color: #fff;
		padding-bottom: 4px;
	}

	#navigation ul li.selected li a:hover,
	#navigation ul li.selected li a:active {
		color: #9ac2fe;
	}

	#navigation ul li.selected li.selected a,
	#navigation ul li.selected li.selected a:link,
	#navigation ul li.selected li.selected a:visited {
		color: #9ac2fe;
		font-weight: 700;
	}

	#navigation ul li.selected li.selected a:hover,
	#navigation ul li.selected li.selected a:active {
		color: #9ac2fe;
	}

	/**
	 * = Content
	 * ----------------------------------------------------------
	 */

	.home #content {
		float: left;
		width: 479px;
	}

	.detail #content {
		float: left;
		width: 480px;
		position: relative;
		overflow: hidden;
	}

	.detailOwnCreations #content {
		float: left;
		width: 779px;
		position: relative;
		overflow: hidden;
	}

	.detail #content p, .detailOwnCreations #content p {
	}

	.detail #content p.form-success {
		background: #8F985D;
		padding: 5px;
		color: #202315;
		border: 1px solid #99A561;
		width: 477px;
	}

	.form-error {
		clear: left;
		float: left;
		color: #A51D0F;
		padding: 7px 0 18px 0;
		width: 479px;
	}

	.detail #content .shop p, .detail #content .shop h3 {
		width: 239px;
	}

	.detail #content div.shop {
		float: left;
		width: 239px;
	}

	.detail #content table, .detailOwnCreations #content table {
		clear: left;
		float: left;
		width: 478px;
		margin-left:1px;
	}

	.detail #content .newsarticle p.date, .detailOwnCreations #content .newsarticle p.date {
		color: #9AC2FE;
	}

	.detail #content h3, .detailOwnCreations #content h3 {
		clear: both;
		float: left;
		width: 479px;
		font-size: 16px;
	}

	.detail #content p.detailRight, .detail #content h3.detailRight, .detailOwnCreations #content p.detailRight, .detailOwnCreations #content h3.detailRight {
		position: absolute;
	}

	.detailOwnCreations #content p, .detail #content p, #home #content p {
		line-height: 150%;
		font-family: arial;
		font-size: 14px;
	}

	#home #content p.leftA {
		float: left;
		border: 8px solid #f4f3f3;
		padding: 0;
		line-height: 0;
		margin-right: 17px;
		display: inline;
		margin-bottom: 26px;
	}

	#home #content p.leftB {
		float: left;
		border: 8px solid #f4f3f3;
		padding: 0;
		line-height: 0;
		margin-bottom: 26px;
	}

	#home #content p.introText {
		font-size: 18px;
		font-style: italic;
		font-weight: normal;
		line-height: 150%;
		padding: 0;
	}

	#content p.border, #content img.border {
		border: 8px solid #f4f3f3;
		margin-bottom: 11px;
	}


	/**
	 * = adresHome
	 * ----------------------------------------------------------
	 */

	#newsAndAdres {
		float: left;
	}

	#adresHome {
		clear: left;
		float: left;
		width: 184px;
		margin-left: 116px;
		margin-top: 45px;
		display: inline;
	}

	#adresHome p {
		font-family:arial;
		font-size:14px;
		line-height:150%;
	}

	/**
	 * = adresDetail
	 * ----------------------------------------------------------
	 */

	#adresDetail {
		float: left;
		width: 160px;
		margin-left: 113px;
		margin-top: 45px;
		display: inline;
	}

	.detailOwnCreations #content #adresDetail p,  .detailOwnCreations #content #adresDetail h3 {
		width: 184px;
	}


	/**
	 * = NewsHome
	 * ----------------------------------------------------------
	 */

	#newsHome {
		float: left;
		width: 244px;
		margin-left: 56px;
		display: inline;
		/* background: url('../images/deco_bg_nieuwsHome.jpg') no-repeat 0 bottom; */
	}

	#newsHome dt {
		padding: 0 25px 7px 58px;
		float: left;
		width: 161px;
		font-size: 18px;
		color: #9ac2fe;
	}

	#newsHome dt a {
		color: #9ac2fe;
		text-decoration: none;
	}

	#newsHome dt a:hover {
		color: #f5a1f8;
	}

	#newsHome dd {
		font-family: arial;
		clear: left;
		float: left;
		width: 244px;
		line-height: 150%;
		font-family:arial;
		font-size:14px;
	}

	#newsHome dd p {
		padding-bottom: 0;
	}

	#newsHome dd p.readMore {
		width: 185px;
		padding: 0 0 23px 59px;
	}

	#newsHome dd p.readMore a {
		color: #fff;
	}

	#newsHome dd p.readMore a:hover {
		color: #F5A1F8;
	}

	#newsHome dd p.date {
		width: 43px;
		float: left;
		color: #c1c1c1;
		font-weight: bold;
	}

	#newsHome dd p.date .day {
		width: 43px;
		float: left;
		text-align: right;
		font-size: 14px;
		margin-top: 2px;
	}

	#newsHome dd p.date .month {
		width: 43px;
		float: left;
		text-align: right;
		line-height: 130%;
	}

	#newsHome dd div.newsStory {
		float: left;
		padding-left: 16px;
		width: 185px;
	}

	#newsHome #newsArchiveLink {
		clear: left;
		float: left;
		width: 185px;
		padding: 18px 0 27px 59px;
	}

	#newsHome #newsArchiveLink a {
		color: #fff;
		font-weight: bold;
		font-size: 14px;
	}

	#newsHome #newsArchiveLink a:hover {
		color: #F5A1F8;
	}

	/**
	 * = news
	 * ----------------------------------------------------------
	 */

	#news {
		float: left;
		width: 479px;
		display: inline;
	}

	#news dt {
		padding: 0 0 7px 0;
		float: left;
		width: 479px;
		font-size: 18px;
		color: #9ac2fe;
	}

	#news dt a {
		color: #9ac2fe;
		text-decoration: none;
	}

	#news dt a:hover {
		color: #f5a1f8;
	}

	#news dd {
		font-family: arial;
		font-size: 12px;
		clear: left;
		float: left;
		width: 479px;
		line-height: 150%;
		margin-bottom: 50px;
	}

	.detail #content #news dd p {
		width: 401px;
		padding: 0 0 33px 0;
	}

	#news dd p.readMore {
		width: 185px;
		padding: 0 0 23px 59px;
	}

	#news dd p.readMore a {
		color: #fff;
	}

	#news dd p.readMore a:hover {
		color: #F5A1F8;
	}

	.detail #content #news dd p.date {
		width: 53px;
		float: left;
		color: #7C7C7C;
		font-weight: bold;
		padding: 0;
		clear: none;
		font-size: 14px;
	}

	#news dd div.newsStory {
		float: left;
		width: 401px;
		overflow: hidden;
		padding: 0 25px 0 0;
		min-height: 15px;
	}

	#news #newsArchiveLink {
		clear: left;
		float: left;
		width: 185px;
		padding: 62px 0 27px 59px;
	}

	#news #newsArchiveLink a {
		color: #fff;
		font-weight: bold;
		font-size: 14px;
	}

	#news #newsArchiveLink a:hover {
		color: #F5A1F8;
	}

	/**
	 * = Gallery
	 * ----------------------------------------------------------
	 */

	.detail #gallery {
		float: left;
		list-style-type: none;
		padding: 0;
		width: 514px;
		margin-top: 70px;
	}

	.detail #gallery li {
		margin-right: 35px;
	}

	#infoAndGallery {
		float: left;
		width: 480px;
		overflow: hidden;
	}

	#infoAndGallery h2, #infoAndGallery p {
		width: 480px;
	}

	#gallery.album {
		padding-top: 30px;
	}

	#gallery {
		float: left;
		list-style-type: none;
		padding: 0;
		margin: 0;
		/* width: 803px; */
		width: 480px;
	}

	#content #gallery li {
		float: left;
		width: 136px;
		height: 182px;
		overflow: hidden;
		margin: 0 24px 25px 0;
		line-height: 1;
		display: inline;
		background: none;
		padding: 0;
	}

	.detail #content #gallery h3, .detailOwnCreations #content #gallery h3 {
		width: 129px;
		height: 40px;
		margin-top: 3px;
		line-height: 140%;
		font-family: Georgia,Garamond,serif;
		font-weight: normal;
		font-size: 13px;
		padding-left: 3px;
		text-align: center;
	}

	#gallery h3 a {
		color: #9AC2FE;
		text-decoration: none;
	}

	#gallery h3 a:hover {
		color: #f5a1f8;
	}

	.galleryImage {
		float: left;
		border: 8px solid #DEDEDE;
		line-height: 0;
		margin-bottom: 2px;
		width: 120px;
		height: 120px;
	}

	.detail #content #gallery li p, .detailOwnCreations #content #gallery li p {
		padding: 8px;
		width: 120px;
		line-height: 150%;
		height: 50px;
	}

	.galleryImage:hover {
		border: 8px solid #F4F3F3;
	}


	/**
	 * = pagination-wrap
	 * ----------------------------------------------------------
	 */

	.pagination-wrap {
		width: 100%;
		overflow: hidden;
		font-family: arial;
	}

	.pagination {
		float: left;
		position: relative;
		left: 50%;
	}

	.pagination ul {
		padding: 18px 0;
		z-index: 2;
		overflow: hidden;
		position: relative;
		left: -50%;
	}

	.pagination li {
		float: left;
		list-style: none;
		margin: 0 5px 0 0;
		text-decoration: none;
		padding: 0;
		line-height: 15px;
		font-size: 12px;
		text-align: center;
	}

	.pagination li span {
		float: left;
		display: block;
		padding: 4px 5px;
		color: #CCC;
		min-width: 12px;
	}

	.pagination li.currentpage span {
		font-weight: 700;
		color: #CCC;
	}

	.pagination li.selected span {
		padding: 4px 5px;
		font-weight: 700;
		color: black;
	}

	.pagination li a:link,
	.pagination li a:visited {
		float: left;
		display: block;
		border: 1px solid #000;
		padding: 3px 4px;
		text-decoration: none;
		min-width: 12px;
	}

	/**
	 * = Backlink
	 * ----------------------------------------------------------
	 */

	.detail #content p.backlink  {
		height: 53px;
		background: #13171a url('../images/deco_bg_backButton_left.gif') no-repeat 0 0;
		width: auto;
		padding: 0 0 0 14px;
		float: left;
		clear: left;
	}


	.detailOwnCreations #content p.backlink  {
		height: 20px;
		margin-bottom: 45px;
		padding: 0;
	}

	.detailOwnCreations #content p.backlink a  {
		height: 20px;
		padding: 8px;
		background: #13171a;
		color: #fff;
		float: left;
		display: block;
	}

	.detail #content #newsdetail p.backlink {
		margin-top: 0;
	}

	.detail #content p.backlink a {
		float: left;
		height: 38px;
		padding: 15px 22px 0 6px;
		color: #DEDEDE;
		display: block;
		background: transparent url('../images/deco_bg_backButton_right.gif') no-repeat right 0;
	}

	.detail #content p.backlink a:hover, .detailOwnCreations #content p.backlink a:hover {
		color: #F5A1F8;
	}

	/**
	 * = contacteer-ons
	 * ----------------------------------------------------------
	 */

	#contacteer-ons {
		clear: left;
		float: left;
		width: 479px;
	}

	#contacteer-ons dt {
		margin-bottom: 5px;
	}

	#contacteer-ons dd {
		margin-bottom: 15px;
	}

	#contacteer-ons textarea, #contacteer-ons input {
		width: 479px;
	}

	#contacteer-ons textarea {
		font-family: arial, sans-serif;
	}

	#contacteer-ons input.input-submit {
		width: auto;
	}


	/**
	 * = ownCreationsAndAddress
	 * ----------------------------------------------------------
	 */

	#ownCreationsAndAddress {
		display:inline;
		float:left;
		margin-left:113px;
		margin-top:45px;
		width:160px;
	}

	#ownCreationDetail {
		float: left;
	}

	.detail #content #ownCreationsAndAddress h3 {
		width: 244px;
	}

	#ownCreationsAndAddress_img {
		border: 8px solid #DEDEDE;
		float: left;
		line-height: 0;
		margin-top: 24px;
	}

	#ownCreationsAndAddress_img:hover {
		border: 8px solid #F4F3F3;
	}

	#ownCreationsAndAddress h3 {
		margin-bottom: 12px;
		font-size: 16px;
	}

	#ownCreationsAndAddress h3 a {
		color:#9AC2FE;
		text-decoration:none;
	}

	#ownCreationsAndAddress h3 a:hover {
		color: #F5A1F8;
	}

	#ownCreationsAndAddress .description {
		width: 228px;
		padding: 8px;
		clear: left;
		float: left;
		background: url('../images/deco_bg_seperator1.jpg') no-repeat 0 bottom;
		margin-bottom: 35px;
	}

	#ownCreationsAndAddress .description p {
		padding-bottom: 8px;
	}

	/**
	 * = seperatorBottom
	 * ----------------------------------------------------------
	 */
	.seperatorBottom {
		background: transparent url(../images/deco_bg_seperator1.jpg) no-repeat 0 bottom;
		margin-bottom: 33px;
	}

	.seperatorBottom p {
		font-family:arial;
		font-size:14px;
		line-height:150%;
	}

	.seperatorBottom h3 {
		font-size: 16px;
	}

	/**
	 * = Footer
	 * ----------------------------------------------------------
	 */

	#footer {
		clear: left;
		float: left;
		width: 561px;
		background: url('../images/deco_bg_footer.gif') no-repeat right 0;
		padding: 32px 0 123px 399px;
		margin-top: 87px;
	}

	#footer ul {
		float: left;
		list-style-type: none;
		text-align: center;
	}

	#footer li {
		float: left;
		color: #7c7c7c;
		font-size: 12px;
		font-family: arial;
		padding-right: 8px;
		margin-right: 3px;
		background: url('../images/deco_bg_footerList.gif') no-repeat right 5px;
	}

	#footer li.last {
		background: none;
	}

	#footer li a {
		color: #7c7c7c;
	}

	#footer li a:hover {
		color: #F5A1F8;
	}

/* Fork defaults: general purposes classes */
.hidden { display: none; }
.block { display: block; }
.nopadding { padding: 0 !important; }
.floatleft { float: left; }
.floatright { float: right; }

/* Fork defaults: simple column system */
.columns .column { float: left; }

/* Two columns */
.columns .column-12,
.columns .column-24 { width: 49.9%; }

/* Three columns*/
.columns .column-23 { width: 66.5%; }
.columns .column-13 { width: 33.2%; }

/* Four columns */
.columns .column-14 { width: 24.9%; }
.columns .column-34 { width: 74.9%; }

/* Five columns */
.columns .column-15 { width: 19.9%; }
.columns .column-25 { width: 39.9%; }
.columns .column-35 { width: 59.9%; }
.columns .column-45 { width: 79.9%; }

/* Spacing divs to fit inside colunns: gutter width and 1/2 gutter width */
.columns .spacing-left { margin-left: 20px; }
.columns .spacing-left-half { margin-left: 10px; }
.columns .spacing-right { margin-right: 20px; }
.columns .spacing-right-half { margin-right: 10px; }
.columns .spacing-both-half { margin-right: 10px; margin-left: 10px; }

/* Clearfix */
.clearfix:after {
	content: ".";
	display: block;
	height: 0;
	clear: both;
	visibility: hidden;
}