/*screen.css*/

body
{
	margin: 0; padding:0;
	background-image: url(/botanik/graphics/bg1.png);
	background-repeat: repeat;
	background-position: left top;
	text-align: left;
	line-height: 1.4em;
}
#box
{
	width: 80%;
	max-width: 930px;
	min-width: 700px;
	margin: 10px auto; padding: 6px;
	border: 2px #155104 solid;
	background-image: url(/botanik/graphics/bg.jpg);
	background-repeat: no-repeat;
	background-position: left bottom;
}
#body { padding: 10px 10px 10px 200px; }
#foot { clear: both; padding-left: 255px; }

/* ----- COLORS  ----- */

body            { color: #FFF;    background-color: #AEAEAE; }
#box            { color: #FFF;    background-color: #458134; }
#nav li a, a,
blockquote      { color: #DFD;    background-color: transparent; }
#nav li a:hover { color: #155104; background-color: #85C174; }
a:hover         { color: #155104; background-color: #85C174; }
#form-r>table   { color: #155104; background-color: #85C174; }
#nav .active    { color: #030;    background-color: transparent; }
h3.title,
h3.title2       { color: #155104; background-color: #85C174; }
.thumb a:hover  { background-color: transparent; }
/* ----- Font  ----- */

#nav, cite      { font-size: 10px; font-family: Verdana, sans-serif; }
body            { font-size: 13px; font-family: Trebuchet MS, Verdana, sans-serif; }
h3              { font-size: 15px; }
h2              { font-size: 18px; }
h1              { font-size: 26px; }
div.FloatRight  { font-size: 10px; font-family: Verdana; }
blockquote      { font-size: 18px; font-family: Times, Times new roman, serif; font-style: italic; }

/* ----- NAVIGATION  ----- */

#nav
{
	float: left;
	padding: 30px 5px 10px 5px;
	font-weight: bold;
	letter-spacing: 1px;
}
#nav ul
{
	margin: 0;
	padding-left: 0;
	list-style-type: none;
}
#nav li a, #nav .active, #nav .inactive
{
	display: block;
	padding: 3px 5px;
	width: 160px;
	text-decoration: none;
	border: 1px transparent solid;
}
#nav ul#change { margin-top: 5em;}
#nav li a:hover { border: 1px #155104 solid; }
#nav .active    { padding: 3px 0; }
#nav img {margin: 10px;}
#nav img a {text-decoration: none;}
#nav a.logo:hover { background-color: transparent; }

/* ----- PREISLISTE  ----- */

table#preise    { margin: 0; padding: 0; border: 0;  border: 2px white solid;}
table#preise td { margin: 0; padding: 0.5em; border: 0; }
#preise .br     { border-left: 1px white solid; text-align: center;}
#preise .bt     { border-top: 1px white solid; }

/* ----- SPRITES  ----- */

.external, blockquote,
img.zn { background-image: url(/botanik/graphics/icons.gif); background-repeat: no-repeat; }
img.zn { background-position: 0 0; }
blockquote { background-position: -52px -160px; }
.external
{
	background-repeat: no-repeat;
	background-position: right -19px;
	padding-right: 15px;
}
:hover.external { background-position: right -49px; }


.invisible
{
	position: absolute;
	top: -2000px;
	left: -3000px;
	width: 0px;
	height: 0px;
	display: inline;
	overflow: hidden;
}
img.FloatRight
{
	float: right;
	margin: 0 0 1em 1.5em;
	border: 1px white solid;
}
div.FloatRight
{
	float: right;
	margin: 1.5em 0 1em 1.5em;
	width: 242px;
	text-align: center;
}
img { border: 0; }
img.foto
{
	border: 1px white solid;
	margin-bottom: 5px;
}
a:hover { text-decoration: none; }
.nowrap { white-space: nowrap; }
.indent1 { padding-left: 12px; }
.indent2 { padding-left: 24px; }
.ClearLeft { clear: left; }
h2 { border-top: 1px white solid; padding-top: 0.5em; }
h3.title { padding: 2px 5px; clear: right;}
h3.title2 { margin: 0; padding: 2px 5px; clear: right;}
blockquote {
	margin: 1em 0 0 1em;
	padding-top: 6px; padding-left: 24px;
	line-height: 1.2em;
}
p cite { font-style: normal; display: block; padding-left: 12px; }
p.thumb img { margin: 5px; }


/* ----- FORMULAR  ----- */

#form, #form-r   {}
#form>table, 
#form-r>table    { border: 1px solid #FFF; padding: 4px; }
#form-r>table    { margin-left: 3em; }
#form big        { font-size: 13px; }
#form .field-err { background-color: #FDB; }
#form .text-err  { color: #FDB; font-weight: bold; }
p.copyright      { text-align: right; font-size: 10px; }
p.copyright img  { padding-left: 1em; }