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

body {
		margin: 0 auto; /* Damit es oben am Rand klebt */
}

* {
	font-family: Arial, Helvetica, sans-serif;
	font-size: 12px;	
	color: #848484;
}

h1 { 
	color: #19822b;
	font-size: 14px; 
/*	font-weight: bold; */
	margin-top: 0; 
}

h3 { 
	color: #19822b;
	font-size: 25px; 
}

h4 { 
	color: #19822b;
	font-size: 14px; 
	margin-bottom: -8px;
}

#wrap {
	width: 855px;
	margin: 0 auto;
}

#topnavi {
	padding-bottom: 20px;
}

#contact {
	float: left;
	margin-right: 255px;
	margin-top: 10px;
	color: #18812a;
}

#contact a {font-size: 12px;}
#contact a:link {text-decoration: none; color: #848484;}
#contact a:visited {text-decoration: none; color: #848484;}
#contact a:hover {text-decoration: none; color: #18812a;}
#contact a:active {text-decoration: none; color: #848484;}


#contentwrap {
	margin-top: 15px;
	min-height: 330px;
    border: 1px solid #cccccc;	
	padding: 10px 10px 10px 10px;
}

  ul#mainnav {
    font-size: 1.00em;
	color: #848484;
    float: left; 
	width: 15em;
    margin: 0; 
	padding: 0;
/*    border: 1px dashed silver;*/
  }
  ul#mainnav li {
    list-style: none;
    margin: 0; 
	padding-left: 2.75em;
  }
  ul#mainnav a {
    display: block;
    padding: 0.1em;
    font-weight: bold;
  }
  ul#mainnav a .facebook {
    display: inline !important;
	float: right;
	border: none;
  }  
  ul#mainnav a:link {
  	text-decoration: none;
    color: #848484;
  }
  ul#mainnav a:visited {
  	text-decoration: none;  
    color: #848484; 
  }
  ul#mainnav a:hover {
  	text-decoration: none;  
    color: #18812a; 
  }
  ul#mainnav a:active {
  	text-decoration: none;  
    color: #848484; 
  }
.active {
  	text-decoration: none;  
    color: #18812a !important; 
  }

#content {
    margin: 0 16em 0 16em;
    padding: 0 1em 0 2em;
    border-left: 1px solid #18812a;
    border-top: 1px solid #fff;	
    border-bottom: 1px solid #fff;
}
/*
#content p {
	width: 390px;
}*/

  div#info {
    float: right; 
	width: 16em;
    margin: 0; padding: 0;
	min-height: 180px;
/*    border: 1px dashed silver; */
	background-color: #eaeaea;
  }
  div#info strong {
    font-size: 1.50em;
    margin: 0.2em 0.5em;
  }
  div#info p {
    font-size: 1em;
    margin: 0.5em 0.5em 0.5em 15px;
  }
  
   div#info a {
    color: #18812a; 
  	text-decoration: none;
    font-size: 1em; 
  }

#logo {
	margin-top: -5px;
	margin-left: -25px;
}

#gbtbl td {
	
	
}


#kontaktformular {
	text-align: left;
	font-size: 12px;
	color: #848484;  /* Schriftfarbe */

}

#kontaktformular input,
#kontaktformular textarea,
#kontaktformular select { 
	background: #E2E2E2; /* Normale Farbe der Felder, ohne Focus etc. */
	border:none;
	border-top: 1px solid #f0f0f0; 
	vertical-align:top;
	color: black;
}
#kontaktformular input:hover,
#kontaktformular textarea:hover,
#kontaktformular select:hover	{
	background: #008000; /* Die Hover Farbe */
	color: white;
}

#kontaktformular input:focus,
#kontaktformular textarea:focus,
#kontaktformular select:focus	{ 
	color: white;
	background: #6ebb6e; /* wenn ins Feld geklickt wird */
}

#alignLayer {
	text-align: center;
}

/* Navigationsliste Einstellungen Anfang */
  	ul#menu li 
	{
    list-style: none;
    display: inline;
	float:left;
  	}
  
  	ul#menu 
	{
  	padding:0px;
	margin-top: 20px;
	margin-left: 14px;
  	}
    
	#menuFilialen span, #menuFilialenActive span,
	#menuCafes span, #menuCafesActive span,
	#menuBackwaren span, #menuBackwarenActive span,
	#menuBackstube span, #menuBackstubeActive span,
	#menuGeschichte span, #menuGeschichteActive span
	{ 
	display:none; 
	}
	
	li#menuFilialen a, li#menuFilialenActive a 
	{
	display: block;
	width: 84px;
	height: 24px;
	}
		
	li#menuCafes a, li#menuCafesActive a
	{
	display: block;
	width: 70px;
	height: 24px;
	}		
		
	li#menuBackwaren a, li#menuBackwarenActive a
	{
	display: block;
	width: 117px;
	height: 24px;
	}		
	
	li#menuBackstube a, li#menuBackstubeActive a
	{
	display: block;
	width: 112px;
	height: 24px;
	}		

	li#menuGeschichte a, li#menuGeschichteActive a
	{
	display: block;
	width: 101px;
	height: 24px;
	}		
	
	li#menuFilialen a 
	{
	background-image: url(../images/nav/mainnav_01_hov.jpg);
	}
	
	li#menuFilialenActive a 
	{
	background-image:url(../images/nav/mainnav_01_av.jpg);
	}

    li#menuFilialen a:hover 
	{ 
    background-position: -84px 0;
	}
	
	li#menuCafes a 
	{
	background-image:url(../images/nav/mainnav_02_hov.jpg);
	}
	
	li#menuCafesActive a 
	{
	background-image:url(../images/nav/mainnav_02_av.jpg);
	}
	
    li#menuCafes a:hover 
	{ 
    background-position: -70px 0;
	}  
	
	li#menuBackwaren a
	{
	background-image:url(../images/nav/mainnav_03_hov.jpg);		
	}
	
	li#menuBackwarenActive a
	{
	background-image:url(../images/nav/mainnav_03_av.jpg);	 	
	}
	
	li#menuBackwaren a:hover 
	{ 
    background-position: -117px 0;
	}
	
	li#menuBackstube a
	{
	background-image:url(../images/nav/mainnav_04_hov.jpg);		
	}
	
	li#menuBackstubeActive a
	{
	background-image:url(../images/nav/mainnav_04_av.jpg);	 	
	}

	li#menuBackstube a:hover 
	{ 
    background-position: -112px 0;
	}
	
	li#menuGeschichte a
	{
	background-image:url(../images/nav/mainnav_05_hov.jpg);		
	}
	
	li#menuGeschichteActive a
	{
	background-image:url(../images/nav/mainnav_05_av.jpg)
	}

	li#menuGeschichte a:hover 
	{ 
    background-position: -101px 0;
	}
		
/* Navigationsliste Einstellungen Ende */