/* 
** flowertree - default stylesheet
** This CSS file makes the website look pretty ;-)
** 
** Nov 18, 2006 - (version 1.0)
** 
** This is a part of the open source layout by 
** Jonas John (www.jonasjohn.de) !
*/

/* page overall: */

body,div,p,img,form,h1,h2,h3,h4,h5,h6 { 
    margin: 0; 
    padding: 0; 
    border: 0;
}

body {
	/* BG-Color: */
	background-color: #D4D0C8;
	text-align: center;
	margin-top: 20px;
}

.page {
	/* Page width: */
	width: 920px;
}
#contentbox {
	background-color: #FFFFFF;                
	margin: 0 auto;
	text-align: left;
}

#padding {
	padding: 10px;
}

#innerpage {
	/* Background image: */
	background-image: url(../images/Background.jpg);
	background-repeat: no-repeat;
	padding: 0px;
	height: 700px;
	width: 900px
}

#logo {
	margin: 0 auto;
	width: 900px; 
	height: 80px;
	font-family: Apple Garamond;
	overflow: hidden;
	text-align:left;
	padding-top: 20px;

	line-height: 180%;
	color: #000;
	  
}
#logo a{
	text-decoration: none;
	font-size: 300%;
	position: relative;
	left:80px;
	color: #000000;
}
#logo b{
	text-decoration: none;
	font-size: 150%;
	position: relative;
	left:180px;
	font-family: Apple Garamond;
	font-style: italic;
	color: #000;
}

#navigation_left
{
height: 30px;
margin-bottom: 10px;
float:left;
}

#navigation_left ul
{
  margin: 0;
  padding: 0;
  list-style: none;
  list-style-image: none;
  borer: none;
}

#navigation_left ul li
{
  float: left;
  margin: 0 10px 0 0;
  padding: 0;
  width: 100px;
  height: 30px;
  vertical-align:middle;
  text-align: center;
}

#navigation_left ul li a
{
  display: block;
  width: 100px;
  height: 30px;
  margin: 0;
  font-family: Apple Garamond;
  padding: 7px 0 0;
  text-align: center;
  background: url(../images/normal.gif) top left no-repeat;  
  opacity: 0.7;
  filter: alpha(opacity=70);
  color: #000000;
  text-decoration: none;
  font-weight: bold;
}

#navigation_left ul li a:hover
{
  color: #000;
   opacity: 0.8;
  filter: alpha(opacity=80);
}

#navigation_left ul li a.selected, #navigation ul li a.selected:hover
{
  background: url(../images/selected.gif) top left no-repeat;  
     opacity: 1;
  filter: alpha(opacity=100);
  color: #eeeeee;
}

#navigation_left ul li a.selected:hover
{
  color: #000;
}

#navigation_right
{
height: 30px;
margin-bottom: 10px;
float:right;
}

#navigation_right ul
{
  margin: 0;
  padding: 0;
  list-style: none;
  list-style-image: none;
  borer: none;
}

#navigation_right ul li
{
  float: right;
  margin: 0 10px 0 0;
  padding: 0;
  width: 100px;
  height: 30px;
  vertical-align:middle;
  text-align: center;
}

#navigation_right ul li a
{
  display: block;
  width: 100px;
  height: 30px;
  margin: 0;
  font-family: Apple Garamond;
  padding: 7px 0 0;
  text-align: center;
  background: url(../images/normal.gif) top left no-repeat;  
  opacity: 0.7;
  filter: alpha(opacity=70);
  color: #000000;
  text-decoration: none;
  font-weight: bold;
}

#navigation_right ul li a:hover
{
  color: #000;
   opacity: 0.8;
  filter: alpha(opacity=80);
}

#navigation_right ul li a.selected, #navigation ul li a.selected:hover
{
  background: url(../images/selected.gif) top left no-repeat;  
     opacity: 1;
  filter: alpha(opacity=100);
  color: #eeeeee;
}

#navigation_right ul li a.selected:hover
{
  color: #000;
}

#leftpic {
	float: left;
	margin-top:20px;
	margin-left:20px;
	
	width: 450px; 
	height: 500px;
	font-family: Apple Garamond;
	font-size: 1em;
	overflow: hidden;
}
	
#content {
	float: right; 
	width: 370px; 
	height: 510px;
	padding: 10px;
	font-family: Apple Garamond;
	font-size: 1em;
	overflow: auto;
}

#content p {
	font-size: 0.9em;
}

/* heading */
#content h1 {
	text-align: center;
	font-size: 1.3em;
	margin-top: 0.2em;
	margin-bottom: 0.3em;
}

/* link colors */
#content a:link {
color: #101010
	}

#content a:hover, #content a:active {
	color: #000000;
}

#content a:visited {
	color: #202020;
}

#content form input, #content form textarea
{
  border: 1px solid #465052;
  background: #e0edf7;
  color: #465052;
  width: 100%;
}

#content form input.submit
{
  width: auto;
  float: right;
}

#my_foot {
	float: right; 
	width: 700px; 
	height: 20px;
	padding: 5px;
	font-family: Apple Garamond;
	font-size: 0.8em;
	text-align:right;
	color:#FFFFFF;
	overflow: auto;
}

#errors
{
	font-size:14px;
	font-weight:normal;
	margin:10px;
	padding:10px;
}