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

html {
	overflow-y: scroll;
}
   
body {
	background: white;
	background-image:url(images/bg.gif);
	background-position:center top;
	background-repeat:no-repeat;
	font-family: "verdana", "arial", "helvetica"; 
	font-size:0.75rem; 
	line-height: 1rem;
	color:#58585a;
}

* {
	margin:0;
	padding:0;
}
   
#wrapper {
   	width: 100%;  
	min-height: 100%; 
	border: 0px solid #000000;
	text-align:right;
}

* html #wrapper {
	height: 100%;
} /* IE Hack für 100 % Höhe */

.content {
	margin: 350px auto 30px auto;
	padding: 0 30px;
	text-align: left;
	max-width: 800px;
}

h1 { font-size: 1.1rem; line-height: 1.3rem; color: #000000; }

.gruen {
	color:#79b829;
}

.schwarz {
	color:#000000;
}

hr { background: #79b829; height: 1px; border: 0; }

#adresse {
	padding-right:30px;
}

a,
a:active,
a:visited {
	color:#58585a;
	text-decoration:underline;
}

a:hover {
	color:#79b829;
}

ul { margin-bottom: 1rem; }
li { margin-left: 1.1rem; }

#footer {
   	position: absolute; 
	bottom: 0; 
	left: 0; 
	width: 100%; 
	text-align: right;
}

#footer2 {
	position: relative; 
 width: 100%; 
 text-align: right;
}

p { padding-bottom: 1rem; }

* html #footer {
	bottom: -1px;
} /* Nächster IE Hack, da bottom: 0; als bottom: 1px interpretiert wird */

@media only screen and (max-width: 1024px) {

#wrapper {
   	width:100%;
}

body {
	font-size:1rem;
	line-height: 1.3rem;
}

#adresse {
	width:95%;
}

a,
a:active,
a:visited {
	font-size:1rem; 
	color:#58585a;
	text-decoration:underline;
}

a:hover {
	color:#79b829;
}

#footer {
	height:290px;
}

}


@media only screen and (max-width: 550px) {
    
body {
	font-size:1.05em;
    background-size: 230%;
}

#wrapper {
   	width:100%;
}

#adresse {
	width:92%;
}

a,
a:active,
a:visited {
	font-size:1rem; 
	color:#58585a;
	text-decoration:underline;
}

a:hover {
	color:#79b829;
}

#footer {
	height:330px;
}

}

@media only screen and (max-device-width: 550px) and (-webkit-min-device-pixel-ratio: 2) {

#wrapper {
   	width: 100%;
}

body {
	font-size:1.1em; 
}

#adresse {
	width:92%;
}

a,
a:active,
a:visited {
	font-size:1rem; 
	color:#58585a;
	text-decoration:underline;
}

a:hover {
	color:#79b829;
}

#footer {
	height:300px; 
}

}