/*
 * Project: ZEELANDNET PORTAL
 * File:	ROOT/assets/css/main.css
 *
 */

@import url("http://www.zeelandnet.nl/assets/css/buttons.css"); 
 



@media screen {



.backtotop {
	text-align: right;
	font: 85% verdana, arial, sans-serif;
	}
.backtotop a {
	padding: 0 5px 0 0;

	}
	
#content_w4 a.back { 
	font: 85% verdana, arial, sans-serif; 
	background: url("../img/previous2.gif") no-repeat left center; 
	text-decoration: none; 
	padding: 0 0 0 8px; 
	color: #858fa4;
	} 
#content_w4 a.back:hover { text-decoration: underline; } 

a.asc 	{ background: url("../img/asc.gif") no-repeat right center; padding: 0 14px 0 0;}
a.desc 	{ background: url("../img/desc.gif") no-repeat right center; padding: 0 14px 0 0;}

a.logout { background: url("../img/signoff.png") no-repeat left center; padding: 0 0 0 25px; }

#content_w4 a {
	text-decoration: underline;
	}

a.reply {
	display: block;
	background: url("../img/reply.gif") no-repeat left top;
	width: 115px;
	height: 21px;
	text-align: center;
	padding: 2px 0 0 0;
	font-size: 92%;
	font-weight: bold;
	}



a.btnreadmore {
	display: block;
	background: url("../img/a-readmore-w.png") no-repeat left top;
	height: 27px;
	width: 151px;
	font-size: 12px;
	text-align: center;
	color: #fff;
	font-weight: bold;
	padding: 6px 0 0 0;
	text-decoration: none;
	}
a.btnreadmore:hover {
	background-position: 0px -33px;
	text-decoration: none;
	}
a.btnreadmore:active {
	color: #022988;
	}

	
	
	
a.readmore {
	font: 85% verdana, arial, sans-serif;
	font-weight: bold;
	background: url("../img/bullit-r.gif") no-repeat right center;
	padding: 0 8px 0 0;
	}
a.readmore2 {
	font-weight: bold;
	background: url("../img/bullit-r.gif") no-repeat right center;
	padding: 0 8px 0 0;
	}

	
a.readmore3 {
	font-weight: bold;
	background: url("../img/bullit-r.gif") no-repeat right center;
	padding: 0 8px 0 0;
	text-decoration: none;
	}
a.readmore3:hover {
	text-decoration: underline;
	}


a.readmore-ext {
	font: 85% verdana, arial, sans-serif;
	font-weight: bold;
	background: url("../img/a-readmore-ext.png") no-repeat right center;
	padding: 0 14px 0 0;
	}
	
a.print {
	font: 85% verdana, arial, sans-serif;
	background: url("../img/print.png") no-repeat left center;
	padding: 1px 0 1px 20px;
	}

	

	

#spnCheckLoginNaam, #spnCheckMgmCode  {
	font: 85% verdana, arial, sans-serif;
	font-weight: normal;
	padding: 3px 0 3px 15px;
	display: none;
	}	

.LoginNaamAllow, .AjaxOK {
	background: url("../img/allow.png") no-repeat left;
	color: #3d9206;
	}

.LoginNaamDeny, .AjaxFail {
	color: #cc0000;
	background: url("../img/deny.png") no-repeat left;
	}
	
#btnCheckLoginNaam, #btnCheckCode {
	position: relative;
	z-index: 3;
	}
	
	
	





	
	
/* ---------------------------- Form elementen ---------------------------- */	

input.longest, 
textarea.longest,
input.long, 
textarea.long,
select.long, 
input.short,  
input.shortest,
input.supershort,
input.amount,
input.dd, 
input.auto,
input.stretch {	
	border-top: 1px solid #072561;
	border-right: 1px solid #d4d0c8;
	border-bottom: 1px solid #d4d0c8;
	border-left: 1px solid #d4d0c8;
	padding: 4px 3px;
	margin: 2px 0px;
	}
input.auto {
	width: 95%;
	}
input.stretch {
	width: 98%;
	}
input.longest,
textarea.longest {
	width: 400px;
	}
textarea.longest {
	height: 125px;
	}
	
input.long,
textarea.long {
	width: 275px;
	}

	
input.short {
	width: 180px;
	}

input.shortest {
	width: 80px;
	}
input.supershort {
	width: 50px;
	}
	
input.amount {
	width: 40px;
	padding: 3px 1px;
	margin: 0px;
	}
input.dd {
	width: 20px;
	padding: 3px 1px;
	margin: 0px;
	}
	
	
select {
	border-top: 1px solid #072561;
	border-right: 1px solid #d4d0c8;
	border-bottom: 1px solid #d4d0c8;
	border-left: 1px solid #d4d0c8;
	padding: 3px;
	}
select.date {
	width: 92px;
	}

	
	
/* ---------------------------- progressbar ---------------------------- */	

#progress_wide {
	margin: -11px 0 0 0;
	font: 85% verdana, tahoma, arial, sans-serif;
	*font: 77% verdana, tahoma, arial, sans-serif;
	border-top: 1px solid #e1e4ed;
	border-right: 1px solid #e1e4ed;
	border-bottom: 1px solid #e1e4ed;
	}
#progress_wide a {
	text-decoration: none;
	}
#progress_wide ul {
	margin: 0;
	padding: 0;
	height: 22px;
	}
#progress_wide ul li {
	float: left;
	list-style: none;
	text-align: center;
	width: 16.5%;
	padding: 2px 0 0 0;
	height: 20px;
	margin: 0;
	color: #a0a2a7;
	border-left: 1px solid #e1e4ed;
	}
#progress_wide ul li.active {
	background-color: #f0f7fe;
	color: #000;
	font-weight: bold;
	}
#progress_wide ul li.on {
	background-color: #f0f7fe;
	}
#progress_wide ul li.on a {
	text-decoration: none;
	/* color: #000; */
	}
#progress_wide ul li.on a:hover {
	text-decoration: underline;
	}
	
	
	
	

.pane_w4 #progress,
#progress {
	position: relative;
	float: right;
	margin-top: 2px;
	*margin-top: 12px;
	width: 440px;
	font: 77% verdana, tahoma, arial, sans-serif;
	}

.pane_w4 #progress em,
#progress em {
	float: left;
	width: 70px;
	border-right: 1px solid #CCD3E1;
	font-style: normal;
	display: block;
	padding: 0px 0 2px 0;
	}

.pane_w4 #progress ul, 
#progress ul {
	margin: 0px 0px 0px 71px;
	padding: 0px;
	list-style: none;
	border-top: 1px solid #CCD3E1;
	}

.pane_w4 #progress ul li, 
#progress ul li {
	margin: 0px;
	padding: 1px 0;
	width: 24.7%;
	float: left;
	text-align: center;
	border-right: 1px solid #CCD3E1;
	border-bottom: 1px solid #CCD3E1;
	color: #a0a2a7;
	}

.pane_w4 #progress ul li.on, 
#progress ul li.on {
	background-color: #f0f7fe;
	color: #000;
	}
.pane_w4 #progress ul li.active,
#progress ul li.active {
	background-color: #f0f7fe;
	color: #000;
	font-weight: bold;
	}

.pane_w4 #progress ul li a,
#progress ul li a {
	text-decoration: none;
	color: #000;
	}
	
	
	
	
	
.odd {
	background-color: #F0F7FE;
	}
.asterisk {
	color: #d30800;
	}
.error {
	font: 85% verdana, arial, sans-serif;
	line-height: 170%;
	color: #d30800;
	}

	
/* ---------------------------- pageflickr ---------------------------- */	

.alfabet {
	}
.alfabet em {
	display: block;
	float: left;
	color: #000000;
	padding: 1px 5px 1px 0px;
	}
.alfabet em.next {
	padding: 1px 5px 1px 10px;
	}
.alfabet li {
	float: left;
	list-style: none; 
	}

.alfabet li a { 
	border: 1px solid #e1e4ed;
	text-decoration: none;
	text-align: center;
	width: 20px;
	padding: 1px;
	margin: 0px 2px;
	font-size: 100%;
 	display: block;
	}
.alfabet li a:hover {
	color: #000;
	background: #ecf4ff;
	border: 1px solid #124db7;
	}

.alfabet li.active {
	color: #fff;
	background-color: #124db7;
	font-weight: bold;
	border: 1px solid #fff;
	text-decoration: none;
	text-align: center;
	width: 20px;
	padding: 1px;
	margin: 0px 2px;
 	display: block;
	} 

	




	
	
ul.bullits  {
	margin: 0 0 0 20px;
	}


ul.bullits li {
	padding: 2px 0 3px 5px;
	list-style: disc;
	}


	
	
	
/* ------------------------------------------------------------------------------------------------- */	
/* ---------------------------------- Custom page grid (28-11-2007) -------------------------------- */	
/* ------------------------------------------------------------------------------------------------- */	

#zldnet-page .box-bottom {
	top: -10px;
	}
#zldnet-page .box-top .lb {
	position: absolute;
	height: 10px;
	right: 1px;
	}
*html #zldnet-page .box-top .lb 	{ right: 0px;	}

#zldnet-page .box-top .lb, 
#zldnet-page #zldnet-content {
	font-size: 93%;
	width: 61.0833em; *width: 59.4167em; padding: 1px 10px 0 10px; border-left: 1px solid #ccd3e1;
	}
	
#zldnet-page #zldnet-content 	{ float: right; min-height: 400px; background: #fff; }

#zldnet-page #zldnet-menu-left 	{ font-size: 93%; float: left; padding: 1px 0px 6px 0px; width: 17.167em; *width: 16.6667em; }





}	
/* ------------------------------------------------------------------------------------------------------- */		
/* -------------------------------------------- @media Print  -------------------------------------------- */	
/* ------------------------------------------------------------------------------------------------------- */	

@media print {

.btn-container, 
a.print {
	display: none;
	}
	
}