/* --------------------------------------------------------------

	screen.css
	* main stylesheet.
	text-color: #176186;

-------------------------------------------------------------- */

html {	}
body {
	color: #000;
	background: #fff;
	font-size: 62.5%;
	font-family: Verdana, Arial, helvetica, sans-serif;
	}

.clearfix:after {
    content: ".";
    display: block;
    clear: both;
    visibility: hidden;
    line-height: 0;
    height: 0;
	}
.clearfix             { display: inline-block; }
html[xmlns] .clearfix { display: block; }
* html .clearfix      { height: 1%; }
.center { text-align:center; }

/* =Header
-------------------------------------------------------------- */

h1 {
	position: absolute;
	top:0;
	left: 0;
	}
h1 a {
	display: block;
	width: 300px;
	height: 127px;
	margin-left: 25px;
	/*background: url(../images/logo_mind.gif) no-repeat top left;*/
	text-indent: -10000px;
	}
.top-banner {
	position: absolute;
	top: 23px;
	left: 490px;
	width: 466px;
	height: 58px;
	overflow: hidden;
	}


/* =navigation
-------------------------------------------------------------- */
#sidebar .box {
	margin-bottom: 20px;
	margin-top: 20px;
	}
#menu-main {
	background: transparent;
	width: 140px;
	margin-bottom: -1px;
	}
#menu-main .first-element,
#poll-main .first-element {
	background: url(../images/bg_rounded_corner.gif) no-repeat top left;
	height:	15px;
	}

#menu-main .element {
	background: #FFF;
	height: 15px;
	margin-top: 0px;
	border-top: 1px solid #000;
	}
#menu-main .last-element,
#poll-main .last-element  {
	background: url(../images/bg_rounded_corner.gif) no-repeat bottom left;
	height: 23px;
	border-top: 1px solid #000;	
	}
/** Hovers **/
#menu-main .first-element-hover {
	background: url(../images/menu_hover_sprite.gif) no-repeat top left;
	height:	15px;
	}
#menu-main .element-hover {
	background: url(../images/menu_hover_sprite.gif) no-repeat bottom left;
	height: 15px;
	margin-top: 1px;
	}
#menu-main .last-element-hover {
	background: url(../images/menu_hover_sprite.gif) no-repeat 0 -63px;
	height: 23px;
}
/** ------------------------ */
#this-month {
	background: url(../images/bg_menu_item_top.gif) no-repeat top left;
	width: 140px;
	}
.box-txt {
	background: url(../images/bg_rounded_corner.gif) no-repeat top left;
	padding: 8px 10px 0 10px;
	}
.box-bottom {
	height: 8px;
	overflow: hidden;
	background: url(../images/bg_rounded_corner.gif) no-repeat bottom left;
	}

/* =Breadcrumbs
-------------------------------------------------------------- */

#breadcrumbs   { font-size: 11px; }
#breadcrumbs a { font-size: 11px; color: #60605e; }


/* =Menu
-------------------------------------------------------------- */

#menu { position: relative; z-index: 3; }

#menu ul, #menu li {
	margin: 0;
	padding: 0;
	list-style: none;
	}
#menu ul li {
	height: 32px;
	width: 159px;
	margin-bottom: 5px;
	font-size: 19px;
	font-family: Georgia, times, serif;
	text-align: center;
	background: url(../images/bg_menu.gif) no-repeat top left;
	}
#menu ul li.current {
	background: url(../images/bg_menu_on.gif) no-repeat top left;
	}
#menu a:link,
#menu a:visited,
#menu a:active {
	text-decoration: none;
	color: #460629;
	}

#menu .current a:link,
#menu .current a:visited,
#menu .current a:active { color: #fff; }

#menu-star {
	position: absolute;
	top: -19px;
	left: -18px;
	z-index: 1;
	}
.menu-item {
	padding-left: 1em;
	padding-top: 4px;
	padding-bottom: 3px;
	}
.menu-item img {
	padding:0;
}
.menu-item a,
.menu-item a:hover,
.menu-item a:link,
.menu-item a:visited,
.menu-item a:active {
	color: #000;
	text-decoration: none;
	font-weight: bold;
	}
	
#this-month .menu-item a {
	color:#FFF;
}

/* =Footer
-------------------------------------------------------------- */
#footer ul {
	padding-left: 160px;
	padding-top: 11px;
	}
#footer ul, #footer li {
	margin: 0;
	list-style: none;
	}
#footer ul li {
	display: inline;
	margin-top: 10px;
	width: 507px;
	}
#footer li a    { color: #000; font-size: 11px; }
#footer li span { padding: 0 5px; }

/* =Main
-------------------------------------------------------------- */

.banner-1,
.banner-2,
.banner-3 { display: inline; float: left; margin-bottom: 15px; }
.banner-1 { margin-right: 19px; }
	
.tag-rectangle {text-align:center; margin: 15px 0}
.tag-teaser-sidebar{}	

	
.bar {
	height: 1px;
	overflow: hidden;
	background-color: #eaeaea;
	margin-bottom: 15px;
	}
.meta {
	font-size: 10px;
	color: #60605E;
	font-weight: bold;
	}
.options {
	border-top: 1px solid #eaeaea;
	border-bottom: 1px solid #eaeaea;
	height: 32px;
	margin-bottom: 30px;
	}
.options img {
	margin-top: 3px;
	}
.comments .txt {
	border-bottom: 1px solid #eaeaea;
	color: #460629;
	margin: 15px 0 0 0;
	}

/* Poll
-------------------------------------------------------------- */
.poll-choice {
	font-size: 11px;
	text-decoration: none;
	}
.poll-choice input {
    border: none;
	}
.poll-choice ul {
	margin: 0;
	padding: 0;
	}
.poll-choice ul li {
	list-style-type: none;
	font-size: 11px;
	font-weight: normal;
	line-height: 12px;
	padding-top: 5px;
	}
.poll-choice label {
	display: block;
	font-weight: normal;
	margin-top: -15px;
	padding-left: 27px;
	position: relative;
	}
#poll-votebtn {
	padding-top: 10px;
	margin-bottom: -8px;
	padding-left: 47px;
	position: relative;
	}
.poll-total {
	width: 100px;
	background-color: white;
	padding: 1px;
	}
.poll-result {
	background-color: #4DCBBA;
	padding: 2px;
	margin: 0px;
	font-size: 10px;
	color: #fff;
	font-weight: bold;
	text-align: right;
	}


/* Sidebar
-------------------------------------------------------------- */
	.block-books {width:510px;margin:0px auto;}
	
	.books-header {height:9px; background: url(../images/bg_rounded_corner.gif) top left;}
	.books-content {background: #FFF;padding:0 20px;}
	.books-content h2 {text-align:center;}	
	.books-footer {height:9px; background: url(../images/bg_rounded_corner.gif) bottom left;}
	
	.block-offers { margin-top: 15px;}
	.block-offers h2 {
		background: #3482a3;
		padding: 5px;
		margin: 0;
		text-align:center;	
	}
	
	.block-offers ul,
	.books-content ul {
		list-style-image:none;
		list-style-position:outside;
		list-style-type:none;
		margin:0;
	}
	
		
	.books-content ul li {
		margin:0 17px 10px 0;
		float:left;
		width:80px;
	}
	.block-offers ul li {
		margin:0;
		float:left;
		width: 235px;
		padding: 10px;	
	}

	.block-offers ul li.light{
		background: #ebf6fc;
	}
	.block-offers ul li.dark{
		background: #cce8f8;
	}	

	.block-offers ul li.last,
	.books-content ul li.last {
		margin:0 0 10px 0;
	}	
	.block-offers ul li img {
		float:left;
		margin: 0 10px 0 0;
	}
	
	#main-sidebar .trigger p {
		margin: 0;
		padding: 0 10px;
	}

/* Articles / Categories
-------------------------------------------------------------- */

#category-articles {
	height: 123px;
	margin-bottom: 20px;
	}
.cat-box {
	display: inline;
	float:left;
	margin-left:10px;
	}
.category-block {
	width: 321px;
	height: 59px;
	border-bottom: 1px solid #d1d0d0;
	position: relative;
	}
.category-title h3 {
	font-size: 20px;
	font-weight: bold;
	font-style: italic;
	}
.category-header {
	width: 222px;
	height: 59px;
	float: left;
	}
.category-description {
	font-size: 11px;
	}
.article-mask99 {
	width: 162px;
	height: 123px;
	position: absolute;
	overflow: hidden;
	z-index: 10;
	background: url(../images/overlay_article.png) no-repeat top left;
	}
.article {
	width: 323px;
	min-height: 24px;
	height: auto !important;
	height: 24px;
	position: relative;
	background: url(../images/bg_hdr_small.gif) no-repeat left bottom;
	}
.article h5 {
	font-size: 18px;
	padding: 0 110px 4px 25px;
	line-height: 1.2;
	margin: 0;
	background: url(../images/hdr_arrow.gif) no-repeat left center;
	}
.article h5 a {
	text-decoration: none;
	}
.article .hdr-right {
	position: absolute;
	left: 250px;
	bottom: 2px;
	color:#000000;
	font-size:11px;
	text-decoration:none;
	}
.article-block {
	width: 320px;
	height: 20px;
	padding-top: 6px;
	border-bottom: 1px solid #d1d0d0
	}
.article-arrow {
	background: url(../images/arrow.gif) no-repeat top left;
	width: 13px;
	height: 14px;
	float: left;
	}
.article-title {
	float: left;
	width: 204px;
	height: 20px;
	padding-left: 4px;
	}
.article-title a {
	text-decoration: none;
	}
.button-pos {
	bottom: 0px;
	display: block;
	position: absolute;
	right: 0px;
	}
.button-nav {
	background: url(../images/article_btn.gif) no-repeat bottom left;
	float: left;
	height: 20px;
	width: 99px;
	}
.button-nav a {
	padding-left: 24px;
	padding-top: 2px;
	text-decoration: none;
	font-size: 11px;
	color: #000;
	}
.post {
	border-bottom: 1px solid #000;
	margin-bottom: 20px;
	}
.date {
	color:#989898;
	font-size:10px;
	margin-bottom: 12px;
	}


/* =Mail and Win
-------------------------------------------------- */

#atw_question_form #content { background: none; }

.big-quiz-box {
	width: 503px;
	height: 190px;
	position: relative;
	overflow: hidden;
	margin-bottom: 18px;
	}
.big-quiz-image {
	position: absolute;
	left: 0;
	top: 0;
	z-index: 1;
	}
.big-quiz-mask {
	position: absolute;
	width: 503px;
	height: 190px;
	left: 0;
	top: 0;
	overflow: hidden;
	z-index: 2;
	background: url(../images/overlay_big.png) no-repeat top left;
	}
a.do-test {
	position: absolute;
	top: 147px;
	left: 85px;
	display: block;
	height: 30px;
	width: 150px;
	text-indent: -10000px;
	cursor: pointer;
	z-index: 99;
	}
.big-quiz-txt {
	position:absolute;
	width:230px;
	top:12px;
	left:266px;
	z-index:3;
	}
.big-quiz-txt h2 { font-size: 36px; margin-bottom: 10px; }
.big-quiz-txt p  {
	position: relative;
	z-index: 1;
	font-size: 12px;
	}
.atw_list {
	margin: 0px;
	padding: 0px;
	}
.atw_list,
.atw_list_header {
	list-style-image: none;
	list-style-position: outside;
	list-style-type: none;
	}
.atw_list_item,
.atw_list_item_ad {
	border-bottom: 1px solid #000;
	margin: 10px 0px 0px;
	padding: 0px 0px 10px;
	}
.atw_img_head {
	float:left;
	margin:0px 10px 5px 0px;
	padding:0px;
	}
.atw_list_item_footer {
	clear:both;
	padding:10px 0px 0px;
	}
.atw_category {
	color: #176186;
	}
.atw_participate_btn {
	border:0pt none;
	float:right;
	margin:5px;
	}
.atw_clear {
	clear:both;
	height:1px;
	overflow:hidden;
	}


/* =overlay Small
-------------------------------------------------- */
.quiz-box {
	float: left;
	margin: 0 0 20px 4px;
	}
.quiz-box h3 { margin-bottom: 5px; }
.quiz-image {
	width: 162px;
	height: 123px;
	position: relative;
	overflow: hidden;
	}
.quiz-image img {
	position: absolute;
	z-index: 1;
	}
.quiz-mask {
	width: 162px;
	height: 123px;
	position: absolute;
	overflow: hidden;
	z-index: 10;
	background: url(../images/overlay_small.png) no-repeat top left;
	}
.quiz-mask a {
	display:block;
	height:19px;
	width:94px;
	position:absolute;
	top:103px;
	left:68px;
	cursor: pointer;
	background: url(../images/link_test.png) no-repeat top left;
	}

/* = Webring
-------------------------------------------------- */

#webring {
    padding-bottom: 4px;
    position: relative;
    z-index: 10;
    text-align: left;
	}
#webring ul.topnav {
    height: 20px;
    list-style: none;
    margin: 0;
    padding: 0;
	}
#webring ul.topnav li {
    width: 11%;
    margin: 0;
    padding: 0;
    display: block;
    float: left;
	}
#webring ul.topnav li a {
    font-size: 11px;
    display: block;
    height: 20px;
    line-height: 20px;
    padding-left: 20px;
	}
#webring ul.topnav {
    background: #bbb;
	}
#webring ul.topnav li a {
    font-size: 11px;
    color: #fff;
    text-decoration: none;
	}
#webring ul.topnav li a:hover {
    color: #000;
    background: #fff;
	}

iframe#nieuwsbrief-iframe {
    width: 505px;
    height: 610px;
}