* { margin:0; padding:0; outline:none; }
body {
	font-family:Arial,Verdana,sans-serif; font-size:14px;
	background-color:#FFF;
	color:#333;
	text-align:center;
	background:#999;
}

#background {
	position:fixed; left:0; top:0; right:0; bottom:0; z-index:0;
	background:#F4F4F4 url('img/bg_header_1200.jpg') bottom right no-repeat;
	background-size:contain;
}

#container {
	position:relative; z-index:100;
	margin:0px 0; margin-left:3%;
	padding:0px 0px;
	width:90%;
	max-width:800px;
	text-align:left;
}

ul, ol {
	margin:0; margin-left:14px;
}
p, li {
	margin:10px 0;
}

h1, h2, h3 {
	color:#369;
	font-weight:bold;
	margin:0px 0px;
}
h4, h5, h6 {
	font-weight:normal;
	margin:0px 0;
}

a:link, a:visited {	color:rgb(82,184,0); text-decoration:none; }
a:hover, a:active {	color:rgb(82,184,0); text-decoration:underline; }
a.download {	font-weight:bold; }

table {
	empty-cells:show;	/* show | hide */
	border-collapse:collapse;	/* separate | collapse */
	border-spacing:0px;
	table-layout:fixed;	/* auto | fixed */
}
table.textflow {	width:95%; }
table.padded td {	padding:4px; }

span.arrowH, span.arrowV {
	display:inline-block;
	color:#999;
	font-size:20px;
	font-weight:bold;
	line-height:0.5;
	background-color:rgba(0,255,0,0.0);
}
span.arrowH.stretched {
	transform : scale(2,1);
	-webkit-transform:scale(2,1); /* Safari and Chrome */
	-moz-transform:scale(2,1); /* Firefox */
	-ms-transform:scale(2,1); /* IE 9+ */
	-o-transform:scale(2,1); /* Opera */
}
span.arrowV.stretched {
	transform : scale(1,2);
	-webkit-transform:scale(1,2); /* Safari and Chrome */
	-moz-transform:scale(1,2); /* Firefox */
	-ms-transform:scale(1,2); /* IE 9+ */
	-o-transform:scale(1,2); /* Opera */
}

.content {
	margin:0;
	border-bottom:0px solid rgba(102,204,0,0.6);
}
.block {
	clear:both;
	float:none;
	padding:5px 0;
	background-color:rgba(255,0,0,0.0);
}
.floatWrapper {}
.float {
	float:none; width:auto;
	padding:5px 2%;
	min-width:230px;
	background-color:rgba(0,255,0,0.0);
}
.floatWrapper .float:first-child {
	padding-left:0;
}
.floatWrapper .float:last-child {
	padding-right:0;
}

.float .block {
	margin:0px 0px;
	padding:5px 0px;
}

.block.hilight {
	padding:5px 10px;
	color:#FFF;
	font-weight:bold;
	background-color:#369;
	border-radius:12px;
	border-top-right-radius:0;
}
img.textflow {
	width:90%;
}

.strong {
	font-weight:bold;
}

.clear {
	float:none; clear:both;
}
.alignLeft {	text-align:left; }
.alignCenter {	text-align:center; }
.alignRight {	text-align:right; }
.alignTop {	vertical-align:top; }
.alignMiddle {	vertical-align:middle; }
.alignBottom {	vertical-align:bottom; }



/* === HEADER === */
#header {
	position:relative; z-index:200;
	color:#666;
	background-color:#FFF;
	border:1px solid #CCC;
	border-width:0 0 0px 0px;	
	border-bottom-right-radius:12px;
	-webkit-box-shadow: 0px 5px 3px -3px rgba(0,0,0,0.3);
	-moz-box-shadow: 0px 5px 3px -3px rgba(0,0,0,0.3);
	box-shadow: 0px 5px 3px -3px rgba(0,0,0,0.3);
}
#header .wrapper {
	margin:0 15px;
}
img#logo {
	width:100%;
	margin-top:4px;
}
#header h1 {
	display:none;
}
#header h2 {
	margin:0; padding:0;
}


/* === NAVIGATION === */
#nav {
	position:relative; z-index:150;
	margin-top:-10px;
	padding:15px 15px 5px;
	color:#FFF;
	background-color:rgba(102,204,0,0.7);
}
#nav .wrapper {

}
#nav ul {
	margin:0; padding:0; list-style:none;
}
#nav li {
	margin:0; margin-right:20px; padding:0; display:inline-block;
}

a.nav:link, a.nav:visited {	color:rgba(255,255,255,0.7); font-weight:bold; text-decoration:none; }
a.nav:hover, a.nav:active,
a.nav.active { color:rgba(255,255,255,1); text-decoration:underline; }


/* === MAIN === */
#main {
	margin:5px 0;
	padding:15px;
	background-color:rgba(255,255,255,0.7);
}
#main .wrapper {
	margin:10px 0;
}
#main h2 {
	margin:20px 0;
}
#main .content {
	padding:10px;
}


.pageNav, .divider, .topLink {
	margin:15px 0;
	border-top:2px solid rgba(102,204,0,0.7);
}
.pageNav ul {
	display:inline-block;
	margin:0px; list-style:none;
}
.pageNav li {
	display:block;
	margin:1px 0; padding:2px 10px;
	font-size:12px;
	background-color:rgba(102,204,0,0.7);
}
.pageNav li:last-child {
	border-bottom-right-radius:12px;
}
.pageNav a:link, .pageNav a:visited {	color:rgba(255,255,255,0.7); font-weight:bold; text-decoration:none; }
.pageNav a:hover, .pageNav a:active { color:rgba(255,255,255,1); text-decoration:underline; }

.topLink {	text-align:right; font-size:11px; }


.datenschutzQuelle {
	text-align:right;
	font-size:smaller!important;
}
.datenschutzQuelle a, .datenschutzQuelle a:visited, .datenschutzQuelle a:hover, .datenschutzQuelle a:active {
	text-decoration:none; color:#333;
}



/* === FOOTER === */
#footer {
	color:#FFF;
	font-size:11px;
	background-color:#336699;
}
#footer .wrapper {
	padding:5px 15px;
}




/* ========================================================================
   Media Queries
   ======================================================================== */
   @media only screen and (max-width: 519px) {
	#container {	min-width:230px; border-left:0px solid #0FC; }
}
@media only screen and (min-width: 520px) {
	#container {	border-left:0px solid #6F0; }
	#main {	min-height:400px; }
	.float {	float:left; width:48%; }
	#main .float {	float:none; width:auto; }
}
@media only screen and (min-width: 600px) {
	#container {	border-left:0px solid #FF0; }
	#main {	min-height:400px; }
	#main .float {	float:left; width:48%; }
}
@media only screen and (min-width: 768px) {
	#container {	border-left:0px solid #F70; }

	/* ===== abgestimmte Größenangaben: ===== */

}	
@media only screen and (min-width: 980px) {
	#container {	border-left:0px solid #F00; }

	/* ===== abgestimmte Größenangaben: ===== */
	
}
@media only screen and (min-width: 1350px) {
	#container {	margin-left:auto; margin-right:500px; border-left:0px solid #F0F; }

	/* ===== abgestimmte Größenangaben: ===== */
	
}