body {
	font: 100.01% Arial, serif;
	text-align:center;
	color:#291405;
	margin:0;
	padding:0;
    background: #291405 url(../images/green-lines-bg.gif) center top repeat-y;	
}
#main {
	max-width:1000px;
	min-width:1000px;
	margin:0 auto 50px auto;
}
#header,
#mainNavi,
#content,
#footer {
	width:100%;
	text-align: left;
}

#content70 {
	width:70%;
	text-align: left;
	background-color:#f;
	float:left;
	border-right:2px solid #419228;
	
}

#content30 {
	width:28%;
	text-align: center;
	background-color:#f;
	float:left;
	
}


#header,
#footer {
	padding:20px 0;
	margin:0 0 50px 0;
	width:100%;
	/*background-color: #E5D2AA;*/
	background-color: rgba(211,211,211,.3);
	-moz-border-radius-bottomright:5px;
	-moz-border-radius-bottomleft:5px;
	-webkit-border-bottom-right-radius:5px;
	-webkit-border-bottom-left-radius:5px;
	border-bottom-right-radius:5px;
	border-bottom-left-radius:5px;
}

#header h1 {
	/*font: 35px/1 'Yanone Kaffeesatz', arial, serif;*/
	font: 35px/1 "Cambria", arial, serif;
	text-shadow: 1px 1px 1px #6c6c6c;
	text-indent:50px;
}

#logo {
	width: 470px;
	margin:10px;	
	border:0px solid ;	
	float:left;
}

#logo_img {
	width: 470px;
	margin:10px;	
	background-color:#E2E3C5;
	border:2px solid #FFF;
	-moz-box-shadow:2px 5px 10px rgba(51, 35, 18, 0.5);
	-webkit-box-shadow:2px 5px 10px rgba(51, 35, 18, 0.5);
	box-shadow:2px 5px 10px rgba(51, 35, 18, 0.5);	
	float:left;
	
}

#footer {
	padding:25px 0;
	margin:50px 0 0 0;
	-moz-border-radius:5px;
	-webkit-border-radius:5px;	
	border-radius:5px;
}
#content {
	background-color: #FFF;
	margin:0;
	padding:40px 0;
	-moz-border-radius:5px;
	-webkit-border-radius:5px;	
	border-radius:5px;
	-moz-border-radius-topleft:0px;
	-webkit-border-top-left-radius:0px;	
	border-top-left-radius:0px;
}
#content h2,
#content p {
	margin:0;
	padding:10px 50px;
}
#content h2 {
	/*font:bold 100px/.825 'Yanone Kaffeesatz', arial, serif;*/
	font: 60px/.825  "Cambria", arial, serif;
	text-shadow: 2px 2px 2px #CCC;
}
#content h2  span{
	color:#291405;
	font: 23px 'Cambria', arial, serif;
	display: block;
}
#main p {
	font-size: 14px;
	line-height:20px;
}
#footer p {
	font: normal 16px 'Cambria', arial, serif;
	text-shadow: 1px 1px 1px #6c6c6c;
	margin:0;
	padding:0;
	/*text-indent:50px;*/
	text-align:center;
}
#footer a {
	font: normal 16px 'Cambria', arial, serif;
	text-shadow: 1px 1px 1px #6c6c6c;
	margin:0;
	padding:0;
	text-indent:50px;
	text-align:center;
	color:#291405;
	text-decoration: none;
	
}
#navi ul {
	float:left;
	width:100%;
	padding:0;
	margin:0;
	list-style:none;
}
#navi li {
	float:left;
	padding:7px 0 0 0;
	margin:0 5px 0 0;
	font: bold 81.25%/2.125 Arial, Cambria, sans-serif;
}
#navi li a {
	display: block;
	color:#fff;
	text-decoration: none;
	padding:0 0 0 5px;
	background:#291405;
	background: -moz-linear-gradient(top, #291405, #4D3A26);
	background: -webkit-gradient(linear, left top, left bottom,color-stop(0, #291405), color-stop(1, #4D3A26));
}
#navi li#active span,
#navi li a {
	-moz-border-radius-topright:5px;
	-moz-border-radius-topleft:5px;
	-webkit-border-top-right-radius:5px;
	-webkit-border-top-left-radius:5px;
	border-top-right-radius:5px;
	border-top-left-radius:5px;
}
#navi li a:hover,
#navi li a:active,
#navi li a:focus {
	outline: none;
	text-decoration: underline;
}
#navi li a span {
	display:block;
	margin:0;
	padding:0 15px 0 10px;
}
#navi li#active {
	margin:0 5px 0 0;
	padding:0;
}
#navi li#active span {
	display:block;
	margin:0;
	padding:7px 15px 0 15px;
	color:#2c2c2c;
	background:#FFF;
}

#img1 {
	text-align:center;
	margin:10px;	
	border:2px solid #FFF;
	-moz-box-shadow:2px 5px 10px rgba(25, 0, 19, 0.5);
	-webkit-box-shadow:2px 5px 10px rgba(25, 0, 19, 0.5);
	box-shadow:2px 5px 10px rgba(25, 0, 19, 0.5);
	
	
}

.clearfix:after {
	content: ".";
	display: block;
	height: 0;
	clear: both;
	visibility: hidden;
}
/* IE-Patch für IE 7*/
*:first-child+html .clearfix { min-height: 0; }
/* Hides from IE-mac \*/
* html .clearfix {height: 1%;}
.clearfix {display: block;}
/* End hide from IE-mac */


@media only screen and (max-width: 999px) {
	#main {
		margin:0 auto;
		max-width:999px;
		min-width:601px;
		width:90%;
	}
	#header,
	#footer {
		margin:25px auto;
		width:100%;
		height:auto;
		text-align:center;
	}
	#header {
		margin-top:0;
	}
	#content {
		padding:10px 0;
	}
	
	#content h2,
	#content p {
		margin:0;
		padding:10px 20px;
	}
	#header h1,
	#footer p {
		/*text-indent:20px;*/
	}
	#main h1,
	#main h2 {
		font-size:30px;
		line-height: 1.25;
	}
	#content h1 span {
		font-size:18px;
	}
	
	#logo {
		text-align:center;
		alignment-adjust:central;
		float:none;
	}
	
	#logo_img {
		alignment-adjust:central;
		float:none;
	}
}

@media only screen and (max-width: 999px) {
	#main {
		margin:0 auto;
		max-width:999px;
		min-width:601px;
		width:90%;
	}
	#navi ul {
		float:none;
		width:100%;
		padding:0;
	}
	#navi li,
	#navi li#active span,
	#navi li a,
	#navi li a span {
		float:none;
		width:100%;
	}
	#navi ul li {
		padding:0;
	}
	#content h2,
	#content p {
		margin:0;
		padding:10px;
	}
	#header,
	#footer {
		padding:5px 0;
		text-align:center;
	}
	#header h1,
	#footer p {
		text-indent:10px;
	}
	#header h1 {
		line-height:.66;
	}
	#navi li a,
	#navi li a span,
	#navi li#active span {
		padding:0;
	}
	#navi li a,
	#navi li#active {
		text-align: left;
		margin:0;
		padding:0;
		text-indent:10px;
	   -webkit-border-radius:0px;
		-moz-border-radius:0px;
		border-radius:0px;
	}
	#content,
	#navi li#active span,
	#navi li a {
		-webkit-border-top-right-radius:0px;
		-webkit-border-top-left-radius:0px;
		-moz-border-radius-topright:0px;
		-moz-border-radius-topleft:0px;
		border-top-right-radius:0px;
		border-top-left-radius:0px;
	}
	#navi li:first-child a,
	#navi li#active:first-child span {
		-webkit-border-top-right-radius:5px;
		-webkit-border-top-left-radius:5px;
		-moz-border-radius-topright:5px;
		-moz-border-radius-topleft:5px;
		border-top-right-radius:5px;
		border-top-left-radius:5px;
	}
	
	#logo {
		text-align:center;
		alignment-adjust:central;
		float:none;
	}
	
	#logo_img {
		text-align:center;
	}
	
	#content70 {
		width:100%;
		float:none;
		border-bottom: 2px solid #419228;
		border-right:0px solid #fff;
	}

	#content30 {
		float:none;
		width: 100%;
		padding-top: 20px;
	}
}
