


body{background:url(hg/bg_amp_ohne.jpg) top center;
 background-size:100%; 
 background-color:#491718;
	font-family:verdana;	
	height:100%;
	color:#152432;
	/*color:#696969;*/
font-size:0.8em;
min-width:1300px;

		/*font-family: 'Smudger LET Plain:1.0', arial;
        font-size: 48px;
        text-shadow: 4px 4px 4px #aaa;*/


	}
#wrapper{
			/*zentriert*/
			width:1600px;
			margin:0 auto;
			z-index:1;	
			border-right:2px solid #E4D7D7;

	
}	



#info{position:fixed;
	
	top:32%;
	right:8%;
	/*border:0px solid #ffea00;
	height:275%;
	width:208px;*/
	padding:30px;
	/*background-color:#ffea00;*/
	background-image:url(hg/info.png);width:190px;height:200px;
		font-family: 'Smudger LET Plain:1.0', arial;
        font-size: 1.5em;
        /*text-shadow: 4px 4px 4px #aaa;*/

	}
	
#info2{position:fixed;
	
	top:150px;
	left:250px;
	/*border:0px solid #ffea00;
	height:275%;
	width:208px;*/
	padding:20px;

	
		font-family: 'Smudger LET Plain:1.0', arial;
        font-size: 1.5em;text-align: center;
        /*text-shadow: 4px 4px 4px #aaa;*/

	}
	#info2 a{text-decoration:none;text-align: center;font-family: 'Smudger LET Plain:1.0',arial;margin:0.5em,0;padding:1px;font-size: 1.0em;}
#info2 a:hover{color:#8F0305 ;}
#logo{position:fixed; 
	               
	top:10px;
	left:1345px;
	
}
	
	

#logo1{position:fixed;
	
	top:50px;
	left:1300px;}

#logo2{position:fixed;
	
	top:820px;
	left:-10px;
	/*border:0px solid #ffea00;
	height:275%;
	width:208px;*/
	padding:40px;
	/*background-color:#ffea00;*/
	background-image:url(hg/logo.png);width:170px;height:50px;}

#home{position:fixed;
	
	top:-15px;
	left:45px;
	
	height:auto;
	width:100px;
	padding:40px;
border:0px solid #fff;
}

#home img{
	
	
	
	height:40px;
	width:auto;
	padding:5px;}
	
	
	
	

#info p{font-size:1.3em;color:#030303;
text-align:center;
margin-left:10px;
margin-top: -10px;
}
#info a{font-size:1em;
margin-left:10px;
text-decoration:none;
color:#8F0305;
}
#logo a{font-size:1em;
	position: absolute;
	top:-10px;
	left:-10px;
margin-left:0px;
padding: 10px;
text-decoration:none;
color:#5DB7E6;
}



a{color:#91BCE2;text-decoration:none;
	/*text-shadow:2px 2px 5px black;*/}

ul{list-style:none;}
h1{color:#ffffff;font-size:1.0em;
margin-left:40px;}	 	
h2, h3{font-size:1.2em;
margin-left:20px;}
h5{color:rgba(245,241,233,0.2);
	font-family: 'Smudger LET Plain:1.0', arial;
        font-size:5em;
        margin:1px;}
p{color:#ffffff;
}	


	

/*header{background:rgba(245,241,233,0.7);
	width:1600px;
	height:50px;
	margin-bottom:100px;
	padding-top:10px; 
	padding-left:0px;


}*/
#nav{
width:1300px;
min-width:1100px;
height:85px;
content:" ";
position:fixed;

top:0px;
left:0px;
	
	/*background:rgba(245,241,233,0.7);*/
	background:rgba(245,241,233,0.3);
	

	width:150%;
	height:90px;
	margin-top:0px;
	padding-top:10px;
	text-decoration:none;
}

#nav a{color:#fff;
	text-decoration:none;
	font-family: 'Smudger LET Plain:1.0', arial;
        font-size: 1.6em;
	
	/*font-size:1.2em;*/
/*margin:80px;*/
margin:1px;
padding:45px;
margin-top:10px;




text-align:center;

}


#nav ul{	display:table;
		list-style:none;
		width:100%;
	
		margin-left:200px;
		margin-top:-20px;
		padding:1px;



}




#nav li{float:left;
		
	background-image:url(hg/of_1.png);background-repeat: no-repeat;/*width:120px;height:100px;*/
	
		width:50px;
		height:80px;
		padding:1px;
		margin:30px;
}
#nav li+li+li+li+li+li+li+li+li+li{background-image:url(hg/nav6.png);background-repeat: no-repeat;
	width:110px;height:100px;transition:all ease-in-out 0.8s;
	}

#nav li+li+li+li+li+li+li+li{opacity: 0;
	}
	#nav li+li+li+li+li+li+li+li+li+li{opacity: 1;
	}
#nav li+li+li+li+li+li+li+li+li+li a{opacity: 0;
	}
#nav li+li+li+li+li+li+li+li+li+li a:hover{opacity: 1;
	}


#nav li:hover{background-image:url(hg/on_1.png);width:50px;height:80px;}
#nav li+li+li+li+li+li+li+li+li+li:hover{background-image:url(foto/grace_live.gif);
	width:350px;height:220px;transition:all ease-in-out 0.8s;
	border:5px solid #071A2E;border-radius: 50px;}







	


#nav a:hover{color:#8F0305;

transition: all .3s;
transition:all ease-in-out 0.3s;

}
#footer a{text-decoration:none;}
#footer a:hover{color:#FA0B07;transition:all ease-in-out 0.3s;}
#spalte1 a:hover{color:#8F0305;transition:all ease-in-out 0.3s;}


#spalte1{
	float:left;
	
	background:rgba(245,241,233,0.0);

width:20%;
height:auto;

margin:150px 20px 0 40px;
min-width:15%;
max-width:40%;
padding:10px;
/*box-shadow:2px 2px 5px gray;*/
border:0px solid #DCD6FF;


}
#spalte1 li img:hover{transition:all ease-in-out 1.8s;}
#spalte1 li{margin:25px 40px 25px 0;}
#spalte1 h1{margin-left:50px;}	
#spalte1 li img{text-align:center;
margin: 0 auto;
display:block;

}
#spalte1 h1{margin-right:10px;
padding:5px;}	

#spalte1 figure{margin:1px;
padding:7px;
background:#211E1F;
border:0px solid #071A2E;border-radius:30px;
}/*rgba(0,0,0,0.9)*/

#spalte1 figcaption{font-size:1.3em;color:#E9EAE2;text-align: center;
					font-family: 'Smudger LET Plain:1.0', arial;margin:0.5em,0;padding:1px;}




#spalte2{
	float:right;
	
	background:rgba(245,241,233,0.5);

width:75%;
max-width:1000px;
height:auto;
min-height:620px;

margin-top:7%;
margin-right:3%;
padding:30px;
/*box-shadow:2px 2px 5px gray;
-webkit-box-shadow:2px 2px 5px gray;		
-moz-box-shadow:2px 2px 5px gray;                150px  50px*/	
border:0px solid #DCD6FF;



}

#spalte2a{
	float:right;
	
	

width:45%;
max-width:600px;
height:auto;


margin-top:120px;
margin-right:50px;
padding:30px;
/*box-shadow:2px 2px 5px gray;
-webkit-box-shadow:2px 2px 5px gray;		
-moz-box-shadow:2px 2px 5px gray;*/	
border:0px solid #fff;



}


#spalte2 p{text-align:left;margin-left:40px;margin-right:20px;}

#spalte2 strong{color:#63060F;}


#spalte2 ul{list-style:none;}
#spalte2 li{float:left;
list-style:none;
margin:10px;}
#spalte2 img{border:5px solid #fff; padding: 1px; margin: 2em;}


#spalte2 iframe{border:5px solid #fff; padding: 1px; margin: 2em;}
#spalte2 a{color:#031624;}

#spalte2 a:hover{color:#8F0305;}

#spalte2 button{background:#D9E7C1;
width:120px;
height:35px;
border:2px solid #DCD6FF;
border-right:1px solid #FA0B07;
border-bottom:1px solid gray;
color:#696969;
box-shadow:2px 2px 5px gray;
margin:10px 0 0 150px;
}
#spalte2 button:hover{color:#FA0B07;
border-bottom:1px solid #FA0B07;transition:all ease-in-out 0.3s;}

#spalte2 label,input{width:12em;display:block;}
#spalte2 input~label{margin-top:1em;}
#spalte2 datalist{display:none;}
#spalte2 input:hover{box-shadow:0 0 3px #d7d7d7;}
#spalte2 input:focus{box-shadow:inset 0 0 2x #ccc, 5px 5px 3px #666;}
#spalte2[type="submit"]:active{background:#D9E7C1;}
#spalte2 input:-moz-input-placeholder{color:#FA0B07;}
#spalte2 input::-moz-placeholder{color:#FA0B07;}
#spalte2 input:placeholder{color:#FA0B07;}

#spalte2 input:focus:valid{border:2px solid #D9E7C1;}
#spalte2 input:optional{background:#D9E7C1;}
#spalte2 input+p{display:none;}
#spalte2 input:focus:required +p{display:block;
position:absolute;

margin-left:12em;
margin-top:-2.6em;
background:orange;
padding:0.7em;
border-radius:5px;
box-shadow:2px 2px 3px #000;
}

#spalte2 input:focus:required + p:before{
content:"";
border-bottom:12px solid red;
border-left:12px solid transparent;
position:absolute;
left:-12px;
bottom:10px;
}
#spalte2 figcaption{font-size:1.3em;color:#E9EAE2;width:30%; text-align: right;
					font-family: 'Smudger LET Plain:1.0', arial;margin:1.5em,1em;padding:1px;

				}


#impressum{float:left;
width:100%;
height:auto;
font-size:0.8em;
margin:20px 10px 20px 10px;}

#footer a:hover{border-bottom-color:#FA0B07;transition:all ease-in-out 0.3s;}


#footer{clear:both;}
#footer{float:left;
background:rgba(245,241,233,0);
width:92%;
height:70px;

background-image:url(hg/ir_logo.png);background-repeat: no-repeat;background-position: center;

/*box-shadow:2px 2px 5px gray;*/
border:0px solid #DCD6FF;
border-bottom:0px solid #5e94cb;
padding: 1px;
margin:40px 0 25px 30spx;
text-align:center;
color: #ffffff;

}


/*#footer p:hover{background-color:#d7d7d7;transition:all ease-in-out 0.8s;}*/

/* Claeren */
/*#container:after{
content:"";
display:table;
clear:both;
}*/

/*background:url(../bn_hg/hg_gr.jpg) no-repeat fixed center;background-size:cover;*/


#footer_2{
width:1300px;
min-width:1100px;
height:80px;
content:" ";
position:fixed;
bottom:0;
/*top:820px;*/
left:0px;
	
	/*background:rgba(245,241,233,0.7);*/
	background:rgba(245,241,233,0.3);
	

	width:150%;
	height:60px;
	margin-top:0px;
	padding-top:50px;
	text-decoration:none;
}




/*#footer_2 a:hover{color:#76B1E0;

transition: all .1s;
transition:all ease-in-out 0.5s;
text-decoration: none;
padding:50px;
margin: 10px
}*/

#footer_2 ul{display:table;
		list-style:none;
		width:100%;
	
		margin-left:100px;
		margin-top:50px;
		padding:1px;}

#footer_2 li a{background-image:url(hg/kontakt_g.png);background-repeat: no-repeat;
	

	border:0px solid #ffea00;
	
	padding:80px;
	padding-top:64px;
	margin-left:1050px;}

	
#footer_2 li a{opacity: 1;color:#76B1E0;
	}
#footer_2 li a:hover{opacity: 1;
	}

#footer_2 li a:hover{background-image:url(hg/kontakt_g_on.png);
	
	border:0px solid #ffea00;
	
	padding:80px;
	padding-top:64px;
}

#footer_2 li+li a{background-image:url(hg/gaesteb_g_off.png);background-repeat: no-repeat;
	
	border:0px solid #ffea00;
		
	padding:80px;
	margin: 10px;
	margin-left:1250px;}

#footer_2 li+li a:hover{background-image:url(hg/gaesteb_g_on.png);
	
	border:0px solid #ffea00;
	padding:80px;}

#footer_2 a:hover{transition: all .8s;
transition:all ease-in-out 0.8s;}


