@charset "iso-8859-1";
header {width: 100%;}
object, embed, video { max-width: 100%;}
img { max-width: 100%; height: auto; }
BODY {
	color: #000082;
	font-family: Verdana, Arial, Helvetica, sans-serif;
	font-size: 16px;
	background-color: #D6E6FE;
}
a {
	color: #993300;
	text-decoration: none;
	font-size: 16px;
}
a:HOVER {
	color: #ff0000;
	text-decoration: none;
	font-size: 16px;
}
.Footer {
	color: #993300;
	text-decoration : none;
	font-size : 16px;
	font-weight : bold;
}
.Footer:hover {
	color: #ff0000;
	text-decoration: none;
	font-size : 16px;
	font-weight : bold;
}
.gridContainer {
	margin-left: auto;
	margin-right: auto;
	width: 100%;
	padding-left: 0;
	padding-right: 0;
}
#MenuMitte {
	clear: none;
	float: left;
	margin-left: 0;
	width: 100%;
	display: block;
}
.randO { border-collapse: collapse; border-top: 4px solid #000082;}
.randU { border-collapse: collapse; border-bottom: 4px solid #000082;}
.randL { vertical-align:middle; border-collapse: collapse; border-left: 4px solid #000082;}
.randR { vertical-align:middle; border-collapse: collapse; border-right: 4px solid #000082;}
.randOU { border-collapse: collapse; border-top: 4px solid #000082; border-bottom: 4px solid #000082;}
.randOUL { vertical-align:middle; border-collapse: collapse; border-top: 4px solid #000082; border-bottom: 4px solid #000082; border-left: 4px solid #000082;}
.randOUR { vertical-align:middle; border-collapse: collapse; border-top: 4px solid #000082; border-bottom: 4px solid #000082; border-right: 4px solid #000082;}
.randOLR { vertical-align:middle; border-collapse: collapse; border-top: 4px solid #000082; border-left: 4px solid #000082; border-right: 4px solid #000082;}
.randULR { vertical-align:middle; border-collapse: collapse; border-bottom: 4px solid #000082; border-left: 4px solid #000082; border-right: 4px solid #000082;}
.randUL { vertical-align:middle; border-collapse: collapse; border-bottom: 4px solid #000082; border-left: 4px solid #000082;}
.randUR { vertical-align:middle; border-collapse: collapse; border-bottom: 4px solid #000082; border-right: 4px solid #000082;}
.Feld1 {display:block; float: left;}
.Feld2 {}
.Feld4 {display:block; float: none;}
.clear {clear: both;}
div {
	height: auto;
	border: none;
	margin: 0;
	padding: 0;
	width: auto;
}
#container img,
#container span {display:none;}
#container span.one,
#container span.two {
    color:#fff;
    font:bold 20px verdana;
    position: absolute;
    left:30px;
}
#container span.two {
    left:60px;
    font-size:15px; 
}
.fb-page, .fb-page iframe[style], .fb-page span {width: 100%;}
}
@media only screen and (min-width: 481px) {
.gridContainer {
	width: 100%;
	padding-left: 0;
	padding-right: 0;
}
#MenuMitte {
	clear: none;
	float: left;
	margin-left: 0;
	width: 100%;
	display: block;
}
#container img,
#container span {display:none;}
#container span.one,
#container span.two {
    color:#fff;
    font:bold 30px verdana;
    position: absolute;
    left:30px;
}
#container span.two {
    left:60px;
    font-size:20px; 
}
}
@media only screen and (min-width: 769px) {
.gridContainer {
	width: 100%;
	padding-left: 0;
	padding-right: 0;
	margin: auto;
}
#MenuMitte {
	clear: none;
	float: left;
	margin-left: 0;
	width: 100%;
	display: block;
}

#container img,
#container span {display:none;}
#container span.one,
#container span.two {
    color:#fff;
    font:bold 30px verdana;
    position: absolute;
    left:30px;
}
#container span.two {
    left:80px;
    font-size:20px; 
}
}
@media only screen and (min-width: 1025px) {
.gridContainer {
	width: 100%;
	padding-left: 0;
	padding-right: 0;
	margin: auto;
}
#MenuMitte {
	clear: none;
	float: left;
	width: 100%;
	display: block;
}
#container img,
#container span {display:none;}
#container span.one,
#container span.two {
    color:#fff;
    font:bold 30px verdana;
    position: absolute;
    left:30px;
}
#container span.two {
    left:80px;
    font-size:20px; 
}
}