@charset
"utf-8"
;

pre {
    background-color: #eee;
    padding: 10px;
    font-size: 11px;
}

a {
    color: #000;
}

div.publicatietitelhome {
	width:438px;
	height:20px;
	font-size: 14px; 
	font-weight: 600;
}

div.publicatiesrand {
	width:586px;
	height:98px;
	background-position: top right;
	background-repeat: no-repeat;
}

div.publicatiestext {
	float:left;
	width:444px !important;
	width:450px;
	height:66px;
	padding-bottom:16px;
	padding-top:8px;
	padding-left:8px;
	padding-right:16px;
	margin-right:0px;
	}
	
div.publicatiesafbeeldingbox {
	float:left;
	width:113px;
	height:98px;
	margin-left:0px
	}

div.publicatiesafbeeldingbox2 {
	float:left;
	width:113px;
	height:98px;
	margin-left:0px !important;
	margin-left:8px;
	}
	
div.publicatiesafbeelding {
	float:left;
	width:114px;
	height:81px !important;
	}
	
div.publicatiescategorie {
	float:left;
	width:113px;
	height:16px;
	border:0px;
	}
	
div.publicatieshome{
	margin-left:2px !important;
	margin-left:5px;
}

.publicatiemainhome {
	 width: 588px; border-left: 1px solid #8BA8C7; margin-left:2px !important; margin-left:5px; border-bottom: 1px solid #8BA8C7; border-right: 1px solid #8BA8C7; padding-top: 3px;
}
.publicatiehome {
	width:586px;
	height:98px;
	background-position: top right;
	background-repeat: no-repeat;
	margin-bottom:12px;
}

.publicatie {
	background-position: right;background-repeat: repeat-y; height: 98px;
}

.publicatie2 {
	float:left; width: 460px; padding: 5px; font-size: 12px;
}

.publicatie3 {
	padding-top: 5px; font-size: 14px; letter-spacing: 0; font-weight: 600;
}

.publicatieafbeelding {
	float: right; padding-right: 5px; height: 98px; padding-bottom:0px; 
}

.homebox {
	width: 288px !important;
	width: 290px; 
	height: 279px !important;
	height: 26px;
	margin-bottom: 12px !important;
	margin-bottom: 0px;
	margin-left: 5px; 
	margin-right: 5px; 
	float: left; 
	padding-bottom: 10px;
	padding-top: 0px !important;
	padding-top: 0px;
}

div.rapportagebox {
	width: 288px !important;
	width: 290px; 
	height: 279px !important;
	height: 26px;
	margin-bottom: 12px !important;
	margin-bottom: 0px;
	margin-left: 5px; 
	margin-right: 5px; 
	float: left; 
	padding-bottom: 10px;
	padding-top: 0px !important;
	padding-top: 0px;
}

.fieldWithErrors {
    padding: 2px;
    background-color: red;
    display: table;
}

#errorExplanation {
    width: 400px;
    border: 2px solid red;
    padding: 7px;
    padding-bottom: 12px;
    margin-bottom: 20px;
    background-color: #f0f0f0;
}

#errorExplanation h2 {
    text-align: left;
    font-weight: bold;
    padding: 5px 5px 5px 15px;
    font-size: 12px;
    margin: -7px;
    background-color: #c00;
    color: #fff;
}

#errorExplanation p {
    color: #333;
    margin-bottom: 0;
    padding: 5px;
}

#errorExplanation ul li {
    font-size: 12px;
    list-style: square;
}

div.uploadStatus {
    margin: 5px;
}

div.progressBar {
    margin: 5px;
}

div.progressBar div.border {
    background-color: #fff;
    width: 100%;
}

div.progressBar div.background {
    background-color: #333;
    height: 18px;
    width: 0%;
}

body {
    font: 100% Arial, Helvetica, sans-serif;
    margin: 0;
    font-size: 12px;
    padding: 0;
    text-align: center;
    color: #000000;
    height: 100%;
    background-image: url( /images/agrond.jpg );
    background-repeat: repeat-x;
}

html {
    height: 100%;
}

.clearfloat {
    clear: both;
    height: 0;
    font-size: 1px;
    line-height: 0px;
}

.banner {
    background-image: url( /images/banner.jpg );
    background-repeat: no-repeat;
}

.nav {
    background-image: url( /images/nav.jpg );
    background-repeat: no-repeat;
    background-color: #8BA8C7;
    width: 131px !important;
    width: 131px;
    vertical-align: top;
    padding-top: 10px;
}

.nav a {
    color: white;
    line-height: 25px;
    text-decoration: none;
    font-size: 12px;
}

.navitem {
    font-size: 12px;
	padding-left: 10px;
	border-bottom: 1px solid white;	
	padding-bottom: 2px;
}

.navitem a {
	color: white;
    text-decoration: none;	
}

.navitem a:hover {
	font-weight: 600;
}


.subnavitem {
	
}

th {
    text-align: left;

}



.main {
    background-color: #FFFFFF;
    font-size: 12px;
    vertical-align: top;
    background-image: url(/images/schaduwmain.jpg);
    background-repeat: repeat-y;
}

.mainoutput {
    padding-left: 25px;
    padding-right: 20px;

}

.publicatieoutput {
	line-height: 17px;	
}

a img {
	border: none;
}

.copy {
    background-image: url( /images/copy.jpg );
    background-repeat: repeat-x;
    text-align: center;
    font-size: 11px;
}

h1 {
	font-size: 22px;
	line-height: 26px;
}

h2 {
	font-size: 14px;
	font-weight: 600;
}

h3 {
	font-size: 14px;
	font-style: normal;
        color: #757E90;
        line-height: 16px;
        margin-bottom: 0px;
}

.balkkop {	
	padding-top: 4px;
	padding-left: 20px;
	font-size: 18px;
	font-weight: 600;
    color: white;
	
}

.kopachtergrond {

}
.kop {
    font-size: 18px;
	font-weight: 600;
    color: white;
	line-height: 31px;
	
}


.maintop {
	height: 31px;
	margin: 25px 25px 0px 25px;
	background-image: url(/images/kop.jpg);
	background-repeat: repeat-x;
}


.selecteervakgebied {
    margin-top: 15px;
    margin-right: 15px;
}

.balkrechts {
    width: 180px;
    background-color: #C9D9EA;
    float: right;
}


a {
    text-decoration: none;
}





.dossieritembreed {
	width: 100%;
	min-height: 90px;
	margin-bottom: 20px;
}

/** tabel **/

.tabel {
padding: 0 0 0 0;
margin: 0 0 0 0;
border: 1px solid #94B1CF;	
font-size: 12px;
}

.tabel th {
	background-image: url(/images/th.gif);
	background-repeat: repeat-x;
	font-size: 12px;
	height: 20px;
	color: white;
	font-weight: 100;
	padding-left: 10px;
}

.tabel tr {
		background-color: white;
}

.tabel td {
		padding: 4px 0px 4px 10px;
}

.tabel .tr1 {
	background-color: #D0E1F2;
}

.tabel .tr0 {
	background-color: white;
}


.infobox  a {
    color: white;
}




/**** beheer ****/


.multiplebox {
    width: 350px;
    border: 1px solid black;    
}

input {
    border: 1px solid black;
}

.inputbox {
    width: 350px;
}

.textareabox {
    width: 350px;
    height: 150px;
}

label {

    display: block;
    float: left;
    width: 25ex;
    text-align: right;
    padding-right: 1ex;

}

.success {

    border: solid 4px #99f;
    background-color: #FFF;
    padding: 10px;
    text-align: center;
    font-weight: bold;
    font-size: 1.2em;
    width: 400px;
}

.clearfix:after {
    content: ".";              /* the period is placed on the page as the last thing before the div closes */
	display: block;          /* inline elements don't respond to the clear property */
    height: 0;                  /* ensure the period is not visible */
    clear: both;               /* make the container clear the period */
    visibility: hidden;	     /* further ensures the period is not visible */
}

.clearfix {display: inline-block;}   /* a fix for IE Mac */

/* next a fix for the dreaded Guillotine bug in IE6 */
/* Hides from IE-mac \*/
* html .clearfix {height: 1%;}
.clearfix {display: block;}
/* End hide from IE-mac */
/* end of "no-extra-markup" clearing method */