/* CSS Document */

body{ /* geldt voor alle elementen tenzij in het element anders gespecificeerd*/
	font-family: Verdana, Arial, Helvetica, sans-serif;
    font-size:11px;
    background-color:#FFF;
    border-collapse:collapse;
    border-spacing:0px;

    /* nu grijs eigenlijk de default color is hadden we beter color:#646466; hier kunnen specificeren */
}
a{  /*  geldt voor alle links tenzij anders gespecificeerd*/
    text-decoration: none;
}

table.tab { 
border-collapse:collapse;
}
td{border-collapse:collapse;padding:2px;margin:0px;}
tr{border-collapse:collapse;}


img {
 border:0;
}
#kaart{
vertical-align:top;
}
a:link {
	color: #c1242d;
}
a:visited {
	color: #c1242d;
}
a:hover {
	color: #646466;
}
a:active {
	color: #c1242d;
}
.Subkopzwartvet {
	color: #646466;
	font-weight: bold;
}
.Subkopwitvet {
	color: #ffffff;
	font-weight: bold;
}
.kopgroen {
	color: #c1242d;
	font-size: 18px;
	font-weight: bold;
}

.koprood {
    color: #DA0F3A;
    font-size: 18px;
    font-weight: bold;
}

.kopwit {
	color: #ffffff;
	font-size:18px;
	font-weight:bold;
}
.kopzwart {
	color: #646466;
	font-size: 14px;
	font-weight: bold;
}
.subkopgroen {
	color: #c1242d;
	font-weight: bold;
}
.plattetekst {
	color: #646466;
}
 .rule {
	border: 1px solid #646466;   
}

.bijschrift {
	color: #646466;
	font-size: 9px;
}
.roodrule {
	border: 1px solid  #c1242d;
}
a.rood:link {
	color: #c1242d;
}
a.rood:visited {
	color: #c1242d;
}
a.rood:hover {
	color: #646466;
}
a.rood:active {
	color: #c1242d;
}
a.hoofdmenu:link {
	color: #646466;
	font-size: 12px;
	font-weight: bold;
}
a.hoofdmenu:visited {
	color: #646466;
	font-size: 12px;
	font-weight: bold;
}
a.hoofdmenu:hover {
	color: #c1242d;
	font-size: 12px;
	font-weight: bold;
}
a.hoofdmenu:active {
	color: #646466;
	font-size: 12px;
	font-weight: bold;
}

#bestel {left: 0px;top:86px;height: auto;width:150px; position:absolute;z-index:100}

pre {
 white-space: pre-wrap;       /* css-3 */
 white-space: -moz-pre-wrap;  /* Mozilla, since 1999 */
 white-space: -pre-wrap;      /* Opera 4-6 */
 white-space: -o-pre-wrap;    /* Opera 7 */
 word-wrap: break-word;       /* Internet Explorer 5.5+ */
}

a.topmenu:link{
 color:#FFF;
 font-weight: bold;
}
a.topmenu:visited{
 color:#FFF;
 font-weight: bold;
}
a.topmenu:hover{
 color:#000;
 font-weight: bold;
}

a.topmenu:active{
 color:#FFF;
 font-weight: bold;
}
.whitesmall{color:#FFF;font-size:9px;padding:2px;}
.tab_active     {width:150px;background:#C1242D;font-size:10px;color:#FFF;text-align:center;padding:3px;}
.tab_inactive {width:150px;background:#646466;font-size:10px;color:#FFF;text-align:center;padding:3px;}

.frm{
color:#646466;
border:1px solid #646466;
border-collapse:collapse;
}
td.frm{
border:1px solid #646466;
border-collapse:collapse;
}
.ruletop{
    border:1px solid #646466;
    color: #646466;
	font-weight: bold;
}
.ruletab{
border:1px solid #646466;
color:#646466;
}
.hlp{
cursor:pointer;
cursor:hand;
}
.pay{background:#BFBFBF;color: #000;}
.payb{background:#BFBFBF;color:#232323;font-weight:700;}
.acc{
color: #646466;background:#F4F4F4;
}
a:hover span.poptip {
  display:block; position:absolute; margin-left:20px; 
  font-size:9px;
  text-align:left;
  padding:2px;
 /* width:180px;*/
  border:1px solid #c1242d;
  text-decoration:none;
  color:#c1242d;
}
span.poptip { display:none; background-color:#EBEBEB;}
.nol{text-decoration:none;}

/* voor req */
.sml{
font-size:0.8em;
color:#646466;
}
.error{
color:#C1242D;background-color:transparent;
font-weight:bold;
font-size:0.8em;
}

.warn{
color:#400080;
background-color:transparent;
font-weight:normal;}
INPUT.bgyellow{background-color:#ADCFC8;
}