body {
background-attachment:	fixed;
background-color:	#333;
background-image:	url(../images/Blaugruen.jpg);
background-position:	top center;
background-repeat:	no-repeat;

margin:	0;
padding: 0;

background-size:	cover;
-moz-background-size:	cover;
-webkit-background-size:	cover;
}

/*
This next definition doesn't allow the background to get any smaller
than a predefined size (640x280px in this case). Change the values
here to match your background image size. The configuration in the
flexi-background javascript file should also match these values.
*/

@media only all and (max-width: 480px) and (max-height: 280px) {
body {	
background-size:	480px 280px;
-moz-background-size:	480px 280px;
-webkit-background-size:	480px 280px;
}
}

/*
The next 2 definitions are for support in iOS devices.
Since they don't recoginze the 'cover' keyword for background-size
we need to simulate it with percentages and orientation
*/

@media only screen and (orientation: portrait) and (device-width: 320px), (device-width: 768px) {
body {
-webkit-background-size: auto 100%;
}
}

@media only screen and (orientation: landscape) and (device-width: 320px), (device-width: 768px) {
body {
-webkit-background-size: 100% auto;
}
}
/* All of the following styles only get used when background-size isn't supported */

img#expando {
display:	none;
position:	absolute;
z-index:	1;

-ms-interpolation-mode: cubic;
}

.wide img#expando,
.tall img#expando {
display: block;
}

.wide img#expando {
height: auto;
width: 100%;
}

.tall img#expando {
height:	100%;
width:	auto;
}


.RahmenGross {
	text-align:center;
    font-family: 'Verdana', Arial, Helvetica, sans-serif;
    font-weight:bold;
	margin:0 auto;
	max-width: 90em;
	color: #e3db90;
	width: 100%;
	z-index: 2;
}
.ym-wbox {
	padding:1px 50px;
    margin: 60px 75px;
    background-color: #000000;
    opacity: 0.5;
    -webkit-border-radius: 18px;
    -moz-border-radius: 18px;
    border-radius: 18px;}

a   {
    color: #e39009;
    }

a:hover {
    color: #6b11e3;

}
h2 {
    font-size: 48px;
    line-height: 1.4em;
    text-shadow: 1px 1px 1px rgb(0,0,0);

	}

h3  {
    font-size: 32px;
    line-height: 1.4em;
    text-shadow: 4px 1px 1px rgb(0,0,0);

}
h4 {
    font-size: 18px;
    letter-spacing: 1.4px;
    line-height: 1.3em;
    border: 0 none;
    text-shadow: 1px 1px 1px rgb(0,0,0);

	}

h5  {
    font-size: 0.8em;
}

a	{
	text-decoration:none;
}

/* Menü-Farbgebung */
#menu2 a {
	color:#203127;
	background-color:white;
	text-indent:1ex;
	}
	
#menu2 a:active	{
	color:blue;
	}

#menu2 a:visited {
	color:navy;
	}
	
#menu2 a:hover {
	color:white;
	background-color:transparent;
    font-weight:bold;

	}