*{
	/*font-family: "Times New Roman", Times, serif;*/
	font-family: "Swift W01 Regular";
	font-size:12px;
	color:#000000;
}
body{
	margin:0;
	padding:0;
	overflow:auto;
	/*background:url(http://www.buerohaeberli.ch/_files/images/BH_Webseite_Background_1.jpg) top no-repeat;*/
	}
#page{
	position:absolute;
	margin:0;
	padding:10px;
	margin-top:20px;
	z-index:200;
	width:1006px;
	height:697px;
	background:url(http://www.buerohaeberli.ch/_files/images/backroundborder.png) top no-repeat;
}
#page_left{
	position:absolute;
	margin:0;
	padding:10px;
	margin-top:20px;
	z-index:200;
	width:1006px;
	height:697px;
	background:url(http://www.buerohaeberli.ch/_files/images/backroundborder_left.png) top no-repeat;
}
#content{
	margin:auto;
	padding:0;
	width:1016px;
	/*height:1007px;*/
}
#background{
	margin:0;
	padding:0;
	position:absolute;
	z-index:100;
	min-height:740px;
	height:100%;
	overflow:hidden;
	background-color:#000000;
	/*top:0;
	left:0;*/
	/*overflow:hidden;*/
}
.transparent_back{
/*	opacity:0.2;
	background:#000000;
	-moz-opacity:.20;
	filter:alpha(opacity=20);
	opacity:.20;*/
	filter:alpha(opacity=20);
	-moz-opacity:0.2;
	-khtml-opacity: 0.2;
	opacity: 0.2;
}
#left_col{
	float:left;
	margin-left:13px;
}
#header{
	/*background-color:#ffffff;*/
	width:480px;
	height:90px;
}
.metacont{
	padding:25px 0 25px 10px;
	width:460px;
}
.transparent {
	filter:alpha(opacity=0);
	-moz-opacity:0;
	-khtml-opacity: 0;
	opacity: 0;
}
.notransparent {
	filter:alpha(opacity=100);
	-moz-opacity:1;
	-khtml-opacity: 1;
	opacity: 1;
}
#navigation{
	margin-top:8px;
	padding:10px 15px 0 15px;
	width:450px;
	height:561px;
	/*background-color:#ffffff;*/
}
#navigation_border{
	margin:18px 15px 0 15px;
	width:450px;
	height:536px;
	border-bottom:#000000 1px solid;
}
#top_navigation{
	border-bottom:#000000 1px solid;
	margin:0;
	padding-bottom:7px;
	text-align:center;
}
.top_nav{
	font-weight:bold;
	font-size:16px;
}
#projects{
	margin-left:15px;
	margin-right:8px;
	width:490px;
	height:629px;
	/*background-color:#ffffff;*/
	float:right;
	overflow:hidden;
	position:relative;
}
#scrollLinks2{
	margin-left:515px;
	width:475px;
	height:15px;
}
#scrollLinks3{
	margin-left:515px;
	width:475px;
	height:15px;
	margin-top:629px;
}
.nav{
	/*background-color:#000000;*/
	/*color:#ffffff;*/
	font-weight:bold;
	font-size:16px;
	height:15px;
	float:left;
	margin:0;
	padding:0 0 8px 0;
	line-height:19px;
}
.active_border_bottom{
	border-bottom:#000000 1px solid;
	clear:both;
}
.border_bottom{
	border-bottom:#d1d1d1 1px solid;
}
.shaddow:hover .border_bottom{
	border-bottom:#000000 1px solid;
}
.shaddow:hover .nav_container{
	border-bottom:#000000 1px solid;
}
.shaddow_left:hover .border_bottom{
	border-bottom:#000000 1px solid;
}
.shaddow_left:hover .nav_container{
	border-bottom:#000000 1px solid;
}
.shaddow_right:hover .border_bottom{
	border-bottom:#000000 1px solid;
}
.shaddow_right:hover .nav_container{
	border-bottom:#000000 1px solid;
}
.active_border_top{
	border-top:#000000 1px solid;
}
.border_top{
	border-top:#d1d1d1 1px solid;
}
.shaddow:hover .border_top{
	border-top:#000000 1px solid;
}
.nav h3{
	color:#d1d1d1;
}
.nav_container{
	position:relative;
	float:left;
	height:506px;
}
.nav_container_clients{
	position:relative;
	float:left;
	height:506px;
}
.link{
	margin:0;
	padding:0 0 0 0;
	width:106px;
	line-height:16px;
}
.link_selected{
	margin:0;
	padding:0 0 0 9px;
	text-decoration:underline;
}
.nav_sub{
	padding-top:0px;
	color:#7d7c7c;
	padding-bottom:2px;
	margin-top:10px;
}
.nav_sub_selected{
	font-weight:bold;
	text-decoration:underline;
	position:absolute;
	padding-top:30px;
	padding-left:0px;
	padding-bottom:0;
}
.nav_sub_notselected{
	padding-top:30px;
	padding-left:0px;
	padding-bottom:0;
	color:#7d7c7c;
}
.shaddow{
	position:absolute;
	height:535px;
}
.shaddow:hover{
	background:url(http://www.buerohaeberli.ch/_files/images/shaddowmiddle.png) left repeat-y;
}
.shaddow div div a{
	color:#d1d1d1;
}
.shaddow:hover div div a{
	color:#000000;
}
.shaddow:hover div div a:visited{
	color:#555555;
}
.shaddow div div a:hover{
	color:#00d39a;
}
.active div div a:visited{
	color:#555555;
}
.shaddow:hover div div h3{
	color:#00d39a;
}
.shaddow_right{
	position:absolute;
	height:535px;
}
.shaddow_right:hover{
	background:url(http://www.buerohaeberli.ch/_files/images/shaddowmiddle_right.png) left repeat-y;
}
.shaddow_right div div a{
	color:#d1d1d1;
}
.shaddow_right:hover div div a{
	color:#000000;
}
.shaddow_right:hover div div a:visited{
	color:#555555;
}
.shaddow_right div div a:hover{
	color:#00d39a;
}
.shaddow_right:hover div div h3{
	color:#00d39a;
}
.shaddow_left{
	position:absolute;
	height:535px;
}
.shaddow_left:hover{
	background:url(http://www.buerohaeberli.ch/_files/images/shaddowmiddle_left.png) left repeat-y;
}
.shaddow_left div div a{
	color:#d1d1d1;
}
.shaddow_left:hover div div a{
	color:#000000;
}
.shaddow_left:hover div div a:visited{
	color:#555555;
}
.shaddow_left div div a:hover{
	color:#00d39a;
}
.shaddow_left:hover div div h3{
	color:#00d39a;
}
.active_bg {
	background:url(http://www.buerohaeberli.ch/_files/images/shaddowmiddle.png) left repeat-y;
}
.active_bg_left {
	background:url(http://www.buerohaeberli.ch/_files/images/shaddowmiddle_left.png) left repeat-y;
}
.active_bg_right {
	background:url(http://www.buerohaeberli.ch/_files/images/shaddowmiddle_right.png) left repeat-y;
}
.active div div a{
	color:#000000;	
}
.active div div h3{
	color:#00d39a;	
}
.active {
	color:#00d39a;	
}
.active_nav_pfeil_l{
	background:url(http://www.buerohaeberli.ch/_files/images/nav_inner_up.png) left repeat-y;
}
.active_nav_pfeil_r{
	background:url(http://www.buerohaeberli.ch/_files/images/nav_inner_down.png) left repeat-y;
}
.nav_pfeil_l{
	background:url(http://www.buerohaeberli.ch/_files/images/nav_inner_up_g.png) left repeat-y;
}
.shaddow:hover .nav_pfeil_l{
	background:url(http://www.buerohaeberli.ch/_files/images/nav_inner_up.png) left repeat-y;
}
.nav_pfeil_r{
	background:url(http://www.buerohaeberli.ch/_files/images/nav_inner_down_g.png) left repeat-y;
}
.shaddow:hover .nav_pfeil_r{
	background:url(http://www.buerohaeberli.ch/_files/images/nav_inner_down.png) left repeat-y;
}
#titel{
	margin: 5px 0 0 0;
	padding:3px 0 0 0;
}
.titelspacer{
	background:url(http://www.buerohaeberli.ch/_files/images/navispacer.png) left no-repeat;
	margin:0;
	padding:0;
	width:23px;
	height:15px;
	margin:0 0 0 0;
	/*
	text-align:center;
	padding:0 15px 0 16px;*/
}
.titelspacer_short{
	background:url(http://www.buerohaeberli.ch/_files/images/navispacer_short.png) left no-repeat;
	margin:0;
	padding:0;
	width:11px;
	height:15px;
	margin-left:3px;
	/*
	text-align:center;
	padding:0 15px 0 16px;*/
}
.left{
	float:left;
}
.right{
	float:right;
}
h1{
	font-family:"Swift W01 Bold";
	font-size:40px;
	font-weight:normal;
	letter-spacing:1px;
	margin:0;
	padding:0 0 3px 14px;
}
h2{
	font-family:"Swift W01 Regular";
	font-weight:normal;
	font-size:18px;
	letter-spacing:1px;
	margin:0;
	padding:0 0 10px 15px;
}
h3{
	font-weight:normal;
	font-size:13px;
	margin:0;
	padding:0;
	letter-spacing:2px;
	display: inline;
}
.pointer{
	cursor:pointer;	
}
a,
a:link,
a:visited,
a:active {
	text-decoration:none;
}
a:hover,
a h1:hover,
a h2:hover,
a h3:hover {
	color:#00d39a;
}
a div.highlight_container:hover > .highlight{
	color:#00d39a;
}
a div.news_container:hover > div.news .highlight{
	color:#00d39a;
}
a img{
	border:none;
}
.icons{
	margin:15px 10px 5px 10px;
}
#proj{
	position:absolute;
	z-index:1000;
	top:30px;
	left:150px;
	width:723px;
}
#projekt{
	width:723px;
	height:560px;
	padding:0;
	margin:0;
	/*background:#00FF00;*/
	background:url(http://www.buerohaeberli.ch/_files/images/shaddowmiddle_800.png) left repeat-y;
}
#projekt_legende{
	width:723px;
	height:75px;
}
#projekt_legende_bottom{
	width:723px;
	height:30px;
	/*background-color:#ff0000;*/
	background:url(http://www.buerohaeberli.ch/_files/images/shaddowbottom_800.png) bottom no-repeat;
}
#projekt_legende_inner{
	height:75px;
	margin:0 27px 27px 27px;
	padding:0;
	background-color:#000000;
	color:#ffffff;
}
#projekt_legende_inner_1{
	font-family:Verdana, Geneva, Arial, Helvetica, sans-serif;
	font-size:11px;
	line-height:14px;
	float:left;
	width:310px;
	height:60px;
	padding-top:5px;
	margin:5px 5px 5px 10px;
	color:#ffffff;
}
#projekt_legende_inner_2{
	font-family:Verdana, Geneva, Arial, Helvetica, sans-serif;
	font-size:11px;
	line-height:14px;
	float:left;
	width:330px;
	height:60px;
	padding-top:5px;
	padding-right:0;
	margin:5px 5px 5px 5px;
	color:#ffffff;
}
#projekt_legende_inner_2 strong{
	font-family:Verdana, Geneva, Arial, Helvetica, sans-serif;
	font-size:11px;
	line-height:14px;
	color:#ffffff;
}
#projekt_legende_inner_2 a{
	color:#ffffff;
	font-family:Verdana, Geneva, Arial, Helvetica, sans-serif;
	font-size:11px;
	line-height:14px;
}
#projekt_legende_inner_2 a:hover{
	color:#00d39a;
}
#projekt_legende_inner_3{
	float:left;
	width:70px;
	height:45px;
	padding-top:5px;
	margin:5px 10px 0 5px;
	color:#ffffff;
}
#projekt_legende_inner_4{
	text-align:right;
	float:right;
	width:70px;
	height:10px;
	margin:0 10px 0 5px;
	color:#ffffff;
}
/*
#pf_l_2_img{
	background:url(http://www.buerohaeberli.ch/_files/images/pfeil_links_2.png) top left no-repeat;
}
#pf_r_2_img{
	background:url(http://www.buerohaeberli.ch/_files/images/pfeil_rechts_2.png) top left no-repeat;
}
#pf_l_img{
	background:url(http://www.buerohaeberli.ch/_files/images/pfeil_links.png) top left no-repeat;
}
#pf_r_img{
	background:url(http://www.buerohaeberli.ch/_files/images/pfeil_rechts.png) top left no-repeat;
}*/
.pfeil_l{
	position:absolute;
	height:485px;
	width:333px;
	margin:0;
	padding:0;
	top:25px;
	left:27px;
	cursor:pointer;
}
.pfeil_l_img{
	position:absolute;
	height:55px;
	width:65px;
	margin:0;
	padding:0;
	top:230px;
	left:27px;
}
.pfeil_l_2{
	position:absolute;
	height:485px;
	width:333px;
	margin:0;
	padding:0;
	top:25px;
	left:27px;
	cursor:pointer;
}
.pfeil_l_2_img{
	position:absolute;
	height:55px;
	width:70px;
	margin:0;
	padding:0;
	top:230px;
	left:27px;
}
.pfeil_r{
	position:absolute;
	height:485px;
	width:333px;
	margin:0;
	padding:0;
	top:25px;
	right:27px;
	cursor:pointer;
}
.pfeil_r_img{
	position:absolute;
	height:55px;
	width:65px;
	margin:0;
	padding:0;
	top:230px;
	right:27px;
}
.pfeil_r_2{
	position:absolute;
	height:485px;
	width:333px;
	margin:0;
	padding:0;
	top:25px;
	right:27px;
	cursor:pointer;
}
.pfeil_r_2_img{
	position:absolute;
	height:55px;
	width:65px;
	margin:0;
	padding:0;
	top:230px;
	right:27px;
}
#projekt_bild{
	width:723px;
	height:485px;
}
#projekt_bild_top{
	width:723px;
	height:25px;
	background:url(http://www.buerohaeberli.ch/_files/images/shaddowtop_800.png) top no-repeat;
}
#projekt_bild_inner{
	color:#000000;
	padding:0 27px 0 27px;
	height:485px;
}
.img_orig{
	text-align:center;
}
#close{
	position:absolute;
	height:12px;
	width:12px;
	margin:0;
	padding:0;
	top:32px;
	right:35px;
	cursor:pointer;
}
#closelayer{
	position:absolute;
	z-index:999;
	height:679px;
	width:980px;
	top:5px;
	left:23px;
	/*background:#000000;
	opacity:0.2;*/
	background:url(http://www.buerohaeberli.ch/_files/images/closelayer.png) top no-repeat;
}
.news{
	width:312px;
	float:left;
}
.boldfont {
	font-family:"Swift W01 Bold";
}
/* Nicolas */
.titel {
	font-family:"Swift W01 Bold";
	font-size: 28px;
	/*font-weight: bold;*/
}
.headline {
	font-family:"Swift W01 Regular";
	font-size: 19px;
	color: #000000;
}
.text {
	font-size: 14px;
	padding-top:5px;
}