/* CSS Document für Grupos - Typ Lichtmeditation */

body{
margin:5px 0px 5px 0px;
padding:0;
font-family: Arial, Helvetica, sans-serif; 
font-size: 12px;
}

html {scrollbar-face-color:#538A89;
scrollbar-track-color:#EAFBFB;
scrollbar-arrow-color:#FFFFFF;
scrollbar-highlight-color:#FFFFFF;
scrollbar-shadow-color:#FFFFFF;
scrollbar-3dlight-color:#FFFFFF;
scrollbar-darkshadow-color:#FFFFFF;}

a {color: #538A89;}
a:hover {color: #CC3366;}
a:visited {color: #538A89;}


#maincontainer{
width: 745px; /*Breite der gesammten Seite*/
margin: 0 auto; /*Auf Seite zentrieren*/
border:#58D4D4 1px solid;  background-color:#fff;
scrollbar-face-color:#538A89;
scrollbar-track-color:#EAFBFB;
scrollbar-arrow-color:#FFFFFF;
scrollbar-highlight-color:#FFFFFF;
scrollbar-shadow-color:#FFFFFF;
scrollbar-3dlight-color:#FFFFFF;
scrollbar-darkshadow-color:#FFFFFF;
}

#topsection{
background: #FFFFFF;
height: 130px; /*Höhe des Kopfes*/
}

#topsection h1{
margin: 0;
padding-top: 15px;
}

#contentwrapper{
float: left;
width: 100%;
}

#contentcolumn{
margin-left: 166px; /*Die Weite der linken Spalte wird zum Abstand des Content Containers*/
height: 610px;
}

#leftcolumn{
float: left;
width: 166px; /*Weite der linken Spalte*/
height: 620px;
margin-left: -745px; /*Linke Spalte minus Content Breite*/
background:url(../common/graphic_elements/vert_herz_neu.gif) top right no-repeat #ECFBFB;
}

/*nicht benutzt aber unbedingt nötig fürs Layout!!!!!*/
#footer{clear: left;}

/*navigation oben und Seitentitel*/
.navitube { width:579px; height:34px; border-bottom:#58D4D4 1px solid; text-align:right; margin:0; padding:0; background-color:#ECFBFB;}

/*navigation oben (3 bilder)*/
.head-navi { width:126px; float:right; text-align:right;}

/*Seitenüberschrift*/
.main-titel { width:449px; float:left; text-align:left; color:#006699; font-size:14px; font-weight: bold; line-height:36px; }

/*Inhaltscontainer*/
.innertube{
margin:0; text-align:center;

}

/* Linkes Menu für alle Seiten*/
.left_menu {width: 140px; float:left; text-align:right; font-size:11px; font-weight: bold;}
.headline {width: 140px; float:left; text-align:right; font-size:13px; font-weight: bold;margin-bottom:25px; margin-top:78px; color: #006699; clear:both;}
.left_menu a { color: #006699; display:block; text-decoration:none; margin-bottom:15px;}
.left_menu a:visited { color: #006699;}
.left_menu a:hover {color: #FF0066;}
#active{color: #FF0066;}

.img {border:#58D4D4 1px solid; margin-top:45px;}

/* ---------------- Styles für "Was geschieht" ---------------------------*/

/* Bild mit Rahmen "Was geschieht"*/
.img_was1 { margin-left:15px;  border:#58D4D4 1px solid; border-top:none;}
.img_was2 { margin-left:15px; margin-top:15px; border:#58D4D4 1px solid; }

/* Text und Positionierung "Was geschieht"*/
.was {margin-top:35px; overflow:auto; color: #538A89; font-family: Verdana, Arial, Helvetica, sans-serif; font-size: 11px; height:520px; width:285px}

/* Headlines im Text "Was geschieht"*/
.slogan_was {
	font-family: Verdana, Arial, Helvetica, sans-serif;
	font-size: 18px;
	font-weight: bold;
    color: #538A89;
    clear:both;
	margin-top:10px;
	margin-bottom:20px;
	}
.text_li_was {
	font-family: Verdana, Arial, Helvetica, sans-serif;
	font-size: 11px;
	font-weight: bold;
	line-height: 16px;
    color: #538A89;
	margin-left:15px; clear:both;
	width:212px;
	}


/* ---------------- Styles für "Warum?" ---------------------------*/
/* Bilderrahmen und abstände für "Warum?"*/
.img_warum { margin-left:15px; border:#58D4D4 1px solid; border-top:none;}

/* Text und Positionierung "Was geschieht"*/
.warum {margin-top:40px; overflow:auto; color: #538A89; font-family: Verdana, Arial, Helvetica, sans-serif; font-size: 11px; height:500px; width:285px}

/* Headlines im Text "Was geschieht"*/
.slogan_warum {
	font-family: Verdana, Arial, Helvetica, sans-serif;
	font-size: 18px;
	font-weight: bold;
    color: #538A89;
    clear:both;
	margin-top:0px;
	margin-bottom:20px;
	}
.text_li_was {
	font-family: Verdana, Arial, Helvetica, sans-serif;
	font-size: 11px;
	line-height: 16px;
	font-weight: bold;
    color: #538A89;
	margin-left:15px; clear:both;
	width:212px;
	}


	

/* ---------------- Styles für "Wer steht dahinter/Organisator(en)" ---------------------------*/

.img_wer { margin-left:15px; border:#58D4D4 1px solid; border-top:none;}

/* Text und Positionierung "Was geschieht"*/
.wer {margin-top:40px; overflow:auto; color: #538A89; font-family: Verdana, Arial, Helvetica, sans-serif; font-size: 11px; height:500px; width:285px}

/* Headlines im Text "Was geschieht"*/
.slogan_wer {
	font-family: Verdana, Arial, Helvetica, sans-serif;
	font-size: 18px;
	font-weight: bold;
    color: #538A89;
    clear:both;
	margin-top:0px;
	margin-bottom:20px;
	}




/* ---------------- Styles für "Kontakt" ---------------------------*/
/* Bilder mit Rahmen "Kontakt"*/
.kontakt { margin-top:45px;}
.kontakt_tbl {}
.tbl_li { background-color:#E0EBEB; font-family: Verdana, Arial, Helvetica, sans-serif;
	font-size: 18px;
	font-weight: bold;
    color: #538A89;padding:10px;}
.tbl_re { background-color: #EBF5FF; color: #538A89; font-family: Verdana, Arial, Helvetica, sans-serif; font-size: 12px; font-weight: bold;padding:10px;}