/* ########################################################################## */
/* ##### Index ############################################################## */
/* ########################################################################## */

/* #### Hintergrundfarbe abhŠngig von der aufgerufenen Seite #### */
#index #sideheader {
	width: 770px;
	height: 170px;
	padding-left: -30px;
	background: url(../images/bgwave_lime.gif) no-repeat bottom left;
}

#index #content {
	background: url(../images/bgwavebottom_lime.gif) no-repeat bottom left;
	background-color: #A0B130;
}

/* ########################################################################## */

#index #navigation .logo {
	float: right;
	background-image: url(../images/fsam_logo_lime.gif);
	padding-left: 0;
	padding-right: 5px;
	padding-top: 0;
	margin-top: 35px;
	height: auto;
	display: block;
	position: relative;
	width: 216px;	
	height: 89px;
}

#index #navigation .aktuelles a,
#index #navigation .fengshui a, 
#index #navigation .beratung a,
#index #navigation .projekte a,
#index #navigation .kunden a,
#index #navigation .fsam a {
	background: url(../images/navigationgradient_lime.gif) repeat-x;
	margin-right: 5px;	
	padding-left: 1px;
	padding-right: 2px;
	padding-top: 80px;
	padding-bottom: 10px;
	margin-bottom: 0px;
	float: left;
	width: 65px;
	vertical-align: bottom;
	text-align: center;
	font-size: 0.8em;
	color: #fff;
	text-decoration: none;
	display: block;
}

#index #navigation .aktuelles a:hover,
#index #navigation .fengshui a:hover, 
#index #navigation .beratung a:hover,
#index #navigation .projekte a:hover,
#index #navigation .kunden a:hover,
#index #navigation .fsam a:hover{
	color: #fff;
	background: #A0B130;
	text-decoration: none;
}

/* ########################################################################## */
/* ##### aktuelles ########################################################## */
/* ########################################################################## */

/* #### Hintergrundfarbe abhŠngig von der aufgerufenen Seite #### */
#aktuelles #sideheader {
	width: 770px;
	height: 170px;
	padding-left: -30px;
	background: url(../images/bgwave_lime.gif) no-repeat bottom left;
}

#aktuelles #content {
	background: url(../images/bgwavebottom_lime.gif) no-repeat bottom left;
	background-color: #A0B130;
}

/* ########################################################################## */

#aktuelles #navigation .logo {
	float: right;
	background-image: url(../images/fsam_logo_lime.gif);
	padding-left: 0;
	padding-right: 5px;
	padding-top: 0;
	margin-top: 35px;
	height: auto;
	display: block;
	position: relative;
	width: 216px;	
	height: 89px;
}

#aktuelles #navigation .fengshui a, 
#aktuelles #navigation .beratung a,
#aktuelles #navigation .projekte a,
#aktuelles #navigation .kunden a,
#aktuelles #navigation .fsam a {
	background: url(../images/navigationgradient_lime.gif) repeat-x;
	margin-right: 5px;	
	padding-left: 1px;
	padding-right: 2px;
	padding-top: 80px;
	padding-bottom: 10px;
	margin-bottom: 0px;
	float: left;
	width: 65px;
	vertical-align: bottom;
	text-align: center;
	font-size: 0.8em;
	color: #fff;
	text-decoration: none;
	display: block;
}

#aktuelles #navigation .fengshui a:hover, 
#aktuelles #navigation .beratung a:hover,
#aktuelles #navigation .projekte a:hover,
#aktuelles #navigation .kunden a:hover,
#aktuelles #navigation .fsam a:hover {
	color: #fff;
	background: #A0B130;
	text-decoration: none;
}

#aktuelles #navigation .aktuelles a {
	background: #A0B130;
	margin-right: 5px;	
	padding-left: 1px;
	padding-right: 2px;
	padding-top: 80px;
	padding-bottom: 10px;
	margin-bottom: 0px;
	float: left;
	width: 65px;
	vertical-align: bottom;
	text-align: center;
	font-size: 0.8em;
	color: #fff;
	text-decoration: none;
	display: block;
}

#aktuelles #navigation .aktuelles a:hover {
	cursor: default;
}



/* ########################################################################## */
/* ##### fengshui ########################################################### */
/* ########################################################################## */

/* #### Hintergrundfarbe abhŠngig von der aufgerufenen Seite #### */
#fengshui #sideheader {
	width: 770px;
	height: 170px;
	padding-left: -30px;
	background: url(../images/bgwave_silver.gif) no-repeat bottom left;
}

#fengshui #content {
	background: url(../images/bgwavebottom_silver.gif) no-repeat bottom left;
	background-color: #939FAD;
}

/* ########################################################################## */

#fengshui #navigation .logo {
	float: right;
	background-image: url(../images/fsam_logo_silver.gif);
	padding-left: 0;
	padding-right: 5px;
	padding-top: 0;
	margin-top: 35px;
	height: auto;
	display: block;
	position: relative;
	width: 216px;	
	height: 89px;
}

#fengshui #navigation .aktuelles a, 
#fengshui #navigation .beratung a,
#fengshui #navigation .projekte a,
#fengshui #navigation .kunden a,
#fengshui #navigation .fsam a {
	background: url(../images/navigationgradient_silver.gif) repeat-x;
	margin-right: 5px;	
	padding-left: 1px;
	padding-right: 2px;
	padding-top: 80px;
	padding-bottom: 10px;
	margin-bottom: 0px;
	float: left;
	width: 65px;
	vertical-align: bottom;
	text-align: center;
	font-size: 0.8em;
	color: #fff;
	text-decoration: none;
	display: block;
}

#fengshui #navigation .aktuelles a:hover, 
#fengshui #navigation .beratung a:hover,
#fengshui #navigation .projekte a:hover,
#fengshui #navigation .kunden a:hover,
#fengshui #navigation .fsam a:hover {
	color: #fff;
	background: #939FAD;
	text-decoration: none;
}

/*hilite state fengshui*/
#fengshui #navigation .fengshui a  {
	background: #939FAD;	
	margin-right: 5px;	
	padding-left: 1px;
	padding-right: 2px;
	padding-top: 80px;
	padding-bottom: 10px;
	margin-bottom: 0px;
	float: left;
	width: 65px;
	vertical-align: bottom;
	text-align: center;
	font-size: 0.8em;
	color: #fff;
	text-decoration: none;
	display: block;
}

#fengshui #navigation .fengshui a:hover  {
	cursor: default;
}

/* ########################################################################## */
/* ##### beratung ########################################################### */
/* ########################################################################## */

/* #### Hintergrundfarbe abhŠngig von der aufgerufenen Seite #### */
#beratung #sideheader {
	width: 770px;
	height: 170px;
	padding-left: -30px;
	background: url(../images/bgwave_blue.gif) no-repeat bottom left;
}

#beratung #content {
	background: url(../images/bgwavebottom_blue.gif) no-repeat bottom left;
	background-color: #5693CC;
}

/* ########################################################################## */

#beratung #navigation .logo {
	float: right;
	background-image: url(../images/fsam_logo_blue.gif);
	padding-left: 0;
	padding-right: 5px;
	padding-top: 0;
	margin-top: 35px;
	height: auto;
	display: block;
	position: relative;
	width: 216px;	
	height: 89px;
}

#beratung #navigation .aktuelles a, 
#beratung #navigation .fengshui a,
#beratung #navigation .projekte a,
#beratung #navigation .kunden a,
#beratung #navigation .fsam a {
	background: url(../images/navigationgradient_blue.gif) repeat-x;
	margin-right: 5px;	
	padding-left: 1px;
	padding-right: 2px;
	padding-top: 80px;
	padding-bottom: 10px;
	margin-bottom: 0px;
	float: left;
	width: 65px;
	vertical-align: bottom;
	text-align: center;
	font-size: 0.8em;
	color: #fff;
	text-decoration: none;
	display: block;
}

#beratung #navigation .aktuelles a:hover, 
#beratung #navigation .fengshui a:hover,
#beratung #navigation .projekte a:hover,
#beratung #navigation .kunden a:hover,
#beratung #navigation .fsam a:hover {
	color: #fff;
	background: #5693CC;
	text-decoration: none;
}

#beratung #navigation .beratung a {
	background: #5693CC;
	margin-right: 5px;	
	padding-left: 1px;
	padding-right: 2px;
	padding-top: 80px;
	padding-bottom: 10px;
	margin-bottom: 0px;
	float: left;
	width: 65px;
	vertical-align: bottom;
	text-align: center;
	font-size: 0.8em;
	color: #fff;
	text-decoration: none;
	display: block;
}

#beratung #navigation .beratung a:hover {
	cursor: default;
}


/* ########################################################################## */
/* ##### projekte ########################################################### */
/* ########################################################################## */

/* #### Hintergrundfarbe abhŠngig von der aufgerufenen Seite #### */
#projekte #sideheader {
	width: 770px;
	height: 170px;
	padding-left: -30px;
	background: url(../images/bgwave_green.gif) no-repeat bottom left;
}

#projekte #content {
	background: url(../images/bgwavebottom_green.gif) no-repeat bottom left;
	background-color: #74A73D;
/*	background-color: #558749;*/
}

/* ########################################################################## */

#projekte #navigation .logo {
	float: right;
	background-image: url(../images/fsam_logo_green.gif);
	padding-left: 0;
	padding-right: 5px;
	padding-top: 0;
	margin-top: 35px;
	height: auto;
	display: block;
	position: relative;
	width: 216px;	
	height: 89px;
}

#projekte #navigation .aktuelles a, 
#projekte #navigation .fengshui a,
#projekte #navigation .beratung a,
#projekte #navigation .kunden a,
#projekte #navigation .fsam a {
	background: url(../images/navigationgradient_green.gif) repeat-x;
	margin-right: 5px;	
	padding-left: 1px;
	padding-right: 2px;
	padding-top: 80px;
	padding-bottom: 10px;
	margin-bottom: 0px;
	float: left;
	width: 65px;
	vertical-align: bottom;
	text-align: center;
	font-size: 0.8em;
	color: #fff;
	text-decoration: none;
	display: block;
}

#projekte #navigation .aktuelles a:hover, 
#projekte #navigation .fengshui a:hover,
#projekte #navigation .beratung a:hover,
#projekte #navigation .kunden a:hover,
#projekte #navigation .fsam a:hover {
	color: #fff;
	background: #74A73D;	
/*	background: #558749;*/
	text-decoration: none;
}

/*hilite state projekte*/
#projekte #navigation .projekte a  {
	background: #74A73D;	
/*	background: #558749;*/
	margin-right: 5px;	
	padding-left: 1px;
	padding-right: 2px;
	padding-top: 80px;
	padding-bottom: 10px;
	margin-bottom: 0px;
	float: left;
	width: 65px;
	vertical-align: bottom;
	text-align: center;
	font-size: 0.8em;
	color: #fff;
	text-decoration: none;
	display: block;
}

#projekte #navigation .projekte a:hover  {
	cursor: default;
}

/* ########################################################################## */
/* ##### kunden ############################################################# */
/* ########################################################################## */

/* #### Hintergrundfarbe abhŠngig von der aufgerufenen Seite #### */
#kunden #sideheader {
	width: 770px;
	height: 170px;
	padding-left: -30px;
	background: url(../images/bgwave_red.gif) no-repeat bottom left;
}

#kunden #content {
	background: url(../images/bgwavebottom_red.gif) no-repeat bottom left;
	background-color: #F57621;
/*	background-color: #C33939;*/
/*	background-color: #FA9319;*/
}

/* ########################################################################## */

#kunden #navigation .logo {
	float: right;
	background-image: url(../images/fsam_logo_red.gif);
	padding-left: 0;
	padding-right: 5px;
	padding-top: 0;
	margin-top: 35px;
	height: auto;
	display: block;
	position: relative;
	width: 216px;	
	height: 89px;
}

#kunden #navigation .aktuelles a, 
#kunden #navigation .fengshui a,
#kunden #navigation .beratung a,
#kunden #navigation .projekte a,
#kunden #navigation .fsam a {
	background: url(../images/navigationgradient_red.gif) repeat-x;
	margin-right: 5px;	
	padding-left: 1px;
	padding-right: 2px;
	padding-top: 80px;
	padding-bottom: 10px;
	margin-bottom: 0px;
	float: left;
	width: 65px;
	vertical-align: bottom;
	text-align: center;
	font-size: 0.8em;
	color: #fff;
	text-decoration: none;
	display: block;
}

#kunden #navigation .aktuelles a:hover, 
#kunden #navigation .fengshui a:hover,
#kunden #navigation .beratung a:hover,
#kunden #navigation .projekte a:hover,
#kunden #navigation .fsam a:hover {
	color: #fff;
	background: #F57621;
/*	background: #C33939;*/
	text-decoration: none;
}

#kunden #navigation .kunden a {
	background: #F57621;
/*	background: #C33939;*/
	margin-right: 5px;	
	padding-left: 1px;
	padding-right: 2px;
	padding-top: 80px;
	padding-bottom: 10px;
	margin-bottom: 0px;
	float: left;
	width: 65px;
	vertical-align: bottom;
	text-align: center;
	font-size: 0.8em;
	color: #fff;
	text-decoration: none;
	display: block;
}

#kunden #navigation .kunden a:hover {
	cursor: default;
}


/* ########################################################################## */
/* ##### fsam ############################################################### */
/* ########################################################################## */
/* #### Hintergrundfarbe abhŠngig von der aufgerufenen Seite #### */
#fsam #sideheader {
	width: 770px;
	height: 170px;
	padding-left: -30px;
	background: url(../images/bgwave_brown.gif) no-repeat bottom left;
}

#fsam #content {
	background: url(../images/bgwavebottom_brown.gif) no-repeat bottom left;
/*	background-color: #BA8C40;*/
	background-color: #C9A939;
/*background-color: #C30; coole */
}

/* ########################################################################## */

#fsam #navigation .logo {
	float: right;
	background-image: url(../images/fsam_logo_brown.gif);
	padding-left: 0;
	padding-right: 5px;
	padding-top: 0;
	margin-top: 35px;
	height: auto;
	display: block;	
	position: relative;
	width: 216px;	
	height: 89px;
}

#fsam #navigation .aktuelles a, 
#fsam #navigation .fengshui a,
#fsam #navigation .beratung a,
#fsam #navigation .projekte a,
#fsam #navigation .kunden a {
	background: url(../images/navigationgradient_brown.gif) repeat-x;
	margin-right: 5px;	
	padding-left: 1px;
	padding-right: 2px;
	padding-top: 80px;
	padding-bottom: 10px;
	margin-bottom: 0px;
	float: left;
	width: 65px;
	vertical-align: bottom;
	text-align: center;
	font-size: 0.8em;
	color: #fff;
	text-decoration: none;
	display: block;
}


#fsam #navigation .aktuelles a:hover, 
#fsam #navigation .fengshui a:hover,
#fsam #navigation .beratung a:hover,
#fsam #navigation .projekte a:hover,
#fsam #navigation .kunden a:hover {
	color: #fff;
	background: #C9A939;
	text-decoration: none;
}

#fsam #navigation .fsam  a {
	background: #C9A939;
	margin-right: 5px;	
	padding-left: 1px;
	padding-right: 2px;
	padding-top: 80px;
	padding-bottom: 10px;
	margin-bottom: 0px;
	float: left;
	width: 65px;
	vertical-align: bottom;
	text-align: center;
	font-size: 0.8em;
	color: #fff;
	text-decoration: none;
	display: block;
}

#fsam #navigation .fsam a:hover {
	cursor: default;
}

.fleft { /* used with portrait image on fsam.php */
	float: left;
	padding-right: 10px;
	padding-bottom: 3px;
}