* {   
        /* Reset browsers default margin, padding and font sizes */
        margin: 0;
        padding: 0;  
}
 
html {
        font-size: 100%;
        /* Always show a scrollbar for short pages - stops the jump when the scrollbar appears. non-IE browsers */
        height: 100%;
        margin-bottom: 1px;
}

body {
        /* Text-Sizing with ems: http://www.clagnut.com/blog/348/ */
        font-family: Verdana, Helvetica, Arial, sans-serif;
        color: #828282;
        background-color: #FFFFFF;
        /*font-size: 62.5%;                      This sets the default font size to be equivalent to 10px */
        font-size: 10px;
        margin: 0;
        padding: 0;
	background: #004400 url('../images/page_bg.jpg') left;
}

xxxbody {
	font-size: 0.9em;
	font-family: bitstream vera sans,sans-serif;
	margin: 0;
	padding: 0;
	background: #004400 url('../images/page_bg.jpg') left;
}

a:link { 	color: #6c6; text-decoration: none;}
a:visited { 	color: #6c6; text-decoration: none;}
a:hover { 	color: #f40; text-decoration: underline;}
a[name] { 	color: inherit; text-decoration: inherit; }
a img {		border:0px; }

#flora-header {
	background: #004400 url('../images/title_bg.jpg') left;
	height: 60px;
}
#flora-header img {
	border: 0;
	vertical-align: middle;
}
#flora-title-image {
	text-align: center;
}


#flora-info-table {
	border: 0;
        margin-left: auto; margin-right: auto; text-align: center;
}
#flora-info-table td {
	text-align: left;
}
#flora-info-table th {
	text-align: center;
	font-size: 1.4em;
}

#flora-header-logo {
	background: #004400 url('../images/logo.jpg') left;
	/* position is offset by the header padding amount */
	position: absolute;
	left: 0px;
	top: 0px;
	z-index: 2;
	height: 60px;
	width: 389px;
}
#flora-header-logo img {
	width: 389px;
	height: 60px;
}
#flora-header-banner {
	position: absolute;
/*	right: 114px; */
	right: 1px;
	top: 0px;
	text-align: right;
	display: inline;
	z-index: 1;
}
#flora-header-items {
	/* position is offset by the header padding amount */
	position: absolute;
	right: 2px;
	top: 2px;
	text-align: right;
	display: inline;
	z-index: 4;
}
#flora-header-items a {
	color: #000;
	text-decoration: none;
	padding: 7pt;
	font-size: 0.8em;
}
#flora-header-items a:hover, #flora-header-search-button:hover {
	color: #f20;
	cursor: pointer;
}
#flora-header-search {
	font-size: 10px;
}
.searchtext {
 font-size: 10px;
 background-color: #AACCAA;
 border: 1px solid #666666;
}

#flora-news,#flora-newflowers {
	width:13.0em;
	height:200px;
	overflow:auto;
	border: 1px solid #ffee88;
	background-color: #016001;
}
/*
#flora-nav {
	margin: 0;
	padding: 0;
	background-color: #8c8;
	font-size: 14px;
	height: 19px;
	border-top: 1px solid #000;
	border-bottom: 1px solid #000;
}
#flora-nav a {
	color: #000000;
	text-decoration: none;
}
#flora-nav a:hover {
	color: #fe8;
}
*/

#flora-nav {   
        font-family: Verdana, Helvetica, Arial, sans-serif;
}
#flora-nav              { float:left; width:100%; background:#DAE0D2 url("navbg.png") repeat-x bottom; font-size:0.8em; line-height:normal; }
#flora-nav ul           { margin:0; padding:5px 10px 0; list-style:none; }
#flora-nav li           { float:left; background:url("navleft.png") no-repeat left top; margin:0; padding:0 0 0 9px; }
#flora-nav a            { float:left; display:block; background:url("navright.png") no-repeat right top;
                          padding:5px 15px 4px 6px; text-decoration:none; font-weight:bold; color:#765; }
#flora-nav span         { float:left; display:block; background:url("navright.png") no-repeat right top; 
                          padding:5px 15px 4px 6px; text-decoration:none; font-weight:normal; color:#aaa; }
/* Commented Backslash Hack hides rule from IE5-Mac \*/
#flora-nav a,#flora-nav span {float:none;}
/* End IE5-Mac hack */
#flora-nav a:hover      { color:#333; }
#flora-nav #current     { background-image:url("navleft_on.png"); border-width:0; }
#flora-nav #current a   { background-image:url("navright_on.png"); color:#333; padding-bottom:5px; }
#flora-nav #search      { float: right; }



#flora-side-left {
	position: absolute;
	z-index: 2;
	width: 16.0em;
	/* Space down for the approx line height (fonts) */
	left: 8px;
}
#flora-side-right {
	position: absolute;
	z-index: 1;
	width: 16em;
	right: 8px;
	padding-top: 3px;
	}
#flora-side-left, #flora-side-right {
	top: 2px;
	/* add to the top margin to compensate for the fixed sizes */
	margin-top: 100px;
	color: #f0f0ff;
	font-size: 0.9em;
}
#flora-side-right ul {
	list-style: square inside;
	padding: 0;
	margin: 0;
}

.flora-dont-show { display: none; }

#flora-menu {
	list-style: none;
	margin: 0;
	padding: 0;
	border: 1px solid #ffee88;
	border-top: 0;
	background-color: #016001;
}
#flora-menu li {
	margin: 0;
	padding: 0;
	border-top: 1px solid #fe8;
	/* IE/Win gets upset if there is no bottom border... Go figure. */
	border-bottom: 0px solid #fe8;
}
#flora-menu a {
	margin: 0;
	color: #c5ccdb;
	display: block;
	text-decoration: none;
	padding: 4px 6px;
}
#flora-menu a:hover {
	background-color: #fe8;
	color: #000000;
}
#flora-menu ul {
	list-style: none;
	margin: 0;
	padding: 0;
}
#flora-menu ul li {
	background-color: #016001;
	border-top: 1px solid #fe8;
	/* IE/Win gets upset if there is no bottom border... Go figure. */
	border-bottom: 0px solid #fe8;
}
#flora-menu ul li a {
	padding-left: 18px;
	color: #05acbb;
}
#flora-menu ul li a:hover {
	background-color: #fe8;
}
#flora-menu strong a {
	font-weight: normal;
	background-color: #208020;
}
#flora-menu strong a:hover {
	background-color: #fe8 !important;
	color: #000000;
}

/* content containers */
#flora-middle-one, #flora-middle-two, #flora-middle-three, #flora-middle-wiki {
	font-size: 1.4em;
	/* position: relative; */ /* relative to utilize z-index */
	width: auto;
	min-width: 120px;
	margin: 10px;
	margin-top: 50px;
	z-index: 3; /* content can overlap when the browser is narrow */
}
#flora-middle-two, #flora-middle-three {
	margin-left: 11em;
	padding-left: 24px;
}
#flora-middle-three {
	margin-right: 13em;
	padding-right: 24px;
}
#flora-middle-wiki {
/*	margin-right: 13em;*/
/*	padding-right: 24px;*/
}

#flora-content {
	padding: 24px;
	border: 1px solid #aaa;
	background-color: #efffef;
}

#flora-content > .flora-corner-bottom { top: 0; }

.flora-corner-tl, .flora-corner-tr, .flora-corner-bl, .flora-corner-br {
	background-color: #004400;
	position: relative;
	width: 19px;
	height: 19px;

	/* The following line is to render PNGs with alpha transparency within IE/Win, using DirectX */
	/* Work-around for IE6/Mac borkage (Part 1) */
	display: none;
}

.flora-corner-tl, .flora-corner-bl { float: left; left: 0px; }
.flora-corner-tr, .flora-corner-br { float: right; right: 0px; }
.flora-corner-tl, .flora-corner-tr { top: 0px; }

.flora-corner-bl, .flora-corner-br { bottom: 0px; margin-top: -19px; /* Opera fix (part 1) */ top: -18px;}

html>body .flora-corner-tl { background: #004400 url("../images/corner-tl.png") no-repeat left top; }
html>body .flora-corner-tr { background: #004400 url("../images/corner-tr.png") no-repeat right top; }
html>body .flora-corner-bl { background: #004400 url("../images/corner-bl.png") no-repeat left bottom; }
html>body .flora-corner-br { background: #004400 url("../images/corner-br.png") no-repeat right bottom; }

.flora-corner-tl { filter:progid:DXImageTransform.Microsoft.AlphaImageLoader(src='http://pflanzenbestimmung.de/images/corner-tl.png',sizingMethod='scale'); }
.flora-corner-tr { filter:progid:DXImageTransform.Microsoft.AlphaImageLoader(src='http://pflanzenbestimmung.de/images/corner-tr.png',sizingMethod='scale'); }
.flora-corner-br { filter:progid:DXImageTransform.Microsoft.AlphaImageLoader(src='http://pflanzenbestimmung.de/images/corner-br.png',sizingMethod='scale'); }
.flora-corner-bl { filter:progid:DXImageTransform.Microsoft.AlphaImageLoader(src='http://pflanzenbestimmung.de/images/corner-bl.png',sizingMethod='scale'); }

.flora-corner-tl, .flora-corner-tr, .flora-corner-bl, .flora-corner-br {
/* Restore the view for everything but IE6/Mac (part 2 of the "IE/Mac fix") */
  display: block;
}

.flora-corner-bl, .flora-corner-br {
	top: 0px;
}

.content { margin: 0 1em; }

#flora-sidelist {
	position: relative;
	bottom: 3px;
	margin: 0;
	padding: 3px !important;
	border: 1px solid #bbb;
	background-color: #ccc;
}
#flora-sidelist strong a {
	font-weight: normal;
	background-color: #555;
	color: #fff;
}
#flora-sidelist strong a:hover {
	background-color: #333;
	color: #fff;
}
#flora-sidelist li {
	list-style-position: outside;
	font-size: 0.9em;
	list-style: none;
	border: 1px solid #ccc;
	border-width: 1px 0;
	padding: 0;
	list-style: none;
}
#flora-sidelist li a {
	text-decoration: none;
	display: block;
	padding: 6px 8px;
	border-radius: 2.5px;
	-moz-border-radius: 2.5px;
}
#flora-sidelist li a:hover {
	background-color: #999;
	color: #eee;
}

#flora-footer {
	font-size: 0.75em;
	text-align: center;
	color: #777;
	margin-bottom: 2em;
}
#flora-printable {
	text-align: center;
	margin: 1em 0;
	font-size: 0.85em;
}
#flora-printable a {
	text-decoration: none;
	padding: 5px 0;
	padding-left: 18px;
	background: transparent url("http://pflanzenbestimmung.de/css/images/printable.png") no-repeat left;
}
#flora-printable a:hover {
	text-decoration: underline;
}

/* akw Content */

.name-project, .name-release, .name-version {
}

#page-main a:link { color: #028; text-decoration:none;}
#page-main a:visited { color: #028; text-decoration:none;}
#page-main a:hover { color: #f40; text-decoration:underline}

/* Front page H1 */
#page-main h1 {
	font-size: 1.35em;
}

#page-main h1.center {
	text-align: center;
}

h1, h2, h3, h4 { font-style: italic;font-family: luxi sans,sans-serif; }
h1 { font-size: 1.75em; }
h2 { font-size: 1.25em; }
h3 { font-size: 1.1em; }
hr { border: 0; border-bottom: 1px solid #ccc; }

.flora-side-right-content { padding: 0 5px 1.5em; }
#flora-side-right h1, #flora-side-right h2, #flora-side-right h3 {
	margin: 0;
	padding: 0 4pt 0;
	font-size: 1em;
	letter-spacing: 2pt;
	border-bottom: 1px solid #bbb;
}
#flora-side-right hr { border-bottom: 1px solid #aaa; margin: 0.5em 0; }

table tr { font-size: 0.9em;  }

#flora-content .link-offsite-notation { color: #999; }
#flora-content li { padding: 1pt; }
#flora-content h1 { margin-top: 0; }
#flora-content a img { margin: 0px; border: 0; }
#flora-content a:hover img { margin: 0; border: 0px; }
#flora-content a img.noborder { margin: 0; border: 0; }
#flora-content a:hover img .noborder { margin: 0; border: 0; }

/* pre.screen is for DocBook HTML output */
code.screen, pre.screen {
	font-family: monospace;
	font-size: 1em;
	display: block;
	padding: 10px;
	border: 1px solid #bbb;
	background-color: #eee;
	color: #000;
	overflow: auto;
	border-radius: 2.5px;
	-moz-border-radius: 2.5px;
	margin: 0.5em 2em;
}
#flora-project code.screen {
	margin: 0;
}

.indent { margin: 0 2em; }