/***		kinderyogabuch		***/
html, body{
	width:100%;
	height:100%;
	margin:0;
	padding:0;
}

body{
  font-family: Arial, Verdana, Helvetica, sans-serif;
  font-size: 14px;
  line-height: 16px;
  text-align:center;
  background:#EFEFEF url('/media/kinderyogabuch/gfx/stripe_01.png') ;
}

td,li{
  font-family: Arial, Verdana, Helvetica, sans-serif;
  font-size: 14px;
  line-height: 16px;
}

p {max-width:666px;}

table td{vertical-align:top;}

.headline,h3 .headline{
	font-size:18px;
	font-weight:bold;
	color:#ED8D55;
}

a {
	text-decoration:none;
	font-weight:bold;
	color:brown;
}
a:hover{
	text-decoration:underline;
}

.clearFloat{
	clear:both;
	font-size:0px;
	line-height:0px;
	margin:0px;
	padding:0px;
	height:1px;
}

#globalCon{
	margin: 0 auto;
	width:960px;
	border-left:1px solid #ED8D55;
	border-right:1px solid #ED8D55;
	position:relative;
	background: #FFF url(/media/kinderyogabuch/gfx/bg_top.gif) top left repeat-x;
	text-align:left;
	min-height:100%;
	height:auto !important;
	height:100%;

}

#wrapHeadCon{
	background: url(/media/kinderyogabuch/gfx/logo.png) top right no-repeat;	
	margin:0 !important;
	padding:0 !important;
}

#headCon{
	height:140px;
}

#logoCon{display:none;}

#mainCon{
  margin-top:0px;
  height:auto;
}
.mainDiv{
  padding:0 20px 20px 20px;
  text-align:left;
}

/*----------------------------------------   LIST STYLE  -----------------------------------------------------------------------*/

#pdfListCon td{vertical-align:middle;}
#pdfListCon td a{color:brown;font-weight:bold;}

.tableWrapper{width:100%; overflow-x:auto;}
.tableStyle {border:1px solid black; width:100%;}
.trHeader  {background-color:brown;}
.tdHeader  {color:#FFCC99; height:20px; border:0px solid black;} /*width is dynamic, thus will be added later*/
.tdHeaderDiv{position:relative; height:100%; width:100%; top:0; left:0; border:0px solid orange; font-size:12px; line-height:20px;} /*margin:4px 0;*/
.tdHeaderClick{position:absolute; height:100%; width:100%; top:0; left:0; z-index:400; border:0px solid green;}
.trContent{}
.tdContent{background-color: #FFEDCB; height:50px; padding:0 10px; border-bottom:0px solid black;}


/*-----------------------------------------MENU CONTAINER-----------------------------------------------------------------------*/
#menuCon{
	width:100%;
	height:30px;
	z-index:200;
	position:absolute;
	top:34px;
	left:0;
}

#menuCon ul, #submenuCon ul{
	padding:0 !important;
	margin:0 !important;
	list-style: none;
}

#menuCon li, #submenuCon li{
	list-style-position: inside;
	/*margin-left: 0 !important; works only for FF*/
	margin-left:16px; /*works only for IE*/
	height:22px;
float:left;
	font-size:16px;
	line-height:22px;
	background:url(/media/kinderyogabuch/gfx/lotusNor.png) center left no-repeat;
}

#menuCon a, #submenuCon a{
	display:block;
	margin-left:25px;
	text-decoration:none;
	color:#ed8d55;
}
#menuCon a:hover, #submenuCon a:hover{
  color:brown !important;
  font-weight:bold;
}
#menuCon li .menuItemSel{
  background:url(/media/kinderyogabuch/gfx/lotusSel.png) center left no-repeat;
}
.menuItemSel a{
  color:brown !important;
  font-weight:bold;
}
.submenuItemSel a{
	color:brown !important;
}
.submenuItemNone{
	padding-left:26px;
}
/*----------------------------------------SUBMENU CONTAINER---------------------------------------------------------------------*/
#submenuCon{
  position:absolute;
  top:64px;
  left:0;
  height:30px;
  padding:0;
  margin:0;
}
#submenuCon a{
	font-size:14px;
	color:#FFF;
}

#contentDiv, #contentDiv > h2{
	margin:0;
}