
body  
{
	background: url(http://www.hupende-schmidts.de/s/img/body_bg.jpg) top left repeat-x white;
	text-align:center;
}

div#container 
{
	position: relative;
	margin:auto;
	text-align:left;
	width:830px;
	padding-bottom:250px;
}

div#emotion 
{
	position: absolute;
	top: 50px;
	left:10px;
	border: solid 2px white;
	z-index: 10;
}

div#header 
{
	position: absolute;
	top: 73px;
	left:320px;
	background:url(http://www.hupende-schmidts.de/s/img/header.jpg) top left no-repeat;
	width:500px;
	height:300px;
}



div#wrapper 
{
	position:relative;
	top:250px;
	width:830px;
}



div#sidebar 
{
	float:left;
	width:320px;
}

div#sidebar .gutter
{
	padding:20px 10px 10px 10px;
}

div#sidebar #navigation .top
{
 	background: url(http://www.hupende-schmidts.de/s/img/navi_top.jpg) top left no-repeat;
	width:215px;
	height:87px;
}

div#sidebar #navigation .bottom
{
 	background: url(http://www.hupende-schmidts.de/s/img/navi_bottom.jpg) top left no-repeat;
	width:215px;
	height:87px;
}

div#content 
{
	float:left;
	width:500px;
}

div#content .gutter
{
	padding:140px 0 10px 0;
}

div#footer 
{
	background: url(http://www.hupende-schmidts.de/s/img/footer_bg.jpg) top left repeat-x;
	position:relative;
	color: white;
}

div#footer a {color: white;}

div#footer .gutter
{
	padding:20px;
	margin:auto;
}

/*  Navigation
----------------------------------------------- */

ul.mainNav1,
ul.mainNav2,
ul.mainNav3 {
	margin:0;
	list-style:none;
	padding:0;
}

ul.mainNav1{
	padding:10px 0 10px 37px;
}

ul.mainNav1 li,
ul.mainNav2 li,
ul.mainNav3 li {
	display:inline;
	margin:0;	
	padding:0;
	list-style:none;
}

ul.mainNav1 li a {
	display:block;
	padding:10px 5px 10px 20px;
	background:url(http://www.hupende-schmidts.de/s/img/navi.jpg) center left no-repeat;
	color:#8B1515;
	text-decoration:none;
}

ul.mainNav1 li a:hover,
ul.mainNav1 li a.current {
	color: black;
}


ul.mainNav2 li a,
ul.mainNav2 li a:visited {
	display:block;
	padding:4px 5px 4px 40px;
	background:url(http://www.hupende-schmidts.de/s/img/navi.jpg) 20px center no-repeat;
	color:#8B1515;
}

ul.mainNav2 li a:hover,
ul.mainNav2 li a.current {
	color: black;
}

ul.mainNav3 li a,
ul.mainNav3 li a:visited {
	display:block;
	padding:4px 5px 4px 60px;
	background:url(http://www.hupende-schmidts.de/s/img/navi.jpg) 40px center no-repeat;
	color:#8B1515;
}

ul.mainNav3 li a:hover,
ul.mainNav3 li a.current {
	color: black;
}



