/*----- Main Stylesheet ----------------------------------------------------//
//                                                                          //
//  Rightfull Owner and Copyright by Hylke Hendriksen                       //
//  Design and development by Hylke Hendriksen, http://www.hyhend.net       //
//  Bouwmachine forum (under construction)                                  //
//                                                                          //
//  Both site and content Copyright © Hylke Hendriksen 2006-2009            //
//  unless explicitly stated otherwise. Redistribution of any kind without  //
//  a prior written authorisation from the copyright owner is prohibited.   //
//                                                                          //
//--------------------------------------------------------------------------*/

/*-- Global ---------------------*/
body{ left:0; top:0; padding:0; margin:0; background:#222; color:#000; font-family:Arial, Helvetica, sans-serif; font-size:12px; line-height:15px;}
body a{ color:#333172; text-decoration:none;} 
body a:hover{ color:#b0b0b0;}
body ::-moz-selection{ background:#ddd; color:#06d;}
body ::selection{ background:#ddd; color:#06D;}

#header{ position:absolute; top:0; left:0; width:100%; height:26px; border-bottom:1px solid #666;}
#content{ position:relative; float:left; width:100%; top:27px; background:#fff; padding:20px 0 0 0;}
#footer{ position:relative; float:left; width:100%; top:27px; height:26px; border-top:1px solid #000;}

/*-- Front page -----------------*/
#fp_wrapper{ position:relative; margin:0 auto; width:980px;}

#fp_left{ position:relative; float:left; width:320px; margin:0 0 20px 20px;}
#fp_right{ position:relative; float:left; width:580px; margin:14px 20px 20px 20px;}
#fp_total{ position:relative; float:left; width:800px; margin:0 0 20px 20px;}

/*-- Header ---------------------*/
#fp_logo h1 a{ position:relative; float:left; font-family:Verdana, Geneva, sans-serif; font-size:21px; font-weight:normal; text-decoration:none; color:#666; padding:0 0 0 0; margin:0;}
#fp_logo h1 a span{ color:#28e; font-style:normal;}
#fp_logo h1 a:hover{ color:#aaa;}
#fp_logo h1 a:hover span{color:#06a;}

/*-- navigation ------------*/
#fp_navigation{}
#fp_navigation ul{ padding:0; margin:0 0 1px 0; list-style:none;}
#fp_navigation li{ padding:0; margin:0 0 0 1px; list-style:none; float:right;}
#fp_navigation li a{ position:relative; float:left; margin:7px 0 0 0; width:95px; padding:3px 0 0 10px; border:1px solid #99f; color:#fff; text-decoration:none; background-image:url(gradient_lb.gif); height:19px; font-weight:bold;}
#fp_navigation li a:hover{filter:alpha(opacity=80); opacity:.8; color:#fff;}

/*-- Left -----------------------*/
.lft_item{ position:relative; float:left; width:320px; margin:10px 0 0 0;}
.lft_item h3{ position:relative; float:left; width:320px;  font-size:12px; font-weight:bold; padding:0; margin:0;}
.lft_item h3 a{ position:relative; float:left; width:320px;  font-size:12px; font-weight:bold; padding:0; margin:0; text-decoration:none; color:#333172;}
.lft_item h3 a:hover{ text-decoration:underline; color:#666;}

.lft_item ul{ padding:0; margin:0; list-style:none;}
.lft_item li{ padding:0; margin:0; list-style:none; float:left;}
.lft_item li span{ text-align:right; color:#aaa; float:right; padding:0 0 0 5px;}
.lft_item li a{ position:relative; float:left; width:320px; padding:1px 0 0 0; border-bottom:1px solid #ccc; color:#333172; text-decoration:none;}
.lft_item li a:hover{ background:#ddd; color:#000;}

.lft_item cite{ position:relative; float:left; font-size:9px; color:#999; text-decoration:none; font-style:normal; padding:0; margin:0; width:320px;}
.lft_item p{ margin:0 0 10px 0;}

#lft_link a{ position:relative; float:left; width:314px; padding:2px; border:1px solid #999; background:#ddd; color:#333; margin:16px 0 0 0;}
#lft_link a:hover{ background:#ccc; color:#000;}


/*-- Right item ------------------*/
.rgt_item{ position:relative; float:left; width:580px; margin:0;}
.rgt_item h3{ position:relative; float:left; width:580px;  font-size:14px; font-weight:bold; padding:0; margin:0 0 3px 0; color:#000;}
.rgt_item h3 a{ position:relative; float:left; width:580px;  font-size:14px; font-weight:bold; padding:0; margin:0; text-decoration:none; color:#000;}
.rgt_item h3 a:hover{text-decoration:underline; color:#666;}
.rgt_item h2{ position:relative; float:left; width:580px;  font-size:16px; font-weight:bold; padding:0; margin:0 0 1px 0;}

.rgt_item cite{ font-size:9px; color:#999; text-decoration:none; font-style:normal; padding:0; margin:0;}
.rgt_item p{ margin:0 0 10px 0;}

.rgt_item img{ padding:1px; border:1px solid #999; margin:0; max-width:576px; max-height:400px;}
.item_pic_top{ width:576px; height:60px; margin:10px 0 10px 0;}
.item_pic_right{ width:200px; height:150px; position:relative; float:right; margin:3px 0 7px 3px;}

.rgt_item_pictures{ position:relative; float:left; width:580px; margin:0;}
.rgt_item_pictures_group{ position:relative; float:left; width:580px; margin:0 0 10px 0;}
.rgt_item_pictures_group h3{ position:relative; float:left; width:580px;  font-size:12px; font-weight:bold; padding:0; margin:0 0 1px 0;}
.rgt_item_pictures_group a img{ margin:0; padding:0; width:142px; height:80px; border:1px solid #333; margin:1px 1px 0 0;}
.rgt_item_pictures_group a:hover img{ filter:alpha(opacity=80); opacity:.8;}


/*-- Right picture ---------------*/
#rgt_pic_frame{ position:relative; float:left; width:576px; height:239px; margin:0; padding:1px; border:1px solid #999;} 
#cst_inc_pic_frame_big a img{ position:relative; float:left; width:420px; height:239px; padding:0; border:0;}
#cst_inc_pic_frame_big a h4{ position:absolute; left:10px; top:4px; padding:0; margin:0; z-index:5; font-size:14px; font-weight:bold; text-decoration:none; font-style:normal; color:#eee;}
#cst_inc_pic_frame_big a cite{ position:absolute; left:10px; top:18px; z-index:5; font-size:10px; color:#ddd; font-style:normal;}
#cst_inc_pic_frame_big a span{ position:absolute; left:0; top:0; width:420px; height:36px; filter:alpha(opacity=60); opacity:.6; background:#000; z-index:4;}
#cst_inc_pic_frame_choice{ position:absolute; left:421px; top:0; padding:0 0 0 1px; margin:0; width:153px; border-left:1px solid #999;}
#cst_inc_pic_frame_choice li{ position:relative; float:left; height:79px; margin:0 0 1px 0; list-style:none; background:#444;}
#cst_inc_pic_frame_choice a img{ text-decoration:none; width:153px; height:79px; border:0;}
#cst_inc_pic_frame_choice a span{ position:absolute; visibility:hidden; color:#fff; padding:30px 0 0 0; font-size:40px; width:153px; text-align:center; font-family:"Times New Roman", Times, serif; font-weight:bold; font-style:italic;}
#cst_inc_pic_frame_choice a:hover img{ filter:alpha(opacity=40); opacity:.4;}
#cst_inc_pic_frame_choice a:hover span{ visibility:visible;}

#rgt_head_pic_frame{ position:relative; float:left; width:576px; height:80px; margin:0; padding:1px; border:1px solid #999;}
#rgt_head_pic_frame a{ position:relative; float:left; width:576px;}
#rgt_head_pic_frame a img{ position:relative; float:left; width:576px; height:80px; border:0;}
#rgt_head_pic_frame a span{ position:absolute; top:0; left:0; width:576px; height:25px; background:#000; filter:alpha(opacity=60); opacity:.6; z-index:5;}
#rgt_head_pic_frame a h4{ position:absolute; top:4px; left:10px; padding:0; margin:0; color:#eee; letter-spacing:1px; font-size:14px; font-weight:bold; z-index:6;}

/*-- Advertisements --------------*/
.lft_advertisement{ position:relative; float:left; width:316px; margin:10px 0 0 0; padding:1px; border:1px solid #999;}
.rgt_advertisement{ position:relative; float:left; width:576px; margin:10px 0 0 0; padding:1px; border:1px solid #999; height:40px;}
#fp_header_advertisement{ position:relative; float:left; left:21px; width:920px; margin-top:8px;}
#fp_header_advertisement a{ position:relative; float:left; width:16px; height:16px; margin:1px 1px 0 0; background:#ddd;}
#fp_header_advertisement a:hover{ filter:alpha(opacity=60); opacity:.6; }

#fp_headercontent{position:relative; float:left; width:920px; padding:0 0 0 20px;}

.pic_infobar_advertisement{ position:relative; float:left; width:316px; height:80px; padding:1px; border:1px solid #999;}



/*-- Foto ------------------------*/
#pic_top{ position:relative; float:left; width:918px; margin:0 0 0 21px;}
#pic_top h3{ position:relative; float:left; font-size:15px; width:900px; padding:0; margin:20px 0 5px 0;}
#pic_top_img{ position:relative; float:left; width:303px; padding:1px; margin:1px 0 1px 1px; background:#333;}
#pic_top_img img{ width:303px; height:170px;}
#pic_top_img a:hover img{ filter:alpha(opacity=70); opacity:.7;}
#pic_top_img h3{ position:absolute; width:283px; top:0; left:0; font-size:13px; font-weight:normal; color:#fff; background:#222; padding:2px 10px 4px 10px; margin:1px; filter:alpha(opacity=70); opacity:.7;}

#pic_infobar{ position:relative; float:left; widows:918px; margin:10px 0 0 21px;}
#pic_infobar_btn{ position:relative; float:left; width:80px; height:82px; margin-right:5px;}
#pic_infobar_btn a{ display:block; width:76px; height:58px; border:1px solid #000; background-image:url(btn_back_grey.gif); color:#ddd; font-size:15px; text-align:center; padding:24px 2px 0 2px;}
#pic_infobar_btn a:hover{ filter:alpha(opacity=90); opacity:.90; color:#fff;}
#pic_infobar_addpic{ position:relative; float:left; width:400px; height:74px; margin-right:10px; padding:4px; border:1px solid #a60; background:#ffa;}
#pic_infobar_addpic h3{ position:relative; float:left; margin:0 0 2px 0; font-size:13px; width:400px;}

#pic_buld_header{ position:relative; float:left; width:918px; margin:0 0 0 21px;}
#pic_buld_header h3{ position:relative; float:left; width:900px; margin:10px 0 5px 0; font-size:14px;}
#pic_bulk{ position:relative; float:left; width:918px; margin:0 0 32px 21px;}
.pic_bulk_nav a{ position:relative; float:left; width:21px; height:121px; background:#000; padding:1px; margin:0 0 1px 1px; border:1px solid #666;}
.pic_bulk_nav a:hover{ filter:alpha(opacity=70); opacity:.7;}
.pic_bulk_img{ position:relative; float:left; width:226px; height:128px; margin:0 0 1px 1px; padding:1px; background:#333;}
.pic_bulk_img img{ width:226px; height:128px;}
.pic_bulk_img a:hover img{ filter:alpha(opacity=70); opacity:.7;}
.pic_bulk_img h3{ position:absolute; width:216px; top:0; left:0; font-size:12px; font-weight:normal; color:#fff; background:#222; padding:1px 5px 2px 5px; margin:1px; filter:alpha(opacity=70); opacity:.7;}


.pic_bulk_item{ position:relative; float:left; width:459px; height:134px;}
.pic_bulk_info{ position:relative; float:left; width:222px; height:124px; background:#ddd; padding:3px;}
.pic_bulk_info h3{ position:relative; width:222px; padding:0; margin:0; font-size:13px; border-bottom:1px dotted #000; padding:0 0 2px 0;}
.pic_bulk_info p{ padding:0; margin:0;}


.pic_popup_head{ position:relative; float:left; height:14px; border-bottom:1px dotted #999; width:100%;}
.pic_popup_head cite{ font-size:9px; font-style:normal;}

/*-- Database ---------------------*/
.db_item{ position:relative; float:left; width:580px; margin:0;}
.db_item h3{ position:relative; float:left; width:580px;  font-size:12px; font-weight:bold; padding:0; margin:0 0 1px 0;}
.db_item h3 a{ position:relative; float:left; width:580px;  font-size:12px; font-weight:bold; padding:0; margin:0; text-decoration:none; color:#000;}
.db_item h3 a:hover{text-decoration:underline; color:#666;}

.db_text{ position:relative; float:left; width:580px; margin:0 0 15px 0;}

.db_table{ position:relative; float:left; width:400px; padding:0; margin:0 0 10px 0; padding:0;}
.db_table tr{ padding:0; margin:0;}
.db_table td{ border-bottom:1px solid #ddd; margin:0; padding:0;}
.db_table_left{ width:120px;}

.db_pic_row{ position:relative; float:left; width:580px; margin:0 0 15px 0;}
.db_pic_row a img{ position:relative; float:left; width:95px; height:60px; padding:0; border:0; background:#000; margin:1px 0 0 1px;}
.db_pic_row a:hover img{ filter:alpha(opacity=60); opacity:.6;}

#db_search select{ width:272px;}

/*-- Forms --*/


/*-- Footer --------------*/
#footer span{ position:relative; float:left; left:40px; top:5px; color:#666; font-size:11px;}