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

.bold_font{
	font-family: "Lucida Grande", LucidaGrande, Lucida, Helvetica, Arial, sans-serif;
	font-size:10px;
	color:#666666;
	font-weight:bold;
}

.client_font{
	font-family: "Lucida Grande", LucidaGrande, Lucida, Helvetica, Arial, sans-serif;
	font-size:10px;
	color:#333333;
	font-weight:bold;
	line-height:15px;
}

.client_detail_font{
	font-family: "Lucida Grande", LucidaGrande, Lucida, Helvetica, Arial, sans-serif;
	font-size:10px;
	color:#333333;
	font-weight:bold;
	line-height:15px;
}

#linie {
	width:100%;
	border-bottom: 1px solid #D9D9D9;
	padding-top:2px;
	margin-bottom:2px;
}

#linie_trenner {
	width:891px;
	border-bottom: 1px solid #D9D9D9;
	margin-left:15px;
	float:left;
	margin-top:5px;
	margin-bottom:5px;
}

#info {
	color: #FFFFFF;
	position:relative;
	z-index: 1;
	height:180px;
	margin:0px;
	padding:0px;
	top:0px;
}

#info a{
	color: #FFFFFF;
}

#info h1{
	color: #FFFFFF;
	font-size: 14px;
	line-height:14px;
	margin:0px;
	padding:0px;
}

h3 {
	font-size:10px;
	margin:0px;
	padding:0px;
}

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

.t_box_titel{
	border-bottom: 1px solid #D9D9D9;
	font-family: "Lucida Grande", LucidaGrande, Lucida, Helvetica, Arial, sans-serif;
	font-size:12px;
	font-weight:bold;
	color:#666666;
	margin-left:25px;
	margin-right:25px;
	padding-top:5px;
	padding-left:4px;
	padding-right:4px;
	padding-bottom:2px;
}

.t_box_text{
	font-family: "Lucida Grande", LucidaGrande, Lucida, Helvetica, Arial, sans-serif;
	font-size:10px;
	color:#666666;
	margin-left:25px;
	margin-right:25px;
	padding-top:7px;
	padding-left:4px;
	padding-right:4px;
	padding-bottom:10px;
	text-align: justify;
}

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

.b_box_titel{
	border-bottom: 1px solid #D9D9D9;
	font-family: "Lucida Grande", LucidaGrande, Lucida, Helvetica, Arial, sans-serif;
	font-size:12px;
	font-weight:bold;
	color:#666666;
	margin-left:25px;
	margin-right:25px;
	padding-top:5px;
	padding-left:4px;
	padding-right:4px;
	padding-bottom:2px;
}

.b_box_text{
	font-family: "Lucida Grande", LucidaGrande, Lucida, Helvetica, Arial, sans-serif;
	font-size:10px;
	color:#666666;
	margin-left:25px;
	margin-right:25px;
	padding-top:7px;
	padding-left:4px;
	padding-right:4px;
	padding-bottom:10px;
	text-align: justify;
}

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

.v_box_titel{
	border-bottom: 1px solid #D9D9D9;
	font-family: "Lucida Grande", LucidaGrande, Lucida, Helvetica, Arial, sans-serif;
	font-size:12px;
	font-weight:bold;
	color:#666666;
	margin-left:20px;
	margin-right:20px;
	padding-top:5px;
	padding-left:3px;
	padding-right:3px;
	padding-bottom:2px;
}

.v_box_text{
	font-family: "Lucida Grande", LucidaGrande, Lucida, Helvetica, Arial, sans-serif;
	font-size:10px;
	color:#666666;
	margin-left:20px;
	margin-right:20px;
	padding-top:7px;
	padding-left:3px;
	padding-right:3px;
	padding-bottom:10px;
	text-align: justify;
}


.v_box_pic{
	border: 1px solid #D9D9D9;
	width:180px;
	height:auto;
	margin-top:10px;
	margin-left:20px;
	margin-right:20px;
}

.v_box_pic_noborder{
	width:180px;
	height:auto;
	margin-top:10px;
	margin-left:20px;
	margin-right:20px;
}

.v_box_text_bold{
	font-family: "Lucida Grande", LucidaGrande, Lucida, Helvetica, Arial, sans-serif;
	font-size:10px;
	font-weight:bold;
	color:#666666;
	margin-left:20px;
	margin-right:20px;
	padding-top:7px;
	padding-left:3px;
	padding-right:3px;
}

.v_box_linie{
	border-top: 1px solid #D9D9D9;
	margin-left:20px;
	margin-right:20px;

}

.v_box_more {
	font-family: "Lucida Grande", LucidaGrande, Lucida, Helvetica, Arial, sans-serif;
	font-size:10px;
	font-weight:bold;
	color:#666666;
	margin-left:20px;
	margin-right:20px;
	padding-top:5px;
	padding-left:3px;
	padding-right:3px;
	padding-bottom:10px;
}

.v_box_more a{
	font-family: "Lucida Grande", LucidaGrande, Lucida, Helvetica, Arial, sans-serif;
	font-size:10px;
	font-weight:bold;
	color:#666666;
	text-decoration:none;
	outline:none;
	background-image: url(../images/more.gif);
	background-repeat: no-repeat;
	background-position: 0px 3px;
	padding-left:6px;
}

.v_box_more a:hover{
	outline:none;
	color:#CCCCCC;
	text-decoration:none;
}

/***********************************************/
/* H-BOX-STYLES                                */
/***********************************************/

.h_box_titel{
	border-bottom: 1px solid #D9D9D9;
	font-family: "Lucida Grande", LucidaGrande, Lucida, Helvetica, Arial, sans-serif;
	font-size:12px;
	font-weight:bold;
	color:#666666;
	margin-left:15px;
	margin-right:15px;
	padding-top:8px;
	padding-left:5px;
	padding-right:4px;
	padding-bottom:2px;
}


.h_box_1{
	margin-left:15px;
	height:160px;
}


.h_box_1_pic{
	border: 1px solid #D9D9D9;	
	width:180px;
	height:auto;
	margin-top:10px;
	margin-left:5px;
	margin-right:20px;
	float:left;
}

.h_box_1_pic_noborder{	
	width:180px;
	height:auto;
	margin-top:10px;
	margin-left:5px;
	margin-right:20px;
	float:left;
}


.h_box_1_titel{
	width:440px;
	font-family: "Lucida Grande", LucidaGrande, Lucida, Helvetica, Arial, sans-serif;
	font-size:10px;
	font-weight:bold;
	margin-top:10px;
	color:#666666;
	float:left;
}

.h_box_1_text{
	width:440px;
	font-family: "Lucida Grande", LucidaGrande, Lucida, Helvetica, Arial, sans-serif;
	font-size:10px;
	margin-top:10px;
	color:#666666;
	float:left;
	text-align: justify;
}

.h_box_2_text{
	font-family: "Lucida Grande", LucidaGrande, Lucida, Helvetica, Arial, sans-serif;
	font-size:10px;
	color:#666666;
	margin-left:15px;
	margin-right:15px;
	padding-top:7px;
	padding-left:4px;
	padding-right:4px;
	padding-bottom:10px;
	text-align: justify;
}

/* Bild linksbündig */

.h_box_pic_l{
	border: 1px solid #D9D9D9;	
	width:180px;
	height:auto;
	margin-top:12px;
	margin-right:20px;
	margin-bottom:12px;
	float:left;
}

.h_box_pic_l_lp{
		
	width:270px;
	height:auto;
	margin-top:5px;
	margin-left:-18px;
	margin-bottom:0px;
	float:left;
}

.h_box_pic_l_notop{
	border: 1px solid #D9D9D9;	
	width:180px;
	height:auto;
	margin-top:0px;
	margin-right:20px;
	margin-bottom:20px;
	float:left;
}

.h_box_pic_l_nobot{
	border: 1px solid #D9D9D9;	
	width:180px;
	height:auto;
	margin-top:12px;
	margin-right:20px;
	margin-bottom:0px;
	float:left;
}

.h_box_pic_l2{
	border: 1px solid #D9D9D9;	
	width:350px;
	height:auto;
	margin-top:12px;
	margin-right:20px;
	margin-bottom:12px;
	float:left;
}

.h_box_pic_l_noborder{	
	width:180px;
	height:auto;
	margin-top:12px;
	margin-right:20px;
	margin-bottom:12px;
	float:left;
}

/* Bild rechtssbündig */

.h_box_pic_r{
	border: 1px solid #D9D9D9;	
	width:180px;
	height:auto;
	margin-top:12px;
	margin-left:20px;
	margin-bottom:12px;
	float:right;
}

.h_box_pic_r2{
	width:287px;
	height:auto;
	margin-top:-7px;
	margin-left:30px;
	margin-bottom:12px;
	padding-bottom:0px;
	float:right;
}

.h_box_pic_r_design{
	width:151px;
	height:auto;
	margin-top:-7px;
	margin-left:20px;
	margin-bottom:0px;
	float:right;
}

.h_box_pic_r_lp{
	width:220x;
	height:auto;
	margin-top:-15px;
	margin-left:20px;
	margin-bottom:12px;
	padding-right:1px;
	float:right;

}

.h_box_pic_r_noborder{
	width:180px;
	height:auto;
	margin-top:12px;
	margin-left:20px;
	margin-bottom:12px;
	float:right;
}


/***********************************************/
/* AKTUELL-PROJEKTE-STYLES                     */
/***********************************************/

.aktuell_projekt_box{
	float:left;
	width:680px;
}


.aktuell_projekt_box_r{
	float:left;
	width:440px;
}

.aktuell_projekt_box_l{
	width:215px;
	float:left;
}


.aktuell_projekt_pic{
	border: 1px solid #D9D9D9;	
	width:180px;
	margin-top:10px;
	margin-left:20px;
	margin-right:20px;
	float:left;
}

.aktuell_projekt_pic_noborder{
	width:180px;
	margin-top:10px;
	margin-left:15px;
	margin-right:20px;
	float:left;
}

.aktuell_projekt_text{
	width:440px;
	font-family: "Lucida Grande", LucidaGrande, Lucida, Helvetica, Arial, sans-serif;
	font-size:10px;
	margin-top:10px;
	color:#666666;
	float:left;
	text-align: justify;
	border-bottom: 1px solid #D9D9D9;
	padding-bottom: 5px;
}

.aktuell_projekt_client{
	width:440px;
	font-family: "Lucida Grande", LucidaGrande, Lucida, Helvetica, Arial, sans-serif;
	font-size:10px;
	margin-top:5px;
	padding-bottom:5px;
	color:#666666;
	float:left;
	text-align: justify;
	border-bottom: 1px solid #D9D9D9;
}

.aktuell_projekt_type{
	width:440px;
	font-family: "Lucida Grande", LucidaGrande, Lucida, Helvetica, Arial, sans-serif;
	font-size:10px;
	margin-top:5px;
	padding-bottom:5px;
	color:#666666;
	float:left;
}

.aktuell_projekt_more {
	font-family: "Lucida Grande", LucidaGrande, Lucida, Helvetica, Arial, sans-serif;
	font-size:10px;
	font-weight:bold;
	color:#666666;
	float:left;
	margin-left:20px;
	margin-top:10px;
	margin-bottom:15px;
}

.aktuell_projekt_more a{
	font-family: "Lucida Grande", LucidaGrande, Lucida, Helvetica, Arial, sans-serif;
	font-size:10px;
	font-weight:bold;
	color:#666666;
	text-decoration:none;
	outline:none;
	background-image: url(../images/more.gif);
	background-repeat: no-repeat;
	background-position: 0px 3px;
	padding-left:6px;
}

.aktuell_projekt_more a:hover{
	outline:none;
	color:#CCCCCC;
	text-decoration:none;
}

/***********************************************/
/* PORTFOLIO-STYLES-LISTE                      */
/***********************************************/


#v_box_more_projekte {
	font-family: "Lucida Grande", LucidaGrande, Lucida, Helvetica, Arial, sans-serif;
	font-size:10px;
	font-weight:bold;
	color:#666666;
	margin-left:20px;
	margin-right:20px;
	padding-top:5px;
	padding-left:3px;
	padding-right:3px;
	padding-bottom:10px;
}

#v_box_more_projekte a{
	font-family: "Lucida Grande", LucidaGrande, Lucida, Helvetica, Arial, sans-serif;
	font-size:10px;
	font-weight:bold;
	color:#666666;
	text-decoration:none;
	outline:none;
	background-image: url(../images/more.gif);
	background-repeat: no-repeat;
	background-position: 0px 3px;
	padding-left:6px;
}

#v_box_more_projekte a:hover{
	outline:none;
	color:#CCCCCC;
	text-decoration:none;
}

.portfolio_box_r{
	float:left;
	width:695px;
}

.portfolio_box_l{
	width:225px;
	float:left;
}

.portfolio_titel{
	border-bottom: 1px solid #D9D9D9;
	font-family: "Lucida Grande", LucidaGrande, Lucida, Helvetica, Arial, sans-serif;
	font-size:12px;
	font-weight:bold;
	color:#666666;
	margin-left:15px;
	margin-right:15px;
	padding-top:5px;
	padding-left:4px;
	padding-right:4px;
	padding-bottom:2px;
	
}


.portfolio_pic{
	border: 1px solid #D9D9D9;	
	width:180px;
	margin-top:10px;
	margin-left:20px;
	margin-right:20px;
	margin-bottom:10px;
	float:left;
}

.portfolio_pic img{
	border:none;
	outline:none;
}

.portfolio_pic_noborder{
	width:180px;
	float:left;
	margin: 0px 0px 0px 0px;
	padding: 0px 0px 0px 0px;
}


.portfolio_text{
	width:330px;
	font-family: "Lucida Grande", LucidaGrande, Lucida, Helvetica, Arial, sans-serif;
	font-size:10px;
	margin-top:10px;
	margin-bottom:10px;
	margin-right:20px;
	color:#666666;
	float:left;
	text-align: justify;
}

.portfolio_client{
	width:330px;
	font-family: "Lucida Grande", LucidaGrande, Lucida, Helvetica, Arial, sans-serif;
	font-size:10px;
	margin-top:10px;
	padding-bottom:5px;
	color:#666666;
	float:left;
	text-align: justify;
	border-bottom: 1px solid #D9D9D9;
}

.portfolio_type{
	width:330px;
	font-family: "Lucida Grande", LucidaGrande, Lucida, Helvetica, Arial, sans-serif;
	font-size:10px;
	margin-top:5px;
	padding-bottom:5px;
	color:#666666;
	float:left;
}

.portfolio_more {
	font-family: "Lucida Grande", LucidaGrande, Lucida, Helvetica, Arial, sans-serif;
	font-size:10px;
	font-weight:bold;
	color:#666666;
	float:none;
	background-repeat: repeat-y;
	width:auto;
	height:auto;
}

.portfolio_more a{
	font-family: "Lucida Grande", LucidaGrande, Lucida, Helvetica, Arial, sans-serif;
	font-size:10px;
	font-weight:bold;
	color:#666666;
	text-decoration:none;
	outline:none;
	background-image: url(../images/more.gif);
	background-repeat: no-repeat;
	background-position: 0px 3px;
	padding-left:6px;
}

.portfolio_more a:hover{
	outline:none;
	color:#CCCCCC;
	text-decoration:none;
}

/***********************************************/
/* PORTFOLIO-STYLES-DETAIL                    */
/***********************************************/

.content_B{
	width:921px;
	height:300px;
	background-image: url(../images/p_box/p_box.gif);
	background-repeat: repeat-y;
	float:left;
	position:relative;
	overflow:hidden;

}


#portfolio_back {
	font-family: "Lucida Grande", LucidaGrande, Lucida, Helvetica, Arial, sans-serif;
	font-size:10px;
	font-weight:bold;
	color:#666666;
	float:right;
	margin-top:0px;
	margin-right:5px;
}

#portfolio_back a{
	font-family: "Lucida Grande", LucidaGrande, Lucida, Helvetica, Arial, sans-serif;
	font-size:10px;
	font-weight:bold;
	color:#666666;
	text-decoration:none;
	outline:none;
	background-image: url(../images/back.gif);
	background-repeat: no-repeat;
	background-position: 0px 3px;
	padding-left:7px;
}

#portfolio_back a:hover{
	outline:none;
	color:#CCCCCC;
	text-decoration:none;
}


#portfolio_detail_content{
	margin-top:10px;
	margin-left:20px;
	margin-right:20px;
	width:auto;
	height:auto;
	
}

#galerie_wrapper{
	position:relative;
	float:left;
	
}

#gallery{
	position:relative;
	float:left;
}

#galerie_nav{
	position:relative;
	float:left;
}

#portfolio_detail_text{
	margin-left:700px;
	width:180px;
	height:585px;
	float:left;
	position:absolute;
	font-family: "Lucida Grande", LucidaGrande, Lucida, Helvetica, Arial, sans-serif;
	font-size:10px;
	color:#666666;
	text-align: left;
}



#portfolio_detail_client{
	width:180px;
	margin-top:10px;
	padding-top:3px;
	padding-bottom:5px;
	color:#666666;
	float:left;
	text-align: justify;
	border-top-width: 1px;
	border-bottom-width: 1px;
	border-top-style: solid;
	border-bottom-style: none;
	border-top-color: #D9D9D9;
}


#portfolio_detail_type{
	width:190px;
	margin-top:5px;
	padding-bottom:5px;
	color:#666666;
	float:left;
}

#portfolio_detail_logo{
	float:left;
	margin: 0px 5px 0px 0px;
	padding: 0px 0px 0px 0px;
}
/***********************************************/
/* KÖPFE-STYLES                                */
/***********************************************/

.email {
	font-family: "Lucida Grande", LucidaGrande, Lucida, Helvetica, Arial, sans-serif;
	font-size:10px;
	color:#666666;
	margin-top:15px;
	float:left;

}

.email a{
	font-family: "Lucida Grande", LucidaGrande, Lucida, Helvetica, Arial, sans-serif;
	font-size:10px;
	color:#666666;
	text-decoration:none;
	outline:none;
	background-image: url(../images/more.gif);
	background-repeat: no-repeat;
	background-position: 0px 3px;
	padding-left:6px;
}

.email a:hover{
	outline:none;
	color:#CCCCCC;
	text-decoration:none;
}

/***********************************************/
/* KONTAKT-STYLES                              */
/***********************************************/

#adresse_box {
	font-family: "Lucida Grande", LucidaGrande, Lucida, Helvetica, Arial, sans-serif;
	font-size:10px;
	color:#666666;
	margin-top:10px;
	margin-left:15px;
	float:left;
}

.adress_table{
	padding-top:10px;
	vertical-align:top;
}

.download_kontakt a{
	padding-left:6px;
	background-image: url(../images/more.gif);
	background-repeat: no-repeat;
	background-position: 0px 3px;
	
}

.anfahrt_box {
	padding-top:0px;
	vertical-align:top;
	text-align: justify;
}

#kontakt_form_box {
	padding-top:20px;
	padding-bottom:20px;
	width:650px;

}

.kontakt_from_titel{
	padding-top:3px;
	padding-bottom:2px;
	width:180px;
}

.input_1 {
    font-family: "Lucida Grande", LucidaGrande, Lucida, Helvetica, Arial, sans-serif;
	font-size:10px;
	background-color: #FFFFFF;
	width: 180px;
	height:10px;
	padding-top:5px;
	padding-bottom:5px;
	border: 1px solid #D9D9D9;
	-webkit-text-size-adjust: 140%;
}

.textarea_1 {
 	font-family: "Lucida Grande", LucidaGrande, Lucida, Helvetica, Arial, sans-serif;
	font-size:10px;
	background-color: #FFFFFF;
	width:450px;
	height:105px;
	border: 1px solid #D9D9D9;
}

.submit {
	color: #666666;
	background: #FFFFFF;
	font-family: "Lucida Grande", LucidaGrande, Lucida, Helvetica, Arial, sans-serif;
	font-size:10px;
	font-weight:bold;
	border: 1px solid #D9D9D9;
	width:80px;
	height:23px;
	padding-bottom:3px;
	padding-top:3px;
}

/***********************************************/
/* NEWSLETTER-STYLES                           */
/***********************************************/


#newsletter_pic{
	border: 1px solid #D9D9D9;	
	width:180px;
	margin-top:10px;
	margin-left:20px;
	margin-bottom:5px;
}

#newsletter_form_box {
	margin-left:20px;
	padding-bottom:10px;
	width:180px;
	font-family: "Lucida Grande", LucidaGrande, Lucida, Helvetica, Arial, sans-serif;
	font-size:10px;
	color: #666666;
}

.newsletter_from_titel{
	padding-top:3px;
	padding-bottom:2px;
	padding-left:3px;
}


.input_2 {
    font-family: "Lucida Grande", LucidaGrande, Lucida, Helvetica, Arial, sans-serif;
	font-size:10px;
	background-color: #FFFFFF;
	width: 174px;
	height:10px;
	padding-top:5px;
	padding-bottom:5px;
	margin-left:3px;
	border: 1px solid #D9D9D9;
}

#newsletter_abmelden {
	margin-left:20px;
	width:180px;
	height:30px;
	font-family: "Lucida Grande", LucidaGrande, Lucida, Helvetica, Arial, sans-serif;
	font-size:10px;
	font-weight:bold;
	color: #666666;
	padding-bottom:10px;
}


#newsletter_abmelden_box {
	font-family: "Lucida Grande", LucidaGrande, Lucida, Helvetica, Arial, sans-serif;
	font-size:10px;
	color: #666666;
}