HTML, BODY { font-family : Arial; font-size: 14px; }

/* ------------------------------------------------------------------------------------------------------------------- */
html, body {
 padding: 0px;
 margin: 0px;
 scroll:auto;
 }

body { 
color: #000; 
background: url('../img/8.jpg') no-repeat fixed center;
background-size: cover;
 -moz-background-size: cover;
 -ms-background-size: cover;
 -o-background-size: cover;
 -webkit-background-size: cover;
 -khtml-background-size: cover
 
}


a:focus {outline: 0;}

#site div.header {height: auto; clear:both; overflow:hidden;}
#site #kalenderbutton {display: block;}
#site {padding: 10px;}
#bg {z-index: -999;position:fixed; top:0; left:0; min-width:100%;min-height:100%;}
body {background: transparent;}
body #site {background: transparent;}
#site h1  {font-size: 40px;color: #fff;font-family: Arial;text-decoration: none;}
#site h2  {font-size: 20px;color: #fff;font-family: Arial;text-decoration: none;}
.header {text-align: center;}
.back {float: left;color: #eee;font-size: 16px;}
#site .title {width: auto;float: none;}
.facts, .arrow-bottom-large, .nodonation
{ display: none; }
.trans {
  /* IE 8 */
  a-ms-filter: "progid:DXImageTransform.Microsoft.Alpha(Opacity=85)";
  /* IE 5-7 */
  afilter: alpha(opacity=85);
  /* Netscape */
  -moz-opacity: 0.85;
  /* Safari 1.x */
  -khtml-opacity: 0.85;
  /* Good browsers */
  opacity: 0.85;
}
.trans2 {
  /* IE 8 */
  a-ms-filter: "progid:DXImageTransform.Microsoft.Alpha(Opacity=95)";
  /* IE 5-7 */
  afilter: alpha(opacity=95);
  /* Netscape */
  -moz-opacity: 0.95;
  /* Safari 1.x */
  -khtml-opacity: 0.95;
  /* Good browsers */
  opacity: 0.95;
}
.glow {
-webkit-box-shadow:0 0 15px #fff; 
-moz-box-shadow: 0 0 15px #fff; 
box-shadow:0 0 15px #fff; 
}
.today {
 border-width: 1px;
 border-style: solid; 
 border-color: #fff;
-webkit-box-shadow:0 0 25px #fff; 
-moz-box-shadow: 0 0 25px #fff; 
box-shadow:0 0 25px #fff; 
}
#site .cal.today h1 {  color: #fff;  font-size: 50px;}
.cal {
 display: block;
 height: 120px;
 width: 120px;
 margin: 5px;
 line-height: 120px;
 font-weight: bold;
 font-size: 40px;
 text-align: center;
 float: left;
 font-family: arial; 
 text-decoration: none;
 color: #fb080e;
 z-index: 100;
 border-width: 1px;
 border-style: solid; 
 border-color: #eee;
}
.c1 {
 height: 110px;
 width: 110px;
 line-height: 108px;
 margin: 10px;
}
.c2 {
 height: 100px;
 width: 100px;
 line-height: 98px;
 margin: 15px;
}
.c3 {
 height: 80px;
 width: 80px;
 line-height: 78px;
 margin: 25px;
}
#site .cal h1 {
 font-size: 40px;
 color: #fff;
 font-weight: bolder;
}
#site .cal:hover {
-webkit-box-shadow:0 0 45px #fff; 
-moz-box-shadow: 0 0 45px #fff; 
box-shadow:0 0 45px #fff; 
color: #fff;
}
#site .cal:hover h1 {  color: #fff;}
#poweredby { display: none;}
#aj_feedback_form {display:none;}
.door a { text-decoration: none;}

#site {
max-width: 100%;
height:auto;
overflow:hidden;
border:0px solid #fff;
}
#site1 {
max-width: 800px;
height: auto;
overflow:hidden;
margin:20px auto;
border:0px solid #fff;
padding-bottom:100px;
}

#nochnicht {
position: absolute;
width: 600px;
background: #fff;
border: 5px solid #fff;
border-radius: 15px;
font-size: 20px;
color: #666;
padding: 10px;
top: 200px;
z-index: 200;
left: 50%;
margin-left:-300px;
display: none;
cursor: pointer;
}
#nochnicht h1{
color: #666;
font-size: 20px;
}
#hidenn {
position: fixed;
top: 0px;
left: 0px;
z-index: 300;
width: 100%;
height: 100%;
display: none;
}
#kalenderbutton {
position: fixed;
top: 0px;
right: 0px;
display:none;
}
.back  {display: none;}
#site h3.cta {
font-size: 24px; 
color: #fff
}


@media (max-width: 1050px) {
#site {
max-width: 100%;
height: 100%;
}
#site1 {
max-width: 800px;
margin:50px auto;
border:0px solid #009999;
color: #e3001b;
}
h1  {
font-size: 40px;
color: #fff;
font-family: Arial;
text-decoration: none;
}
.trans  {
font-size: 40px;
color: #e3001b;
font-family: Arial;
text-decoration: none;
}
.door a {
 text-decoration: none;
font-size: 20px;
}
.c3 {
 height: 70px;
 width: 70px;
 line-height: 68px;
 margin: 10px;
}



@media (max-width: 450px) {
#site {
max-width: 100%;
height: 100%;
}
#site1 {
max-width: 780px;
margin:50px auto;
border:0px solid #009999;
color: #e3001b;
}
h1  {
font-size: 40px;
color: #fff;
font-family: Arial;
text-decoration: none;
}
.trans  {
font-size: 40px;
color: #e3001b;
font-family: Arial;
text-decoration: none;
}
.door a {
 text-decoration: none;
font-size: 20px;
}
.c3 {
 height: 72px;
 width: 72px;
 line-height: 70px;
 margin: 8px;
}

}