*
{
	margin: 0;
	padding: 0;
	border: 0;
	outline: 0;	
	vertical-align: baseline;	
}

:focus { outline: 0; }

body
{
	font-size: 12px;
	line-height: 18px;
	color: #000;
	background-color: #e1e1e1;
	font-family: Verdana, Arial, sans-serif;
	/*
	background-image: url(/static/img/bodybg.gif);
	background-repeat: repeat-x;
	background-position: center top;
	*/
}

ol, ul { list-style: none; }

table
{
	border-collapse: collapse;
	border-spacing: 0;
}

caption, th, td
{
	text-align: left;
	font-weight: normal;
}

blockquote:before,
blockquote:after { content: ""; }
blockquote, q { quotes: "" ""; }

input,
textarea
{
	font-family: Verdana, Arial, Helvetica, sans-serif;
	font-size: 12px;
}

a
{
	color: #724170;
	text-decoration: none;	
}
	a:hover
	{
		text-decoration: underline;
	}


h2, h3, h4
{
	color: #333;
}

h2,h3,h4
{
	font-family: "Lucida Grande", 'Lucida Sans';
	font-size: 14px;
}

.more
{
	text-align: right;
}
	.more a
	{
		text-transform: uppercase;
		font-style: italic;
		font-size: 9px;
		font-weight: bold;
	}



/*
*/
	
.tv a,
.tv h4,
.tv h5
{
	color: #6a7d01;
}

.lifestyle a,
.lifestyle h4,
.lifestyle h5
{
	color: #936491;
}

.share a,
.share h4,
.share h5
{
	color: #c02944;
}

.screen-reader
{
	position: absolute;
	top: -2000px;
	left: -2000px;
	overflow: hidden;
	width: 0;
	height: 0;
	display: block;
}

/*
*/



#wrapper
{
	width: 945px;
	margin: 0 auto;
	overflow: hidden;	
	background-color: #fff;
	padding: 0 4px 0 5px;
}

#content-wrapper
{
	padding: 0 0;
	width: 945px;
	overflow: hidden;
}



/*
*/

#detail,
#content
{
	width: 945px;
	overflow: hidden;
	margin-top: 9px;
}



/*
*/
	
#header-wrapper
{
	width: 936px;
	padding: 0 5px 0 4px;
}
	#header
	{
		width: 936px;
		background-color: #A2B6AB;
		height: 360px;
		position: relative;
		background-image: url(/static/img/thebeat.jpg);
	}
		
		#header .headline
		{
			position: absolute;
			bottom: 18px;
			left: 0;
		}
			#header .headline h1
			{
				background-color: #724170;
				color: #fff;
				padding: 15px 200px 18px 18px;
			}
			#header .headline h1 a
			{
				color: #fff;
			}
			
			#header .tv h1
			{
				background-color: #000;	
			}
			#header .lifestyle h1
			{
				background-color: #c12a45;
			}
			#header .share h1
			{
				background-color: #c02944;
			}
			
			#header .headline p
			{
				background-color: #fff;
				padding: 9px 18px;
			}

#logo
{
	background-image: url(/static/img/kromagazine_logo.png);
	background-repeat: no-repeat;
	background-position: 0 0;
	width: 289px;
	height: 52px;
	display: block;
	text-indent: -9999px;
	position: absolute;
	top: 11px;
	left: 0px;
}


/*
*/

.secondary
{
	width: 936px;
	margin: 0 auto;
	overflow: hidden;	
	padding: 4px 9px 4px 9px;	
}
	#font-size
	{
		width: 163px;
		height: 22px;
		background-image: url(/static/img/fontsize_adjust.gif);
		background-repeat: no-repeat;
		background-position: 0 0;
		padding-left: 21px;
		float: left;
	}
		#font-size a
		{
			float: left;
			width: 71px;
			height: 22px;
			text-indent: -9999px;
		}

.secondary form
{
	border-color: #CCC;
	border-width: 1px 0 0 1px;
	border-style: solid;
}
	.secondary form,
	.secondary fieldset
	{
		float: right;
		background-color: #fff;		
	}
		.secondary fieldset
		{	
			padding: 0;
		}
	
	.secondary form #keyword
	{
		float: left;
		padding: 3px;
		color: #999;
	}
	.secondary #submit_search
	{
		float: left;
		width: 21px;
		height: 21px;
		background-image: url(/static/img/zoomingglass.jpg);
		background-repeat: no-repeat;
		background-position: 0 0;
		text-indent: -9999px;
	}



.header
{
	height: 60px;
	position: relative;
	width: 936px;
	padding: 9px 0 9px 0;
	background-color: #fff;
	overflow: hidden;
	margin: 0 0 0 4px;
}	

	.banner,
	.banner img
	{
		float: right;
	}
	

/*
*/	
	.column
	{
		width: 314px;
		float: left;
		margin: 0 1px 0 0;
	}
	
	
	.column.right
	{
		float: right;
	}

	
	.column h2
	{
		height: 81px;
		width: 306px;
		margin: 0 4px 3px 4px;
		background-color: #724170;
		background-image: url(/static/img/column_tv_headline.gif);
		background-repeat: no-repeat;
		background-position: 0 0;
	
	}
	
		.column h2 a
		{
			display: block;
			text-indent: -9999px;
			height: 90px;
		}
	
	.lifestyle h2 { background-image: url(/static/img/column_lifestyle_headline.gif); }
	
	.share h2 { background-image: url(/static/img/column_share_headline.gif); }

/*
*/

.item
{
	width: 314px;
	overflow: hidden;
	padding-top: 3px;
}

.item .rounding
{
	width: 288px;
	overflow: hidden;
	background-image: url(/static/img/rounding_314_bottom.gif);
	background-repeat: no-repeat;
	background-position: left bottom;
	padding: 9px 13px 13px 13px;
}

.item-poll .rounding
{
	background-image: url(/static/img/rounding_314_bottom_poll.gif);
}

	.item h3
	{
		padding: 13px 13px 0 13px;
		background-image: url(/static/img/rounding_314_top.png);
		background-repeat: no-repeat;
		background-position: 0 0;
	}

.item-poll h3
{
		background-image: url(/static/img/rounding_314_top_poll.png);
}

	.item img.small
	{
		float: right;
		width: 117px;
		margin: 6px 0 9px 9px;
	}

	.poll
	{
		padding: 9px 0;
                clear: both;
	}
	
	.poll-answer
	{
		font-size: 10px;
		line-height: 12px;
		padding: 1px;
		background-color: #eee;
		color: #727618;
	}
	
		.lifestyle .poll-answer
		{
			color: #724170;
		}
		
		.share .poll-answer
		{
			color: #7b3626;
		}


/*
*/

.rect
{
	width: 314px;
	
	overflow: hidden;
}
	.rect p
	{
		text-align: center;
	}
	
	.rect .rounding
	{
		width: 300px;
		overflow: hidden;
		padding: 0 7px 7px 7px;
	}

	.rect img
	{
		display: block;
	}
	
/*
*/

#detail .column
{
	float: right;
}
	.article-wrapper
	{
		padding-top: 2px;
		width: 629px;
		float: left;
		
		
	}
	
	.article
	{
		overflow: hidden;
	}
	
	.article-content
	{
		padding: 13px 13px 0 13px;
		background-image: url(/static/img/rounding_621_top.gif);
		background-repeat: no-repeat;
		background-position: 0 0;
		overflow: hidden;
	}
	
		.article .bottom
		{
			background-image: url(/static/img/rounding_621_bottom_small.gif);
			background-repeat: no-repeat;
			background-position: left bottom;
			width: 629px;
			height: 13px;
		}
		
		.article h3
		{
			padding-bottom: 9px;
		}
		
		.article img
		{
			float: left;
			margin: 4px 9px 9px 0;
		}
		
		.article p
		{
			padding: 0 0 18px 0;
		}
			.article p p
			{
				padding: 0;
			}
			
	.article-headline
	{
		width: 621px;
		overflow: hidden;
		clear: both;
		position: relative;
		padding-bottom: 9px;
	}
		.article-headline h4
		{
			position: absolute;
			bottom: 9px;
			left: 297px;
		}
 
.article p.succes
{
	background-image: url(/static/img/rounding_621_bottom.gif);
	background-repeat: no-repeat;
	background-position: left bottom;
	width: 593px;
	padding: 6px 18px 18px 18px;
}

/*
*/

.overview
{
	overflow: hidden;
	background-image: url(/static/img/rounding_621_top.gif);
	background-repeat: no-repeat;
	background-position: 0 0;
	overflow: hidden;
	padding: 9px 0 0 0;
}
	.overview h3,
	.overview-item
	{
		overflow: hidden;
		padding: 9px 18px 0 18px;
	}
	
	
	.overview-item.last
	{
		background-image: url(/static/img/rounding_621_bottom_small.gif);
		background-repeat: no-repeat;
		background-position: left bottom;
		padding-bottom: 18px;
	}
	
	.article .no-overview-item
	{
		background-image: url(/static/img/rounding_621_bottom_small.gif);
		background-repeat: no-repeat;
		background-position: left bottom;
		padding: 0 18px 18px 18px;
	}
	
	.overview-item img
	{
		margin-top: 5px;
	}
	
	.overview p.more
	{
		padding-bottom: 0;
	}

/*
*/

#forward
{
	padding: 13px 22px 0 22px;
	background-image: url(/static/img/rounding_621_bg_tv.gif);
	background-repeat: repeat-y;
	background-position: 0 0;
	overflow: hidden;
}

	
/*
*/

.comment
{
	background-image: url(/static/img/rounding_621_bg.gif);
	background-repeat: repeat-y;
	background-position: 0 0;
	width: 585px;
	padding: 9px 22px;
}
	.comment blockquote
	{
		
	}
	
	.comment .poster
	{
		padding-top: 0;
		color: #724170;
		text-align: right;
		background-image: url(/static/img/hdot.gif);
		background-repeat: repeat-x;
		background-position: left bottom;
	}

	.tv .comment .poster
	{
		color: #727618;
	}
	.lifestyle .comment .poster
	{
		color: #724170;
	}
	.share .comment .poster
	{
		color: #7b3626;
	}
		.comment .poster .date
		{
			color: #999;
			font-size: 11px;
		}


/*
*/

	.service
	{
		
		clear: both;
		width: 621px;
		padding: 0 4px;
		overflow: hidden;
		background-image: url(/static/img/rounding_621_bg.gif);
		background-repeat: repeat-y;
		background-position: 0 0;
	}
		.service ul
		{
			overflow: hidden;
			background-color: #eee;
			padding: 1px 0 2px 0;
			border-bottom: 1px solid #fff;
		}
		.service li
		{
			float: right;
		}
		
		.service a
		{
			float: right;
			padding: 2px 18px 2px 27px;
			text-transform: uppercase;
			font-style: italic;
			font-size: 11px;
			font-weight: bold;
			background-image: url(/static/img/icon_send_life.gif);
			background-repeat: no-repeat;
			background-position: 0 4px;
		}
		
		.service a.print
		{
			background-image: url(/static/img/icon_print_life.gif);
			background-position: 0 3px;
		}
		
		.tv .service a
		{
			background-image: url(/static/img/icon_send_tv.gif);
		}
		.share .service a
		{
			background-image: url(/static/img/icon_send_share.gif);
		}
		.tv .service a.print
		{
			background-image: url(/static/img/icon_print_tv.gif);
		}
		.share .service a.print
		{
			background-image: url(/static/img/icon_print_share.gif);
		}
/*
*/


	
/*
*/



/*
*/

.subnavigation
{
}
	.subnavigation a
	{
		display: block;
		padding: 2px 0 2px 36px;
	}
	.subnavigation .odd
	{
		background-color: #eee;
	}
	
	.subnavigation a.active
	{
		background-image: url(/static/img/lifestyle_arrow.gif);
		background-repeat: no-repeat;
		background-position: 9px 6px;
	}
	
	.tv .subnavigation a.active
	{
		background-image: url(/static/img/tv_arrow.gif);
	}
	.lifestyle .subnavigation a.active
	{
		background-image: url(/static/img/lifestyle_arrow.gif);
	}
	.share .subnavigation a.active
	{
		background-image: url(/static/img/share_arrow.gif);
	}
	
/*
*/

.columnist
{
}
	.columnist img
	{
		float: left;
		margin: 0 9px 9px 0;
	}
	
	.columnist-overview
	{
		
		clear: both;
		
	}
	
		.columnist table
		{
			width: 100%;		
		}
		
		.columnist-overview .odd
		{
			background-color: #eee;
		}
		
		.columnist th, .item td
		{
			padding: 0 4px;
		}
		
		.columnist th
		{
			text-align: right;
		}
/*
*/

form.site-form
{
	width: 585px;
	padding: 0 22px 22px 22px;
	background-image: url(/static/img/rounding_621_bottom.gif);
	background-repeat: no-repeat;
	background-position: left bottom;
}
	
	
	.zend_form input[type="text"],
	.zend_form textarea,
	.site-form .text,
	.site-form textarea
	{
		padding: 3px;
		border: 1px solid #aaa;
	}
	
	.site-form div
	{
		overflow: hidden;
		padding: 9px 0 0 0;
	}
	.site-form label
	{
		float: left;
		width: 135px;
		padding: 2px 0;
	}
	
	
	.site-form .text
	{
		float: left;
		width: 360px;
	}
	
	.zend_form 
	{
		padding-bottom: 18px;
	}
	.zend_form dt
	{
		padding-top: 9px;
	}
	
	.zend_form dd
	{
		overflow: hidden;
	}
	
	#Verstuur-label,
	#_submit-label
	{
		display: none;	
	}
	
	.zend_form input[type="checkbox"],
	.zend_form input[type="radio"]
	{
		margin-right: 5px;
        
	}
	
	.zend_form input[type="text"],	
	.zend_form textarea,
	.site-form textarea
	{
		width: 577px;
	}
	
	.site-form .errors
	{
		width: 585px;
		
		clear: both;
	}
	
	.errors
	{
		color: #e00;
	}

	.article .form-succes
	{
		font-weight: bold;
		color: #00CC00;
		padding: 18px 0px;
	}
	
	.article .form-mislukt
	{
		font-weight: bold;
		color: #CC0000;
		padding: 18px 0px;
	}


/*
*/
.item-group,
.item-group .group
{
	position: relative;
}
	.item-group div
	{
		overflow: hidden;
		padding: 9px 0 9px 0;
		position: relative;
		margin-bottom: 0;
		
	}

	.item-group h4
	{
		

	}
	
	.item-group .odd
	{
		background-color: #eee;
	}
	
	.item-group div img
	{
		float: left;
		margin: 0 9px 9px 0;
	}


.airtime
{
	font-size: 9px;
}

/*
*/

.columnists div
{
	padding: 9px;
	border-top: 1px solid #fff;
}

	.columnists .odd
	{
		background-color: #eee;
	}
	
	.columnists .active
	{
		background-color: #dcd0dc;
	}
	
	.tv .columnists .active
	{
		background-color: #dcddc6;
	}
	
	.share .columnists .active
	{
		background-color: #fae5dc;
	}
	
	
	
	.columnists div
	{
		overflow: hidden;
	}
	
	.columnists img
	{
		padding-right: 9px;
		float: left;
	}


/*
*/

.navigation
{
	width: 936px;
	background-color: #fff;
	overflow: hidden;
	margin-left: 5px;
}

.navigation li
{
	float: left;
	margin-left: 9px;
}

.navigation a
{
	float: left;
	width: 148px;
	height: 81px;
	background-color: #000;
	text-indent: -9999px;
}
.navigation .active
{
	margin-left: 0;
}
.navigation .active a
{
	width: 621px;
}

	.navigation .tv a
	{
		background-color: #727618;
		
		background-image: url(/static/img/tijdvoortv_inactive.gif);
		background-repeat: no-repeat;
		background-position: 0 0;
	}
	.navigation .lifestyle a
	{
		background-color: #724170;
		
		background-image: url(/static/img/tijdvanjeleven_inactive.gif);
		background-repeat: no-repeat;
		background-position: 0 0;
	}
	.navigation .share a
	{
		background-color: #7b3626;
		
		background-image: url(/static/img/tijdomtedelen_inactive.gif);
		background-repeat: no-repeat;
		background-position: 0 0;
	}
	
	.navigation .tv.active a
	{
		background-image: url(/static/img/tijdvoortv_active.jpg);
	
	}
	.navigation .lifestyle.active a
	{
		background-image: url(/static/img/tijdvoorleven_active.jpg);
		
	}
	.navigation .share.active a
	{
		background-image: url(/static/img/tijdomtedelen_active.gif);
	
	}

	



/*
*/

.wide
{
	clear: both;
	width: 945px;
	padding: 18px 0 0 0;
	background-image: url(/static/img/rounding_wide_944.gif);
	background-repeat: no-repeat;
	background-position: 0 0;
}
	.wide .intro
	{
		padding: 0 18px;
	}
	
	.wide-bottom
	{
		padding: 18px 5px 18px 4px;
		clear: both;
		width: 936px;
		
		background-image: url(/static/img/rounding_wide_944_bottom.gif);
		background-repeat: no-repeat;
		background-position: left bottom;
	}


/*
*/

#footer-wrapper
{
	padding: 0 5px 0 4px;
}

#footer
{
	width: 900px;
 color:#fff;
	background-color: #333;
	padding: 9px 18px;
	overflow: hidden;
	height: 45px;
	margin-top: 9px;
	background-image: url(/static/img/krologo_footer.gif);
	background-repeat: no-repeat;
	background-position: right top;
}
	#footer ul
	{
		overflow: hidden;
		float: left;
		padding-top: 3px;
	}
	
	#footer a
	{
		float: left;
		color: #fff;
		border-left: 1px solid #aaa;
		padding: 0 18px;
		line-height: 15px;
	}
	
	#footer li
	{
		float: left;
	}
	
	#footer .first a
	{
		padding-left: 0;
		border-left: 0 solid #333;
	}
	





/*
	http://www.zurb.com/article/266/super-awesome-buttons-with-css3-and-rgba
*/

#Verstuur,
#_submit,
a.button,
#submit
{

	color: #333;
}

#Verstuur,
#_submit,#submit,
.button, .button:visited
{
	float: right;
	display: inline-block;
	padding: 4px 9px 5px 9px;
	color: #333;
	-moz-border-radius: 5px;
	-webkit-border-radius: 5px;
	-moz-box-shadow: 0 1px 6px rgba(200,200,200,0.5);
	-webkit-box-shadow: 0 1px 6px rgba(200,200,200,0.5);
	text-shadow: 0 -1px 1px rgba(255,255,255,0.75);
	border: 1px solid rgba(60,60,60,0.25);
	position: relative;
	cursor: pointer;
	text-decoration: none;
	background-color: #ddd;
	background-image: url(/static/img/buttonglow.png);
	background-repeat: repeat-x;
}

#submit:hover,
#Verstuur:hover,
#_submit:hover,
.button:hover
{
	background-color: #eee;
	color: #333;
	text-decoration: none;
}

#submit:active,
#Verstuur:active,
#_submit:active,
.button:active { top: 1px; }


#Verstuur-element
{
	padding-top: 9px;
}

/*
	vertical allignment fixes for the different image/text combinations
*/

.item p + .large,
.more + .large
{
	padding-top: 9px;
	display: block;
}
.large + h4
{
	padding-top: 9px;
}

.button + img
{
	padding-top 9px;
}

.video
{
padding-bottom: 18px;
}