@charset "utf-8";
/* CSS Document */

html {background:url(../pics/html_ag.jpg)}
html, body { height:100%;}
a.two, #kolom1 a {color:#A7A7A7; text-decoration:none;}
a.two:hover, #kolom1 a:hover {color:#D0AA4A; text-decoration:none;}
.kop_oranje { font:bold 2.3em Verdana, Geneva, sans-serif; color:#D0AA4A; letter-spacing:-1px;}
.kop_grijs { font:bold 2.3em Verdana, Geneva, sans-serif; color:#A7A7A7; letter-spacing:-1px;}
.bt_grijs {font:normal 0.70em Verdana, Geneva, sans-serif; color:#A7A7A7;}
.bt_oranje {font:normal 0.70em Verdana, Geneva, sans-serif; color:#D0AA4A;}
.kop_kol2 { font:normal 0.70em/1.2em Verdana, Geneva, sans-serif; color:#A7A7A7;}
#container {position:absolute; z-index:1; left: 50%; top:50%; width:794px; height: 576px; margin-left: -397px; margin-top: -288px; background:url(../pics/container_ag.jpg) no-repeat;}
#kolom1 {float:left; width:430px; margin: 30px 0px 0px 30px;  text-align:justify;}
#kolom2 { float:right; width:210px;height: 465px; margin:40px 30px 0 0; border-bottom: 8px solid #A7A7A7;}
#kolom2 dl dt {display:inline; text-decoration:none;}
#kolom2 dl dt img {position:relative;}
#kolom2 dl dt#one img {top:0; left:0;}
#kolom2 dl dt#two img {top:0; left:19px;}
#kolom2 dl dt#three img {top:30px; left:0;}
#kolom2 dl dt#four img {top:30px; left:19px;}
#kolom2 dl dt#five img {top:60px; left:0;}
#kolom2 dl dt#six img {top:60px; left:19px;}
#kolom2 dl dt#seven img {top:90px; left:0;}
#kolom2 dl dt#eight img {top:90px; left:19px;}
#kolom2 dl dt#nine img {top:120px; left:0;}
#kolom2 dl dt#ten img {top:120px; left:19px;}



#footer {position:absolute; left:30px; top:540px;}