/* !!! Es muss beachtet werden, dass alle DIVs im screen.css generell auf clear: both gesetzt sind !!!! */
/* Style für Hintergrundbilder bei Downloads generell über alle Parts*/

div#inhalt a {
	text-decoration: underline;
}
div#inhalt a:hover {
	text-decoration: none;
}
p.link {
	margin: 1em 0;
}
p.link a{
	padding: .1em 0 .3em 1.2em;
	background: url(../img/layout/arrow-right-color.gif) no-repeat left .3em;
}
p.download a, div.part_downloads a{
	padding: .1em 0 .3em 1.8em;
	background: url(../img/layout/download.gif) no-repeat;
}
p.download a.pdf, a.pdf{
	background: url(../img/layout/pdf.gif) no-repeat right 0 !important;
	padding: 1px 25px 1px 0; 
}
p.download a.doc, a.doc {
	background: url(../img/layout/doc.gif) no-repeat right 0 !important;
	padding: 1px 25px 1px 0; 
}
p.download a.ppt, a.ppt {
	background: url(../img/layout/ppt.gif) no-repeat right 0 !important;
	padding: 1px 25px 1px 0; 
}
p.download a.xls, a.xls{
	background: url(../img/layout/xls.gif) no-repeat right 0 !important;
	padding: 1px 25px 1px 0; 
}
.alink {
	cursor: pointer;
	text-decoration: underline;
}
.alink:hover {
	text-decoration: none;
}
/* Style Startseite */
div#accordion {
	/*background: url(../img/layout/bg-accordion.gif) right top no-repeat;*/
	position : relative;
	overflow : hidden;
	height: 295px;
}

div#accordion h3 {
	border-bottom : 1px solid #F5A434;
	padding : 5px 10px;
	width : 440px;
}

div#accordion div.ui-accordion-content-active  {
	max-height: 125px !important;
	padding: 0 !important;
	margin: 0 !important;
}
div#accordion h3.ui-state-active {
	border : none;
}

div#accordion h3 a {	
	color: #272727;
	cursor : pointer;
	letter-spacing : 0.05em;
	text-decoration : none;
	text-transform : uppercase;
}
div#accordion h3 a:hover {
	color: #F5A434;
}


div#accordion h3.ui-state-active a {	
	color : #F5A434 !important;
}

div#accordion div.ui-accordion-content-active {
	border-bottom : 1px solid #F5A434;
	height: 125px;
	overflow : hidden !important;
	width: 460px !important;
}

div#accordion div p {
	margin : 0;
	overflow: hidden;
	padding : 0 10px 10px 10px;
	width : 440px;
}
div#accordion div p a {
	background:url("../img/layout/arrow-right.gif") no-repeat scroll left top transparent;
	list-style-position:outside;
	text-decoration: underline;
	padding-left:12px;
}
div#accordion div p a:hover {
	text-decoration: none;
}
div#accordion div.innerfade {
	left : 480px;
	height: 260px !important;
	overflow: hidden;
	position : absolute;
	top : 0;
}
div#accordion div.innerfade div#overflow {
	height: 260px;
	overflow: hidden;
}
div#accordion  span.schatten {
	background-image: url(../img/layout/schatten-innen.png);
	display: block;
	height: 260px;
	width: 460px;
	position : absolute;
	top : 0;
	left : 480px;
	z-index: 20;
}
/* Style Boxen Seitenleiste und Startseite */
div.box {
	background : #ffffff;
	margin-bottom : 10px;
	padding: 20px !important;
	width: auto;
}
*+html div.box {
	float: left;
}
div.promo {
	background : #F5A434;
}
div.promo h2 {
	color: #FFF;
}
div.promo a {
	color: #FFF;
	text-decoration: underline;
}
div.promo a:hover {
	text-decoration: none;
}
div.promo img {
	margin: 0 0 10px 0;
}
div.promo ul.linkliste li, div.promo div.text ul li {
	background:url("../img/layout/arrow-right-white.gif") no-repeat scroll left bottom transparent;
}
div#seitenleiste div.box {
	width: 210px;
}
div#seitenleiste div.box div.con {
	float:left;
	width:127px;
}
div#seitenleiste div.box div.con a {
	display: block;
	text-decoration: underline;
}
div#seitenleiste div.box div.con a:hover {
	text-decoration: none;
}
div#seitenleiste div.box div {
	float: none;
	width: auto;
}
div#seitenleiste div.box img {
	margin-bottom: 5px;
	width: auto;
}

div.box div, div#inhalt div.box div {
	float: right;
	padding: 0;
	width: 255px;
}
div.box img, div#includeStartseiteNews a img {
	border: 1px solid #272727;
	float: left;
	width: 150px; 
}
div#includeStartseiteNews {
	padding: 20px;
	width: auto;
}
div#includeStartseiteNews ul li {
	clear: both;
	float: left;
	margin-bottom: 10px;
	width: 100%;
}
div#includeStartseiteNews ul li:first-child {
	margin-bottom: 20px;
}
div#includeStartseiteNews h2 {
	color: white;
}
div#includeStartseiteNews span.holdLayout {
	margin-right: 10px;
	width: 80px;
}
div#includeStartseiteNews span.holdLayout {
	display:block;
	float:left;
}
div#includeStartseiteNews div {
	float:left;
	height: 70px;
	overflow:hidden;
	padding:0 0 0 3px;
	position:relative;
	width:327px;
	/*	
	float: left;
	height: 84px;
	overflow: hidden;
	position: relative;
	width: 330px;
		*/
}
div#includeStartseiteNews div.topnews {
	height: auto;
	margin-left: 15px;
	width: 260px;
}
div#includeStartseiteNews div a.blend {
	position: absolute;
	right: 0;
	bottom: 0;
}
div#includeStartseiteNews div a.blend img {
	border: none;
	width: auto;
	margin: 0;
}

div#includeStartseiteNews h4,div#includeStartseiteNews a {
	color: #272727;
}
ul.insymaTestimonial img, div#includeErlebtes img, div#includeTestimonial img {
	margin: 10px 0;
}
div#includeTestimonial ul li {
	margin-bottom: 30px;
}
div#includeKontakt img {
	margin-right: 20px;
}
div#includeKontakt span{
	width: 130px;
	float: left;
}
div#includeKontakt span a {
	display: block;
}

div#includeKontakt span a, div#includeErlebtesBox a, div.part_bildtext li a, div#includeErlebtes a {
	cursor: pointer;
	text-decoration: underline;
}
div#includeKontakt span a:hover, div#includeErlebtesBox a:hover, div.part_bildtext li a:hover, div#includeErlebtes a:hover {
	text-decoration: none;
}

/* Style Parts */
div.part_basic {
	clear: both;
}
div.part_basic div.image {
	float: left;
}
div.part_basic div span {
	clear: both;
	float: left;
}
/*div.part_basic ul li {
	background: url(../img/layout/arrow-right.gif) no-repeat left bottom;
}*/
div.text h2 {
	float: left;
}
ul.linkliste, div.text ul {
	margin-top: 15px;
}
ul.linkliste li, div.text ul li  {
	background: url(../img/layout/arrow-right.gif) no-repeat left top;
	padding-left: 12px;
	list-style-position: outside;
}
div#inhalt img {
	clear: both;
	border: 1px solid #272727;
	float: left;
	margin-right: 20px;
	
}
div.part_bildtext, div.part_bilderliste, div.part_basic {
	clear : both;
}
div.part_bildtext div.text {
	float: left;
	width: 420px !important;
}

div.part_bilderliste ul li {
	border:1px solid #272727;
	float: left;
	height: 85px;
	margin: 0 12px 12px 0 !important;
	overflow: hidden;
	width: 118px;
}
div.part_bilderliste ul li a img{
	border: none !important;
}
div.part_bilderliste ul li span {
	clear: both;
	text-indent: -9999px;
}
div.part_bilderliste ul li.produktelast {
	margin: 0 !important;
}

div#includeNews ul li {
	clear: both;
	float: left;
	margin: 0 0 30px 0;
	width: 100%
}
div#includeNews ul li a img {
	clear: none !important;
}
div#includeNews ul li div {
	float: right;
	width: 420px;
}
div.part_news_detail ul {
	clear: none;
	float: left;
	width: 220px;
}
div.part_news_detail ul li span {
	clear:both;
	display: block;
	float:left;
	width: 220px;
}
div.part_news_detail div.text p.link {
	clear: both;
	margin-top: 3em;
}
div.part_news_detail div.text {
	float:right;
	width:430px !important;
}
div.part_team li {
	float: left;
	margin-bottom: 20px;
	width: 50%;
}
/* Zitate */
cite {
	margin: 0;
	padding: 0;
	text-indent: 0;
	font-style: normal;
}
blockquote {
	margin: 10px 0;	
}
blockquote p {
	text-indent: 15px;
	background: url(../img/layout/blockquote-open.gif) no-repeat left 4px;
	clear:both;
}
blockquote p span {
	background: url(../img/layout/blockquote-close.gif) no-repeat right center;
	display: inline-block;
	margin-left: 5px;
	width: 10px;
}	

div.standardheader blockquote {
	background: none;
/*	background: url(../img/layout/blockquote-close-2.gif) no-repeat right bottom; */
}
div.standardheader blockquote h4 {
	text-indent: 0;
	background: none;
/*	text-indent: 15px;
	background: url(../img/layout/blockquote-open-2.gif) no-repeat left 4px; */
}
div#inhalt div#includeTestimonial ul li div.testimonialhead {
	margin: 0 0 10px 0;
	width: 100%;
}
div#inhalt div#includeTestimonial ul li div{
	float:left;
	width:420px;
}
div#includeTestimonial ul li {
	clear: both;
	float: left;
	margin: 15px 0;
}
div#includeTestimonial ul li img {
	margin: 0 20px 0 0;
}
div#includeTestimonial ul li blockquote {
	margin: 0;
}
div#includeTestimonial ul li a div {
	float: left;
	width: 400px;
}
div#includeTestimonial ul li a div.TestimonialHead {
	float: left;
	width: 650px;
	margin: 0 0 10px;
}


/* Style Part Tabellen */
div.part_tabelle table{
	margin: 15px 0 0 0;
	width: 100%
}
div.part_tabelle table tr {
	padding: 0 0 5px;
}
div.part_tabelle table tr td, div.part_tabelle table tr th {
	vertical-align: top;
/*	padding-bottom: 5px; */
	padding: 0 15px 5px 0;
}

div.part_tabelle table tr.zeile0 td, div.part_tabelle table tr th {
	color: #F5A434;
	padding: 0 0 10px;
}

/* Pflanzen und Tiere */

div#inhalt div.bg {
	background: #012c22;
	color: #FFF;
	float: left;
	height: 235px;
	margin: 20px 20px 0 0;
	position: relative;
	width: 310px;
}
div#inhalt div.bg h2 {
	font-size:1.41em;
	letter-spacing:0.04em;
	text-decoration:none;
	text-transform:uppercase;
}
div#inhalt div.bg a {
	color: #F5A434;
	text-decoration: underline;
}
div#inhalt div.bg a:hover {
	text-decoration: none;
}
div#inhalt div.bg p.link {
	bottom: 20px;
	margin: 0;
	position: absolute;
	right: 20px;
}
div#inhalt div.bigImg {
	border:1px solid #272727;
	float:left;
	height: 223px;
	margin-top:20px;
	overflow: hidden;
	padding:0;
	width:300px;
}
div#inhalt div.bigImg img {
	border: none;
}

div#inhalt div.pflanzenbilder.scrollable {
	float:left;
	margin-top: 5px;
	padding:0;
	position: relative;
	width:300px;
}
div#inhalt div.pflanzenbilder.scrollable a.prevPage.browse.left {
	background: url(../img/layout/prod-ctrl-left.png);
	cursor: pointer;
	left: 0;
	height: 40px;
	position: absolute;
	text-indent: -9999px;
	width: 40px;
	z-index: 59;
}
div#inhalt div.pflanzenbilder.scrollable a.nextPage.browse.right {
	background: url(../img/layout/prod-ctrl-right.png);
	cursor: pointer;
	right: 0;
	height: 40px;
	position: absolute;
	text-indent: -9999px;
	width: 40px;
	z-index: 59;
}
div#inhalt div.pflanzenbilder ul li {
	border: 1px solid #272727;
	height: 38px;
	margin-right: 5px;
	overflow: hidden;
	width: 58px;
}
div#inhalt div.pflanzenbilder ul li img {
	border: none;
	cursor: pointer;
	width: 58px;
}
div#inhalt dl {
	clear: both;
	padding: 20px;
}
div#inhalt dl dt{
}
div#inhalt dl dd{
	margin-bottom: 20px;
}
/* Scrollable */

div.scrollable { 
    position:relative; 
    overflow:hidden; 
    width: 660px; 
    height:50px; 
} 
div.scrollable ul.items { 
    /* this cannot be too large */ 
    width:20000em; 
    position:absolute; 
} 
 
div.scrollable ul.items li { 
    float:left; 
} 

div.box.bgpflanzen {
	background: #012C22;
	position:relative; 
}
div.v_scrollable { 
	height: 250px; 
	overflow:hidden; 
	position:relative;  
} 
 
div.v_scrollable ul.items { 
    height:20000em; 
    position:absolute; 
}

ul#pflanzennavi {
	color: white;
	width: 208px;	
}

ul#pflanzennavi li.header, ul#pflanzenliste li.header, div#inhalt dl dt {
	clear:both;
	color:#F5A434;
	display:block;
	float: none;
	font-size:1em;
	height:auto;
	letter-spacing:0.02em;
	margin:10px 0 5px;
	text-decoration:none;
	text-transform:uppercase;
	width:100%;
}
ul#pflanzennavi li {
	display: inline;
	margin: 0;
}
ul#pflanzennavi li.spacer {
	margin: 0 6px;
}
ul#pflanzennavi li.hide {
	display : none;
}
ul#pflanzennavi li a {
	color: white;
	text-decoration: none;
}
ul#pflanzennavi li a.active {
	color: #F5A434;
}
ul#pflanzennavi li a:hover {
	text-decoration: underline;
}
div#seitenleiste div a.prevPage.browse.left {
	background: url(../img/layout/blender-up-ctrl.png);
	cursor: pointer;
	left:0;
	height: 33px;
	position:absolute;
	text-indent: -9999px;
	top:0;
	width: 250px;
	z-index:99;
}
div#seitenleiste div a.nextPage.browse.right {
	background: url(../img/layout/blender-down-ctrl.png);
	bottom:0;
	cursor: pointer;
	left:0;
	height: 33px;
	position:absolute;
	text-indent: -9999px;
	width: 250px;
	z-index:99;
}
ul#pflanzenliste {
	padding: 20px;
}
ul#pflanzenliste li {
	display: block;
	float: left;
	height: 125px;
	margin: 0 12px 12px 0;
	width: 120px;
}
ul#pflanzenliste li a {
	overflow: hidden;
	width: 120px;
}
ul#pflanzenliste li a img{
	width: 118px;
}
/*SITEMAP*/
div.part_sitemap {
	background: white;
	padding-bottom: 30px !important;
/*	position: absolute;
	width: 920px !important; */
}
div#inhalt div.part_sitemap a {
	text-decoration: none;
	text-transform: uppercase;
}
div.part_sitemap ul li {
	margin: 0 0 30px 0;
	width: auto;
}
div.part_sitemap ul li a{
	color: #F5A434;
	font-size:1.21em;	
}
div.part_sitemap ul li li{
	clear: both;
	margin: 5px 0 10px 0;
	width: auto;
}
div.part_sitemap ul li li a{
	color: #272727;
	font-size:1em;	
}
div.part_sitemap ul ul ul {
	clear: both;
	float: left;
	margin: 0 0 10px 0;
}
div.part_sitemap ul ul ul li {
	clear: none;
	float: left;
	margin: 0 20px 0 0;
	width: auto;
}
div.part_sitemap ul ul ul li a {
	color: #F5A434;
	margin: 0 0 15px 0;
}
/* */
ul#bilderliste li#imageInlineControl{
 clear: both;
}
li.bildspan img {
	margin: 0 !important;
	padding: 0 !important;
	clear: none !important;
	float: none !important;
}
li#imageInlineControl ul  {
	position: relative;
	float: left;
	min-height: 50px;
	_height: 50px;
}
li#imageInlineControl ul li#controlInlinePrev span, li#imageInlineControl ul li#controlInlineNext span {
	display: block;
	text-indent: -9999px;
}
li#imageInlineControl ul li#controlInlinePrev a, li#imageInlineControl ul li#controlInlineNext a {
	background: #FFF url(../img/layout/arrow-nextprev-big.gif) no-repeat left;
	border: 1px solid #272727;
	height: 36px;
	width: 36px;
	position: absolute;
	top: 10px;
}
li#imageInlineControl ul li#controlInlinePrev a {
	background-position: left -33px;
	left: 0;
}
li#imageInlineControl ul li#controlInlinePrev a:hover {
	background-position: left -101px;
}
li#imageInlineControl ul li#controlInlinePrev a:active {
	border: 1px solid #F5A434;
}
li#imageInlineControl ul li#controlInlineNext a {
	background-position: left 1px;
	right: 0;
}
li#imageInlineControl ul li#controlInlineNext a:hover {
	background-position: left -67px;
}
li#imageInlineControl ul li#controlInlineNext a:active {
	border: 1px solid #F5A434;
}

li#imageInlineControl ul li#imageInlineInfo {
	margin: 8px auto 0 auto;
	width: 80%;
}
li#imageInlineControl ul li#imageInlineInfo.moveLeft {
	width: auto;
}

li#imageInlineControl ul li#imageInlineInfo span#imageInlineNr, li#imageInlineControl ul li#imageInlineInfo span#imageInlineAltText {
	float: left;
	width: 100%;
}
li#imageInlineControl ul li#imageInlineInfo span#imageInlineNr {
	color: #F5A434;
}




/* ==== Definitionen FORM Standardformular ==== */
input[type="submit"] {
	cursor: pointer; 
}
form{
	display: block;
	margin: 0 0 10px 0;
}

form input{
	margin: 10px 0 0 120px;
	border: 1px solid #999999;
	background: #FFFFFF;
}
*+html form input{
	margin: 10px 0 0 135px;
}
* html form input{
	margin: 10px 0 0 123px;
}
form ol, form ul{
	list-style: none;
	margin: 0;
	padding: 0;
	
}

form li{
	clear: left;
	margin: 0.2em 0;
	padding: 0.2em 0;
	position: relative;
}

form li label{
	line-height: 22px;
	display: block;
	width: 120px;
	float: left;
	clear: left;
}

form li input{
	width: 150px;
	height: 15px;
	background: #FFFFFF;
	border: 1px solid #999999;
	margin: 0 5px 0 0;
}

form li span.mandatoryField{
	color: Red;
}

form li textarea{
	width: 250px !important;
	height: 100px !important;
	background: #FFFFFF;
	border: 1px solid #999999;
	margin: 0 5px 0 0;
}

form li fieldset{
	width: 400px;
	margin: 0;
	padding: 0;
	border: none;
}

form li fieldset legend{
	display: none;
}

form li fieldset ul, form li fieldset ol{
	margin: 0;
	padding: 0;
}

form li fieldset li{
	display: block;
	margin: 3px 0 3px 0;
	clear: left;
}

form li fieldset li input{
	border: 0;
	width: 20px;
	float: none;
	display: inline;
}

form li fieldset li label{
	width: 340px;
	margin: 0;
	float: none;
	display: inline;
}

form li table.radiobutton {
	float: left;
}

form li table.radiobutton input {
	border: none;
	margin: -5px 5px 0 0;
	width: 15px;
	display: inline;
}

form li table.radiobutton label {
	display: inline;
	float: none;
}

form li table.radiobutton td {
}

form table {
	border: 0px;
}

form table tr {
	border: 0px;
	margin: 0;
}

form table tr td {
	border: 0px;
	margin: 0px;
	padding: 0 10px 2px 0;
}

form table.products tr td.tdAnzahl {
	width: 100px;
}

form table tr th {
	border: 0px;
	margin: 0;
	padding: 0;
	text-align: left;
}

form table tr td input {
	margin: 0;
	padding: 0;
}
form table tr td p input {
	margin: 0 0 0 98px;
	padding: 0px;
}
tr#ctl01_login_trLoginMessage td, table#tbLogin span {
	color: #F5A434 !important;
}
form table tr td input.anzahl {
	margin: 0;
	padding: 0px;
	width: 100px;
}

form p.Message{
	padding: 5px;
	border: 1px solid #E26610;
	background: #FDECD4;
}

/* Radiobutton horizontal*/
li span.RadioButton {
	float: left;
	width: auto;
	display: block;
	padding-right: 10px;
}
* html li span.RadioButton {
	padding: 0 10px 0 15px;
}
li span.RadioButton input{
	border: none;
	width: auto;
	float: none;
	display: inline;
}

li span.RadioButton label{
	width: auto;
	float: none;
	display: inline;
	margin-right : 20px;
}

/* Radiobutton vertikal*/
li ol.RadioButton {
	margin: 0;
	padding: 0 0 0 120px;
	width: auto;
	list-style: none;
}

li ol.RadioButton li {
	clear: none;
}

li ol.RadioButton li input {
	width: auto;
	border: none;
	padding: 0;
	margin: 0 5px 0 0;
}

li ol.RadioButton li label{
	padding: 0;
	clear: none;
	float: none;
	display: inline;
	width: auto;
}

/* CheckBox Auflistung */
form li ol.CheckBox {
	list-style: none;
	margin: 3px 0 0 0;
	padding: 0;
	width: 400px;
	float: left;
}

form li ol.CheckBox li {
	margin: 0;
	padding: 0;
	width: 400px;
}

form li ol.CheckBox li input {
	width: 15px;
	height: 15px;
	border: 0;
	margin: 0 5px 0 0;
	float: none;
	display: inline;
}

form li ol.CheckBox li label {
	width: 300px;
	float: none;
	display: inline;
}

form table.products {
	width: auto;
	margin: 0 0 1em 0;
}

form table.products td, form table.products th {
	padding : 0.3em 1em 0.3em 0;
}

/* Validation */
form li em {
	font-style: normal;
}
form p.validationinfo {
	margin: 1em 0 0 120px;
}
div.Message {
	background: url(../img/layout/icon-ok.gif) no-repeat 10px 12px #F5A434;
	color: #F5A434;
	border: none;
	margin: 0 0 1em 0;
	padding: 10px 10px 10px 33px;
	line-height: 1.5;
}
div.Message p{	
	margin: 0;
	padding: 0;
}

li.notvalid, li.notvalid .validation {
	font-weight: normal;
}
li.notvalid em {
	color : #F5A434;
}	
strong.validation {
	left: 285px;
	position: absolute;
	top: 5px;
}
*+html strong.validation {
	left: 300px;
}
* html strong.validation {
	left: 165px;
}
* html li.validateRadio strong.validation {
	left: 20px;
}
li.notvalid input{
	border: 1px solid #F5A434;
}	

li.notvalid .validation {
	color : #F5A434;
}
/*
li.validateRadio .validation {
	margin-left : 6em;
}
*/

/* Iframe */

div.part_iframe {
	clear: both;
}
div.part_iframe iframe {
	width: 650px;
}

/* Menu-Part */
div.part_menu {
	clear: both;
}
div.part_menu, div.part_menu h2 {
	text-align : center;
}
div.part_menu span.stars {
	letter-spacing : 0;
}

/* Suchergebnisse */
div.suche input#suchfeld {
	float: left;
	margin: 0 10px 0 0;
	height: 18px;
}
*+html div.suche input#suchfeld {
	height: 20px;
}
* html div.suche input#suchfeld {
	height: 20px;
}
div.suche input#suchbutton {
	float: left;
	margin: 0;	
}
div.suche br {
	display: none;
}
#cse-search-results iframe {
	width : 650px;
}

#cse-search-results iframe h2 {
	text-decoration : none;
}

#cse-search-results iframe span.a {
	text-decoration : underline;
}

/*INFOMESSAGE STARTSEITE*/
.startseite_info{
	background: #F5A434;
	clear: both;
	margin: 10px auto -10px auto;
	overflow: hidden;
	padding: 20px;
	width: 920px;
}
.startseite_info p {
	width: 690px;
}
.startseite_info h2{
	color:	 white;
    font-size: 1.41em;
}
.startseite_info .window_close h2 {
	font-size: 1em;
}
.startseite_info .window_close{
	cursor: pointer;
	float:right;
	width:auto;	
}
.startseite_info .window_close h2{
	display:inline;
	float: left;
	margin-right: .5em;
	margin-top: .5em;
}
.startseite_info .window_close img{
	
}

/*ADDTHIS */
ul#hilfsnavi li div{ width:auto;}