@charset "utf-8";
/* CSS Document */
/*####################################
CSS for the mobile devices
######################################*/
@media screen and (max-width: 800px) {
/*####################################
Seting the background with body, div.ground, #hintergrund, #hintergrund1, div.ground1
######################################*/
body  {
	height:100%;
	width:100%;
	margin-left:2px;
	background:rgba(224,224,224,0.45);
}
div.ground  {
	width:90%;
	height:2200px;
	margin-top:7%;
	margin-left:3%;
	margin-bottom:5%;
	border: 5px solid rgba(154,177,192,1.00);
	border-bottom:30px solid rgba(154,177,192,1.00);
	-moz-border-radius: 15px;
	-webkit-border-radius: 15px;
	border-radius:15px;
	z-index:1;
	position:absolute;
	background:rgba(157,157,157,0.49);
}
#hintergrund {
	-moz-border-radius: 15px;
	-webkit-border-radius: 15px;
	border-radius:15px;
	background:rgba(189,189,189,1.00);
	z-index:1;
}
#hintergrund1 {
	-moz-border-radius: 15px;
	-webkit-border-radius: 15px;
	border-radius:15px;
	margin-top:-2200px;
	z-index:2;
}
div.ground1  {
	margin-top:-2200px;
	width:100%;
	height:1600px;
	-moz-border-radius: 15px;
	-webkit-border-radius: 15px;
	border-radius:15px;
	z-index:2;
	position:absolute;
}
/*######################################
Positioning and size specification for the logo	
########################################*/
div.logo1  {
	display:none;
}
div.logo  {
	margin-left:1%;
	margin-top:-10px;
	margin-right:1%;
	padding-top:3px;
	padding-left:15px;
	background:rgba(150,195,215,1.00);
	border:solid 2px rgba(24,7,85,1.00);
	-moz-border-radius: 6px;
	-webkit-border-radius: 6px;
	border-radius:6px;
	-moz-box-shadow: 2px 2px 6px #888;
	-webkit-box-shadow: 2px 2px 6px #888;
	box-shadow: 2px 2px 6px #888;
}
#logohintergrund  {
	border:solid 2px rgba(24,7,85,1.00);
	-moz-border-radius: 6px;
	-webkit-border-radius: 6px;
	border-radius:6px;
}
/*#########################################
Positioning, size and arangement of navigation	
###########################################*/
div.nav  {
	margin-top:20px;
	margin-left:1%;
	margin-right:1%;
	margin-bottom:20px;
	height: 90px;
	background:rgba(184,206,217,0.85);
	padding-top:15px;
	padding-left:10px;
	border:solid 2px rgba(24,7,85,1.00);
	-moz-border-radius: 6px;
	-webkit-border-radius: 6px;
	border-radius:6px;
	-moz-box-shadow: 2px 2px 6px #888;
	-webkit-box-shadow: 2px 2px 6px #888;
	box-shadow: 2px 2px 6px #888;

}
div.Startseite{
	margin-left:0px;
	margin-bottom:11px;
	margin-top:0px;
	float:left;
	margin-right:1px;
	font-size:13px;
	border:solid 2px rgba(90,110,130,1.00);
	background:linear-gradient(rgba(62,222,225,0.40), rgba(213,249,249,0.20));
}
div.Preis_und_Angebote  {
	float:left;
	margin-right:1px;
	margin-bottom:11px;
	margin-top:0px;
	font-size:13px;
	border:solid 2px rgba(90,110,130,1.00);
	background:linear-gradient(rgba(62,222,225,0.40), rgba(213,249,249,0.20));
}
div.Entstehungsgeschichte  {
	float:left;
	margin-right:1px;
	margin-bottom:11px;
	margin-top:0px;
	font-size:13px;
	border:solid 2px rgba(90,110,130,1.00);
	background:linear-gradient(rgba(62,222,225,0.40), rgba(213,249,249,0.20));
}
div.Kontaktseite  {
	float:left;
	margin-right:1px;
	margin-bottom:11px;
	margin-top:0px;
	font-size:13px;
	border:solid 2px rgba(90,110,130,1.00);
	background:linear-gradient(rgba(62,222,225,0.40), rgba(213,249,249,0.20));
}
div.Standort   {
	float:left;
	margin-right:1px;
	margin-bottom:11px;
	margin-top:0px;
	font-size:13px;
	border:solid 2px rgba(90,110,130,1.00);
	background:linear-gradient(rgba(62,222,225,0.40), rgba(213,249,249,0.20));
}
div.StartseiteAdministration{
	float:left;
	margin-right:1px;
	margin-bottom:11px;
	margin-top:0px;
	font-size:13px;
}
div.DatenausgabeAdministration {
	float:left;
	margin-right:1px;
	margin-bottom:11px;
	margin-top:0px;
	font-size:13px;
}
div.EingabeTextAdministration  {
	float:left;
	margin-right:1px;
	margin-bottom:11px;
	margin-top:0px;
}
div.navigation1  {
	display:none;
	margin-right:1px;
	margin-bottom:11px;
	font-size:13px;
}
/*#####################################
color and behavoir of the link	
#######################################*/
a:link  {
	color:rgba(33,36,45,1.00);
	font-family:Times New Roman, serif;
	text-decoration:none;
	padding:3px;
	-moz-border-radius: 6px;
	-webkit-border-radius: 6px;
	border-radius:6px;
}
a:visited  {
	color:rgba(33,36,45,1.00);
	font-family:Times New Roman, serif;
	text-decoration:none; 
	padding:3px;
	-moz-border-radius: 6px;
	-webkit-border-radius: 6px;
	border-radius:6px;
	
}
a:focus  {
	color:rgba(191,191,191,1.00);
	font-family:Times New Roman, serif;
	text-decoration:underline;
	padding:3px;
	-moz-border-radius: 6px;
	-webkit-border-radius: 6px;
	border-radius:6px;
}
a:hover  {
	color:rgba(252,252,252,1.00);
	font-family:Times New Roman, serif;
	text-decoration:underline;
	padding:3px;
	-moz-border-radius: 6px;
	-webkit-border-radius: 6px;
	border-radius:6px;
}
a:active  {
	color:green;
	font-family:Times New Roman, serif;
	text-decoration:underline;
	padding:3px;
	-moz-border-radius: 6px;
	-webkit-border-radius: 6px;
	border-radius:6px;
}
/* #################################
Position titles and determine the size and color	
####################################*/
div.titel  {
	font-size:20px;
	margin-left:-3.5%;
	margin-right:-0.5%;
	margin-top:120px;
	margin-bottom:4px;
	height:130px;
	padding-top:35px;
	padding-left:10px;
	padding-right:7px;
	padding-bottom:8px;
	color:rgba(49,71,86,0.89);
	background-image:linear-gradient(rgba(163,201,225,0.75), rgba(213,249,249,0.80));
    border:solid 2px rgba(24,7,85,1.00);
	-moz-border-radius: 6px;
	-webkit-border-radius: 6px;
	border-radius:6px;
	-moz-box-shadow: 2px 2px 6px #888;
	-webkit-box-shadow: 2px 2px 6px #888;
	box-shadow: 2px 2px 6px #888;
}
div.titelposition  {
	margin-top:-50px;
}
div.Loginfeld  {
	margin-left:15px;
	margin-top:5px;
	height:173px;
	width:280px;
	background:rgba(169,169,169,1.00);
	border: 1px solid rgba(0,0,0,1.00);
	padding:10px;
	-moz-border-radius: 20px;
	-webkit-border-radius: 20px;
	border-radius:20px;
	-moz-box-shadow: 2px 2px 20px rgba(68,68,68,1.00);
	-webkit-box-shadow: 2px 2px 20px rgba(68,68,68,1.00);
	box-shadow: 2px 2px 20px rgba(68,68,68,1.00);
}
#LogoLogin  {
	border-right:rgba(120,120,120,1.00) 5px solid;
	border-bottom:rgba(120,120,120,1.00) 3px solid;
}
/*###############################
Text and images container for website content	
#################################*/
div.block {
	margin-left:-3.5%;
	margin-right:-0.5%;
	margin-top:35px;
	height:1589%;
	background:rgba(154,177,192,0.80);
	padding-top:10px;
	padding-bottom:10px;
	padding-right:20px;
	padding-left:10px;
	color:rgba(49,71,86,0.89);
	border:solid 2px rgba(24,7,85,1.00);
	-moz-border-radius: 6px;
	-webkit-border-radius: 6px;
	border-radius:6px;
	-moz-box-shadow: 2px 2px 6px #888;
	-webkit-box-shadow: 2px 2px 6px #888;
	box-shadow: 2px 2px 6px #888;
}
/*#######################################
Title B in the block	
#########################################*/	
div.titel1  {
	
	font-size:22px;
	height: 40px;
	width: 96%;
	margin-top:0px;
	margin-left:2%;
	color:rgba(49,71,86,0.89);
	background:linear-gradient(rgba(62,222,225,0.40), rgba(213,249,249,0.20));
	-moz-border-radius: 6px;
	-webkit-border-radius: 6px;
	border-radius:6px;
	-moz-box-shadow: 2px 2px 6px #888;
	-webkit-box-shadow: 2px 2px 6px #888;
	box-shadow: 2px 2px 6px #888;
}
/*########################################
Formatting of the images of the website in a block	
##########################################*/
div.bild   {
	display:none;
}
div.bild1   {
	margin-top:30px;
	margin-bottom:55px;
	margin-left:3%;
	height:100px;
}
div.bild1K   {
	display:none;
}
div.bild1R {	
    margin-top:20px;
	margin-bottom:20px;
	margin-left:25px;
	border:1px solid rgba(0,0,0,1.00);
	width:190px;
	height:120px;
	background:rgba(124,124,124,0.79);
	float:left;
	font-size:11px;
}
#bild1R  {
	-moz-border-radius: 6px;
	-webkit-border-radius: 6px;
	border-radius:6px;
}
div.bildR   {
	display:none;
}
div.bild1AV  {
	margin-top:20px;
	margin-left:25px;
	width:210px;
	height:180px;
}
div.bild1A  {
	margin-top:30px;
	margin-left:25px;
	border:1px solid rgba(0,0,0,1.00);
	width:205px;
	height:150px;
	-moz-border-radius: 6px;
	-webkit-border-radius: 6px;
	border-radius:6px;
}
#bild1A  {
	-moz-border-radius: 6px;
	-webkit-border-radius: 6px;
	border-radius:6px;
}
div.bildA   {
	display:none;
}
div.bildAV  {
	display:none;
}
div.rahmenA  {
	margin-top:20px;
	margin-left:40px;
	width:205px;
	background:rgba(49,71,86,0.20);
}
div.bild1B {
	margin-top:30px;
	margin-left:25px;
	border:1px solid rgba(0,0,0,1.00);
	width:205px;
	height:150px;
}
div.bildB   {
	display:none;
}
div.bildBV   {
	display:none;
}
div.bild1BV  {
	margin-top:105px;
	margin-left:25px;
	width:210px;

	height:180px;
}
#KarteH {
	height:300px;
	width:91%;
}
div.groundA {
	height:110px;
	width:100%;
	background:rgba(224,224,224,1.00);
	padding-left:20px;
	padding-top:5px;
	border: 10px solid rgba(109,109,109,1.00);
}
div.rahmenB   {
	margin-top:20px;
	margin-left:40px;
	width:205px;
	background:rgba(49,71,86,0.20);
	margin-bottom:40px;
	
}		
	
div.Ausgabe {
	width:90%;
	margin-left:3%;
}
/*##########################################
Settings for the form for sending mail
############################################*/
div.Formular  {
	display:none;
}
div.Formular1  {
	margin-top:-120px;
	margin-left: -40px;
	height:400px;
	width:85%;
	padding-left:50px;
	padding-right:0px;
}
div.FormularA  {
	margin-top:-20px;
	margin-left: -30%;
	width:70%;
}
.vorname  {
	margin-top:5px;
	height:25px;
	width:200px;
	font-size:20px;
}
.nachname  {
	margin-top:5px;
	height:25px;
	width:200px;
	font-size:20px;
}
.strasse   {
	margin-top:5px;
	height:25px;
    width:200px;
	font-size:20px;
}
.plz  {
	margin-top:5px;
	height:25px;
	width:200px;
	font-size:20px;
}
.ort  {
	margin-top:5px;
	height:25px;
	width:200px;
	font-size:20px;
}
.telefon  {
	margin-top:5px;
	width:200px;
	font-size:20px;
}
.email  {
	margin-top:5px;
	height:25px;
	width:200px;
	font-size:20px;
}
.mitteilung  {
	margin-top:5px;
	height:120px;
	width:200px;
	font-size:20px;
}
.absenden {
}
.loeschen  {
}
/* #####################################
Settings for the various text blocks	
########################################*/
div.textR  {
	margin-left:5%;
	margin-right:0%;
	margin-top:33px;
	margin-bottom:20px;
	height:1135px;
	width:88%;
	background:rgba(154,177,192,0.60);
	border: 1px solid rgba(102,136,152,1.00);
	padding:2px;
	padding-right:10px;
	color:rgba(49,71,86,0.89);
}
div.text   {
	font-size: 15px;
	margin-top:75px;
	margin-left:0px;
	margin-bottom:80px;
	color:rgba(49,71,86,0.89);
	background-image:linear-gradient(rgba(163,201,225,0.25), rgba(213,249,249,0.25));
	width:100%;
	height:320px;
	padding:7px;

}
div.reverenzentext  {
	margin-top:-10px;
	margin-left:1px;
	margin-right:1px;
	margin-bottom:-20px;
	padding-left: 7px;
	padding-right: 4px;
	padding-top: -1px;
	padding-bottom: 10;
	color:rgba(49,71,86,0.89);
	font-size: 12.5px;
	height: 145px;
	background-image:linear-gradient(rgba(163,201,225,0.25), rgba(213,249,249,0.25));
	-moz-border-radius: 6px;
	-webkit-border-radius: 6px;
	border-radius:6px;
	-moz-box-shadow: 2px 2px 6px #888;
	-webkit-box-shadow: 2px 2px 6px #888;
	box-shadow: 2px 2px 6px #888;
}
div.text1S   {
	margin-top:-45px;
	padding-left:7px;
}
div.textRG  {
	margin-left:0px;
	margin-top:-50px;
	padding: 3px;
	margin-bottom:-20px;
	padding-top:3px;
	padding-left:7px;
	padding-right:15px;
	width:100%;
	color:rgba(49,71,86,0.89);
	size:15px;
	line-height:1.8;
}
div.textb    {
	margin-top:-30px;
	height:70px;
	width:84%;
	position:absolute;
	padding-top:-30px;
	background:rgba(209,221,239,1.00);
	padding-left:7px;
	border-right:rgba(112,112,112,1.00) 3px solid;
}
div.text1   {
	font-size: 14px;
	margin-left:0px;
	margin-top:-55px;
	height:700px;
	padding-top:20px;
	padding-left:7px;
	padding-right:7px;
	padding-bottom: 10px; 
	width:96%;
	color:rgba(49,71,86,0.89);
	background-image:linear-gradient(rgba(163,201,225,0.25), rgba(213,249,249,0.25));
	size:15px;
}
div.text2   {
	display:none;
}
div.text3   {
	margin-left:0px;
	margin-top:-120px;
	padding-top:3px;
	padding-left:7px;
	padding-right:15px;
	height:400px;
	width:100%;
	color:rgba(49,71,86,0.89);
	background-image:linear-gradient(rgba(163,201,225,0.25), rgba(213,249,249,0.25));
	size:15px;
}
div.textD   {
	margin-left:2%;
	margin-top: 0px;
	padding-top:10px;
	padding-left:7px;
	padding-right:7px; 
	height:650px;
	width:96%;
	background-image:linear-gradient(rgba(163,201,225,0.25), rgba(213,249,249,0.25));
	font-size:15px;
}
div.textD1   {
	margin-left:2%;
	margin-top:85px;
	padding-top:-5;
	height:720px;
	width:96.5%;
	padding-left: 10px;
	padding-right: 5px;
	background-image:linear-gradient(rgba(163,201,225,0.25), rgba(213,249,249,0.25));
	font-size:15px;
}
div.textp {
	margin-top:-20px;
	padding-left:7px;
	padding-right:15px;
	width:95%;
	size:15px;
}
div.preis  {
	display:none;
}
div.preis1  {
}
div.textb   {
	padding-left: 7px;
}
/*#########################################
Desing of the footer	
###########################################*/
div.fuss  {
	display:none;
}
div.fuss1  {
	margin-left:-3.5%;
	margin-right:-0.5%;
	margin-top: 60px;
	height:160px;
	padding:8px;
	padding-top:15px;
	background:rgba(154,177,192,1.00);
	border-bottom:3px solid rgba(102,136,152,1.00);
	font-size:24px;
	color:rgba(49,71,86,0.93);
	text-align:center;
	border: 5px solid rgba(154,177,192,1.00);
	border: 2px inset rgba(0,0,0,1.00);
	-moz-border-radius: 15px;
	-webkit-border-radius: 15px;
	border-radius:15px;
}
/*#########################################  
Desing of the loging page for administration	
##########################################*/
#administrationeinloggen {
	color:rgba(236,236,236,1.00);
	background:rgba(124,6,8,1.00);
	border: rgba(69,69,69,1.00) 2px solid;
	-moz-border-radius: 6px;
	-webkit-border-radius: 6px;
	border-radius:6px;
	font-size:16px;
}
#TextAnmeldenUser {
	margin-top:10px;
	width:300px;
	height:130px;
	background-color:rgba(243,80,135,1.00);
	border:rgba(84,84,84,1.00) 2px solid;
	-moz-border-radius: 15px;
	-webkit-border-radius: 15px;
	border-radius:15px;
    padding-top:10px;
	background:rgba(154,177,192,1.00);
	font-size:15px;
	color:rgba(49,71,86,0.93);
	padding:10px;
	opacity: 0;
 }
 #TextAnmeldenPasswort {
	margin-top:-155px;
	width:300px;
	height:130px;
	background-color:rgba(243,80,135,1.00);
	border:rgba(84,84,84,1.00) 2px solid;
	-moz-border-radius: 15px;
	-webkit-border-radius: 15px;
	border-radius:15px;
    padding-top:10px;
	background:rgba(154,177,192,1.00);
	font-size:15px;
	color:rgba(49,71,86,0.93);
	padding:10px;
	opacity: 0;
 }
 #TextAnmeldenStart {
	margin-top:-155px;
	width:300px;
	height:130px;
	background-color:rgba(243,80,135,1.00);
	border:rgba(84,84,84,1.00) 2px solid;
	-moz-border-radius: 15px;
	-webkit-border-radius: 15px;
	border-radius:15px;
    padding-top:10px;
	background:rgba(154,177,192,1.00);
	font-size:15px;
	color:rgba(49,71,86,0.93);
	padding:10px;
	opacity: 0;
 }
 #TextAnmeldenUnkorekt {
	margin-top:50px;
	width:300px;
	height:150px;
	background-color:rgba(243,80,135,1.00);
	border:rgba(84,84,84,1.00) 2px solid;
	-moz-border-radius: 15px;
	-webkit-border-radius: 15px;
	border-radius:15px;
    padding-top:10px;
	background:rgba(154,177,192,1.00);
    font-size:15px;
	color:rgba(49,71,86,0.93);
	padding:10px;
	opacity: 0;
 }
	
/*############################################################################################################################################################################################################################################################################################################################################################################ */

/*################################################
CSS for tablets and small screens	
##################################################*/
	
}
@media screen and (min-width: 800px) and (max-width: 1130px) {
/*####################################
Seting the background with body, div.ground, #hintergrund, #hintergrund1, div.ground1
######################################*/
body  {
	height:100%;
	width:100%;
	background:rgba(239,248,252,0.45);
}
div.ground  {
	width:96.5%;
	height:1500px;
	margin-top:0.6%;
	margin-left:0.6%;
	margin-bottom:5%;
	border: 3px solid rgba(154,177,192,1.00);
	border-bottom:30px solid rgba(154,177,192,1.00);
	border-right:5px solid rgba(154,177,192,1.00);
	-moz-border-radius: 15px;
	-webkit-border-radius: 15px;
	border-radius:15px;
	z-index:1;
	position:absolute;
	background:rgba(157,157,157,0.49);
}
#hintergrund {
	-moz-border-radius: 15px;
	-webkit-border-radius: 15px;
	border-radius:15px;
	background:rgba(189,189,189,1.00);
	z-index:1;
}
#hintergrund1 {
	-moz-border-radius: 15px;
	-webkit-border-radius: 15px;
	border-radius:15px;
	margin-top:-2200px;
	z-index:2;
	border-top:20px rgba(184,185,187,1.00) solid;
}
div.ground1  {
	margin-top:-1500px;
	width:100%;
	height:1500px;
	z-index:2;
	position:absolute;
}
div.karte
{
	align-content:center;
	border: 10px solid rgba(101,101,101,0.30);
	background:rgba(179,201,205,0.58);
	-moz-border-radius: 6px;
	-webkit-border-radius: 6px;
	border-radius:6px;
	-moz-box-shadow: 2px 2px 6px #888;
	-webkit-box-shadow: 2px 2px 6px #888;
	box-shadow: 2px 2px 6px #888;
}
#KarteC {
	height:350px;
	width:400px;
	-moz-border-radius: 6px;
	-webkit-border-radius: 6px;
	border-radius:6px;
	-moz-box-shadow: 2px 2px 6px #888;
	-webkit-box-shadow: 2px 2px 6px #888;
	box-shadow: 2px 2px 6px #888;
}
/*######################################
Positioning and size specification for the logo	
########################################*/
div.logo1  {
	display:none;
}
div.logo  {
	margin-left:2px;
	margin-top:-2px;
	float:left;
	margin-right:30px;
	background:rgba(150,195,215,1.00);
	border:solid 2px rgba(154,177,192,1.00);
	-moz-border-radius: 6px;
	-webkit-border-radius: 6px;
	border-radius:6px;
	-moz-box-shadow: 2px 2px 6px #888;
	-webkit-box-shadow: 2px 2px 6px #888;
	box-shadow: 2px 2px 6px #888;
}
#logohintergrund  {
	-moz-border-radius: 6px;
	-webkit-border-radius: 6px;
	border-radius:6px;
}
/*#########################################
Positioning, size and arangement of navigation	
###########################################*/
div.nav  {
	margin-top:20px;
	margin-left:231px;
	height: 55px;
	width:64%;
	background:rgba(184,206,217,0.85);
	margin-right:5px;
	padding-top:6px;
	padding-left:-50px;
	border:solid 2px rgba(24,7,85,1.00);
	-moz-border-radius: 6px;
	-webkit-border-radius: 6px;
	border-radius:6px;
	-moz-box-shadow: 2px 2px 6px #888;
	-webkit-box-shadow: 2px 2px 6px #888;
	box-shadow: 2px 2px 6px #888;

}
div.Startseite{
	margin-left:10px;
	float:left;
	margin-right:1px;
	font-size:13px;
	margin-bottom:11px;
	border:solid 2px rgba(90,110,130,1.00);
	background:linear-gradient(rgba(62,222,225,0.40), rgba(213,249,249,0.20));
	-moz-border-radius: 6px;
	-webkit-border-radius: 6px;
	border-radius:6px;
	-moz-box-shadow: 2px 2px 6px #888;
	-webkit-box-shadow: 2px 2px 6px #888;
	box-shadow: 2px 2px 6px #888;
}
div.Preis_und_Angebote  {
	float:left;
	margin-right:1px;
	font-size:13px;
	margin-bottom:11px;
	border:solid 2px rgba(90,110,130,1.00);
	background:linear-gradient(rgba(62,222,225,0.40), rgba(213,249,249,0.20));
	-moz-border-radius: 6px;
	-webkit-border-radius: 6px;
	border-radius:6px;
	-moz-box-shadow: 2px 2px 6px #888;
	-webkit-box-shadow: 2px 2px 6px #888;
	box-shadow: 2px 2px 6px #888;
}
div.Entstehungsgeschichte  {
	float:left;
	margin-right:1px;
	font-size:13px;
	margin-bottom:11px;
	border:solid 2px rgba(90,110,130,1.00);
	background:linear-gradient(rgba(62,222,225,0.40), rgba(213,249,249,0.20));
	-moz-border-radius: 6px;
	-webkit-border-radius: 6px;
	border-radius:6px;
	-moz-box-shadow: 2px 2px 6px #888;
	-webkit-box-shadow: 2px 2px 6px #888;
	box-shadow: 2px 2px 6px #888;
}
div.Kontaktseite  {
	float:left;
	margin-right:1px;
	font-size:13px;
	margin-bottom:11px;
	border:solid 2px rgba(90,110,130,1.00);
	background:linear-gradient(rgba(62,222,225,0.40), rgba(213,249,249,0.20));
	-moz-border-radius: 6px;
	-webkit-border-radius: 6px;
	border-radius:6px;
	-moz-box-shadow: 2px 2px 6px #888;
	-webkit-box-shadow: 2px 2px 6px #888;
	box-shadow: 2px 2px 6px #888;
}
div.Standort   {
	float:left;
	margin-right:1px;
	font-size:13px;
	margin-bottom:11px;
	border:solid 2px rgba(90,110,130,1.00);
	background:linear-gradient(rgba(62,222,225,0.40), rgba(213,249,249,0.20));
	-moz-border-radius: 6px;
	-webkit-border-radius: 6px;
	border-radius:6px;
	-moz-box-shadow: 2px 2px 6px #888;
	-webkit-box-shadow: 2px 2px 6px #888;
	box-shadow: 2px 2px 6px #888;
}
div.navigation1  {
	display:none;
	margin-right:1px;
	font-size:11px;
	margin-bottom:11px;
	-moz-border-radius: 6px;
	-webkit-border-radius: 6px;
	border-radius:6px;
	-moz-box-shadow: 2px 2px 6px #888;
	-webkit-box-shadow: 2px 2px 6px #888;
	box-shadow: 2px 2px 6px #888;
}
div.StartseiteAdministration{
	float:left;
	margin-right:1px;
	margin-bottom:10px;
	font-size:11px;
	-moz-border-radius: 6px;
	-webkit-border-radius: 6px;
	border-radius:6px;
	-moz-box-shadow: 2px 2px 6px #888;
	-webkit-box-shadow: 2px 2px 6px #888;
	box-shadow: 2px 2px 6px #888;
}
div.DatenausgabeAdministration {
	float:left;
	margin-right:1px;
	margin-bottom:10px;
	font-size:11px;
	-moz-border-radius: 6px;
	-webkit-border-radius: 6px;
	border-radius:6px;
	-moz-box-shadow: 2px 2px 6px #888;
	-webkit-box-shadow: 2px 2px 6px #888;
	box-shadow: 2px 2px 6px #888;
}
div.EingabeTextAdministration  {
	float:left;
	margin-right:1px;
	margin-bottom:10px;
	font-size:11px;
	-moz-border-radius: 6px;
	-webkit-border-radius: 6px;
	border-radius:6px;
	-moz-box-shadow: 2px 2px 6px #888;
	-webkit-box-shadow: 2px 2px 6px #888;
	box-shadow: 2px 2px 6px #888;
}
/*#####################################
color and behavoir of the link	
#######################################*/

a:link  {
	color:rgba(90,110,130,1.00);
	font-family:Times New Roman, serif;
	text-decoration:none;
	-moz-border-radius: 6px;
	-webkit-border-radius: 6px;
	border-radius:6px;
	padding: 3px;
}
a:visited  {
	color:rgba(90,110,130,1.00);
	font-family:Times New Roman, serif;
	text-decoration:none;
	-moz-border-radius: 6px;
	-webkit-border-radius: 6px;
	border-radius:6px;
	border:solid 2px rgba(90,110,130,1.00); 
	padding: 3px;
}
a:focus  {
	color:rgba(191,191,191,1.00);
	font-family:Times New Roman, serif;
	text-decoration:underline;
	-moz-border-radius: 6px;
	-webkit-border-radius: 6px;
	border-radius:6px;
	padding: 3px;
}
a:hover  {
	color:rgba(252,252,252,1.00);
	font-family:Times New Roman, serif;
	text-decoration:underline;
	-moz-border-radius: 6px;
	-webkit-border-radius: 6px;
	border-radius:6px;
	padding: 3px;
}
a:active  {
	color:green;
	font-family:Times New Roman, serif;
	text-decoration:underline;
	-moz-border-radius: 6px;
	-webkit-border-radius: 6px;
	border-radius:6px;
	padding: 3px;
}
/* #################################
Position titles and determine the size and color	
####################################*/
div.titel  {
	font-size:18px;
	margin-left:0px;
	margin-top: 60px;
	margin-bottom:4px;
	height:120px;
	width:96%;
	padding-top:35px;
	padding-left:20px;
	padding-right:7px;
	color:rgba(49,71,86,0.89);
	background-image:linear-gradient(rgba(163,201,225,0.75), rgba(213,249,249,0.80));
	border:solid 2px rgba(24,7,85,1.00);
	-moz-border-radius: 6px;
	-webkit-border-radius: 6px;
	border-radius:6px;
	-moz-box-shadow: 2px 2px 6px #888;
	-webkit-box-shadow: 2px 2px 6px #888;
	box-shadow: 2px 2px 6px #888;
}
div.Loginfeld  {
	margin-left:50px;
	margin-top:10px;
	height:150px;
	width:280px;
	background:rgba(169,169,169,1.00);
	border: 1px solid rgba(0,0,0,1.00);
	padding:10px;
	-moz-border-radius: 20px;
	-webkit-border-radius: 20px;
	border-radius:20px;
	-moz-box-shadow: 2px 2px 20px rgba(68,68,68,1.00);
	-webkit-box-shadow: 2px 2px 20px rgba(68,68,68,1.00);
	box-shadow: 2px 2px 20px rgba(68,68,68,1.00);
}
#LogoLogin  {
	border-right:rgba(120,120,120,1.00) 5px solid;
	border-bottom:rgba(120,120,120,1.00) 3px solid;
}
#administrationeinloggen {
	color:rgba(236,236,236,1.00);
	background:rgba(124,6,8,1.00);
	border: rgba(69,69,69,1.00) 2px solid;
	-moz-border-radius: 6px;
	-webkit-border-radius: 6px;
	border-radius:6px;
	font-size:16px;
}

div.groundA {
	height:110px;
	width:100%;
	background:rgba(224,224,224,1.00);
	padding-left:20px;
	padding-top:10px;
	border: 10px solid rgba(109,109,109,1.00);
}
div.titelposition  {
	margin-top:-40px;
	margin-left:-10px;
}
div.text1S   {
}
div.textRG  {
	margin-left:85px;
	margin-top:-50px;
	margin-bottom:15;
	padding: 5px;
	width:85%;
	font-size:18px;
	color:rgba(49,71,86,0.89);
}
/*###############################
Text and images container for website content	
#################################*/
div.block {
	margin-left:-233px;
	margin-top:65px;
	height:950px;
	width:150.5%;
	background:rgba(154,177,192,0.80);
	border:solid 2px rgba(24,7,85,1.00);
	-moz-border-radius: 6px;
	-webkit-border-radius: 6px;
	border-radius:6px;
	-moz-box-shadow: 2px 2px 6px #888;
	-webkit-box-shadow: 2px 2px 6px #888;
	box-shadow: 2px 2px 6px #888;
	padding:15px;
	color:rgba(49,71,86,0.89);
}
div.reverenzentext  {
	margin-top:5px;
	margin-left:15px;
	margin-right:15px;
	margin-bottom:15px;
	padding-left: 15px;
	padding-right: 7px;
	padding-top: 6px;
	padding-bottom: 10;
	color:rgba(49,71,86,0.89);
	height: 185px;
	background-image:linear-gradient(rgba(163,201,225,0.25), rgba(213,249,249,0.25));
	-moz-border-radius: 6px;
	-webkit-border-radius: 6px;
	border-radius:6px;
	-moz-box-shadow: 2px 2px 6px #888;
	-webkit-box-shadow: 2px 2px 6px #888;
	box-shadow: 2px 2px 6px #888;
}
/*#######################################
Title B in the block	
#########################################*/
div.titel1  {
	font-size:22px;
	padding-left: 6px;
	padding-right: 6px;
	margin-top: -15px;
	margin-left:15px;
	color:rgba(49,71,86,0.89);
	background:linear-gradient(rgba(62,222,225,0.40), rgba(213,249,249,0.20));
		-moz-border-radius: 6px;
	-webkit-border-radius: 6px;
	border-radius:6px;
	-moz-box-shadow: 2px 2px 6px #888;
	-webkit-box-shadow: 2px 2px 6px #888;
	box-shadow: 2px 2px 6px #888;
}
/*########################################
Formatting of the images of the website in a block	
##########################################*/
div.bild1   {
	display:none;
}
div.bild1 {
	display:none;
}
div.bild {
	margin-top:10px;
	margin-left:40px;
	margin-right:10px;
	width:320px;
	height:210px;
	float:left;
	-moz-border-radius: 6px;
	-webkit-border-radius: 6px;
	border-radius:6px;
	-moz-box-shadow: 2px 2px 6px #888;
	-webkit-box-shadow: 2px 2px 6px #888;
	box-shadow: 2px 2px 6px #888;
}
div.bild1K   {
	margin-top:10px;
	margin-left:40px;
	border:1px solid rgba(0,0,0,1.00);
	width:200px;
	height:180px;
	float:left;
	-moz-border-radius: 6px;
	-webkit-border-radius: 6px;
	border-radius:6px;
	-moz-box-shadow: 2px 2px 6px #888;
	-webkit-box-shadow: 2px 2px 6px #888;
	box-shadow: 2px 2px 6px #888;
}
div.bild1A {
	display:none;
}
div.bild1AV  {
	display:none;
}
div.bildA   {
	margin-top:65px;
	margin-left:40px;
	width:320px;
	height:210px;
	margin-bottom:0px;
	-moz-border-radius: 6px;
	-webkit-border-radius: 6px;
	border-radius:6px;
	-moz-box-shadow: 2px 2px 6px #888;
	-webkit-box-shadow: 2px 2px 6px #888;
	box-shadow: 2px 2px 6px #888;
}
#bildformat {
	-moz-border-radius: 6px;
	-webkit-border-radius: 6px;
	border-radius:6px;
}
div.bildAV   {
	margin-left:15px;
    height:400px;
	width:375px;
	background:rgba(0,0,0,1.00);
	-moz-border-radius: 6px;
	-webkit-border-radius: 6px;
	border-radius:6px;
	-moz-box-shadow: 2px 2px 6px #888;
	-webkit-box-shadow: 2px 2px 6px #888;
	box-shadow: 2px 2px 6px #888;
}
#bg1  {
	height:400px;
	width:360px;
	-moz-border-radius: 6px;
	-webkit-border-radius: 6px;
	border-radius:6px;
	-moz-box-shadow: 2px 2px 6px #888;
	-webkit-box-shadow: 2px 2px 6px #888;
	box-shadow: 2px 2px 6px #888;
}
div.rahmenA  {
	margin-left:40px;
}
div.bild1B {
	display:none;
}
div.bildB   {
	margin-top:20px;
	margin-left:40px;
	width:320px;
	height:210px;
	margin-bottom:150px;
	-moz-border-radius: 6px;
	-webkit-border-radius: 6px;
	border-radius:6px;
	-moz-box-shadow: 2px 2px 6px #888;
	-webkit-box-shadow: 2px 2px 6px #888;
	box-shadow: 2px 2px 6px #888;
}
div.bildBV   {
	margin-top:15px;
	margin-left:15px;
    height:400px;
	width:375px;
	background:rgba(0,0,0,1.00);
	-moz-border-radius: 6px;
	-webkit-border-radius: 6px;
	border-radius:6px;
	-moz-box-shadow: 2px 2px 6px #888;
	-webkit-box-shadow: 2px 2px 6px #888;
	box-shadow: 2px 2px 6px #888;
}
#bg2  {
	height:400px;
	width:360px;
	-moz-border-radius: 6px;
	-webkit-border-radius: 6px;
	border-radius:6px;
	-moz-box-shadow: 2px 2px 6px #888;
	-webkit-box-shadow: 2px 2px 6px #888;
	box-shadow: 2px 2px 6px #888;
}
div.rahmenB   {
	margin-top: -135px;
	margin-left:40px;
}
div.bild1BV  {
	display:none;
}
div.bild1R {
	display:none;
}
div.bildR   {
	margin-top:25px;
	margin-bottom:30px;
	margin-left:20px;
	border:1px solid rgba(0,0,0,1.00);
	width:190px;
	height:120px;
	background:rgba(124,124,124,0.79);
	float:left;
	-moz-border-radius: 6px;
	-webkit-border-radius: 6px;
	border-radius:6px;
	-moz-box-shadow: 2px 2px 6px #888;
	-webkit-box-shadow: 2px 2px 6px #888;
	box-shadow: 2px 2px 6px #888;
}
#bild1R  {
	-moz-border-radius: 6px;
	-webkit-border-radius: 6px;
	border-radius:6px;
}
/* #####################################
Settings for the various text blocks	
########################################*/
div.text   {
	margin-top:5px;
	margin-left:400px;
	padding-left: 15px;
	padding-right: 6px;
	padding-top: 6px;
	padding-bottom: 10px;
	color:rgba(49,71,86,0.89);
	width:40%;
	height:230px;
	background-image:linear-gradient(rgba(163,201,225,0.25), rgba(213,249,249,0.25));
	-moz-border-radius: 6px;
	-webkit-border-radius: 6px;
	border-radius:6px;
	-moz-box-shadow: 2px 2px 6px #888;
	-webkit-box-shadow: 2px 2px 6px #888;
	box-shadow: 2px 2px 6px #888;
}
div.textD   {
	position:absolute;
	margin-left:410px;
	margin-top:-600px;
	padding-top:-15;
	padding-left: 6px;
	padding-right: 6px;
	height:750px;
	width:36%;
	background-image:linear-gradient(rgba(163,201,225,0.25), rgba(213,249,249,0.25));
	font-size:17px;
	-moz-border-radius: 6px;
	-webkit-border-radius: 6px;
	border-radius:6px;
	-moz-box-shadow: 2px 2px 6px #888;
	-webkit-box-shadow: 2px 2px 6px #888;
	box-shadow: 2px 2px 6px #888;
}
div.textD1   {
	position:absolute;
	margin-left:410px;
	margin-top:-800px;
	padding-top:-15;
	padding-left: 6px;
	padding-right: 6px;
	height:800px;
	width:33%;
	background-image:linear-gradient(rgba(163,201,225,0.25), rgba(213,249,249,0.25));
	font-size:15px;
	-moz-border-radius: 6px;
	-webkit-border-radius: 6px;
	border-radius:6px;
	-moz-box-shadow: 2px 2px 6px #888;
	-webkit-box-shadow: 2px 2px 6px #888;
	box-shadow: 2px 2px 6px #888;
}
/*##########################################
Settings for the form for sending mail
############################################*/
div.Formular  {
}
div.Formular1  {
	display:none;
}
div.FormularA  {
}
div.texta    {
	height:60px;
	width:60.3%;
	position:absolute;
	margin-top:0px;
	padding-left: 10px;
	background:rgba(192,194,212,1.00);
	border-bottom:2px solid rgba(102,136,152,1.00);
	-moz-border-radius: 6px;
	-webkit-border-radius: 6px;
	border-radius:6px;
	-moz-box-shadow: 2px 2px 6px #888;
	-webkit-box-shadow: 2px 2px 6px #888;
	box-shadow: 2px 2px 6px #888;
}
div.text1   {
	margin-left:20px;
	margin-top:30px;
	padding-left: 15px;
	padding-right: 6px;
	padding-top: 6px;
	padding-bottom: 10px;
	height:470px;
	width:93%;
	color:rgba(49,71,86,0.89);
	background-image:linear-gradient(rgba(163,201,225,0.25), rgba(213,249,249,0.25));
	-moz-border-radius: 6px;
	-webkit-border-radius: 6px;
	border-radius:6px;
	-moz-box-shadow: 2px 2px 6px #888;
	-webkit-box-shadow: 2px 2px 6px #888;
	box-shadow: 2px 2px 6px #888;
}
div.text2   {
	margin-left:20px;
	margin-top:30px;
	padding: 6px;
	height:400px;
	width:93%;
	color:rgba(49,71,86,0.89);
	background-image:linear-gradient(rgba(163,201,225,0.25), rgba(213,249,249,0.25));
	-moz-border-radius: 6px;
	-webkit-border-radius: 6px;
	border-radius:6px;
	-moz-box-shadow: 2px 2px 6px #888;
	-webkit-box-shadow: 2px 2px 6px #888;
	box-shadow: 2px 2px 6px #888;
}
div.text3   {
	display:none;
}
div.preis  {
}
div.preis1  {
	display:none;
}
/*#########################################
Desing of the footer	
###########################################*/
div.fuss  {
	margin-left:-233px;
	margin-top: 105.5px;
	margin-bottom:10px;
	height:100px;
	width:148.3%;
	border:solid 2px rgba(24,7,85,1.00);
	-moz-border-radius: 6px;
	-webkit-border-radius: 6px;
	border-radius:6px;
	-moz-box-shadow: 2px 2px 6px #888;
	-webkit-box-shadow: 2px 2px 6px #888;
	box-shadow: 2px 2px 6px #888;
	padding:12px;
	padding-left:30px;
    background:rgba(154,177,192,1.00);
	font-size:25px;
	color:rgba(49,71,86,0.93);
}
div.fuss1  {
	display:none;
}
/*#########################################  
Desing of the loging page for administration	
##########################################*/
#TextAnmeldenUser {
	margin-top:10px;
	width:300px;
	height:130px;
	background-color:rgba(243,80,135,1.00);
	border:rgba(84,84,84,1.00) 2px solid;
	-moz-border-radius: 15px;
	-webkit-border-radius: 15px;
	border-radius:15px;
    padding-top:10px;
	background:rgba(154,177,192,1.00);
	font-size:15px;
	color:rgba(49,71,86,0.93);
	padding:10px;
	opacity: 0;
 }
 #TextAnmeldenPasswort {
	margin-top:-155px;
	width:300px;
	height:130px;
	background-color:rgba(243,80,135,1.00);
	border:rgba(84,84,84,1.00) 2px solid;
	-moz-border-radius: 15px;
	-webkit-border-radius: 15px;
	border-radius:15px;
    padding-top:10px;
	background:rgba(154,177,192,1.00);
	font-size:15px;
	color:rgba(49,71,86,0.93);
	padding:10px;
	opacity: 0;
 }
 #TextAnmeldenStart {
	margin-top:-155px;
	width:300px;
	height:130px;
	background-color:rgba(243,80,135,1.00);
	border:rgba(84,84,84,1.00) 2px solid;
	-moz-border-radius: 15px;
	-webkit-border-radius: 15px;
	border-radius:15px;
    padding-top:10px;
	background:rgba(154,177,192,1.00);
	font-size:15px;
	color:rgba(49,71,86,0.93);
	padding:10px;
	opacity: 0;
 }
 #TextAnmeldenUnkorekt {
	margin-top:50px;
	width:300px;
	height:150px;
	background-color:rgba(243,80,135,1.00);
	border:rgba(84,84,84,1.00) 2px solid;
	-moz-border-radius: 15px;
	-webkit-border-radius: 15px;
	border-radius:15px;
    padding-top:10px;
	background:rgba(154,177,192,1.00);
    font-size:15px;
	color:rgba(49,71,86,0.93);
	padding:10px;
	opacity: 0;
 }
/*########################################################################################################################################################################################################################################################################################################################################################################  */

/*####################################
CSS for the big screen
######################################*/

	
} 
@media screen and (min-width: 1130px)  {
title  {
	icon:url("favicon.png")
}
/*####################################
Seting the background with body, div.ground, #hintergrund, #hintergrund1, div.ground1
######################################*/
body  {
	height:100%;
	width:100%;
	background:rgba(239,248,252,0.45);
}
div.ground1  {
	margin-top:-1500px;
	width:100%;
	height:1500px;
	z-index:2;
	position:absolute;
	-moz-border-radius: 15px;
	-webkit-border-radius: 15px;
	border-radius:15px;
	
	
}
div.ground  {
	width:1160px;
	height:1500px;
	margin-top:1%;
	margin-bottom:10%;
	border: 1px solid rgba(154,177,192,1.00);
	-moz-border-radius: 15px;
	-webkit-border-radius: 15px;
	border-radius:15px;
	filter:alpa(opacity=20);
	opacity:1.0;
	z-index:1;
	position:absolute;
	background:rgba(157,157,157,0.49);
	margin-left:-580px;
	left:50%;
}
#hintergrund {
	-moz-border-radius: 15px;
	-webkit-border-radius: 15px;
	border-radius:15px;
	background:rgba(189,189,189,1.00);
	z-index:1;
}
#hintergrund1 {
	-moz-border-radius: 15px;
	-webkit-border-radius: 15px;
	border-radius:15px;
	margin-top:-2200px;
	z-index:2;
	border-top:20px rgba(184,185,187,1.00) inset;
	border-top:20px rgba(184,185,187,1.00) solid;
}
div.karte
{
	align-content:center;
	border: 10px solid rgba(101,101,101,0.30);
	background:rgba(179,201,205,0.58);
	-moz-border-radius: 6px;
	-webkit-border-radius: 6px;
	border-radius:6px;
	-moz-box-shadow: 2px 2px 6px #888;
	-webkit-box-shadow: 2px 2px 6px #888;
	box-shadow: 2px 2px 6px #888;
}
#KarteC {
	height:350px;
	width:500px;
	-moz-border-radius: 6px;
	-webkit-border-radius: 6px;
	border-radius:6px;
	-moz-box-shadow: 2px 2px 6px #888;
	-webkit-box-shadow: 2px 2px 6px #888;
	box-shadow: 2px 2px 6px #888;
}
div.groundA {
	height:110px;
	width:100%;
	background:rgba(224,224,224,1.00);
	padding-left:20px;
	padding-top:10px;
	border: 10px solid rgba(109,109,109,1.00);
}
/*######################################
Positioning and size specification for the logo	
########################################*/
div.logo1  {
	display:none;
}
div.logo  {
	margin-left:2px;
	margin-top:-2px;
	float:left;
	margin-right:30px;
	background:rgba(150,195,215,1.00);
	border:solid 2px rgba(154,177,192,1.00);
	-moz-border-radius: 6px;
	-webkit-border-radius: 6px;
	border-radius:6px;
	-moz-box-shadow: 2px 2px 6px #888;
	-webkit-box-shadow: 2px 2px 6px #888;
	box-shadow: 2px 2px 6px #888;
}
#logohintergrund  {
	-moz-border-radius: 6px;
	-webkit-border-radius: 6px;
	border-radius:6px;
}
/*#########################################
Positioning, size and arangement of navigation	
###########################################*/
div.nav  {
	margin-top:20px;
	margin-left:250px;
	height: 35px;
	width:770px;
	background:rgba(184,206,217,0.85);
	margin-right:5px;
	padding-top:15px;
	padding-left:3px;
	-moz-border-radius: 6px;
	-webkit-border-radius: 6px;
	border-radius:6px;
	-moz-box-shadow: 2px 2px 6px #888;
	-webkit-box-shadow: 2px 2px 6px #888;
	box-shadow: 2px 2px 6px #888;
}
div.Startseite{
	margin-left:10px;
	float:left;
	margin-right:5px;
	border:solid 2px rgba(90,110,130,1.00);
	-moz-border-radius: 6px;
	-webkit-border-radius: 6px;
	border-radius:6px;
	background:linear-gradient(rgba(62,222,225,0.40), rgba(213,249,249,0.20));
	-moz-box-shadow: 2px 2px 6px #888;
	-webkit-box-shadow: 2px 2px 6px #888;
	box-shadow: 2px 2px 6px #888;
}
div.Preis_und_Angebote  {
	float:left;
	margin-right:5px;
	border:solid 2px rgba(90,110,130,1.00);
	-moz-border-radius: 6px;
	-webkit-border-radius: 6px;
	border-radius:6px;
	background:linear-gradient(rgba(62,222,225,0.40), rgba(213,249,249,0.20));
	-moz-box-shadow: 2px 2px 6px #888;
	-webkit-box-shadow: 2px 2px 6px #888;
	box-shadow: 2px 2px 6px #888;
}
div.Entstehungsgeschichte  {
	float:left;
	margin-right:5px;
	border:solid 2px rgba(90,110,130,1.00);
	-moz-border-radius: 6px;
	-webkit-border-radius: 6px;
	border-radius:6px;
	background:linear-gradient(rgba(62,222,225,0.40), rgba(213,249,249,0.20));
	-moz-box-shadow: 2px 2px 6px #888;
	-webkit-box-shadow: 2px 2px 6px #888;
	box-shadow: 2px 2px 6px #888;
}
div.Kontaktseite  {
	float:left;
	margin-right:5px;
	border:solid 2px rgba(90,110,130,1.00);
	-moz-border-radius: 6px;
	-webkit-border-radius: 6px;
	border-radius:6px;
	background:linear-gradient(rgba(62,222,225,0.40), rgba(213,249,249,0.20));
	-moz-box-shadow: 2px 2px 6px #888;
	-webkit-box-shadow: 2px 2px 6px #888;
	box-shadow: 2px 2px 6px #888;
}
div.Standort   {
	float:left;
	margin-right:5px;
	border:solid 2px rgba(90,110,130,1.00);
	-moz-border-radius: 6px;
	-webkit-border-radius: 6px;
	border-radius:6px;
	background:linear-gradient(rgba(62,222,225,0.40), rgba(213,249,249,0.20));
	-moz-box-shadow: 2px 2px 6px #888;
	-webkit-box-shadow: 2px 2px 6px #888;
	box-shadow: 2px 2px 6px #888;
}
div.navigation1  {
	display:none;
	margin-right:5px;
	z-index:2;
}
div.navA {
	margin-top:20px;
	margin-left:250px;
	height: 35px;
	width:830px;
	background:rgba(96,199,236,0.58);
	margin-right:5px;
	padding-top:0px;
	padding-left:3px;
}
/*#####################################
color and behavoir of the link	
#######################################*/
a:link  {
	color:rgba(90,110,130,1.00);
	font-family:Times New Roman, serif;
	text-decoration:none;
	padding: 3px;
}
a:visited  {
	color:rgba(90,110,130,1.00);
	font-family:Times New Roman, serif;
	text-decoration:none;
	padding: 3px;	
}
a:focus  {
	color:rgba(191,191,191,1.00);
	font-family:Times New Roman, serif;
	text-decoration:underline;
	padding: 3px;
}
a:hover  {
	color:rgba(252,252,252,1.00);
	font-family:Times New Roman, serif;
	text-decoration:underline;
}
a:active  {
	color:green;
	font-family:Times New Roman, serif;
	text-decoration:underline;
	padding: 3px;
}
div.titel  {
	font-size:25px;
	margin-left:-3px;
	margin-top: 45px;
	margin-bottom:0px;
	height:128px;
	width:98%;
	padding-top:30px;
	padding-left:10px;
	padding-right:7px;
	color:rgba(49,71,86,0.89);
	background-image:linear-gradient(rgba(163,201,225,0.75), rgba(213,249,249,0.80));
	border:solid 2px rgba(102,136,152,1.00);
	text-align:center;
	-moz-border-radius: 6px;
	-webkit-border-radius: 6px;
	border-radius:6px;
	-moz-box-shadow: 2px 2px 6px #888;
	-webkit-box-shadow: 2px 2px 6px #888;
	box-shadow: 2px 2px 6px #888;
}
div.titelposition  {
	margin-top:-50px;
	margin-left:-10px;	
}
div.titelA {
	font-size:25px;
	margin-left:250px;
	margin-top: 8px;
	margin-bottom:4px;
	height:90px;
	width:540px;
	padding-top:-30px;
	padding-left:10px;
	color:rgba(2,10,41,1.00);
	background:linear-gradient(rgba(62,222,225,0.75), rgba(213,249,249,0.75));
	border:solid 2px rgba(0,0,0,1.00);
	-moz-border-radius: 6px;
	-webkit-border-radius: 6px;
	border-radius:6px;
	-moz-box-shadow: 2px 2px 6px #888;
	-webkit-box-shadow: 2px 2px 6px #888;
	box-shadow: 2px 2px 6px #888;
}
div.block {
	margin-left:-180px;
	margin-top:65px;
	height:970px;
	width:1000px;
	background:rgba(154,177,192,0.80);
	border: 1px solid rgba(102,136,152,1.00);
	padding:-10px;
	color:rgba(49,71,86,0.89);
	-moz-border-radius: 6px;
	-webkit-border-radius: 6px;
	border-radius:6px;
	-moz-box-shadow: 2px 2px 6px #888;
	-webkit-box-shadow: 2px 2px 6px #888;
	box-shadow: 2px 2px 6px #888;
}
div.reverenzentext  {
	margin-top:5px;
	margin-left:15px;
	margin-right:15px;
	margin-bottom:15px;
	padding-left: 15px;
	padding-right: 7px;
	padding-top: 0.2px;
	padding-bottom: 10;
	color:rgba(49,71,86,0.89);
	height: 130px;
	font-size:21px;
	background-image:linear-gradient(rgba(163,201,225,0.25), rgba(213,249,249,0.25));
	-moz-border-radius: 6px;
	-webkit-border-radius: 6px;
	border-radius:6px;
	-moz-box-shadow: 2px 2px 6px #888;
	-webkit-box-shadow: 2px 2px 6px #888;
	box-shadow: 2px 2px 6px #888;
}
div.Loginfeld  {
	z-index:1;
	margin-left:150px;
	margin-top:10px;
	height:150px;
	width:280px;
	background:rgba(169,169,169,1.00);
	border: 1px solid rgba(0,0,0,1.00);
	padding:10px;
	-moz-border-radius: 20px;
	-webkit-border-radius: 20px;
	border-radius:20px;
	-moz-box-shadow: 2px 2px 20px rgba(68,68,68,1.00);
	-webkit-box-shadow: 2px 2px 20px rgba(68,68,68,1.00);
	box-shadow: 2px 2px 20px rgba(68,68,68,1.00);
}
#LogoLogin  {
	border-right:rgba(120,120,120,1.00) 5px solid;
	border-bottom:rgba(120,120,120,1.00) 3px solid;
}
#administrationeinloggen {
	color:rgba(236,236,236,1.00);
	background:rgba(124,6,8,1.00);
	border: rgba(69,69,69,1.00) 2px solid;
	-moz-border-radius: 6px;
	-webkit-border-radius: 6px;
	border-radius:6px;
	font-size:16px;
}
div.titel1  {
	
	font-size:22px;
	margin-top:0px;
	margin-left:45px;
	color:rgba(49,71,86,0.89);
	background:linear-gradient(rgba(62,222,225,0.40), rgba(213,249,249,0.20));
	-moz-border-radius: 6px;
	-webkit-border-radius: 6px;
	border-radius:6px;
	-moz-box-shadow: 2px 2px 6px #888;
	-webkit-box-shadow: 2px 2px 6px #888;
	box-shadow: 2px 2px 6px #888;
}
/*########################################
Formatting of the images of the website in a block	
##########################################*/
div.bild1 {
	display:none;
}
div.bild {
	margin-top:0px;
	margin-left:40px;
	width:320px;
	height:210px;
	float:left;
	-moz-border-radius: 6px;
	-webkit-border-radius: 6px;
	border-radius:6px;
}
div.bild1K   {
	margin-top:10px;
	margin-left:40px;
	border:1px solid rgba(0,0,0,1.00);
	width:200px;
	height:180px;
	float:left;
	-moz-border-radius: 6px;
	-webkit-border-radius: 6px;
	border-radius:6px;
	-moz-box-shadow: 2px 2px 6px #888;
	-webkit-box-shadow: 2px 2px 6px #888;
	box-shadow: 2px 2px 6px #888;
}
div.bild1A {
	display:none;
}
div.bild1AV  {
	display:none;
}
div.bildA   {
	margin-top:65px;
	margin-left:40px;
	width:320px;
	height:210px;
	margin-bottom:0px;
	-moz-border-radius: 6px;
	-webkit-border-radius: 6px;
	border-radius:6px;
	-moz-box-shadow: 2px 2px 6px #888;
	-webkit-box-shadow: 2px 2px 6px #888;
	box-shadow: 2px 2px 6px #888;
}
#bildformatC  {
	-moz-border-radius: 6px;
	-webkit-border-radius: 6px;
	border-radius:6px;
}
div.bildAV   {
	margin-left:15px;
	height:400px;
	width:375px;
	background:rgba(0,0,0,1.00);
	-moz-border-radius: 6px;
	-webkit-border-radius: 6px;
	border-radius:6px;
	-moz-box-shadow: 2px 2px 6px #888;
	-webkit-box-shadow: 2px 2px 6px #888;
	box-shadow: 2px 2px 6px #888;
}
#bg1  {
	height:400px;
	width:360px;
	-moz-border-radius: 6px;
	-webkit-border-radius: 6px;
	border-radius:6px;
	-moz-box-shadow: 2px 2px 6px #888;
	-webkit-box-shadow: 2px 2px 6px #888;
	box-shadow: 2px 2px 6px #888;
}
	
div.rahmenA  {
	margin-left:40px;
}
div.bild1B {
	display:none;
}
div.bild1BV  {
	display:none;
}
div.bildB   {
	margin-top:20px;
	margin-left:40px;
	width:320px;
	height:210px;
	-moz-border-radius: 6px;
	-webkit-border-radius: 6px;
	border-radius:6px;
	-moz-box-shadow: 2px 2px 6px #888;
	-webkit-box-shadow: 2px 2px 6px #888;
	box-shadow: 2px 2px 6px #888;
}
div.bildBV   {
	margin-top:15px;
	margin-left:15px;
	height:400px;
	width:375px;
	background:rgba(0,0,0,1.00);
	-moz-border-radius: 6px;
	-webkit-border-radius: 6px;
	border-radius:6px;
	-moz-box-shadow: 2px 2px 6px #888;
	-webkit-box-shadow: 2px 2px 6px #888;
	box-shadow: 2px 2px 6px #888;
}
#bg2  {
	height:400px;
	width:360px;
	-moz-border-radius: 6px;
	-webkit-border-radius: 6px;
	border-radius:6px;
	-moz-box-shadow: 2px 2px 6px #888;
	-webkit-box-shadow: 2px 2px 6px #888;
	box-shadow: 2px 2px 6px #888;
}
div.rahmenB   {
	margin-left:40px;
}
div.bild1R {
	display:none;
}

div.bildR   {
	margin-top:15px;
	margin-bottom:35px;
	margin-left:40px;
	border:1px solid rgba(0,0,0,1.00);
	width:190px;
	height:120px;
	background:rgba(124,124,124,0.79); 
	float:left;
	-moz-border-radius: 6px;
	-webkit-border-radius: 6px;
	border-radius:6px;
	-moz-box-shadow: 2px 2px 6px #888;
	-webkit-box-shadow: 2px 2px 6px #888;
	box-shadow: 2px 2px 6px #888;
}
#bild1R  {
	-moz-border-radius: 6px;
	-webkit-border-radius: 6px;
	border-radius:6px;
}
div.Mail    {
	margin-top:120px;
	margin-left:120px;
	height:280px;
	width:500px;
	padding-left:50px;
	padding-top:20px;
	background:rgba(209,221,239,1.00);
	-moz-border-radius: 6px;
	-webkit-border-radius: 6px;
	border-radius:6px;
	-moz-box-shadow: 2px 2px 6px #888;
	-webkit-box-shadow: 2px 2px 6px #888;
	box-shadow: 2px 2px 6px #888;
}
/* #####################################
Settings for the various text blocks	
########################################*/
div.text   {
	margin-top:-20px;
	margin-left:400px;
	padding-left:20px;
	padding-right:6px;
	padding-top: 0.5px;
	padding-bottom:10px; 
	width:40%;
	height:240px;
	font-size:21px;
	background-image:linear-gradient(rgba(163,201,225,0.25), rgba(213,249,249,0.25));
	-moz-border-radius: 6px;
	-webkit-border-radius: 6px;
	border-radius:6px;
	-moz-box-shadow: 2px 2px 6px #888;
	-webkit-box-shadow: 2px 2px 6px #888;
	box-shadow: 2px 2px 6px #888;
}
div.text1S   {
}
div.textRG  {
	margin-left:85px;
	margin-top:-50px;
	margin-bottom:15;
	padding-left:6px;
	padding-right:6px;
	width:85%;
	font-size:18px;
	color:rgba(49,71,86,0.89);
	background-image:linear-gradient(rgba(163,201,225,0.25), rgba(213,249,249,0.25));
	font-family:Montserrat, serif;
	-moz-border-radius: 6px;
	-webkit-border-radius: 6px;
	border-radius:6px;
	-moz-box-shadow: 2px 2px 6px #888;
	-webkit-box-shadow: 2px 2px 6px #888;
	box-shadow: 2px 2px 6px #888;
}
div.textD   {
	position:absolute;
	margin-left:420px;
	margin-top:-560px;
	padding-top:-15;
	padding-right:10px;
	padding-left:6px;
	height:550px;
	width:43%;
	background-image:linear-gradient(rgba(163,201,225,0.25), rgba(213,249,249,0.25));
	font-size:21px;
	-moz-border-radius: 6px;
	-webkit-border-radius: 6px;
	border-radius:6px;
	-moz-box-shadow: 2px 2px 6px #888;
	-webkit-box-shadow: 2px 2px 6px #888;
	box-shadow: 2px 2px 6px #888;
}
div.textD1  {
	position:absolute;
	margin-left:420px;
	margin-top:-770px;
	padding-top:-15;
	padding-right:10px;
	padding-left:6px;
	height:680px;
	width:43%;
	background-image:linear-gradient(rgba(163,201,225,0.25), rgba(213,249,249,0.25));
	font-size:21px;
	-moz-border-radius: 6px;
	-webkit-border-radius: 6px;
	border-radius:6px;
	-moz-box-shadow: 2px 2px 6px #888;
	-webkit-box-shadow: 2px 2px 6px #888;
	box-shadow: 2px 2px 6px #888;
}
div.Formular  {
	margin-top:30px;
}
div.FormularA  {
	margin-top:30px;
}
div.Formular1  {
	display:none;
}
div.texta    {
	height:60px;
	width:60.3%;
	position:absolute;
	margin-top:0px;
	padding-left: 10px;
	background:rgba(209,221,239,1.00);
	border-bottom:2px solid rgba(102,136,152,1.00);
	-moz-border-radius: 6px;
	-webkit-border-radius: 6px;
	border-radius:6px;
	-moz-box-shadow: 2px 2px 6px #888;
	-webkit-box-shadow: 2px 2px 6px #888;
	box-shadow: 2px 2px 6px #888;
}
div.text1   {
	margin-left:20px;
	margin-top:0px;
	padding-top: 6px;
	padding-left:20px;
	padding-right:20px;
	padding-bottom: 10px;
	height:480px;
	width:93%;
	font-size:21px;
	color:rgba(49,71,86,0.89);
	background-image:linear-gradient(rgba(163,201,225,0.25), rgba(213,249,249,0.25));
	-moz-border-radius: 6px;
	-webkit-border-radius: 6px;
	border-radius:6px;
	-moz-box-shadow: 2px 2px 6px #888;
	-webkit-box-shadow: 2px 2px 6px #888;
	box-shadow: 2px 2px 6px #888;
}
div.text2   {
	margin-left:20px;
	margin-top:30px;
	padding-left:6px;
	padding-right:6px;
	height:400px;
	width:93%;
	font-size:18px;
	color:rgba(49,71,86,0.89);
	background-image:linear-gradient(rgba(163,201,225,0.25), rgba(213,249,249,0.25));
	-moz-border-radius: 6px;
	-webkit-border-radius: 6px;
	border-radius:6px;
	-moz-box-shadow: 2px 2px 6px #888;
	-webkit-box-shadow: 2px 2px 6px #888;
	box-shadow: 2px 2px 6px #888;
}
div.text3   {
	display:none;
}
div.textp {
	margin-top:-20px;
}
div.preis  {
}
div.preis1  {
	display:none;
}
/*#########################################
Desing of the footer	
###########################################*/
div.fuss  {
	margin-left:-255px;
	margin-top: 130px;
	height:100px;
	width:150.5%;
	border: 3px solid rgba(102,136,152,1.00);
	-moz-border-radius: 15px;
	-webkit-border-radius: 15px;
	border-radius:15px;
    padding-top:10px;
	background:rgba(154,177,192,1.00);
	font-size:25px;
	color:rgba(49,71,86,0.93);
}
div.fuss1  {
	display:none;
}
div.icobilder  {
	height:60px;
	width:50px;
	border:solid 1px rgba(137,137,137,1.00);
	float:left;
	text-align:center;
	 
 }
/*#########################################  
Desing of the loging page for administration	
##########################################*/
#TextAnmeldenUser {
	margin-top:10px;
	width:300px;
	height:130px;
	background-color:rgba(243,80,135,1.00);
	border:rgba(84,84,84,1.00) 2px solid;
	-moz-border-radius: 15px;
	-webkit-border-radius: 15px;
	border-radius:15px;
    padding-top:10px;
	background:rgba(154,177,192,1.00);
	font-size:15px;
	color:rgba(49,71,86,0.93);
	padding:10px;
	opacity: 0;
 }
 #TextAnmeldenPasswort {
	margin-top:-155px;
	width:300px;
	height:130px;
	background-color:rgba(243,80,135,1.00);
	border:rgba(84,84,84,1.00) 2px solid;
	-moz-border-radius: 15px;
	-webkit-border-radius: 15px;
	border-radius:15px;
    padding-top:10px;
	background:rgba(154,177,192,1.00);
	font-size:15px;
	color:rgba(49,71,86,0.93);
	padding:10px;
	opacity: 0;
 }
 #TextAnmeldenStart {
	margin-top:-155px;
	width:300px;
	height:130px;
	background-color:rgba(243,80,135,1.00);
	border:rgba(84,84,84,1.00) 2px solid;
	-moz-border-radius: 15px;
	-webkit-border-radius: 15px;
	border-radius:15px;
    padding-top:10px;
	background:rgba(154,177,192,1.00);
	font-size:15px;
	color:rgba(49,71,86,0.93);
	padding:10px;
	opacity: 0;
 }
 #TextAnmeldenUnkorekt {
	margin-top:50px;
	width:300px;
	height:150px;
	background-color:rgba(243,80,135,1.00);
	border:rgba(84,84,84,1.00) 2px solid;
	-moz-border-radius: 15px;
	-webkit-border-radius: 15px;
	border-radius:15px;
    padding-top:10px;
	background:rgba(154,177,192,1.00);
    font-size:15px;
	color:rgba(49,71,86,0.93);
	padding:10px;
	opacity: 0;
 }
}
/*############################################################################################################################################################################################################################################################################################################################################################################ */
@media screen and (max-width: 10000px) {
/*#############################################################
The pctures is made movable when it is touched with the mouse.
###############################################################*/
#bildformatC  {
	border-style: solid;
	border-color:rgba(0,0,0,1.00);
	border-width: 1px;
	background: #585858;
	margin-left: 0px;
	margin-top: -10px;
}

/*#############################################################
The elements that change when you touch the mouse are specified.
###############################################################*/
#bildformatC
{ float:left;
transition-timing-function: cubic-bezier(0.7,0.1,0.8,0.2);
transition-property: height, width, margin-top, margin-left, border-style, border-color, border-spacing;
transition-duration: 1s }

/*#############################################################
Now the new dimensions and colors are indicated by touching the 
pictures with the mouse.
############################################################## */
#bildformatC:hover {
	margin-left: -20px;
	margin-top: -35px;
	height: 220px;
	width: 350px;
	border-color:#040B7C;
	border-width: 1px;
}

/*############################################################
The pictures is made movable when it is touched with the mouse.
##############################################################*/
#bild1R  {
	border-style: solid;
	border-color:rgba(0,0,0,1.00);
	border-width: 1px;
	background: #585858;
	margin-left: -0px;
	margin-top: 0px;
}
/*#############################################################
The elements that change when you touch the mouse are specified
##############################################################*/
#bild1R
{ float:left;
transition-timing-function: cubic-bezier(0.7,0.1,0.8,0.2);
transition-property: height, width, margin-top, margin-left, border-style, border-color, border-spacing;
transition-duration: 1s }
/*#########################################################
Now the new dimensions and colors are indicated by touching
the pictures with the mouse.
##########################################################*/
#bild1R:hover {

	margin-left: -20px;
	margin-top: -40px;
	height: 145px;
	width: 220px;
	border-color:#040B7C;
	border-width: 1px;
}
}