@charset "UTF-8";
/* CSS Document */
html, body{margin:0px; padding:0px;font-family:'Arial Black', Arial, Helvetica, sans-serif; font-size:12px;width:100%; height:100%; z-index:0; overflow-x:hidden; background:url(../gfx/hoek.png) right top no-repeat fixed;}
img {border:none;}
p, h4, h3, h1		{padding:0; margin:0; list-style:none;}
a:link,
a:visited {color:#000;}
a:hover		{color:#0f0;}
.l		{position:relative; float:left; display:inline;}
.r		{position:relative; float:right; display:inline;}
.h3 {font-size:18px;font-family:'Arial Black', Arial, Helvetica, sans-serif;}
.arBl {font-family:'Arial Black', Arial, Helvetica, sans-serif;}
#nav {width:940px; position:fixed; top:0px;left:50%; margin-left:-470px; height:100%; z-index:0;}
#kabk {position:absolute; bottom:10px;left:50%; margin-left:-60px; /*display:none;*/}

#fix  { position:fixed; top:60px; width:100%; bottom:150px;  display:block;}
#wrap{position:absolute;margin-left:-470px;left:50%; top:90px;display:block; width:940px; overflow:visible;}
.ob{width:470px;}


#menu {position:absolute; top:0px; padding-top:30px;left:50%; margin-left:-215px; /*display:none;*/}
#ag   {width:485px; position:absolute; left:0px; top:0px; bottom:60px; display:block; overflow:hidden; }
#ag .wrap{position:absolute; left:45px;width:380px;bottom:0px;display:block; border:#fff 1px dashed; top:60px;}
#ag .ini{bottom:0px; height:0px;overflow:hidden;}
#ag .rw {width:485px;}
#ag .it {width:165px;font-family:Arial, Helvetica, sans-serif; min-height:180px; cursor:pointer; margin-left:15px;}
#ag .it .hd{width:100%; color:#0f0;}
#ag .it .hd .ico{position:absolute;height:40px;width:60px; overflow:visible;}
#ag .it .hd .ico img {position:absolute; left:0px; top:0px;}
#ag .it .hd .r{ width:120px;}
#ag .it .bd{width:160px; margin-left:10px;}
#ag .it .bd h3{font-size:14px;width:110px; line-height:14px;}
#ag .it .bd em{margin-top:3px;font-size:12px;width:110px;line-height:12px;}
#ag .it .bd p{font-size:12px;line-height:12px;}
#ag .it .hd h1 {font-size:48px; height:54px; overflow:hidden;font-family:'Arial Black', Arial, Helvetica, sans-serif;}
#ag .it .hd h4 {font-weight:lighter;}
#ag .bg{position:absolute; top:15px; left:45px; bottom:40%; width:380px; display:block; z-index:-1; background:url(../gfx/ag_bg.gif) repeat-y; }

#fix .ph{width:600px; height:10px; background-color:#ccc;}

#mths {width:30px; position:absolute; right:0px; bottom:90px; top:0px;overflow:hidden;}
#mths .active{filter:alpha(opacity=100);-moz-opacity:1.0;opacity: 1.0;}
#mths img{filter:alpha(opacity=50);-moz-opacity:0.50;opacity: 0.50;}
#mths .min{width:30px; height:12px; overflow:hidden; text-align:center; margin:0; font-family:'Courier New', Courier, monospace; font-size:12px;}

#float #menu {position:absolute; left:182px; top:48px; width:196px;}
#float #menu .O{cursor:pointer;}
#float .wrap{position:absolute; z-index:1000; left:90px; top:60px;}
.ob .sheet {width:380px; margin-left:45px;min-height:540px; border:#fff 1px dashed;background:url(../gfx/sheet_bg.png)}
.ob .sheet .bg{position:absolute; top:0px;left:0px; height:100%; width:380px; display:block; z-index:-1; background:#0f0;filter:alpha(opacity=20);-moz-opacity:0.20;opacity: 0.20;}
.sheet .ico_xl {width:100%; height:140px; position:absolute; top:0px; left:0px; text-align:center;}
.sheet .days {margin-top:150px; text-align:center; width:100%;}
.sheet .bd {width:100%;}
.sheet .bd h1 {width:320px; margin:5px 25px; text-align:center; font-size:24px;line-height:24px;}
.sheet .bd em {width:370px; margin:5px; text-align:center; font-size:18px;font-family:Arial, Helvetica, sans-serif;line-height:15px;}
.sheet .bd p {width:290px; margin:15px 0 0 45px;font-size:12px;font-family:Arial, Helvetica, sans-serif; line-height:15px; letter-spacing:0px;}
.sheet .hr{width:290px; margin:15px 0 0 45px;font-size:11px;font-family:'Courier New',Courier, Monaco, monospace; overflow:visible;}


/********* shared *********/

.ob .info h3,
.ob .special h3,
.ob .student h3{font-size:14px;line-height:15px;width:360px;margin-top:15px;}

.ob .info,
.ob .special,
.ob .student{width:380px; min-height:540px; padding-left:45px;border:#fff 1px dashed;background:url(../gfx/w_bg.png)}

.ob .info p,
.ob .special p,
.ob .student p {font-size:12px;font-family:Arial, Helvetica, sans-serif; line-height:15px;width:360px;margin-top:15px;}

.ob .student .hr,
.ob .info .hr{width:365px; margin:15px 0 10px 0px;font-size:11px;font-family:'Courier New',Courier, Monaco, monospace; overflow:visible;}

.ob .special .first {margin-top:15px;}
.ob .special .rw{width:360px;padding-bottom:15px;font-size:12px; line-height:15px;}
.ob .special .hr{width:100%;margin-top:10px;font-size:11px;font-family:'Courier New',Courier, Monaco, monospace;}
.ob .special .dat,.ob .special .stit{width:100%;font-family:Arial, Helvetica, sans-serif;}
.ob .special .stit {font-style:italic;}
.ob .special .tit{font-size:12px;line-height:11px;width:100%;}
.ob .special .tit img{vertical-align:middle;}
.ob .special .tit a:link, .ob .special .tit a:visited{text-decoration:none;}



.ob .student form{width:360px;margin-top:15px;} 
.ob .student .rw{width:100%; margin:3px 0;}
.ob .student .rw label{width:80px; font-size:12px;}
.ob .student .rw input{border:#666 1px solid; }
.ob .student .rw .but{background-color:#0f0;}
.ob .student a:link, .ob .student a:visited{text-decoration:none;}

.ob .pg{position:absolute; width:530px; left:15px; top:0px; z-index:1000;background:url(../gfx/sp_pg.gif);border:#fff 1px dashed;}
.ob .pg p{width:460px;font-size:12px;font-family:Arial, Helvetica, sans-serif; line-height:15px;margin:15px 0 0 30px; padding-bottom:60px;}
.ob .handle{width:100%;}
/*#float .handle .hole{ position:absolute; display:block;height:100%;width:45px;background:url(../gfx/hole.gif);}
#float .handle .bar{ width:515px;background:url(../gfx/sp_pg.gif);}*/
.ob .pg h3{font-size:24px;line-height:23px;width:360px;margin:15px 0 0 30px;}
.ob .p{width:100%; min-height:600px; }


#tmp {position:fixed; width:100%; height:100%; background:url(../gfx/tmp_bg.png); left:0px; top:0px; color:#fff; overflow:auto;}
#tmp .cl {position:absolute; right:-30px; top:0px;}
.tmp_wrap {position:absolute;margin-left:-470px;left:50%; top:90px;display:block; width:940px; overflow:visible;}
.tmp_wrap .p1 {font-size:14px; font-family:Arial, Helvetica, sans-serif;width:360px; margin:15px 0 0 60px; line-height:19px;}
.tmp_wrap .p2 {font-size:12px; font-family:Arial, Helvetica, sans-serif;width:290px; margin:15px 0 0 140px; line-height:15px;}
.tmp_wrap .hr{width:290px; font-size:11px;font-family:'Courier New',Courier, Monaco, monospace; overflow:visible;}
 
.tmp_wrap .p2 a:link, .tmp_wrap .p2 a:visited {color:#fff; text-decoration:none;}
.tmp_wrap .p2 a:hover {text-decoration:underline;}