/*
	Styles for AndreaReichhart.com
	---------------------------------
*/

/* Allgemeine Styles */
body { 
	behavior: url(css/csshover.htc);
	margin: 0;
	padding: 0;
	background: url(images/layout/mainback.jpg) repeat-x #89a776;
	font-family: "Trebuchet MS", Verdana, Arial, sans-serif;
	text-align: center;
	color: #556a47;
	}
	
a { 
	text-decoration: none; 
	}
a:hover {
	text-decoration: underline;
	}
	
	
/* Content Wrapper */
div#contentwrapper {
	width: 900px;
	margin: 0px auto;
	text-align: left;
	height: 690px;
	}
	
/* Top Banner */
div#banner {
	background: url(images/layout/banner.jpg);
	padding: 0 15px;
	vertical-align: middle;
	height: 50px;
	}
div#banner h1 {
	font-size: 200%;
	margin: 0;
	padding: 0;
	padding-top: 5px;
	float: left;
	}
div#banner a {
	display: block;
	color: #556a47;
	font-size: 1em;
	font-weight: bold;
	text-align: right;
	padding-top: 15px;
	}
	
/* NAVIGATION */
div#navigation {
	height: 25px;
	background: url(images/layout/navi_back.jpg) repeat-x;
	}
	
div#navigation ul {
	margin: 0;
	padding: 0;
	list-style: none;
	}
	
div#navigation ul li {
	float: left;
	position: relative;
	height: 25px;
	}
	
div#navigation ul ul {
	z-index: 100;
	position: absolute;
	top: 25px;
	left: 0px;
	background-color: #678355;
	display: none;
	border: 1px solid #ACBC9F;
	border-width: 0px 1px 1px 1px;
	}
	
div#navigation ul li:hover ul {
	display: block;
	}
	
div#navigation a {
	color: #fff;
	font-weight: bold;
	font-size: 0.9em;
	display: block;
	padding: 3px 15px;
	}
	
div#navigation a:hover {
	text-decoration: none;
	}
	
div#navigation ul li ul li a:hover {
	text-decoration: underline;
	}

/* CONTENT */
div#content {	
	height: 620px;
	padding: 15px;
	}

.horizontal {
	float: left;
	list-style: none;
	}
	
div#magnolia {
	position: absolute;
	top: 630px;
	margin-top: 7px;
	font-weight: bold;
	font-size: 1.3em;
	}
	
div#magnoliaText {
	float: left;
	margin-right: 10px;
	padding-top: 5px;
	}