/* -------------------------------- html -------------------------------- */
body{margin:0;padding:0;height:100%;background-color: #666; background-image: url(/site/gfx/bg.gif);font-family: DIN, Arial, Helvetica, sans-serif; font-size: 16px; color: #fff}
a {color:#333; text-decoration:none;}
a:hover {color:#fff;}
a.selected {color:#fff; text-decoration:none;}
a.selected:hover {color:#ccc;}
img{border:0;}

/* -------------------------------- layers -------------------------------- */

#b_g {position:absolute;z-index:1;height:100%;left:10px;right:10px;top:10px;bottom:10px;}
#f_g {position:absolute;z-index:2;left:10%;right:10%;top:10%;bottom 10%;height:80%;width:80%;color:#002200;background:#fff;border:6px solid #fff;}
#o_i{position:absolute;height:70%;top:64px;bottom:128px;}
#p_i{position:absolute;height:70%;top:128px;bottom:64px;}
#n_i{position:absolute;height:70%;top:194px;bottom:0px;}

/* -------------------------------- b_g classes -------------------------------- */
.b_0 {position:absolute; bottom:10px;}
.h_1 {float:none;font-size:64px;line-height:64px;overflow:hidden}
.pro{float:left;height:32%;margin:0 6px 6px 0;overflow:hidden;border:1px solid;background:#fff}
.pro:hover{border:1px solid #333;}
.pro img{height:100%;}
.pro_tit{position:absolute;margin-top:-21px;background:#333;padding:2px;display:none;}

/* -------------------------------- f_g classes -------------------------------- */
.content_header{position:absolute;width:100%;left:-6px;top:-36px;height:24px;font-size:24px;background:#fff;border:6px solid #fff;}
.content_header_title{position:absolute;left:2px;right:200px;height:24px;overflow:hidden;}
.content_header_buts{position:absolute;right:0px;width:200px;height:24px;text-align:right;}
.but {float:right;width:21px;height:21px;margin-left:3px;overflow:hidden;}
.but a{display:block;width:21px;height:21px;cursor:pointer;}

#b_txt{background-image: url(/site/gfx/b_txt.gif);}  
#b_txt:hover{background-image: url(/site/gfx/b_txt_r.gif);}  
#b_all{background-image: url(/site/gfx/b_all.gif);}
#b_all:hover{background-image: url(/site/gfx/b_all_r.gif);}  
#b_bck{background-image: url(/site/gfx/b_bck.gif);} 
#b_bck:hover{background-image: url(/site/gfx/b_bck_r.gif);} 
#b_pla{display:none;} 
#b_pla{background-image: url(/site/gfx/b_pla.gif);}
#b_pla:hover{background-image: url(/site/gfx/b_pla_r.gif);}  
#b_pau{display:none;} 
#b_pau{background-image: url(/site/gfx/b_pau.gif);}
#b_pau:hover{background-image: url(/site/gfx/b_pau_r.gif);}  
#b_fwd{background-image: url(/site/gfx/b_fwd.gif);}
#b_fwd:hover{background-image: url(/site/gfx/b_fwd_r.gif);}  
#b_cls{background-image: url(/site/gfx/b_cls.gif);}
#b_cls:hover{background-image: url(/site/gfx/b_cls_r.gif);}  
		
.pro_img{position:absolute;height:100%;width:100%;overflow:hidden;background:#fff;}
.pro_img img{height:100%;}
.pro_img a{display:block;height:100%;cursor:pointer;}
.thu{float:left;height:18%;margin:2px;border:1px solid #fff;}
.thu img{height:100%;}
.thu a{display:block;height:100%;cursor:pointer;}
.thu:hover{border:1px solid #333;}
.big_text{position:absolute;top:0px;left:6px;bottom:0px;color:#333;width:48%;padding-right:6px;overflow:auto;font-size:14px;line-height:18px;}
.big_text a:hover{color:#333;text-decoration:underline;}
.big_text_2{position:absolute;top:0px;right:6px;bottom:6px;color:#333;width:48%;padding-right:6px;overflow:auto;font-size:12px;line-height:16px;}
.big_text_2 a:hover{color:#333;text-decoration:underline;}
.big_text_image{position:absolute;top:0px;left:52%;height:100%;color:#333;right:0px;overflow:hidden;font-size:12px;}
.big_text_image img{width:100%;}
.bijschrift{position:absolute;bottom:-24px;left:-6px;background:#fff;color:#333;width:100%;z-index:3000;border:6px solid #fff;}

.small_text{float:left;width:200px;padding:6px;margin:6px;font-size:9px;line-height:11px;background:#fff;overflow:hidden;color:#333;border:1px solid #fff}
.small_text:hover{border:1px solid #333}
.small_text .header{font-size:14px;font-weight:bold;text-transform:uppercase;line-height:16px;}
.small_text img{width:100%;margin:4px 0;}
.small_text a{display:block;height:100%;}
.small_text a:hover{color:#333;}
a.intext{display:inline;text-decoration:underline;}
.var{float:left;clear:left;width:120px;}
.val{float:left;width:300px;}
.small_text .var{float:left;clear:left;width:60px;}
.small_text .val{float:left;width:120px;}

/* -------------------------------- slide_show -------------------------------- */
.slide	{position:absolute; height:100%; width:100%;background:#fff; }
#load	{width:16%; height:6px; padding:1px; border:2px solid #fff;  display:block; position:absolute; left:6px; top:90%;bottom:6px; 
		 background:url(/site/gfx/loader.gif); display:none;}
#s0		{z-index:1000;}
#s1		{z-index:900;}
#s2		{z-index:2000; background:none;}