/* NEU 30okt09 hydrokultur 
	www.burg-halle.de/hydrokultur.html
	www.projekt-hydrokultur.de
	
	NEU: 
	Seite Activ Service  > HellBLAU > color="#6db7d0"  
	Linie > Olive-Gr�n > color="#bbc928"
	DunkelGrau > color="#6d6d6d"
	Textfarbe Link Schrift im Text etwas DUNKLER:
		a:link { color: #3A8FAD; }
		a:hover { color: #929B20; }

	font-family: Verdana, Tahoma, "@Arial Unicode MS", "Arial Unicode MS", Verdana, sans-serif; 
*/

html {
	background-color: #F1F1F1; 
	color: #101010;
	font-family: arial, helvetica, Verdana, sans-serif;
	font-size: 100.1%;
	text-align: center;
	margin: 0 auto; 
	padding: 0px;
	}
	/* Seiten_BREITE_Inhalt + Zentrierung mittig: margin:0 auto; */
	
body { margin: 0 auto; }


/* Definieren der Allg. styles: ************************  
*/
H1, H2, H3, H4, H5, P, TD, UL, OL, BLOCKQUOTE, INPUT, TEXTAREA, SELECT {
	font-family: arial, helvetica, Verdana, sans-serif; 
	text-align: left; 
	}
PRE { 
	font-family: monospace; 
	} 
P, TD, UL, OL, bodytext, * { 
	font-size: 12px; 
	} 
INPUT, TEXTAREA, SELECT { 
	padding-left: 5px; 
	font-size: 11px; 
	}
FORM, P, PRE, DIV, IMG { 
	margin: 0px 0px 0px 0px; 
	text-align: left; 
	}

	
/* *** Positionierung DIV ************************    background-color: #EEAC31; 
*/

.links { float: left; } 
.rechts { float: right; } 
.clear { clear: both; float: none; width: 100%; }
.unsichtbar { display: none;  }


/* *** Formatierung > A: LINKs < ************************* 
*/
a:link, a:hover { color: #6db7d0;	}
a:link, a:visited, a:active { text-decoration: none; }
a:hover { text-decoration: none; }
a:link, a:visited { color: #6d6d6d  } /* #4C818F; */

.tt-address a:link, .bodytext a:link { color: #3A8FAD; }
.tt-address a:hover, .bodytext a:hover { color: #929B20;	}

	/* funktioniert ?? >> 
	a:link.Opens { color: #DAA520; }
	a:link.Opens { color: Aqua; } 
	*/
p a:link, p a:visited { font-weight: bold; }

	/* für Überschriften Sponsoren und Links unter Menue */ 
div#id-sponsor h3, 
div#id-sponsor h3,
.cl-content-L h3 { 
	color: #6d6d6d; 
	}
	/*
div.cl-content-L ul.csc-menu li a:hover 
	{ color: #bbc928; }
	*/

/* ******* Grundformatierung definieren ********* */

* { 	margin: 0; padding: 0; } 
fieldset, img { border: 0; } 


/* *** Haupt-DIV . hydrokultur ************************** 
	test: background-color: Fuchsia;
	Seiten_BREITE_Inhalt + Zentrierung mittig: margin:0 auto; 
*/
div#id-all { 	
	margin: 0 auto; 
	margin-top: 15px;
	}
div#id-all.cl-all {
	/* border: 2px solid Red; */
	margin-bottom: 15px;
	width: 1100px; 	
	max-width: 1100px;
	height: auto;	
	min-height: 801px;
	}


/* *** Klickpfad ***** ganz oben links **************** */

.klickpfad { 	}


/* *** Sponsoren **** > Seite rechts ******************* */ 

	/* TEST **************************************** */
div#id-sponsor ul { 
	margin-left: 25px; 
	}
div#id-sponsor ul.csc-menu li { 
	margin-left: 0px; 
	margin-top: 6px; 
	display: block; 
	}
div#id-sponsor ul {
	margin-left: 20px; 
	padding-left: 10px; 
	}
div#id-sponsor ul.csc-menu li a { 
	color: #3A8FAD; 
	}
div#id-sponsor ul.csc-menu li a:hover { 
	color: #929B20; 
	}
	/* div#id-sponsor ul .csc-menu {margin-left: 3px; padding-left: 10px; color: #456789; background-color: #999999;} 
	.... test ENDE */

div#id-sponsor { 
	padding: 0;
	width: 160px;
	min-width: 160px;
	height: 801px;
	min-height: 801px;	
	margin-bottom: 15px;
	height: 801px;
	}
div#id-sponsor.cl-sponsor {
	text-align: center;
	width: 160px;
	min-width: 160px;	
    height: auto;    
	min-height: 801px;
	background-color: White; 
	border: 1px solid Black;	
	}
div#id-sponsor div, 
div#id-sponsor.cl-sponsor, 
div#id-sponsor.cl-sponsor dt,
div#id-sponsor.cl-sponsor dl,
div#id-sponsor.cl-sponsor a,
div#id-sponsor.cl-sponsor div dl dt a img,
.csc-textpic-imagecolumn {   
	display: block;
	}
div#id-sponsor p.bodytext {
	margin: 0px;
	padding: 5px 0px 10px 0px;
	}
div#id-sponsor img {
	padding: 10px 0px 0px 0px;
	margin: 0px; 
	}
div#id-sponsor div.csc-textpic-imagecolumn {
	padding: 0px 5px 2px 5px;
	}
	/*	
div#id-sponsor *,
div#id-sponsor p,
div#id-sponsor dt,
div#id-sponsor dl {
	text-align: center; 
	}
	*/

/* *** HAuptbereich linke Seite - hydrokultur ************************** */

div#id-main {  
	/* float: left; */
	margin-bottom: 15px;
	height: 801px;
	}
div#id-main.cl-main { 
	width: 900px;
	max-width: 900px; 
    height: auto; 
	min-height: 801px;
	background-color: White;
	border: 1px solid Black;
	}
	

/* ****  SERVICE menu  ****************************
	<div id="id_service" class="cl_service"> ###SERVICE### 
	... */
	
div#id_service { 
	vertical-align: bottom;  
	padding-top: 3px; 
	}
.cl_service {
	text-align: right;
	width: 900px; 		
	} 
div#id_service a { 
	font-size: 10px;
	text-transform: uppercase;
	font-weight: normal;  
	}
div#id_service a:hover { 
	color: #fff; 
	background-color: #bbc928; 
	}
div#id_service a.ATag-service-NO { 
	padding: 4px 5px 4px 7px; 
	}
div#id_service a.ATag-service-ACT { 
	padding: 4px 5px 4px 7px;
	color: #fff; 
	background-color: #6db7d0;
	}


/* ****  Logo und TOP menu  ***************************** 
		/* ... <div id="id_menu_top"> 
		... */
		
div#id_menu_top {
	width: 900px; height: 165px;	
	z-index: 0;	
	background-image: url(hydrokultur_hg.gif);	
	}
	.cl_menu_top { width: 100%; 
	font-size: 11px;
	letter-spacing: 0px;
	}
	
	/* ...	<div id="id_www" class="cl_wwwlink"> ###WWWLINK### 
	... */                                      
div#id_logo.cl_logolinks {
	padding-left: 20px; margin-top: -1px;
	/*width: 175px; height: 100px;*/ }

/*
div#id_www.cl_wwwlink a:link { 
	color: #29aadd; font-weight: bold; text-align: left; 
	margin: 2px 0px 0px 12px; } 
*/

/* ***  TOP menu  ************************************************
	<div id="id_startmenu" class="cl_startmenu"> ### NAVI-OBEN ### 
		background-color: #FF6347;  
		div#id_startmenu div.cl_startmenu { width: 300px; } 
		... */
div#id_startmenu { 
	width: 550px; 
		/* height: 165px; */
	margin-top: 0px;
	vertical-align: bottom; 
	z-index: 2;
	}
	
/* ... ###WWW LINK ### > Link zu www.ecoemotion.de ...  
		background-color: #6198aa; 
		... */
.cl-wwwlink { 
	margin-top: 11px; 
	margin-right: 1px; 
	width: 170px; 
	font-weight: bold;  
	letter-spacing: 1px; 
	}
.cl-wwwlink a { 
	height: 19px; 
	display: block; 
	padding-left: 10px; 
	padding-top: 2px;
	}
.cl-wwwlink a:hover { 
	color: #fff;  
	text-decoration: none; 
	}


/* *** Navigation OBEN Hauptmenu Ueber Bildebene **************************************** */

ul.ebeneA { 
	margin-left: 100px; margin-top: 86px; }
ul.ebeneA li { 
	/* width: 60px; */ 
	height: 20px; 
	display: block; 
	float: left;
	list-style: none;
	text-align: left;
	background-color: #ffffff;
	font-weight: bold; 
	font-size: 14px; 
	letter-spacing: 1px;	
	text-transform: uppercase;
	margin-right: 5px; 
	margin-top: 0px;
	}
ul.ebeneA li {  
	border-left: 2px;	
	}
ul.ebeneA li a:hover { 
	background-color: #bbc928; 
	color: #6d6d6d; 
	text-decoration:none; }
.ATag-navi-A-ACT, .ATag-navi-A-NO {
	padding: 4px 7px 4px 9px; 
	border-left: 2px;
	border-left-color: Aqua; }
.ATag-navi-A-ACT span { 
	/*	border-top: 2px solid #bbc928 ; */
	color: #bbc928; }
a:hover.ATag-navi-A-ACT span { 
	color: #6d6d6d; }
	
	/* 
li.aTagNews_div a div { background-image: url(pix/News_li.gif); }
li.aTagNews_div a:hover div:hover { background-image: url(pix/News_act.gif); }
	*/


/* ... Untere Zeile Abschluß ........................................................ */
/* ... <div id="id_zeileunten" class="clear cl_zeileunten">###ZEILEUNTEN###</div> ... */
	
div#id_bildleiste { 
	width: 100%; height: 40px; 
	}
div#id_zeileunten { 
	width: 100%; height: 40px; 
	}
div#id_zeileunten.cl-zeileunten { 
	text-align: right; 
	}
div#id_unten {	
	text-align: right; 
	vertical-align: bottom;
	width: 100%; margin-bottom: 5px; 
	}
div#id_unten p { 
	text-align: left;  
	}
div#id_unten a.burg-link-unten {	
	font-weight: bold;	
	padding-bottom: 15px;	
	padding-right: 30px; 
	}	
	
	
/* ...  ### CONTENT ###  .............................................. */

/* ...	Spaltenbreiten CONTENT werden über > header < eingelesen siehe EXT 
	siehe HTML Header >  .Sp-L .Sp-N .Sp-R  
	*/	

	/* Spalten Testfarben 
div#id_Spalte_L { background-color: #9ACD32; }
div#id_Spalte_NR { background-color: #E0FFFF; }
div#id_Spalte_N { background-color: #FAFAD2; }
div#id_Spalte_R { background-color: #FFE4E1; } 	
	*/

div#id_Spalte_NR { 
	margin-top: 30px; 
	padding: 0px; 
	}
div#id_Spalte_L, div#id_Spalte_N, div#id_Spalte_R { 
	margin: 0px; 
	padding: 0px; 
	}
div.cl-content, div.cl-content-L, div.cl-content-N, div.cl-content-R { }



/* .... Navigation Links ab 2.Ebene ... 
	darunter auch CONTENT_L möglich ... 
	text-transform: uppercase;
	......................... */ 
.spacer { /* Funktioniert NICHT ? */
	background-color: Aqua; height: 22px;
}
.cl-menuEb-drei {	 
	margin: 0px;
	font-weight: bold; 
	font-size: 10px; 
	letter-spacing: 1px;	
	background-image: none;	
	}
.cl-menuEb-drei div a {  
	display: block; text-align: left; 
	line-height: 22px; 
	border-bottom: 2px solid #fff;
	}
div.wrap-menu-e1 a { padding-left: 27px; }
div.wrap-menu-e2 a { padding-left: 37px; } 
div.wrap-menu-e3 a { padding-left: 47px; }
div.wrap-menu-e4 a { padding-left: 62px; }

div.wrap-menu-e1 a.ATag-menuACT { color: #fff; background-color: #BBC928; }
div.wrap-menu-e2 a.ATag-menuACT { color: #fff; background-color: #6198aa; }
div.wrap-menu-e3 a.ATag-menuACT { color: #5B95A4; background-color: #fff; }
div.wrap-menu-e4 a.ATag-menuACT { color: #5B95A4; background-color: #fff; }
	/* OliveGr�n Dunkler #ABB724 */ /* */
div.wrap-menu-e1 a:hover.ATag-menuNO, div.wrap-menu-e1 a:hover.ATag-menuACT,
div.wrap-menu-e2 a:hover.ATag-menuNO, div.wrap-menu-e2 a:hover.ATag-menuACT,
div.wrap-menu-e3 a:hover.ATag-menuNO, div.wrap-menu-e3 a:hover.ATag-menuACT,
div.wrap-menu-e4 a:hover.ATag-menuNO, div.wrap-menu-e4 a:hover.ATag-menuACT {
	border-bottom: 2px solid #FFA500;	
	}

	/*
background-image:url(menu-link-gelb.gif);
background-position: right center;
background-repeat: no-repeat;
background-color: #676767;
	*/
	/*
div.wrap-menu-e1 a.ATag-menuNO { color: #fff; background-color: #8d9692; }
div.wrap-menu-e2 a.ATag-menuNO { color: #fff; background-color: #8d9692; }
div.wrap-menu-e3 a.ATag-menuNO { color: #595959; background-color: #85bcd1; }
div.wrap-menu-e4 a.ATag-menuNO { color: #7E8884; background-color: #fff; }

div.wrap-menu-e3 b { line-height: 20px; height: 20px; }
div.wrap-menu-e3 b a.ATag-menuACT  { line-height: 18px; }
	*/
	
	/* ... Variante 01 ... Abstände ... */
	/* ... ausgestellt 
div.wrap-menu-e1 { margin-bottom: 0px; } 
div.wrap-menu-e2 { margin-bottom: 7px; } 
div.wrap-menu-e3 { margin-bottom: 7px; }
div.wrap-menu-e4 { margin-bottom: 7px; } 
	
div.wrap-menu-e1 a:hover.ATag-menuNO,
div.wrap-menu-e2 a:hover.ATag-menuNO,
div.wrap-menu-e3 a:hover.ATag-menuNO,
div.wrap-menu-e3 a:hover.ATag-menuACT,
div.wrap-menu-e2 a:hover.ATag-menuACT,
div.wrap-menu-e1 a:hover.ATag-menuACT { 
	color: #fff; background-color: #BBC928;
	}
div.wrap-menu-e1 a.ATag-menuACT { color: #fff; background-color: #6db7d0; }
div.wrap-menu-e2 a.ATag-menuACT { color: #fff; background-color: #6198aa; }
div.wrap-menu-e3 a.ATag-menuACT { color: #6198aa; background-color: #fff; }
div.wrap-menu-e4 a.ATag-menuACT { color: #6198aa; background-color: #fff; }
	
div.wrap-menu-e1 a.ATag-menuNO { color: #fff; background-color: #8d9692; }
div.wrap-menu-e2 a.ATag-menuNO { color: #fff; background-color: #8d9692; }
div.wrap-menu-e3 a.ATag-menuNO { color: #595959; background-color: #85bcd1; }
div.wrap-menu-e4 a.ATag-menuNO { color: #7E8884; background-color: #fff; }

div.wrap-menu-e3 b { line-height: 20px; height: 20px; }
div.wrap-menu-e3 b a.ATag-menuACT  { line-height: 18px; }
	*/ 


/* ...  Contentbereich  .......................... 
	background-color: #ADD8E6; 
	p.bodytext { padding: 5px 5px 5px 0px; } 
	*/

/* ... gesamter Bereich 
div#id_content_area { 
	background-color: #ADD8E6; width: 100%; height: 100%; } 
	... */
	/* margin-top: 5px; */ 

/* ... ### CONTENT_L ### für extra Links / Infos unter Menu ... */
div.cl-content-L {}
div.cl-content-L h2 { padding-bottom: 5px; }
div.cl-content-L h2 a { 	
	 	letter-spacing: 1px; text-transform: uppercase; font-size: 13px; } 

/* .... Formatierung  >  Mitte + Rechts  ........................ 
*/
.cl-content h1, .cl-content h2, .cl-content h3, .cl-content h4 { 
	padding-bottom: 7px; 
	color: #6d6d6d;
	}
	
/* ........................ Korrekturen CONTENT > .csc_xxxx < .... 
*/
	/* siehe auch: csc-header-n1 ...-n2  
	*/
h1, h2, h3, h4, h5, h6, h7 { 
	font-size: 14px; 
	margin-top: 0; 
	}
.csc-header h3 {
	width: 100%;
	}
	/* Überschrift Sponsoren 
	*/
h5.csc-firstHeader { 
	font-size: 12px; 
	margin-top: 0; 
	}

/* ...  Text + Bild 
div#id_Spalte_NR div.csc-textpic-imagewrap { padding-right: 10px; } 
div#id_Spalte_NR dl.csc-textpic-image { padding-right: 5px; }
*/
.csc-textpic-intext-left-nowrap div.csc-textpic-text {
	margin-left: 10px;
	}
.csc-textpic-imagewrap img {
	padding-top: 6px;
	}

/* .................................. tt_adress .... */

/* <div class="tt-address">|</div> */
.tt-address {
	clear: both; 
	float: none;
	z-index: 10;
	margin-top: 0px;
	margin-bottom: 8px;
	width: 290px;
	font-size: 11px;
	text-align: left;
}

/* <div class="tt-address-pix">|</div> */
.tt-address-pix {
	float: left;
	z-index: 11;
	width: auto;
	margin-top: 3px;
	margin-bottom: 8px;
	}
/* <div class="tt-address-name">|</div> */
.tt-address-name { 
	float: right;
	z-index: 12;
	width: 210px;
	margin-top: 0px;
	margin-bottom: 6px;
	}
/* <span class="tt-address-name-wrap">|</span> */
.tt-address-name-wrap {
	font-size: 12px;
	font-weight: bolder;
	} 


/* ............................... div class="tx-photogals-pi1 .... */

div.tx-photogals-pi1 { 
	float: none;
	width: 100%; 
	/* height: 320px; */
	height: auto;
	margin-bottom: 23px; 
	}
div.tx-photogals-pi1-thumbs { float: right; }

.tx-photogals-pi1 div { 
	padding: 0px; 
	border: none; 
	}
.tx-photogals-pi1-big { 
	float: left; 
	height: auto;
	margin-right: 0px; 
	margin-bottom: 48px; 
	}
.tx-photogals-pi1-big a,
.tx-photogals-pi1-big a:link, 
.tx-photogals-pi1-big a:hover { 
	border: none; 
	padding: 0px; 
	}
.tx-photogals-pi1-small { 
	float: none; 
	margin-bottom: 2px; 
	}
.tx-photogals-pi1-small a,
.tx-photogals-pi1-small a:link, 
.tx-photogals-pi1-small a:hover,
.tx-photogals-pi1-small-active a,
.tx-photogals-pi1-small-active a:link,
.tx-photogals-pi1-small-active a:hover {
	border: none; 	
	margin: 0px; 
	padding: 1px;
	}
.tx-photogals-pi1-small a:hover img { 
	border: none; 
	padding: 0px; 
	}
.tx-photogals-pi1-small a {
	background-color: #666666; 
	}
.tx-photogals-pi1-small-active a, 
.tx-photogals-pi1-small a:hover {
	background-color: #FFCC00; 
	}


/* ...................................... tt_news .... */

#newsLISTseiten { 
	margin-top: 3px; 
	}
.tx-ttnews-browsebox { 
	width: 100%;
	text-align: left; 
	}
.tx-ttnews-browsebox p { 
	padding-right: 3px; 
	}
.tx-ttnews-browsebox-SCell p { 
	font-weight: bold; 
	}

	/* .... List & Single ... */
.news-single-pix, 
.news-list-pix { 
	float: left;
	margin-right: 13px; 
	}
.news-single-text p.bodytext, 
.news-list-text p.bodytext { 
	font-weight: normal;
	line-height: 160%;
	color: #4E4E4E; 
	}
.news-single-content { 
	text-align: left;
	float: none;
	clear: both;
	font-weight: normal;
	line-height: 160%;
	color: #4E4E4E; 
	}
.news-single-content object { margin: 0px; 
	}
	
	
	/* .... tt_news <div id="news-list-single" ... */
	
div#news-list-single hr { 
	margin-bottom: 3px; 
	color: #1234456; 
	}
div#news-list-single { 
	margin-bottom: 26px; 
	}
div#news-list-single {
	text-align: left;
	padding-bottom: 24px;
	font-size: 12px;
	width: 100%;
	}
.news-date-autor, 
.news-list-title { 
	margin-bottom: 3px; 
	}
.news-date-autor, 
.news-date-mehr {
	font-size: 11px; 
	}
.news-list-title {
	font-size: 13px; 
	font-weight: bold; }
.news-list-title hr {
	color: #669933;
	border: 1px; /* keine Linie 
	border-color: Aqua; */ 
	}
.news-list-text {
	font-size: 12px;
	}
div#news-list-pix-text { 
	margin-bottom: 6px; 
	}
#news-list-pix-text {
	margin-top: 6px;
	}

#news-list-pix-text 
.news-list-pix {
	text-align: left;
	margin-bottom: 12px;
	}
#news-list-single p.bodytext {
	font-size: 99%;
	text-align: left;
	padding: 0px;
	margin: 0px;
	}

 /* div id="news-zurueck a */
#news-zurueck a, 
#news-zurueck a:link { 
	font-size: 12px; 
	color: #669933;
	}
#news-zurueck a:hover {
	text-decoration: underline;
	}
#news-zurueck-unten a, 
#news-zurueck-unten a:link {
	font-size: 1px; 
	color: #fff;
	}


/* .................................. Drop Down Sitemap ..........*/

/* plugin.tx_dropdownsitemap_pi1 {  
   _CSS_DEFAULT_STYLE ( */
	.tx-dropdownsitemap-pi1	{ color: White;	
	}
	.tx-dropdownsitemap-pi1 LI.open OL { display: block; 
	}
	.tx-dropdownsitemap-pi1 LI.closed OL { display: none;
	}
	.tx-dropdownsitemap-pi1 LI.open UL { display: block;
	}
	.tx-dropdownsitemap-pi1 LI.closed UL { display: none;
	}
	.tx-dropdownsitemap-pi1 DIV { 
		border: solid 0px #666666;
		/* background: #FFFFFF; */
		padding: 5px;
		margin: 3px;
	}
	.tx-dropdownsitemap-pi1 img {
		padding: 0 5px 0 0;
		vertical-align: middle;
	}
	.tx-dropdownsitemap-pi1 a { padding: 5px;
	}
	.tx-dropdownsitemap-pi1 DIV.level_1 { 
		margin-left: 10px;
		background: White;
	}
	.tx-dropdownsitemap-pi1 DIV.level_2 {
		background: #F4F4F4;
		margin-left: 20px;
	}
	.tx-dropdownsitemap-pi1 DIV.level_3 {
		background: #EAEAEA;
		margin-left: 30px;
	}
	.tx-dropdownsitemap-pi1 DIV.level_4 {
		background: #DFDFDF;
		margin-left: 40px;
	}
	.tx-dropdownsitemap-pi1 DIV.level_5 {
		background: #D5D5D5;
		margin-left: 50px;
	}
	.tx-dropdownsitemap-pi1 DIV.expAll { 
		text-align: center;
	}


/* ............................ plugin exe. lz_gallery ... */

.tx-lzgallery-pi1 {
	margin: 0px;
	padding: 0px;
	text-align: left;
	}
#tx-lzgallery-pi1-fotos tbody tr td { text-align: center; 
	}

#tx-lzgallery-pi1-listing tr.line1 {
	margin-top: 6px;
	margin-bottom: 6px;	
	}
#tx-lzgallery-pi1-listing tr.line2 img {
	margin-top: 6px;
	margin-right: 6px;
	margin-bottom: 6px;	
	}
	/* ###TITLE### */
#tx-lzgallery-pi1-title-single { 
	text-align: right;
	width: 100%;
	}
	/* ###UP### ###PREVIOUS### ###NEXT### */
#tx-lzgallery-pi1-navigation {
	text-align: right;
	margin-top: 13px;
	margin-bottom: 6px;
	font-size: smaller;
	width: 100%;
	}
 
.tx-lzgallery-pi1-1x1-filename {
	color: White; font-size: x-small;
	}
.tx-lzgallery-pi1-3x3-filename, 
.tx-lzgallery-pi1-5x5-filename, 
.tx-lzgallery-pi1-7x7-filename {
	font-size: xx-small; color: #F2F2F2; 
	text-align: center;
	}
#tx-lzgallery-pi1-fotos td a img { 
	text-align: center; 
	}