body {
	position:relative;
    height:100%; 
	margin:0px auto;
	padding:0px;	
	background-image:url(../images/bodyhg.gif);
	background-color:#BDBEC6; 
	text-align:center;    /* Workaround */
	font-size:100.01%;    /* Workaround */
    font-family:Verdana,Arial,Tahoma; 
}

#site {
	width:760px;
    min-height:100%; /* Mindesthöhe in modernen Browsern */
    height:auto !important; /* !important-Regel für moderne Browser */
    height:100%; /* Mindesthöhe in IE (<7) */
	background-color:#303030;
	border:1px solid #000000;
	margin:0px auto;
}

#header {
	height:90px;
	background-color:#303030;
	border:0px;
	font-size:36pt;
	color:Red;
}
 
#left {
	width:21%;
	/* width:159px; */
	border:1px solid #303030;
	background-color:#303030;
	margin:0px auto;		
	float:left;
}

#right {	
 	/* width:598px; */
	width:77%;
	border:1px solid #080808;
	background-color:#080808;
    margin-left:0px;
    margin-bottom:0px;
	margin-top:10px;
    margin-right:10px;
	float:right;
}

#content {
    height:100%;
	min-height:548px;
	padding-top:10px;
	padding-bottom:20px;
	padding-left:20px;
	padding-right:20px;
}

#footer {
	height:20px;
	background-color:Black;
	border:1px solid Black;	
    margin-top:10px;
}

#enkgruppe  {font-family:Verdana,Arial,Tahoma; font-size:10pt; color:#E0E0E0; font-weight:bold; text-align:center;}
.enkgrupperuhe{position:absolute; width:140px; left:28px; top:70px; border:1px solid #808080; background-color:#303030;}
.enkgruppeenergie{position:absolute; width:240px; left:178px; top:70px; border:1px solid #808080; background-color:#303030;}
.enkgruppemystik{position:absolute; width:140px; left:428px; top:70px; border:1px solid #808080; background-color:#303030;}

#enkgalerie {position:absolute; left:20px; top:90px; width:100%;}
#enkgalerie ul {list-style:none; padding:3px; margin:0px; width:100%; position:relative; float:left;}
#enkgalerie ul li {display:inline; width:40px; height:40px; float:left; margin:5px 5px 5px 5px;}
#enkgalerie ul li a {display:block; width:40px; height:40px; text-decoration:none;}
#enkgalerie ul li a img {display:block; width:40px; height:40px; border:1px solid #808080;}
#enkgalerie ul li a:hover {white-space:normal; border:1px solid Yellow; background-image:url(../images/klickmeaa.png); background-repeat:no-repeat;}
#enkgalerie ul li a:hover img {position:absolute; left:130px; top:90px; width:auto; height:auto; max-width:400px; max-height:340px; border:2px solid #F5B800; background-color:#000; padding:20px;}
#enkgalerie span{position:absolute; left:130px; top:69px; font-size:10pt; color:#E0E0E0; font-weight:bold;}

#diogruppea  {font-family:Verdana,Arial,Tahoma; font-size:10pt; color:#E0E0E0; font-weight:bold; text-align:center;}
.diogruppemotivation{position:absolute; width:90px; left:68px; top:70px; border:1px solid #808080; background-color:#303030;}
.diogruppesport{position:absolute; width:140px; left:168px; top:70px; border:1px solid #808080; background-color:#303030;}
.diogruppemusik{position:absolute; width:90px; left:318px; top:70px; border:1px solid #808080; background-color:#303030;}
.diogruppeereignisse{position:absolute; width:90px; left:418px; top:70px; border:1px solid #808080; background-color:#303030;}

#diogruppeb  {font-family:Verdana,Arial,Tahoma; font-size:10pt; color:#E0E0E0; font-weight:bold; text-align:center;}
.diogruppefun{position:absolute; width:140px; left:98px; top:70px; border:1px solid #808080; background-color:#303030;}
.diogruppeliebe{position:absolute; width:90px; left:248px; top:70px; border:1px solid #808080; background-color:#303030;}
.diogruppesonstige{position:absolute; width:140px; left:348px; top:70px; border:1px solid #808080; background-color:#303030;}

#diogaleriea {position:absolute; left:60px; top:90px; width:100%;}
#diogaleriea ul {list-style:none; padding:3px; margin:0px; width:100%; position:relative; float:left;}
#diogaleriea ul li {display:inline; width:40px; height:40px; float:left; margin:5px 5px 5px 5px;}
#diogaleriea ul li a {display:block; width:40px; height:40px; text-decoration:none;}
#diogaleriea ul li a img {display:block; width:40px; height:40px; border:1px solid #808080;}
#diogaleriea ul li a:hover {white-space:normal; border:1px solid Yellow; background-image:url(../images/klickmeaa.png); background-repeat:no-repeat;}
#diogaleriea ul li a:hover img {position:absolute; left:90px; top:120px; width:auto; height:auto; max-width:400px; max-height:250px; border:2px solid #F5B800; background-color:#000; padding:20px;}
#diogaleriea span {position: absolute; left:90px; top:99px; font-size:10pt; color:#E0E0E0; font-weight:bold;}

#diogalerieb {position:absolute; left:90px; top:90px; width:100%;}
#diogalerieb ul {list-style:none; padding:3px; margin:0px; width:100%; position:relative; float:left;}
#diogalerieb ul li {display:inline; width:40px; height:40px; float:left; margin:5px 5px 5px 5px;}
#diogalerieb ul li a {display:block; width:40px; height:40px; text-decoration:none;}
#diogalerieb ul li a img {display:block; width:40px; height:40px; border:1px solid #808080;}
#diogalerieb ul li a:hover {white-space:normal; border:1px solid Yellow; background-image:url(../images/klickmeaa.png); background-repeat:no-repeat;}
#diogalerieb ul li a:hover img {position:absolute; left:90px; top:120px; width:auto; height:auto; max-width:400px; max-height:250px; border:2px solid #F5B800; background-color:#000; padding:20px;}
#diogalerieb span {position: absolute; left:90px; top:99px; font-size:10pt; color:#E0E0E0; font-weight:bold;}

#colgalerie {position:absolute; left:30px; top:70px; width:100%;}
#colgalerie ul {list-style:none; padding:3px; margin:0px; width:100%; position:relative; float:left;}
#colgalerie ul li {display:inline; width:65px; height:46px; float:left; margin:5px 5px 5px 5px;}
#colgalerie ul li a {display:block; width:65px; height:46px; text-decoration:none;}
#colgalerie ul li a img {display:block; width:65px; height:46px; border:1px solid #808080;}
#colgalerie ul li a:hover {white-space:normal; border:1px solid Yellow; background-image:url(../images/klickmeab.png); background-repeat:no-repeat;}
#colgalerie ul li a:hover img {position:absolute; left:110px; top:120px; width:auto; height:auto; max-width:400px; max-height:250px; border:2px solid #F5B800; background-color:#000; padding:20px;}
#colgalerie span {position: absolute; left:110px; top:100px; font-size:10pt; color:#E0E0E0; font-weight:bold;}

.menutitle {
	color:#303030;
	background-color:#F5B800;
	font-weight:bold;
	text-align:center;
	padding-top:2px;
	padding-bottom:2px;
	margin:2px auto;
}

.menucontainer {
	font-family:Verdana, Arial, Sans-Serif;
	font-size:10pt;
	border:1px solid #000;
	background-color:#F5B800;
	width:136px;
	margin-top:10px;
	margin-left:10px;
	margin-right:10px;
	margin-bottom:20px;
}

.xmlvalid {
	padding-top:50px;
	border:0;	
}

a {
	color:#E0E0E0;	
	font-weight:normal;
	background-color:transparent;
}

a:hover {
	color:Yellow;
}

a.menu:link, a.menu:visited {
	color:#EEEEEE;
	background-color:#A9A9A9;	
	text-decoration:none;
}
a.menu:active, a.menu:hover {
	color:#737994;
	background-color:#EEEEEE;
}
a.menu {
	display:block;
	padding:2px;
	border-top:1px solid #000;
	background-color:#FFCC33;
	text-align:center;
	font-weight:bold;
	color:#EEEEEE;
	text-decoration:none;
}

a.image {	
	text-align:center;
	margin-top:30px;
	margin-bottom:20px;	
}

p {
	font-family:Verdana, Arial, Sans-Serif;
	font-size:10pt;
	color:#E0E0E0;
	text-align:justify;
}

p.imagename {
  text-align:center;
  margin-top:30px;
  margin-bottom:5px;
  font-family:Verdana, Arial, Sans-Serif;
  font-size:12pt;
  font-weight:bold;
  color:#FAFAFA;
}

p.image {
	text-align:center;
	padding-top:8px;
	padding-bottom:8px;
}

p.desc {
	color:#E0E0E0;
	font-family:Verdana, Arial, Sans-Serif;
	font-size:10pt;
	text-align:justify;
	margin-left:40px;
	margin-right:40px;
	margin-top:-15px;
}

p.email {
	font-family:Verdana, Arial, Sans-Serif;
	font-size:10pt;
	text-align:center;
}

p.center {
    text-align:center;
}

p.tip0 {
  text-align:center;
  font-family:Verdana, Arial, Sans-Serif;
  font-size:12pt;  
  color:#A0A0A0;
}

p.tip1 {
  text-align:center; 
  margin-top:20px;  
  margin-bottom:30px;
  font-family:Verdana, Arial, Sans-Serif;
  font-size:10pt;
  color:Orange;
}

p.tip2 {
  text-align:center;
  font-family:Verdana, Arial, Sans-Serif;
  font-size:8pt;
  margin-top:-10px;
  color:#808080;
}

p.tip3 {
  text-align:center;
  vertical-align:middle;
  font-family:Verdana, Arial, Sans-Serif;
  font-size:8pt;
  color:#808080;  
  white-space:nowrap;
  margin-top:4px;
}

h1 {
  color:#F5B800;
  font-family:Verdana, Arial, Sans-Serif;
  font-size:18pt;
  font-weight:bold;
  line-height:normal;
  font-style:normal;
  letter-spacing:1pt;
  vertical-align:middle;
  text-align:center;
  white-space:nowrap;
}

h2 {
  color:#B58800;
  font-family:Verdana, Arial, Sans-Serif;
  font-size:14pt;
  font-weight:bold;
  line-height:normal;
  font-style:normal;
  letter-spacing:1pt;
  vertical-align:middle;
  text-align:center;
  white-space:nowrap;
  margin-top:-20px;
  margin-bottom:15px;
}

img {
	border: none;
}

/*------------------------------------------------------------------------------------------------------*/
/*                                         FIXING von IE-BUGS                                           */
/*------------------------------------------------------------------------------------------------------*/

/**
* Fehlersuche: Hintergrund leuchtet grün, wenn das Stylesheet korrekt geladen wurde
*
* @debug
* @app-default disabled
*/

/* body { background: #0f0; background-image: none; }  */

/*------------------------------------------------------------------------------------------------------*/

/**
* Erzwingen vertikaler Scrollbalken im IE nicht benötigt (nur im Firefox/Netscape/Safari)
*
* @workaround
* @affected   IE 5.x/Win, IE6, IE7
* @css-for    IE 5.x/Win, IE6, IE7
* @valid      yes
*/

html { height:auto; margin-bottom:0; }

/*------------------------------------------------------------------------------------------------------*/

/**
* Korrigiert das fehlerhafte overflow-Verhalten von textarea und input-Elementen
*
* @workaround
* @affected   IE 5.x/Win, IE6
* @css-for    IE 5.x/Win, IE6
* @valid      no
*/

* html textarea { overflow:scroll; overflow-x:hidden; }
* html input { overflow:hidden; }

/*------------------------------------------------------------------------------------------------------*/

/**
* Stabilitätsverbesserungen durch 'position:relative'
*
* @bugfix
* @affected   IE 5.x/Win, IE6, IE7
* @css-for    IE 5.x/Win, IE6, IE7
* @valid      yes
*/

body { position:relative }       /* Essential in IE7 for correct layout scaling ... */
* html body { position:static }  /* ... but not for IE5.x and IE6 */

/*------------------------------------------------------------------------------------------------------*/

/**
* Clearfix-Anpassung für diverse IE-Versionen
*
* @workaround
* @see        http://www.456bereastreet.com/archive/200603/new_clearing_method_needed_for_ie7/#comment28
* @affected   IE 5.x/Win, IE6, IE7
* @css-for    IE 5.x/Win, IE6, IE7
* @valid      yes
*/

.clearfix { display: inline-block }  /* ... especial for IE7 */
.clearfix { display: block }         /* ... für IE5,IE6,IE7 */
* html .clearfix { height:1% }       /* ... für IE5 + IE6/Win | hasLayout aktivieren */

/*------------------------------------------------------------------------------------------------------*/

/**
* Anpassung der .floatbox-Klasse für IE
*
* @workaround
* @affected   IE 5.x/Win, IE6
* @css-for    IE 5.x/Win, IE6
* @valid      yes
*/

* html .floatbox { width:100% }

/*------------------------------------------------------------------------------------------------------*/

/**
* Spezielle Klasse für übergroße Inhaltselemente
*
* @workaround
* @affected   IE 5.x/Win, IE6
* @css-for    IE 5.x/Win, IE6
* @valid      yes
*/

.slidebox {	margin-right:-1000px; position:relative; height:1% }

/*------------------------------------------------------------------------------------------------------*/

/**
* Bugfix für unvollständige Darstellung der Spalteninhalte / Spaltentrenner
*
* @bugfix
* @affected   IE 5.x/Win, IE6
* @css-for    IE 5.x/Win, IE6
* @valid      yes
*/

* html #links { position:relative }   /* Nur für < IE7, sonst gibts im IE7 neue Positionierungsprobleme */
* html #rechts { position:relative }

/*------------------------------------------------------------------------------------------------------*/

/**
* Vermeidung verschiedenster Bugs durch Erzwingen von "hasLayout"
*
* @workaround
* @affected   IE 5.x/Win, IE6, IE7
* @css-for    IE 5.x/Win, IE6, IE7
* @valid      no
*/

body { height: 1% }
#page_margins, #site, #header, #links, #rechts, #footer { zoom:1 }             /* IE6 & IE7    */
#page_margins, #site { height: 1% }                                            /* IE 5.x       */
* html #header, * html #links, * html #rechts, * html #footer { width:100% }   /* IE 5.x & IE6 */
* html #header, * html #links, * html #rechts, * html #footer { width:auto }   /* IE 6         */

/*------------------------------------------------------------------------------------------------------*/

/**
* Disappearing List-Background Bug
* @see        http://www.positioniseverything.net/explorer/ie-listbug.html
*
* @bugfix
* @affected   IE 5.x/Win, IE6
* @css-for    IE 5.x/Win, IE6
* @valid      yes
*/
* html ul { position:relative; }
* html ol { position:relative; }
* html dl { position:relative; }

/*------------------------------------------------------------------------------------------------------*/

/**
* List-Numbering Bug
*
* @bugfix
* @affected   IE 5.x/Win, IE6, IE7
* @css-for    IE 5.x/Win, IE6, IE7
* @valid      yes
*/
body ol li { display:list-item; }

/*------------------------------------------------------------------------------------------------------*/

/**
* Workaround für 'kollabierenden Margin an #right bei Verwendung der CSS-Eigenschaft clear
*     Der linke Margin von #right kollabiert bei der Verwendung von clear:both,
*     wenn gleichzeitig die rechte Spalte die kürzeste und die rechte die längste ist.
*
* @workaround
* @affected   IE 5.x/Win, IE6, IE7
* @css-for    IE 5.x/Win, IE6, IE7
* @valid      no
*/

#ie_clearing 
{
	/* Nur eine kleine Hilfe zur Fehlersuche */
	position:static;

	/* Container sichtbar machen im IE */
	display:block;

	/* Kein Fix im IE5.x möglich, daher normales Clearing */
	clear:both;

	/* IE-Clearing mit 100%-DIV für IE6 bzw. übergroßem Container im IE7 */
	width:100%;
	font-size:0px;
	margin:-2px 0 -1em 1px;
}

* html #ie_clearing { margin: -2px 0 -1em 0}
#right_content {margin-bottom:-2px }

/* Vermeidung horizontaler Scrollbalken bei randabfallenden Layouts im IE7 */
html {margin-right: 1px}
* html {margin-right: 0}


/* Bugfix: Notwendig im IE7 */
#right { position:relative }

/*------------------------------------------------------------------------------------------------------*/

/**
* IE/Win Guillotine Bug
* @see        http://www.positioniseverything.net/explorer/guillotine.html
*
* @workaround
* @affected   IE 5.x/Win, IE6
* @css-for    IE 5.x/Win, IE6
* @valid      yes
*/

* html body a, * html body a:hover { background-color: transparent; }

/*------------------------------------------------------------------------------------------------------*/

/**
* IE-Anpassung für Subtemplates
*
* Doubled Float-Margin Fix
*
* @bugfix
* @affected   IE 5.x/Win, IE6
* @css-for    IE 5.x/Win, IE6
* @valid      yes
*/

* html .c50l, * html .c25l, * html .c33l, * html .c38l, * html .c66l, * html .c75l, * html .c62l,
* html .c50r, * html .c25r, * html .c33r, * html .c38r, * html .c66r, * html .c75r, * html .c62r { display:inline; }

/*------------------------------------------------------------------------------------------------------*/