/* -----------------------------------------------
Schlicht dreispaltig
Author:   N. Macht
Version:  1.0 April 2008
----------------------------------------------- */
/*  CSS Layout
----------------------------------------------- */

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


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

div#wrapper {
	width:896px;
	margin:1px;
	margin-bottom:0px;
	border:1px #B4AD9E solid;
	padding:20px 0 2px 0;	
}

div.content_bg {
	background: url(https://u.jimcdn.com/cms/o/layout/le2dc379691a4b089/img/content_bg.gif) repeat-y 190px 0;
}

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

div#navigation {
	width:898px;
	padding:5px 0;
	background: url(https://u.jimcdn.com/cms/o/layout/le2dc379691a4b089/img/nav_bg.gif) bottom left repeat-x #282828;
	margin:0 1px;
}

div#sub_navi {
	float:left;
	width:190px;
	border-top:1px solid white;
}

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

div#content {
	float:left;
	width:505px;
}

div#sidebar {
	float:right;
	width:190px;
}

div#footer {
	float:left;
	width:510px;
	background-image:url(https://u.jimcdn.com/cms/o/layout/le2dc379691a4b089/img/footer_bg.gif);
	background-repeat:no-repeat;
	background-position:top left;
	padding-bottom:15px;
}

/* gutter */
div#content .gutter { padding:0 15px 0 15px; }
div#sub_navi .gutter { padding:0 5px 0 5px; }
div#sidebar .gutter { padding:0 3px 0 3px; }
div#footer .gutter{ padding:30px 30px 0 40px; }


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

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

ul.mainNav2{	
	text-align:left;
	margin:0 0 30px 0;
	padding:0;
	list-style-type:none;
}


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:#cccccc;
	border-right:1px #555 solid;
	font-size:11px;
	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;
	background:url(https://u.jimcdn.com/cms/o/layout/le2dc379691a4b089/img/dots.gif) left bottom repeat-x;
	color:#333333;
}

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

ul.mainNav1 li a, ul.mainNav1 li a:visited { padding:5px 15px 10px 15px; }
ul.mainNav2 li a, ul.mainNav2 li a:visited { padding:10px 5px 5px 5px; }
ul.mainNav3 li a, ul.mainNav3 li a:visited { padding:5px 5px 5px 20px; }


ul.mainNav1 li a:hover {
	color:#ffffff;
}

ul.mainNav2 li a:hover,
ul.mainNav3 li a:hover {
	background-color:#eeeeee;
}

div#navigation ul.mainNav1 li a.current,
div#navigation ul.mainNav1 li a.parent {
	font-weight:bold;
	color:#ffffff;
}

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