/* 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; }
		
	*/

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; }

/* TEST **************************************** */

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 */


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

/* 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  ************************* 
	*/
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; }

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

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

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


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

.klickpfad { 	}


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

div#id-sponsor { 
	/* float: right */
	padding: 0;
	min-width: 140px;
	height: 801px;
	min-height: 801px;	
	margin-bottom: 15px;
	}
div#id-sponsor.cl-sponsor {
	text-align: center;
	height: auto;	
	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; 
	}
*/

/* *** CONTENT hydrokultur ************************** */

div#id-main {  
	/* float: left; */
	width: 900px;
	max-width: 900px; 
	height: 801px;
	min-height: 801px;
	margin-bottom: 15px;
	}
div#id-main.cl-main {  
	height: auto;
	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;
	}
	
/* **** ###WWWLINK### > 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 �ber 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); }

	Menu-Header ENDE  **************************************** */



/* **** 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; }
.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 
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 < ******************* */
/*
div#id_Spalte_NR div.csc-textpic-imagewrap { padding-right: 10px; } 
div#id_Spalte_NR dl.csc-textpic-image { padding-right: 5px;	}
*/

	/* 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; }


.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"*/
#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;}
#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; }