/*
-----------------------------------------------
LITTLE TREE TEMPLATE
Author:    Nadja Macht (1, Juli 2008)
Rebuild:   Y. Kollega (Nov 09)
----------------------------------------------- */

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

.body {
	text-align:center; 
}

div#container {
	width:880px;
	margin:0 auto; 
	text-align:left;
	padding:0px 0px !important; 
}

div#wrapper {
	position:relative;
	width:880px;
	border-top:1px solid #B3E8F2;
	border-bottom:1px solid #B3E8F2;
	background:url('https://u.jimcdn.com/cms/o/layout/l59874a179e49ae6e/img/container_bg.gif') repeat-y 0 0 #ffffff;
}

div#header {
	position:relative;
	width:878px;
	height:113px;
	margin:0 0 0 1px;
	background:url('https://u.jimcdn.com/cms/o/layout/l59874a179e49ae6e/img/header.png') no-repeat left bottom;
}

div#navigation {
	width:878px;
	float:left;
	background:url('https://u.jimcdn.com/cms/o/layout/l59874a179e49ae6e/img/menu_bg.gif') repeat-x 0 0;
	border:1px solid #99CC00;
	list-style:none;
}

div#emotion {
	position:relative;
	display:inline;
	width:452px;
	float:right;
	margin:16px 14px 0 0;
}

div.content_bg {
	width:878px;
	margin:0 0 0 1px;
	background:url('https://u.jimcdn.com/cms/o/layout/l59874a179e49ae6e/img/content_bg.png') repeat-x 0 0;
}

div.cloud {
	margin:0 0 0 1px;
	padding:15px 15px 0 15px;
	background:url('https://u.jimcdn.com/cms/o/layout/l59874a179e49ae6e/img/cloud_under_menu.gif') no-repeat 82px 0;
}

div#content {
	position:relative;
	width:420px;
	float:left;
	margin:0 0 0 20px;
}

div#left {
	position:relative;
	width:180px;
	float:left;
}

div#sub_navigation {
	width:180px;
	padding:0 0 40px 0;
	list-style:none;
}

div#sidebar {
	position:relative;
	width:200px;
	float:right;
	background:#E8F8FB;
}

/*  Innenabstaende
----------------------------------------------- */
div#sidebar div.gutter { padding:4px; }
div#content div.gutter {}
div#footer  div.gutter { padding:50px 0 20px 0; }

/*  Fixe Schrift + Links
----------------------------------------------- */
div#footer,
div#footer a,
div#footer a:visited {
	color:#3CB4D9;
}

/*  Sub-Elements
----------------------------------------------- */

div.jimdofriends {
	float:left;
	width:0;
	padding:0 !important;
	margin:0 0 20px 0 !important;
}

div.jimdofriends .vcard {
	border:none !important;
	border-bottom:1px solid #d7e7fc !important;
	background:transparent !important;
	padding:0 0 4px 0 !important;
	margin:4px 0 4px 0 !important;
	background:#E8F8FB;
	}
	
div#content div.jimdofriends {width:0; width:420px !important;}
div#content div.jimdofriends .vcard {width:0; width:400px !important;}

div#sidebar div.jimdofriends {width:0; width:180px !important;}
div#sidebar div.jimdofriends .vcard {width:0; width:175px !important;}

/*  Navigation
----------------------------------------------- */
ul.mainNav1,
ul.mainNav2,
ul.mainNav3 {
	text-align:left;
	margin:0;
	padding:0;
	line-height:100%;
	list-style:none;
}

ul.mainNav1 {
	width:100%;
}

ul.mainNav1 li,
ul.mainNav2 li,
ul.mainNav3 li {
	display:inline;
	margin:0;	
	padding:0;
	list-style:none;
}

ul.mainNav1 li a, ul.mainNav1 li a:visited {
	display:block;
	float:left;
	color:#606F30;
	text-decoration:none;
	font-size:11px;
	text-transform:uppercase;
	padding:40px 9px 15px 9px;
}

ul.mainNav2 li a, ul.mainNav2 li a:visited {
	display:block;
	width:180px;
	color:#666666;
	background:url('https://u.jimcdn.com/cms/o/layout/l59874a179e49ae6e/img/dots.gif') repeat-x left bottom;
	text-decoration:none;
	font-size:11px;
	text-transform:none;
	padding:10px 0 10px 0;
}

ul.mainNav3 li a, ul.mainNav3 li a:visited {
	width:160px;
	padding:8px 0 8px 20px;
}

ul.mainNav1 li a:hover,
ul.mainNav1 li a.current {
	border-bottom:4px solid #99CC00;
	padding:40px 9px 11px 9px;
	color:#606F30;
}

ul.mainNav2 li a:hover,
ul.mainNav3 li a:hover {
	color:#3CB4D9;
}

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

/* Fix Navi Admin Panel */
ul.mainNav1,
ul.mainNav2,
ul.mainNav3 { overflow:hidden; } 

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