img {border: 0px;}

html, body {margin: 0px; padding: 0px; border: 0px;}
body, li, td {font-size: 12px; font-family: 'Verdana',Tahoma,Lucida Sans Unicode; color : #020202; font-weight: normal;line-height: 18px;}		
p {font-size: 12px; font-family: 'Verdana',Tahoma,Lucida Sans Unicode; color : #020202;}
td {line-height: 12px;}		
.bodymain {height: 100%;  text-align: center; margin: 0; background: url(../../../fileadmin/_gartenheinz/gfx/site_bg.gif) repeat-y #FFFFFF top center;}

.headlineausblenden {display: none; visibility: hidden; width: 100px; margin: 0; padding: 0; }

a  {color : #075693;} /* #648C13 */
a:link  {color : #075693; text-decoration: none;}
a:visited {color : #075693; text-decoration: none;}
a:active {color : #075693; text-decoration: none;}
a:hover {color : #075693; text-decoration: underline;}	/* #2F4D8D */	

#layoutwrapper {width: 960px; height: 100%; text-align: left; margin: auto;}
#layout {width: 960px; min-height: 100%; margin: auto; text-align: left; padding: 0;}
#top {width: 960px; height: 157px; text-align: left; float: none; clear: both; margin: 0;}
#logo {width: 960px; height: 157px; margin: 0; float: none; margin: 0;}
#links {width: 159px; float: left; margin: 2px 0 0 1px;}
#content {width: 960px; float: none; margin: 0; border-top: 5px solid #FFFFFF}

.clear {clear: both;}

/* ##### Searchbox ##### */
#searchbox {width: 145px; height: 55px; margin: 4px 0 0 10px; float: none; clear: both; background: #6F8F00;}
.macina-searchbox-headline {font-size: 11px;padding-bottom: 3px; color: white;}
.macina-searchbox-input {width:124px; height: 16px; border: 1px solid #000000; font-size:10px; background: url(../../../fileadmin/_gartenheinz/gfx/macina-searchbox-input_bg.gif) no-repeat top center #FFFFFF;}
.macina-searchbox-submit {width:13px; height:16px; color: #2F4D8D; font-weight: bold; border: 1px solid #000000; background: #6CA0C4; margin-left: 1px;}
/*.macina-searchbox-advancedsearch {height: 16px; line-height: 16px; font-size: 10px;}
.macina-searchbox-advancedsearch a {color: white;}*/
/* ##### Searchbox ##### */

/* ##### Index Search ##### */
.tx-indexedsearch-searchbox-sword.sword {width: 250px; margin: 2px 2px 8px 2px;}
.tx-indexedsearch-selectbox-defop.defop {width: 180px; margin: 2px;}
.tx-indexedsearch-selectbox-type.type {width: 180px; margin: 2px;}
.tx-indexedsearch-selectbox-media.media {width: 180px; margin: 2px;}
.tx-indexedsearch-selectbox-lang.lang {width: 180px; margin: 2px;}

.tx-indexedsearch-selectbox-sections.sections {width: 370px; margin: 2px;}
.tx-indexedsearch-selectbox-order.order {width: 180px; margin: 2px;}
.tx-indexedsearch-selectbox-desc.desc {width: 180px; margin: 2px;}
.tx-indexedsearch-selectbox-results.results {width: 180px; margin: 2px;}
.tx-indexedsearch-selectbox-group.group {width: 180px; margin: 2px;}
.tx-indexedsearch-searchbox-button.submit {width: 120px; margin: 10px 2px 6px 2px; background: #FFD300;}
/* ##### Index Search ##### */

/*########## TYPO3 Rendering der Inhalte in der Spalte NORMAL (INHALT) ###########*/
#inhalt {width: 639px; text-align: left; vertical-align: top; padding: 0px; margin: 0 0 10px 0; float: left;}
.text {text-align: left; padding: 8px 5px 5px 15px; margin: 0px;}
#inhalt .text DIV.csc-header h1 {font-family: 'Trebuchet MS',Verdana,Tahoma,Lucida Sans Unicode; font-size: 22px; line-height: 24px; font-weight: normal; color: #000000; /*color: #648C13;*/ padding: 15px 0 25px 0; margin: 0;}
#inhalt .text DIV.csc-header h2 {font-family: 'Trebuchet MS',Verdana,Tahoma,Lucida Sans Unicode; font-size: 16px; line-height: 18px; font-weight: normal; color: #000000; /*color: #648C13;*/ padding: 5px 0 5px 0; margin: 0; border-top: 1px solid #C6C6C6; border-bottom: 1px solid #C6C6C6;}
#inhalt .text DIV.csc-header h3 {font-family: 'Trebuchet MS',Verdana,Tahoma,Lucida Sans Unicode; font-size: 14px; line-height: 16px; font-weight: normal; color: #000000; /*color: #648C13;*/ padding: 5px 0 5px 0; margin: 0; border-top: 1px solid #C6C6C6; border-bottom: 1px solid #C6C6C6;}
#inhalt .text p {line-height: 18px;}
#inhalt .text p.bodytext {font-size: 12px; line-height: 18px; margin: 0 0 15px 0; padding: 0 5px 2px 0; }
/*########## TYPO3 Rendering der Inhalte in der Spalte NORMAL (INHALT) ###########*/

/*######### Variable Rahmen fuer jeden Datesatz - Ganz Neu 30.08.07 ###############*/
DIV.contentdunklerblue {margin: 0 15px 3px 0; padding: 4px 8px 8px 8px; background: #EFF5FB;}
DIV.contenthellerblue {margin: 0 15px 3px 0; padding: 4px 8px 8px 8px; background: #F8FBFD;}
/*######### Variable Rahmen fuer jeden Datesatz - Ganz Neu 30.08.07 ###############*/

/*########## TYPO3 Rendering der Inhalte in der Spalte RAND (RAND) ###########*/
#rand {width: 160px; text-align: center; vertical-align: top; padding: 0px; margin: 4px 0x 0 0; float: right;}
#rand DIV.csc-header h1 {font-size: 12px; line-height: 14px; color: #648C13; padding: 5px 0px 5px 0px; }
#rand .randtext {width: 160px; font-size: 11px;line-height: 14px; margin: 10px 0 5px 0; }
#rand .randtext DIV.csc-header h1, h2, h3 {font-size: 12px; line-height: 16px; font-weight: bold; color: #648C13; padding: 0; margin: 0;}
#rand .randtext p {line-height: 18px;}
#rand .randtext p.bodytext {font-size: 11px; line-height: 18px; margin: 0; padding: 0; }
/*########## TYPO3 Rendering der Inhalte in der Spalte RAND (RAND) ###########*/

/*########## TYPO3 Rendering CONTENT ###########*/
.bildtext {float: left; margin: 8px 10px 8px 0px; border: 1px solid #103F91;}
.textbild {float: right; margin: 2px 0px 2px 10px; border: 1px solid #103F91;}
.teaserimg {float: right; margin: 0 0 6px 0; border: 0px solid #103F91;}

.contenttable {margin: 5px 0px 10px 0px; background: #1883BE; width: 180px;}
.contenttable td {padding: 5px; font-size: 10px;}
.tr-even.tr-0 td {color: #333333; font-weight: bold; font-size: 11px; }
.tr-even {background-color: #E6FAF1;}
.tr-odd {background-color: #E6FAF1;}

.td-0 {color: #000000; font-weight: bold; }
.td-1, .td-2, .td-3, .td-4, .td-5, .td-6, .td-last {text-align: left;}
/*########## TYPO3 Rendering CONTENT ###########*/

/*###### NEW FORM FOR TYPO3 4.0  ########*/
.csc-mailform {width: 98%;}
.csc-mailform-field {width: 98%px; font-size: 11px; clear: both;}
.csc-mailform-field label {width: 100px; display: block; margin: 2px 1px 2px 1px; text-align: left; padding: 2px 5px 2px 0px; line-height: 1.3em; float: left;}
.csc-form-label-req {color: #434544; font-weight: bold;}
.csc-form-label {background: #DBDBDB;}
DIV.csc-mailform-label {float: none; clear: both; padding-left: 6px; background: #EBF4F9; height: 24px; line-height: 24px; font-weight: bold; color: #527DB2;text-align:left;}
/*## Alte T3-Version .csc-form-commentcell {background: #E4CA83;}
.csc-form-commentcell p {font-weight: bold; color: #527DB2;}*/

.csc-mailform-check {background-color: #FFFFFF; border: 1px solid #2F4D8D; margin-right: 200px;}
.input {font-size : 11px; width: 300px; height: 20px; line-height: 20px; border-style: solid; border: 1px solid #6F8F00; background-color : #EFF5FB;margin: 1px;}	
.textarea {font-size : 11px; width: 300px; height: 130px; line-height: 20px; border-style: solid; border: 1px solid #6F8F00; background-color : #EFF5FB; margin: 1px;}		
.option {font-size: 11px; width: 300px; height: 20px; line-height: 20px; padding: 0px; border: 1px solid #6F8F00; background-color: #EFF5FB; margin: 1px;}
.sub {margin: 10px 0px 5px 110px; font-weight: 700; color : #FFFFFF; width: 160px; height: 22px; 
padding: 2px;
background: #6F8F00;
border: 1px double #666;
border-top-color: #AFC1D7;
border-left-color: #AFC1D7;
font-size: 12px;
text-transform: uppercase;
text-align: center;
letter-spacing: 0.1em;
 cursor: hand;}
/*###### NEW FORM FOR TYPO3 4.0  ########*/
	
/*########## FORMULARE ###########*/
p.form {
font-family: arial, verdana, helvetica;
font-size: 11px;
margin: 1px 0px 1px 0px;
padding: 0px;}

form input, form option, form submit, form select, form textarea {
font-family: arial, verdana, helvetica;
font-size : 11px;
font-weight	: normal;   
border-style: solid;
border: 1px solid #2F4D8D;
background-color : #EFF5FB;
margin: 0px;
}
/*#### NAVI Oben ####*/
#subnavi {width: 961px; height: 28px; line-height: 28px; margin: 0;  font-family: Arial, verdana; font-weight: normal; font-size: 11px; text-align: left; color: #999999; float: right;}
a.snav   {height: 28px; line-height: 28px; color : #335291; font-weight: normal; padding-right: 3px; padding-left: 3px;}
a:link.snav {color : #335291; text-decoration: none;}
a:visited.snav {color : #335291; text-decoration: none;}
a:active.snav {color : #335291; text-decoration: underline;}
a:hover.snav {color: #335291; text-decoration: underline;}
/*#### Navi Oben ####*/

/*#### NAVI Oben ####*/
#footernavi {width: 400px; height: 30px; line-height: 30px; margin: 5px 0 30px 0; font-weight: normal; font-size: 9px; text-align: right; color: #999999; float: right;}
a.fnav   {height: 30px; line-height: 30px; color : #999999; font-weight: normal; padding-right: 3px; padding-left: 3px;}
a:link.fnav {color : #999999; text-decoration: none;}
a:visited.fnav {color : #999999; text-decoration: none;}
a:active.fnav {color : #999999; text-decoration: underline;}
a:hover.fnav {color: #999999; text-decoration: underline;}
/*#### Navi Oben ####*/

/*
#kwwrapper {width: 445px; position: relative; left: 0px; top: 0px;  color: #5F3929; background: #F8F0CA;}
#kwnavi {color: #5F3929;}
#kwheadline {height: 24px; line-height: 24px; color: #000000; font-weight: bold; padding:0 0 0 5px; background: #FFCD01;}
SPAN.kwarrow {font-size: 12px; height: 18px; line-height: 18px; color : #475B02;font-weight: normal; padding: 0 0 0 8px;}
a.knav   {font-size: 11px; height: 18px; line-height: 18px; color : #475B02;font-weight: normal; padding: 0 3px 0 2px;}
a:link.knav {color : #475B02; text-decoration: none;}
a:visited.knav {color : #475B02; text-decoration: none;}
a:active.knav {color : #475B02; text-decoration: none;}
a:hover.knav {color: #475B02; text-decoration: none;}*/

#brotkruemmel {position: relative; top: 0px; left: 15px; width: 620px; font-size: 10px; height: 18px; line-height: 18px; color: #648C13; text-align: left; margin: 0; background: #F5F5F5;}
a.kruemmel   {color : #648C13; font-size: 10px; font-weight: normal;}
a:link.kruemmel {color : #648C13; text-decoration: none;}
a:visited.kruemmel {color : #648C13; text-decoration: none;}
a:active.kruemmel {color : #648C13; text-decoration: none;}
a:hover.kruemmel {color: #648C13; text-decoration: none;}

/*#produktnavi {width: 159px; height: 650px; background: #6F8F00; margin: 0; border-top: 1px solid #9DAB42; }*/
/*########## NEUE LIST-NAVI FUER TYPO3 ###########*/
#navi {width: 159px; padding: 0; height: auto; margin: 0;}
#navi ul {width: 159px; margin: 0; padding: 0; list-style: none; margin: 0;}

ul#level1 li.navspacer {
margin: 0; line-height: 24px; height: 24px; color : #000000; font-size: 12px; font-weight: bold; 
padding-left: 5px; text-decoration: none; background: #FFCD01; border-bottom: 1px solid #9DAB42;}

#level1 {width: 159px; margin: 0; text-align: left; list-style: none;}
#level1 li a {display: block; line-height: 22px; height: 22px; margin: 0px; font-size: 11px; font-weight: bold; background: #6F8F00; border-top: 1px solid #9DAB42; border-bottom: 1px solid #475B02;}
#level1 li a:hover {font-weight: normal; text-decoration: none;}
#level1 a.a1no {line-height: 22px; height: 22px; color: #FFFFFF; font-weight: bold; padding-left: 5px; text-decoration: none; }
#level1 a.a1no:visited {color: #FFFFFF; text-decoration: none;}
#level1 a.a1no:active {color: #FFFFFF; text-decoration: none;}
#level1 a.a1no:hover {color: #FFFFFF; text-decoration: none; background: #132E28; }
#level1 li.li1act a { font-weight: bold; text-decoration: none;  background: #132E28; }
.a1act {line-height: 22px; height: 22px; color: #325190; font-weight: normal; padding-left: 5px; text-decoration: none;}

#level2 {margin: 0px; text-align: left; list-style: none; }
#level2 li a {display: block; line-height: 20px; height: 20px;  font-size: 11px; padding-left: 22px;font-weight: normal;}
#level2 li a.a2no {line-height: 20px; height: 20px;  color: #B4152B; font-weight: normal; margin: 0px; padding-left: 22px; text-decoration: none;}
#level2 li a.a2no:visited {color: #325190; text-decoration: none;}
#level2 li a.a2no:active {color: #325190; text-decoration: none;}
#level2 li a.a2no:hover {color: #325190; text-decoration: none; display: block; line-height: 20px; height: 20px;  padding-left: 22px;  }
#level2 li.li2act {}
#level2 li.li2act a {font-weight: normal; text-decoration: none;}
.a2act {line-height: 20px; height: 20px;  color: #325190; font-weight: normal; text-decoration: none;}
#level2 li a.a2act:hover {color : #325190; text-decoration: none; display: block; line-height: 20px; height: 20px; }
/*########## NEUE LIST-NAVI FUER TYPO3 ###########*/

/*########## THEMEN-NAVI ###########*/
#thnavi {width: 300px; padding: 0; height: auto; margin: 0;}
#thnavi ul {width: 300px; margin: 0; padding: 0; list-style: none; margin: 0;}

#thlevel1 {width: 300px; margin: 0; text-align: left; list-style: none;}
#thlevel1 li a {display: block; line-height: 18px; height: 18px; margin: 0px; font-size: 11px; font-weight: normal; background: #FFFFFF;}
#thlevel1 li a:hover {font-weight: normal; text-decoration: none;}
#thlevel1 a.a1no {line-height: 18px; height: 18px; color: #475B02; font-weight: normal; padding-left: 0px; text-decoration: none; }
#thlevel1 a.a1no:visited {color: #475B02; text-decoration: none;}
#thlevel1 a.a1no:active {color: #475B02; text-decoration: none;}
#thlevel1 a.a1no:hover {color: #475B02; text-decoration: none; background: #FFFFFF; }
#thlevel1 li.li1act a { font-weight: bold; text-decoration: none;  background: #FFFFFF; }
.a1act {line-height: 18px; height: 18px; color: #475B02; font-weight: normal; padding-left: 0px; text-decoration: none;}

#thlevel2 {margin: 0px; text-align: left; list-style: none; }
#thlevel2 li a {display: block; line-height: 18px; height: 18px;  font-size: 11px; padding-left: 8px;font-weight: normal;}
#thlevel2 li a.a2no {line-height: 18px; height: 18px;  color: #475B02; font-weight: normal; margin: 0; padding-left: 8px; text-decoration: none;}
#thlevel2 li a.a2no:visited {color: #475B02; text-decoration: none;}
#thlevel2 li a.a2no:active {color: #475B02; text-decoration: none;}
#thlevel2 li a.a2no:hover {color: #475B02; text-decoration: none; display: block; line-height: 18px; height: 18px;  padding-left: 8px;  }
#thlevel2 li.li2act {}
#thlevel2 li.li2act a {font-weight: normal; text-decoration: none;}
.a2act {line-height: 18px; height: 18px;  color: #475B02; font-weight: normal; text-decoration: none;}
#thlevel2 li a.a2act:hover {color : #475B02; text-decoration: none; display: block; line-height: 18px; height: 18px; }

#thlevel3 {margin: 0px; text-align: left; list-style: none; }
#thlevel3 li a {display: block; line-height: 18px; height: 18px;  font-size: 11px; padding-left: 15px; font-weight: normal;}
#thlevel3 li a.a3no {line-height: 18px; height: 18px;  color: #475B02; font-weight: normal; margin: 0px; padding-left: 15px; text-decoration: none;}
#thlevel3 li a.a3no:visited {color: #475B02; text-decoration: none;}
#thlevel3 li a.a3no:active {color: #475B02; text-decoration: none;}
#thlevel3 li a.a3no:hover {color: #475B02; text-decoration: none; display: block; line-height: 18px; height: 18px;  padding-left: 15px;  }
#thlevel3 li.li3act {}
#thlevel3 li.li3act a {font-weight: normal; text-decoration: none;}
.a3act {line-height: 18px; height: 18px;  color: #475B02; font-weight: normal; text-decoration: none;}
#thlevel3 li a.a3act:hover {color : #475B02; text-decoration: none; display: block; line-height: 18px; height: 18px; }
/*########## THEMEN-NAVI ###########*/

/*########## TYPO3 Rendering FOOTER ###########*/
#footer {width: 440px; height: 20px; line-height: 20px; margin: 110px 0 30px 15px; font-size: 10px; color: #999999; float: none; clear: both;}
#lastmodified {width: 450px; height: 20px; line-height: 20px; margin: 0; font-size: 9px; color: #999999; float: none; clear: both;}
/*########## TYPO3 Rendering FOOTER ###########*/


h3.latestsitesheader {/*color: #648C13;*/ color: #075693; font-size: 12px; line-height: 14px; font-weight: bold; }
DIV.latestsites {background: #F5F5F5; margin: 5px 0 5px 0; padding: 2px; }
h6 {margin: 0; padding: 0; display: inline; font-size: 12px; font-family: 'Verdana',Tahoma,Lucida Sans Unicode; color : #020202; font-weight: normal;line-height: 18px;}
SPAN.latessitesdate  {color: #999999; font-size: 9px; }

DIV.ttrennlinie {line-height: 14px; height: 14px; float: none; clear: both;}
h1 {font-family: 'Trebuchet MS',Verdana,Tahoma,Lucida Sans Unicode; font-size: 18px;}


/* add kjLightbox var for kj_imagelightbox2 */
#lightbox .presentationmodeSpan { padding:1px 4px 1px 0px; font-family:Verdana; size:11px; text-decoration:none; color:#666;	width:100%; }
#lightbox .presentationmodeNo a:link, .presentationmodeNo a:visited {	font-family:Verdana; size:11px; text-decoration:none; color:#666; width:100%;}
#lightbox .presentationmodeAct { padding:1px 4px 1px 4px; color:#fff; background-color:#666; font-weight:bold; text-decoration:none; width:100%;}
#lightbox .presentation_showImageCaption { padding-top:4px; }
#lightbox #toolbox {}		

#lightbox{	position: absolute;	left: 0; width: 100%; z-index: 100; text-align: center; line-height: 0;}
#lightbox img{ width: auto; height: auto;}
#lightbox a img{ border: none; }

#outerImageContainer{ position: relative; background-color: #fff; width: 250px; height: 250px; margin: 0 auto; }
#imageContainer{ padding: 10px; }

#loading{ position: absolute; top: 40%; left: 0%; height: 25%; width: 100%; text-align: center; line-height: 0; }
#hoverNav{ position: absolute; top: 0; left: 0; height: 100%; width: 100%; z-index: 10; }
#imageContainer>#hoverNav{ left: 0;}
#hoverNav a{ outline: none;}

#prevLink, #nextLink{ width: 49%; height: 100%; background-image: url(data:image/gif;base64,AAAA); /* Trick IE into showing hover */ display: block; }
#prevLink { left: 0; float: left;}
#nextLink { right: 0; float: right;}
#prevLink:hover, #prevLink:visited:hover { background: url(../images/prevlabel.gif) left 15% no-repeat; }
#nextLink:hover, #nextLink:visited:hover { background: url(../images/nextlabel.gif) right 15% no-repeat; }

#imageDataContainer{ font: 10px Verdana, Helvetica, sans-serif; background-color: #fff; margin: 0 auto; line-height: 1.4em; overflow: auto; width: 100%	; }

#imageData{	padding:0 10px; color: #666; }
#imageData #imageDetails{ width: 70%; float: left; text-align: left; }	
#imageData #caption{ font-weight: bold;	}
#imageData #numberDisplay{ display: block; clear: left; padding-bottom: 1.0em;	}			
#imageData #bottomNavClose{ width: 20px; float: right;  padding-bottom: 0.7em; outline: none;}	 	

/* add css for kj_imagelightbox2 */
#imageData #bottomSaveMode{ width: 20px; float: right;  padding-bottom: 0.7em; outline: none;}
#imageData #bottomPrintMode{ width: 20px; float: right;  padding-bottom: 0.7em; outline: none;}

#overlay{ position: absolute; top: 0; left: 0; z-index: 90; width: 100%; height: 500px; background-color: #000; }