/*--- DErek (Zhukov Alexandr) ---*/
/* reset
--------------------------------------------------*/
fieldset { margin:0;padding:0; }
form { margin:0;padding:0; }
p { margin:0;padding:0; }
h6 { margin:0;padding:0; }
h5 { margin:0;padding:0; }
h4 { margin:0;padding:0; }
h3 { margin:0;padding:0; }
h2 { margin:0;padding:0; }
h1 { margin:0;padding:0; }
body { margin:0;padding:0; }
img { border: 0; }

/* body
--------------------------------------------------*/
body { background:#7a8ca8 url("../images/b.gif") repeat-x;
       padding-bottom:20px;
       font-family: Arial;
       font-size: 62.5%;   /* Resets 1em to 10px */
       text-align: left; /* Center for IE 5.x */
}

.clearing { clear: both; height: 1px; font-size: 1px; }

a { text-decoration:underline }
a:hover { text-decoration:none }


/* GlobalTable
--------------------------------------------------*/
.t {border: none; border-collapse: collapse; width: 100%}
.t td {padding: 0px; vertical-align:top}

/* Head
--------------------------------------------------*/
.head { width:888px; margin:0 auto 0 auto; padding:15px 15px 0 5px}
.head a { color:#FFFFFF}
.head .logo { display:block; width:219px; height:50px; overflow:hidden; text-indent:-3000em; background: url('/images/logo.gif') no-repeat;
}
.head .my_acc { float:right; font-size:12px; background: url('/images/my_acc.gif') no-repeat 0px 1px; 
padding:5px 0 3px 28px; margin-top:15px; font-weight:bold
}


/* Global
--------------------------------------------------*/
.global { width:908px; margin:0 auto 0 auto; background:#ffffff url("../images/global.gif") repeat-y;  }
.main_l { background: url("../images/main_l.gif") no-repeat }
.main_r { background: url("../images/main_r.gif") no-repeat 100% 0%; min-height:690px; _height:690px; padding:0 4px }


/* Head menu
--------------------------------------------------*/
.h_menu { height:45px; background:#6b798d url("../images/h_menu.gif") no-repeat; padding:3px 12px 0 0  }
.h_menu input { vertical-align:middle}
.h_menu ul { margin:0px; padding:0px 0 0 0; list-style:none}
.h_menu ul li { padding:0px 2px 0 0; float:left; background: url("../images/hm_li.gif") no-repeat 100% 0%; height:45px; width:101px; text-align:center; font-size:11px;
font-weight:bold  }
.h_menu ul li a { color:#FFFFFF; text-decoration:none; display:block; height:30px; padding-top:15px}
.h_menu ul li a:hover { text-decoration:underline; background: url("../images/hm_h.gif") repeat-x 0% 100%   }

.h_menu ul .hm_ac_1 a { background: url("../images/hm_ac_1.gif") no-repeat } 
.h_menu ul .hm_ac_1 a:hover { background: url("../images/hm_ac_1.gif") no-repeat } 

.h_menu ul .hm_ac a { background: url("../images/hm_ac.gif") repeat-x }
.h_menu ul .hm_ac a:hover { background: url("../images/hm_ac.gif") repeat-x }

/* Head menu/Search
--------------------------------------------------*/
.h_menu form { width:143px; height:21px; background: url("../images/hm_f.gif") no-repeat; float:right; padding:0px 0 0 7px; margin-top:8px  }
.h_menu form input { vertical-align:middle} 
.h_menu form .in { border:0px; font-size:11px; font-family:Arial; color:#838383; font-weight:bold; width:115px; border:0px solid #000000 }
.h_menu form .btn { background:none; border:0px solid #000000; width:16px; cursor:pointer; height:21px}


/* Head Images
--------------------------------------------------*/
.head_img { background:#747579 url("../images/banner_hp.jpg") no-repeat; height:152px; border-bottom:5px solid #68696e; padding:43px 549px 1px 25px; color:#babbbc;
font-size:11px; line-height:15px}
.head_img a { color:#babbbc}
.head_img h1 { color:#FFFFFF; font-size:18px; font-weight:normal; padding-bottom:9px}
.head_img img { float:left; margin-right:20px}
.hi_txt { margin:0 0 0 80px}
.head_img .btn { display:block; width:86px; height:19px; text-align:center; text-decoration:none;  margin-top:11px; font-weight:bold }
.head_img .btn:hover { text-decoration:underline}


/* Center
--------------------------------------------------*/
.center .col{ background: url("../images/center.gif") repeat-y 600px 0px; overflow:hidden; min-height:1px; _height:1px; min-height:552px; _height:552px }
*html .center .col{ overflow:visible}


/* Center Col
--------------------------------------------------*/
.center_col { color:#636363; font-size:11px; width:600px; float:left; padding-bottom:11px; min-height:100px; _height:100px;}
.center_full { color:#636363; font-size:11px; width:899px; float:left; padding-bottom:11px; min-height:100px; _height:100px;}
.center_col h1 { background:#d8dee6 url("../images/h1.gif") repeat-x; height:19px; border-top:1px solid #d8dee6; border-bottom:1px solid #c2c7cf;
padding:13px 0 0px 19px; font-size:12px; color:#585858 }
.center_full h1 { background:#d8dee6 url("../images/h1.gif") repeat-x; height:19px; border-top:1px solid #d8dee6; border-bottom:1px solid #c2c7cf;
padding:13px 0 0px 19px; font-size:12px; color:#585858; }
.center_full .center { background: url("../images/center.gif") repeat-y 899px 0px; overflow:hidden; min-height:1px; _height:1px; min-height:552px; _height:552px }
*html .center_full .center { overflow:visible}

.center_col a { color:#636363}
.center_full a { color:#636363}

.btn_w { display:block; width:109px; height:18px; text-align:center; background:#ebeef2 url("../images/btn_w.gif") no-repeat; text-decoration:none; padding-top:5px;
margin:11px 0 0 23px  }

/* Center Col/Info
--------------------------------------------------*/
.info { background:#f4f5f6 url("../images/info.gif") no-repeat 19px 7px; padding:10px 110px 8px 69px; border-bottom:1px solid #ececec; min-height:33px; _height:33px;
margin-bottom:6px}

/* Center Col/gray
--------------------------------------------------*/
.gray { background:#f4f5f6; padding:10px 10px 8px 10px; border-bottom:1px solid #ececec; min-height:33px; _height:33px;
margin-bottom:6px}


/* Center Col/Gallery
--------------------------------------------------*/
.gallery { border-bottom:1px solid #f4f4f4; padding:7px 20px 0 0; text-decoration:none; color:#636363; overflow:hidden; min-height:1px; _height:1px; display:block;
 min-height:127px; _height:127px; margin-bottom:6px}
*html .gallery { overflow:visible}

.gallery { border-bottom:1px solid #f4f4f4; padding:7px 20px 0 0; text-decoration:none; color:#636363; overflow:hidden; min-height:1px; _height:1px; display:block;
 min-height:127px; _height:127px; margin-bottom:6px}
 
.gallery img { float:left; position: relative; top:-1px}
.gallery b { display:block; font-size:14px; color:#000000; font-weight:normal; padding:5px 0 5px 0}

.gallery:hover { background: url("../images/ga_ac.gif") no-repeat 259px 0%;}
.center_full .gallery:hover { background: url("../images/ga_ac.gif") no-repeat 558px 0%;}

/* demos
--------------------------------------------------*/
.next_demo { padding:14px 20px 0 0; text-decoration:none; color:#636363; overflow:hidden; min-height:1px; _height:1px; display:inline;
 min-height:127px; _height:127px; margin-bottom:6px}

/* Right Col
--------------------------------------------------*/
.right_col { float:left; width:299px; padding-left:1px; font-size:11px; color:#6b6b6b; background: url("../images/right_col_h.gif") no-repeat 0px 0; }
.right_col a { color:#6b6b6b; text-decoration:none}

.right_col h1 { background:#d8dee6 url("../images/h1.gif") repeat-x; height:19px; border-top:1px solid #d8dee6; border-bottom:1px solid #c2c7cf;
padding:13px 0 0px 19px; font-size:12px; color:#585858; margin-left:1px }


.right_col h2 { height:21px; background:#ebeef2 url("../images/rh2.gif") repeat-x; margin:0 0 0 0px; padding:15px 0 0 25px; font-size:12px; color:#585858;
border-left:1px solid #FFFFFF }


/* Right Col/Inst
--------------------------------------------------*/
.inst { padding:18px 0px 20px 20px; overflow:hidden; min-height:1px; _height:1px; background:#fdfcfb}
*html .inst { overflow:visible}
.inst p { padding:0 20px 7px 0}

.inst .in_img { float:left; position:relative; margin:0 2px 0 0px; left:-15px; text-decoration:none; color:#6b6b6b}
.inst .in_img img { display:block}
.inst .in_img i { font-style:normal; display:block; text-align:center; padding-top:3px}


/* Right Col/Common f
--------------------------------------------------*/
.comm_f { margin:0px; padding:0 0 20px 0; list-style:none; background:#ffffff}
.comm_f li { padding:13px 0 13px 60px}
.comm_f .cm1 { background: url("../images/cm1.gif") no-repeat 19px 8px}
.comm_f .cm2 { background:#f9fafb url("../images/cm2.gif") no-repeat 19px 8px}
.comm_f .cm3 { background: url("../images/cm3.gif") no-repeat 20px 8px}
.comm_f .cm4 { background:#f9fafb url("../images/Gallery_Klein_zw.gif") no-repeat 20px 8px}
.comm_f .cm5 { background: url("../images/cm5.gif") no-repeat 20px 8px}
.comm_f .cm10 { background: url("../images/cm10.gif") no-repeat 20px 8px}

/* Right Col/System
--------------------------------------------------*/
.sys_r { background:#ebeef2 url("../images/sys_r.gif") repeat-x;  padding:18px 16px 30px 20px; min-height:45px; _height:45px;
border-left:1px solid #FFFFFF; border-right:1px solid #FFFFFF}

.hr {
	border:0;
	border-bottom: solid #f4f4f4 1px;
	margin-bottom:20px;	
}
.box{
	padding:0px;
	padding-left:40px;
	padding-right:40px;
	padding-top:10px;
	font-size:12px;
        line-height:20px;
}
.box h3 {
	font-size:16px;
}
.image-label {
	font-size:9px;}
}
/* Footer
--------------------------------------------------*/
.footer { font-size:11px; color:#909296; background:#d1d7e1 url("../images/footer.gif") no-repeat; height:46px; position:relative; margin:0 -4px 0 -4px;
padding:32px 30px 0 22px  }
.footer a { text-decoration:none; color:#969ba1}
.footer a:hover { text-decoration:underline}

.footer ul { float:right; margin:0px; padding:0 0 0 0; list-style:none}
.footer ul li { float:left; padding:0 9px 0 9px}
.footer ul .rss { background: url("../images/rss.gif") no-repeat 0px 0px; padding:4px 0 4px 26px; margin-left:9px; position:relative; margin-top:-4px }
.upbuttons {
	border:none;
}
.upbuttons a:link { text-decoration:none }
.upbuttons a:visited  { text-decoration:none }

/* Table
----------------------------------------------------*/
table.params {
	width: 100%;
	position: relative;}
   table.params th {
	padding: 5px 10px;
	vertical-align: middle;
	white-space: nowrap;
	border: 1px solid #fff;
	color: #4a4a4a;
	background: #dae2ec url('../images/table-th-BG.gif') repeat-x 0 100%
}
   table.params td {
	vertical-align: top;
	text-align: left;
	border: 1px solid #fff;
	padding: 8px 12px 8px 12px;
	background: #f1f3f6}


table.spec {
	border-collapse: collapse;
	width: 810px;
}
		
.spec th {
	border: 1px solid #CCC;
	padding: 3px;
	text-align: left;
	padding:10px;
}

.spec td {
	border: 1px solid #CCC;
	padding: 3px;
	text-align: left;
	padding:10px;
}

table.spec2 {
	border-collapse: collapse;
	width: 550px;
}
		
.spec2 th {
	border: 1px solid #CCC;
	padding: 3px;
	text-align: left;
	padding:10px;
}

.spec2 td {
	border: 1px solid #CCC;
	padding: 3px;
	text-align: left;
	padding:10px;
}

/* ------------------------------------- */

.dashed {
	border-bottom:dashed 1px #0000ee;
}
.message {
	border: 1px solid #D4BC4C;
	background-color: #F9F6E7;
	padding: 8px 11px;
	font-weight:bold;
	margin: 20px 10px 0px 0px;
	text-align:left;
	margin-bottom:16px;
}



/* HEAD ART
--------------------------------------------------*/
.h_art { background:#206ead url("../images/banner_hp.jpg") no-repeat; height:149px; padding:45px 589px 0 61px; color:#beced8 }
.h_art .btn { display:block; width:86px; height:19px; text-align:center; text-decoration:none;  margin-top:11px; font-weight:bold }

/* HEAD FOTO
--------------------------------------------------*/
.h_foto { background:#206ead url("../images/banner_h2.jpg") no-repeat; height:149px; padding:45px 589px 0 61px; color:#beced8 }
.h_art .btn { display:block; width:86px; height:19px; text-align:center; text-decoration:none;  margin-top:11px; font-weight:bold }

/* HEAD GALLERY
--------------------------------------------------*/
.h_gall1 { background:#206ead url("../images/banner_h4.jpg") no-repeat; height:149px; padding:45px 589px 0 61px; color:#beced8 }

/* HEAD GALLERY
--------------------------------------------------*/
.h_about { background:#206ead url("../images/banner_h7.jpg") no-repeat; height:149px; padding:45px 589px 0 61px; color:#beced8 }

/* HEAD GALLERY
--------------------------------------------------*/
.h_duik { background:#206ead url("../images/banner_h6.jpg") no-repeat; height:149px; padding:45px 589px 0 61px; color:#beced8 }

/* HEAD GALLERY
--------------------------------------------------*/
.h_gall2 { background:#206ead url("../images/banner_h5.jpg") no-repeat; height:149px; padding:45px 589px 0 61px; color:#beced8 }

/* HEAD GASTENBOEK
--------------------------------------------------*/
.h_gast { background:#206ead url("../images/banner_h3.jpg") no-repeat; height:149px; padding:45px 589px 0 61px; color:#beced8 }
.h_art .btn { display:block; width:86px; height:19px; text-align:center; text-decoration:none;  margin-top:11px; font-weight:bold }

/* HEAD FLOW
--------------------------------------------------*/
.h_flow { background:#0f2036 url("../images/banner_h2.jpg") no-repeat; height:149px; padding:45px 591px 0 63px; color:#bbc1c8 }
.h_flow .btn { display:block; width:86px; height:19px; text-align:center; text-decoration:none;  margin-top:8px; font-weight:bold }


/* HEAD ZEN
--------------------------------------------------*/
.h_zen { background:#a4593e url("../images/h_zen.jpg") no-repeat; height:149px; padding:45px 586px 0 63px; color:#d6cec9 }
.h_zen .btn { display:block; width:86px; height:19px; text-align:center; text-decoration:none;  margin-top:8px; font-weight:bold }