form { display: inline; }
body {
margin: 0;
padding: 0;
font: normal 14px/18px Arial, Tahoma;
position: relative;
}
html, body {
height: 100%;
}
h1 {
font: normal 20px/24px Arial;
margin: 0 0 18px;
padding: 0;
}
h2 {
font: italic normal 22px/26px Arial;
margin: 0 0 18px;
padding: 0;
}
h3 {
font: bold 16px/20px Arial;
margin: 0 0 22px;
padding: 0;
}
hr {
display: block;
height: 1px;
width: 100%;
border: 0;
background: #e0e0e0;
}
a {
outline: none;
cursor: pointer;
text-decoration: none;
}
a img {
border: 0;
}
p {
margin: 0 0 19px;
}
ul, li {
margin: 0;
padding: 0;
}
textarea,
input,
textarea:focus,
input:focus {
outline: none;
}
.clear {
clear: both !important;
float: none !important;
height: 0 !important;
width: 0 !important;
font-size: 0 !important;
line-height: 0 !important;
margin: 0 !important;
padding: 0 !important;
}
/*-----------------------+z+------------------------------------*/

/*.plantitemlink {
	//display: block;
	float: left;
	max-width: 		155px;
	height: 			200px;
	padding: 			3px;
	margin: 			0 0 0 5px;
	text-decoration: 	none;
}*/

.kerdesmainpage {
	font-family: Georgia, "Times New Roman", Times, serif;
	font-size: 18px;
	line-height: 22px;
	font-weight: normal;
	color: #C03;

}

.plantitemicon {
	//display: block;
	max-width: 46px;
	height: 	42px;
	border: 0;
}

#plantfiltercontainer {
color: #999;
display:none;
}
.filteroff {
color: #CC0000;
}
.filteron {
color: #00CC00;
}

#plantrecord {
	
}
#plantrecordlarge {
	
}
#plantrecordlargedata {

}

.plantrecordlargeimg {
	width: 420px;
	float: left;
	padding: 			3px;
	margin: 			5px;
	cursor: pointer;
}
.plantitemlargetext {
	font-size: 18px;
	color: #7AB73A;
}


.filterswitch{
	border:2px dotted transparent;
	padding: 2px;
	
}

.filterswitch:hover{
	border:2px dotted black;
	cursor: pointer;
	
}
.filterheadlines {
	font-weight: bold;
}
.plantitem {
	border:1px dotted #7AB73A;
}

.plantitemlatinname {
	font-weight: bold;
	font-size: 32px;
	line-height:100%;
}
.plantitemhuname {
	//line-height:100%;
	font-size: 26px;
}
.plantitemheader {
	font-weight: bold;
}
.plantitemtext {
	

	}
.plantitemimage {
	float:left;
	padding: 			3px;
	margin: 			5px;
}

.plantcontent {
	//float:left;
	padding: 8px;
	//padding-left: 5px;
	margin:0;
}
#showhidefilters {
text-decoration: underline;

}
#showhidefilters:hover {
	cursor: pointer;
	font-weight: bold;
}

#namefilterfield {
	//margin-left: auto;
	//margin-right: auto;
	float: left;
	display: block;
	width: 281px;
	height: 24px;
	border: 2;
	padding: 5px 5px;
	font: 18px Arial;
	-webkit-border-radius: 5px;
	-moz-border-radius: 5px;
	border-radius: 5px;
}
#plantfiltermain {

}

/*-----------------------+z+------------------------------------*/



/* LAYOUT *******************************************************************************************************/
#container {
min-height: 100%;
height: auto !important;
height: 100%;
margin: 0 auto -154px;
}
#header {
width: 952px;
height: 190px;
margin: auto;
overflow: hidden;
position: relative;
}
#footer {
width: 100%;
height: 41px;
padding: 113px 0 0;
position: relative;
}
#content {
width: 940px;
margin: auto;
padding: 0 0 155px;
position: relative;
overflow: hidden;
}
#contact #content {
padding: 0 0 65px;
}
#column_left {
float: left;
width: 580px;
padding: 0 6px 0 0;
}
#column_right {
float: left;
width: 304px;
padding: 24px 0 0 20px;
}
/* LOGO *********************************************************************************************************/
#logo {
height: 118px;
position: absolute;
top: 0;
left: 6px;
}
#logo a {
display: block;
float: left;
width: 143px;
height: 118px;
background: transparent;
}
#logo h1 {
display: block;
float: left;
width: 451px;
height: 58px;
font: 0;
text-indent: -10000px;
margin: 17px 0 0;
padding: 0;
}
/* SEARCH *******************************************************************************************************/
#search {
width: 220px;
height: 60px;
position: absolute;
right: 6px;
top: 24px;
z-index: 12;
}
#search input {
display: block;
width: 200px;
height: 14px;
border: 0;
padding: 10px 20px;
font: 11px Arial;
}
/* MENU *********************************************************************************************************/
#menu {
display: block;
list-style: none;
float: left;
position: absolute;
left: 112px;
top: 123px;
z-index: 11;
}
#menu li {
float: left;
height: 10px;
padding: 0;
}
#menu li.last {
border: 0;
}
#menu li a,
#menu li span {
display: block;
float: left;
height: 29px;
padding: 0 14px;
position: relative;
top: -5px;
font: 16px Arial, Tahoma;
cursor: pointer;
}
#menu li a.arrow,
#menu li span.arrow {
height: 36px;
}
/* SUBMENU ******************************************************************************************************/
#submenu {
display: block;
width: 940px;
height: 42px;
overflow: hidden;
position: absolute;
left: 5px;
bottom: 0;
z-index: 100;
}
#submenu ul {
display: none;
float: left;
position: relative;
top: 0;
list-style: none;
}
#submenu li {
display: block;
float: left;
border: 0;
height: 42px;
}
#submenu li a {
display: block;
float: left;
height: 42px;
padding: 0 14px;
font: 14px/43px Arial;
}
/* COMMUNITY ****************************************************************************************************/
#community {
height: 32px;
position: absolute;
top: 122px;
right: 28px;
z-index: 10;
}
#community a {
display: block;
float: left;
width: 32px;
height: 32px;
margin: 0 3px 0 0;
}
/* SLIDER *******************************************************************************************************/
#flexslider {
width: 940px;
height: 303px;
margin: auto;
padding: 0;
position: relative;
zoom: 1;
overflow: hidden;
}
#flexslider .slides,
#flexslider .flex-control-nav,
#flexslider .flex-direction-nav {
margin: 0;
padding: 0;
list-style: none;
}
#flexslider .slides img {
max-width: 100%;
display: block;
}
#flexslider .flex-pauseplay span {
text-transform: capitalize;
}

#flexslider .slides:after {
content: ".";
display: block;
clear: both;
visibility: hidden;
line-height: 0;
height: 0;
}
html[xmlns] .slides {display: block;}
* html .slides {height: 1%;}
.no-js .slides > li:first-child {display: block;}

#flexslider .slides {
zoom: 1;
}
#flexslider .slides > li {
display: none;
position: relative;
}
#flexslider .shadow {
width: 940px;
height: 295px;
position: absolute;
z-index: 2;
}

#flexslider .label {
width: 366px;
height: 165px;
padding: 23px;
position: absolute;
top: 28px;
right: 0;
z-index: 1;
overflow: hidden;
}

#flexslider .labelleft{
	left: 0;
	right: auto;	
}


#flexslider .label h3 {
display: block;
font: bold 14px/18px Arial;
margin: 0;
padding: 0 0 5px;
text-transform: uppercase;
}
#flexslider .label h2 {
display: block;
font: bold 26px/30px Arial;
margin: 0;
padding: 0 0 7px;
}
#flexslider .label h4 {
display: block;
font: bold 68px/72px Impact;
margin: 0;
padding: 0 0 7px;
color: #ffffff;
}

#flexslider .label h5 {
display: block;
font: bold 68px/72px Impact;
margin: 0;
padding: 0 0 7px;
color: #FF0000;
}

#flexslider .label h6 {
display: block;
font: bold 18px/20px Arial;
margin: 0;
padding: 0 0 6px;
color: #FFFFFF;
text-transform: uppercase;
}

#flexslider .label h7 {
display: block;
font: bold 62px/66px Impact;
margin: 0;
padding: 0 0 7px;
color: #FF0000;
}

#flexslider .label h8 {
display: block;
font: bold 24px/26px Arial;
margin: 0;
padding: 0 0 7px;
color: #FFFFFF;
}

#flexslider .label h9 {
display: block;
font: bold 62px/66px Impact;
margin: 0;
padding: 0 0 7px;
color: #A3E546;

}


#flexslider .label p {
display: block;
height: 108px;
font: 14px/18px Arial;
margin: 0;
padding: 0;
overflow: hidden;
}

#flexslider .flex-direction-nav {
width: 331px;
height: 50px;
position: absolute;
bottom: -50px;
right: 42px;
z-index: 3;
}
#flexslider .flex-direction-nav li a {
display: block;
height: 22px;
position: absolute;
top: -35px;
cursor: pointer;
text-indent: -9999px;
}
#flexslider .flex-direction-nav li .next {
width: 82px;
right: 15px;
}
#flexslider .flex-direction-nav li .prev {
width: 53px;
left: 15px;
}
#flexslider .flex-direction-nav li .disabled {
opacity: .3;
filter:alpha(opacity=30);
cursor: default;
}

#flexslider .flex-control-nav {
display: block;
width: 225px;
height: 31px;
padding: 19px 0 0 106px;
position: absolute;
bottom: 0;
right: 42px;
z-index: 2;
}
#flexslider .flex-control-nav li {
margin: 0 0 0 5px;
display: inline-block;
zoom: 1;
*display: inline;
}
#flexslider .flex-control-nav li:first-child {
margin: 0;
}
#flexslider .flex-control-nav li a {
width: 13px;
height: 14px;
display: block;
cursor: pointer;
text-indent: -9999px;
}
/* BREADCRUMB ***************************************************************************************************/
#breadcrumb {
display: block;
width: 906px;
height: 88px;
font: normal 40px/87px Arial, Tahoma;
margin: auto;
padding: 0 0 0 34px;
position: relative;
}
#breadcrumb .prev span {
display: inline-block;
width: 10px;
height: 20px;
vertical-align: middle;
margin: 0 0 0 12px;
}
#breadcrumb a.back {
display: block;
width: 141px;
height: 29px;
font: bold 10px/27px Arial;
text-align: center;
text-shadow: none;
position: absolute;
top: 28px;
right: 25px;
}
/* COLUMN LEFT **************************************************************************************************/
#column_left h1.maintitle {
display: block;
width: 138px;
height: 28px;
font: bold 11px/28px Arial, Tahoma;
margin: 24px 0 22px 26px;
text-align: center;
text-transform: uppercase;
letter-spacing: 2px;
}
/* COLUMN CENTER ************************************************************************************************/
#column_center .article_container {
padding: 20px 0 0;
}
/* ARTICLES ******************************************************************************************************/
#content .item {
height: 204px;
padding: 0 0 0 10px;
overflow: hidden;
margin: 0 0 26px 20px;
position: relative;
}
#column_center .item {
width: 892px;
height: 170px;
margin: 10px 0 26px 20px;
}
#content h1.title {
display: block;
font: bold 20px/21px Arial, Tahoma;
margin: 0;
padding: 0 0 15px;
}
#column_center h1.title {
font: bold 26px/43px Arial, Tahoma;
position: absolute;
left: 216px;
top: 0;
}
#content .item a.image {
display: block;
float: left;
width: 180px;
height: 140px;
padding: 3px;
margin: 0 0 0 5px;
text-decoration: none;
}
#content .item a.image img {
display: block;
width: 180px;
height: 140px;
border: 0;
}

#content .item .text {
display: block;
float: left;
width: 328px;
height: 127px;
padding: 0 0 0 12px;
font: normal 14px/18px Arial, Tahoma;
overflow: hidden;
}
#column_center .item .text {
width: 673px;
height: 74px;
padding: 49px 0 0 12px;
margin: 0 0 4px;
}
#content .item .readmore {
display: block;
float: left;
height: 16px;
font: bold 11px/16px Arial, Tahoma;
text-transform: uppercase;
padding: 0 13px 0 0;
position: absolute;
bottom: 15px;
right: 15px;
}

#column_center .article {
padding: 20px 36px 35px;
width: 868px;
}
#column_center .article h1.title {
height: auto;
font: bold 40px/49px Arial, Tahoma;
padding: 0 0 28px;
position: relative;
left: auto;
top: auto;
}
#column_center .article img {
padding: 5px;
}

#content .anchor,
#content .seemore {
display: block;
width: 200px;
height: 28px;
margin: 2px auto 0;
text-align: center;
font: bold 10px/27px Arial;
}
#content .anchor {
margin: 42px auto 0;
}
/* PAGER ********************************************************************************************************/
#pager {
width: 940px;
height: 28px;
padding: 0 0 36px;
text-align: center;
}
#pager .pagenav {
font: bold 11px/27px Arial;
padding: 0 1px;
}
#pager .first,
#pager .prev,
#pager .next,
#pager .last {
display: inline-block;
width: 97px;
height: 28px;
font: bold 10px/27px Arial;
padding: 0;
}
/* POSTIT BOX ***************************************************************************************************/
#postit_box {
display: block;
width: 304px;
padding: 0 0 25px;
margin: 0 0 20px;
}
#postit_box .inner {
padding: 25px 0 0;
}
#postit_box .inner h2 {
display: block;
height: 18px;
margin: 0;
padding: 0 0 0 22px;
font: bold 11px/14px Arial, Tahoma;
text-transform: uppercase;
}
#postit_box .inner h3 {
display: block;
height: 36px;
margin: 0;
padding: 0 0 0 22px;
font: bold 17px/20px Arial, Tahoma;
text-transform: uppercase;
}
#postit_box .inner .block {
padding: 13px 0 10px;
}
#postit_box .inner .block p {
display: block;
padding: 0 0 0 22px;
margin: 0;
font: bold 12px/24px Arial;
}
#postit_box .inner .block p span {
font: normal 13px/24px Arial;
}

#postit_box .inner .schedule {
padding: 12px 0 0;
}
#postit_box .inner .schedule p {
width: 180px;
position: relative;
font: bold 12px/18px Arial;
}
#postit_box .inner .schedule p span {
position: absolute;
right: 0;
font: normal 13px/18px Arial;
}
/* AWARD BOX ****************************************************************************************************/
#award_box {
display: block;
width: 304px;
height: 180px;
margin: 0 0 20px;
}
#award_box .inner {
width: 140px;
padding: 36px 0 0 30px;
font: 13px Georgia, Tahoma;
}
/* MODULE BOX ***************************************************************************************************/
#column_right .module_box {
padding: 0 0 20px;
}
#column_right .module_box h3.header {
display: block;
width: 282px;
height: 34px;
margin: 0 0 8px;
padding: 0 0 0 22px;
font: bold 11px/34px Arial;
text-transform: uppercase;
letter-spacing: 2px;
overflow: hidden;
}
#column_right .module_box h4 {
display: block;
margin: 13px 0;
padding: 0 10px;
font: bold 16px/21px Arial;
}
#column_right .module_box iframe,
#column_right .module_box object,
#column_right .module_box embed {
display: block;
width: 284px;
height: 174px;
margin: 0 auto 8px;
}
#column_right .module_box .seemore {
display: block;
width: 284px;
height: 24px;
margin: auto;
text-align: center;
font: bold 10px/23px Arial;
}
#column_right .module_box ul.gallerybox {
display: block;
width: 282px;
margin: 0;
padding: 0 0 2px 11px;
list-style: none;
overflow: hidden;
}
#column_right .module_box ul.gallerybox li {
float: left;
padding: 0 0 6px 6px;
}
#column_right .module_box ul.gallerybox li a {
display: block;
width: 80px;
height: 80px;
}

#column_right .module_box ul.hoverbox {
display: block;
width: 304px;
margin: 0;
padding: 8px 0 0;
list-style: none;
}
#column_right .module_box ul.hoverbox li {
display: block;
height: 22px;
padding: 0 0 0 34px;
}
#column_right .module_box ul.hoverbox li a {
font: 12px/23px Arial;
}
/* SECTIONLIST **************************************************************************************************/
#column_center .sectionlist {
overflow: hidden;
padding: 3px 0 0 10px;
width: 900px;
}
#column_center .sectionlist ul {
display: block;
list-style: none;
}
#column_center .sectionlist ul li {
display: block;
float: left;
padding: 27px 0 0 20px;
width: 160px;
}
#column_center .sectionlist ul li a {
display: block;
font: 20px Arial;
width: 160px;
}
#column_center .sectionlist ul li a img {
border: 0 none;
display: block;
height: 160px;
width: 160px;
}
/* CATEGORYLIST *************************************************************************************************/
#column_center .categorylist {
padding: 15px 0 0 20px;
width: 902px;
}
#column_center .categorylist ul {
display: block;
width: 100%;
list-style: none;
}
#column_center .categorylist ul li {
display: block;
width: 100%;
height: 95px;
}
#column_center .categorylist ul li a {
display: block;
font: bold 26px Arial;
height: 75px;
overflow: hidden;
padding: 20px 0 0 15px;
position: relative;
width: 887px;
}
#column_center .categorylist ul li a img {
display: block;
float: left;
height: 47px;
padding: 3px;
width: 60px;
}
#column_center .categorylist ul li a .text {
display: block;
float: left;
height: 57px;
line-height: 57px;
padding: 0 0 0 19px;
}
#column_center .categorylist ul li a .detail {
display: block;
float: left;
font: bold 11px/16px Arial,Tahoma;
padding: 0 13px 0 0;
position: absolute;
right: 10px;
text-transform: uppercase;
top: 44px;
}
/* CONTACT PAGE *************************************************************************************************/
#column_center .contact_left {
float: left;
width: 410px;
padding: 22px 30px 0;
}
#column_center .contact_left .logo {
display: block;
float: left;
width: 64px;
height: 82px;
margin: 0 25px 0 0;
}
#column_center .contact_left h1 {
display: block;
font: normal 30px/42px Arial;
text-transform: uppercase;
margin: 0;
padding: 0;
}
#column_center .contact_left h4 {
display: block;
font: normal 14px/20px Arial;
margin: 0;
padding: 0;
}
#column_center .contact_left p {
margin: 0 0 16px;
}
#column_center .contact_left ul {
padding: 28px 0;
list-style: none;
}
#column_center .contact_left ul li {
padding: 0 0 10px;
}

#column_center .contact_left .qr_code {
display: inline-block;
width: 72px;
height: 72px;
margin: 8px 30px 0 0;
}
#column_center .contact_left .qr_code img {
display: block;
width: 72px;
height: 72px;
}
#column_center .contact_right {
float: left;
width: 470px;
height: 574px;
}
#column_center #route_form {
display: block;
width: 415px;
height: 108px;
padding: 16px 0 0 55px;
position: absolute;
left: 470px;
top: 450px;
}
#column_center #route_form .route {
display: block;
float: left;
width: 196px;
height: 16px;
padding: 10px 22px 8px;
border: 0;
font: normal 11px Arial;
margin: 0 5px 0 0;
}
#column_center #route_form .send {
display: block;
float: left;
width: 100px;
height: 34px;
text-align: center;
border: 0;
font: bold 11px Arial;
text-transform: uppercase;
cursor: pointer;
}
/* TEXT PAGE ****************************************************************************************************/
#column_center .text_container {
padding: 38px 20px 0;
}
#column_center .text_container .padding_block {
padding: 0 20px;
}
#column_center .text_container .gradient_block {
padding: 0 20px 36px;
}
#column_center .text_container .text_block {
padding: 25px 20px 3px;
}
#column_center .text_container ul {
font-weight: bold;
padding: 0 0 0 34px;
}
#column_center .text_container ul li {
padding: 0 0 18px;
}
/* GALLERY ******************************************************************************************************/
#column_center #photo_gallery .photo_box,
#column_center #video_gallery .video_box {
height: 553px;
padding: 22px 0 0 22px;
}
#column_center #photo_gallery .jcarousel-container,
#column_center #video_gallery .jcarousel-container {
height: 163px;
padding: 30px 0 0 80px;
}
#column_center #photo_gallery .jcarousel-container .jcarousel-prev,
#column_center #video_gallery .jcarousel-container .jcarousel-prev {
display: block;
width: 80px;
height: 135px;
position: absolute;
top: 30px;
left: 0;
cursor: pointer;
}
#column_center #photo_gallery .jcarousel-container .jcarousel-prev span,
#column_center #video_gallery .jcarousel-container .jcarousel-prev span {
display: block;
width: 20px;
height: 35px;
position: absolute;
left: 30px;
top: 47px;
}
#column_center #photo_gallery .jcarousel-container .jcarousel-next,
#column_center #video_gallery .jcarousel-container .jcarousel-next {
display: block;
width: 80px;
height: 135px;
position: absolute;
top: 30px;
right: 0;
cursor: pointer;
}
#column_center #photo_gallery .jcarousel-container .jcarousel-next span,
#column_center #video_gallery .jcarousel-container .jcarousel-next span {
display: block;
width: 20px;
height: 35px;
position: absolute;
right: 30px;
top: 47px;
}
#column_center #photo_gallery .jcarousel-clip,
#column_center #video_gallery .jcarousel-clip {
width: 780px;
height: 135px;
overflow: hidden;
}

#column_center #photo_gallery li img {
vertical-align: middle;
horizontal-align: center;
}

#column_center #photo_gallery .jcarousel-clip ul li,
#column_center #video_gallery .jcarousel-clip ul li {
padding: 0 20px 0 0;
width: 180px;
height: 135px;
cursor: pointer;
overflow: hidden;
}
#column_center #video_gallery .jcarousel-clip ul li img {
display: block;
width: 180px;
height: 96px;
margin: 0 0 3px;
}
/* FOOTER *******************************************************************************************************/
#footer .inner {
width: 940px;
margin: auto;
position: relative;
}
#footer .inner p {
display: block;
margin: 0;
padding: 0;
font: 11px Arial;
}
#footer .inner ul {
display: block;
float: left;
margin: 0;
padding: 0;
list-style: none;
position: absolute;
right: 0;
top: -3px;
}
#footer .inner ul li {
float: left;
padding: 0 0 0 25px;
}
#footer .inner ul li a {
font: bold 11px Arial;
}