h1 {
	margin-bottom: 8px;
}

input, select {
	font-size: 0.85em;
}

input {
	width: 19em;
}

label {
	font-weight: normal;
	font-size: 1em;
}
/* Redesign Baumlexikon DG 041217 */	

.orange:link, .orange:visited {
	color: #656565;
	text-decoration: none;
	/* background-color: #f2f2f2; */
}	
	
.orange:active, .orange:hover {
	color: #f37a1f;
	text-decoration: none;
}

.formContainer {
	padding: 0 10px 0 0;
	margin: 23px 0 0 0 !important;
	margin: 1px 0 0 0;
	height: 1%;
}

.formContainer p {
	margin: 5px 0 0 0;
}

.inputContainer {
	margin-top: 0;
	padding-top: 7px;
}

div.selectKriterium {
	float: left;
	margin-right: 6px;
}

select.selectKriterium {
	width: 10em;
}

.multipleSuche {
	padding-bottom: 10px;
	color: #656565;
}

#contentHeader {
	width: 600px;
	margin-left: 20px;
	margin-right: 20px;
}

#contentHeader p {
	margin-right: 150px;
	margin-bottom: 2em;
}

#baumContent {
	width: 580px;
	clear: both;
}

#productArea {
	height: 176px;
	background: no-repeat #f2f2f2;
	border-top: 1px solid #666666;
	border-bottom: 1px solid #666666;
}

.productItem {
	position: relative;
	width: 125px;
	height: 155px;
	margin: 20px 1px 0 0;
	float: left;
	text-align: center;
	font-size: 0.85em;
}

#details {
	position: relative;
	width: 400px;
}
/* Begin Mac IE5 backslash hack \*/
* html #details {
	height: 1%;
}
/* End Mac IE5 backslash hack */

#detailContainer {
	/*float: left;*/
	visibility: hidden;
	position: absolute;
	left: 10px;
	top: 0;
	/*
	left: 10px;
	top: 76px!important;
	top: 78px;
	*/
	border: 1px solid #000000;
	margin: 0 8px 1em 8px;
	height: 231px;
	background: #f2f2f2;
	width: 384px;
	/*width: 577px; md*/
	
		
}

#detailContainer .contentLinks {
	position: absolute;
	left: 240px;
	top: 210px;
	z-index:1;
}

.contentLinks {
	display: block;
	width: 160px; /*md*/
}
 .contentLinks span.rightFloated {
 	float: right;
	padding-right: 0;
 }

.contentLinks span {
	float: left;
	display: inline;
}

#detailContainer span {
	height: 1%;
}	

#detailContainer img {
	float: left;
	margin-top: 0;
}
.produktDetailClass {
	float: left;
	display: none;
	visibility: hidden;
}

.produktDetailClass p {
	margin: 0 10px 0 241px;
	padding: 5px 0;
	font-size: 0.85em;
}

.produktDetailClass img {
	float: left;
	margin-right: 10px;
	width: 231px;
}

#produktbildContainer {
	margin: 0 0 1em 0;
	padding: 0 0 0 20px;
	width: 389px;
	height: 240px;
}

#produktbildContainer span {
	height: 1%;
}

#produktbildContainerText {
	position: absolute;
	left: 250px;
	top: 0;
	margin: 0 10px 0 10px;
	padding: 0 0 0 0;
	width: 145px;
	height: 240px;
}

#detailArea {
	/*display: block;*/
	position: absolute;
	top: 47px !important;
	top: 46px;
	left: 430px;
	/*margin-left: 430px;*/
	width: 170px;
}

#detailArea h2 {
	font-size: 0.85em;
	font-weight: bold;
	margin: 1em 0 0.1em 0;
	padding: 5px 0 5px 13px;
	background-color: #f2f2f2;
	color: #656565;
	width: 150px;
}

#detailArea p {
	font-size: 0.85em;
	padding: 0;
	margin: 0 0 1em 0;
}

#detailArea a {
	text-decoration: none;
	color: #656565;
}

#detailArea a:hover {
	color: #f37a1f;
}

#detailArea ul {
	/*list-style: url(/img/buttons/pfeil.gif);*/
	margin: 0 0 1em 0;
	padding: 0;
}

/*
Entfernt wg. Abstand Pfeil zu Link
#detailArea ul li {
	padding: 0;
	margin-left: 20px;
	line-height: 1em;
}

#detailArea ul li a {
	padding-left: -4px;
	margin: 0;
	font-size: 0.85em;
	color: #656565;
	text-decoration: none;
	font-weight: normal;
}*/

#detailArea ul li {
	list-style-type: none;
	line-height: 0.8em;
	margin: 0 0 3px 0;
	padding: 0 0 0 13px!important;
	padding: 0 0 0 13px;
	background-image: url(/img/buttons/pfeil.gif);
	background-repeat: no-repeat;
	background-position: 1px 0.2em !important;
	background-position: 1px 0.4em;
	voice-family: "\"}\""; 
	background-position: 1px 0.2em;
	padding: 0 0 0 13px;
}
.noclass{}

#detailArea ul li a {
	text-decoration: none;
	font-size: 0.85em;
	font-weight: normal;
	color: #656565;	
}

#detailArea ul li a:hover {
	color: #f37a1f;
}

#detailArea #farben {
	list-style: none;
}

#detailArea #farben li {
	display: inline;
	margin: 0;
	padding: 0;
}

#detailArea #farben li a {
	padding-right: 0px;
}

.zurueckNeueSucheLinks {
	width: 380px;
	height: 1%;
	padding: 0;
	margin: 0 0 12px 15px;
	voice-family: "\"}\""; 
	margin: 0 0 12px 10px;
}
.noclass{}

.zurueckNeueSucheLinks span {
	height: 1%;
}

th.baumName {
	width: 180px;
}

th.baumLebensraum {
	width: 90px;
}

th.baumHerkunft {
	width: 90px;
}

th.baumKurzbeschreibung {
	width: 200px;
}

/* Headline in LightGreyBox Schriftgröße 12PT */
.markedTextLine {
	font-size: 0.9em;
	padding: 0 0 0 0.8em;
	line-height: 1.9em;
	background: #e2e2e2;
	color: #656565;
	font-weight: bold;
	margin-bottom: 3px;
}
/* Headline in LightGreyBox Schriftgröße 12PT Ende */

/* -- Kann weg, sobald überall in DE "headlineLightGreyBG12PT" durch "markedTextLine" ersetzt wurde  -- */
.headlineLightGreyBG12PT {
	font-size: 0.9em;
	padding: 0 0 0 0.8em;
	line-height: 1.9em;
	background: #e2e2e2;
	color: #656565;
	font-weight: bold;
	margin-bottom: 3px;
}
/* -- Kann weg, sobald überall in DE "headlineLightGreyBG12PT" durch "markedTextLine" ersetzt wurde Ende -- */

/* -- Linksliste im Contentbereich Einspaltig -- */
.contentLinkList {
	margin: 0;
	padding: 0;
}

.contentLinkList li {
	list-style-type: none;
	margin: 4px 0 3px 0;
	padding: 0 0 0 11px!important;
	padding: 0 0 0 12px;
	background-image: url(/img/buttons/pfeil.gif);
	background-repeat: no-repeat;
	background-position: 0 0.4em !important;
	background-position: 1px 0.4em;
}

.contentLinkList li a {
	text-decoration: none;
	font-size: 0.85em;
	font-weight: bold;
	color: #656565;
}

.contentLinkList li a:hover, .contentLinkList li a.active {
	color: #f37a1f;	
}

.lastLink {
	margin-bottom: 0.45em;
}

/* Stört Baumlexikon Dieter 24.2.2005, gibt es nur in isapi/knowhow/baumlexikon/default.asp 
.subCategoryListBaumlexikon li, .subCategoryListBaumlexikon li a, .subCategoryListBaumlexikon .orange:link, .subCategoryListBaumlexikon .orange:visited {
 {
	background-color: #ffffff;
}
*/

.subCategoryListBaumlexikon {
	margin: 0 0 25px 0;
	padding: 0;
	width: 100%;
}

.subCategoryListBaumlexikon li {
	list-style-type: none;
	margin: 0 0 0.1em 0 !important;
	margin: 0 0 -2px -15px;
	padding: 0 0 0 11px!important;
	padding: 0 0 0 12px;
	background-image: url(/img/buttons/pfeil.gif);
	background-repeat: no-repeat;
	background-position: 11px 0.55em;
	height: 1.7em;
	width: 100%;
	voice-family: "\"}\""; 
	width: 96% !important;
	width: 96.25%;
	margin: 0 0 -2px 0;
}
.noclass{}

.subCategoryListBaumlexikon li {
	background-position: 0;
}

.subCategoryListBaumlexikon li a {
	padding: 0.3em 0 0 0;
	display: block;
	text-decoration: none;
	font-size: 0.9em;
	font-weight: bold;
	color: #656565;
}
/* -- Linksliste im Contentbereich Einspaltig Ende -- */

.BaumLexikonSingleLink {
	margin: 0 0 3px 0;
	padding: 0 0 0 11px!important;
	padding: 0 0 0 12px;
	background-image: url(/img/buttons/pfeil.gif);
	background-repeat: no-repeat;
	background-position: 0 0.3em !important;
	background-position: 1px 0.25em;
	voice-family: "\"}\""; 
	background-position: 1px 0.4em;
}
.noclass{}

.BaumLexikonSingleLink a {
	z-index: 1;
	text-decoration: none;
	font-weight: bold;
	color: #656565;
	font-size: 0.9em;
	voice-family: "\"}\""; 
	font-size: 1em;
}
.noclass{}

.BaumLexikonSingleLink a:hover, .BaumLexikonSingleLink a.active {
	color: #f37a1f;	
}

.singleBackLink {
	margin-right: 5px;
	voice-family: "\"}\""; 
	margin-right: 0;
}
.noclass{}

hr.Baumlexikon {
	color: #cccccc;
	background-color: #cccccc;
	margin-bottom: 0;
}

a.Baumlexikon {
	font-size: 0.85em;
	padding: 1px 0 0 0;
	margin: 0 8px 0 0;
}
/* Redesign Baumlexikon DG 041217 Ende */

/* -- topMetanavi im Baumlexikon -- */
#morecontentXXL {
	float: left;
	padding: 0 0 0 20px;
	width: 840px;
}
#morecontentXXL h2 {
	clear: left;
	margin-bottom: 12px;
	padding: 4px 8px;
	background: #e2e2e2;
	color: #656565;
	font-size: 1em;
}
#morecontentXXL h3 {
	margin-top: 10px;
	margin-bottom: 5px;
	font-size: 1em;
}

.rightNavi {
	text-align: top;
	margin: 0;
	float: right;
	width: 240px!important;
	margin-right: 5px;
	/*width: 228px;*/
	/*padding-left: 20px;*/
}
* html .rightNavi {
	width/**/: 228px;
}

.NFTLink span {
	font-weight: bold;
	font-size: 1em;
	padding: 0;
}

.NFTLink img {
	display: block;
	float: left;
	height: auto;
	margin: 0 4px 6px 0;
	border: 2px solid #ffffff;
}
.NFTLink a {
	color: #656565;
	text-decoration: none;
}
.NFTLink a:hover {
	color: #f37a1f;
}
/* schriftvarianten */
.NFTLink.smallbold {
	font-size: 0.9em;
	font-weight: bold;
}
.NFTLink.bold {
	font-weight: bold;
}
.NFTLink.smallbold p {
	font-weight: normal;
}
.NFTLink.smallnormal {
	font-size: 0.9em;
}
.NFTLink.smallnormal a {
	font-weight: normal;
}
.NFTLink ul {
	list-style: none;
}
.NFTLink ul li {
	clear: left;
	margin-left:-40px;
}
.NFTLink div, .NFTLink ul li {
	padding-left: 11px;
	background: url(/global/img/pfeil.gif) no-repeat 0 0.4em;
}


#topMetanavi  {
	padding: 6px 0 20px 0!important;
	padding: 10px 0 0 0;
}
#topMetanavi div {
	display: inline;
	float: left;
	color: #656565;
	margin-right: 5px;
	font-size: 0.9em;
	font-weight: bold;
	padding-top: 4px!important;
	padding-top: 0;
}
* html #topMetanavi div {
	padding-top/**/: 4px;
}
#topMetanavi ul {
	margin: 0 0 0 50px;
	padding: 0;
}
#topMetanavi ul li {
	float: none;
	display: inline;
	padding: 0;
	font-size: 1.3em;
	margin: 0 5px 0 0;
	height: 1%;
}
#topMetanavi ul li h2 {
	display: inline;
	font-size: 0.8em;
	font-weight: normal;
	color: #656565;
	background: #ffffff;
	margin: 0;
	padding: 0;
}
#topMetanavi ul li h2 span {
	color: #f37a1f;
}
#topMetanavi ul li h2 img {
	display: inline;
	margin-right: 2px;
}
#topMetanavi a {
	text-decoration: none;
	color: #656565;
	padding: 0;
}
#topMetanavi a:hover {
	color: #f37a1f;
}

div.arrow {
	float: left;
	width: 280px;
}
div.arrow a {
	display: block;
	margin-bottom: 4px;
	padding-left: 11px;
	background: url(/global/img/pfeil.gif) no-repeat 0 0.35em;
	color: #656565;
	text-decoration: none;
}
div.arrow a:hover {
	color: #f37a1f;
}
/* -- topMetanavi im Baumlexikon Ende -- */

/* -- Baumseite - versteckte Layer -- */
.detailPopupLayer {
	display: none;
	background: #f2f2f2;
	height: auto;
	border: 1px solid #000000;
	padding: 0;
	margin: 0;
	float: left;
	width: 538px!important;
	width: 540px;
}
* html .detailPopupLayer {
	height:1%;
	width/**/: 538px;
}

.detailPopupLayer img {
	float: left;
	padding: 0;
	margin: 0!important;
	margin: 0 0 0 -3px;
}

#morecontentXXL div.specialForPrint div div.detailPopupLayer h2 {
	clear: none;
	float: left;
	text-align: left;
	padding: 3px 0 3px 15px;
	font-size: 1em;
	text-align: left;
	background: #e2e2e2;
	color: #656565;
	font-weight: normal;
	margin: 0!important;
	margin: 0 0 0 -3px;
	width: 296px!important;
	width: 311px;
}
* html #morecontentXXL div.specialForPrint div div.detailPopupLayer h2 {
	margin/**/: 0 0 0 -3px;
	width/**/: 309px;
}

.detailPopupLayer h3 {
	float: right;
	text-align: left;
	padding-top: 10px;
	font-size: 1em;
	width: 296px;
	color: #000000;
	font-weight: bold;
}
.detailPopupLayer p {
	float: right;
	text-align: left;
	padding: 0;
	margin: 0 10px 10px 0;
	font-size: 1em;
	width: 286px!important;
	width: 276px;
	color: #000000;
	/*min-height: 150px; md */
	font-weight: normal;
}
.detailPopupLayer div.NFTLink {
	vertical-align: bottom;
	float: right;
	width: 525px;
	margin: -25px 10px 0 0!important;
	margin: -25px 5px 0 0;
}
.detailPopupLayer div.NFTLink div {
	margin-top: 5px;
	float: right;
}

.detailPopupLayer div.NFTLink a {
	font-weight: normal;
}