BODY{
	background: url(./bilder/hintergrund.jpg);
	font-family: Arial, sans-serif;
	color: #CCCCCC;
	font-size: 12px;
	font-weight: bold;
	text-align: center;
	margin: 0 auto;
	cursor: crosshair;
	}
*html body{
	overflow: hidden;
}
img{
	border: 0px;
	text-align: left;
}

a:link {
		text-decoration: none;
		color:#CCCCCC;
		cursor: crosshair;
		}
a:visited {
		text-decoration: none;
		color:#CCCCCC;
		cursor: crosshair;
		}
a:hover {
		text-decoration: none;
		color:#CCCCCC;
		cursor: crosshair;
		}
a:active {
		text-decoration: none;
		color:#CCCCCC;
		cursor: crosshair;
		}

#logo{
	margin: 20px 10px 10px 20px;
	text-align: left;
}
/* ab hier für das Menü zur Steuerung der Website */
.menuBar
{
    POSITION: relative;
	BACKGROUND-COLOR: transparent;
    TEXT-ALIGN: center;
	font-family: Arial, sans-serif;
	color: #CCCCCC;
	font-size: 11.5px; 
	font-weight: bold;
	CURSOR: crosshair;
}
.Bar /* definiert das außerste Menü beim aufrufen der Seite, also wie man es direkt sieht zB Datum*/
{
    BORDER-RIGHT: 0px outset;
    BORDER-TOP: 0px outset;
    FLOAT: left;
    BORDER-LEFT: 0px outset;
    WIDTH: 100px;
    TEXT-INDENT: 5px;
    BORDER-BOTTOM: 0px outset;
    POSITION: relative;
    TEXT-ALIGN: center;
	font-size: 11.5px;
	font-weight: bold;
	CURSOR: crosshair;
}
.Bar a:hover
{

	FLOAT: left;

	color:#333;
}
.menu
{
    BORDER-RIGHT: ButtonHighlight thin;
    BORDER-TOP: ButtonHighlight thin;
    VISIBILITY: hidden;
    BORDER-LEFT: #CCCCCC 1px solid;    
    WIDTH: 135px;
    LINE-HEIGHT: 140%;
    BORDER-BOTTOM: ButtonHighlight thin;
    POSITION: absolute;
	font-size: 11.5px;
	font-weight: bold;
	CURSOR: crosshair;

}
.menu a:link
{
    font-family: Arial, sans-serif;
    color: #CCC;
	font-size: 11.5px;
	font-weight: bold;
	CURSOR: crosshair;

}
.menu a:hover
{
    font-family: Arial, sans-serif;
    color: #333;
	font-size: 11.5px;
	font-weight: bold;
	CURSOR: crosshair;

}
.menu a:active
{
    font-family: Arial, sans-serif;
    color: #CCC;
	font-size: 11.5px;
	font-weight: bold;
	CURSOR: crosshair;

}
.menuItem /* definiert das Flyoutmenü wie man es sieht */
{
    PADDING-RIGHT: 0px;
    PADDING-LEFT: 10px;
    WIDTH: 100%;
    LINE-HEIGHT: 15px;
    BORDER-BOTTOM: white 0px solid;
	font-family: Arial, sans-serif;
    color: #CCC;
	font-size: 11.5px;
	font-weight: bold;;
	CURSOR: crosshair;

}

.ItemMouseOver
{
    PADDING-RIGHT: 0px;
    PADDING-LEFT: 10px;
    WIDTH: 100%;
    LINE-HEIGHT: 15px;
    BORDER-TOP: #CCC 1px solid;
	font-family: Arial, sans-serif; 
	font-size: 11.5px; 
	font-weight: bold;
	CURSOR: crosshair;
}

.ItemMouseOut
{
    WIDTH: 100%;
}

.barOver /* für das Flyoutmeny aber erst AB 2. Ebene */
{
    BORDER-RIGHT: 0px ridge;
    BORDER-TOP: 0px ridge;
    FLOAT: left;
    BORDER-LEFT: 0px ridge;
    WIDTH: 135px;
    TEXT-INDENT: 5px;
    BORDER-BOTTOM: 0px ridge;
    POSITION: relative;
    TEXT-ALIGN: center;
	font-size: 11.5px;
	font-weight: bold;
	CURSOR: crosshair;
}

.barOver  a:hover
{
    BORDER-RIGHT: 0px ridge;
    BORDER-TOP: 0px ridge;
    FLOAT: left;
    BORDER-LEFT: 0px ridge;
    WIDTH: 135px;
    TEXT-INDENT: 5px;
    BORDER-BOTTOM: 0px ridge;
    POSITION: relative;
    TEXT-ALIGN: center;
	color: #333;
	font-size: 11.5px;
	font-weight: bold;
	CURSOR: crosshair;
}

.Arrow /* Das ist der kleine Pfeil bei den Untermenüs als Kennzeichnung dafür das es noch weitere gibt! */
{
    FLOAT: right;
    FONT-FAMILY: Webdings;
    POSITION: absolute;
    TEXT-ALIGN: right; 
	color: #CCCCCC;
}

.text {  font-family: Arial, sans-serif; font-size: 10px; color: #CCCCCC;} /*ALT*/
.ueberschrift {  font-family: Arial, sans-serif; font-size: 12px; font-weight: bold; color: #CCCCCC;} /*ALT*/
.textProjectDaten { font-family: Arial, sans-serif; font-size: 9px; color: #CCCCCC; } /*ALT*/
/* wird nur für date.js benötigt nicht mehr aber für date2010.js */
#text_Datum { font-family: Arial, sans-serif; font-size: 12px;	 color: #CCCCCC; font-weight: lighter; text-align: left;}

#text_Info { font-family: Arial, sans-serif; font-size: 12px;	 color: #CCCCCC; font-weight: bold;}
#text_Infolight { font-family: Arial, sans-serif; font-size: 10px;	 color: #CCCCCC; font-weight: lighter;}

#Sprachwahl {  margin: 125px 0px 125px 0px;
			   font-size: 12px;
			   font-weight: bold;
			   text-align: center;
			   }
#Sprachwahl a:link {
				text-decoration: none;
				color:#CCC;
				}
#Sprachwahl a:visited {
				text-decoration: none;
				color:#CCCCCC;
				}
#Sprachwahl a:hover {
				text-decoration: none;
				color:#000000;
				}
#Sprachwahl a:active {
				text-decoration: none;
				color:#CCCCCC;
				}

#htm_Menue 	{	margin: 0px 0px 10px 70px;
				font-size: 11px;
				font-weight: bold;
				text-align: left;
				}
#htm_Menue a:link {
				text-decoration: none;
				color:#CCC;
				}
#htm_Menue a:visited {
				text-decoration: none;
				color:#CCC;
				}
#htm_Menue a:hover {
				text-decoration: none;
				color:#333;
				}
#htm_Menue a:active {
				text-decoration: none;
				color:#CCC;
				}

#text_Newsticker {  margin: 15px 0px 0px 0px; text-align: center;}
#text_Projektname {  margin: 10px 10px 0px 10px; 		font-family: Arial, sans-serif; font-size: 12px;	 color: #CCCCCC; font-weight: bold;	text-align: left;}
#text_Projekdefinition {  margin: 1px 10px 0px 10px; 		font-family: Arial, sans-serif; font-size: 10px;	 color: #CCCCCC; font-weight: lighter;	text-align: left;}
#text_Projektdaten {  margin: 7px 10px 0px 10px; 		font-family: Arial, sans-serif; font-size: 9px; 	 color: #CCCCCC; font-weight: none;	text-align: left;}
#text_Projektbeschreibung { margin: 15px 10px 10px 10px; 	font-family: Arial, sans-serif; font-size: 10px; 	 color: #CCCCCC; font-weight: lighter;	text-align: justify;}
#text_Projektzitat { margin: 50px 30% 50px 10%; 	font-family: Arial, sans-serif; font-size: 10px; 	 color: #CCCCCC; font-weight: lighter;	text-align: justify;}

#text_Projektlinks { margin: 20px 10px 10px 10px; 	font-family: Arial, sans-serif; font-size: 10px; 	 color: #CCCCCC; font-weight: none;	text-align: left;}
#text_Projektlinks a:link {
				text-decoration: none;
				color:#FFFFCC;
				}
#text_Projektlinks a:visited {
				text-decoration: none;
				color:#FFFFCC;
				}
#text_Projektlinks	a:hover {
				text-decoration: none;
				color:#fb3500;
				}
#text_Projektlinks a:active {
				text-decoration: none;
				color:#fb3500;
				}

#text_Werksverz	{	margin: 15px 10px 10px 10px;
					font-size: 10px;
					font-weight: lighter;
					text-align: left;}
#text_Werksverz a:link {
				text-decoration: none;
				color:#FFFFCC;
				}
#text_Werksverz a:visited {
				text-decoration: none;
				color:#FFFFCC;
				}
#text_Werksverz	a:hover {
				text-decoration: none;
				color:#fb3500;
				}
#text_Werksverz a:active {
				text-decoration: none;
				color:#fb3500;
				}
#content{
	text-align: left;
	float: left;
}
#bilder{
	width: 125px;
	text-align: left;
	float: left;
}
#bilder_big{
	text-align: left;
	float: left;
}
#bilder_big .bild{
	width: 100%;
}
#bilder .bild{
	width: 103px;
}
.bild{	
	margin: 10px 10px 10px 10px;
}
#text{
	width: 70%;
	text-align: left;
	float: left;
}
#item{
	width: 80px;
	position: absolute;
	visibility: hidden;
}

/** SUCHE **/
 
#search{
	float: right;
	margin-top: 13px;
	margin-right: 30px;
}
 
#search form {
	display:block;
	font:bold 12px arial,sans-serif;
	color: #CCC;
  }
 
#search input {
	display:block;
	width:100px;
	background-color:#3E505A;
	border:1px solid #CCC;
	color:#FFFFCC;
	font:bold 12px arial,sans-serif;
  }
/* 
#search input#s {
    background-color:white;
    border:1px solid #999999;
    margin-bottom:4px;
    font:normal 12px arial,sans-serif;
    height:20px;
    color:#CCCCCC;
   }
*/
/* TEST für swap bei Menü */
#menu_swap	{	/* margin: 10px 10px 0px 10px; */
				font-family: Arial, sans-serif;
				font-size: 11.5px;
				color: #CCCCCC;
				font-weight: bold;
				/* text-align: left; */
				}
#menu_swap a:link {
				text-decoration: none;
				color:#CCCCCC;
				}
#menu_swap a:visited {
				text-decoration: none;
				color:#CCCCCC;
				}
#menu_swap	a:hover {
				text-decoration: none;
				color:#333333;
				}
#menu_swap a:active {
				text-decoration: none;
				color:#CCCCCC;