@charset "UTF-8";
/* CSS Document */

body {
				color: #808080;
				font-family:Monospace;
				font-size:13px;
				text-align:center;
				background: url(../img/bg-verlauf.jpg) top repeat-x #f7f1d6;
				margin: 0px;
				overflow-x: hidden;
				width: 100%;
				
				
			}
			#container {
			}
			#logo {
				height: 300px;
				width: 100%;
				position: fixed;
				top: 0;
				left: 0;
				}
			#baeume {
				background: url(../img/baeume.png) repeat-x center;
				height: 370px;
				width: 100%;
				position: absolute;
				top: 300px;
				left: 0;}
			#content-wrapper {
				background: #dfba69;
				/*height: 400px;*/
				width: 100%;
				position: absolute;
				top: 300px;
				left: 0;}
				h2 {font-family: 'Headland One', serif; font-weight: normal; color: #fbfbf1; text-transform: uppercase;margin-top: 20px; }
				#columns {
					margin: 20px auto;
					}
				@media only screen and (min-width: 875px) {	
					#logoimg {
						margin: 20px auto;
						height: 220px;
						width: 401px;
						background: url(../img/logo-galahad-treuhandgesellschaft.png) no-repeat;}
					h2 {font-size: 22px;}
					#content {width: 80%; margin: 90px auto;}
					#column-1, #column-2, #column-3 {
						width: 29%;
						min-width: 200px;
						float: left;
						color: #412f06;
						font-family: "Times New Roman", Times, serif;
						font-size: 14px;
						padding: 2%;
						margin: 20px auto;
						text-align: left !important;} 
				}
					
				@media only screen and (max-width: 874px) {
					#logoimg {
						margin: 20px auto;
						height: 154px;
						width: 280px;
						background: url(../img/logo-galahad-treuhandgesellschaft_small.png) no-repeat;}
						h2 {font-size: 15px;}
					#column-1, #column-2, #column-3 {
						width: 80%;
						min-width: 200px;
						color: #412f06;
						font-family: "Times New Roman", Times, serif;
						font-size: 14px;
						padding: 1%;
						margin: 10px auto;
						text-align: left !important;}
				}
				
			#wurzeln {
				background: url(../img/wurzeln.jpg) repeat-x center;
				height: 370px;
				width: 100%;
				position: absolute;
				left: 0;}
			#footer {
				background: #dfba69; 
				width: 100%;
				position: absolute;
				bottom: 0;
				color: #412f06;
				font-family: "Times New Roman", Times, serif;
				font-size: 12px;
				padding: 5px 10px;}
				#footer img {
					padding: 0 10px;}
				
			@media only screen (max-width: 374px){
					#wurzeln { top: 350px; }
				}
			@media only screen (min-width: 375px){
				#wurzeln { top: 300px; }
			}