/* global variabelen													 */
/* ------------------------------------------- */

body, html{
	margin: 0;
	padding: 0;
	border: 0;
	width: 100%;
	height: 100%;
	background-color: #FFFFFF;
	padding-top: 15px;
}

div, table, tr, td, form{
	margin: 0;
	padding: 0;
	border: 0;
}

/* SMSkrant framework								           */
/* ------------------------------------------- */

div.smskrantpositioner{
	margin: 0 auto;
	width: 820px;
}
div.smskrant{
	background-color: #EBEBEB;
	width: 820px;
	float: left;
	padding-bottom: 4px;
}

div.smskrant_lefttoday{
	width: 401px;
	height: 20px;
	float: left;
	line-height: 20px;
	text-align: left;
	border-bottom: 1px solid #000000;
	margin-left: 8px;
	margin-top: 2px;
}
div.smskrant_righttoday{
	width: 400px;
	height: 20px;
	float: left;
	line-height: 20px;
	text-align: right;
	border-bottom: 1px solid #000000;
	margin-top: 2px;
}

div.bottominfo{
	clear: both;
	margin: 0 auto;
	width: 820px;
	margin-bottom: 15px;
	padding-bottom: 15px;
	padding-left: 18px;
}

div.smskrant_leftcontainer{
	clear: both;
	float: left;
	width: 160px;
	background-color: #D3E5E9;
	margin-left: 8px;
	margin-bottom: 4px;
}

div.smskrant_rightcontainer{
	float: left;
	width: 160px;
	margin-bottom: 4px;
	background-color: #DDDDDD;
}

div.smskrant_centercontent{
	width: 481px;
	float: left;
	padding-bottom: 4px;
	margin-bottom: 4px;
}

div.smskrant_headlines_container{
	margin-left: 4px;
	width: 473px;
	height: 305px;
}

div.smskrant_mainheadlines_container{
	margin-left: 4px;
 	width: 473px;
	height: 249px;
}

/* Linker en rechter kolom stijlen		         */
/* ------------------------------------------- */

div.leftcontentitems_header{
	width: 155px;
	height: 19px;
	background-color: #00349A;
	font-weight: bold;
	color:#FFFFFF;
	font-size: 12px;
	line-height: 19px;
	padding-left: 5px;
	padding-top: 1px;
}

div.leftcontentitems_header_light{
	width: 155px;
	height: 19px;
	background-color: #2A84E4;
	font-weight: bold;
	color:#FFFFFF;
	font-size: 12px;
	line-height: 19px;
	padding-left: 5px;
	padding-top: 1px;
}

div.rightcontentitems_header{
	width: 160px;
	height: 19px;
	background-color: #CC0000;
	font-weight: bold;
	color:#FFFFFF;
	font-size: 12px;
	line-height: 19px;
	padding-top: 1px;
	text-align: right
}

/* Formulier informatie							           */
/* ------------------------------------------- */

input.leftcontent_textinput{
	width: 146px;
	margin-left: 2px;
	background-color: #80B4CA;
	border: 1px solid #00349A;
	font-size: 11px;
	color: #FFFFFF;
	height: 16px;
	width: 137px;
	margin-right: 5px;
}

input.leftcontent_button{
	width: 60px;
	background-color: #80B4CA;
	height: 22px;
	color: #FFFFFF;
	font-size: 11px;
	border: 1px solid #00349A;
	margin-right: 5px;
}

/* Opmaak top bar 									           */
/* ------------------------------------------- */

div.topinfobar{
	width: 796px;
	height: 85px;
	margin: 2px auto 0 auto;
}

div.topinfobar_mainlogo{
	width: 440px;
	height: 66px;
	float: left;
}

img.topinfobar_mainlogo_img{
	height: 79px;
	width: 440px;
}

div.topinfobar_topmenu{
	float: right;
	text-align: right;
	width: 260px;
	font-size: 11px;
}

/* Opmaak top middenkader						           */
/* ------------------------------------------- */

div.headlines_leftitem{
	float: left;
	height: 249px;
	background-color: #333333;
	width: 234px;
	position: relative;
}

div.headlines_rightitem_top, div.headlines_rightitem_category_top, div.headlines_rightitem_middle, div.headlines_rightitem_bottom{
	float: right;
	width: 235px;
	height: 82px;
	background-color: #FF00FF;
}
div.headlines_rightitem_top{
	border-bottom: 1px dotted #000000;
	background-color: #FFFFFF;
}

div.headlines_rightitem_category_top{
	border-bottom: 1px dotted #000000;
	background-color: #E7F0F5;
}

div.headlines_rightitem_middle{
	background-color: #FFFFFF;
}

div.headlines_rightitem_bottom{
	background-color: #E7F0F5;
	border-top: 1px dotted #000000;
	border-bottom: 1px solid #000000;
}

div.headlines_leftitem_header{
	position: absolute;
	left: 0;
	top: 0;
	width: 170px;
	height: 16px;
	background-color: #FFFFFF;
	padding-top: 1px;
	padding-left: 4px;
	background: url('../../images/topbar.png') top left no-repeat;
}

div.headlines_leftitem_subheader{
	position: absolute;
	right: 0;
	top: 159px;
	width: 130px;
	height: 16px;
	padding-right: 4px;
	line-height: 16px;
	text-align: right;
	background: url('../../images/bottombar.png') top left no-repeat;
}

img.headlines_leftitem_image{
	width: 234px;	
}

div.catnumsmall{
	font-weight: bold;
	text-transform: uppercase;
	font-size: 10px;
	text-align: center;
	display: block;
	height: 15px;
	line-height: 15px;
	width: 15px;
	background-color: #222222;
	color: #FFFFFF;
	float: left;
}

div.catnumsmallright{
	font-weight: bold;
	text-transform: uppercase;
	font-size: 10px;
	text-align: center;
	display: block;
	height: 15px;
	line-height: 15px;
	width: 15px;
	background-color: #222222;
	color: #FFFFFF;
	float: left;
}

div.cattitlesmall{
	font-size: 10px;
	display: block;
	height: 15px;
	line-height: 15px;
	width: 142px;
	padding-left: 3px;
	float: right;
}

leftcontent_applyemailform{
	width: 156px;
	height: 30px;
}

td.applyemailform_td{
	width: 156px;
	text-align: right;
}

div.newmsg_time{
	width: 31px;
	margin: 2px 2px 2px 1px;
	margin: 2px;
	text-align: center;
	color: #FFFFFF;
	float: left;
	height: 13px;
	line-height: 14px;
	background: url('../../images/newmsg.png') center no-repeat;
	font-size: 9px;
}

div.newmsg_title{
	width: 116px;
	float: left;
	padding-left: 3px;
	font-weight: bold;
	height: 13px;
	margin: 2px 2px 0px 0;
	font-size: 11px;
}

div.newmsg_msg{
	width: 118px;
	padding-left: 38px;
}

div.adsense_pos3{
	margin-top: 4px;
	clear: both;
	width: 740px;
	height: 16px;
	margin-left: 4px;
}

div.headvertisement{
	width: 234px;
	height: 60px;
	float: right;
	margin-bottom: 3px;
}

span.horoscooptitle{
	float: right;
	margin-right: 5px;
}

span.hierjouwsms{
	font-size: 15px;
	letter-spacing: 1px;
}

span.stuursmsbericht{
	color: #CC0000;
	font-size: 17px;
	font-weight: bold;
	line-height: 20px;
	letter-spacing: 1px;
}

span.headercatnumbig2{
	float: left;
	width: 50px;
	height: 50px;
	line-height: 50px;
	font-size: 40px;
	margin-left: 4px;
	margin-right: 3px;
	background-color: #333333;
	color: #FFFFFF;
	text-align: center;
}

div.msgmessagetitle{
	float: right;
	width: 226px;
	color: #000000;
	margin-right: 4px;
	margin-top: 6px;
}

div.smskrant_mainheadlines_container2{
	position: relative;
	margin-left: 4px;
 	width: 473px;
	height:175px;
}

div.headlines_leftitem2{
	float: left;
	height: 249px;
	background-color: #333333;
	width: 234px;
	position: relative;
	height: 175px;
}

div.messagesvotes{
	position: absolute;
	bottom: 0;
	right: 0;
	margin-top: 3px;
	cursor: default;
}

div.weatherleftimg{
	float: left;
	height: 32px;
	line-height: 32px;
	width: 32px;
	margin-bottom: 2px;
	margin-left: 39px;
}

div.weatherspacer{
	float: left;	
	height: 32px;
	width: 9px;
	margin: 0;
}
div.weatherrightimg{
	float: left;
	width: 32px;
	height: 32px;
	line-height: 32px;
	text-align: center;
	margin-top: 0px;
}

div.weatherinfo{
	clear: both;
	float: left;
	height: 30px;
	width: 102px;
	margin-left: 4px;
	margin-top: 2px;	
}

div.edititem{
	float: left;
	background-color: #F5F5DB;
	margin-top: 4px;
	margin-left: 4px;
	margin-right: 4px;	
}

span.headervotes{
	font-weight: bold;
	float: right;
	height: 20px;
	line-height: 18px;	
	margin-right: 2px;
	cursor: default;
}