.talenrij { 
vertical-align:text-top; 

color : #ffffff; 
background-color : #6699ff; 
font-size : 9px; 
font-weight : bold; 
} 
.eersterij { 
vertical-align : top; 

color : #000099; 
background-color : #bed4df; 
font-weight : normal; 
} 
.tweederij { 
vertical-align : top; 
height : auto; 

color : #000066; 
background-color : #7495ab; 
} 
.tekstrij { 
vertical-align : top; 
height : auto; 

color : #f00; 
background-color : #fff; 
font-family : Verdana, Geneva, sans-serif; 
font-size : 9pt; 
font-weight : bold; 
} 
.tablemetrand { 
border-bottom : thin solid #6699ff; 
border-left : thin solid #6699ff; 
border-right-style : none; 
border-top-color : #c0c0c0; 
border-right-color : #6699ff; 

} 
.tablemetrand2 {
	border-right-style : none;
	border-top-color : #06F;
	border-right-color : #06F;
	height: 590px;
	width: 780px;
	margin: 0px;
	padding: 0px;
	border-top-width: thin;
	border-bottom-width: thin;
	border-left-width: thin;
	border-top-style: solid;
	border-bottom-style: solid;
	border-left-style: solid;
	border-bottom-color: #06F;
	border-left-color: #06F;
} 
.tablekalender {
	height: 620px;
	width: 560px;
	margin: 0px;
	padding: 0px;
	border: thin solid #06F;
	overflow: scroll;
	position: fixed;
} 
.padding5pt {
	padding-right : 5pt;
	padding-left : 5pt;
} 
body { 
font : 9pt Verdana, Arial, Helvetica, sans-serif; 
background : #a7bee8; 
margin-left : 0; 
margin-top : 0; 
} 
.button { 
font : 9px Verdana, Arial, Helvetica, sans-serif; 
height : 20px; 
width : 110px; 
padding : 0; 
margin-top : 2px; 
margin-right : 2px; 
margin-bottom : 2px; 
} 
img { 
border-width : 0; 
border-style : none; 
} 
.tekst { 
font : normal 10pt/normal Verdana, Arial, Helvetica, sans-serif; 
vertical-align : top; 
padding : 0 4px; 
text-align : left; 
color : #000066; 
} 
a.knop {
	display : block;
	text-align : center;
	border-style : solid;
	border-width : 3px;
	text-decoration : none;
	border-color : #7c3f3f;
	background-color : #6699ff;
	width : 150px;
	color : #ffffff;
	margin-bottom : 2px;
	font-size: 9pt;
} 
a.knop:link { 
color : #ffffff; 
background-color : #6699ff; 
} 
a.knop:hover { 
color : #ff0; 
background-color : #00f; 
} 
a.knop:active { 
color : #ff0; 
background-color : #a03; 
} 
a.knop2 { 
display : block; 
text-align : center; 
border-style : solid; 
border-width : 3px; 
text-decoration : none; 
border-color : #7c3f3f; 
background-color : #6699ff; 
width : 100px; 
color : #ffffff; 
margin-bottom : 2px; 
} 
a.knop2:link { 
color : #ffffff; 
background-color : #6699ff; 
} 
a.knop2:hover { 
color : #ff0; 
background-color : #00f; 
} 
a.knop2:active { 
color : #ff0; 
background-color : #a03; 
} 
a.knop3 { 
display : block; 
text-align : center; 
border-style : solid; 
border-width : 3px; 
text-decoration : none; 
border-color : #7c3f3f; 
background-color : #6699ff; 
width : 250px; 
color : #ffffff; 
margin-bottom : 2px; 
} 
a.knop3:link { 
color : #ffffff; 
background-color : #6699ff; 
} 
a.knop3:hover { 
color : #ff0; 
background-color : #00f; 
} 
a.knop3:active { 
color : #ff0; 
background-color : #a03; 
} 
.tmcellpadding { 
padding-right : 3px; 
} 
.prijstabel { 
font : normal 9pt Verdana, Arial, Helvetica, sans-serif; 
} 
.olcap { 
font-family : Arial; 
font-size : 12px; 
font-weight : bold; 
color : #5a66de; 
} 
.olbg { 
background-color : #ffffff; 
} 
.bijschrifticonen { 
font : italic 10px Verdana, Arial, Helvetica, sans-serif; 
color : #7495ab; 
} 
input { 
font : 9px Verdana, Arial, Helvetica, sans-serif; 
height : 10px; 
width : auto; 
} 
.formtekst { 
font : 10px Verdana, Arial, Helvetica, sans-serif; 
} 
.box1 { 
top : 155px; 
width : 200px; 
height : 200px; 
background-color : red; 
color : white; 
z-index : 200; 
position : absolute; 
left : 402px; 
} 
.box2 { 
width : 400px; 
height : 400px; 
background-color : yellow; 
color : red; 
z-index : 200; 
position : absolute; 
visibility : visible; 
left : 107px; 
top : 127px; 
} 
.caldefault { 
font-size : 8pt; 
text-align : center; 
color : #dd371b; 
} 
.calday { 
background-color : #323232; 
text-align : center; 
color : #ffffff; 
} 
.caltoday { 
background-color : #009900; 
text-align : center; 
color : #dd371b; 
} 
.centercoltext { 
color : #333333; 
padding-right : 20px; 
padding-left : 20px; 
} 
.centercoltext a:link { 
color : #294456; 
} 
.centercoltext a:visited { 
color : #333333; 
} 
.centercoltext a:link:hover { 
color : #4a606e; 
} 
.headpad { 
padding-right : 20px; 
background-color : #000000; 
} 
.head { 
background-color : #4a606e; 
} 
.tdmetblauwerand { 
border-top : 0 solid #7495ab; 
border-right : 2px solid #7495ab; 
border-bottom : 0 solid #7495ab; 
border-left : 0 solid #7495ab; 
} 

div#center2
{
position: absolute;
top: 50%;
left: 50%;
height: 295px; /* hier de helft van de werkelijke hoogte invullen hoogte is 590 / 2 =295*/
width: 390px; /* hier de helft van de werkelijke breedte invullen breedte is 780/2 = 390 */
margin: -295px 0 0 -390px; /* hier de halve hoogte en breedte overnemn (negatief) enigsins manipuleren */
}