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

/***********************************************/
/* Mainsite-BOX                                */
/***********************************************/

#main_box{
	float:left;
	width:700px;
}


/***********************************************/
/* TOP-BOX                               	   */
/***********************************************/


.t_box{
	float:left;
	margin-left:7px;
	margin-top:1px;
	width: 696px;
}

.t_box_t{
	width:696px;
	height:13px;
	background-image: url(../images/t_box/t_box_t.gif);
	background-repeat: no-repeat;
}


.t_box_content{
	width:696px;
	height:auto;
	background-image: url(../images/t_box/t_box.gif);
	background-repeat: repeat-y;
}

.t_box_b{
	width:696px;
	height:13px;
	background-image: url(../images/t_box/t_box_b.gif);
	background-repeat: no-repeat;
}


/***********************************************/
/* BOTTOM-BOX                                  */
/***********************************************/


.b_box{
	float:left;
	margin-left:7px;
	margin-top:5px;
}

.b_box_t{
	width:696px;
	height:13px;
	background-image: url(../images/t_box/t_box_t.gif);
	background-repeat: no-repeat;
}


.b_box_content{
	width:696px;
	height:auto;
	background-image: url(../images/t_box/t_box.gif);
	background-repeat: repeat-y;
}

.b_box_b{
	width:696px;
	height:13px;
	background-image: url(../images/t_box/t_box_b.gif);
	background-repeat: no-repeat;
}


/***********************************************/
/* V-BOX                               	  	    */
/***********************************************/

.v_boxes{
	float:left;
	margin-left:4px;
	margin-top:5px;
	width: 700px;
}



.v_box{
	width:221px;
	margin-left:10px;
	float:left;
}

.v_box_t{
	width:221px;
	height:7px;
	background-image: url(../images/v_box/v_box_t.gif);
	background-repeat: no-repeat;
}


.v_box_content{
	width:221px;
	height:auto;
	background-image: url(../images/v_box/v_box.gif);
	background-repeat: repeat-y;	
}

.v_box_b{
	width:221px;
	height:5px;
	background-image: url(../images/v_box/v_box_b.gif);
	background-repeat: no-repeat;
}

/***********************************************/
/* V-BOX (rechts)                   	  	    */
/***********************************************/

.v_box_rechts{
	float:left;
	margin-left:4px;
	margin-top:8px;
}

.v_box_rechts_portfolio{
	float:left;
	margin-left:2px;
	margin-top:8px;
	z-index:2;
}


/***********************************************/
/* H-BOX  (oben)                   	  	       */
/***********************************************/


.h_box{
	width:681px;
	margin-left:15px;
	margin-top:5px;
	margin-bottom:5px;
	float:left;
}

.h_box_t{
	width:681px;
	height:6px;
	background-image: url(../images/h_box/h_box_t.gif);
	background-repeat: no-repeat;
}


.h_box_content{
	width:681px;
	height:auto;
	background-image: url(../images/h_box/h_box.gif);
	background-repeat: repeat-y;	
	float:left;
}

.h_box_b{
	width:681px;
	height:5px;
	background-image: url(../images/h_box/h_box_b.gif);
	background-repeat: no-repeat;
	float:left;
}


/***********************************************/
/* H-BOX 2 (unten)                   	       */
/***********************************************/


.h_box2{
	width:681px;
	height:auto;
	margin-left:15px;
	margin-top:8px;
	float:left;
}

.h_box2_t{
	width:681px;
	height:6px;
	background-image: url(../images/h_box/h_box_t.gif);
	background-repeat: no-repeat;
}


.h_box2_content{
	width:681px;
	height:auto;
	background-image: url(../images/h_box/h_box.gif);
	background-repeat: repeat-y;	
}

.h_box2_b{
	width:681px;
	height:5px;
	background-image: url(../images/h_box/h_box_b.gif);
	background-repeat: no-repeat;
}

/***********************************************/
/* PORTFOLIO-BOX-LIST  		                    */
/***********************************************/


.p_box{
	width:921px;
	margin-left:15px;
	margin-top:5px;
	margin-bottom:5px;
	float:left;
	position: relative;
}

.p_box_t{
	width:921px;
	height:6px;
	background-image: url(../images/p_box/p_box_t.gif);
	background-repeat: no-repeat;
}


.p_box_content{
	width:921px;
	height:auto;
	background-image: url(../images/p_box/p_box.gif);
	background-repeat: repeat-y;	
	float:left;
}

.p_box_more{
	width:921px;
	height:50px;
	background-image: url(../images/p_box/p_box.gif);
	background-repeat: repeat-y;	
	float:left;
}

.p_box_b{
	width:921px;
	height:6px;
	background-image: url(../images/p_box/p_box_b.gif);
	background-repeat: no-repeat;
	float:left;
}



/***********************************************/
/* PORTFOLIO-BOX-DETAIL  		               */
/***********************************************/

#portfolio_detail_bg{
	width:930px;
	height:660px;

}

.det_decker{
	background-image: url(../images/p_box/p_box.gif);
	background-repeat: repeat-y;
	width:921px;
	position:absolute;
	z-index:10;
	display:none;
}