body, textarea { background-color: #b4bcbf; background-image: url(hg_grey.jpg); background-repeat: repeat-x; scrollbar-base-color:#eeeeee; scrollbar-3dlight-color:#dcdcdc; scrollbar-arrow-color:#D8E5ED; scrollbar-darkshadow-color:#eeeeee; scrollbar-face-color:#d7d8de; scrollbar-highlight-color:#FFFFFF; scrollbar-shadow-color:#dcdcdc; scrollbar-track-color:#eeeeee; }

a:link { color:#666; text-decoration:none }
a:visited { color: #666; text-decoration:none  }
a:hover { color:#ff9600; text-decoration:none }
a:active { color:#666; text-decoration:none }
a:focus { color: #666; text-decoration:none  }

.menue_txt { color: #666; 
			font-size: 9pt;
			font-family: Verdana, Arial, Helvetica, sans-serif;
			font-weight: normal;
			text-align: right;
			letter-spacing: 1px;
			word-spacing: 30px;
			margin-top: 3px; }
			
.menue_txt2 { color: #666; font-size: 12px; font-family: Verdana, Arial, Helvetica, sans-serif; font-weight: normal; text-align: left; }

/* not needed anymore 
.projekte_txt { color: #666; font-size: 9pt; font-family: Verdana, Arial, Helvetica, sans-serif; font-weight: normal; line-height: 16pt; text-align: left; margin-top: 3px; }*/
.details { color: #d7d7d7; font-size: 9pt; font-family: Verdana, Arial, Helvetica, sans-serif; text-align: left; word-spacing: 12px; }
.bu { color: #d7d7d7; font-size: 9pt; font-family: Verdana, Arial, Helvetica, sans-serif; }
.bild-active { background-color: transparent; list-style-type: hiragana; list-style-image: none; }
.headline { color: #d7d7d7; font-size: 14pt; font-family: Verdana, Arial, Helvetica, sans-serif; font-weight: bold; }
.headline2 { color: #707070; font-size: 40pt; font-family: Verdana, Arial, Helvetica, sans-serif; font-weight: bold; }

html, body { 
	margin: 0; 
	padding: 0; 
	width: 100%; 
	height: 100%;
	border: 0px;
	line-height: 1.5;
} 

body { 
	position: relative; 
} 

.container {
	height: auto;
	width: 700px;
	left: 0;
	top: 0;
	position: relative;
	visibility: visible;
}
	
.head {
	height: 20px;
	width: 700px;
	left: 0;
	top: 0;
	position: inherit;
	visibility: visible;
}
	
.stage {
	background-color: #ffffff;
	height: 350px;
	width: 700px;
	left: 0;
	top: 0;
	position: inherit;
	visibility: visible;
}
	
.menue {
	height: 40px;
	 width: 700px;
	 left: 0;
	 top: 0;
	 position: inherit;
	 visibility: visible;
}
.content {
	height: 270px;
	width: 700px;
	left: 0;
	top: 0;
	position: relative;
	visibility: visible;
}



/* PROJEKTE */

/* makes the aktive Submenue Buld  & orange ( need to be put in a font class in html!!!!) */
.active {
	color: #ff8e00;
	font-weight: bold;
}

/* h3 sind die Überschriften der Projekte */
h3 { 
color: #666; 
font-size: 13px; 
font-family: Verdana, Arial, Helvetica, sans-serif; 
line-height: 13px; 
text-align: left; 
padding:0px;
margin: 0px;
text-transform: uppercase;
}

/* imageboxen sind die Inhalts-spalten links und rechts */

.imagebox { background-color: transparent; text-align: left; height: auto; width: 340px; left: 0; top: 0; position: inherit; visibility: visible; float: left; }
.imagebox2 { background-color: transparent; text-align: left; visibility: visible; position: inherit; top: 0; left: 0; width: 340px; height: auto; float: right; }



/* Projetbeschreibungen */

.projekt {
color: #666; 
font-size: 9px; 
font-family: Verdana, Arial, Helvetica, sans-serif; 
line-height: 11px; 
margin-top: 10px;           /* oben */
margin-right: 0px;         /* rechts */
margin-bottom: 0px;       /* unten */
margin-left: 0px;          /* links */
padding:0px;
}

.projekt p
{               
margin: 2px 0px 4px 0px; /* oben */ /* rechts */ /* unten */ /* links */      
padding: 0px
}


/* Textinhalte ohne Projekte */

.txtbox { /* entspricht weitestgehend der projekt(box) but no margin*/
	color: #666; 
	font-size: 9px; 
	font-family: Verdana, Arial, Helvetica, sans-serif; 
	line-height: 11px;
	margin: 0px; 
	padding: 0px;
}

.txtbox h4 {
color: #666; 
font-size: 9px; 
font-family: Verdana, Arial, Helvetica, sans-serif; 
font-weight: bold;
line-height: 11px; 
margin-top: 10px;           /* oben */
margin-right: 0px;         /* rechts */
margin-bottom: 0px;       /* unten */
margin-left: 0px;          /* links */
padding:0px;
}

/* ???????????????????????????????????????????? */
.textbox { background-color: transparent; height: auto; width: 300px; left: 0; top: 0; position: inherit; visibility: visible; float: right; }
.col-left { background-color: transparent; text-align: right; height: auto; width: 220px; left: 0; top: 0; position: inherit; visibility: visible; float: left; }
.col-right { background-color: transparent; height: auto; width: 80px; left: 0; top: 0; position: inherit; visibility: visible; float: right; }


/* OLD FOOTER
.footer { 
	position: relative; 
	bottom: 0; 
	width: 100%;
}
*/
	

.header { 
	position: absolute; 
	top: 0; 
	width: 100%; 
}
.txt_main { color: white; font-size: 10px; font-family: Verdana, Arial, Helvetica, sans-serif; line-height: 18px; text-align: left; margin-top: 12px; }

.footer {
	position: relative;
	bottom: 0;
	width: 700px;
	margin-top: 20px;
	overflow: visible;
	text-align: center;
	height: auto;
	left: 0;
	top: 0;
	position: relative;
}

.footerboxleft { background-color: transparent; text-align: left; height: auto; width: 340px; left: 0; top: 0; position: inherit; visibility: visible; float: left; }
.footerboxright { background-color: transparent; text-align: left; visibility: visible; position: inherit; top: 0; left: 0; width: 340px; height: auto; float: right; }

.txt_foot {
	font-size: 10px;
	font-family: Verdana, Arial, Helvetica, sans-serif;
	line-height: 12px;
	text-align: right;
	margin: 0px;
	padding: 0px;
	font-weight: normal;
}
.hl_main { color: #b1b6bd; font-size: 24px; font-family: Verdana, Arial, Helvetica, sans-serif; font-weight: bold; line-height: 26px; text-align: right; margin-top: 55px; margin-right: 12px; }
#slideshow {
    	font-size: 10px; font-family: Verdana, Arial, Helvetica, sans-serif;
    	margin: 0;
    	border: solid 0 #555;
   		width: 700px;
    	height: 350px;
  		}