/**************************************************'*/
/* styles.css				      					*/
/* copyright 2010 tp-werbeagentur				    */
/*											 	    */
/****************************************************/
@import "navi.css";
@import "forms.css";

body {
	background: #212121;
	margin: 0px;
  	padding: 0px;
	leftmargin: 0px; 
	topmargin: 0px;
	font-family: Lucida Sans Unicode, Lucida Grande, Verdana, sans-serif;
	font-size: 12px;
	line-height: 18px;
	color: #FFF;
	text-align: left;	
}
#flashAni {
	margin: 0;
	padding: 0;
	position: absolute;
	top: 0px;
	left: 0px;
	z-index: 1;
	width: 1400px;
	height: 874px;
}
#liveview {
	margin: 0;
	padding: 0;
	position: absolute;
	top: 0px;
	left: 0px;
	z-index: 1;
	width: 1400px;
	height: 874px;
}
#liveview a {
	color: #212121;
}
#containerMainAll {
	width: 876px;
	height: auto;
	text-align: left;
	margin: 0 0 0 0;
	padding: 0;
	position: absolute;
	top: 0px;
	left: 0px;
	z-index: 5;
}
#logo{
	position: absolute;
	top: 0px;
	left: 438px;
	z-index: 10;
	width: 388px;
	height: 106px;
	padding: 0;
	margin: 0;
	background: url('../images/header.png') 0 0 no-repeat;
}
/*************************************************************/
/* Projekt */
/*************************************************************/
#contentProjekt{
	position: absolute;
	top: 163px;
	left: 0px;
	z-index: 20;
	width: 505px; 
	padding: 0 20px 0 117px;
	margin: 0;
	color:#FFF;
	background: url('../images/content_bg.png') 0 0 repeat;
}
#contentProjekt h1{
	color: #cc9900;
	font-family: georgia, times new roman, serif;
	font-size: 24px;
	line-height: 26px;
	font-weight: normal;
	padding: 0;
	margin: 24px 0 18px 0;
}

#contentProjektTeam{
	position: absolute;
	top: 163px;
	left: 0px;
	z-index: 20;
	width: 505px; 
	padding: 0 20px 0 117px;
	margin: 0;
	color:#FFF;
	background: url('../images/content_bg.png') 0 0 repeat;
}
#contentProjektTeam h1{
	color: #cc9900;
	font-family: georgia, times new roman, serif;
	font-size: 24px;
	line-height: 26px;
	font-weight: normal;
	padding: 0;
	margin: 24px 0 18px 0;
}
/*************************************************************/
/* Bildergalerie */
/*************************************************************/
#contentBildergalerie{
	position: absolute;
	top: 163px;
	left: 0px;
	z-index: 20;
	width: 866px; 
	padding: 0px 0px 0px 0px;
	margin: 0;
}
/*************************************************************/
/* Zitate und Archiv*/
/*************************************************************/
#contentZitate{
	position: absolute;
	top: 163px;
	left: 0px;
	z-index: 5;
	width: 614px; 
	height: 230px;
	background: url('../images/content_bg.png') 0 0 repeat;
	padding: 0 20px 0 8px;
	margin: 0;
	color:#ebebeb;
}
#contentArchiv{
	position: absolute;
	top: 412px;
	left: 0px;
	z-index: 5;
	width: 614px; 
	background: url('../images/content_bg.png') 0 0 repeat;
	padding: 0 20px 20px 8px;
	margin: 0;
	color:#ebebeb;
}
#contentZitate h1, #contentArchiv h1{
	color: #cc9900;
	font-family: Georgia, times new roman, serif;
	font-size: 24px;
	line-height: 26px;
	font-weight: normal;
	padding: 0;
	margin: 24px 0 18px 109px;
}
.zitatIntro{
	float: left;
	width: 101px;
	font-size: 10px;
	padding: 6px 8px 0 0;
	margin: 0;
	line-height: 14px;
}
.zitatIntro a{
	font-size: 10px;
	font-family: Lucida Sans Unicode, Lucida Grande, Verdana, sans-serif;
}
.zitatMain{
	float: left;
	width: 505px;
	margin: 0 0 15px 0;
	font-family: Georgia, times new roman, serif;
	font-size: 15px;
	line-height: 22px;
	font-weight: normal;
}
.zitatMainKursiv{
	float: left;
	width: 505px;
	margin: 0 0 28px 0;
	padding: 0 0 28px 0;
	font-family: Georgia, times new roman, serif;
	font-size: 16px;
	line-height: 22px;
	font-weight: normal;
	font-style: italic;
	border-bottom: 1px solid #8e8e8e;
}
/*************************************************************/
/* Boxenspalte Rechts */
/*************************************************************/
#boxenSpalteRechts, #boxenSpalteRechtsStellung , #boxenSpalteRechtsTeam {
	position: absolute;
	top: 163px;
	left: 652px;
	z-index: 20;
	width: 205px; 
	height: auto;
	margin: 0;
	padding: 10px 10px 15px 10px;
	font-size: 12px;
	line-height:18px;
	background: url('../images/content_bg.png') 0 0 repeat;
}
#boxenSpalteRechts ul, #boxenSpalteRechtsStellung ul, #boxenSpalteRechtsTeam ul{
	margin:0;
	padding: 0;
	list-style: none;
}
#boxenSpalteRechts ul li, #boxenSpalteRechtsStellung ul li, #boxenSpalteRechtsTeam ul li{
	margin: 0 0 15px 0;
	padding: 0 0 15px 0;
	border-bottom: 1px solid #767676;
	font-size: 11px;
	line-height: 14px;
}
#boxenSpalteRechts ul li a, #boxenSpalteRechtsStellung ul li a , #boxenSpalteRechtsTeam ul li a {
	font-size: 12px;
	line-height:18px;
	margin-bottom:3px;
	display: block;
}
#boxenSpalteRechts h1, #boxenSpalteRechtsStellung h1 , #boxenSpalteRechtsTeam h1 {
	color: #cc9900;
	font-family: Lucida Sans Unicode, Lucida Grande, Verdana, sans-serif;
	font-size: 12px;
	line-height: 19px;
	font-weight: normal;
	padding: 0;
	margin: 0 0 3px 0;
}
/******************************************************************************************************/
.floatKiller{
	margin:0;
	padding: 0;
	clear: both;
	height: 0;
	line-height: 0;
	font-size:0;
}
/******************************************************************************************************/
a {
	color: #00ffff;
	font-weight: normal;
	text-decoration: none;
	font-family: Lucida Sans Unicode, Lucida Grande, Verdana, sans-serif;
}
a:hover{
	text-decoration: underline;
}
/*************************************************************/
/* Page Navigation */
/*************************************************************/
#pageNavi{
	color: #FFF;
	font-size: 12px;
	font-family: Lucida Sans Unicode, Lucida Grande, Verdana, sans-serif;
	padding: 0 0 0 109px;
}
#pageNavi a {
	color: #00ffff;
	font-weight: normal;
	text-decoration: none;
	font-size: 12px;
	font-family: Lucida Sans Unicode, Lucida Grande, Verdana, sans-serif;
	margin: 0 5px 0 0;
}
#pageNavi a.currentPage {
	color: #FFF;
}
#pageNavi a.currentPage:hover {
	text-decoration: none;
}


/*
Hallo,

ich habe für ein Weblayout halbtransparente DIVS mittels 

Code:
opacity:.70;
-moz-opacity: 0.7;
filter: alpha(opacity=75);
background-color: black;
definiert. Nun soll aber der darin befindliche Inhalt, also Bilder und Texte NICHT durchscheinend dargestellt werden. Offenbar werden aber die Transparenzeigenschaften weitervererbt. Nun habe ich schon in das Content-DIV ein weiteres DIV gepackt mit 

Code:
opacity:1.0;
-moz-opacity: 1.0;
filter: alpha(opacity=100);
um die Transparenz wieder zurückzusetzen. Funktioniert aber nicht, ebensowenig die Zuweisung direkt zu den Bildern oder dem Text.

Welche Lösung gibt es, um wirklich nur die Box, nicht aber deren Inhalte durchscheinend darzustellen? 

****************************************************************

Das geht leider nur mit transparenten PNGs. Für den IE musst Du dann zusätzlich noch den Image-Alpha-Filter benutzen, da er PNGs mit Teiltransparenzen nicht richtig darstellt.

Edit: Sieht ca. so aus:

filter:progid:DXImageTransform.Microsoft.AlphaImag eLoader(src='grafik.png'); 
*/