@charset "utf-8";

/*	Author: SVO Media Design
	Website: www.vanopstal.eu
	----------------------------------------------------*/

/*	Table of contents
	=RESETS
	=FIXES
	=BODY
	=CONTENT
	=SIDEBAR
	=NAVIGATION
	=FOOTER
	=COLLECTION
	=CONTACT
	=VARIOUS
 	----------------------------------------------------*/

/*	=RESETS
	----------------------------------------------------*/
	* { margin: 0; padding: 0; font-family: Arial, Helvetica, sans-serif; outline: 0; }
	img { border: 0; vertical-align: bottom; }
	
/*	=FIXES
	----------------------------------------------------*/
	.clr { overflow: hidden; height: 100%; }
	
/*	=WRAPPERS
	----------------------------------------------------*/
	body { background: #8e2a71; text-align: center; }
	
	#page-wrapper { background: #221524 url(../img/page-wrapper_bg.jpg) no-repeat top left; text-align: left; }
	#page-wrapper2 { background: #d3e1ea url(../img/page-wrapper_bg2.jpg) repeat-x top left; text-align: left; }
	#page-wrapper-inner {  width: 980px; margin: 0 auto;}

/*	=CONTENT
	----------------------------------------------------*/
	#content {  float: left; display: inline; margin: 0 10px 0 10px;}
	#content.col-a { width: 530px; }
	#content.col-b { width: 755px; margin-right: 0!important; }
	
	#content .cont { position: relative; clear: both; width: 100%; margin: 0 0 10px 0; background: url(../img/cont_bg.png); }
	#content .cont p { padding: 10px 10px 10px 10px; color: #fff; font-size: 12px; }
	#content .cont ul {  padding: 0 10px 0 10px; margin: 0 0 0 15px; }
	#content .cont ul li { color: #fff!important; font-size: 12px; line-height: 14px; }

	#content .cont p img.vsl { float: left; margin: -10px 10px -10px -10px; vertical-align: bottom; }
	#content .cont p img.vsl.large { margin: 0 0 10px -10px; }
	#content .cont p img.vsl2 { float: left; margin: -10px 10px 5px -10px; vertical-align: bottom; }
	#content .cont.with-title p img.vsl { margin-top: 0; }
	#content .cont p .tip { position: absolute; top: 90px; left: 180px; }
	
	td { color: #fff!important; font-size: 12px; line-height: 14px; padding:0 10px 0 10px; }
	
	#content .more-news { background: #670d68; margin: 0 0 10px 0; }
	#content .more-news a.archive { display: block; height: 100%; padding: 5px 10px 5px 10px; font-size: 12px; color: #fff; text-decoration: none; }
	#content .more-news img { vertical-align: middle; }
	#content .more-news a { color: #fff;  }

	#content .more-news ul { list-style: none; margin: 0 0 0 5px; }
	#content .more-news ul li { float: left; font-size: 12px; color: #fff; }
	#content .more-news ul li a { display: block; padding: 5px; color: #fff; text-decoration: none; }
	#content .more-news ul li a:hover, #content .more-news ul li a.active { background: #8e2a71; }
	#content .more-news ul li img { vertical-align: middle; }
	#content .more-news ul li.previous a:hover { background: #670d68; }
	#content .more-news ul li.next a:hover { background: #670d68; }
	
	#content .readmore { display: block; margin: 10px 0 0 0; text-align: right; }
	
	#content h1 { margin: 0 10px 0 10px; font-size: 16px; color: #fff; }
	#content h2 { padding: 10px 10px 0 10px;font-size: 12px; color: #fff; }
	#content h2.withvsl { margin-bottom: 10px; }
	#content h2 span { color: #9f388b; }
	#content h3 { float:left; clear: right; margin: 0 0 5px 0; padding: 5px 10px 5px 10px; background: url(../img/headers_bg.png); font-size: 12px; color: #fff;  }
	#content h4 { float:left; clear: right; margin: 0 0 5px 0; padding: 5px 10px 5px 10px; background: url(../img/headers_bg.png); font-size: 12px; color: #fff; text-decoration: none; }
	#content a { color: #ad8ea5; text-decoration: none; }
	#content a:hover, #nav-main li a.active { color: #fff; }
	
/*	=SIDEBAR
	----------------------------------------------------*/
	#sidebar {  width: 227px; padding: 125px 0 10px 0; float: left; }
	#sidebar ul.banners { list-style: none; }
	#sidebar ul.banners li { margin: 5px 0 10px 0; }
	#sidebar ul.banners li.first { margin-top: 0; }
	#sidebar h3 { margin: 0 0 5px 0; height: 30px; background: 0; font-size: 24px; color: #fff; font-weight: normal; }

/*	=NAVIGATION
	----------------------------------------------------*/
	#nav-main { float: left; width: 203px; padding: 130px 0 20px 0; list-style: none; text-align: right; }
	#nav-main li { font-size: 22px; color: #fff; line-height: 22px;	letter-spacing: -1px; }
	#nav-main li a { color: #fff; text-decoration: none; }
	#nav-main li a:hover, #nav-main li a.active { color: #a501a5; }
	
/*	=FOOTER
	----------------------------------------------------*/
	#footer { padding: 0 0 20px 0; background: #601e4d url(../img/footer_bg.gif) repeat-x;  border-top: 1px solid #231624; }
	#footer .inner { width: 980px; margin: 0 auto; text-align: left; }
	#footer .inner .col-a { float: left; display: inline; width: 490px; margin: 0 0 0 213px; padding: 20px; background: #601e4d url(../img/footer_inner_bg.gif) repeat-x; }
	#footer .inner .col-b { float: right; width: 187px; padding: 20px; text-align: right; }
	#footer .col-a p { margin: 0 0 10px 0; font-size: 12px; color: #bfa5b7; }
	#footer .col-b p { margin: 15px 0 0 0; font-size: 12px; color: #bfa5b7; line-height: 12px; }
	
/*	=COLLECTION
	----------------------------------------------------*/
	#collection { display: block; clear: both; width: 100%; }
	#collection .item { float: left; display: inline; width: 147px; height: 160px; margin: 0 0 0 5px; background: url(../img/collectie_item_bg.png) no-repeat top left; }
	#collection .item.first { margin-left: 0; }
	#collection .item img { padding: 8px; }
	
/*	=CONTACT
	----------------------------------------------------*/
	#contact * { vertical-align: middle; }
	#contact { padding: 10px; }
	#contact ol { list-style: none; }
	#contact ol li {  margin: 0 0 5px 0; line-height: 26px; }
	#contact li p { float: left; width: 150px; margin: 0!important; padding: 0!important;  }
	#contact li input.inpt { padding: 2px; width: 200px; font-size: 11px; }
	#contact li textarea { width: 210px; height: 100px; overflow: auto; }
	#contact li input.sbmt { margin: 5px 0 0 0; }
	#contact li input.sbmt { margin: 5px 0 0 0; }
	#contact li label { margin: 0 10px 0 10px; font-size: 12px; color: #fff; }
	#contact li label { margin: 0 10px 0 10px; font-size: 12px; color: #fff; }
	#contact li span { margin: 0 0 0 10px; }
	
/*	=VARIOUS
	----------------------------------------------------*/
	.download-brochure { float: right; margin: 0 0 10px 10px; }