/*
Theme Name: Muehltal
Description: Restaurant
Version: 1.0
Author: Bernd Geissler
Author URI: http://bgeissler.de
*/

/* ### Vorbereitende Maßnahmen | Reset ##################################################################
*/
	/* Hiermit werden die Randabstände und border aller HTML-Elemente auf Null gesetzt. Damit wird das       
	** Aussehen der Webseite in unterschiedlichen Browsern vereinheitlicht. 
	*/
	

	/* Das zurücksetzen der Innen- und Außenabstände verursacht zu kleine Selectboxen. Dies wird korrigiert */
	option {padding-left: 0.4em}
	
	/*
	** Die nachfolgenden Angaben entstammen dem Artikel 'Useful Code Snippets' von Mike Foskett
	** [http://www.websemantics.co.uk/tutorials/useful_css_snippets/]
	*/
	
	/* Vertikalen Scrollbalken im Netscape & Firefox erzwingen. Dies verhindert, dass zentrierte Layouts 
	** um 10 Pixel springen wenn der Seiteninhalt kleiner wird als die Höhe des Browserfensters. */
	html { height: 100% } 
	body { 
		min-height: 101%;	
	/* Beseitigung des Rundungsfehlers bei Schriftgrößen im Opera sowie Standardformatierungen */
		font-size: 100.01%; 
	/* FIX: Verhindert, dass positionierte Elemente nicht verschoben werden wenn die Größe des Browser 
			Fensters geändert wird. */
		position: relative; 
	
	} 
	
	
	/* Anpassung für Safari Browser. font-size:100% ist für den Safari in Formularen zu groß */ 
	select, input, textarea { font-size: 99% }

        img { border: solid 1px white ;}


body {
   background-color:#e4e6f0;
   margin: 0;
   margin-top: 30px;
   padding: 0;
   padding-bottom:24px;
   text-align: center;
   font-family: 'Lucida Grande', Verdana, sans-serif;
   font-size: 0.8em;
   }

a:link {
   color: #5657b4;
   font-weight:bold;
   text-decoration:none;
   }

a:visited {
   color: #5657b4;
   font-weight:bold;
   text-decoration:none;
   }

a:hover {
   color:#ff0000;
   font-weight:bold;
   text-decoration:none;
   }


h1,h2,h3,h4,h5 { font-family: 'Lucida Grande', Verdana, Arial, Sans-Serif; font-weight:normal;}

h1 {font-size: 1.6em; color: #006; margin: 0 0 0.25em 0; padding-top: 1.5em; }
h2 {font-size: 1.4em; color: #4e4e4e; margin: 0 0 0.25em 0.75em; padding-top: 1.5em; border-bottom: 2px #ddd solid; }
h3 {font-size: 1.2em; color: #006; margin: 0 0 0.25em 0; padding-top: 1.5em; font-weight:bold; }
h4 {font-size: 1.0em; color: #888; margin: 0 0 0.30em 0; padding-top: 1em; font-weight:bold; border-bottom: 1px #ddd solid;}
h5 {font-size: 1.0em; color: #4e4e4e; font-weight:bold;}
h6 {font-size: 1.0em; color: #4e4e4e; font-weight:bold;}

li {padding-bottom:6px;}

#plain {
   width: 946px;
   margin:auto;
   text-align: left;
   background-image:url(images/bg_plain.jpg);
   border: 2px #888899 solid;
   overflow:auto;

}

#logo img {
   position:absolute;
   top:10px;
   left:0px;
   border-width:0px;
}


#navcontainer {
   position:relative;
   top:0px;
   right:0px;
   height: 116px;
   background-image:url(images/bg_navi.jpg);
   font-size: 90%; 
   font-family: 'Lucida Grande', verdana, sans-serif;
   text-align:center;
   border: 1px solid white;
}

#navcontainer ul{ 
   margin-top:10px;
}

#navcontainer li { 
   display: inline; 
   float:right;
   padding:0px;
   width: 86px;
}

#navcontainer li.page_item a {
   float:right;
   padding: 40px 0px 0px 0px;
   width: 86px;
   height:56px;
   margin-top:0px;
   color: #5657b4;
   text-decoration: none;
   font-weight: bold;
   background-image:url(images/taste2.jpg); 
   background-repeat:no-repeat;
}

#navcontainer li.page_item a:hover {
   background-image:url(images/taste1.jpg);
   background-repeat:no-repeat;
}

#navcontainer li.current_page_item a {
   background-image:url(images/taste1.jpg); 
   background-repeat:no-repeat;
}

#navcontainer li.current_page_ancestor.current_page_parent a {
   background-image:url(images/taste1.jpg); 
   background-repeat:no-repeat;
}

#bildleiste {
   position:relative;
   width:742px;
   overflow:hidden;   
   margin-top: 0px;
   margin-left: 200px;
}

#left {
   position:relative;
   top:-253px;
   background-color:transparent;
/*   background-image:url(images/bg_left.jpg); 
   background-position:center;
   background-repeat:no-repeat;*/
   width:200px;
   margin-top: 20px;
   padding-bottom:24px;
   float:left;
   }

#left-inside {
   width:auto;
   padding: 5px 0px 0px 25px;
   font-weight: bold;
   color: #5657b4;
   }

#left-inside li { 
   list-style-type:none;
   width: 168px;
   margin-left:-50px;
}

#left-inside ul li.page_item a {
   height:28px;
   margin-top:0px;
   margin-bottom:-18px;
   padding: 5px 0px 0px 30px;
   color: #5657b4;
   text-decoration: none;
   background-image:url(images/taste2left.jpg); 
   background-repeat:no-repeat;
   display:block;
}

#left-inside ul li.page_item a:hover {
   background-image:url(images/taste1left.jpg);
   background-repeat:no-repeat;
}

#left-inside ul li.current_page_item a {
   background-image:url(images/taste1left.jpg); 
   background-repeat:no-repeat;
}

#middle {
   background-color: transparent;
   width:440px;
   margin-top: 10px;
   padding-bottom:24px;
   float:left; 
   }

#middle-inside {
   width:auto;
   padding-left:12px;
   padding-right:6px;
   color: #2c2c6a;
   }


#middle-inside ul {list-style-type:circle;}
#middle-inside li {list-style-position:outside; margin-left:20px;}


#middle-inside a:link {
   color: #5657b4;
   text-decoration:none;
   }

#middle-inside a:visited {
   color: #5657b4;
   text-decoration:none;
   }

#middle-inside a:hover {
   color:#ff0000;
   text-decoration:none;
   }

#middle_breit {
   background-color: #f2f2f2;
   width:720px;
   margin-top: 0px;
   padding-top:10px;
   padding-left:12px;
   padding-right:6px;
   padding-bottom:24px;
   float:left; 
   }

#middle_breit p {
   clear:both;
}

#middle_breit img {
   float:right;
   width:296px;
   margin-bottom: 6px; 
   margin-left: 6px; 
   margin-right: -14px;
   }

#right {
   background-color:transparent;
   width:300px;
   margin-top: 10px;
   padding-bottom:24px;
   float:left; 
  }

#right-inside {
   width:auto;
   padding-left:12px;
   padding-right:6px;
   color: #2c2c6a;
   }


#right-inside ul {list-style-type:circle;}
#right-inside li {list-style-position:outside; margin-left:20px;}


#right-inside a:link {
   color: #5657b4;
   font-weight:normal;
   text-decoration:none;
   }

#right-inside a:visited {
   color: #5657b4;
   font-weight:normal;
   text-decoration:none;
   }

#right-inside a:hover {
   color:#ff0000;
   font-weight:normal;
   text-decoration:none;
   }


#footer {
   position:absolute;
   top:746px;
   left:-2px;
   right:-2px;
   width: auto;
   height:54px;
   background-color: #f2f2f2;
   background-image:url(images/bg_footer.jpg);
   border-top: 2px #ddd solid;
   }


.bild_rechts {
   float: right; 
   margin-bottom: 12px; 
   margin-left: 12px;
   }

.bild_links {
   float: left; 
   margin-bottom: 12px; 
   margin-right: 24px;
   }


.page_item {
   font: 1em  'Lucida Grande', Verdana, sans-serif;
   padding: 0.5em;
   }

.align_center {
   text-align:center;
}

.meta { font-size: 80%; color: #000000; margin-bottom: 15px; }
.meta a:link, .meta a:visited { color: #5657b4; }
.meta a:hover { color: #ff0000; }