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


html, body{
							height:100%;
	}

body{
	text-align:center;
	width:100%;
	margin:0px;
	padding:0px;
	background-repeat:no-repeat;
	background-position:center center;
	
}

#body_home, #body_aktuelles, #body_besetzung, #body_erfahrung, #body_impressum, #body_jobs, #body_kontakt, #body_leistung, #body_links, #body_markenintelligenz{
	background-position:center;
	background-repeat:no-repeat;
	background-attachment:fixed;
}

#body_home{background-image:url(../nessbach_pic/hg/hg-nessbach-home_kl.jpg); background-color:#BD6A63;}
#body_aktuelles{background-image:url(../nessbach_pic/hg/hg-nessbach-aktuelles_kl.jpg); background-color:#70324B;}
#body_besetzung{background-image:url(../nessbach_pic/hg/hg-nessbach-besetzung_kl.jpg); background-color:#CDB670; }
#body_erfahrung{background-image:url(../nessbach_pic/hg/hg-nessbach-erfahrung_kl.jpg); background-color:#8D6458;}
#body_impressum{background-image:url(../nessbach_pic/hg/hg-nessbach-impressum_kl.jpg); background-color:#C6391B;}
#body_jobs{background-image:url(../nessbach_pic/hg/hg-nessbach-jobs_kl.jpg); background-color:#6E829D;}
#body_kontakt{background-image:url(../nessbach_pic/hg/hg-nessbach-kontakt_kl.jpg); background-color:#AC9771;}
#body_leistung{background-image:url(../nessbach_pic/hg/hg-nessbach-leistung_kl.jpg); background-color:#7A7170;}
#body_links{background-image:url(../nessbach_pic/hg/hg-nessbach-links_kl.jpg); background-color:#C05557;}
#body_markenintelligenz{background-image:url(../nessbach_pic/hg/hg-nessbach-markenintelligenz_kl.jpg); background-color:#8EACBB;}


/*+++++++++ HINTERGRUND +++++++++*/
#bg-focus {
	left:0;
	position:absolute;
	top:0;
	width:100%;
	height:auto;
	z-index:0;
	visibility:hidden;
	
}

#distance {
	width:1px;
	height:50%;
	margin-bottom:-290px; /* half of container's height */
	float:left;
}

#page{
	
				margin:auto;
				position:relative; /* puts container in front of distance */
				text-align:left;
	width:960px;
	height:580px;
				clear:left;

	}
	
#header{
	position:relative;
	margin-top:0px;
	width:100%;
	height:156px;
	background-color:#FFF;
	z-index:1;
	}
	
#header div#branding{
	position:relative;
	margin-right:auto;
	margin-left:auto;
	text-align:left;
	width:960px;
	height:120px;
	top:29px;
	}
	
#header div#branding img#logo{
	display:block;
	position:relative;
	margin-left:542px;
	border:none;
	}
	
#header div#branding img#slogan{
		display:block;
	position:relative;
	top:29px;
	
	margin-left:623px;
	

	}

/*++++++++++ NAVIGATION +++++++++++++++*/
#navi{
	margin:0px;
	padding:0px;
	margin-top:28px;
	margin-bottom:20px;
						margin-left:30px;
	}
	
#navi ul{
	margin:0px;
	padding:0px;
	width:800px;
	height:30px;
}
	
#navi ul li{
	margin:0px;
	padding:0px;
	list-style:none;
	display:inline;

	
}

#navi li a{
	display:block;
	float:left;
	width:143px;
	height:28px;
	margin-right:7px;
	cursor:pointer;
}
	
#navi li a span{
	display:none;
}

/*---- Markenintelligenz ----*/

#navi li#markenintelligenz a{
	background-image:url(../nessbach_navi/navi_markenintelligenz_off.png);
	background-repeat:no-repeat;
}

#navi li#markenintelligenz a:hover{
	background-image:url(../nessbach_navi/navi_markenintelligenz_roll.png);
	background-repeat:no-repeat;
}	

#navi li#markenintelligenz a.aktiv{
	background-image:url(../nessbach_navi/navi_markenintelligenz_on.png);
	background-repeat:no-repeat;
}

/*---- Leistungen ----*/	
#navi li#leistung a{
	background-image:url(../nessbach_navi/navi_leistung_off.png);
	background-repeat:no-repeat;
}

#navi li#leistung a:hover{
	background-image:url(../nessbach_navi/navi_leistung_roll.png);
	background-repeat:no-repeat;
}	

#navi li#leistung a.aktiv{
	background-image:url(../nessbach_navi/navi_leistung_on.png);
	background-repeat:no-repeat;
}


/*---- Erfahrung ----*/

#navi li#erfahrung a{
	background-image:url(../nessbach_navi/navi_erfahrung_off.png);
	background-repeat:no-repeat;
}

#navi li#erfahrung a:hover{
	background-image:url(../nessbach_navi/navi_erfahrung_roll.png);
	background-repeat:no-repeat;
}	

#navi li#erfahrung a.aktiv{
	background-image:url(../nessbach_navi/navi_erfahrung_on.png);
	background-repeat:no-repeat;
}

/*---- Besetzung ----*/

#navi li#besetzung a{
	background-image:url(../nessbach_navi/navi_besetzung_off.png);
	background-repeat:no-repeat;
}

#navi li#besetzung a:hover{
	background-image:url(../nessbach_navi/navi_besetzung_roll.png);
	background-repeat:no-repeat;
}	

#navi li#besetzung a.aktiv{
	background-image:url(../nessbach_navi/navi_besetzung_on.png);
	background-repeat:no-repeat;
}

/*-------------------------------------------*/
/*----------- SUBNAVIGATION  ----------------*/
/*-------------------------------------------*/

#subnavi{
	position:absolute;
	margin:0px;
	padding:0px;
	top:58px;
	left:30px;
}
	
#subnavi ul{
	margin:0px;
	padding:0px;
	width:60px;
	height:60px;
}
	
#subnavi ul li{
	margin:0px;
	padding:0px;
	height:10px;
	list-style:none;
	display:inline;
}

#subnavi li a{
	margin:0px;
	padding:0px;
	display:block;
	height:15px;
	width:50px;
	margin-right:0px;
	border:none;
}
	
#subnavi li a span{
	display:none;
}

/*---- Aktuelles ----*/

#subnavi li#sub_aktuelles a{
	background-image:url(../nessbach_navi/sub_aktuelles_off.gif);
	background-repeat:no-repeat;
}

#subnavi li#sub_aktuelles a:hover, #subnavi li#sub_aktuelles a.aktiv{
	background-image:url(../nessbach_navi/sub_aktuelles_on.gif);
	background-repeat:no-repeat;
}	

/*---- Links ----*/	
#subnavi li#sub_links a{
	background-image:url(../nessbach_navi/sub_links_off.gif);
	background-repeat:no-repeat;
}

#subnavi li#sub_links a:hover, #subnavi li#sub_links a.aktiv{
	background-image:url(../nessbach_navi/sub_links_on.gif);
	background-repeat:no-repeat;
}	

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

#subnavi li#sub_kontakt a{
	background-image:url(../nessbach_navi/sub_kontakt_off.gif);
	background-repeat:no-repeat;
}

#subnavi li#sub_kontakt a:hover, #subnavi li#sub_kontakt a.aktiv{
	background-image:url(../nessbach_navi/sub_kontakt_on.gif);
	background-repeat:no-repeat;
}	

/*---- Jobs ----*/

#subnavi li#sub_jobs a{
	background-image:url(../nessbach_navi/sub_jobs_off.gif);
	background-repeat:no-repeat;
}

#subnavi li#sub_jobs a:hover, #subnavi li#sub_jobs a.aktiv{
	background-image:url(../nessbach_navi/sub_jobs_on.gif);
	background-repeat:no-repeat;
}	

/*---- Impressum ----*/



#sub_impressum{

	position:relative;
	top:30px;
	margin-right:auto;
	margin-left:auto;
	text-align:left;
	width:960px;
	height:12px;
	}

#sub_impressum a{
	background-image:url(../nessbach_navi/sub_impressum_off.png);
	background-repeat:no-repeat;
	margin:0px;
	padding:0px;
	display:block;
	height:15px;
	width:60px;
	margin-right:0px;
	margin-left:30px;
	border:none;
}

#sub_impressum a:hover, div#sub_impressum a.aktiv{
	background-image:url(../nessbach_navi/sub_impressum_on.png);
	background-repeat:no-repeat;
}

#sub_impressum a span{
	display:none;
}

/*---- Blaetternavi ----*/
.blaetternavi{
	position:relative;
	left:30px;
	}

.blaetternavi span#zurueck{
	position:absolute;
	left:0px;

}

.blaetternavi span#uebersicht{
	position:absolute;
	left:205px;
}

.blaetternavi span#weiter{
	position:absolute;
	left:402px;
}


/*-------------------------------------------*/	
/*+++++++++++++++ CONTENT +++++++++++++*/
/*-------------------------------------------*/
#content{
	margin-left:30px;
	background-image:none;
	
	}
	
#content div {

	}

/*+++++++++++ ALLGEMEINE FORMATE +++++++++++++*/	
.inhalt_2_left, 
.inhalt_2_left_txt_ref,
.inhalt_2_left_txt_mit,
.slideshow
{
	/*Gesamtbreite inkl. padding: 293px*/
	background-image:url(../nessbach_pic/weiss-50.png);
	position:relative;
	width:273px;
	float:left;
	height:auto;
	margin:0px;
	margin-right:7px;
	margin-bottom:7px;
	padding:2px 10px;
	text-align:left;
	color:#000;
	}

.inhalt_2_center{
	background-image:url(../nessbach_pic/weiss-50.png);
	width:273px;
	clear:both;
	height:auto;
	margin:0px;
	margin-right:7px;
	margin-bottom:7px;
	margin-left:150px;
	padding:2px 10px;
	text-align:left;
	color:#000;
	
	}

.inhalt_2_right{
	background-image:url(../nessbach_pic/weiss-50.png);
	width:273px;
	clear:both;
	height:auto;
	margin:0px;
	margin-right:7px;
	margin-bottom:7px;
	margin-left:300px;
	padding:2px 10px;
	text-align:left;
	color:#000;
	}

.inhalt_2_right_out{}

.inhalt_3_left,
.inhalt_3_left_txt_kontakt{
	background-image:url(../nessbach_pic/weiss-50.png);
	width:423px;
	clear:both;
	height:auto;
	margin:0px;
	margin-right:7px;
	margin-bottom:7px;
	padding:2px 10px;
	text-align:left;
	color:#000;
	}

.inhalt_3_right{
	background-image:url(../nessbach_pic/weiss-50.png);
	width:423px;
	clear:both;
	height:auto;
	margin:0px;
	margin-right:7px;
	margin-bottom:7px;
	margin-left:150px;
	padding:2px 10px;
	text-align:left;
	color:#000;
	}
	
.inhalt_4_left{
	background-image:url(../nessbach_pic/weiss-50.png);
	width:573px;
	clear:both;
	height:auto;
	margin:0px;
	margin-right:7px;
	margin-bottom:7px;
	padding:2px 10px;
	text-align:left;
	color:#000;
	}

div#content div.container_4_out{
	background-image:none;
	position:relative;
	width:750px;
	height:auto;
	clear:both;
	margin:0px;
	margin-right:7px;
	margin-bottom:7px;
	margin-left:150px;
	text-align:left;
	color:#000;
	}
	
/*+++++++++++ ERFAHRUNG +++++++++++++*/	
.inhalt_2_left_txt_ref{
	background-image:url(../nessbach_pic/weiss-50.png);
	height:205px; /* bei Schriftgöße 11px */
	/*height:193px;  bei Schriftgöße 10px */
	}

.slideshow{
	/*Gesamtbreite inkl. padding: 293px*/
	background-image:none;
	background-color:#FFF;
	height:205px; /* bei Schriftgöße 11px */
	/*height:193px;  bei Schriftgöße 10px */
	overflow:hidden;
	}

/*+++++++++++ BESETZUNG +++++++++++++*/
.inhalt_2_left_txt_mit{
	background-image:url(../nessbach_pic/weiss-50.png);
	height:193px; /*-4*/
	}

.mittarbeiter_slide{
	/*Gesamtbreite inkl. padding: 293px*/
	background-image:none;
	background-color:#FFF;
	height:197px;
	width:293px;
	overflow:hidden;
	}
	

/*+++++++++++ KONTAKT +++++++++++++*/

	.inhalt_3_left_txt_kontakt{
	background-image:url(../nessbach_pic/weiss-50.png);
	height:270px; 
	}

#kontakt_google_map{
	/*Gesamtbreite inkl. padding: 293px*/

	position:absolute;
	top:234px;
	left:480px;
	background-image:none;
	background-color:#FFF;
	height:274px;
	width:450px;
	overflow:hidden;
	}

/*++++++ LISTE Aufzählung +++++++++*/

ul.pfeil{
	margin:0px;
	padding:0px;
	list-style:none;
	list-style-position:outside;	
}

ul.pfeil li{
	margin:5px 0px;
	padding:0 0 0 80px;
	background: url(../nessbach_pic/aufzaehlungpfeil.png) no-repeat;
	background-repeat:no-repeat;
	background-position:0px 2px;
}

/*++++++ LISTE Aufzählung AKTUELLES +++++++++*/
ul.datum{
	line-height:15px;
	width:450px;
	width:280px;
	margin:0px;
	padding:0 0 0 70px;
	list-style:none;
}

ul.datum li{
	text-indent:-68px;
	margin:8px 0px 0 0;
}

/*Notwendig für IE6 im Zusammenhang mit dem transparenten PNG*/
ul.datum li a{
	position:relative;
	font-weight:bold;
	}


/*+++++++++++++++++LISTE Zwei Spalten +++++++++++++++++*/

	
ul.spalte{
	width:200px;
	margin:0px;
	padding:0px;
	margin-left:10px;
	list-style:disc;
}

ul.spalte li{
	margin:0px;
	margin-top:0px;
	padding:0px;
	list-style-position:inside;
}

/* LISTE Zwei Spalten Links
+++++++++++++++++++++++++++++++++++++++++++++++++++++*/

ul.spalte_link01{
	width:270px;
	margin:0px;
	padding:0px;
	margin-left:10px;
	list-style:none;
}

ul.spalte_link02{
	width:300px;
	margin:0px;
	padding:0px;
	margin-left:10px;
	list-style:none;
}

ul.spalte_link01 li, ul.spalte_link02 li{
	margin:0px;
	margin-top:0px;
	padding:0px;
	list-style-position:inside;
}



/*+++++++++++++++ TABELLE 2 SPALTEN CONTAINER 3 Impressum*/

td.tab_3_2_spalten_left p{
	width:210px;
}

td.tab_3_2_spalten_right p{
	margin-left:10px;
	width:200px;
	}


/*+++++++++++++++ TABELLE 2 SPALTEN CONTAINER 4 Impressum*/

td.tab_4_2_spalten_left p{
	width:280px;
}

td.tab_4_2_spalten_right p{
	margin-left:10px;
	width:260px;
	}

/*++++++++++++++++++ TEXTFORMATE ++++++++++++++++++++*/
/*################# SCHRIFTGRÖSSEN #################*/

/* Zentrales Ausblenden der Outline */
body, table{
	font-family: Helvetica, Arial, sans-serif;
	font-family:Verdana, Geneva, sans-serif;
	font-size:11px;
	line-height:15px;
	}
p{
	margin-bottom:10px;
	}
	
strong{
	font-weight:bold;
	}


a{
	outline:none;
	text-decoration:none;
	color:#666;
}

a:hover{
	color:#000;
}



a img {
	border:none;
	}


h1{
	/*font-size:13px;*/
	font-size:12px;
	font-weight:bold;
	margin:15px 0px 5px 0px;
}

h1 img{
	/*font-size:13px;*/
	margin:0px;
	padding:0px;
	
}

h2{
	/*font-size:12px;*/
	font-size:11px;
	font-weight:bold;
	margin:10px 0px 5px 0px;
	
}

h3{}

span.fontNormal{
	font-weight:normal;
}

div.mittarbeiter p{
	font-size:10px;
}

#content ul{
	margin-bottom:10px;
	}
#content li{}

/*+++++++++ CLEARING ++++++++++*/

.clearfix:after{
	content:".";
	display:block;
	height:0;
	clear:both;
	visibility:hidden;
}
.clearfix{display:inline-table;}
/*Backslash-Hack zum Verbergen vor IE Mac \*/
* html .clearfix{height: 1%;}
.clearfix{display:block;}
/*Ende Backslash-Hacks */