/**
 * set container
 **/
body, html {
margin: 0px;
padding: 0px;
background: #fff;
font-family: arial, sans-serif;
font-size:100%;
line-height:1.0625em; /* 16/17 = 17px; */
}
#container {
margin: 0px auto;
width: 980px; 
font-size:0.75em;/* 16x0.75=12 */
margin-bottom: 4em;
position: relative;
background: #fff;
}

/**
 * reset and default styles 
 **/
ul, h1, h2, h3, p.categorie {
margin: 0px;
padding: 0px;
}
li {
list-style: none;
margin: 0px;
padding: 0px;
}
a img { border: none; }
h2, p.categorie{
font-size: 118.75%;
font-weight: bold;
}
a:hover { text-decoration: underline; }
h1 { font-size: 100%; }
#kolom3 h3 {
font-size: 100%;
}
.hr {
border: none;
height: 2px;
background: url('../images/dots.png') repeat-x;
}
#kolom1 img {
border: solid 1px #e32118;	
}

/**
 *grid layout
 **/
#kop { height: 70px; position: relative;}
#kolom1 { width: 160px; float: left;}
#kolom2 { width: 510px; float: left; margin-left: 5px;min-height: 350px; overflow: auto; position: relative; }
.home #kolom2,
.taf #kolom2 {overflow: visible;}
#kolom3 { width: 295px; float: right;  }

/**
 * kop footer
 **/
#footer p {
font-family: arial black, arial black gadget, sans-serif;
color: #999;
margin: 0px;
padding: 0px;
font-size: 90%;
margin-left: 160px;
} 
#kop p {
margin: 0px;
padding-top: 10px;
color: #999;
}
#kop p a{ color: #999;}
#footer strong {color: #000;}
#kop strong {display: none;}
#kop em,
#footer em {
font-style: normal;
color: #e32118;
}
#footer {clear: both; padding-top: 20px;}
#kop img {
margin: 0px 5px;
}
#kop .home {
position: absolute;
right: 0px;
top: 0px;
font-family: arial black, arial black gadget, sans-serif;
padding-top: 10px;
}
#kop .home a { color: #999; text-decoration: none; font-size: 125%;}
#kop .home a:hover {color: #E32118;}
#kop .hr {position: relative; top: 12px;}

#footer a {color: #999; text-decoration: none}
#footer a:hover {color: #E32118;}
 
/**
 * menu
 **/
#menu { margin: 3px 0px 30px 0px;}
#menu ul li {position: relative;}
#menu li a {
text-decoration: none;
background: #000;
color: #fff;
width: 153px;
height: 19px;
display: block;
font-family: arial black, arial black gadget, sans-serif;
padding: 2px;
}
#menu li a:hover,
#menu li a.selected {background: #E32118;}
#menu li ul li a { width: 160px;}
#menu li ul li a:hover,
#menu li ul li a.selected {background: #ccc; color: #E32118;}

#menu .hr {
margin-left: 165px;
}
#menu li ul { height: 25px; position: absolute; left: 165px; top: 0px; background: #fff}
#menu li ul li {float: left; padding-right: 5px;}
#menu li ul li a {background: #999;}

 
#kolom1 .text .kop,
#kolom1 .item .kop {
width: 153px;
color: #000;
position: relative;
padding: 2px;
margin: 0px;
}
#kolom1 .text .kop {background: #ccc; font-size: 100%;}
#kolom1 .text .kop strong { color: #E32118; }
#kolom1 .text { background: url('../images/dots-bg.png'); width: 157px; height: 350px; position: relative;} 
#kolom1 .text p {padding: 8px; width: 139px; color: #000; margin: 10px 0px; font-size: 90%; line-height: 1.3em;}
#kolom1 .text em {font-style: normal; color: #000;}
#kolom1 .text strong { color: #e32118; }
#kolom1 .text .hr {position: absolute; bottom: 0px; width: 157px;}

#kolom1 .item .kop {background: #E32118; text-align: left;}
#kolom1 .item .kop strong {color: #fff;}
#kolom1 .item {border: solid 1px #E32119; width: 157px; position: relative; margin-bottom: 10px; text-align: center;}
#kolom1 .item img { border: none; }
#kolom1 .item a {color: black; text-decoration: none;}
#kolom1 .item a:hover {color: black; text-decoration: underline;}

#kolom1 .txt {height: 153px;}
#kolom1 .txt p {padding: 5px;}


#kolom2 h1 {font-size: 100%; color: #e32118;}
#kolom2 a {color: #e32118;}

/**
 * home puntensysteembutton
 **/
.puntensysteem {
position: relative;
border: solid 1px #E32118;
padding: 10px;
height: 330px;
width: 490px;
}
.puntensysteem .img {text-align: center;}


/** 
 * kolom3 
 **/
#kolom3 h2 {
color: #e32118;
font-weight: normal;
font-family: arial black, arial black gadget, sans-serif;
margin-bottom: 3px;
}
#kolom3 h2 a {color: #999;  text-decoration: none;}
#kolom3 h2 a:hover,
#kolom3 h2 a.active {color: #e32118;}

#kolom3 .lijst .date {text-transform: uppercase; text-align: right; font-weight: bold; margin-top: 4px;}
#kolom3 .lijst h3,
#kolom3 .lijst h3 a{color: #E32118; text-decoration: none;}
#kolom3 .lijst p { margin: 0px; padding: 0px;}
#kolom3 .lijst p  a { color: #000; text-decoration: none;}
#kolom3 .lijst .leesverder a{ display: block; text-align: right; color: #E32118; font-weight: bold; text-decoration: none; margin-bottom: 4px;}
#kolom3 .lijst .leesverder a:hover{color: #999;}

#kolom3 h2 .extra {float:right;}
#kolom3 ul#submenu li {float:right; margin-left: 10px;}
#kolom3 ul#submenu li a {color: #000; text-decoration: none; font-weight: bold;}
#kolom3 ul#submenu li a:hover {color: #E32118;}

#kolom3 .clearboth {clear: both;}

/** 
 * kolom2 
 **/
#kolom2 .nieuws,
#kolom2 .pagina {
color: #E32118;
font-weight: normal;
font-family: arial black, arial black gadget, sans-serif;
margin-bottom: 3px; position: relative;}
#kolom2 .date { 
color: #999;
display: block;
float: right;
font-family: arial;
font-size: 75%;
margin-top: 3px;
}
#kolom2 h1 { margin-top: 10px;}

#kolom2 a{ color: #999; text-decoration: none;}
#kolom2 a:hover {color: #e32118;}

/**
 * puntensysteem 
 **/
.ps #kolom2,
.taf #kolom2 { 
	border: solid 1px #e32118;
	position: relative;
	min-height: 350px;
}
.kopregel p {
margin: 0px;
padding: 2px;
font-family: arial black, arial black gadget, sans-serif;
color: #fff;
font-size: 100%;
} 
.kop {
display: block;
width: 202px;
height: 19px;
background: #e32118;
position: absolute;
top: 0px;
left: 0px;
text-align: center;
}
.kop em {
font-style: normal;
color: #000;
}
.paginatitel {
display: block;
width: 300px;
height: 19px;
background: #000;
position: absolute;
top: 0px;
left: 206px;
text-align: center;
text-transform: uppercase;
}

.psk p.content,
.taf p.content {
margin-top: 40px;
}

.verder a {right: 0px;}
.terug a {right: 20px;}
.verder a:hover,
.terug a:hover {background: #999;}
.verder a,
.terug a {
background: #e32118;
position: absolute;
bottom: 0px;
font-weight: bold;
padding: 3px 4px 3px 6px;
width: 10px;
height: 14px;
text-align: center;
display: block;
color: #fff !important;
text-decoration: none;
}
.verdertekst {
position: absolute;
bottom: 0px;
right: 25px;
font-size: 100%;
font-family: arial black, arial black gadget, sans-serif;
}
.verdertekst a {
text-decoration: none;
color: #e32118;
}

.psk_form,
.ps_form {
margin: 60px 0px 0px 30px;
font-size: 100%;
font-weight: bold;
}
.ps .clearboth { clear: both; height: 10px;}
.taf .clearboth{ clear: both; height: 5px;}

/**
 * standard decorators
 **/
.psk_form dt,
.ps_form dt {
float: left;
width: 140px;
clear: left;
}
.psk_form dt,
.psk_form dd,
.ps_form dt,
.ps_form dd {
margin-bottom: 20px;
}
.ps_form dd {
float: left;
width: 290px;
}
/**
 * new decorators for form
 **/
.ps_form label {
white-space: normal !important;
}
label .spacer {
display: block;
float: left;
width: 20px;
}
.ps_form .row div label {
display: block;
float: left;
width: 140px;
margin-left: -170px;
}
.ps_form .row {
position: relative;
padding-left: 170px;
clear: left;
}
.resultaatgraphic {
position: absolute;
top: 60px;
right: 40px;
}
.cheque { position: relative; margin-bottom: 10px; z-index: 1;}
.cheque img{
 position: relative;
 left: 25px;
}
.cheque .bedrag {
position: absolute;
font-weight: bold;
top: 150px;
left: 230px;
}
.taf .cheque .bedrag {
top: 140px;
}

.kado,
.balikaart1,
.balikaart2  { margin-top: 40px; text-align: center;}
.balikaart1txt,
.balikaart2txt { font-weight: bold; padding: 0px 10px;}


input.submitbutton {
width: 0px; height: 0px; position: absolute; left: -500px; top: -500px;
}
/**
 * end
 **/

.psk_form em,
.psk_form .errors,
.ps_form em,
.ps_form .errors ,
.taf_form em,
.taf_form .errors{
font-weight: normal;
font-size: 75%;
}
.psk_form .errors li,
.ps_form .errors li {
margin-left: 0px;
}


/**
 * tellafriendform
 **/
.taf_form {
position: relative;
margin-left: 25px;
z-index: 2;
}
.taf_form .row {
width: 150px;
float: left;
}
.taf_form input {
width: 130px;
}

.tafform  { position: absolute;}
.tafform  label {display: none;}
.tafform  input {position: absolute;z-index: 20; border: none; background: #f0f0f0; padding: 2px;}
.tafform  #naam {top: 270px; left: 67px;}
.tafform  #vriendnaam {top: 43px; left: 47px;}
.tafform  #vriendemail {top: 210px; left: 233px; width: 155px;}
.tafform .errors li { width: 400px; display: none;}

/**
 * siblinglist
  **/
#kolom2 ul.siblinglist {
color: #e32118;
margin-left: 0px;
}
#kolom2 ul.siblinglist li {
list-style: none;
font-weight: bold;
float: left;
margin-right: 3px;
}
#kolom2 ul.siblinglist li a:hover {color: #000 !important;}
#kolom2 ul.siblinglist li a:visited,
#kolom2 ul.siblinglist li.selected a {
color: #e32118 !important;
}
#kolom2 ul.siblinglist li.unselected a {
color: #999;
text-decoration: none;
}
#kolom2 ul.siblinglist li.selected a {
text-decoration: none;
}

.print {float: right; padding-left: 5px;}

#kolom2 ul {margin-left: 20px;}
#kolom2 ul li{list-style: disc;}


.tellafriendbar {
text-align: center;
font-family:arial black,arial black gadget,sans-serif;
font-size:100%;
}

.tellafriendbar img {
cursor: pointer;
}

#laatstebezoeker {
position: absolute;
top: 30px;
right: 0px;
color: #999;
}
#laatstebezoeker img {position: relative; top: 4px;}
#laatstebezoeker strong { color: #E32118;}



/* WK oranje !

#kop em,
#footer em,
#kop .home a:hover,
#footer a:hover,
#kolom1 .text .kop strong,
#kolom1 .text strong,
#kolom2 h1,
#kolom2 a,
#kolom3 h2,
#kolom3 h2 a:hover,
#kolom3 h2 a.active,
#kolom3 .lijst h3 a,
#kolom3 .lijst .leesverder a,
#kolom3 ul#submenu li a:hover,
#kolom2 .pagina,
#kolom2 a:hover,
.verdertekst a,
#kolom2 ul.siblinglist,
#kolom2 ul.siblinglist li.selected a,
#laatstebezoeker strong{color: #ff6600 !important;}

#menu li a:hover,
#menu li a.selected,
#kolom1 .item .kop,
.kop,
.verder a, 
.terug a,
.terug a { background: #ff6600 !important; }


#kolom1 img,
#kolom1 .item,
.puntensysteem,
.ps #kolom2,
.taf #kolom2 { border: solid 1px #ff6600 !important; }

#menu li ul li a.selected,
#menu li ul li a:hover,
#kolom2 .verder a, 
#kolom2 .terug a {color: #fff !important;}
#kolom1 .item img {border: none !important;}

*/