/* 
     CSS Basic - LightAlliance
     v. 0.1
     by Die Etagen GmbH
     27.05.2009 
*/

/*========================
0. Allgemeine Formatierung
=========================*/
*{
     margin:0px;
     padding:0px;
     border: 0 none;
     font-size: 100%;
     font-style: inherit;
     font-weight: inherit;
     text-decoration: inherit;
     list-style-type: none;
}

html {min-height:100%; padding-bottom:1px;
	 background:url(../layout/bg_hell.jpg) center 30px no-repeat #002b4e;}

body{
     font-family:Arial, Helvetica, sans-serif; 
     font-size: 12px;
     color: #fff;
	 background:url(../layout/top-balken-hell.gif) top repeat-x;
	 line-height:1.4;
}

h1{
     font-size: 25px;
     font-weight: bold;
     margin-bottom: 7px;
}
a, a:link, a:visited, a:hover{
     color: #ffffff;
     text-decoration: none;
}

p a, p a:link, p a:visited, p a:hover {
	text-decoration: underline;

}


a:hover{
     color: #e85b0e;
}

strong {
	font-weight: bold;
}

ul.content-list {
	
}

ul.content-list li {
	list-style: disc;
	line-height: 1.6em;
	margin-bottom: 15px;
	margin-left: 20px;
}

ul.content-list li a, ul.content-list li a:link, ul.content-list li a:visited, ul.content-list li a:hover {
	text-decoration: underline;
}


/*=========================
1. Layout Grob Formatierung
==========================*/

/* Allumfassendes Div */
#main{
     width: 1000px; 
     margin: 0 auto; 
     position: relative;
	 background:url(../layout/bg_hell.jpg) center 30px no-repeat transparent;
}

#metaNav{
     width: 1000px;
     height:  30px;
     background-image: url(../layout/metanav_bg.gif);
}

#head{
     width: 400px;
     height: 105px;
     float: left;
    /* background-image: url(../layout/head_bg_h.jpg);*/
}

#content{
     min-height: 600px;
     height: auto !important;  /* für moderne Browser */
     height: 600px;  /*für den IE */
	 position:relative;
	 clear:both;
}

#footer{
     height: 50px; 
	 padding-top:50px;
}

/*===============================
2. Content Box und Box rechte Seite
================================*/

#contentBox, #willkommenLang, #willkommenKurz{
     float: left;
     margin: 0 -7px 0 34px;
	 /*608 x 496*/
	 padding: 28px 23px 28px 30px;
     width: 555px;
     min-height: 469px;
     height: auto !important;  /* für moderne Browser */
     height: 469px;  /*für den IE */
     background: url(../layout/hauptbox-fade.jpg) no-repeat;
	 position:relative;
	 z-index:20;
}
#willkommenLang, #willkommenKurz {
	margin:0;
	}
#willkommenKurz {
	background-image: url(../layout/hauptbox-klein.jpg);
	min-height: 260px;
	}


#contentBox h1{
     font-size: 24px;
     font-weight: bold;
}

#contentBox h2{
     font-size: 14px;
     padding-right: 10px;
}

#contentBox p{
     padding-bottom: 10px;
}


#shortMenues{
     float:left;
     width: 333px;
     background:url(../layout/box-rechts-mid-2.jpg) left top repeat-y;
	 position:relative;
	 z-index:10;

}

#shortMenue2 {
	 float:left;
     width: 300px;
  	 margin: 14px 0 0 16px;
     background:url(../layout/box-rechts-mid-2nd.jpg) center top repeat-y;
	 position:relative;
	 z-index:10;
}

#shortMenue2-content {
	margin: 14px 0 0 14px;
}

#shortMenues .bg-top {
	float:left;
	width:100%;
	background:url(../layout/box-rechts-mid-1.jpg) left top no-repeat;
	}

#shortMenues .bg-bottom {
	float:left;
	width:273px;
	background:url(../layout/box-rechts-mid-shadow-1.png) left bottom no-repeat;
	padding: 28px 30px;
	margin-bottom:-17px;
	}

#shortMenues #hl_grafik{
     margin: 0 0 17px -2px;
}
/*===========================
3. Elementen Platzierung 
============================*/

/* Meta Nav */
#metaNav li{
     display: inline;
}

#lichtElem{
     margin-left: 65px;
     margin-top:  8px;
     float: left;
     font-weight: bold;
}

#lichtElem li{
     margin-right: 65px;
}

#lichtElem div{
     display: inline;
     margin-right: 65px;
}

.metalight{
     margin-top: 5px;
     height: 9px;
     overflow:hidden;
     position: relative;
     display:inline;
     float:left;
}

.metalight a:hover .metalightbild{
     margin-top: -9px;
}

#sonstigeElem{
     margin-right: 48px;
     margin-top: 8px;
     float: right;
     font-weight: bold;
}

#sonstigeElem li{
     margin-left: 27px;
}

/* Head */
#logo{
     margin-left: 66px;
     margin-top: 28px;
}

/* Footer */

.left {
	float: left;
	padding-left: 55px;
	margin-top: 3px;
}

.left span {
	font-size: 80%;
	color: white;
}

#footer li{
     display: inline;
     font-weight: bold;
     margin-left: 15px;
     line-height: 20px;
}

#footer li p{
     display: inline;
     margin-bottom: 5px;
     vertical-align: top;
}

#footer li img{
     margin-right: 8px;
}

#footer ul{
     float:right;
     margin-right: 50px;
     height: 20px;
}

/* Sonstiges */
.clear {clear:both;}

/*===========================
Wolfgang neu 
============================*/

#news {position:relative; background:url(../layout/Box-rechts-hell.jpg) no-repeat top left;}
#galerie {background:url(../layout/box-rechts-dunkel-ganz.jpg) no-repeat left -9px;}
#newsNav {position:absolute; top:28px; right:25px;}
#willkommenLang {display:none;}
.iview { width:200px; min-height:60px;}
.iview a {font-weight:bold;}
.iviewbild { width:30px; float:left; margin-right:15px; }
#hl_initiatoren {margin-bottom:19px;}
blockquote {float:left; width:150px; padding: 0 5px 5px 0; font-size:24px; font-style:italic;}
/*Für Interviews*/
dt { color:#00659A; float:left; width:80px; padding-right:15px;}
dd {padding-bottom:20px;}
#dunkel-streifen {margin-left:50%; width:50%; height:30px; margin-bottom:-30px; background:url(../layout/top-balken-dunkel.gif) repeat-x;}

/*===========================
Andreas neu 
============================*/

/* Modul Text+Zitat */
.mlaLeft  { float: left; width: 250px; }
.mlaRight  { float: right; }

/* Modul Bildergalerie */
.pictoSgl   { float: left; } 
#pictoHull  { padding: 10px 0px 0px 13px; }
.marLt    { margin-left: 6px; }

.initiator div
{
margin-right: 11px; 
text-align: center; 
float: left; 
background-color: #ffffff; 
width: 40px; 
height: 40px;
}

/* Aktive Links hervorheben */
.elemActive a{
     color: #e85b0e;
}

.lichtElemActive a .metalightbild{
     margin-top: -9px;
}

/* head */

#head_teaser {
	float: right;
	margin: 20px 43px 0 0;
	z-index: 1000;
}

a#monster_teaser {
	margin: 0;
	height: 82px;
	width: 311px;
	display: block;
	background: transparent url(http://lightalliance.de/files/layout/monster_teaser.png) no-repeat;
	z-index: 1000;
}

.hidden {
	position:absolute; 
	left:-999px; 
	width:200px;
}