/*  Layout
#container ... ID-Selektor
----------------------------------------------- */

body {
        background-color: #eeeeee;
	padding:0px 0 0 0;
	margin:0;
}

#container
{
	margin-top:30px;
        margin-left: auto;
        margin-right: auto;
	width:1050px;
        border: 0px outset #dddddd;
        background-color: #dddddd;
}

#header
{
	padding:0px;
        background-color: #aaaaaa;
        border: 0px solid #999999;
}


#navigation
{     
        width:200px;
        float:left;      
        padding: 10px;
        margin-top: 5px;
        margin-bottom: 0px;      
        background-color:#dddddd;  
        border: 0px solid #999999;
}

#sidebar
{
        width:150px;
        float:left;
        margin-top:10px;
        margin-bottom:20px;
        background-color: #dddddd; 
        border: 0px solid #999999; 
       }

#content
{
	float:left;
	width:800px;
	padding-top:15px;
        padding-left:0px;
        padding-right:0px;
        padding-bottom:0px;
        margin-left: auto;
        margin-right: auto;
        margin-top:5px;
        margin-bottom:20px;
        border-top: 1px solid #999999;
}

#footer
{
	clear:both;
	margin-top:10px;
	background:url(https://www.heidi-schaefer-art.de/s/img/footer-bg.gif) repeat-x top;
        background-color:#ffffff;
	height:0px;
}
/* .gutter = Klassenselektor - für mehrere HTML-Elemente */
#footer .gutter 
{
	margin-top:50px;
        height:30px;
 	padding:30px 15px 0 15px;
}

/*  Navigation
----------------------------------------------- */

ul#mainNav1
{
        margin:0px;
	padding:0px;
}

ul#mainNav1 li
{
        display: block;       
	margin: 0px;
/*JO Abstand der Buttons in Navigationsleiste */
 	padding: 3px;
}

ul#mainNav1 li a
{
/*JO Beeinflussung der Navigationsschrift, unterstreichen, Rahmen, Schriftart, -Größe */
 	font:normal 12px/120% Verdana, Geneva, Arial, Helvetica, sans-serif; 
	text-decoration: none;
/*	display: inline;     */
	color:#666666; 
	border-bottom:0px solid #cccccc;  
}


ul#mainNav1 li a { padding:4px 4px 4px 4px; }
}


ul#mainNav1 a:hover
{
/*JO Mouse over Farbe */
       color:#000000;
}

/*JO Farbe der aktuellen Seite Navigation */
ul#mainNav1 a.current { font-weight:lighter;color:#aa0000 }