@charset "utf-8";
/* CSS Document */

/* handlee-regular - latin */
@font-face {
  font-family: 'Handlee';
  font-style: normal;
  font-weight: 400;
  src: url('fonts/handlee-v14-latin-regular.eot'); /* IE9 Compat Modes */
  src: local(''),
       url('fonts/handlee-v14-latin-regular.eot?#iefix') format('embedded-opentype'), /* IE6-IE8 */
       url('fonts/handlee-v14-latin-regular.woff2') format('woff2'), /* Super Modern Browsers */
       url('fonts/handlee-v14-latin-regular.woff') format('woff'), /* Modern Browsers */
       url('fonts/handlee-v14-latin-regular.ttf') format('truetype'), /* Safari, Android, iOS */
       url('fonts/handlee-v14-latin-regular.svg#Handlee') format('svg'); /* Legacy iOS */
}
/* give-you-glory-regular - latin */
@font-face {
  font-family: 'Give You Glory';
  font-style: normal;
  font-weight: 400;
  src: url('fonts/give-you-glory-v15-latin-regular.eot'); /* IE9 Compat Modes */
  src: local(''),
       url('fonts/give-you-glory-v15-latin-regular.eot?#iefix') format('embedded-opentype'), /* IE6-IE8 */
       url('fonts/give-you-glory-v15-latin-regular.woff2') format('woff2'), /* Super Modern Browsers */
       url('fonts/give-you-glory-v15-latin-regular.woff') format('woff'), /* Modern Browsers */
       url('fonts/give-you-glory-v15-latin-regular.ttf') format('truetype'), /* Safari, Android, iOS */
       url('fonts/give-you-glory-v15-latin-regular.svg#GiveYouGlory') format('svg'); /* Legacy iOS */
}

* {
	pading:0;
	margin:0;
}

html, body, #wrapper {

	
}

body {
        font: 100%/1.4 Verdana, Arial, Helvetica, sans-serif;
        background-image:url(../images/hg.jpg);
        background-repeat:repeat-x;
        margin: 0;
        padding: 0;
        color:#485D92;
		overflow:scroll;
}

#wrapper {
	width:1000px;
	margin:0 auto;
	background: #FFFFFF;
	position:relative;
	
}

.logo {
        position:absolute;
        top:0px;
        left:323px;
		border:#485D92 2px solid;
        -moz-box-shadow:5px 5px 5px #666;
        -webkit-box-shadow: 5px 5px 5px #666;
         box-shadow:5px 5px 5px #666;

}

#oben {
	background-color:#485D92;
	height:110px;
}

#streifen1 {
	background-color:#fff;
	height:4px;
}

#streifen2 {
	background-color:#729BC7;
	height:37px;
}
#streifen3 {
	background-color:#fff;
	height:4px;
}

#bilderfries {
	height:110px;
	border-bottom:solid 4px #FFF;
}
#nav {
        height:37px;
        background-color:#719bc7;
        border-bottom:solid 2px #485D92;
        border-top:solid 2px #485D92;
}

#navigation {
        list-style-type:none;
	
}

#navigation li {
        display:inline-block;
        padding:0px 10px 0px 5px;
        border-right#000 solid 1px;
        line-height:36px;
}

li.current {
	color:#FFF;
}

#navigation li a {
        text-decoration:none;
}

a:link {
        color: #485D92;
        outline:0;
}
a:visited {
        color: #485D92;
        outline:0;
}
a:hover, a:active, a:focus { 
        text-decoration: none;
		color:#485D92;
		outline:0;
}


#content {
	
	padding:40px 60px 0 60px;
    position: relative;
}

.headline > p.saisonmenue {
	grid-area: speisekarte;
	/*position: absolute;
	top: 27px;
	right: 211px;*/
	font-family: 'Handlee', cursive;
	align-content:center;
}

.headline > p.karten {
	grid-area: links;
	/*position: absolute;
	top: 30px;
	right: 35px;*/
	font-family: 'Handlee', cursive;
	font-size: 1.5em; 
	align-content:center;
}


#content_hotel {
	background-image:url(../bilder/hintergrundbildhotel3.jpg);
	background-repeat:no-repeat;
	padding:40px 60px 70px 60px;
	
  
}

#content_restaurant {
	
	padding:40px 60px 210px 60px;
	background-image:url(../bilder/oelflasche.jpg);
	background-repeat:no-repeat;
	position:relative;
	
  
}

#content_weihnachten {
	
	padding:40px 60px 60px 60px;
	
	
  
}

#content_sylvester {
	
	padding:40px 60px 60px 60px;
	
	
  
}

#content_restaurant2 {
	
	padding:10px 60px 0 60px;
}

#content_feier {
	
	padding:40px 60px 340px 60px;
	background-image:url(../bilder/hintergrundfeierntagen.jpg);
	background-repeat:no-repeat;	 
}

#content_feier2 {
	
	padding:0px 60px 0 60px;
}


.headline > h1.willkommen {
		grid-area: headline;
        /*margin:30px 0 30px 0px;*/
        font-size:1.8em;
		font-family: 'Give You Glory', cursive;
		align-content:center;
}

.willkommen {
		grid-area: headline;
        margin:30px 0 30px 0px;
        font-size:1.8em;
		font-family: 'Give You Glory', cursive;
		align-content:center;
}



p.startText {
        font-family: 'Handlee', cursive;
        text-align:center;
        font-size:1.4em;
        font-weight:400;
}

p.tor {
        font-family: 'Handlee', cursive;
		text-align:center;
        font-size:1.5em;
        font-weight:900;
        margin-top:30px;
		
}

p.text {
        font-family: 'Handlee', cursive;
        text-align:center;
        font-size:1.1em;
        font-weight:400;
}

p.impressumText {
        font-family: 'Handlee', cursive;
        font-size:1.1em;
        font-weight:400;
		
}

p.gedicht {
        font-family: 'Handlee', cursive;
        font-size:1.1em;
        font-weight:800;
		
		text-align:center;
}

p.goethe {
        font-family: 'Handlee', cursive;
        text-align:center;
        font-size:1.1em;
        font-weight:400;
		margin-bottom:1.0em !important;
}

span.wittingen {
        font-weight:900;
}



#footer {
	height:100px;
	margin-top:40px;
	background: #FFFFFF;
	
}

#footer_hotel {
	height:130px;
	
	background: #FFFFFF;
	
}


#footer_feier {
	height:160px;
	
	background: #FFFFFF;
	
}
#footer p, #footer_hotel p, #footer_feier p {
	text-align:center;
}



#footer2 {
	text-align:center;
	background-color:#719bc7;
	padding-top:10px;
	padding-bottom:20px;
	padding-left:20px;
	width:100%;
}


#footer2 a.schlummer {display:inline-block; background-image:url(../images/schlummer_link.gif);
	width:88px; height:31px;}
#footer2 a.schlummer:hover {display:inline-block; background-image:url(../images/schlummer_hover.gif);
width:88px; height:31px;}


#footer2 a.dehoga {display:inline-block; background-image:url(../images/dehogatranspatent.gif);
	width:88px; height:41px;}
#footer2 a.dehoga:hover {display:inline-block; background-image:url(../images/dehoga.jpg);
width:88px; height:41px;}	

#footer2 a.varta {display:inline-block; background-image:url(../images/VartaSiegel_2013.gif);
	width:68px; height:40px;}
#footer2 a.varta:hover {display:inline-block; background-image:url(../images/VartaSiegel_2013.jpg);
width:68px; height:40px;}	

#footer2 a.michelin {display:inline-block; background-image:url(../images/neu_michelintransparent.gif);
	width:117px; height:31px;}
#footer2 a.michelin:hover {display:inline-block; background-image:url(../images/neu_michelin.jpg);
width:117px; height:31px;}	










p.copyright {
	font-family:Verdana, Geneva, sans-serif;
	font-size:0.6em;
	color:#485D92;
	margin-top:10px;
}
	



#content p {
	margin-bottom: 0.5em;
}

#content h3 {
	margin-bottom:0.3em;
	font-size: 1.1em;
	font-weight:600;
	margin-top:0.8em;
	
	font-family: 'Handlee', cursive;
}

table {
	width:600px;
	margin-bottom:20px;
	
	font-family: 'Handlee', cursive;
        font-size:1.1em;
}

tr {
	width:300px;
	vertical-align:top;
}


thead {
	font-weight:600;
}



#zimmer {
	float:left;
	width:400;
	margin-right:50px;
}

img {
	border: none;
}

#galerie2  {
	font-family: 'Handlee', cursive;
	font-size:0.9em;
}
	
a.mailto {
	text-decoration:underline;
}

a.mailto:hover {
	color:#000;
}


#content_galerie {
	text-align:center;
	padding-left:255px;
	margin-bottom:100px;
	position:relative;
}

.hotel_galerie {
	
	list-style: none;
	border:0;
	padding:0;
	margin:0;
}

.hotel_galerie li {
	float:left;
	text-align:left;
	width:70px;
	height:53px;
	margin:0;
	padding:0;
	
}



.hotel_galerie div {
	position:absolute;
	left:-1000px;
	bottom:0px;
	width:480px;
	height:323px;
	color:#FFF;
	opacity:0;
	overflow:hidden;
	
}

.hotel_galerie li:hover div, .hotel_galerie li:active div, .hotel_galerie li:focus div {
	position:absolute;
	z-index:3;
	left:255px;
	bottom:0px;
	height:323px;
	width:490px;
	text-align:left;
	color:#FFF;
	opacity:1;
	background: rgb(150,140,130);
	background: rgba(150,140,130,.90);
	
	-moz-animation-name:slide;
	-moz-animation-duration:10s;
	-moz-animation-iteration-count:1;
	-webkit-animation-name:slide;
	-webkit-animation-duration:10s;
	-webkit-animation-iteration-count:1;
	animation-name:slide;
	animation-duration:10s;
	animation-iteration-count:1;
}

@-webkit-keyframes slide {
	0% {height:0px;}
	25% {height:323px;}
	75% {height:323px;}
	100% {height:0px;}
}

@-moz-keyframes slide {
	0% {height:0px;}
	25% {height:323px;}
	75% {height:323px;}
	100% {height:0px;}
}

a.hover_schwarz:hover {
	color:#000000;
}

.headline{
	display: grid;
	grid-template-areas: 
	"headline speisekarte links";
	grid-template-columns: 3fr 1fr 1fr;
}

.aktuelles {
	display: block;
	padding-bottom:10px;
}
.aktuelles p.tor {
	margin-top: 0 !important;
}

.aktuelles img{
	display: block; 
    max-width:100%;
	margin-left: auto;
  	margin-right: auto;
	margin-bottom: 20px;
}

.aktuellesHL{
	font-size:1.8em;
	font-family: 'Handlee', cursive;
	font-weight: bold;
	text-align: center;
}