.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_highlight {
	font-family: Arial, Helvetica, sans-serif;
	font-size: 16px;
	font-style: normal;
	line-height: normal;
	font-weight: normal;
	color: #666666;
}
.text01_highlightbold {
	font-family: Arial, Helvetica, sans-serif;
	font-size: 16px;
	font-style: normal;
	line-height: normal;
	font-weight: bold;
	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:500px; 
	height:15px; 
	z-index:1; 
	left: 60px; 
	top: 299px;
	/* background-color: #FFFFFF;  */
}
.layerprojekttitel {
	position:absolute; 
	width:300px; 
	height:34px; 
	z-index:2; 
	left: 600px;
	top: 0px;
	/* background-color: #FFFFFF;  */
}
.layerprojektbeschreibung {
	position:absolute;
	width:300px;
	height:300px;
	z-index:2;
	left: 603px;
	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:580px; 
	height:15px; 
	z-index:1; 
	left: 250px; 
	top: 430px;
	/* background-color: #FFFFFF; */
}
.layerbildunterschriftgross {
	position:absolute; 
	width:250px; 
	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 {
	position:absolute; 
	width:248px; 
	z-index:1; 
	left: 2px; 
	top: 2px; 
	font-family: Arial, Helvetica, sans-serif;
	font-size: 11px;
	align: left;
	font-style: normal;
	line-height: normal;
	font-weight: bold;
	/* color: #FFFFFF;		Die Linkfarbe kann hierüber NICHT gesteuert werden ! */
}
.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 funktioniert leider nicht !!!!!!!!!!!!!!!!!!!
*********************/

a.linkcolor02 {
	color: #FF6600;
	text-decoration: none;
}
/****************************
a.linkcolor02:active {
	color: #FF6600;
	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
}

/************************
Cookie Balken Anfang
************************/

#CookieBalken {
    background-color: rgba(90,90,90,0.4);
    min-height: 26px;
    font-size: 11px;
	font-weight: bold;
    color: #ffffff;
    line-height: 26px;
    padding: 8px 0 8px 30px;
    font-family: Arial, Helvetica, sans-serif;
    position: fixed;
    bottom: 0;
    left: 0;
    right: 0;
    display: none;
    z-index: 9999;
}
#CookieBalken a:link {
    color: #666666;
    text-decoration: none;
}
CookieBalken a:visited {
	COLOR: #666666; 
	TEXT-DECORATION: none;
}
CookieBalken a:hover {
	COLOR: #FF6600; TEXT-DECORATION: none;
}
CookieBalken a:active {
	COLOR: #FF6600; TEXT-DECORATION: none;
}

#closeCookieBalken {
    float: right;
    display: inline-block;
    cursor: pointer;
    height: 20px;
    width: 20px;
    margin: 0 0 0 0;
    font-weight: bold;
}
#closeCookieBalken:hover {
    color: #FF6600;
}
#CookieBalken a.CookieBalkenOK {
    background-color: #ff8330;
    font-size: 11px;
	font-weight: bold;
    color: #ffffff;
    display: inline-block;
    border-radius: 5px;
    padding: 0 20px;
    cursor: pointer;
    float: right;
    margin: 0 60px 0 10px;
}
#CookieBalken a.CookieBalkenOK:hover {
    background-color: #FF6600;
}
/*Cookie Balken Ende*/