/*  HTML Hauptseite Stylesheet Script 1.0*/
/*  Autor Tom Schneider*/
nav{
	width:857px;
	font-family:verdana;
	
	/*box-shadow:2px 2px 2px #dfdfdf;
	-moz-box-shadow:2px 2px 2px #dfdfdf;
	-webkit-box-shadow:2px 2px 2px #dfdfdf;*/
}
nav ul{
	padding:0px;
	margin:0px;
}
nav ul:after{
	clear:both;
	content:" ";
	display:block;
	font-size:0;
	height:0;
	visibility:hidden;
}
	nav ul,nav ul li{
	background-color:#C8CCC6;
	}
	nav ul li{
	list-style:none;
	float:left;
	}
nav ul li a{
	text-decoration:none;
	display:block;
	color:#333;
	padding:12px 56px 12px 56px;
	
	-webkit-transition:background 0.3s ease-out 0s;
	-moz-transition:background 0.3s ease-out 0s;
	-o-transition:background 0.3s ease-out 0s;
	transition:background 0.3s ease-out 0s;
}
nav ul li.cat1:hover a, nav ul li.cat1:hover > ul li a{
	background-color:#8CB302;
}
nav ul li:hover > a{
	color:#fafafa;
}
nav ul li:hover > ul{
	visibility:visible;
}
p
{
    font-size: 15px;
    font-family: Arial;
}

h1
{
    font-size: 30px;
    font-family: Verdana;
}

a
{
    color: black;
    font-family: Arial;
}

a:hover
{
     color: blue;
}

em
{
    color: brown;
}

strong
{
    font-size: 20px;
    font-family: Arial;
}

body
{
    background: url(Bilder/green-gradient.jpg) repeat-x;
    background-position: center;
    background-position: top;
    background-color: #89c13c;
}

a
{

}

 a:hover
 {

 }

 a img
 {

 }

 /* root_site_Setup */

#root_site
{   margin-top: 40px;
    width: 857px;
    height: auto;
    background-color: #FFFFCC;
}


       .header_background
       {
           height: 320px;
           width: 100%;
           background: url(Bilder/Header2.jpg) no-repeat;
           background-position: center;
       }

    #navi_main_container
    {
      background: #999999;
      width: 100%;
      height: 40px;
    }

        .navi_container
        {
            width: 100%;
            height: 40px;
        }

    #content_main_container
    {
      background: #666666;
      width: 100%;
      height: auto;
    }

        .content_left_main
        {
             width: 100%;
             height: 100%;
             background-color: #CC9933;
             float: left;
        }

        .content_right_main
        {
             width: 0%;
             height: 100%;
             background-color: #66CC66;
             float: right;
        }

    #food_main_container
    {
      background: #333333;
      width: 100%;
      height: 125px
    }