/*  CSS Layout
----------------------------------------------- */

div#edit
{
	width:850px;
}


div#emotionheader
{
	position:relative;
	width:850px;
	height:190px;
	background: #FFF url('../images/web-banner.jpg') no-repeat top left;
	overflow:hidden;
}



div#emotionheader strong#emotionheader_titel
{
	position: absolute;
    display:block;
	top: 66%; left: 4%; 
	font:normal 29px/140% Helvetica, Arial, sans-serif;
	color: #B1ACA1;
	margin:0;
	padding:0;
}

.emotionheaderbg { background-color:#B8B8B8;}



.body
{
	padding:20px 0px;
	text-align:center;
}


div#container
{
	position:relative;
	top:-10px;
	width:852px;
	margin:0 auto;
	padding-bottom:1px;
	border:10px solid #FFFFFF;
	text-align:left;
	background-color:white;
}


div#wrapper
{
	width:848px;
	margin:1px;
	margin-bottom:0px;
	border:1px #B4AD9E solid;
}


div#wrapper_rechts
{
	position:relative;
	z-index:7;
	float:left;
	width:570px;
	margin-top:10px;
}


div#emotion
{
	width:850px;
	border:1px white solid;
}

div#nav_top
{
	width:850px;
	padding:5px 0px;
	background-color:#a3c644;
	background-position:bottom;
	background-repeat:repeat-x;
	margin:0 1px;
}

div#content
{
	width:570px;
	background: url(../images/content_bg.gif) repeat-y top left;
}


div#sidebar
{
	position:relative;
	z-index:10;
	float:left;
	width:0px;
}

div#jimdobox
{
margin-bottom:30px;
}

div#sidebar_bottom
{
	margin:20px;
}

div#footer
{
	width:584px;
	background-image:url(../images/footer_bg.gif);
	background-repeat:no-repeat;
	background-position:top left;
	padding-bottom:15px;
}

/* gutter */

div#header .gutter { padding: 10px 40px 10px 30px; }
div#content .gutter { padding: 10px 40px 0 40px; }
div#mainContent .gutter { padding: 10px 40px 0 40px; height: 400px; }
div#sidebar .gutter { padding: 25px 6px 10px 10px; }
div#footer .gutter{ padding: 23px 30px 0 40px; }


/*  MainNav Level 1
----------------------------------------------- */

ul#mainNav1
{
	text-align: left;
	padding:0;
	margin:0;
	padding-top:10px;
}

ul#mainNav2,
ul#mainNav3
{	
	text-align:left;
	margin:0;
	padding:0;
	list-style-type:none;
}


ul#mainNav1 li,
ul#mainNav2 li,
ul#mainNav3 li
{
	display:inline;
	margin:0;	
	padding:0;
	text-decoration:none;
}

ul#mainNav1,
ul#mainNav2,
ul#mainNav3 { overflow:hidden; } /* Firefox and all */

* html ul#mainNav1,
* html ul#mainNav2,
* html ul#mainNav3 { height:1%; overflow:visible; } /* IE */



ul#mainNav1 li a,
ul#mainNav1 li a:visited
{
	text-decoration:none;
	display:block;
	float:left;
	color:white;
	border-right:1px #555 solid;
	font-size:11px;
	font-weight: bold;
	white-space:nowrap;
}


ul#mainNav2 li a,
ul#mainNav2 li a:visited,
ul#mainNav3 li a,
ul#mainNav3 li a:visited
{
	text-decoration: none;
	display:block;
	border-bottom:1px dotted #CCC;
	color:#333;
}

ul#mainNav3 li a,
ul#mainNav3 li a:visited
{
	color:#999;
}



ul#mainNav1 li a, ul#mainNav1 li a:visited { padding:5px 15px 5px 15px; }
ul#mainNav2 li a, ul#mainNav2 li a:visited { padding:2px 20px 2px 22px; }
ul#mainNav3 li a, ul#mainNav3 li a:visited { padding:2px 5px 2px 45px; }


ul#mainNav1 li a:hover
{
	text-decoration:underline;
}
ul#mainNav2 li a:hover,
ul#mainNav3 li a:hover
{
	background-color:#EEE;
	border-bottom:1px white solid;
}

div#navigation ul#mainNav1 li a.current
{

}

ul#mainNav2 li a.current,
ul#mainNav3 li a.current
{ 
	color:black;
	font-weight:bold;
}