body{
  font: 16px/170% Verdana, sans-serif;
  font-family: Verdana, Arial, Helvetica, sans-serif;
	/*background-image: url(images/back7.jpg);*/
	background-position: 0% 50%;
	-webkit-animation: mymove 220s infinite alternate-reverse linear; /* Chrome, Safari, Opera */
	animation: mymove 220s infinite alternate-reverse linear;
	/*background-position: top;*/
	background-repeat: no-repeat;
	background-attachment:fixed;
	background-color:#333;
	padding: 0px;
	margin: 0px;
	font: bold 1em sans-serif;
	text-decoration: none;
}

/* Chrome, Safari, Opera */
@-webkit-keyframes mymove {
    0% {background-position: 100%;}
}

/* Standard syntax */
@keyframes mymove {
    0% {background-position: 100%;}
}

.fullscreen-bg {
  position: fixed;
  top: 0;
  right: 0;
  bottom: 0;
  left: 0;
  overflow: hidden;
  z-index: -100;
}

.fullscreen-bg__video {
  position: absolute;
  top: 0;
  left: 0;
  width: 100%;
  height: 100%;
}

@media (min-aspect-ratio: 16/9) {
  .fullscreen-bg__video {
    height: 300%;
    top: -100%;
  }
}

@media (max-aspect-ratio: 16/9) {
  .fullscreen-bg__video {
    width: 300%;
    left: -100%;
  }
}

@media (max-width: 767px) {
  .fullscreen-bg {
    background: url('../img/videoframe.jpg') center center / cover no-repeat;
  }

  .fullscreen-bg__video {
    display: none;
  }
}


a{
	color:#00F;
	margin:0;
	padding:0;
}

a:hover
{
	color:#000;
}

h1
{
	color:#FFF;
	font-size: 220%;
	text-decoration:none;
	text-align:center;
	margin:2px 0;
	padding:2px;
}

h2
{
	background: rgba(255, 255, 255, 0.7);
	color:#000;
	font-size: 150%;
	font-weight:bold;
	text-decoration:none;
	text-align:center;
	border:0 solid #000;
	margin:0px;
	margin-bottom:1px;
	padding:4px;
}

h3
{
	color:#000;
	background: rgba(255, 255, 255, 0.7);
	text-align:center;
	margin:0;
	padding:0;
}

h4
{
	color:#000;
	background: rgba(255, 255, 255, 0.7);
	text-align:center;
	vertical-align:middle;
	margin:0;
	padding:2px;
}

table
{
	border:0;
	margin:0;
	padding:0;
	border-spacing:0px;
}

input{
	color:#000;
	background-color:#CCC;
	border:1px solid #000;
	margin:0 0 0 1em;
	padding:2px;
	font-size:60%;
}

input:hover{
	background: rgba(0, 0, 0, 0.7);
	color:#FFF;
}

.nav
{
	border:0 solid #000;
	width:150px;
	margin:0;
	padding:0;
}

.aussen
{
	border:1px solid #000;
	background-color:#FFF;
	text-align:center;
	margin:0 0 0px;
}

.aussen_s
{
	border:1px solid red;
	background-color:#FFF;
	text-align:center;
	margin:2px 1px 1px;
}

.aussen a
{
	background: rgba(255, 255, 255, 0.7);
	color:#000;
	font-size: 110%;
	font-weight:bold;
	text-decoration:none;
	display:block;
	margin:1px 1px 0;
	padding:4px;
}

.aussen a:hover
{
	background: rgba(0, 0, 0, 0.7);
	color:#fff;
}

.aussen_s a 
{
	background-color:#FFF;
	color:#000;
	font-size: 110%;
	font-weight:bold;
	text-decoration:none;
	display:block;
	margin:1px 1px 0;
	padding:4px;
}

#aussenhover{
	background: rgba(0, 0, 0, 0.7);
	color:#000;
	font-size: 110%;
	font-weight:bold;
	text-decoration:none;
	display:block;
	margin:1px 1px 0;
	padding:4px;
}

.contentbox
{
	font-size: 100%;
	font-weight:bold;
	text-decoration:none;
	border:1px solid #000;
	background: rgba(0, 0, 0, 0.7);
	color:#FFF;
	margin:0;
	padding:0px;
}

.top
{
	text-shadow: 2px 2px #000000;
	background: rgba(0, 0, 0, 0.7);
	border:1px solid #000;
	margin:0;
	padding:0;
}

#verytop{
}

.userman
{
	font-size: 120%;
	font-weight:bold;
	text-decoration:none;
	color:#FFF;
}

.albumvorschau, .picture
{
	width:250px;
	border:1px solid #000;
	margin:0px;
	padding:0px;
}
.albumvorschauedit
{
	background: rgba(255, 255, 255, 0.7);
}

.newalbumcreate
{
	border:1px solid #000;
	margin:2px;
	padding:0;
}

ul,li
{
	text-decoration:none;
	margin:0 0 0 1em;
	padding:0;
}

tr,td,form
{
	margin:0;
	padding:0;
}

th {
	color:black;
	background-color: #fff;
	font-size: 130%
}

#calendar th {
	text-shadow: 1px 1px 2px white, 1px 1px 2px white, 1px 1px 2px white;
	font-size: 130%
}

.submit,.albumvorschau input,.picture input,.newalbumcreate input
{
	font-size: 120%;
	font-weight:bold;
	text-decoration:none;
	border:1px solid #000;
	background: rgba(255, 255, 255, 0.7);
	color:#000;
	margin:0;
	padding:2px;
}

.submit:hover
{
	background: rgba(0, 0, 0, 0.7);
	color:#FFF;
}

#calendar td{
  padding-top:1px;
  padding-left:1px;
  padding-bottom:1px;
  height: 30px;
}

.wochentag{
	height: 30px;
	background-color: #faa;
	border-left: 1px solid white;
	border-bottom: 0px solid white;
	color: #000;
}

.wochentag2{
	background-repeat:no-repeat;
	background-attachment:fixed;
  height: 30px;
	background-color: #faa;
  border-left: 1px solid white;
  border-bottom: 1px solid black;
  color: #000;
}

.kw{
	color: #000;
	height: 60px;
}

.weekdays{
	background-color: #bbf;	
	border-left: 1px solid white;
	border-top: 1px solid white;
	border-bottom: 1px solid white;
	color: #000;
}

.weekdays:hover{
	background-image:none;
	background-color: #ddf;
}

.notweekdays{
	background-color: #aaa;
	background-image:url("images/backgradientdark.jpg");
	background-repeat:repeat-x;
  border-top: 1px solid white;
  border-left: 1px solid white;
  border-bottom: 1px solid white;
  color: #000;
  height: 60px;
}

.notweekdays:hover{
	background-image:none;
	background-color: #ccc;
}

.today{
  border: 2px solid red;
}

.today:hover{
  border: 2px solid red;
}

.noone{
	background-color: #fff;
	padding: 0px;
	margin: 0px;
	font: bold 1em sans-serif;
	text-decoration: none;
  border: 1px solid white;
}

.noone2{
	background-color: #fff;
	padding: 0px;
	margin: 0px;
	font: bold 1em sans-serif;
	text-decoration: none;
	border: 1px solid white;
	border-bottom: 1px solid black;
}

#calendar td{
	/*background-color:#fff;*/
}

.calendartr{
	background-color:#faa;
	border-top: 4px solid #faa;
	border-bottom: 4px solid #faa;
}

.calendar_button{
	font-size: 100%;
	width: 100px;
	margin:0px;
	padding:0px;
}

.aktuellermonat{
  display: inline;
	font-size: 100%;
	width: 500px;
}

.kalenderhead{
	background-image:none;
	vertical-align:middle;
	background-color:white;
}

#info{
	position:fixed;
	top: -50px;
	width: 90%;
	margin: 5%;
	background-image:none;
	vertical-align:middle;
	background-color:white;
	border: 1px solid black;
	color:black;
	padding: 10px;
}

/*#info{
	background-image:none;
	vertical-align:middle;
	background-color:white;
	border: 1px solid black;
	color:black;
	padding: 10px;
}*/

#info h2{
	background-image:none;
	vertical-align:middle;
	background-color:white;
}

.kommentar{
	background-color: #ccc;
}

.zimmer{
	text-align:center;
	color:#00f;
	background-color:#ccc;
	border-bottom:1px solid white;
	border-left:1px solid white;
	text-decoration:none;
}

.zimmer2{
	text-align:center;
	color:#00f;
	background-color:#ccc;
	border-bottom:1px solid black;
	border-left:1px solid white;
	text-decoration:none;
}

.zimmer:hover{
	color:#000;
	background-color:#eee;
}

.zimmer_belegt{
	text-align:center;
	color:#00f;
	background-color:#bbf;
	border-bottom:1px solid white;
	border-left:1px solid white;
	text-decoration:none;
}

.zimmer_belegt:hover{
	color:#000;
	background-color:#eee;
}

.even {
	background-color: #fff;
	color: #000;
	padding: 3px;
	margin:0px;
	border:0px;
}

.odd {
	background-color: #ccc;
	color: #000;
	padding: 3px;
	margin:0px;
	border:0px;
}
    
#buchungsform{
  background-color:#fff;
  border-spacing:0px;
  padding:10px;
}
#buchungsform th{
  text-align:left;
}