/***************************************
Author  : Niels Lange <niels@tinami.de>
Date    : 2009.12.28
File    : css/content.css
***************************************/


 
/* GENERAL ****************************/

@CHARSET "UTF-8";

html {
    height: 101%;
}

body {
	background: url("../images/background.png") top repeat-x #ffc;
	color: #555;
	font-family:verdana, arial, sans-serif;
	margin: 0;
	padding: 0;
}

.hidden {
	display: none;
}

#header
{
	height: 288px;	
}

/* CORPUS *****************************/

#corpus {
	background: url("../images/corpus_bg.png") repeat-y;
	padding: 20px 0;
}

#corpus #navi {
	width: 190px;
}

#corpus #navi_header{
	background: url("../images/navi_hauptlink.png");
}

#corpus #navi ul {
	margin: 0;
	padding: 0;
}

#corpus #navi li {
	list-style: none;
	margin: 0;
	padding: 0;
}

#corpus #navi_top {
    background: url("../images/navi_bg_top.png") no-repeat top;
	border-bottom: 1px solid #fff;
}

#corpus #navi_bottom {
	padding-bottom: 18px;
	background: url("../images/navi_bg_bottom.png") no-repeat bottom;
}

#corpus #navi a {
	color: #444;
	border-bottom: 1px solid #fff;
	display: block;
	padding: 5px 10px;
	text-decoration: none;
}

#corpus #navi a:hover, #corpus #navi a:focus, #corpus #navi a.active {
    background: #D9E2A8;
    color: #444;
}

#corpus #navi .nav {
    background: #869926;
	color: #fff;
}

#corpus #navi .subnav {
	padding-left: 20px;
}

#corpus #navi .subsubnav {
	padding-left: 30px;
}

#corpus #search {
	background: #c9da6d;
}

#corpus #search input {
	background: #fff;
	border: 1px solid #869926;
	padding-left: 5px;
    margin: 0 20px 0 15px;
    width: 155px;
}

#corpus #search input {
	background: #fff;
	border: 1px solid #869926;
	padding-left: 5px;
    margin: 0 20px 0 15px;
    width: 155px;
}

#corpus #search input[type=text]:focus, #corpus #search input[type=text]:hover 
{
	background: #ddd; 
}

#corpus #search button {
    background: #869926;
    border: none;
	color: #fff;
    margin: 5px 0 0 15px;
    width: 160px;
}

#corpus #search button[type=submit]:focus, #corpus #search button[type=submit]:hover 
{
	background: #e33c2e; 
	cursor: pointer;
}

#corpus #search_top {
	background: url("../images/navi_bg_top.png") no-repeat top;
}

#corpus #search_bottom {
	background: url("../images/navi_bg_bottom.png") no-repeat bottom;
}

#corpus #content #breadcrump {
    font-size: 0.9em;
}

#corpus #content .img_teaser {
    border: 1px solid #c9da6d;
    float: right;
    padding: 3px;
    margin: 0 0 14px 20px; 
}
    
#corpus #content .img_product {
    float: right;
	margin: 0 0 10px 10px;
}

#corpus #content h1 {
    color: #869926;
	font-size: 1.75em;
    margin-bottom: 20px;
}

#corpus #content h2 {
    color: #869926;
	font-size: 1.5em;
    margin-bottom: 15px;
    margin-top: 15px;
}

#corpus #content h3 {
    color: #869926;
	font-size: 1.2em;
    margin-bottom: 10px;
    margin-top: 15px;
}

#corpus #content p {
	font-size: 1em;
}

#corpus #content a {
	border-bottom: 1px dotted;
	color: #E33C2E;
    text-decoration: none;
}

#corpus #content a:hover {
	border-bottom: 1px solid;
	color: black;
}

#corpus #content a.no_underline {
    border: none;
    text-decoration: none;
}

#corpus #content img.border
{
	padding: 5px;
	border: 1px solid #869926;
}

#corpus #content a img {
	border: none;
}

#corpus #content label {
    display: block;
}

#corpus #content table th,#corpus #content table td
{
	vertical-align: top;
}

#corpus #content fieldset
{
	border: none;
	padding: 0;
}

#corpus #content fieldset textarea#message
{
	width: 285px;
	height: 140px;
}

#corpus #content form div ul.info
{
	padding-left: 20px;	
	width: 278px;
}

#corpus #content ul li 
{	
	margin-bottom: 3px;
}

li strong
{
	margin-top: 10px;
}
	


/* FOOTER *****************************/

#footer p {
	color: #444;
	font-size: 0.85em;
}

#footer a {
	border-bottom: 1px dotted;
	color: #444;
	font-size: 0.85em;
    text-decoration: none;
}

#footer a:hover {
	border-bottom: 1px solid;
}

#footer {
	background: url("../images/footer.png") no-repeat;
	padding: 60px 0 0 0;
}

#footer > div
{
	margin-top: 10px;	
	margin-bottom: 5px;
}

#footer #legal {
	text-align: right;
}