html{
	height: 100%;
}

* html #nonFooter
	{
		height: 100%;
	}

#footer{
	width:1250px;
	position: relative;
    bottom: 0px;
	background:url(../Bilder/bg.png) repeat-x top left;
	color:#A79787;
	text-align:center;
	height: 33px;
	margin: auto;
	clear:both;
}

#center {
  width:1250px;
  text-align:left;
  background-color:#FFF;
  margin: auto;
  min-height: 100%; 
}

body {
  font-family: Verdana, Geneva, Arial, helvetica, sans-serif;
  font-size: 100%
  margin: 0;
  padding: 0;
  background-color:#06C;
  height:100%;
  text-align:center; /*IE Workaround zum Zentrieren von div.center*/
}

p.us {
	font-family:inherit;
	font-size:1.1em;
	font-weight:bold;
	color:#0000FF;
}

div.left {
	padding-left:3px;
    #float:left;
	width: 300px;
}
div.left.top {
	padding-top:3px;
	padding: 15px;
}


p.text,div.text{
	text-align:justify;
	font-size:0.9em;
	margin-left:5px;
	margin-right:5px;
}
div.gallerie{
	margin-left:5px;
	margin-right:5px;
	padding-left:5px;
}

div.kontakttext {
  padding-left: 300px;
  padding-top:40px;
  float:left;
}

div.preise {
  padding-left: 50px;
  padding-top:40px;
  overflow:auto;
}

@media screen and (max-width: 600px) {
div.preise {
  padding-left: 15px;
  padding-top:40px;
  overflow:auto;
}

div.kontakttext2 {
  #padding-left: 50px;
  padding-top:40px;
  overflow:auto;
}



@media screen and (max-width: 600px) {
.vanish-on-small-screens {
    display: none;
  }
}

@media screen and (max-width: 600px) {
.small-screen {
    clear: both;
	padding-left:15px;
  }
}

div.kontaktform {
	max-width:600px;

}

@media screen and (max-width: 600px) {
div.kontaktform {
    max-width:350px;
  }
}

div.text h3 , div.gallerie h3 , div.text h4 {
	font-size:1.4em;
}

div.text h3 kontakt {
	margin-top: 40px;
	padding-top: 40px;
}

div.text h4 {
	padding-left: 10px;
	margin-top: 0px;
	margin-bottom: 5px;
}

img{
	border:0px;
}

table.youtube{
	padding:0px;
	width:100%;
	border:0px;
	border-collapse: collapse;

}

table.prices {
	margin-left:4px;
	width:600px;
	border:0px;
	padding:2px;
}

td {
	vertical-align:top;
	padding: 0px;

}

td.us,div.us{
	font-size:1.1em;
	padding:7px;
	background-color:#D2E3E3
}

td.text{
	font-size:0.9em;
	padding:7px;
	text-align:justify;
}
td.pic{
	text-align:center;
	padding:7px;
	vertical-align:middle;
}

td.price {
  text-align:right;
}

td.guest {
	
}

<!--Formmailer -->
.font-big {
 font-size:large; 
 font-weight:bold;
 color:#000000;
}
.font-small {
 font-size:small; 
 font-weight:normal;
 color:#000000;
}
.table {
 background-color:#FFFFFF;
 width:90%;
}
.table2 {
 background-color:#FFFFFF;
 width:100%;
}
.head {
 background-color:#D2E3E3;
}
.main {
 background-color:#ECECEC;
 font-family: Verdana, sans-serif;
 font-size:medium; 
 font-weight:normal;
 color:#000000;
}
.foot {
 background-color:#D2E3E3;
}
.align {
 text-align:left;
}
.textarea {
 background-color:#ECECEC;
 color:#000000;
 font-size:12px;
 font-weight: bold;
 border : 1px solid #808080;
}
.textarea:hover, .textarea:focus {
 border : 1px solid #000000;
}
.input {
 background-color:#ECECEC;
 color:#000000;
 border : 1px solid #808080;
 font-size:0.9em;
}
.input:hover, .input:focus {
 border : 1px solid #000000;
}
.select {
 background-color:#ECECEC;
 color:#000000;
 border : 1px solid #808080;
 font-size:0.9em;
}
.select:hover, .select:focus {
 border : 1px solid #000000;
}
.button {
 width : 130px;
}

div.text ul { list-style:none }

ul.specnumbers li {
	font-size:1.2em;
	margin-bottom: 6px;
}

table.speiseplantable {
	margin-left:15px;
	margin-bottom:6px;
	padding-left:5px;
	border:1px;
	border-style:dotted;
	width:70%;
	background-color:#D2E3E3;
}

table.speiseplantable ul {
	list-style:disc;
}

td.tage {
	font-weight: bold;
	width:7%;
}

/* Prev - Next VISIBLE */
#fancybox-left span {
        left: 20px;
}

#fancybox-right span {
        left: auto;
        right: 20px;
} 