body{
    margin:0px;
    padding:0px;
    background-color:#555555;
    font-family:Arial,Helvetica,sans-serif;
}

/* zorgt ervoor dat de regelafstand dezelfde is als in Braas.*/
p{
	margin:0px;
	padding:0px;
}

/* zorgt ervoor dat er geen spaties zit tussen de cellen van tabellen */ 
table{
    border-collapse: collapse;
    border-spacing:0px;
}
.attention
{
font-family:Helvetica, sans-serif;
color:#FF0000;
font-weight:bold;
text-decoration:none;
}
img, img:visited, img:active, img:link  {
    border: none;
    border-spacing:0px;
}

/* de layout van alle links, tenzij hieronder anders opgegeven */
a:visited, a:active, a:link  {
	color:#336699;
	text-decoration:none;
}

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

/* titels */
h2{
    font-size:16pt;
    font-weight:bold;
    color:#336699;
}

h3{
    font-size:10pt;
    font-weight:bold;
    color:#336699;
}

/* tenzij anders opgegeven is dit de stijl van alle tabelcellen */
td{
	font-size:10pt;
	color:#336699;
}

s
{
text-decoration:line-through;}

/* lijstitems */
li{
	line-height:15pt;
}


/* lijnen */
hr{
	line-height:1px;
	height:1px;
	color:#3A9300;
	background-color:#3A9300;
	border: 0px solid #3A9300;
}

/* rolloverkadertje met fotolid */
#float0r{
	visibility:hidden;
	display:none;
	z-index:10;
	position:absolute;
	border:1px solid #3A9300;
	background-color: #FFFFFF;
}

/* kadertje dat verschijnt na klikken op "login" */
#loginKadertje{
	width:190px;
	border-width: 0px 1px 1px 1px;
	border-style: solid;
	border-color: #3A9300;
	visibility:hidden;
	background-color:white;
	padding:10px;
	position:absolute;
	top:153px;
	right:10px;
	font-size:9pt;
	height:150px;
}
#loginKadertje td{
	font-size:9pt;
}
#loginKadertje input{
	width:120px;
}

/* alle prentjes in het inhoudsgedeelte krijgen houden 7px afstand van de tekst*/
.pagina img{
	margin:7px;
}

/* in sommige tabellen zijn er labels voorzien (bv. mijn gegevens) */
.label{
	width:250px;
	height:24px;
	font-size:10pt;
	vertical-align:top;
}

/* klasses om form-items een layout te geven*/
.veld{
	font-size:10pt;
	color:#666666;
	line-height:15pt;
}
.veld input{
	width:170px;
}
.veld .checkbox{
	width:14px;
}

.menupadding{
	padding:5px 0px 0px 0px;
}

.light_text{
	color:#66AA66;
	font-size:8pt;
	line-height:14pt;
}







/* OUDE CSS */

/* PUNTJES VOOR IEDERE ZELFGEMAAKTE CLASS PLAATSEN  !!! */

.bgwit {		background-color: #FFFFFF;		
				font-family: Arial, Helvetica, sans-serif;
				font-size: 11px;}
.bgwitL {		background-color: #FFFFFF;		
				font-family: Arial, Helvetica, sans-serif;
				font-size: 17px;
				font-weight:bold;
				color:#336699;}
.bgwitSS {		background-color: #FFFFFF;		
				font-family: Arial, Helvetica, sans-serif;
				font-size: 9px;
				font-weight:bold;
				color:#336699;}
.bgblr {		background-color: #DDE5EE;
	}
.hiddentext {	color:#AAAAAA;
				font-size:12px;		}
.hiddentext:link {	color:#BBBBBB;
				font-size:12px;
				font-weight:100;
				text-decoration:none;		}
				
.hidden {		color:#CCCCCC;
				font-size:12px;
				font-weight:bold;
				text-align:right;	}
				
.bgbll {		background-color: #D0DCE7;		}
.bgbar {		
				color:#FFFFFF;
				text-decoration:none;}
.links {		color:#336699;
				text-decoration:none;}
.bgbar:link {	
				color:#FFFFFF;
				text-decoration:none;}
.links:link {	color:#336699;
				text-decoration:none;}
.links:hover {	color:#336699;
				text-decoration:none;}
.bgbar:hover {	background-color:#FFFFFF;
				color:#ED2024;
				text-decoration:none;}
body {			font-family: Arial, Helvetica, sans-serif;
				font-size: 12px;
				text-align:left;
				color:#336699;
				font-weight:bold;	}
.alarma	{		color:#FF0000;}
.alarma2	{	color:#FF9900;}
.alarma3	{	color:#339900;}
.alarma4	{	color:#006600;}
td {			font-family: Arial, Helvetica, sans-serif;
				font-size: 12px;}
form {			font-family: Arial, Helvetica, sans-serif;
				font-size: 12px;	}
input{
	color:#336699;
	background-color:#CCC;
	border:0px solid;
	border-bottom:1px solid;
	border-color:#336699;
	font-size:12px;
	font-family:Helvetica, sans-serif;
	height:20px;
	width:110px;
	padding-left:5px;
}
textarea {		font-family: Arial, Helvetica, sans-serif;
	border:0px solid;
	border-bottom:1px solid;
				font-size: 12px;
				color:#336699;
				background-color:#CCC;
				border-style:solid;
	border-color:#336699;
				}
.textarea_dis {	font-family: Arial, Helvetica, sans-serif;
				font-size: 12px;
				font-weight:bold;
				color:#336699;
				border-style:none;
				border-color:#D0DCE7;
				background-color:#FFFFFF;}
select {		font-family: Arial, Helvetica, sans-serif;
				font-size: 12px;}
ul {			font-family: Arial, Helvetica, sans-serif;
				font-size: 12px;
				list-style-type: square;
				list-style-position: outside;}
li {			font-family: Arial, Helvetica, sans-serif;
				font-size: 12px;}
ol {			font-family: Arial, Helvetica, sans-serif;
				font-size: 12px;
				list-style-type: decimal;
				list-style-position: outside;}
.small {		font-family: Arial, Helvetica, sans-serif;
				font-size: 9px;}
.big {			font-family: Arial, Helvetica, sans-serif;
				font-size: 18px;}
.bodystyle {	font-family: Arial, Helvetica, sans-serif;
				font-size: 12px;	}
hr {			color:#FFFFFF;
				border-color:#FFFFFF;}
.debug {		color:#FF0000;}
.inputbuttons {	color:#FFFFFF;
				background-color:#336699;
				width:150px;
				text-align:left;}
.inputbuttons_small {	color:#FFFFFF;
				background-color:#336699;
				width:40px;
				text-align:left;}
				
				
.inputbuttons_kill {
				width:18px;
				background-repeat:no-repeat;
				background-image:url(btn_icons/s_error.png)}
.inputbuttons_ok {
				width:18px;
				background-repeat:no-repeat;
				background-image:url(btn_icons/s_okay.png)}
.inputbuttons_yes {
				width:18px;
				background-repeat:no-repeat;
				background-image:url(btn_icons/s_okay.png)}
.inputbuttons_edit {
				width:18px;
				background-repeat:no-repeat;
				background-image:url(btn_icons/b_edit.png)}
.inputbuttons_no {
				width:18px;
				background-repeat:no-repeat;
				background-image:url(btn_icons/s_error.png)}
.inputbuttons_usrno {
				width:18px;
				background-repeat:no-repeat;
				background-image:url(btn_icons/b_usrdrop.png)}
.inputbuttons_crea {
				width:18px;
				background-repeat:no-repeat;
				background-image:url(btn_icons/crea.png)}
.inputbuttons_usrok {
				width:18px;
				background-repeat:no-repeat;
				background-image:url(btn_icons/b_usrcheck.png)}
				
				
.checkbox {		font-weight:bold;
				border-color:#DDEEFF;
				background-color:#DDE5EE;
				width:14px;}
				
.navig_item 		{	
					background-color: #D0DCE7; 
					color:#336699;
					text-decoration:none;
					font-size:11px;}
.navig_subitem 		{
					background-color: #F9FBFD; 
					color:#336699;
					text-decoration:none;}
.navig_item_act 	{	
					background-color: #336699; 
					color:#FFFFFF;
					text-decoration:none;
					font-size:11px;}
.navig_subitem_act 	{
					background-color: #FFFFFF; 
					color:#336699;
					text-decoration:none;}
					
					
.navig_item:link	{
					text-decoration:none;
					font-size:11px;}
.navig_subitem:link {
					text-decoration:none;}
.navig_item_act:link{
					text-decoration:none;
					font-size:11px;}
.navig_subitem_act:link { 
					text-decoration:none;}
.pictures		{	margin-right:20px;
					background-color: #FFFFFF;		
					}
					
/* THE REST */


a
{
	text-decoration:none;
}

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

th{
    border-collapse: collapse;
    border-spacing:0px;
	background-color:#336699;
	color:#FFFFFF;
	height:25px;
	padding-top:5px;
	text-align:left;
}

img, img:visited, img:active, img:link  {
    border: none;
    border-spacing:0px;
}

body
{
	font-family:Helvetica, sans-serif;
	font-size:12px;
	color:#336699;
}

.bottom_feed
{
	color:#666666;
	text-decoration:none;
	font-size:11px;
}

.links:link { 	
	color:#CC3333;
	text-decoration:none;
	font-size:11px; } 
.links:visited { 	
	color:#CC3333;
	text-decoration:none;
	font-size:11px; } 
.links:link:hover { 	
	color:#880000;
	text-decoration:none;
	font-size:11px; } 
.links:link:active { 	
	color:#CC3333;
	text-decoration:none;
	font-size:11px; } 



.links_right:link { 	
	color:#CC3333;
	text-decoration:none;
	font-size:11px; } 
.links_right:visited { 	
	color:#CC3333;
	text-decoration:none;
	font-size:11px; } 
.links_right:link:active { 	
	color:#CC3333;
	text-decoration:none;
	font-size:11px; } 
.links_right:link:hover { 	
	color:#336699;
	text-decoration:none;
	font-size:11px; } 




:link { 	
	color:#CC3333;
	text-decoration:none;
	font-size:11px; } 
:visited { 	
	color:#CC3333;
	text-decoration:none;
	font-size:11px; } 
:link:active { 	
	color:#CC3333;
	text-decoration:none;
	font-size:11px; } 

.left_feed
{
	color:#FFFFFF;
	text-decoration:none;
	font-size:12px;
	margin-right:20px;
}

.menu_title
{
	color:#FFFFFF;
	text-decoration:none;
	font-size:16px;
	margin-right:20px;
	font-weight:bold;
	margin-top:10px;
}

.left_title
{
	color:#FFFFFF;
	text-decoration:none;
	font-size:26px;
	margin-right:20px;
}

.alert
{
	color:#FF0000;
	text-decoration:none;
	font-size:12px;
}

.right_feed
{
	color:#336699;
	text-decoration:none;
	font-size:12px;
	margin-right:30px;
}

h1
{
	color:#336699;
	text-decoration:none;
	font-size:26px;
	margin-right:20px;
}

hr
{
	color : #336699;
	background-color: #336699;
	border:0px;
	height: 5px;
}

.right_title_white
{
	color:#FFFFFF;
	text-decoration:none;
	font-size:26px;
	margin-right:20px;
}

.uitgerekt
{
	background-repeat:repeat-y;
}

#sddm
{	margin: 0;
	margin-left:0px;
	padding: 0;
	z-index: 30}

#sddm li
{	margin: 0;
	padding: 0;
	list-style: none;
	float: left;
	font: bold 16px Helvetica}

#sddm li a
{	display: block;
	margin: 0 0px 0 0;
	padding: 4px 20px;
	background: #336699;
	color: #FFF;
	text-align: left;
	text-decoration: none}

#sddm li a:hover
{	
	color:#FF0000;}

#sddm div
{	position: absolute;
	visibility: hidden;
	margin: 0;
	padding: 0;
	background: #336699;
	border: 0px solid #5970B2}

	#sddm div a
	{	position: relative;
		margin: 0;
		padding: 5px 20px;
		width: auto;
		white-space: nowrap;
		text-align: left;
		text-decoration: none;
		background: #113B63;
		color: #6699BB;
		font: 11px arial}

	#sddm div a:hover
	{	background: #113B63;
		color: #FFF}



input.btn{
	color:#FFF;
	font-size:12px;
	border:0px solid;
	border-color:#FFF;
	background-color: #336699;
	font-family:Helvetica, sans-serif;
	height:20px;
	width:150px;
	text-align:left;
	padding-left:5px;
}

input.checkbox{
	border:0px;
}

input.text{
	color:#336699;
	border:0px solid;
	border-bottom:1px solid;
	border-color:#336699;
	font-size:12px;
	font-family:Helvetica, sans-serif;
	height:20px;
	width:200px;
	padding-left:5px;
}

select{
	color:#336699;
	border:1px solid;
	border-color:#336699;
	font-size:12px;
	font-family:Helvetica, sans-serif;
	height:20px;
	width:200px;
	padding-left:5px;
}