.hi_gru_weiss {
	font-family: Arial, Helvetica, sans-serif;
	font-size: 4px;
	color: #FFFFFF;	
}
.textbackhome {
	font-family: Arial, Helvetica, sans-serif;
	font-size: 8px;
	font-style: normal;
	line-height: normal;
	font-weight: normal;
	color: #FF6600;
}
.textimpress {
	font-family: Arial, Helvetica, sans-serif;
	font-size: 11px;
	font-style: normal;
	line-height: normal;
	font-weight: normal;
	color: #666666;
}
.text01_normal {
	font-family: Arial, Helvetica, sans-serif;
	font-size: 12px;
	font-style: normal;
	line-height: normal;
	font-weight: normal;
	color: #666666;
}
.text01_activelink {
	font-family: Arial, Helvetica, sans-serif;
	font-size: 12px;
	font-style: normal;
	line-height: normal;
	font-weight: normal;
	color: #FF6600;
}
.text02_normal {
	font-family: Arial, Helvetica, sans-serif;
	font-size: 11px;
	font-style: normal;
	line-height: normal;
	font-weight: normal;
	color: #666666;
}

.text02_activelink {
	font-family: Arial, Helvetica, sans-serif;
	font-size: 11px;
	font-style: normal;
	line-height: normal;
	font-weight: normal;
	color: #FF6600;
}
.texthide {
	font-family: Arial, Helvetica, sans-serif;
	font-size: 9px;
	font-style: normal;
	line-height: normal;
	color: #FFFFFF;
}

/**************************************************************************
DIESES SIND DIE EINZELNEN BILDER DER PROJEKTSEITEN  (EINZELSEITEN PROJEKTE)
**************************************************************************/

.stepcarouselbilder{
	position: relative;
	border: 0px solid red;
	overflow: scroll;
	width: 560px;
	height: 315px;
	left: 0px;
	top: 0px;
}
.stepcarouselbilder .belt{
	position: absolute;
	left: 0px;
	top: 0px;
	width: 560px;
	height: 315px;
}
.stepcarouselbilder .panel{
	float: left; /*leave this value alone*/
	overflow: hidden; /*clip content that go outside dimensions of holding panel DIV*/
	margin: 0px; /*margin around each panel*/
	width: 900px; /*Width of each panel holding each content. If removed, widths should be individually defined on each content DIV then. */
	height: 315px;
}
.bildcounter {
	position:absolute; 
	width:225px; 
	height:15px; 
	z-index:1; 
	left: 335px; 
	top: 299px;
	/* background-color: #FFFFFF;  */
}
.layerprojekttitel {
	position:absolute; 
	width:300px; 
	height:18px; 
	z-index:2; 
	left: 600px;
	top: 0px;
	/* background-color: #FFFFFF;  */
}
.layerprojektbeschreibung {
	position:absolute;
	width:300px;
	height:300px;
	z-index:2;
	left: 601px;
	top: 40px;
	/* background-color: #FFFFFF;  */
}
.layerbildunterschriften {
	position:absolute; 
	width:280px; 
	height:15px; 
	z-index:1; 
	left: 0px; 
	top: 300px; 
	background-color: #FF6600; 
	opacity:0.7;
	layer-background-color: #FF6600; 
	opacity:0.7;
	/* border: 1px solid #FF6600; */
}
.textbilder {
	font-family: Arial, Helvetica, sans-serif;
	font-size: 12px;
	font-style: normal;
	line-height: normal;
	font-weight: bold;
	color: #FFFFFF;
}

/********************************************************************
DIESES SIND DIE EINZELNEN BILDER DER TITELSEITEN BUERO UND STARTSEITE 
********************************************************************/

.stepcarousel{
	position: relative;
	border: 0px solid red;
	overflow: scroll;
	width: 900px;
	height: 450px;
	left: 0px;
	top: 0px;
}
.stepcarousel .belt{
	position: absolute;
	left: 0px;
	top: 0px;
	width: 900px;
	height: 450px;
}
.stepcarousel .panel{
	float: left; /*leave this value alone*/
	overflow: hidden; /*clip content that go outside dimensions of holding panel DIV*/
	margin: 0px; /*margin around each panel*/
	width: 900px; /*Width of each panel holding each content. If removed, widths should be individually defined on each content DIV then. */
}
.bildcountergross {
	position:absolute; 
	width:400px; 
	height:15px; 
	z-index:1; 
	left: 430px; 
	top: 430px;
	/* background-color: #FFFFFF; */
}
.layerbildunterschriftgross {
	position:absolute; 
	width:400px; 
	height:21px; 
	z-index:1; 
	left: 0px; 
	top: 430px; 
	background-color: #FF6600; 
	opacity:0.7; 
	layer-background-color: #FF6600; 
	opacity:0.7; 
	border: 1px none #000000;
}
.textbildergross {
	font-family: Arial, Helvetica, sans-serif;
	font-size: 16px;
	font-style: normal;
	line-height: normal;
	font-weight: normal;
	color: #FFFFFF;
}
.layerhomegross {
	position:absolute; 
	width:70px; 
	height:10px; 
	z-index:1; 
	left: 825px; 
	top: 432px; 
	/* background-color: #FF6600; 
	opacity:0.9;
	layer-background-color: #FF6600; 
	opacity:0.9; 
	border: 1px solid #FF6600;*/
}

/**********************************************************************************
DIESES SIND DIE EINZELNEN BILDER DER PROJEKTGALERIE / OVERVIEW  (projekt-navi.html)
**********************************************************************************/

#motioncontainer {
	/*margin:0 auto;  Uncomment this line if you wish to center the gallery on page */
	width: 100%; /* Set to gallery width, in px or percentage */
	height: 100; /* Set to gallery height */
}
#motioncontainer a img {
	border: 1px solid #cccccc; /* Set image border color */
}
#motioncontainer a:hover img {
	border: 1px solid #FF6600; /* Set image border hover color */
}
#statusdiv {
	/* background-color: lightyellow;
	border: 1px solid gray; */
	padding: 2px;
	position: absolute; /* Stop Editing Gallery Styles */
	left: -500px;
	top: 0px;
	visibility: hidden;
	font-family: Arial, Helvetica, sans-serif;
	font-weight: normal;
	color: #FF6600;
}
#motioncontainer a:hover {
	color: red; /* Dummy definition to overcome IE bug */
}

.layerhomeprojekte {
	position:absolute; 
	width:75px; 
	height:10px; 
	z-index:1; 
	left: 825px; 
	top: 89px; 
	/* background-color: #FF6600; 
	opacity:0.9;
	layer-background-color: #FF6600; 
	opacity:0.9; 
	border: 1px solid #FF6600;*/
}


/*******************
LINKFARBE IMMER GRAU
*******************/

a.linkcolor01 {
	color: #666666;
	text-decoration: none;
}
a.linkcolor01:active {
	color: #FF6600;
	text-decoration: none;
}
a.linkcolor01:hover {
	color: #FF6600;
	text-decoration: none;
}

/*********************
LINKFARBE IMMER ORANGE
*********************/

a.linkcolor02 {
	color: #FF6600;
	text-decoration: none;
}
a.linkcolor02:active {
	color: #666666;
	text-decoration: none;
}
a.linkcolor02:hover {
	color: #666666;
	text-decoration: none;
}

/****************************
LINKFARBEN BILDUNTERSCHRIFTEN
****************************/
a.textbildergross {
	color: #FFFFFF;
	text-decoration: none;
}
/* a.textbildergross:visited {
	color: #FF0000;
	text-decoration: none;
} */
a.textbildergross:hover {
	color: #666666;
	text-decoration: none;
}
a.textbildergross:active {
	color: #FFFFFF;
	text-decoration: none;
}

/************************
LINKFARBEN NORMALE SEITEN
************************/
/*
A:link {
	COLOR: #666666; TEXT-DECORATION: none
}
A:visited {
	COLOR: #666666; 
	TEXT-DECORATION: none
}
A:hover {
	COLOR: #FF6600; TEXT-DECORATION: none
}
A:active {
	COLOR: #FF6600; TEXT-DECORATION: none
}
*/