@charset "utf-8";

.Titel                       {font-family:Arial, Helvetica, sans-serif; font-size:50px; margin-left:30px; padding-top:60px}
.Subtitel                 {font-family:Arial, Helvetica, sans-serif; font-size:36px; margin-left:30px}
.Willkommen 	      {font-family:"Monotype Corsiva", Arial, Helvetica, sans-serif; font-size:56px; font-weight:bold; margin-bottom:60px; margin-top:30px}
.Danke                   {font-family:"Monotype Corsiva", Arial, Helvetica, sans-serif; font-size:56px; font-weight:bold; margin-top:120px; margin-bottom:60px}
.Nachrichtinfo        {font-family:Arial, Helvetica, sans-serif; font-size:36px; margin-bottom:150px}
.Infotext 	              {font-family:Arial, Helvetica, sans-serif; font-size:25px; line-height:1.5; text-align:left; hyphens: auto; -moz-hyphens: auto;
-o-hyphens: auto; -webkit-hyphens: auto; -ms-hyphens: auto; -o-hyphens: auto;}
.Infotextlinks         {font-family:Arial, Helvetica, sans-serif; font-size:25px; line-height:1.5; text-align:left}
.Infotextfett	  {font-family:Arial, Helvetica, sans-serif; font-size:25px; font-weight:bold; line-height:1.5; margin-top:30px; color:#6699FF}
.Infotextfettn	  {font-family:Arial, Helvetica, sans-serif; font-size:25px; font-weight:bold; line-height:1.5; margin-top:30px; color:#FF0000;}
.Infotextfettk	  {font-family:Arial, Helvetica, sans-serif; font-size:25px; font-weight:bold; line-height:1.5; margin-top:120px; color:#6699FF}
.Infotitel 			{font-family:Arial, Helvetica, sans-serif; font-size:40px; font-weight:bold; padding-bottom:20px; margin-top:100px}
.Liste           {font-family:Arial; font-size:25px; color:#000000; text-align:left; margin-left:40px; margin-bottom:40px;}
.Startbild                {opacity:0.4;
                                text-align:center;}
.Infoaktuell 	              {font-family:Arial, Helvetica, sans-serif; font-size:25px; line-height:1.5; text-align:left; color:#FF0000;}


input {border:2px solid #000000;
          margin:0 0 10px 0;
		font-family:Arial;
		font-weight:300;
		font-size:25px;}
textarea {border:2px solid #000000;
          margin:0 0 10px 0;
		font-family:Arial;
		font-weight:300;
		font-size:25px;}
input email  {border:20px solid #000000;
          margin:0 0 10px 0;
		font-family:Arial;
		font-weight:300;
		font-size:25px;}

input text  {border:20px solid #000000;
          margin:0 0 10px 0;
		font-family:Arial;
		font-weight:300;
		font-size:25px;}




body {
	text-align:center;
	font:Arial, Helvetica, sans-serif;
	margin:0;
	padding:0;
	background-color:#d7e0ea;
        }

        #hintergrund {
        width:100%;
        clear:both;
        margin:auto;}

	#seite {
	width:100%;
        min-height:1500px;
	text-align:left;
	margin:130px auto 10px auto;
        padding:0 10% 0 0;
	background-color:#FFFFFF;
	float:left;
        border-width:2px;
        border-style:outset;
        border-color: #FFFFFF;}
	
	#kopf {
	clear:both;
	width:100%;
	font-family:Arial, Helvetica, sans-serif;
	height:121px;
        }
	
	#logo {
	float:left;
	margin:30px 0 0 10px;
        }

       #gutschein {
	margin:-60px 0 0 350px;
       }

	#foto {
        float:right;
	width:200px;
	margin:15px 0 0 40px;}
	
	#titel {
	margin:auto;
       width:100% }
	
	#navi {
	width:225px;
	float:left;
	margin:15px 0 0 0;
	padding:30px 5px 0 20px;
	}
		
	#info {
	width:550px;
	margin:15px 0 0 250px;
	padding:30px 50px 0 50px;
	}
	
	#infostart {
	width:100%;
	margin:50px 10px auto 10px;
	padding:30px 20px 50px 50px;
	background-color:#FFFFFF;}
	
	#infotext {
	width:100%;
	margin:50px 10px auto 10px;
	padding:30px 20px 50px 50px;
        background-color:#FFFFFF;}
 
        #background{
        background-repeat:no-repeat;
        background-position:50% 50%;
        clear:both;}

        #fbbutton {
        width:auto;
        margin:0 0 0 500px;}

        #liste ul {
                   list-style-position: outside;
                   }

        #liste ul li {
                         padding:10px;
                        }

#urlaubinfo	{
		width:90%;
		padding:20px;
		text-align:center;
		font-family:Arial;
		font-variant:small-caps;
		font-size:25px;
		color:#00008b;
		border-width:2px;
        border-style:inset;
        border-color: #FFFFFF;
					}
			
/*******************************************************************************

 Menuebar

 *******************************************************************************/

#menuleiste {
                     width:105%;
					height:105%;
                     position:fixed;
                     left:-200%;
                     float:none;
                     margin-left:-40px;
                     padding:0;
                     background-color:#d7e0ea;
                     z-index:10;
                     -webkit-border-radius:0;
		      -moz-border-radius:0;
		      border-radius:0;
		     -webkit-transition:all 1s ease-in-out;
		     -moz-transition:all 1s ease-in-out;
		     -o-transition:all 1s ease-in-out;
		     -ms-transition:all 1s ease-in-out;
		     transition:all 1s ease-in-out;
                     }

nav ul li	{
		float:none;
		text-align:center;
		border-bottom:1px solid #800000;
		list-style:none;
		font-family:Arial;
		background-color:#d7e0ea;
		display:block;
		font-size:60px;
		width:100%;
		padding-top:60px;
		padding-bottom:60px;
		}

	nav ul li:last-child	{
		border-bottom:none;
		}

	nav a	{
		display:block;
		color:#000000;
		text-decoration:none;
		background-color:#d7e0ea;
	}

	nav a:hover	{
		background-color:#FFFFFF;
		color:#000000;
		}

	nav ul li.close	{
		display:block;
		}

	#open	{
		position:fixed;
		top:0;
		left:0;
		background:#d7e0ea;
		font-family:Arial;
		display:block;
		width:100%;
		}

	#open a	{
		padding: 10px 20px;
		display:block;
		color:#000000;
		text-align:left;
		text-decoration:none;
		font-family:Arial;
		background-color:#d7e0ea;
		}

	#menuleiste:target	{
		left:0;
               top:0;
		width:100%
		background-color:#d7e0ea;
		}

          #start #navStart a {
                                           background-color:#FFFFFF;
			                   color:#000000;
                                           font-style:italic;
			                   }

#kontakt #navKontakt a {
                                           background-color:#FFFFFF;
			                   color:#000000;
                                           font-style:italic;
			                   }

#leistungen #navLeistungen a {
                                           background-color:#FFFFFF;
			                   color:#000000;
                                           font-style:italic;
			                   }

#wir #navWir a {
                            background-color:#FFFFFF;
			     color:#000000;
                            font-style:italic;
	                     }

#konzept #navKonzept a {
                                           background-color:#FFFFFF;
			                   color:#000000;
                                           font-style:italic;
			                   }

#kochen #navKochen a {
                                           background-color:#FFFFFF;
			                   color:#000000;
                                           font-style:italic;
			                   }