body {
    FONT-FAMILY: Comic Sans MS, Verdana, helvetica, arial;
	FONT-SIZE: 12px;
	color: #000000;
}
p {
    FONT-FAMILY: Comic Sans MS, Verdana, helvetica, arial;
	FONT-SIZE: 12px;
	color: #000000;
	margin-top : 0px;
	margin-bottom : 0px;
}

td {
    font-size : 12px;
	vertical-align:top;
}

h1, .kop1, .Header1 {
	color : #AE050B;
	font-size : 11px;
	font-weight:bold;
	margin-top : 4px;
	margin-bottom : 4px;
	padding-left: 12px;
	background-image : url("http://www.porceleen.nl/syspix/Pijltje_rood.gif");
	background-position : left;
	background-repeat : no-repeat;
}


/* opmaak van de elementen die niet in het bewerkbare content staan
	(linkerkant, home) */

.blauw {
   color : White;
   background-color:#1270AB;
}

.koptekst {
   font-size : 13px;
   color : #CAEBF6;
   font-weight : bold;
}
.koptekst A:link, .koptekst A:visited, .koptekst A:active {color : #CAEBF6; TEXT-DECORATION: none;}
.koptekst A:hover, .koptekst A:visited:hover {COLOR: #CAEBF6; TEXT-DECORATION: underline}


/* links in normale content, rood */
A:link, A:visited, A:active {COLOR: #B3060E; TEXT-DECORATION: none}
A:hover, A:visited:hover  {COLOR: #B3060E; TEXT-DECORATION: underline}


/* links in blauwe onderbalk */
A:link.onderbalk, A:visited.onderbalk, A:active.onderbalk  {COLOR: #FFFFFF; TEXT-DECORATION: none; font-size : 11px;}
A:hover.onderbalk, A:visited:hover.onderbalk  {COLOR: #FFFFFF; TEXT-DECORATION: underline; font-size : 11px;}



td.roderand_kop {
	vertical-align:middle;
	padding-left: 44px;
	background : url("../syspix/rood_tab_top.gif");
	font-size : 13px;
	font-weight : bold;
	color : #AE050B;
	cursor: hand;
}

td.roderand_bottom {	
	padding-left:4px;
	background : url("../syspix/rood_tab_bottom.gif");
}
td.roderand_bottom_over {	
	padding-left:4px;
	background : url("../syspix/rood_tab_bottom_over.gif");
	cursor: hand;
}

td.onderbalk {
	vertical-align:middle;
	color: white;
	background-color: #1270AB;
	font-size : 10px;
	text-align : center;
}

td.onderbalk2 {
	vertical-align:middle;
	color: #030156;
	font-size : 11px;
	text-align : center;
}

/* links in normale content, rood */
A:link, A:visited, A:active {COLOR: #B3060E; TEXT-DECORATION: none}
A:hover, A:visited:hover  {COLOR: #B3060E; TEXT-DECORATION: underline}

/* links in blauwe onderbalk */
A:link.onderbalk, A:visited.onderbalk, A:active.onderbalk  {COLOR: #FFFFFF; TEXT-DECORATION: none; font-size : 11px;}
A:hover.onderbalk, A:visited:hover.onderbalk  {COLOR: #FFFFFF; TEXT-DECORATION: underline; font-size : 11px;}

/* links in menu rechts (list) */	
A:link.menuRechts, A:visited.menuRechts, A:active.menuRechts {COLOR: #FFFFFF; TEXT-DECORATION: none; font-size : 12px;}
A:hover.menuRechts, A:visited:hover.menuRechts  {COLOR: #FFFFFF; TEXT-DECORATION: underline; font-size : 12px;}

td.vm {vertical-align:middle;}

UL {
margin-left : 0px;
margin-right : 0px;
margin-top : 0px;
margin-bottom : 0px;
padding-left:0px; /* voor netscape */
}

UL.menuRechts {
list-style-image : url("/syspix/ListItemRondje.gif");}

li {
margin-left : 15px;
margin-right : 0px;
margin-top : 0px;
margin-bottom : 0px;
padding-left:0px;
}

/* grijze regeltje onder (@tech info) */
td.tec {color: #666666; padding-top: 3px; font-family : Verdana, Geneva, Arial, Helvetica, sans-serif; font-size : 10px; text-align:center;}
a:link.tec, a:visited.tec, a:active.tec {color: #666666; TEXT-DECORATION: none;}
a:hover.tec, a:visited:hover.tec, a:active.tec {color: #666666; TEXT-DECORATION: underline;}


/* formulier elementen */

select, textarea {
font-family:verdana, arial;
font-size:11px;
border-style:solid;
border-width:1px;
border-color:#1270AB;
color:#1270AB;
background-color: white;
}

input {
font-family:verdana, arial;
font-size:11px;
border-style:solid;
border-width:1px;
border-color:#1270AB;
color:#1270AB;
background-color:white;
}

.nofocus {
scrollbar-face-color: #FFFFFF;
scrollbar-shadow-color: #FFFFFF;
scrollbar-highlight-color: #FFFFFF;
scrollbar-3dlight-color: #aaaaaa;
scrollbar-darkshadow-color: #aaaaaa;
scrollbar-track-color: #DDDDDD;
scrollbar-arrow-color: #aaaaaa;
}

.focus {
	border-color:#AE050B;
	color: #AE050B;
	background-color:white;
	scrollbar-face-color: #FFFFFF;
	scrollbar-shadow-color: #FFFFFF;
	scrollbar-highlight-color: #FFFFFF;
	scrollbar-3dlight-color: #00009C;
	scrollbar-darkshadow-color: #00009C;
	scrollbar-track-color: #DDDDDD;
	scrollbar-arrow-color: #00009C;
}

.wrong, .verplicht {
	border-color: #AE050B;
	color: #AE050B;
	background-color:white;
	scrollbar-face-color: #FFFFFF;
	scrollbar-shadow-color: #FFFFFF;
	scrollbar-highlight-color: #FFFFFF;
	scrollbar-3dlight-color: #d63021;
	scrollbar-darkshadow-color: #d63021;
	scrollbar-track-color: #DDDDDD;
	scrollbar-arrow-color: #d63021;
}

.readonly {
font-size:10pt;
font-weight : bold;
border-color:#FFFFFF;
color:#000000;
background-color:transparent;
}

.noborder   { /* voor radios en checkboxen */
border-width:0px;
background-color : transparent;
}

form {margin-top:0px ; margin-bottom: 0px;}