/*-- HP-DEVELOPMENTS        --*/
/*-- 29. Juli 2005		 	 --*/
/*-- morepixel.com		    --*/
/*-- Lars Reichelt 		    --*/	
/*-- reichelt@morepixel.com --*/	

/*-- Body--*/

body {
	background:#B1B1B1 url(img/hintergrund.jpg) repeat-x;
/*	background-attachment: fixed;	*/
	font-family: Verdana; 
	font-size: 11px; 
}

.langSelect {
	float:left;
}
.langSelect label {
	float: left;
	font-size: 10px;
	margin:3px 0px 0px 5px;
}
.langSelect select {
	float:left;
	width:120px;
	font-size: 11px;
	margin:3px 0px 0px 5px;
}
table {
	font-family: Verdana; 
	font-size: 11px; 
}
.container { 
	text-align: center;
	width: 100%;	
}
#kasten{
	margin-left: auto;
	margin-right: auto;
	width: 700px;
}
.left {
	position:relative;
	float : left;		
	width: 130px;
	margin: 1px 0px 0px 0px;	
	padding: 0px 0px 0px 0px;	
}
.hp-body {
	position:relative;
	float : left;
	text-align: left;
	width: 538px;
	margin: 0px 0px 0px 0px;	
	padding: 0px 0px 0px 10px;	
}
.fla {
	position:relative;
	float : left;		
	width: 538px;
	margin: 0px 0px 0px 0px;	
	padding: 0px 0px 0px 0px;		
}
.text {
	position:relative;
	float : left;		
	width: 543px;
	background-color: #fff;
	margin: 0px 0px 0px 0px;	
	padding: 0px 0px 0px 0px;
	background:#fff url(img/text_rechts_lang.gif) repeat-y;
}
.text_footer {
	margin: 0px 0px 0px 0px;	
	padding: 0px 0px 0px 0px;
	width: 543px;
	position:relative;
	float : left;		
	background:#fff url(img/text_unten.gif) no-repeat;	
}
.text_footer_tief {
	margin: 0px 0px 0px 0px;	
	padding: 0px 0px 0px 0px;
	width: 543px;
	position:relative;
	float : left;		
	background:#fff url(img/text_unten_tief.gif) repeat-x;
}
/* HEADER */
#h_leistungsangebot {	
	background:#fff url(img/headers/leistungsangebot.jpg) no-repeat; 
	width:121px; 
	height:21px;
	position:relative;
	float : left;	
	margin: 5px 0px 0px 2px;	
	padding: 0px 0px 0px 0px;		
}
#h_empfang {	
	background:#fff url(img/headers/empfang.jpg) no-repeat; 
	width:121px; 
	height:21px;
	position:relative;
	float : left;	
	margin: 5px 0px 0px 2px;	
	padding: 0px 0px 0px 0px;		
}
#h_dasteam {	
	background:#fff url(img/headers/team.jpg) no-repeat; 
	width:121px; 
	height:21px;
	position:relative;
	float : left;	
	margin: 5px 0px 0px 2px;	
	padding: 0px 0px 0px 0px;		
}
#h_projekte {	
	background:#fff url(img/headers/projekte.jpg) no-repeat; 
	width:121px; 
	height:21px;
	position:relative;
	float : left;	
	margin: 5px 0px 0px 2px;	
	padding: 0px 0px 0px 0px;		
}
#h_philosophie {	
	background:#fff url(img/headers/philosophie.jpg) no-repeat; 
	width:121px; 
	height:21px;
	position:relative;
	float : left;	
	margin: 5px 0px 0px 2px;	
	padding: 0px 0px 0px 0px;		
}
#h_diashow {	
	background:#fff url(img/headers/diashow.jpg) no-repeat; 
	width:121px; 
	height:21px;
	position:relative;
	float : left;	
	margin: 5px 0px 0px 2px;	
	padding: 0px 0px 0px 0px;		
}
#h_kontakt {	
	background:#fff url(img/headers/kontakt.jpg) no-repeat; 
	width:121px; 
	height:21px;
	position:relative;
	float : left;	
	margin: 5px 0px 0px 2px;	
	padding: 0px 0px 0px 0px;		
}
/* HEADER */

.inhalt {
	clear: both;
	position:relative;
	width: 535px;
	float : left;	
	margin: 0px 0px 0px 0px;	
	padding: 7px 0px 0px 25px;			
	font-family: Verdana, Geneva, Arial, Helvetica, sans-serif;
	font-size: 11px;
}
.inhalt_rand {
	width: 505px;
	margin: 0px 0px 0px 0px;		
}
.portal_teaser {
	width: 134px;
	font-size: 10px;	
}

/* NAVIGATION */
.navi {
	position:relative;
	float : left;	
	background:#fff url(img/navigation.jpg) no-repeat;
	width: 100%;
	height: 354px;
	margin: 0px 0px 0px 0px;	
	padding: 0px 0px 0px 0px;
}
.naviLeft {
	position:relative;
	margin: 0px;
	list-style: none;
	top: 0px;
	left: 0px;
	width: 100%;
	float: left;
	color: Black;
	padding: 10px 0px 0px 0px;
	}
.naviLeft li {
	list-style: none;
	position:relative;
	float: left;
	left: 0px;
	border-left: 0px solid #fff;
	padding: 0px 0px 0px 0px;
	margin: 0px 0px 0px 0px;
	color: White;
	}
.navibutton {
	position:relative;
	float: left;
	padding: 0px 0px 0px 0px;
	margin: 0px 0px 0px 6px;	
	width: 118px;
	height: 22px;
}
.subnavibutton {
	position:relative;
	float: left;
	padding: 0px 0px 0px 0px;
	margin: 0px 0px 0px 6px;	
	width: 118px;
	height: 15px;
}
a#empfang {	background:#fff url(img/empfang.gif) no-repeat;}
a:hover#empfang {background:#fff url(img/empfang_akt.gif) no-repeat;}
#empfang_akt {background:#fff url(img/empfang_akt.gif) no-repeat;}

a#leistungsangebot {	background:#fff url(img/leistungsangebot.gif) no-repeat;}
a:hover#leistungsangebot {	background:#fff url(img/leistungsangebot_akt.gif) no-repeat;}
#leistungsangebot_akt {	background:#fff url(img/leistungsangebot_akt.gif) no-repeat;}

a#philosophie {background:#fff url(img/philosophie.gif) no-repeat;}
a:hover#philosophie {background:#fff url(img/philosophie_akt.gif) no-repeat;}
#philosophie_akt {background:#fff url(img/philosophie_akt.gif) no-repeat;}

a#projekte {background:#fff url(img/projekte.gif) no-repeat;}
a:hover#projekte {background:#fff url(img/projekte_akt.gif) no-repeat;}
#projekte_akt {background:#fff url(img/projekte_akt.gif) no-repeat;}

a#diashow {	background:#fff url(img/diashow.gif) no-repeat;}
a:hover#diashow {	background:#fff url(img/diashow_akt.gif) no-repeat;}
#diashow_akt {	background:#fff url(img/diashow_akt.gif) no-repeat;}

a#dasteam {	background:#fff url(img/dasteam.gif) no-repeat;}
a:hover#dasteam {	background:#fff url(img/dasteam_akt.gif) no-repeat;}
#dasteam_akt {	background:#fff url(img/dasteam_akt.gif) no-repeat;}

a#dasteam_hetzke {	background:#fff url(img/hetzke.gif) no-repeat;}
a:hover#dasteam_hetzke {	background:#fff url(img/hetzke_akt.gif) no-repeat;}
#dasteam_hetzke_akt {	background:#fff url(img/hetzke_akt.gif) no-repeat;}

a#dasteam_schnoerr {	background:#fff url(img/schnoerr.gif) no-repeat;}
a:hover#dasteam_schnoerr {	background:#fff url(img/schnoerr_akt.gif) no-repeat;}
#dasteam_schnoerr_akt {	background:#fff url(img/schnoerr_akt.gif) no-repeat;}



a#kontakt {	background:#fff url(img/kontakt.gif) no-repeat;}
a:hover#kontakt {	background:#fff url(img/kontakt_akt.gif) no-repeat;}
#kontakt_akt {	background:#fff url(img/kontakt_akt.gif) no-repeat;}

.logo {
	position:relative;
	float : left;		
	width: 100%;	
	height: 92px;
	background:#fff url(img/logo.jpg) no-repeat;	
	margin: 0px 0px 0px 0px;
	padding: 0px 0px 0px 0px;	
}
.zahl {
	position:relative;
	float : left;	
	margin: 0px 0px 0px 0px;
	top: 129px;
	width: 100%;
}
.zahl_sub {
	position:relative;
	float : left;	
	margin: 0px 0px 0px 0px;
	top: 99px;
	width: 100%;
}
.zahl01 {
	position:relative;
	float : right;	
	width: 59px;	
	height: 59px;
	background: url(img/headers/1.gif) no-repeat;
}
.zahl02 {
	position:relative;
	float : right;	
	width: 59px;	
	height: 59px;
	background: url(img/headers/2.gif) no-repeat;
}
.zahl03 {
	position:relative;
	float : right;	
	width: 59px;	
	height: 59px;
	background: url(img/headers/3.gif) no-repeat;
}
.zahl04 {
	position:relative;
	float : right;	
	width: 59px;	
	height: 59px;
	background: url(img/headers/4.gif) no-repeat;
}
.zahl05 {
	position:relative;
	float : right;	
	width: 59px;	
	height: 59px;
	background: url(img/headers/5.gif) no-repeat;
}
.zahl06 {
	position:relative;
	float : right;	
	width: 59px;	
	height: 59px;
	background: url(img/headers/6.gif) no-repeat;
}
.zahl07 {
	position:relative;
	float : right;	
	width: 59px;	
	height: 59px;
	background: url(img/headers/7.gif) no-repeat;
}
/* Projekte */
.projekt_liste {
	padding: 0px 0px 0px 0px;
	margin: 0px 0px 0px 15px;	
	font-size: 11px;
	}
.projekt_liste li {
	list-style: disc url(img/grau.gif);
	border-left: 0px solid #fff;
	padding: 0px 0px 0px 0px;
	margin: 2px 0px 0px 0px;
	}
.projekt_liste li a {
	padding: 0px 0px 0px 0px;
	margin: 0px 0px 0px -5px;
	text-decoration: underline;
	color: Black;	
}
.back_footer {
	position:relative;
	float : right;		
	height: 39px;
	width: 480px;
	margin: 10px 10px 0px 0px;	
	padding: 0px 0px 0px 0px;
}
.back_footer a {
	text-decoration: none;
	color: Black;	

	position:relative;
	float : right;		
	height: 39px;
	width: 108px;
	text-align: right;
	background: url(img/zurueck.gif) no-repeat;
}
.hide {
	display: none;
}
.b_red {
	color: #535353;
}
.weiter {
	color: #FF1639;
}
.leist_ul {
	position:relative;
	margin: 0px 0px 10px 20px;	
}
.list_ul li {
	list-style: disc;	
}

.leist_a {
	color: #FF1639;
}