/**
 * Stylesheet for <Clear Vantage>
 * @media	screen, projection
 * @copyright	Netlash <http://www.netlash.com>
 * @author	name <yoni@netlash.com>
 */

/* Typography and text styles */

body {
	font: 300 12px Arial, sans-serif;
	line-height: 1.48; /* Safari 2.0.4 */
	color: #231f20;
	background: #fff;
	overflow-y: scroll;
}

#container {
	width: 920px;
	margin: 0 auto;
}

/* Headings and links */
h1, h2, h3, h4 {
	font-weight: 700;
	line-height: 1.1;
	font-family: Arial, sans-serif;
}

h1 a, h2 a, h3 a, h4 a {
	text-decoration: none;
}

h1 a:hover, h1 a:active, h2 a:hover, h2 a:active, h3 a:active, h3 a:hover, h4 a:active, h4 a:hover {
	text-decoration: underline;
}

h2 {
	color: #5d87a1;
	font-size: 15px;
	padding-bottom: 6px;
}

h3 {
	font-size: 15px;
	padding-bottom: 4px;
}

h4 {
	color: #5d87a1;
	font-size: 12px;
	padding: 10px 0 4px 0;
}

p {
	padding-bottom: 10px;
}

span {
	font-weight: bold;
	font-size: 11px;
	color: #808285;
}

a {
	color: #000;
}

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

a.viewmore {
	padding-left: 15px;
	background: url(../images/bullet.png) no-repeat left center;
}

a.viewmore:hover,
a.viewmore:active {
	background: url(../images/bullet_hover.png) no-repeat left center;
}

/* Page structure and layout */

	/* Header */

	#header {
		height: 132px;
		padding-top: 20px;
	}

		/* Sub Navigation */

	#top_navigation {
		height: 22px;
		margin-left: 250px;
	}

	#top_navigation ul {
		width: 100%;
		background: #ececed;
		display: block;
		float: left;
	}

	#top_navigation li {
		float: left;
		line-height: 20px;
	}

	#top_navigation li a {
		font-size: 11px;
		text-decoration: none;
		background: transparent url(../images/top_navigation_list.gif) no-repeat left center;
		padding: 0 12px;
	}

	#top_navigation .first a {
		background: none;
		padding-left: 8px;
	}

	#top_navigation .searchlist {
		float: right;
	}

		/* Searchbox */

	input.input_search {
		height: 16px;
		width: 112px;
		border: 2px dotted #dcddde;
	}

	#header input.input_submit {
		background: #ececed;
		border: 0;
		font-size: 12px;
	}

		/* Logo */

	#logo_navigation {
		padding-top: 26px;
	}

	#logo_navigation h1 {
		width: 326px;
		height: 69px;
		background: url(../images/logo.gif) no-repeat;
		text-indent: -9999px;
		float: left;
	}

	#logo_navigation h2 {
		width: 53px;
		height: 30px;
		background: url(../images/logo_uza.gif) no-repeat;
		text-indent: -9999px;
		float: right;
		margin-top: 30px;
		display: inline; /* Double margin bug fix */
	}

	#logo_navigation h1 a,
	#logo_navigation h2 a {
		width: 100%;
		height: 100%;
		display: block;
		overflow: hidden;
	}
	
	h1.poll-question {
		font-size: 18px;
	}

		/* Main Navigation */

	#logo_navigation ul {
		padding: 40px 0 0 2px;
		float: left;
	}

	#logo_navigation li {
		display: inline;
		border-left: 1px solid;
	}

	#logo_navigation li a {
		font-size: 14px;
		text-decoration: none;
		padding: 0 16px;
	}

	#logo_navigation li a:hover,
	#logo_navigation li a:active {
		color: #5d87a1;
	}

	#logo_navigation .first {
		border-left: none;
	}	

	/* Body */

	#content {
		padding-top: 25px;
	}

	.padding {
		padding-right: 14px;
	}
	
	.bigpadding {
		padding-right: 110px;
	}

	.width152 {
		width: 152px;
		float: left;
	}

	.width162 {
		width: 162px;
		float: left;
	}

	.width218 {
		width: 218px;
		float: left;
	}

	.width394 {
		width: 394px;
		float: left;
	}

	.width512 {
		width: 512px;
		float: left;
	}
	
	.width578 {
		width: 468px;
		float: left;
	}

		/* Intro */

	#intro {
		margin-bottom: 25px;
	}

	#intro img {
		float: left;
		padding-right: 14px;
		padding-bottom: 10px;
	}

	h2 a {
		color: #5d87a1;
		text-decoration: none;
	}

	h2 a:hover,
	h2 a:active {
		color: #d41c4a;
	}
	
	#intro h2 a:link,
	#intro h2 a:visited {
		font-size: 20px;
		color: #000;
	}
	
	#intro h2 a:active,
	#intro h2 a:hover {
		color: #d41c4a;
	}

		/* Dossier */

	#dossier {
		background: #ececed;
		border: 1px solid #bebfc1;
		margin-bottom: 25px;
	}

	#dossier img {
		float: left;
		padding-right: 14px;
	}
	
	#dossier ul {
		padding-bottom: 10px;
	}

	#dossier li a,
	.links li a,
	#related li a,
	#allAbout li a,
	li.doubleArrows a,
	#toparticles a,
	#submenu li a {
		padding-left: 15px;
		background: url(../images/bullet.png) no-repeat left 5px;
		display: block;
	}

	#dossier li a {
		display: inline;
	}

	#dossier li a:hover,
	#dossier li a:active,
	.links li a:hover,
	.links li a:active,
	#related li a:hover,
	#related li a:active,
	#allAbout li a:hover,
	#allAbout li a:active,
	li.doubleArrows a:hover,
	li.doubleArrows a:active {
		background: url(../images/bullet_hover.png) no-repeat left 5px;
	}

	#dossiers .dossier {
		float: left;
		width: 224px;
		padding-left: 10px;
	}

	#dossiers .dossier img {
		float: left;
		padding-right: 20px;
	}

	#submenu li a {
		font-weight: bold;
	}
	
	#archive div.magazine {
		float: left;
		display: block;
		width: 30%;
		padding: 0 0 16px 0;
	}
	
	#issuu {
		margin-bottom: 20px;	
	}
	
	#magazine #mainSectionArticles {
		padding: 0 0 20px 0;
	}

		/* Tabs */

	#tabs img {
		float: left;
		padding: 0 10px 10px 0;
	}

	.article_small {
		border: 1px solid #bebfc1;
		padding: 10px;
	}
	
	#article_small h3,
	#article h3 {
		color: #d16429;
		padding-bottom: 0;
	}

	#tabnavigation {
		position: relative;
		top:1px;
	}

	#tabnavigation ul {
		height: 26px;
	}

	#tabnavigation li {
		float: left;
		background: #808285;
		border-right: 1px solid #bebfc1;
		border-top: 1px solid #bebfc1;
	}

	#tabnavigation li.first {
		border-left: 1px solid #bebfc1;
	}

	#tabnavigation li a {
		line-height: 28px;
		padding: 7px 25px;
		text-decoration: none;
		color: #fff;
	}

	#tabnavigation a:hover,
	#tabnavigation a:active,
	#tabnavigation li.active a {
		color: #d41c4a;
		background: #fff;
		text-decoration: none;
	}

		/* News */
		
	#news {
		padding-bottom: 20px;
	}

	#news li {
		border-bottom: 1px solid #c4c5c7;
		padding: 4px 0 0 0;
	}
	
	#news li li,
	#news .newsarticle li {
		border-bottom: none;
		padding: none;
	}
	
	#news .newsarticle {
		padding: 8px 0;
		border-bottom: 1px solid #c4c5c7;
	}
	

	a.video {
		display: block;
		padding-left: 20px;
		background: url(../images/icon_video.gif) no-repeat left top;
	}

		/* Newsletter */

	#newsletter,
	#allAbout,
	#related {
		padding-bottom: 20px;
	}

	#newsletter span {
		display: block;
		padding: 16px 0;
	}

	#newsletter h4,
	#related h4,
	#allAbout h4,
	#poll h4,
	#testimonial h4,
	h4.fadingbar {
		background: url(../images/title_background.gif) repeat-x;
		display: block;
		min-height: 22px;
		padding: 2px 2px 8px 4px;
		color: #808285;
	}
	
	#send_testimonial h4 {
		font-weight: bold;
		font-size: 10px;
		color: #808285;
	}
	
	#send_testimonial {
		clear: both;
	}
	
	#newsletter img,
	div.coverBlock img {
		display: block;
		margin: 0 auto;
	}

	input.input_newsletter {
		height: 16px;
		width: 124px;
		border: 2px dotted #dcddde;
	}
	
	input.input_submit_newsletter {
		background: #fff;
		border: 0;
		font-size: 12px;
	}
	
	#content .dossier {
		padding-bottom: 15px;
	}

		/* Poll */

	#poll fieldset {
		padding-bottom: 10px;
	}
	
	#poll input {
		margin: 4px 0;
	}

		/* Themes */

	#themes {
		background: #ececed;
		padding: 8px;
		margin-bottom: 20px;
		margin-top: 20px;
	}

	#themes ul {
		float: left;
		padding-top: 5px;
	}

	#themes ul.left {
		width: 210px;
	}

	#themes li.last {
		padding-top: 16px;
	}

	#themes li.last a {
		padding: 15px;
		background: url(../images/bullet.png) no-repeat left center;
	}

	#themes li.last a:hover,
	#themes li.last a:active {
		padding-left: 15px;
		background: url(../images/bullet_hover.png) no-repeat left center;
	}

		/* Testimonials */

	#testimonial p {
		float: left;
	}

	#testimonial img {
		float: right;	
	}

	#testimonial a {
		text-decoration: none;
	}

		/* Sidebar */

	#sidebar ul {
		border: 1px solid #c5c6c7;
		padding: 10px 0 10px 10px;
	}

	#sidebar li {
		padding: 5px 26px;
	}

	#sidebar li a {
		text-decoration: none;
	}

	#sidebar li.print {
		background: url(../images/icon_print.gif) no-repeat left center;
	}

	#sidebar li.mail {
		background: url(../images/icon_mail.gif) no-repeat left center;
	}
	
	#sidebar li.pdf {
		background: url(../images/icon_download.gif) no-repeat left center;
	}
	
	#sidebar li.share {
		background: url(../images/icon_share.gif) no-repeat left center;
	}
	
		/* Article */

	#article h4 {
		color: #d16429;
		text-transform: uppercase;
	}

	#article div.intro {
		font-size: 13px;
	}

	.articleinfo {
		display: block;
		padding-bottom: 16px;
	}

	.articleinfo li {
		color: #b3b4b6;
		display: inline;
		padding: 0 5px;
		border-left: 1px solid #b3b4b6;	
	}

	.articleinfo li.first {
		border-left: none;
		padding-left: 0;
	}
	
	.readmore {
		padding-bottom: 6px;
		display: block;
	}
	
	.sectionarticle {
		border-bottom: 1px solid #C4C5C7;
	}
	
	.sectionarticle h3 {
		padding-top: 20px;
	}

		/* Continue */

 	#continue h3 {
 		color: #808285;
 		font-size: 12px;
 	}

 	#continue p {
 		color: #d16429;
 	}

 	#continue h4 {
 		background: url(../images/dotted_line.gif) repeat-x 0 40px;
 		padding-top: 90px;
 		color: #d16429;
 	}

 	#continue label {
 		padding-top: 10px;
 		display: block;
 	}
 	
 	input.input_continue {
 		width: 100%;
 		height: 16px;
 		border: 2px dotted #dcddde;
 	}
 	
 	#e-mail.input_continue {
 		width: 346px;
 		margin-right: 20px;
 	}
 	
 	#continue textarea {
 		border: 2px dotted #dcddde;
 		width: 100%;
 	}

 	#continue input.input_submit {
 		color: #fff;
 		background: #d16429;
 		border: 0;
 		font-size: 12px;
 		float: right;
 		padding: 2px;
 		margin-top: 10px;
 	}

		/* Archief */

	ul.years {
		padding-left: 15px;
		background: url(../images/bullet.png) no-repeat left 5px;
		display: block;
	}
	
	ul.years ul {
		padding-left: 15px;
		background: url(../images/bullet.png) no-repeat left 5px;
		display: block;
	}
	
	ul.years ul a {
		color: #666;
	}

	#tags ul {
		width: 150px;
		padding-right: 5px;
		float: left;
	}

		/* Pagination */

	.pagination li,
	#news div.pagination li {
		float: left;
		padding: 15px 5px 0 5px;
		border-bottom: 0;
	}
	
	#content #section div.pagination ul,
	#content #dossiers div.pagination ul,
	#content #news div.pagination ul {
		list-style: none;
		padding: 15px 5px 0 5px;
	}

	/* Blockquote */
	
	blockquote {
		background: #ECECED;
		padding: 10px;
		margin: 10px;
		display: block;
	}

	/* Footer */

	#footer {
		padding: 20px 0;
	}

	#footer ul {
		display: block;
		background: #ececed;
		padding: 4px;
	}

	#footer li {
		display: inline;
		padding: 0 10px;
		border-left: 1px solid #000;
	}

	#footer li.first {
		border-left: none;
	}

	#footer li a {
		text-decoration: none;
	}

/* General */

.hidden { display: none; }
.block { display: block; }
.nopadding { padding: 0 !important; }
.floatleft { float: left; }
.floatright { float: right; }

#content div.newsarticle ul, #content #section ul, #content div.sectionarticle ul, #content #article ul, #content div.articlecontent ul, #content #magazine ul, #content div.width578 ul {
	list-style: disc;
		padding: 0 0 12px 24px;
}

#content div.newsarticle ol, #content #section ol, #content div.sectionarticle ol, #content #article ol, #content div.articlecontent ol, #content #magazine ol, #content div.width578 ol {
	list-style-type: decimal;
	padding: 0 0 12px 24px;
}

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;
}

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

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

/* Clearfix */

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