/*@import url(http://fonts.googleapis.com/css?family=Source+Sans+Pro);*/

body{
background-image: url(images/bg.jpg);
margin: 0px;
min-width: 1024px;
}

/*---------------- Heading & Logo ---------------------------*/

#header{
background-image: url(images/header_bg.jpg);
height: 140px;
text-align: center;
}

#head_wrapper{
margin: 0 auto;
width: 1024px;
text-align: left;
padding-top: 20px;
}

#logo_wrapper{
background-image: url(images/header_logo.png);
background-repeat: no-repeat;
width: 100px;
height: 100px;
margin-left: 40px;
}

#siteHeading{
font-family: 'Source Sans Pro', sans-serif;
font-weight: 900;
color: #DEDEDE;
font-size: 25px;
margin-top:30px;
margin-bottom: 0px;
margin-left: 40px;
text-shadow: 0px 1px 1px rgba(0,0,0,0.2);
}

#imprintLink a{
float:right;
margin-right: 44px;
font-family: sans-serif;
margin-top: 20px;
cursor: hand;
}
#imprintLink a:hover{
background-color: none;
}

/*----------- Navigation ---------------*/

#nav_wrapper{
text-align: center;
}

.nav_embed{
	width: 100%;
	background-image: url(images/navi_bg.png);
	background-repeat: repeat-x;
}
.nav_move{
	width: 100%;
	background-image: url(images/navi_bg_move.png);
	background-repeat: repeat-x;
	position: fixed;
	top: 0px;
}

#home{
	width: 110px !important;
}

#partner{
		width: 110px !important;
}
#projekte{
		width: 120px !important;
}


#nav{
	height: 40px;
	width: 1024px;
	margin: 0 auto;
	height: 40px;
}

#menu_wrapper {  
    width:100%;  
    height:40px; 
	margin-left: 40px;
    position:relative;  
	background-image: url(images/trenner_vertikal.png);
	background-position: top left;
	background-repeat: repeat-y;	
	height: 40px;
	max-height:40px;
	max-width: 984px;
}  
  
/* ---- Navigation List ---*/
  
/* common list styles*/  
.nav_list{
list-style:none;
}

.nav_list li{
font-family: sans-serif;
}
.nav_list li a{
display: block;  

}

.nav_list li a:hover{
	background-image: url(images/navi_active.jpg);
	background-repeat:  repeat-x;
	background-position: top left;
}


 
/* list positioning*/
  
#menu {  
    width:1024px;  
	list-style-position:outside;
    margin: 0;
    padding: 0;
}  
  
#menu li {  
	float:left;
	height: 40px;
	background-image: url(images/trenner_vertikal.png);
	background-position: top right;
	background-repeat: repeat-y;
	text-align: center;
	width: 150px;
}  
  
#menu li a {  
	height: 40px;
	padding-top: 10px;
} 

.selected{
	background-image: url(images/navi_active.jpg);
	background-repeat:  repeat-x;
	background-position: top left;
}
 

/*----------- Contact -------------*/

#contactNavList{
	float:right;
	list-style-position:outside;
    margin: 0;
	
}

#contactIcon {
	float: right;
	height: 40px;
	width: 25px;
	background-image: url(images/navi_kontakt_icon.png);
	background-repeat: no-repeat;
	background-position: right, top;
	margin-right: 27px;
	
}
#contactNavList li a{
	margin-right: 38px;
	padding-top: 10px;
}
#contactNavList li a:hover{
	background-image: url(images/navi_active.jpg);
	background-repeat: repeat-x;
}
#contact a{
height: 40px;
}



/* ---------- Colors and Item Sizing ------------------*/

a{
color: #828282;
text-decoration: none;
}

a:hover{
background: transparent;
color: #959595;
}

h3{
color: #EEE;
font-family: Sans-serif;
font-size: 34px;
font-weight: bold;
margin-bottom: 10px;
margin-top: 0px;
}
h4{
margin-top: 5px;
margin-bottom: 5px;
color: #AAA;
font-size: 32px;
font-weight: 400;
}

h5{
font-size: 22px;
font-weight: 400;
color: #DDD;
margin-bottom: 8px;
/*margin-bottom: 12px;*/
}
h6{
margin-top: 5px;
margin-bottom: 5px;
color: #AAA;
font-size: 28px;
font-weight: 400;

}


p{
color: #EEE;
font-family: Sans-serif;
color: gray;
font-weight: 500;
margin-top: 5px;
}

.highlight_text{
color: #EE5478;
font-weight: bold;
margin-bottom: 1px;
}

.textfloater{
float: left;
}




/*---------------- Content Areas -------------------------*/

#main{
/*max-width: 1033px;*/
width: 1024px;
margin: 0 auto;
background-image: url(images/content_bg.png);
background-repeat: repeat-y;
background-position: center;
}


.pageTeaser{
width: 1024px;
background-image: url(images/teaser_bg.jpg);
background-repeat: no-repeat;
background-position: center;
margin: 0 auto;
height:475px;
}

.pageDivider{
height: 3px;
background-image: url(images/trenner_horizontal.png);
background-repeat: repeat-x;
}

.content_area{
width: 1024px;
background-position: bottom;
}

/*===================== Content Definitions =======================*/

#backLink{
padding-left: 497px;
}

#backLink a img{
margin-top: 18px;
}
.content_picturebox{
height: 100%;
width: 374px;
float:left;

}
.content_textbox{
width: 650px;
height: 100%;
float: left;

}

/*-------------- About ----------------------*/

#content_about{
background-image: url(images/projekte_bg.png);
background-repeat: no-repeat;
height: 490px;
background-position: top;
}

#about_logo{
width: 315px;
height: 316px;
background-image: url(images/philosophie.png);
margin-top: 34px;
margin-left: 45px;
background-repeat: no-repeat;
}

#about_text{
margin-top: 20px;
margin-left: 330px;
width: 647px;
height: 400px;
padding-top: 16px;
}
#about_head_text{
margin-top: 49px;
width: 560px;
}

#info_text_box{
width: 400px;
float:left;
}
#about_icon{
background-image: url(images/about_icon.png);
background-repeat: no-repeat;
float: right;
height: 80px;
width: 91px;
margin-right: 83px;
}


/*-------------- Referenzen ----------------------*/
#content_referenzen{
background-image: url(images/referenzen_bg.png);
background-repeat: no-repeat;
height: 582px;
}


#referenzen_text{
margin-top: 64px;
text-align: justify;
margin-right: 25px;
}

#ref_logo1{
width: 257px;
height: 248px;
background-image: url(images/referenzen_img_1.png);
margin-top:30px;
margin-left: 88px;
float: left;
}

#ref_logo2{
width: 257px;
height: 248px;
background-image: url(images/referenzen_img_2.png);
margin-top: 20px;
margin-left: 88px;
float: left;
}

#ref_icon{
background-image: url(images/referenzen_icon.png);
background-repeat: no-repeat;
float: right;
height: 117px;
width: 93px;
margin-right: 83px;
}

/*.ref_link:hover{
	color: #EE5478;
}*/


/*-------------- Projekte ----------------------*/
#content_projekte{
height: 630px;
}
#bgr_helper{
background-image: url(images/projekte_bg.png);
background-repeat: no-repeat;
background-position: top;
width: 100%;
height: 100%;
}

#heading_text_container{
width: 100%;
height: 170px;
padding-left: 39px;
padding-top: 49px;
}

#heading_text_lounge_container{
width: 100%;
height: 130px;
padding-left: 39px;
padding-top: 49px;

}








/*-------------- Loungemöbel ----------------------*/
#content_lounge{
background-image: url(images/referenzen_bg.png);
background-repeat: no-repeat;
height: 725px;
}


.lounge_gallery_table{
	float: left;
}

/*#lounge_pic_1{
float:left;
height: 100%;
}
#lounge_pic_2{
float:left;
height: 100%;
}
#lounge_pic_3{
float:left;

height: 100%;
}*/


/*  --3x-- */
.lounge_pic{  
float:left;
height: 100%;
margin-left: 35px;
margin-right: 35px;
width: 350px;
height: 303px;
display: inline-block;
cursor: hand;

}

.lounge_pic_text{
width: 250px;
}


.project_pic_text{
width: 400px;
}

#lounge_pic_1{
		background: url(images/lounge/cube_leder/cube_weiss.png);

}
#lounge_pic_2{
	background: url(images/lounge/cube_leder/cube_schwarz.png);
}
#lounge_pic_3{
	background: url(images/lounge/tisch_schwarz/tisch_schwarz_gweiss.png);
}
#lounge_pic_4{
	background: url(images/lounge/tisch_weiss/tisch_weiss_schwarz.png);
}
#lounge_pic_5{
	background: url(images/lounge/tisch_flam/tisch_holz_flam_s.png);
}

#lounge_pic_1:hover{
		background: url(images/lounge/cube_leder/cube_weiss_s.png);
}
#lounge_pic_2:hover{
		background: url(images/lounge/cube_leder/cube_schwarz_w.png);
}
#lounge_pic_3:hover{
	/*background: url(images/lounge/tisch_schwarz.png);*/
}
#lounge_pic_4:hover{
	/*background: url(images/lounge/tisch_weiss_active.png);*/
}
#lounge_pic_5:hover{
	/*background: url(images/lounge/projekte_active.jpg);*/
}


/*-------------- Contact ----------------------*/
#content_contact{
height: 430px;
}

#contact_logo{
width: 326px;
height: 330px;
background-image: url(images/kontakt_img.png);
margin-top: 34px;
margin-left: 45px;
}

#contact_text_box{
margin-top: 56px;
float:left;
margin-left: 100px;

}

/*-------------- Back ----------------------*/

#content_back{
height: 85px;
width: 1024px;
/*margin-left: 6px;*/
background-color: #212121;
background-image: url(images/footer_border.jpg);
background-repeat: repeat-x;
background-position: bottom;
}

#nav_wrapper{
color: white;
height: 40px;
}


/*--------------- Slideshow --------------------*/
#project_slideshow_container{
height: 500px;
width: 980px;
margin: auto;
overflow: hidden;
}

.arrowSpacer{
	width: 50px;
	height: 412px;
	float: left;
}


.arrow_container{
width: 30px;
height: 30px;
float:left;
margin-top: 100px;
cursor: hand;
}
#arr_left, #arrow_lng_left{
margin-right: 20px;
background: url(images/navigation/arrow_prev.png);

}
#arr_right, #arrow_lng_right{
margin-left: 20px;
background: url(images/navigation/arrow_next.png);
}

#arr_left:hover{
	background: url(images/navigation/arrow_prev_active.png);
}

#arr_right:hover{
	background: url(images/navigation/arrow_next_active.png);
}

#gallery_container{
	display: inline-block;
	float: left;
	overflow: hidden;
	width: 850px;


}

.project_pic_text{
width: 400px;
}


.gallery_pic{
float:left;
height: 100%;
margin-left: 12px;
margin-right: 12px;
width: 400px;
height: 260px;
display: inline-block;
cursor: hand;

}

#project_pic_1{
	background: url(images/gallery/eventbau.jpg);
}
#project_pic_2{
	background: url(images/gallery/objektbau.jpg);
}
#project_pic_3{
	background: url(images/gallery/setbau.jpg);
}
#project_pic_4{
	background: url(images/gallery/privat.jpg);
}
#project_pic_5{
	background: url(images/gallery/projekte.jpg);
}

#project_pic_1:hover{
	background: url(images/gallery/eventbau_active.jpg); 
}
#project_pic_2:hover{
	background: url(images/gallery/objektbau_active.jpg);
}
#project_pic_3:hover{
	background: url(images/gallery/setbau_active.jpg);
}
#project_pic_4:hover{
	background: url(images/gallery/privat_active.jpg);
}
#project_pic_5:hover{
	background: url(images/gallery/projekte_active.jpg);
}
#gallery_content_container{
	width: 3000px;
	height: 400px;
		display: inline-block;
	float: left;
}
.subheading{
	margin-top: 5px;
}
#lounge_content_container{
		width: 3000px;
	height: 480px;
		display: inline-block;
	float: left;
}

.project_pic_text{
	margin-top: 280px;
}

.lounge_slideshow{
	margin-top: 50px !important;
}


/*------------- Referenzen ----------------------*/

.reflogo{
	background-image: url(images/referenzen/eventbau.png);
	width: 150px;
	height: 150px;
	background-size: 100% !important;
	float:left;
	background-repeat: no-repeat;
}

.ref_container{
	width: 150px;
	float: left;
	height: 500px;
	margin-top: 50px;
}
#ref_container_right{
	margin-top: 120px;
}

#ref_container_left{
	margin-left: 25px;
}

#ref_circle_1{
	background-image: url(images/referenzen/eventbau.png);
}
#ref_circle_2{
	background-image: url(images/referenzen/lounge.png);
}
#ref_circle_3{
	background-image: url(images/referenzen/objektbau.png);
}
#ref_circle_4{
	background-image: url(images/referenzen/privat.png);
}
#ref_circle_5{
	background-image: url(images/referenzen/setbau.png);
}

#ref_circle_1:hover{
	background-image: url(images/referenzen/eventbau_active.png);
}
#ref_circle_2:hover{
	background-image: url(images/referenzen/lounge_active.png);
}
#ref_circle_3:hover{
	background-image: url(images/referenzen/objektbau_active.png);
}
#ref_circle_4:hover{
	background-image: url(images/referenzen/privat_active.png);
}
#ref_circle_5:hover{
	background-image: url(images/referenzen/setbau_active.png);
}

m{
	width: 50px;
	height: 10px;
	display: inline-block;
}

/*---------------------- Kontakt -----------------------*/

#personal_data{
	margin-top: 30px;
	float: left;
	margin-left: 30px;
}

.highlight_text_personal{
color: #EE5478;
font-weight: bold;
}

.contact_email{
	font-size: 24px;

}


#contact_logo_max{
width: 225px;
height: 225px;
background-image: url(images/kontakt/max.png);
margin-top: 34px;
margin-left: 45px;
background-size: 100%;
}



#contact_logo_werner{
width: 225px;
height: 225px;
background-image: url(images/kontakt/werner.png);
margin-top: 34px;
margin-left: 45px;
background-size: 100%;
}
.spacer{
	width: 15px;
	height: 10px;
	display: inline-block;
}


/*-------------- Simple Modal ---------------------*/

#imprint_content {display:none;}

/* Overlay */
#simplemodal-overlay {background-color:#000;}

/* Container */
#simplemodal-container {height:320px; width:700px; color:#bbb; background-color:#333; border:4px solid #444; padding:12px;}
#simplemodal-container .simplemodal-data {padding:8px;}
#simplemodal-container code {background:#141414; border-left:3px solid #65B43D; color:#bbb; display:block; font-size:12px; margin-bottom:12px; padding:4px 6px 6px;}
#simplemodal-container a {color:#ddd;}
#simplemodal-container a.modalCloseImg {background:url(images/x.png) no-repeat; width:25px; height:29px; display:inline; z-index:3200; position:absolute; top:-15px; right:-16px; cursor:pointer;}
#imprint_content li{
	list-style-type: none;
}
#imprint_content ul{
	padding: 0px;
}

#imprint_content h4{
margin-top: 5px;
margin-bottom: 5px;
color: #AAA;
font-size: 14px;
font-weight: 400;

}

#imprint_content h5{
font-size: 12px;
font-weight: 400;
color: #DDD;
margin-bottom: 12px;
}

#imprint_content h3{
color: #EEE;
font-family: Sans-serif;
font-size: 18px;
font-weight: bold;
margin-bottom: 10px;
margin-top: 0px;
}