/*Container Setup */

#root-site{
	background-color:black;
	width:1000px;
	height: 100%;
}

#header-container{
	height:120px;
	width: 100%;
	background-color:red;
	float:left;
}

#navigation-container{
	height:300px;
	width: 200px;
	background-color:blue;
	float:left;
}

#content-container{
	height:300px;
	width: 600px;
	background-color:white;
	float:left;
	
}

#sidebar-container{
	height:300px;
	width: 200px;
	background-color:yellow;
	float:left;
}

#footer-container{
	height:120px;
	width: 100%;
	background-color:green;
	float:left;
}

#navi {
   width: 500px;                   /* Breite des Bereichs */
   text-align: left;               /* Textausrichtung     */
   margin-top: 10px;               /* Außenabstand oben   */
   margin-bottom: 10px;            /* Außenabstand unten  */
   margin-left: 20px;              /* Außenabstand links  */
   margin-right: 15px;             /* Außenabstand rechts */
}
 
#navi ul {
   list-style: none;   
   float.left;   /* keine Aufzählungspunkte */
}
 
#navi li {
   background-color: silver;       /* Hintergrundfarbe   */
   border-top: 1px black solid;    /* Rahmenfarbe Auflistungpunkt oben */
   border-left: 25px orange solid; /* Rahmenfarbe Auflistungpunkt oben */
   border-bottom: 1px red solid;   /* Rahmenfarbe unten  */
   border-right: 2px blue solid;   /* Rahmenfarbe unten  */
   margin-top: 10px;               /* Außenabstand oben  */
   padding-top: 8px;               /* Innenabstand oben  */
   padding-bottom: 8px;            /* Innenabstand unten */
   padding-left: 8px;              /* Innenabstand unten */
   padding-right: 8px;             /* Innenabstand unten */
   float:left;
} 

.menu{
	height:100px;
	width: 100px;
	background-color:yellow;
	float:left;
	padding-left:8px;
	margin-left: 10px;
	border-left:25px orange solid;
	text-align: left;
}