BODY{
	background: url(./bilder/hintergrund.jpg);
	CURSOR: crosshair;
	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;
}
.menuBar
{
    POSITION: relative;
	BACKGROUND-COLOR: transparent;
    TEXT-ALIGN: center;
	font-family: Arial, sans-serif;
	color: #CCCCCC;
	font-size: 12px; 
	font-weight: bold;
	CURSOR: crosshair;
}
.Bar
{
    BORDER-RIGHT: 0px outset;
    BORDER-TOP: 0px outset;
    FLOAT: left;
    BORDER-LEFT: 0px outset;
    WIDTH: 135px;
    TEXT-INDENT: 5px;
    BORDER-BOTTOM: 0px outset;
    POSITION: relative;
    TEXT-ALIGN: center; 
	font-family: Arial, sans-serif;
    color: #CCCCCC;
    font-size: 12px;
	font-weight: bold;
	CURSOR: crosshair;
}
.menu
{
    BORDER-RIGHT: ButtonHighlight thin;
    BORDER-TOP: ButtonHighlight thin;
    VISIBILITY: hidden;
    BORDER-LEFT: #CCCCCC 1px solid;    
    WIDTH: 109px;
    LINE-HEIGHT: 140%;
    BORDER-BOTTOM: ButtonHighlight thin;
    POSITION: absolute;
    font-family: Arial, sans-serif;
    color: #CCCCCC;
    font-size: 12px; 
	font-weight: bold;
	CURSOR: crosshair;
}
/* .menu a:link
.menu a:hover
.menu a:activ */
.menuItem
{
    PADDING-RIGHT: 0px;
    PADDING-LEFT: 0px;
    WIDTH: 100%;
    LINE-HEIGHT: 15px;
    BORDER-BOTTOM: white 0px solid; 
	font-family: Arial, sans-serif; 
	color: #CCCCCC; 
	font-size: 12px; 
	font-weight: bold;
	CURSOR: crosshair;
}

.ItemMouseOver
{
    PADDING-RIGHT: 0px;
    PADDING-LEFT: 0px;
    WIDTH: 100%;
    COLOR: #333333;
    LINE-HEIGHT: 15px;
    BORDER-TOP: #CCCCCC 1px solid;
    /*BACKGROUND-COLOR: ;*/
	font-family: Arial, sans-serif; 
	font-size: 12px; 
	font-weight: bold;
	CURSOR: crosshair;
}
.ItemMouseOut
{
    WIDTH: 100%; 
	font-family: Arial, sans-serif;
	color: #CCCCCC; 
	font-size: 12px;
	font-weight: bold;
}
.barOver
{
    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-family: Arial, sans-serif;
	color: #000000; 
	font-size: 12px;
	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*/

#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:#CCCCCC;
				}
#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:#CCCCCC;
				}
#htm_Menue a:visited {
				text-decoration: none;
				color:#CCCCCC;
				}
#htm_Menue a:hover {
				text-decoration: none;
				color:#000000;
				}
#htm_Menue a:active {
				text-decoration: none;
				color:#CCCCCC;
				}

#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_Over { link: #fb3500;

    /*BACKGROUND-COLOR: ;*/
 
				} /* Farbe die bei MouseOver angezeigt wird */
.menu_swap_Out { color: #FFFFCC; } /* Farbe die bei MouseOut angezeigt wird */