*{
	margin: 0px;
	padding: 0px;
}

/*  Typo
----------------------------------------------- */

a:link, a:visited
{
    text-decoration: none;
    color:#EC4413;
}
a:active { 	text-decoration: none; }
a:hover { text-decoration:none; 

-webkit-transition: all 300ms ease;
-moz-transition: all 300ms ease;
-ms-transition: all 300ms ease;
-o-transition: all 300ms ease;
transition: all 300ms ease;

}






/*  Layout
----------------------------------------------- */

body {
    background: #fff url(https://u.jimcdn.com/cms/o/s9a51f486f1610b40/userlayout/img/background-cafe-01.jpg?t=1414752707) no-repeat center 250px;
    /*background-size: 100%;*/
    padding:35px 0px 0px 0px;
    margin:0;
    background-attachment: scroll
}

/*---Karte---*/

#page-1914278999,   /*Karte*/
#page-1918715199,   /*Frühstück*/
#page-1918715999,   /*Kaffee*/
#page-1918716499,   /*Tees*/
#page-1918716599,   /*Milch*/
#page-1918717099,   /*Kuchen*/
#page-1918717899    /*Getränke*/

{
background: #fff url(https://u.jimcdn.com/cms/o/s9a51f486f1610b40/userlayout/img/background-karte-01.jpg?t=1398799668) no-repeat center 250px;
    padding:0px 0px 0px 0px;
    margin:0;
    background-attachment: scroll
}

/*---Impressionen---*/

#page-1914280599 {

background: #fff url(https://u.jimcdn.com/cms/o/s9a51f486f1610b40/userlayout/img/background-impressionen-01.jpg?t=1423047795) repeat-y center 250px;
    padding:0px 0px 0px 0px;
    margin:0;
    background-attachment: scroll
}

/*---Laden---*/

#page-1920638699 {

background: #fff url(https://u.jimcdn.com/cms/o/s9a51f486f1610b40/userlayout/img/background-laden-01.jpg?t=1398785515) no-repeat center 250px;
    padding:0px 0px 0px 0px;
    margin:0;
    background-attachment: scroll
}



/*---Wir---*/

#page-1914280999 {
    background: #fff url(https://u.jimcdn.com/cms/o/s9a51f486f1610b40/userlayout/img/background-wir-01.jpg?t=1398784469) no-repeat center 250px;
    padding:0px 0px 0px 0px;
    margin:0;
    background-attachment: scroll
}

/*---Öffnungszeiten---*/

#page-1920650199 {
    background: #fff url(https://u.jimcdn.com/cms/o/s9a51f486f1610b40/userlayout/img/background-öffnungszeiten-01.jpg?t=1398798186) no-repeat center 250px;
    padding:0px 0px 0px 0px;
    margin:0;
    background-attachment: scroll
}

/*---Kontakt---*/

#page-1914281199 {
    background: #fff url(https://u.jimcdn.com/cms/o/s9a51f486f1610b40/userlayout/img/background-kontakt-01.jpg?t=1398797958) no-repeat center 250px;
    padding:0px 0px 0px 0px;
    margin:0;
    background-attachment: scroll
}

/*---Datenschutz---*/

#page-1904885799 {
    background: #fff url(https://u.jimcdn.com/cms/o/s9a51f486f1610b40/userlayout/img/background-impressionen-01.jpg?t=1423047795) no-repeat center 250px;
    padding:0px 0px 0px 0px;
    margin:0;
    background-attachment: scroll
}

/*---Gästebuch---*/

#page-1947545299 {
    background: #fff url(https://u.jimcdn.com/cms/o/s9a51f486f1610b40/userlayout/img/background-impressionen-01.jpg?t=1423047795) repeat-y center 250px;
    padding:0px 0px 0px 0px;
    margin:0;
    background-attachment: scroll
}



#header {
     background: #fff url(https://u.jimcdn.com/cms/o/s9a51f486f1610b40/userlayout/img/header12.jpg?t=1414752402) no-repeat top center;    
     height: 250px;
     z-index:3;
     background-attachment: scroll
}


#header-inner {
    margin: auto;
}


#header a:hover { 
    text-decoration:none;  
}


#top-bar {
    background: rgba(98, 78, 103, .7);
    position : fixed;
/*    background: #765693; */
    padding: 7px 0px 0px 0px;
    position : fixed;
    width: 100%;
    z-index:3
}


#facebookbutton {
    display:block;
    margin-top: 303px;
    z-index:3;
    opacity: 0.6;
    position : fixed;
}



#container {
    text-align: left;
    margin:0 auto;
    width:750px;
    background-color: transparent;
}


#navigation {
    margin: 0 auto;
    width:750px;
    padding-top:15px;
    text-align: center;  
}


#sub-navigation {
    padding-left:0;
    text-align:center;
}


#sidebar {
    padding-top:100px;
}


#content {    
    padding-top: 55px; 
    margin: 0 auto;
    text-align: center;
    width:600px;
   /* padding:0px;*/
}


#footer {
    background: #000;
    background: rgba(98, 78, 103, .4);
    height:100px;
border-bottom:100px;
border-bottom-color:#1def17;
}


#footer .gutter {
    height:100px;
    padding:0px 20px 0 20px;
}



/* 

Navigation
----------------------------------------------- */

#sub-navigation .menu{
    display:flex;
    flex-wrap:wrap;
    justify-content:center;
    max-width:700px;
    margin:0 auto;
    padding:0;
    list-style:none;
}

#sub-navigation .menu li a{

	height: 42px;
	display:block;
	float: left;
        padding-left:10px;
        padding-right:10px;
	
	font-family: 'Georgia', serif;
	font-size: 13px;
	line-height: 200%;
	text-align: center;
	color: #585858;
	text-decoration: none;

-webkit-transition: all 400ms ease;
-moz-transition: all 400ms ease;
-ms-transition: all 400ms ease;
-o-transition: all 400ms ease;
transition: all 400ms ease;

}



#sub-navigation .menu li a:hover{
    color:#d4595a;

}

#sub-navigation .menu li a.current { font-weight:bold; 
    color:#d4595a;

}


ul.mainNav1
{
    margin:0;
    padding: 0;
    padding-bottom: 15px;

}


ul.mainNav1 li
{
    display: inline;
    margin: 0;	
    padding: 0;
}


ul.mainNav1 li a
{
    font:normal 13px/140% "Georgia", serif;
    text-decoration: none;
    word-spacing: 0.3em; 
    display: block;
    color:#000;
    display: inline;
    border-bottom:0px solid #CCC;

-webkit-transition: all 400ms ease;
-moz-transition: all 400ms ease;
-ms-transition: all 400ms ease;
-o-transition: all 400ms ease;
transition: all 400ms ease;


}

ul.mainNav1 li a { padding:25px 12px 25px 12px; }



ul.mainNav1 a:hover
{
    color:#d4595a;

}

ul.mainNav1 a.current { font-weight:bold; 
    color:#d4595a;

}




/*  Tafeln
----------------------------------------------- */

.tafel1 a {

   background: url(https://u.jimcdn.com/cms/o/s9a51f486f1610b40/userlayout/img/cafe-tafel-fruehstueck.jpg?t=1448890894)  no-repeat top center;
   position: absolute;
   width:135px;
   height:145px;
   left: 50%;
   top: -110px;
   margin-left: -492.5px;
   padding: 0px 0px 0px;

   -webkit-box-shadow: 1px 2px 2px 0px rgba(0, 0, 0, 0.3), inset 0 1px 0 0 #C7ADAD;
   -moz-box-shadow: 1px 2px 2px 0px rgba(0, 0, 0, 0.3), inset 0 1px 0 0 #C7ADAD;
   box-shadow: 1px 2px 2px 0px rgba(0, 0, 0, 0.3), inset 0 1px 0 0 #C7ADAD;

    filter: progid:DXImageTransform.Microsoft.BasicImage(rotation=3);  
   -webkit-transition: all .5s ease-out;
   -moz-transition: all .5s ease-out;
   -o-transition: all .5s ease-out;
   transition: all .5s ease-out;



}
.tafel1 a:hover {

   -webkit-transform: translatey(108px);
   -moz-transform: translatey(108px);
   -o-transform: translatey(108px);
   -ms-transform: translatey(108px);
   transform: translatey(108px);
animation-play-state: running;
}



.tafel2 a {

   background: url(https://u.jimcdn.com/cms/o/s9a51f486f1610b40/userlayout/img/cafe-tafel-kaffee.jpg?t=1399025811)  no-repeat top center;
   position: absolute;
   width:135px;
   height:145px;
   left: 50%;
   top: -110px;
   margin-left: -312.5px;
   padding: 0px 0px 0px;

   -webkit-box-shadow: 1px 2px 2px 0px rgba(0, 0, 0, 0.3), inset 0 1px 0 0 #C7ADAD;
   -moz-box-shadow: 1px 2px 2px 0px rgba(0, 0, 0, 0.3), inset 0 1px 0 0 #C7ADAD;
   box-shadow: 1px 2px 2px 0px rgba(0, 0, 0, 0.3), inset 0 1px 0 0 #C7ADAD;

   filter: progid:DXImageTransform.Microsoft.BasicImage(rotation=3);   
   -webkit-transition: all .5s ease-out;
   -moz-transition: all .5s ease-out;
   -o-transition: all .5s ease-out;
   transition: all .5s ease-out;

}
.tafel2 a:hover {

   -webkit-transform: translatey(108px);
   -moz-transform: translatey(108px);
   -o-transform: translatey(108px);
   -ms-transform: translatey(108px);
   transform: translatey(108px);
}



.tafel3 a {

   background: url(https://u.jimcdn.com/cms/o/s9a51f486f1610b40/userlayout/img/cafe-tafel-getraenke.jpg?t=1399025806)  no-repeat top center;
   position: absolute;
   width:135px;
   height:145px;
   left: 50%;
   top: -110px;
   margin-left: 177.5px;
   padding: 0px 0px 0px;

   -webkit-box-shadow: 1px 2px 2px 0px rgba(0, 0, 0, 0.3), inset 0 1px 0 0 #C7ADAD;
   -moz-box-shadow: 1px 2px 2px 0px rgba(0, 0, 0, 0.3), inset 0 1px 0 0 #C7ADAD;
   box-shadow: 1px 2px 2px 0px rgba(0, 0, 0, 0.3), inset 0 1px 0 0 #C7ADAD;

   filter: progid:DXImageTransform.Microsoft.BasicImage(rotation=3);   
   -webkit-transition: all .5s ease-out;
   -moz-transition: all .5s ease-out;
   -o-transition: all .5s ease-out;
   transition: all .5s ease-out;

}
.tafel3 a:hover {

   -webkit-transform: translatey(108px);
   -moz-transform: translatey(108px);
   -o-transform: translatey(108px);
   -ms-transform: translatey(108px);
   transform: translatey(108px);
}



.tafel4 a {

   background: url(https://u.jimcdn.com/cms/o/s9a51f486f1610b40/userlayout/img/cafe-tafel-kuchen.jpg?t=1399025828)  no-repeat top center;
   position: absolute;
   width:135px;
   height:145px;
   left: 50%;
   top: -110px;
   margin-left: 357.5px;
   padding: 0px 0px 0px;

   -webkit-box-shadow: 1px 2px 2px 0px rgba(0, 0, 0, 0.3), inset 0 1px 0 0 #C7ADAD;
   -moz-box-shadow: 1px 2px 2px 0px rgba(0, 0, 0, 0.3), inset 0 1px 0 0 #C7ADAD;
   box-shadow: 1px 2px 2px 0px rgba(0, 0, 0, 0.3), inset 0 1px 0 0 #C7ADAD;

   filter: progid:DXImageTransform.Microsoft.BasicImage(rotation=3);   
   -webkit-transition: all .5s ease-out;
   -moz-transition: all .5s ease-out;
   -o-transition: all .5s ease-out;
   transition: all .5s ease-out;
}

.tafel4 a:hover {

   -webkit-transform: translatey(108px);
   -moz-transform: translatey(108px);
   -o-transform: translatey(108px);
   -ms-transform: translatey(108px);
   transform: translatey(108px);
}



/*---Bildzoom---*/


#fahrtbild img {
-webkit-transition: all 0.3s ease;
-moz-transition: all 0.3s ease;
-o-transition: all 0.3s ease;
transition: all 0.3s ease;
} 
       
#fahrtbild img:hover {
-moz-transform: scale(1.03);
-o-transform: scale(1.03);
transform: scale(1.03);
-webkit-transform: scale(1.03);
-ms-transform: scale(1.03);
}


#fahrticon img {
-webkit-transition: all 0.3s ease;
-moz-transition: all 0.3s ease;
-o-transition: all 0.3s ease;
transition: all 0.3s ease;
} 
       
#fahrticon img:hover {
-moz-transform: scale(1.1);
-o-transform: scale(1.1);
transform: scale(1.1);
-webkit-transform: scale(1.1);
-ms-transform: scale(1.1);
}

/*------------Laden Bilder Kaffe etc.------------*/


#blendLaden { position: relative; }

#blendLaden img#top:hover { opacity:0; }

#blendLaden img { position: absolute; 
    top: 0; left: 0; opacity: 1;    
    transition: opacity 1.3s;
}




/*-------Bild Partner--------*/

#partner {
     background: #fff url(https://u.jimcdn.com/cms/o/s9a51f486f1610b40/userlayout/img/partner.jpg?t=1416829916) no-repeat top center;   
     width:690px;
     height: 140px;
     margin-left: -48px;
     margin-top:70px;
     margin-bottom:70px;
}



/*-------Imagefilm--------*/

#imagefilm {
     width:auto;
     height: auto;
     margin-left: -48px;
   
}