@charset "utf-8";
body {
	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: #3b3c39;
	background-color: #3b3c39;
	height: auto;
	font-size: 11pt;
	font-family: Verdana, Geneva, sans-serif;
    }
#fb {
	margin: 10px;
	float: left;
	width: 200px;
}
#googs {
	margin: 10px;
	float: left;
	width: 100px;
}

#counter {
	float: left;
}
    .oneColFixCtrHdr #container {
	width: 800px;
	margin: 0 auto;
	text-align: left;
	background-repeat: no-repeat;
	background-image: url(images/logo_dunkel.jpg);
	margin-top: 30px;
	border: 4px solid #86d81b;
	margin-bottom: 30px;
	height: inherit;
	box-shadow: 4px 4px 7px rgba(0,0,0,0.6);
	-moz-box-shadow: 4px 4px 7px rgba(0,0,0,0.6);
	-webkit-box-shadow: 4px 4px 7px rgba(0,0,0,0.6);
    }
    .oneColFixCtrHdr #header {
	background: #DDDDDD;
	padding: 0px 10px 0 20px;  /* Diese Auffüllung entspricht der linksbündigen Ausrichtung der Elemente in den divs, die darunter erscheinen. Wenn im #header anstelle von Text ein Bild eingesetzt wird, sollten Sie die Auffüllung entfernen. */
	background-image: url(images/logo_01.jpg);
	height: 140px;
    }
    .oneColFixCtrHdr #mainContent {
	padding: 31px 20px;
	margin-top: 34px;
	background-image: url(images/logo_full_03.jpg);
	background-repeat: no-repeat;
	background-color: #CECECC;
	height: inherit;
    }
    .oneColFixCtrHdr #footer {
	padding: 0 10px;
	background-color: #CECECC;
    }
#sidebar {
	float: right;
	width: 280px;
	margin-top: 30px;
	border: 4px solid #86D81B;
	padding: 10px;
	box-shadow: 4px 4px 7px rgba(0,0,0,0.6);
	-moz-box-shadow: 4px 4px 7px rgba(0,0,0,0.6);
	-webkit-box-shadow: 4px 4px 7px rgba(0,0,0,0.6);
	margin-left: 15px;
	margin-bottom: 15px;
}

    .oneColFixCtrHdr #footer p {
	margin: 0; /* Wenn Sie die Ränder des ersten Elements in der Fußzeile auf 0 einstellen, können Sie unerwartete Abstände zwischen divs vermeiden. */
	padding: 10px 0; /* Durch die Verwendung der Auffüllung bei diesem Element entsteht genau wie bei einem Rand ein Leerraum, aber ohne die potenziellen Abstandsprobleme. */
	text-align: center;
    }
    .oneColFixCtrHdr #top {
	height: 31px;
	background-image: url(images/logo_02.jpg);
    }
    .imgstyle {
	float:left;
	border:0px           #dddddd;
	margin-left:0px;
	margin-top:5px;
	margin-bottom:20px;
	margin-right:20px
}
    
h2 {
	font-family: Verdana, Arial, Helvetica, sans-serif;
	font-size: 18px;
	font-weight: bold;
	font-variant: small-caps;
	letter-spacing: 1px;
}
h3 {
	font-family: Verdana, Arial, Helvetica, sans-serif;
	font-size: 14px;
	font-weight: bold;
	letter-spacing: 1px;
}
a:link, a:visited, a:active{
	font-size: 100%;
	line-height: 125%;
	font-family: Verdana, Arial, Helvetica, sans-serif;
	color:#3B3C39
}

a:hover{
	;
	color:#3B3C39;
	letter-spacing: 1px;
}
a img{ border: 0px none }
a:active, a:focus {outline: none;}

html { height: 100% } 
body { min-height: 101%; }

h4 {
	font-family: Verdana, Arial, Helvetica, sans-serif;
	font-size: 11px;
	font-weight: normal;
	letter-spacing: 1px;
}
.imageshadow {
	box-shadow: 4px 4px 7px rgba(0,0,0,0.6);
-moz-box-shadow: 4px 4px 7px rgba(0,0,0,0.6);
-webkit-box-shadow: 4px 4px 7px rgba(0,0,0,0.6);
	
}