/* --------------------------------------

	Template:		30
	Datum: 			12.09.2012
	Version: 		1.0
	Homepage:		http://freietemplates.de/
	
----------------------------------------*/


/* --------------- General --------------- */
body {
background-image:url(bg.png);
background-repeat:repeat-x;
background-color:#dce6d5;
font-size:16px;
font-family: Arial, sans-serif;
color:#000;
padding:0;
margin:0;
line-height:22px;
}

* {
padding:0;
margin:0;
outline:none;
}

a { 
color:#539935; 
border-bottom:1px dotted #539935; 
text-decoration:none;
}
a:hover { 
border:none;
}

img {
border:none;
}

#logo {
font-family: Georgia; sans-serif;
float:left;
font-size:60px;
text-decoration:none;
letter-spacing:-2px;
color:#fff;
position:relative; top:25px;
border:none;
padding:30px 65px;
text-shadow:2px 2px 2px #1f3c0b;
}

.green {
font-size:66px;
color:#1f3c0b;
}

/* --------------- Überschriften --------------- */
h1{
font-size:22px;
margin:0 0 8px 0;
padding:0 0 5px 0;
border-bottom:1px dashed #fff;
color:#539935;
}

h2 {

}

h3 {

}

/* --------------- Struktur --------------- */
#wrapper {
width:900px;
margin:0 auto 0;
}

#content {
float:left;
width:680px;
margin:100px 0 20px 0;
padding:0;
}

.contentbox {
border-radius:10px;
background-color:#efdb97;
width:660px;
height:auto;
border:1px solid #d9c686;
padding:10px;
margin:10px 0 20px;
}

#sidebar {
float:right;
width:200px;
margin:100px 0 20px 0;
padding:0;
}

/* --------------- Topnavigation --------------- */
#topnav {
float:left;
height:45px;
margin:0;
padding:0;
}

#topnav ul {
list-style:none;
}

#topnav li {
float:left;
border-right:1px solid #284911;
border-left:1px solid #1b320c;
}

#topnav li:first-child {
border-left:none;
}

#topnav li:last-child {
border-right:none;
}

#topnav li a {
border:none;
font-weight:bold;
letter-spacing:1px;
height:36px;
display:block;
color:#fff;
text-decoration:none;
text-transform:uppercase;
padding:12px 10px 0;
margin:0;
}

#topnav li a:hover {
background-color:#304d1c;
}


/* --------------- Sidebar: Boxen und Navigation --------------- */
.sbox {
border-radius:10px;
background-color:#fff;
font-size:12px;
padding:10px;
margin:10px 0 20px 0;
width:180px;
border:1px solid #b9cfaa;
}

.sbox:first-child {
margin:0 0 20px 0;
}

.sbox_head {
font-weight:bold;
text-transform:uppercase;
padding:3px 0 0 0;
height:22px;
margin:0 0 5px 0;
color:#539935;
font-size:14px;
}

.sbox ul {
list-style-type:none;
}

.sbox ul li {
height:25px;
width:180px;
border-bottom:1px dashed #dce6d5;
margin:0;
padding:2px 0;
}

.sbox ul li a {
border:none;
display:block;
width:180px;
height:21px;
color:#000;
text-decoration:none;
padding:4px 0 0 5px;
margin:0;
}

.sbox ul li a:hover {
background-color:#f1f8ec;
font-weight:bold;
}


/* --------------- Footer --------------- */
#footer {
clear:both;
width:900px;
margin:0 0 30px 0;
padding:10px 0 0 0;
font-size:12px;
border-top:1px dashed #fff;
}

/*----- Hoverbox Code - get code found at http://host.sonspring.com/hoverbox/ ------*/

.hoverbox
{
	cursor: default;
	list-style: none;
text-decoration: none
}

.hoverbox a
{
	cursor: default;
text-decoration: none
}

.hoverbox a .preview
{
	display: none;
text-decoration: none
}

.hoverbox a:hover .preview
{
	display: block;
	position: absolute;
	top: -33px;
	left: -45px;
	z-index: 1;
text-decoration: none
}

.hoverbox img
{
	background: #fff;
	color: inherit;
	vertical-align: top;
	width: 100px;
	height: 75px;
	margin: 2px;
	padding: 2px;
	border-color: #ccc;
	border-style: solid;
	border-width: 1px;
text-decoration: none
}

.hoverbox li
{
	
	color: inherit;
	display: inline;
	float: left;
	position: relative;
text-decoration: none
}

.hoverbox .preview
{
	border-color: #000;
	width: 300px;
	height: 225px;
text-decoration: none
}