/* Toevoegingen op main.css*/





/* Site info */

#header div#siteinfo{

	font-size: 70%;

	float: right;

	text-align: left;

	font-weight: bold;

	color: #000;

}



#header div#siteinfo span.value{

	color: #839b20;

}







/* Navigatie opmaak */



#nav ul {

    padding: 0 0 0 0;

    margin: 0;

}



#nav li {

    list-style: none outside;

    float: left;

    margin: 0;

    padding: 0 10px 0 10px;

    text-align: center;

    background-image: none;



    border-style: solid;

    border-width: 0 1px 0 0;

    border-color: #000



}



#nav li.last{

    border-width: 0px;

}





#nav li a {

    text-decoration: none;

    display: block;

    color: #2F3C57;

    background-color: transparent;

    font-weight: bold;

}



#nav li a:hover, #navigation li a:active {

    color: #839b20;

    background-color: transparent;

}



#nav li a.highlight{

    text-decoration: none;

    display: block;

    color: #839b20;

    background-color: transparent;

    font-weight: bold;

}


a.highlight{

    color: #839b20;
	

}





























/* Right column */



#right div.content-right{

    margin: 0 10px 10px 0px;

    padding: 0 0 10px 0;

    background:#eee;

    width: 100%;

    border-style: solid;

    border-width: 1px;

    border-color: #A5B5C6;

}







#right div.content-right h3{

    margin: 4px 4px 8px 4px;

    padding: 2px 2px 3px 5px;

    background: transparent;

    border-bottom-style: solid;

    border-width: 1px;

    border-color: #A5B5C6;

    font-weight: bold;

    color: #2F3C57;

}







#right div.content-right li strong{



    color: #839b20;

    font-weight: bold;

}



#right div.content-right li strong.normal{



    color: #2F3C57;

    font-weight: bold;

}







#right div.content-right li strong a{

    color: #839b20;

}










#right div.content-right p{

    margin: 4px 8px 8px 8px;

    font-size: 80%;

}







#right div.content-right a.highlight{

    text-decoration: none;

    color: #839b20;

    background-color: transparent;

    font-weight: bold;

}







#right div.content-right ul{

	font-size: 11px;

	list-style: none outside;

	margin: 0 0 5px 0;

	padding: 0 0 0 20px;

}







#right div.content-right ul li ul{

	font-size: 11px;

	list-style: circle outside;

	margin: 0 0 5px 0;

	padding: 0 0 0 20px;

}











/* Login-box */



#login-box{

    margin: 20px 0 0 0;

    padding: 20px;

    background:#eee;

    width: 178px;

    border-style: solid;

    border-width: 1px;

    border-color: #A5B5C6;



    font-size: 80%;

    line-height: 140%;

    color: #2F3C57;



    font-family: "verdana", serif;

    text-align:left;

}





#login-box input{ 

	height: 15px;

	padding: 2px;

}





#login-box input.button{ 

	height: 25px;

	padding: 2px;

}







div.module_descr{

    margin: 15px 0 0 0;

    padding: 10px 10px 0 10px;

    background:#eee;

    width: 95%;

    border-style: solid;

    border-width: 1px;

    border-color: #A5B5C6;



    font-size: 90%;

    line-height: 140%;

    color: #2F3C57;



    font-family: "verdana", serif;

    text-align:left;

    float: left;

    

    cursor: hand;

    

}



div.module_descr h2{

	margin: 0 0 10px 0;

	

}







/* Footer opmaak */



#footer p{

    margin: 5px 0px 5px 0px;

    background: transparent;

    color: #000;

}







/* Presentation Stylesheet */



a:link { color: #2F3C57; background: transparent; font-weight: bold; }

a:visited { color: #2F3C57; background: transparent; font-weight: bold; }

a:hover { color: #839b20; background: transparent; font-weight: bold; }

a:active { color: #839b20; background: transparent; font-weight: bold; }





hr {

    color: #2F3C57;

    height: 1px;

    width: 100%px;

    margin: 0

}



h1 {

    font-size: 200%;

    color: #2F3C57;

    background: transparent;

    line-height: 120%;

    font-weight: normal;

    padding: 0;

    margin: 0 0 20px 0;

}



h2 {

    color: #2F3C57;

    background: transparent;

    font-size: 125%;

    line-height: 150%;

    padding: 0;

    margin: 10px 0 15px 0;

}



h3 {

    padding: 0;



    font-size: 105%;

    line-height: 120%;

    color: #2F3C57;

    background: transparent;

}





/*extra menu opties in top*/



p.extramenu{

    background: #eee;

    color: #2F3C57;

    border-color: #2F3C57;

    border:1px solid;

    padding: 4px 4px 4px 10px;

    margin: 0 0 15px 0;

    font-size: 85%;

    text-align: left;

}





P {

    margin: 0 0 1em; }



span.intro{

	font-weight: bold;

}  



p.datum{

	margin-top: -15px;

}

    

    

    

    

/* Image styling */



img.border{

    border-style: solid;

    border-width: 1px;

    border-color: #000;

}



img.padding-left{

    margin: 0px 0px 0px 15px;

}



































/* TABLES */



/* DATA TABLE */

table.data{

    margin:0px 0px 10px 0px;

    padding: 0;

    width: 95%;

    font-family: "verdana", serif;

    font-size: 85%;

    color: #2F3C57;

    border-collapse: collapse;

    border: 1px solid #A5B5C6;

}





table.data td {

    border: 1px solid #A5B5C6;

    padding: 3px 3px 3px 3px;

    margin: 0;

    vertical-align: middle;

}



table.data td.top{

    vertical-align: top;



}



table.data th {

    color: #2F3C57;

    font-weight: bold;

    background: #ddd;

    margin: 0;

    padding: 3px 3px 3px 3px;

    border: 1px solid #A5B5C6;

    text-align: left;

}



table.data tr.even{

    background: #eee;

}



table.data tr.oneven{

    background: #fff;

}





table.data td.slectcheckbox{

	width: 18px; 

	text-align: center;



}





/*extra tr classes voor pagina overzicht*/







table.data tr.depth0{

    background: #eee;

}



table.data tr.depth1{

    background: #fbfafa;

}



table.data tr.depth2{

    background: #fff;

}



table.data tr.depth3{

    background: #fff;

}





table.data td.min{

	color: red;

	padding-left: 7px;

}



table.data td.plus{

	color: green;



}



table.data td.grey{

	color: #999;



}





/* FORM DATA */



form{



    padding: 0;

    margin: 0;

}



fieldset{

    background-color: #fff;

    font-family: Verdana, Arial, Helvetica, sans-serif;

    font-size: 85%;

    padding: 5px 20px 15px 20px;

    margin: 5px 0 15px 0;

    color: #2F3C57;

    border:1px solid;

    border-color: #A5B5C6;

}



legend{

    background-color: #eee;

    font-family: Verdana, Arial, Helvetica, sans-serif;

    font-size: 110%;

    font-weight: bold;

    padding: 5px 15px 5px 15px;

    border: 1px solid;

     border-color: #000;

    color: #2F3C57;

    margin: 0 0 20px 0;

}



label{

    background-color: #transparent;

    padding:0;

    margin:0;

    font-weight: bold;



}



input {

    background-color: #fff;

    font-family: Verdana, Arial, Helvetica, sans-serif;

    font-size: 100%;

    padding: 3px;

    height: 20px;

    margin: 0 0 10px 0;

    color: #2F3C57;

    border:1px solid;

    border-color: #A5B5C6;

}



/* verschillende lengtes textvelden */

input.mini{

    width: 50px;

}

input.short{

    width: 125px;

}

input.mid{

    width: 250px;

}

input.long{

    width: 550px;

}



input.checkbox{

    border: 0;

    margin:  0;

    padding:0;

}



p.info{

    background: #eee;

    color: #2F3C57;

    border-color: #2F3C57;

    border:1px solid;

    padding: 5px;

    margin: 15px 0 15px 0;

    font-size: 100%;

}



p.error{

    background: #eee;

    color: #2F3C57;

    border-color: #2F3C57;

    border:1px solid;

    padding: 2px 2px 2px 5px;

    margin: 15px 0 15px 0;

    font-size: 85%;



}



input.submit{

    padding: 2px 2px 20px 2px;

    margin: 10px 0 0 0;

    background: #ddd;

    font-size: 100%;

    font-weight: bold;

    color: #2F3C57;

    border-color: #2F3C57;

    border:1px solid;

}



textarea {

    background-color: #fff;

    font-family: Verdana, Arial, Helvetica, sans-serif;

    font-size: 100%;

    padding: 1px;

    margin: 0 0 8px 0;

    color: #2F3C57;

    border:1px solid;

    border-color: #A5B5C6;

}



/* verschillende lengtes textvelden */





textarea.small{

    width: 550px;

    height: 130px;

}

textarea.big{

    width: 550px;

    height: 400px;

}



select{

    background-color: #fff;

    font-family: Verdana, Arial, Helvetica, sans-serif;

    font-size: 85%;

    padding: 0;

    margin: 0 0 10px 0px;

    color: #2F3C57;

    border:1px solid;

    border-color: #A5B5C6;

}



.radio{

    border: 0;

    margin: 0 0 0 0;



}