@charset "utf-8";

/* Fonts */
@font-face {
    font-family: 'AlexBrushRegular';
    src: url('/Fonts/Alex-Brush/AlexBrush-Regular-OTF-webfont.eot');
    src: url('/Fonts/Alex-Brush/AlexBrush-Regular-OTF-webfont.eot?#iefix') format('embedded-opentype'),
         url('/Fonts/Alex-Brush/AlexBrush-Regular-OTF-webfont.woff') format('woff'),
         url('/Fonts/Alex-Brush/AlexBrush-Regular-OTF-webfont.ttf') format('truetype'),
         url('/Fonts/Alex-Brush/AlexBrush-Regular-OTF-webfont.svg#AlexBrushRegular') format('svg');
    font-weight: normal;
    font-style: normal;

}



/* CSS Document */

* { margin: 0; padding: 0}


body {
	background:#489334 url(image/bg2.gif) repeat-x;
	color:#000;
	font: 70%/1.6em Verdana, Tahoma, Arial, Geneva, sans-serif;
	text-align: left;
}

ul {
	float:left;
}

table {
	vertical-align:top;
}

a {
	color:#393;
}

h1 {
	color:#319746;
	font-family:Verdana, Geneva, sans-serif;
	font-size:16px;
	font-weight:bold;
}

h2 {
	color:#319746;
	font-family:Verdana, Geneva, sans-serif;
	font-size:15px;
	font-weight:bold;
}

.left_img {
	clear:both;
	float:left;
	padding-right:10px;
}

.right_img {
	clear:both;
	float:right;
	padding-left:10px;
}


#bs {
	width:950px;
	margin-left:auto;
	margin-right:auto;
	margin-top:10px;
	padding-bottom:70px;	
}

#a_main {
	clear:both;
	position:inherit;
	width:950px;
	border:0px solid #000000; 
	background:#d8e292 url(image/bg2.jpg) repeat-y;
}

#a_main_r {
	clear:both;
	position:inherit;
	width:950px;
	border:0px solid #000000; 
	background:#d8e292 url(image/bg3.jpg) repeat-y;
}

#navi {
	position:inherit;
	width:950px;
	height:150px;
	background:url(image/navi_bg_1.png);
}

#mainpic {
	position:inherit;
	width:950px;
	height:330px;
	border:0px;
}

#main_content {
	position:inherit;
	color:#000;
	background:#d8e292 url(image/bg2.jpg) repeat-y;
	height:auto;
	min-height:400px;
	padding-left:10px;
	padding-right:10px;
	padding-top:10px;
}

#main_sort_obst {
	position:inherit;
	color:#000;
	height:550px;
	width:950px;
	background:#d8e292 url(image/pflanzen/Obst_HG.jpg) no-repeat;
}

#main_sort_aepfel {
	position:inherit;
	color:#000;
	height:550px;
	width:950px;
	background:#d8e292;
}

#main_sort_form {
	position:inherit;
	color:#000;
	height:550px;
	width:950px;
	background:#d8e292 url(image/pflanzen/Formgehoelze_HG.jpg) no-repeat;
}

#main_sort_nadel {
	position:inherit;
	color:#000;
	height:550px;
	width:950px;
	background:#d8e292 url(image/pflanzen/Nadelgehoelze_HG.jpg) no-repeat;
}

#main_sort_rosen {
	position:inherit;
	color:#000;
	height:550px;
	width:950px;
	background:#d8e292 url(image/pflanzen/Rosen_HG.jpg) no-repeat;
}

#main_sort_staude {
	position:inherit;
	color:#000;
	height:550px;
	width:950px;
	background:#d8e292 url(image/pflanzen/stauden.jpg) no-repeat;
}

#main_sort_boden {
	position:inherit;
	color:#000;
	height:550px;
	width:950px;
	background:#d8e292 url(image/pflanzen/boden.jpg) no-repeat;
}

#main_sort_service {
	position:inherit;
	color:#000;
	height:550px;
	width:950px;
	background:#d8e292 url(image/pflanzen/service.jpg) no-repeat;
}

#main_sort_kletter {
	position:inherit;
	color:#000;
	height:550px;
	width:950px;
	background:#d8e292 url(image/pflanzen/kletter.jpg) no-repeat;
}

#footer {
	clear:both;
	height:25px;
	color:#000;
	background-color:#aabd25;
	line-height:25px;
	padding-left:30px;
}

#f1 {
	float:left;
	width:288px;
	border:1px solid #360;
	background:#d1deb5;
	padding:5px;
}

#c1 {
	float:left;
	width:390px;
	padding-right:20px;
	padding-bottom:10px;
}

#c1k {
	float:left;
	width:250px;
	padding-right:20px;
	padding-left:40px;
}

#c2 {
	float:left;
	width:600px;
	padding-right:20px;
}

#c3 {
	float:left;
	width:910px;
	padding-right:20px;
}
#c4 {
	width:890px;
	padding:20px;
}
#c4 ul {
	margin-left:12px;
	list-style-type:square;
}

#d2 {
	float:left;
	width:495px;
	padding:10px;
}

#db {
	float:left;
	width:495px;
	padding:10px;
}


#d2 li, #db li{
	margin:10px;
}

#d3 {
	float:left;
	width:910px;
	padding:10px;
	font-size:15px;
	line-height:18px;
}
#d3 h1 {
	margin-top:0px;
	margin-left:4px;
	margin-bottom:-0px;
	width:465px;
	padding:20px 8px 20px 8px;
	float:left;
	color:white;
	/*background-image:url(image/tbg_tr.png);
	border: 2px solid #005000;*/
	font-family:AlexBrushRegular, Verdana, Geneva, sans-serif;
	font-size:48px;
	font-weight:normal;
	line-height:50px;
	text-shadow:-1px 0 #506000, 0 1px #506000, 1px 0 #506000, 0 -1px #506000, 1px 1px #506000, -1px 1px #506000, 1px -1px #506000, -1px -1px #506000,-2px 0 #506000, 0 2px #506000, 2px 0 #506000, 0 -2px #506000, 2px 3px 2px black;
}
#d3 h2 {
	color:#e0b020;
	margin-bottom:6px;
}
#d3 ul, #db ul{
	margin-top:0px;
	list-style-type:square;
}

#d3 li {
	margin-left:16px;
	margin-top:2px;
	margin-bottom:1px;
	margin-right:0px;
	color:#ffffff;
}
#d3 li a {
	color:white;
}
#brs {
	margin-left:770px;
	margin-top:72px;
}

#brs h1{
	margin:0px;
	font-size:26px;
	color:#aabd25;
	line-height:1;
}
#brs h2{
	margin:4px 0px 0px 1px;
	font-size:18px;
	color:#ffffff;
	line-height:1;
}

#tbg1 {
	margin-top:20px;
	margin-left:8px;
	width:465px;
	padding:10px 8px 10px 8px;
	float:left;
	color:#253f00;
	background-image:url(image/tbg_tr.png);
	border: 2px solid #005000;
	font-family:Verdana, Geneva, sans-serif;
}
#tbg2 {
	margin-top:5px;
	margin-left:8px;
	width:465px;
	padding:10px 8px 10px 8px;
	float:left;
	color:#253f00;
	background-image:url(image/tbg_tr.png);
	border: 2px solid #005000;
	font-family:Verdana, Geneva, sans-serif;
}
#tbg3 {
	margin-top:5px;
	margin-left:8px;
	width:465px;
	padding:10px 8px 10px 8px;
	float:left;
	color:#253f00;
	background-image:url(image/tbg_tr.png);
	border: 2px solid #005000;
	font-family:Verdana, Geneva, sans-serif;
	color:white;
}
#tbg3 a {
color:white;
text-decoration:none;
}
#tbg4 {
	margin-top:255px;
	margin-left:8px;
	width:465px;
	padding:10px 8px 10px 8px;
	float:left;
	color:#253f00;
	background-image:url(image/tbg_tr.png);
	border: 2px solid #005000;
	font-family:Verdana, Geneva, sans-serif;
	line-height:25px;
	color:white;
	font-size:19px;
	text-align:justify;
}
#tbg5 {
	margin-top:20px;
	margin-left:8px;
	width:416px;
	padding:10px 45px 20px 20px;
	float:left;
	color:#253f00;
	background-image:url(image/tbg_tr.png);
	border: 2px solid #005000;
	font-family:Verdana, Geneva, sans-serif;
}
#tbg5 li {
	margin-top:13px;
}#tbg6 {
	margin-top:50px;
	margin-left:634px;
	width:224px;
	padding:25px 18px 25px 18px;
	float:left;
	color:#253f00;
	background-image:url(image/tbg_tr.png);
	border: 2px solid #e0b020;
	font-family:Verdana, Geneva, sans-serif;
	line-height:25px;
	color:white;
	font-size:19px;
	text-align:center;
}
#tbg7 {
	margin-top:20px;
	margin-left:8px;
	width:700px;
	padding:10px 8px 10px 8px;
	float:left;
	color:#253f00;
	background-image:url(image/tbg_tr.png);
	border: 2px solid #005000;
	font-family:Verdana, Geneva, sans-serif;
}
#tbg7 table td{
	padding:5px;
	color:#ffffc0;
	font-size:15px;
	vertical-align:top;
}
#tbg7 table tr:nth-child(even) {
  background-color: #758525;
}

#tbg7 table tr:nth-child(odd) {
  background-color: #657515;
}
#tbg7 a{
	text-decoration:none;
	color:white;
	font-size:15px;
	font-weight:bold;
}
#tbg7 a:before {
    content: "☛ ";
    color: #ffffff;
}

#tbg8 {
	margin-top:20px;
	margin-left:8px;
	width:900px;
	padding:10px 8px 10px 8px;
	float:left;
	color:#253f00;
	background-image:url(image/tbg_tr.png);
	border: 2px solid #005000;
	font-family:Verdana, Geneva, sans-serif;
}
#tbg8 table td{
	padding:5px;
	color:#ffffc0;
	font-size:15px;
	vertical-align:top;
}

#Suchergebnis td i{
	font-size:10px;
}
#tbg8 table tr:nth-child(even) {
  background-color: #758525;
}

#tbg8 table tr:nth-child(odd) {
  background-color: #657515;
}
#tbg8 a{
	text-decoration:none;
	color:white;
	font-size:15px;
	font-weight:bold;
}
#tbg8 a:before {
    content: "☛ ";
    color: #ffffff;
}

#e3 {
	float:left;
	width:910px;
	padding:10px;
	background-color:#FFF;
	border:1px solid #1e6c1e;
	margin-bottom:15px;
}

#text_startseite {
	background-image:url(ximage/text_startseite.png);
	width:600px;
	height:120px;
	color:#408000;
	font-family:Verdana, Geneva, sans-serif;
	font-size:26px;
	font-weight:bold;
	padding-top:15px;
	line-height:36px;
	text-align:justify;
}

.sub_navi {
	position:inherit;
	clear:both;
	color:#FFF;
	text-decoration:none;
	font-family:Verdana, Geneva, sans-serif;
	font-size:12px;
	font-weight:bold;
}

.sub_navi a:hover {
	color:#333;
}

.text_n {
	color:#253f00;
	font-family:Verdana, Geneva, sans-serif;
	font-size:14px;
	line-height:18px;
	text-align:justify;
}

.text_b {
	color:#253f00;
	font-family:Verdana, Geneva, sans-serif;
	font-size:14px;
	line-height:18px;
	font-weight:bold;
	text-align:justify;
}

.text_n_g {
	color:#253f00;
	font-family:Verdana, Geneva, sans-serif;
	font-size:18px;
	line-height:26px;
}

.text_g {
	color:#253f00;
	font-family:Verdana, Geneva, sans-serif;
	font-size:20px;
	line-height:26px;
	text-align:justify;
}

.text_headline {
	color:#319746;
	font-family:Verdana, Geneva, sans-serif;
	font-size:16px;
	font-weight:bold;
}

h1 {
	color:#319746;
	font-family:Verdana, Geneva, sans-serif;
	font-size:16px;
	font-weight:bold;
}


.light_img {
	margin:5px;
	color:transparent;
	border: 1px #9daf4b solid;
}



.menu {width:745px; height:25px; position:relative; top:125px; z-index:11;border-right:0px solid #000; font-family:arial, sans-serif;}
/* hack to correct IE5.5 faulty box model */
* html .menu {width:746px; w\idth:745px;}
/* remove all the bullets, borders and padding from the default list styling */
.menu ul {padding:0;margin:0;list-style-type:none;}
.menu ul ul {width:149px;}
/* float the list to make it horizontal and a relative positon so that you can control the dropdown menu positon */
.menu li {float:left;position:relative;}
/* style the links for the top level */
.menu a, .menu a:visited {display:block;font-size:12px;text-decoration:none; color:#fff; width:100%; height:25px; border:0px solid #000; border-width:0px 0 0px 0px; background:#aabd25; padding-left:10px; padding-right:10px; line-height:25px; font-weight:bold;}
/* a hack so that IE5.5 faulty box model is corrected */
* html .menu a, * html .menu a:visited {width:100%; w\idth:100%;}

/* style the second level background */
.menu ul ul a.drop, .menu ul ul a.drop:visited {background:#d8e679 url(/images/grey-arrow.gif) no-repeat 130px center;}
/* style the second level hover */
.menu ul ul a.drop:hover{background:#e0e8aa url(/images/blue-arrow.gif) no-repeat 130px center;}
.menu ul ul :hover > a.drop {background:#e0e8aa url(/images/blue-arrow.gif) no-repeat 130px center;}
/* style the third level background */
.menu ul ul ul a, .menu ul ul ul a:visited {background:#d8e679;}
/* style the third level hover */
.menu ul ul ul a:hover {background:#e0e8aa;}


/* hide the sub levels and give them a positon absolute so that they take up no room */
.menu ul ul {visibility:hidden;position:absolute;height:0;top:25px;left:0; width:149px;border-top:1px solid #000;}
/* another hack for IE5.5 */
* html .menu ul ul {top:30px;t\op:31px;}

/* position the third level flyout menu */
.menu ul ul ul{left:149px; top:-1px; width:149px;}

/* position the third level flyout menu for a left flyout */
.menu ul ul ul.left {left:-149px;}

/* style the table so that it takes no ppart in the layout - required for IE to work */
.menu table {position:absolute; top:0; left:0; border-collapse:collapse;;}

/* style the second level links */
.menu ul ul a, .menu ul ul a:visited {background:#d8e679; color:#000; height:auto; line-height:1em; padding:5px 10px; width:128px;border-width:0 1px 1px 1px;}
/* yet another hack for IE5.5 */
* html .menu ul ul a, * html .menu ul ul a:visited {width:150px;w\idth:128px;}

/* style the top level hover */
.menu a:hover, .menu ul ul a:hover{color:#000; background:#e0e8aa;}
.menu :hover > a, .menu ul ul :hover > a {color:#000; background:#e0e8aa;}

/* make the second level visible when hover on first level list OR link */
.menu ul li:hover ul,
.menu ul a:hover ul{visibility:visible; }
/* keep the third level hidden when you hover on first level list OR link */
.menu ul :hover ul ul{visibility:hidden;}
/* make the third level visible when you hover over second level list OR link */
.menu ul :hover ul :hover ul{ visibility:visible;}


#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: 10px; 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: 105px; 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; }