@charset "utf-8";
* {margin:0;padding:0;} 

/* must declare 0 margins on everything, also for main layout components use padding, not 
vertical margins (top and bottom) to add spacing, else those margins get added to total height 
and your footer gets pushed down a bit more, creating vertical scroll bars in the browser */

html, body, #wrap {height: 100%;}

html>/**/body, x:-moz-any-link, x:default {
position:relative;
left:-0.1px;
}

body > #wrap {height: auto; min-height: 100%;}

#main {padding-bottom: 59px;}  /* must be same height as the footer */

#footer {position: relative;
	margin-top: -59px; /* negative value of footer height */
	height: 59px;
	clear:both;} 
html>/**/body, x:-moz-any-link, x:default { position:relative; left:-0.1px; }
/* CLEAR FIX*/
.clearfix:after {content: ".";
	display: block;
	height: 0;
	clear: both;
	visibility: hidden;}
.clearfix {display: inline-block;}
/* Hides from IE-mac \*/
* html .clearfix { height: 1%;}
.clearfix {display: block;}
/* End hide from IE-mac */

body {
	font: 100% Verdana, Arial, Helvetica, sans-serif;
	background: #6A6560;
	margin: 0; /* Es empfiehlt sich, margin (Rand) und padding (Auffüllung) des Body-Elements auf 0 einzustellen, um unterschiedlichen Browser-Standardeinstellungen Rechnung zu tragen. */
	padding: 0;
	text-align: center; /* Hierdurch wird der Container in IE 5*-Browsern zentriert. Dem Text wird dann im #container-Selektor die Standardausrichtung left (links) zugewiesen. */
	color: #000000;
}


#wrap {
	width: 872px;
	background-image:url(pics/HG_1px.gif);
	background-repeat:repeat-y;
    margin: 0 auto; /* Durch automatische Ränder (in Verbindung mit einer Breite) wird die Seite zentriert. */
	text-align: left; /* Hierdurch wird die Einstellung text-align: center im Body-Element überschrieben. */
}

#navi
{	margin: 0px;
	padding:0 12px;/* padding (Auffüllung) bezeichnet den Innenabstand und margin (Rand) den Außenabstand der div-Box. */
}

#mainContent {
	margin: 0px;
	padding:0px 12px 59px 12px;/* padding (Auffüllung) bezeichnet den Innenabstand und margin (Rand) den Außenabstand der div-Box. */

}

#contentbox
{
width:540px;
padding-left:50px;
float:left;
	}
	
#contentbox h1
{
	padding-left:120px;
	padding-bottom:30px;
	font-size:1.2em;
	font-weight:lighter;
	color:#6A6560;
}

#contentbox h2
{
	padding:20px;
	background-color:#f4f7f9;
	font-size:0.75em;
	line-height:180%;
	font-weight:lighter;
}

#contentbox h3
{
	padding:0px 20px 20px 0px;
	background-color:#f4f7f9;
	font-size:0.75em;
	line-height:180%;
	font-weight:lighter;
}

#contentbox h4
{
	padding:20px 0px 20px 20px;
	background-color:#f4f7f9;
	font-size:0.75em;
	line-height:180%;
	font-weight:lighter;
}
.contentbox_img
{
	float:left;
	padding-right:20px;
}
	
#sidebox
{
	width:190px;
	height:200px;
	margin-right:0px;
	margin-left:20px;
	float:right;
	font-size:0.7em;
	line-height:200%;
	font-weight:bold;
	color:#6A6560;
	}

.text_blau {
	color: #829cac;
	line-height: 150%;
}

.antispam {
visibility:hidden;
}

a.orange:link
{
	color:#F93
}
a.orange:visited
{
	color:#F93;
}
a.orange:hover
{
	text-decoration:none;
	color:#F93;
}
a:link {
	color: #6A6560;
}
a:visited {
	color: #6A6560;
}

a:hover {
	text-decoration:none;
	color: #6A6560;
}
.blue_bold {
	color: #829cac;
	line-height: 150%;
	font-weight: bold;
}
.h1small {
	font-size: 0.7em;
}