/* iepngfix */
#welcome, #willkommen, #projekteImgNavig, #content, #contentWysiwyg, #contentWysiwygNews, #projektTitel01, #projektTitel02, #projektTitel03, #projektTitel04, #projektTitel05 {
	behavior: url(/_scripts/iepngfix.htc);
}
/*  */

html,body {
	height:100%; /* needed for wrapper min-height */
}
body {
	background-color:#414141;
}
body, div, p, form, td {
	font-family:"Trebuchet MS", Arial, Helvetica, sans-serif;
	margin:0;
	padding:0;
	font-size:12px;
	color:#cccccc;		
}
h1,.h1 {
	font-size:13px;
	color:#ffffff;
	margin:0;
	padding:0 0 5px 0;
}

hr {
	border-top:solid #999999 1px;
	border-bottom:0;
	border-right:0;
	border-left:0;
	font-size:0px;
	height:1px;
	padding:0;
	margin:15px 0 15px 0;
}
p {
	margin:0;
	padding:0;
}
ul {
	text-align:left;
	padding:0 0 0 10px;
	margin:0 0 1.5em 10px;
}
ul li {
	list-style:disc;
}

/* navAccesskey */
.navAccesskey {
	z-index:200;
	position: absolute;
	left: -1000px;
	top: -1000px;
}
/*  */

/* Allgemein */
#content a, #contentAreaHome a, #contentAreaProjekte a, #contentAreaNatuerlichLicht a, #portraitContent a {
	color:#ffffff;
	text-decoration:none;
}
#content a:hover, #contentAreaHome a:hover, #contentAreaProjekte a:hover, #contentAreaNatuerlichLicht a:hover, #portraitContent a:hover {
	color:#cccccc;
}
.clearer { 
	clear:both; 
	font-size:0;
	line-height:0; 
	height:0;
}
img {
	border:0;
	margin:0;
	padding:0;
}
/*  */

/* wrapper */
#wrapper {
	width:980px;
	background-color:#3b3b3b;
	margin:0 auto;
	position:relative; /* needed for footer positioning*/
	
	height:auto !important; /* real browsers */
	height:100%; /* IE6: treaded as min-height*/

	min-height:100%; /* real browsers */
}
/*  */

/* headArea01 */
#headArea01 {
	width:980px;
	height:72px;
	background-color:#212121;
}
#navigArea01 {
	float:left;
	width:718px;
	height:57px;
	padding-top:15px;
}
#logo {
	float:left;
	width:180px;
	height:35px;
	padding:37px 0 0 82px;
}
#navigArea01 .aktiv {
	color:#ffffff;
}
/*  */

/* headArea02 */
#headArea02 {
	width:980px;
	height:105px;
	background-color:#303030;
}
#navigArea02 {
	float:left;
	width:718px;
	height:95px;
	padding-top:10px;
}
#headArea02 .aktiv {
	color:#ffffff;
}
#serviceNavigArea {
	float:right;
	width:262px;
	height:105px;
}
#serviceNavigAbstand {
	float:left;
	width:50px;
	padding:0;
	margin:0;
}
#serviceNavig, #sprachNavig {
	float:left;
	width:120px;
	height:22px;
	color:#9c9c9c;
	text-align:right;
	background-color:#272727;
	padding:4px 10px 0 0;
	margin-left:0;
}
#sprachNavig {
	float:left;
	width:58px;
	padding-right:24px;
	margin-left:0;
}
#serviceNavig a, #sprachNavig a {
	text-decoration:none;
	font-family:Verdana, Arial, Helvetica, sans-serif;
	font-size:10px;
	color:#999999;
}
#serviceNavig a:hover, #sprachNavig a:hover {
	color:#ffffff;
}
#dokuInhalt, #doku {
	width:238px;
	height:71px;
	line-height:16px;
	font-family:Verdana, Arial, Helvetica, sans-serif;
	font-size:10px;
	color:#999999;
	text-align:right;
	padding:8px 24px 0 0;
}
#doku {
	height:39px;
	padding:40px 24px 0 0;
}
#doku a, #dokuInhalt a {
	text-decoration:none;
	font-family:Verdana, Arial, Helvetica, sans-serif;
	font-size:10px;
	color:#ffffff;
}
#doku a:hover, #dokuInhalt a:hover {
	color:#999999;
}
.zahlen {
	font-size:11px;
	color:#ffffff;
}
/*  */

/* content */
#content {
	width:980px;
	height:454px;
	background-image:url(/_img/leer.jpg);	
	background-position:top;
	background-repeat:no-repeat;
	background-color:#303030;
	padding-top:32px;
}
#contentAreaHome {
	width:980px;
	height:486px;
	background-image:url(/_img/home/01.jpg);
	background-position:top;
	background-repeat:no-repeat;
	background-color:#303030;
}
#contentAreaLichtkompetenz {
	width:980px;
	height:454px;
	background-image:url(/_img/natuerlich_licht/01.jpg);
	background-position:top;
	background-repeat:no-repeat;
	background-color:#303030;
	padding-top:32px;
}
#contentLichtkompetenz {
	width:913px;
	color:#cecece;
	background-image:url(/_img/bg/bg_lichtkompetenz.png);
	background-repeat:repeat;
	margin:0 0 0 30px;
	padding:25px 0 0 25px;
}
#lichtkompetenzLinks, #lichtkompetenzRechts {
	float:left;
	width:335px;
	color:#cccccc;
	margin:0;
	padding:0 0 10px 0;
}
#lichtkompetenzRechts {
	width:538px;
	padding:0 0 10px 40px;
}
#lichtkompetenzRechts .aktiv {
	color:#ffffff;
}
#portrait {
	width:688px;
	color:#cccccc;
	background-image:url(/_img/bg/bg_lichtkompetenz.png);
	background-repeat:repeat;
	margin:0 0 0 205px;
	padding:0 20px 20px 0;
}
#portraitContent {
	float:left;
	padding:5px 20px 20px 0;
}
#portraitImg{
	float:left;
	margin:0;
	padding:0 20px 20px 0;
}
#contentAreaProjekte {
	width:980px;
	height:460px;
	background-image:url(/_img/projekte/bueros_oeffentliche_gebaeude/sportcheck/01.jpg);
	background-position:top;
	background-repeat:no-repeat;
	background-color:#303030;
}
#contentAreaProjekteStart {
	width:980px;
	height:460px;
	background-color:#303030;
}
#contentAreaNatuerlichLicht {
	width:980px;
	height:454px;
	background-image:url(/_img/natuerlich_licht/01.jpg);
	background-position:top;
	background-repeat:no-repeat;
	background-color:#303030;
	padding-top:32px;
}
#content #contentWysiwyg {
	width:578px;
	max-height:350px;
	overflow:auto;
	color:#cccccc;
	background-image:url(/_img/bg/bg_natuerlich_licht.png);
	background-repeat:repeat;
	margin:0 0 0 320px;
	padding:25px 20px 20px 30px;
}
#content #contentWysiwygNews {
	width:898px;
	height:350px;
	/*position:absolute;*/
	overflow:auto;
	color:#cccccc;
	background-image:url(/_img/bg/bg_natuerlich_licht_schmal.png);
	background-repeat:repeat;
	margin:0 0 0 320px;
	padding:25px 20px 20px 30px;
}
#willkommen {
	float:left;
	width:175px;
	height:29px;
	background-image:url(/_img/bg/bg_willkommen.png);
	background-repeat:repeat-x;
	padding:6px 0 0 20px;
}
#welcome {
	float:left;
	width:764px;
	height:29px;
	background-image:url(/_img/bg/bg_welcome.png);
	background-repeat:repeat-x;
	margin-left:1px;
	padding:6px 0 0 20px;
}
#willkommen a, #welcome a {
	text-decoration:none;
	font-size:16px;
	color:#ffffff;
}
#willkommen a:hover, #welcome a:hover {
	color:#ffffff;
}
#projekteImgNavig {
	width:964px;
	height:35px;
	background-image:url(/_img/bg/bg_projekte_img_navig.png);
	background-repeat:repeat;
	padding-right:16px;
}
#projekteImgNavigBlock {
	float:right;
	height:29px;
	padding:6px 5px 0 5px;
}
#projekteImgNavigBlockOver {
	float:right;
	border:#FFFFFF 2px solid;
	margin:4px 3px 0 3px;
}
#iconBooklet {
	float:left;
	height:29px;
	padding:6px 5px 0 21px;
}
.projekte, .projekteOver {
	float:left;
	display:block;
	cursor:pointer;
	width:196px;
	height:460px;
	background-image:url(/_img/projekte/start_neu/01.jpg);
	background-repeat:no-repeat;
}
.projekteOver {
	background-image:url(/_img/projekte/start/bg_titel.png);
	background-repeat:repeat;
}
.projekteNotOver {
	background-image:none;
}
.projekte01, .projekte02, .projekte03, .projekte04, .projekte05 {
	float:left;
	display:block;
	cursor:pointer;
	width:196px;
	height:460px;
	/*background-image:url(/_img/projekte/start/01.jpg);*/
	background-repeat:no-repeat;
}
/*.projekte02 {
	background-image:url(/_img/projekte/start/02.jpg);
}
.projekte03 {
	background-image:url(/_img/projekte/start/03.jpg);
}
.projekte04 {
	background-image:url(/_img/projekte/start/04.jpg);
}
.projekte05 {
	background-image:url(/_img/projekte/start/05.jpg);
}*/
.projekte01over, .projekte02over, .projekte03over, .projekte04over, .projekte05over {
	float:left;
	display:block;
	cursor:pointer;
	width:196px;
	height:460px;
	background-image:url(/_img/projekte/start/01_over.jpg);
	background-repeat:no-repeat;
}
.projekte02over {
	background-image:url(/_img/projekte/start/02_over.jpg);
}
.projekte03over {
	background-image:url(/_img/projekte/start/03_over.jpg);
}
.projekte04over {
	background-image:url(/_img/projekte/start/04_over.jpg);
}
.projekte05over {
	background-image:url(/_img/projekte/start/05_over.jpg);
}
#projektTitel01, #projektTitel02, #projektTitel03, #projektTitel04, #projektTitel05 {
	width:166px;
	height:25px;
	line-height:20px;
	color:#ffffff;
	background-image:url(/_img/projekte/start/bg_titel.png);
	background-repeat:repeat-x;
	padding:35px 10px 0 20px;
}
#projektTitel03 {
	height:45px;
	padding:15px 10px 0 20px;
}
/*  */

/* footer */
#footerReferenzen {
	width:966px;
	height:25px;
	font-size:10px;
	line-height:11px;
	color:#595959;
	background-color:#303030;
	padding:1px 0 0 14px;
}
#footerArea {
	width:966px;
	height:31px;
	font-size:11px;
	color:#595959;
	background-image:url(/_img/bg/bg_footer.gif);
	background-repeat:repeat-x;
	padding:59px 0 0 14px;
}
/*  */

/* img fader */
.blend img {
opacity: 0;
-moz-opacity: 0;
-khtml-opacity:0;
filter: alpha(opacity=0);
}
/*  */
