/*
jimdo template 4049
phonak 3, jm
css update, yk
*/




/*  layout
----------------------------------------------- */


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


div#cc-tp-container
{
  width: 850px;
  margin: 0 auto;
  padding: 0;
  border: 0px solid #FFFFFF;
  text-align: left;
}


div#cc-tp-emotion
{
  width: 850px;
  margin: 0 auto;
}


div#cc-tp-wrapper
{
  width: 100%;
  background: url(http://afro-ethnic.jimdo.com/s/img/dot.jpg) 640px top repeat-y white;
}


div#cc-tp-mainnavigation
{
  background: url(http://afro-ethnic.jimdo.com/s/img/nav-bg.jpg) #282828 repeat-x left bottom;
}


div.cc-tp-subnavigation1
{
  border: 1px solid white;
  background: #282828;
}


div.cc-tp-subnavigation2
{
  border: 1px white solid;
  border-top: 0;
  background: #474747;
}


div#cc-tp-content 
{
  float: left;
  width: 630px;
}


div#cc-tp-sidebar 
{
  float: right;
  width: 210px;
}


div#cc-tp-footer 
{
  clear: both;
  background: white url(http://afro-ethnic.jimdo.com/s/img/dot.jpg) 0 0 repeat-x;
} 






/*  inner offset
----------------------------------------------- */


div#cc-tp-content  .cc-tp-gutter { padding: 20px 10px 20px 20px; }
div#cc-tp-sidebar  .cc-tp-gutter { padding: 20px 20px 20px 10px; }
div#cc-tp-footer   .cc-tp-gutter { padding: 20px; }






/*  nav
----------------------------------------------- */


ul.mainNav1,
ul.mainNav2,
ul.mainNav3
{
	margin: 0;
	padding: 0;
	text-align: left;
}


ul.mainNav1 li,
ul.mainNav2 li,
ul.mainNav3 li
{
	float: left;
	display: block;
	margin: 0;	
	padding: 0;
	border-right: 1px solid #7E7E7E;
	text-decoration: none;
	color: #ccc;
}


ul.mainNav1 li { margin-top: 2px;}


ul.mainNav2 li,
ul.mainNav3 li 
{
	border-right: 1px solid white;
	margin: 3px 0;
}


ul.mainNav1 li a, ul.mainNav1 li a:visited,
ul.mainNav2 li a, ul.mainNav2 li a:visited,
ul.mainNav3 li a, ul.mainNav3 li a:visited
{
	display: block;
	white-space: nowrap;
	outline: none;
  	text-decoration: none;
  	color: #ccc;
}


ul.mainNav1 li a, ul.mainNav1 li a:visited { padding: 8px 10px; }
ul.mainNav2 li a, ul.mainNav2 li a:visited { padding: 0px 10px; }
ul.mainNav3 li a, ul.mainNav3 li a:visited { padding: 0px 10px; }


ul.mainNav1 li a:hover,
ul.mainNav2 li a:hover,
ul.mainNav3 li a:hover
{
  font-weight: bold;
  color: white;
}


ul.mainNav1 li a.parent,  ul.mainNav1 li a.parent:visited,
ul.mainNav2 li a.parent,  ul.mainNav2 li a.parent:visited,
ul.mainNav1 li a.current, ul.mainNav1 li a.current:visited,
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: white;
}






/* hack, nav admin panel
----------------------------------------------- */


ul.mainNav1,
ul.mainNav2,
ul.mainNav3 
{ 
  overflow: hidden; 
} 


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