﻿/* Resets */
ul { padding:0px; margin:0px }
ol { padding:0px; margin:0px }
html, body, div, h3 { padding:0px; margin:0px }

/* Start */

body {
	background-color:#f4a951;
	}


#complete_site
{
   min-width:700px;
   max-width:60%;
   margin: 0px auto;
   background-color:#ffb960;
   padding:1px 50px 10px 50px;
}


#inhalt_logo_oben {   
   padding:10px;
   margin:20px auto; /* Abstand */
   /*background-color:#f4a951;*/
   /*border:0px #000000 solid;*/
}


/* Menü */
#menu {
   width:100%;
   background-color:#000000;
   border-top-left-radius:10px;
   border-top-right-radius:10px;
   border-bottom-left-radius:10px;
   border-bottom-right-radius:10px;
   position:sticky;
   top:0;
}

#menu ol { float:left }
#menu ol li { font-family:Verdana; display:block; } /* Schriftart, Links nebeneinander */
#menu ol li a { float:left;  padding:10px 8px; margin:3px}

/* Optik der Links */

#menu a:link { color:#FFFFFF; text-decoration:none; transition:650ms }
#menu a:visited { color:#FFFFFF; text-decoration:none }
#menu a:active { color:#FFFFFF; text-decoration:none }
#menu a:hover { color:#000000; /*transition:30ms;*/ background-color:#F69522; text-decoration:none; border-radius: 6px 5px 0px 12px; }
#menu a:focus { color:#FFFFFF; text-decoration:none }


/* Menü2 */

#menu2 {
   width:100%;
   margin:0px auto;
   padding:0px; 
   background-color:#FFFFFF;
   border-top-left-radius:10px;
   border-top-right-radius:10px;
   border-bottom-left-radius:10px;
   border-bottom-right-radius:10px;
   border:0px #000000 solid;
}

#menu2 ol { float:left }
#menu2 ol li { font-family:Verdana; display:block; } /* Schriftart, Links nebeneinander */
#menu2 ol li a { float:left;  padding:10px 8px; margin:3px; font-weight:bold}

/* Optik der Links */

#menu2 a:link { color:#000000; text-decoration:none; transition:650ms }
#menu2 a:visited { color:#000000; text-decoration:none }
#menu2 a:active { color:#000000; text-decoration:none }
#menu2 a:hover { color:#000000; transition:350ms; background-color:#ffb960; text-decoration:none; border-radius: 6px 5px 0px 12px; }
#menu2 a:focus { color:#000000; text-decoration:none }

/*  Öffnungszeiten  */ 

#t_menu2
{
	font-family:Verdana, Geneva, Tahoma, sans-serif;
	padding:5px;
	width:80%;
	margin:auto;
}

#t_menu2 td {
	padding:8px 10px;
	vertical-align:top;
	border-bottom:1px #000000 solid;
	}



/* Inhalt */

#inhalt {   
   border-top-left-radius:15px;
   border-top-right-radius:10px;
   border-bottom-left-radius:5px;
   padding:20px; /* Innenabstand */
   margin:10px auto; /* Aussenabstand */
   background-color:#ffffff;
   border:0px #000000 solid;
}

/* Klasse Hintergrundbild für #inhalt */
.ibg {   
    background-image:url('../pix/sonstiges/bg.png');
	background-repeat:no-repeat;
	background-position:center;	
	background-size:150%;
	border:0px #000000 solid;
}


#inhalt h1 { 
	font-family:Lucida Calligraphy,Verdana;
	font-size:30px;
	margin:0px;
	/*padding:10px 0px 10px 10px;*/
}

#inhalt h2 { 
	font-family:Verdana;
	font-size:20px;
	margin:0px;
	/*padding:10px 0px 10px 10px;*/
}

#inhalt p { font-family: Verdana; font-size: 16px; }

#trennlinie { width:100%; height:2px  }


/* Kontaktseite  */

#kontaktdaten { float:left; padding:15px 80px 0px 15px; border:0px #000000 solid }

#kontaktform { border:0px #000000 solid; font-family:verdana; width:50%; padding:15px 0px 0px 15px; float:left}
#eingabefeld { width:90% }


/*  Über uns   */ 
#teamcontent { float:left; width:65%; border:0px #000000 solid }
#contact_pix {  width:15%; margin:20px 40px 10px 20px; float:left; border:0px #000000 solid; border-radius: 20px 12px 20px 20px; box-shadow: 4px 3px 4px #444444; transition:150ms}
#contact_pix:hover { transform: scale(1.8); transition:600ms }



/*  Öffnungszeiten  */ 

#open_times
{
	font-family:Verdana, Geneva, Tahoma, sans-serif;
	padding:5px;
}

#open_times td {
	padding:2px 10px;
	vertical-align:top;
	}

/* Fusszeile  */

#fusszeile {   
   overflow:hidden;
   /*background-color:#f4a951;*/
   color:#FFFFFF;
   padding:5px 10px 5px 10px;
   border-bottom-left-radius:10px;
   border-bottom-right-radius:5px;
}

#fusszeile1
{
   float:left;
   font-family:Verdana, Geneva, Tahoma, sans-serif;
   font-size:12px;	
}

#fusszeile2
{
   float:right;	
   font-family:Verdana, Geneva, Tahoma, sans-serif;
   font-size:12px;	

}

#fusszeile a { padding:2px 5px; font-family:Verdana }
#fusszeile a:link { color:#000000; text-decoration:none; transition:650ms }
#fusszeile a:visited { color:#000000; text-decoration:none }
#fusszeile a:active { color:#111111; text-decoration:none }
#fusszeile a:hover { color:#000000; background-color:#F69522; text-decoration:none; border-radius: 2px 1px 2px 10px; transition:350ms }
#fusszeile a:focus { color:#444444; text-decoration:none }

#simple_link:link { color:#000000; text-decoration:none; transition:650ms; font-family:Verdana }
#simple_link:visited { color:#000000; text-decoration:none }
#simple_link:active { color:#444444; text-decoration:none }
#simple_link:hover { color:#AAAAAA; text-decoration:none; transition:350ms; }
#simple_link:focus { color:#AAAAAA; text-decoration:none }	

