@charset "utf-8";

/*	PROJECTNAAM STYLES
	Author:	Sebastiaan Smid, Netvlies
	----------------------------------------------------*/

/*	Table of contents
	=RESETS
 	----------------------------------------------------*/

/*	=RESETS
	----------------------------------------------------*/
	* { margin: 0; padding: 0; outline: 0; font-family: Arial, Helvetica, sans-serif; color: #837870; }
	img { border: 0; }
	
/*	=FIXES
	----------------------------------------------------*/
	.clr { overflow: hidden; height: 100%; }
		
	body { background: #00aeef url(../img/body_bg.gif) repeat-y top left; padding: 0 0 0 26px; }
	h3 { font-size: 20px; font-weight: bold; color: #837870; padding: 0 0 3px 0; }
	
	#page-container { width: 971px; }

/*	=HEADER
----------------------------------------------------*/	
	#header { position: relative; background: #00aeef; padding: 15px 0 18px 0; }
	#btn_english { position: absolute; top: 29px; left: 490px; }
/*	=FOOTER
----------------------------------------------------*/		
	#footer { font-size: 14px; color: #00aeef; border-top: 1px solid #00aad2; margin: 20px 12px 40px 11px; }
	#footer a { font-size: 14px; font-weight: bold; color: #00aeef; text-decoration: none; margin-right: 20px; }
	#footer a:hover { text-decoration: underline; }

/*	=NAV MAIN
----------------------------------------------------*/	
	#nav-main { margin: 8px 0 30px 11px; }
	#nav-main li { list-style: none; overflow: hidden; height: 100%; }
	#nav-main li * { font-size: 20px; line-height: 26px; }
	#nav-main li div.section { display: block; float: left; width: 165px; border-bottom: 1px solid #00aad2; font-weight: bold; color: #00aad2; text-decoration: none; margin: 0 10px 0 0; }
	#nav-main li div { float: left; width: 600px; color: #00aad2; }
	#nav-main li div a { display: inline-block; color: #837870; border-bottom: 1px solid #837870;  text-decoration: none; } 
	#nav-main li div a.more { color: #00aad2; border-bottom: 1px solid #00aad2; }
	#nav-main li div a.selected { color: #00aad2; border-bottom: 1px solid #fff; }
	#nav-main li div a:hover { color: #00aad2; border-bottom: 1px solid #00aad2;  }
	
	
	#content-container { padding: 0 12px 0 11px; } 
	#content-container h1 { font-size: 38px; color: #837870; padding: 2px 0 13px 0;  }
	#content-container h2 { font-size: 14px; color: #00aeef; border-bottom: 2px solid #00aeef; }
	#content-container a.readmore { font-size: 18px; color: #00aeef; }
	#content-container a.readmore:hover { color: #00aeef; text-decoration: none; }
	#standard-page { width: 800px; }
	.content-section { position: relative; border-top: 1px solid #00aef0; padding: 3px 0 0 0; overflow: hidden; height: 100%; }
	
/*	=CASES
----------------------------------------------------*/
	#cases { }
	#cases a { color: #00aeef; }
	#cases a:hover { color: #00aeef; text-decoration: none; }
	
	.content-section.case h3, .content-section.case h3 a { font-size: 14px; color: #837870; text-decoration: none; }
	.content-section.case  { padding-bottom: 15px; }
	.content-section.case.last { padding-bottom: 0px; }
	.content-section.case .vsl { float: left; }
	.content-section.case .vsl-caption { position: absolute; left: 545px; top: 3px; width: 210px; font-size: 12px; line-height: 14px; }
	.content-section.case .user-content { padding: 9px 0 0 0; clear: both; width: 530px; font-size: 20px; }

/*	=CONTACT
----------------------------------------------------*/
	#contact { border-top: 1px solid #00aef0; padding: 3px 0 30px 0; overflow: hidden; height: 100%; }
	#contact .contact-col { width: 170px; float: left; overflow: hidden; height: 100%;  }

/*	=BLOG
----------------------------------------------------*/
	#blog-detail { width: 800px; }
	
	.content-section.blog h3, .content-section.blog h3 a { font-size: 20px; color: #00aeef; text-decoration: none; }
	.content-section.blog a.readmore { font-size: 18px; color: #00aeef; }
	.content-section.blog a.readmore:hover { color: #00aeef; text-decoration: none; }
	.content-section.blog .user-content { padding: 10px 0; clear: both; width: 530px; }
	.content-section.blog  { padding-bottom: 15px; }
	.content-section.blog.last { padding-bottom: 0px; }

	
/*	=PAGING
----------------------------------------------------*/
	.paging { position: relative; text-align: left; height: 100%; overflow: hidden; padding: 10px 0 0 0; margin: 20px 0 0 ; }	
	.paging li { display: inline; }
	.paging li a, .paging li span {  font-size: 18px; font-weight: bold; display: inline-block; padding: 2px 8px; color: #837870; text-decoration: none; }
	.paging li a:hover, .paging li.selected { color: #00aeef; }
	.paging li.selected { font-weight: bold; }