/* +-+-+-+-+-+-+-+-+-+-+-+-+-+-+-+-+-+-+-+-+-+-+-+-+-+-+-+-+-+-+-+-+-+-+-+-+-+-+
 * +- Body
 * +-+-+-+-+-+-+-+-+-+-+-+-+-+-+-+-+-+-+-+-+-+-+-+-+-+-+-+-+-+-+-+-+-+-+-+-+-+-+
 */
 
body.print 
	{ 
	background-color:#fff; 
	}

/* +-+-+-+-+-+-+-+-+-+-+-+-+-+-+-+-+-+-+-+-+-+-+-+-+-+-+-+-+-+-+-+-+-+-+-+-+-+-+
 * +- Search Form
 * +-+-+-+-+-+-+-+-+-+-+-+-+-+-+-+-+-+-+-+-+-+-+-+-+-+-+-+-+-+-+-+-+-+-+-+-+-+-+
 */
.searchresult {
margin-bottom:20px;
}
.searchresult span.title {
display:block;
font-weight:bold;
}
.searchresult span.description {
display:block;
}
.searchresult span.linkpath {
display:block;
font-size:smaller;
line-height:1.3em;
} 

/* +-+-+-+-+-+-+-+-+-+-+-+-+-+-+-+-+-+-+-+-+-+-+-+-+-+-+-+-+-+-+-+-+-+-+-+-+-+-+
 * +- [WAI] ZMSLinkContainer
 * +-+-+-+-+-+-+-+-+-+-+-+-+-+-+-+-+-+-+-+-+-+-+-+-+-+-+-+-+-+-+-+-+-+-+-+-+-+-+
 */

div.ZMSLinkContainer
	{
	background-color: #eee;
	}

/* +-+-+-+-+-+-+-+-+-+-+-+-+-+-+-+-+-+-+-+-+-+-+-+-+-+-+-+-+-+-+-+-+-+-+-+-+-+-+
 * +- [WAI] ZMSFile / ZMSLinkElement
 * +-+-+-+-+-+-+-+-+-+-+-+-+-+-+-+-+-+-+-+-+-+-+-+-+-+-+-+-+-+-+-+-+-+-+-+-+-+-+
 */

div.ZMSFile, div.ZMSLinkElement 
	{ 
	background-color: #F8F8F8;
	margin: 4px;
	}

div.ZMSFile.none, div.ZMSLinkElement.none 
	{
	background-color: transparent;
	border: 2px dashed #eee;
	}

div.ZMSFile.floatleft, div.ZMSLinkElement.floatleft 
	{ 
	float:left;
	width:50%
	}

div.ZMSFile.floatright, div.ZMSLinkElement.floatright 
	{ 
	float:right;
	width:50%
	}

div.ZMSFile div.title, div.ZMSLinkElement div.title 
	{
	font-size:x-small;
	white-space:nowrap;
	}

div.ZMSFile div.title a:link, div.ZMSFile div.title a:visited, 
div.ZMSLinkElement div.title a:link, div.ZMSLinkElement div.title a:visited 
	{
	font-weight:bold;
	font-size:x-small;
	text-decoration:none;
	color:black;
	}

div.ZMSFile div.text, div.ZMSLinkElement div.text 
	{
	font-size:xx-small;
	}

div.ZMSFile div.description, div.ZMSLinkElement div.description 
	{
	font-size:x-small;
	}

/* +-+-+-+-+-+-+-+-+-+-+-+-+-+-+-+-+-+-+-+-+-+-+-+-+-+-+-+-+-+-+-+-+-+-+-+-+-+-+
 * +- [WAI] ZMSGraphic
 * +-+-+-+-+-+-+-+-+-+-+-+-+-+-+-+-+-+-+-+-+-+-+-+-+-+-+-+-+-+-+-+-+-+-+-+-+-+-+
 */

div.ZMSGraphic {
	background-color: #F8F8F8;
	margin: 4px;
}

div.ZMSGraphic.left {
	text-align:left;
}

div.ZMSGraphic.right {
	text-align:right;
}

div.ZMSGraphic.center {
	text-align:center;
}

div.ZMSGraphic.floatleft {
	float:left;
}

div.ZMSGraphic.floatright {
	float:right;
}

div.ZMSGraphic.center {
	text-align:center;
}

div.graphic.alignleft {
	float:left;
	text-align:right;
}

div.graphic.alignright {
	float:right;
	text-align:right;
}

div.ZMSGraphic div.text {
	padding: 4px;
}

/*-- ## FF Patch ## --*/
div.ZMSGraphic.right div.graphic {
	width:100% !important; 
}
div.ZMSGraphic.right div.graphic img {
	display:inline !important;
}

a.zoom img.zoom {
	width: 23px;
	height: 21px;
	background: url(/misc_/zms/zoom.gif);
}

a.download img.download {
	width: 23px;
	height: 21px;
	background: url(/misc_/zms/download.gif);
}

a.superzoom img.superzoom {
	width: 23px;
	height: 21px;
	background: url(/misc_/zms/superzoom.gif);
}

/* +-+-+-+-+-+-+-+-+-+-+-+-+-+-+-+-+-+-+-+-+-+-+-+-+-+-+-+-+-+-+-+-+-+-+-+-+-+-+
 * +- [WAI] ZMSTables
 * +-+-+-+-+-+-+-+-+-+-+-+-+-+-+-+-+-+-+-+-+-+-+-+-+-+-+-+-+-+-+-+-+-+-+-+-+-+-+
 */

table.ZMSTable th {
	background-color:#DDEFFC; 
}

table.ZMSTable td {
	background-color:#EEEEEE; 
}

body.print table.ZMSTable th, 
body.print table.ZMSTable td {
	background-color:transparent; 
}

/* +-+-+-+-+-+-+-+-+-+-+-+-+-+-+-+-+-+-+-+-+-+-+-+-+-+-+-+-+-+-+-+-+-+-+-+-+-+-+
 * +- [WAI] ZMSTeaser
 * +-+-+-+-+-+-+-+-+-+-+-+-+-+-+-+-+-+-+-+-+-+-+-+-+-+-+-+-+-+-+-+-+-+-+-+-+-+-+
 */

div#teaser
	{
	width:150px;
	font-size:x-small;
	}

div.ZMSTeaserContainer
	{
	padding:1px;
	margin-bottom:10px;
	}

div.ZMSTeaserElement
	{
	}

div.ZMSTeaserElement img.title
	{
	border: none;
	}

div.ZMSTeaserElement div.title a:link,
div.ZMSTeaserElement div.title a:visited,
div.ZMSTeaserElement div.title
	{
	font-weight:bold;
	text-decoration:none;
	color:black;
	padding: 2px;
	display: block;
	}

div.ZMSTeaserElement div.text a:link,
div.ZMSTeaserElement div.text a:visited,
div.ZMSTeaserElement div.text
	{
	}


/* +-+-+-+-+-+-+-+-+-+-+-+-+-+-+-+-+-+-+-+-+-+-+-+-+-+-+-+-+-+-+-+-+-+-+-+-+-+-+
 * +- [WAI] Misc
 * +-+-+-+-+-+-+-+-+-+-+-+-+-+-+-+-+-+-+-+-+-+-+-+-+-+-+-+-+-+-+-+-+-+-+-+-+-+-+
 */

div.ZMSObject.new, div.ZMSObject.modified {
  border: 2px dashed blue;
  background-color: #F0F0FF;
} 
div.ZMSObject.deleted {
  border: 2px dashed red;
  background-color: #FFF0F0;
  color: red;
  text-decoration: line-through;
} 

span.unicode { 
  font-family:"Lucida Sans Unicode", "Arial Unicode MS", Arial, Helvetica, sans-serif;
}

span.highlight { 
  background-color: yellow;
  color: black;
  font-weight: bold;
}

/**************************************/

/**************************************/
/* 1. CSS-Modul: COLORS               */
/**************************************/
.neutralColorTrans {background-color: transparent}
.neutralColorWhite {background-color: #fff}
.neutralColorLight {background-color: #e8e8e8}
.neutralColorMedium {background-color: #ccc}
.neutralColorStrong {background-color: #999}
.neutralColorBlack  {background-color: #333}
.teaserColor {background-color: #8B5F2A;}
.secondColorStrong {background-color: #aaa;}
.secondColorMedium {background-color: #FFFECB;}
.secondColorLight {background-color: #FFFFE0;}
.primColorStrong {background-color: #B8B81F;}
.primColorMedium {background-color: #CCCC33;}
.primColorLight {background-color: #E7E76C;}

/**************************************/
/* 2. CSS-Modul: LAYOUT (PAGEREGIONS) */
/**************************************/
html {
   min-height:100%;
   width:100%;
   height:auto;
   background: #FFFECB url(http://www.yogaschule-mannheim.de/common/gradient_light.jpg) bottom repeat-x;
}
body#web {
   margin:0;
   padding: 0;
   border: 0;
   font-family: Verdana, Arial, Helvetica, sans-serif;
   font-size: 11px;
   text-align:center;
}

/*-- wrapper for whole page region --*/
#pageregion {
   width:900px;
   margin:auto;
   padding:0;
   border:0;
   text-align:left;
}
/*-- wrapper for providing a full scale left background --*/
#layoutWrapper1_BGleft { 
}
/*-- wrapper for providing a full scale right background --*/
#layoutWrapper2_BGright {	
}
/*-- wrapper for positioning the right column --*/
#layoutWrapper3_ContentAll  {
   width: 100%;
   float:left;
   margin-right:-180px;
}
/*-- wrapper for left column and content column--*/
#layoutWrapper4_ContentLeft {
   margin-right: 180px;
}
#Content {
   width:490px;
   margin-left:180px;
   padding:20px;
   border:0;
}
#Sitemap {
   margin-left:180px;
   padding:20px;
   border:0;
}
#pageregionTop {
   width:100%;
   height:150px;
   margin:0;
   padding:0;
   background: #fffecb;
}
#pageregionLeft {
   float:left;
   margin:0px;
   padding:65px 0;
   width: 180px;
}
#pageregionRight {
   float:right;
   margin:0;
   padding:65px 0;
}
#Logo{
   margin:0;
   border:0;
   padding:0.8em;
}
#pageregionBottom {
   padding:20px 0;
   text-align:center;
}
#Copyright {
   margin:0 180px;
   padding:0.5em;
   border-top:1px dotted #cccc33;
   color:#8b5f2a;
   text-align:center;
} 
#Copyright a, #Copyright a:link, #Copyright a:hover, #Copyright a:visited {
   padding:0.5em;
   color:#8b5f2a;
   text-decoration:none;
} 

/*-- FLOATING ---------------*/
.clearing {
   clear: both;
   height: 0;
   border:0;
   margin:0;
   padding:0;
   font-size:1px;
   line-height:0;
}
.floatRight {
   float:right;
}
.floatLeft {
   float:left;
}
img.imgNoborder {
   border:0px;
}

/**************************************/
/* 3. CSS-Modul: NAVIGATION           */
/**************************************/

/*-- Channel Menu ---------------------------*/

#Menu ul {
   width:100%;
   margin:0;
   border:0;
   padding:0.75em 0;
   background: #cccc33;
}
#Menu ul li {
   display:inline;
   border:0;
   margin:0;
   padding:0.8em 0;
}
#Menu ul li a, #Menu ul li a:link {
   margin:0px;
   border:0px;
   padding:0.8em 1.5em;
   background: #cccc33;
   font-weight:bold;
   color:#8b5f2a;
   text-decoration: none;
}
#Menu ul li a.current, #Menu ul li a:hover {
   background: #b8b81f;
}

/*-- MenuDropdown ---------------------------*/

.child, .subchild { 
   position:absolute;
   visibility: hidden;
   margin-top: 1.0em;
}
.menuDropdown {
   background-color: #e7e76c; 
}
.navDropdown {
   text-align: left;
   border-bottom: 1px solid #fffecb;
   line-height: 1.3em;
   white-space:nowrap;
}
.navDropdown a:link, .navDropdown a:visited {
   display: block;
   padding: 0.50em 1.5em;
   color:#8b5f2a;
   text-decoration: none;
}
.navDropdown a:hover {
   background-color: #cccc33; 
   color:#8b5f2a;
   text-decoration: none;
}

/* -- MACRONAVIGATION -----------------*/

#Macronavigation {
   margin:0;
   border:0;
   padding:0;
   width:180px;
}	
#Macronavigation ul {
   padding:0;
   margin:0;
   list-style-type: none;
}

#Macronavigation ul li {
   margin: 0;
   border: 0;
   padding: 3px 0;
   list-style-type: none;
}
#Macronavigation ul li.active {
   list-style-type: none;
}
#Macronavigation ul li a:link, 
#Macronavigation ul li a:visited {
   display:block;
   padding: 3px;
   padding-left:20px;
   background: url(http://www.yogaschule-mannheim.de/common/icon_inactive.gif) 0px 1px no-repeat;
   color: #333;
   text-decoration:none;
}
#Macronavigation ul li a:hover {
   background: url(http://www.yogaschule-mannheim.de/common/icon_active.gif) 0px 1px no-repeat;
   color: #b8b81f;
   text-decoration:none;
}
#Macronavigation ul li.active a:link,
#Macronavigation ul li.active a:visited {
   background-repeat: no-repeat;
   background-position: 0px 1px;
   background-image: url(http://www.yogaschule-mannheim.de/common/icon_active.gif);
   color: #333;
   text-decoration:none;
}

/* -- SITEMAP ------------------------*/

td.sitemapTitle0 {
   background-color: #ddd;
   border-right: solid 1px #444;
}
td.sitemapTitle1 {
	background-color: #ddd;
	border-right: solid 1px #000;
}
a.sitemapTitle0:link, a.sitemapTitle0:visited ,
a.sitemapTitle0:hover, a.sitemapTitle0:active {
	font-weight: bold;
	color: #444;
	text-decoration: none;
}

a.sitemapTitle1:link, a.sitemapTitle1:visited,
a.sitemapTitle1:hover, a.sitemapTitle1:active {
	font-weight: bold;
	color: #333;
	text-decoration: none;
}

a.sitemapElement0:link, a.sitemapElement0:visited,
a.sitemapElement0:hover, a.sitemapElement0:active {
	color: #444;
	text-decoration: none;
	font-size:11px !important;font-size:small;
}

a.sitemapElement1:link, a.sitemapElement1:visited,
a.sitemapElement1:hover, a.sitemapElement1:active {
	color: #333;
	font-weight: bold;
	text-decoration: none;
	font-size:11px !important;font-size:small;
}

/**************************************/
/* 4. CSS-Modul: TEXT                 */
/**************************************/

#Headline h1 {
	margin-top: 0;
}

h1, h2,  h3, h4, H5, .heading1, .heading2, .heading3, .heading4, .heading5 {
   font-family: Verdana, Arial, Helvetica, sans-serif;
   font-weight: normal;
   color: #8b5f2a;
}
.form, p, ol, ul, li, em, sup, sub, table, tr, th, td {
   font-family: Verdana, Geneva, Arial, Helvetica, sans-serif;
   color : #333;
   font-size: 11px;
}
h1, .heading1, h1.title {
   margin-top:0px; 
   margin-bottom:20px; 
   font-size: 20px;
   line-height: 24px;
}
h2,.heading2 {
   margin:0;
   padding:0;
   font-size:12px;
   line-height:16px
}
h3,.heading3 {
   font-size: 14px;
   line-height: 16px;
   margin-bottom: 0px
}
h4,.heading4 {
   font-size: 12px;
   line-height: 14px 
}
h5,.heading5 {
   font-weight: normal;
   font-size: 12px;
   line-height: 14px 
}
p {
   line-height: 15px;
}
ol {
   line-height: 15px;
}
ul {
   line-height: 15px;
   list-style-type: square;
}
p.caption {
    font-style: italic;
    padding-top:0px;
    margin-top:0px;
    color:#000;
	}
p.emphasis {
   background-color:#cccc33;
   margin-left: 20px;
   margin-right: 30px;
   line-height: 16px;
}

p.description {
	line-height: 16px;
	font-weight:bold;
	color:#999;
	}
p.creator  {
}

p.small {
	font-size: 10px;
	}
p.smalltext {
	font-size: 10px !important; font-size: xx-small;
}

a:link, a:visited {
   color: #333;
   text-decoration: underline;
}

a:hover, a:active {
   text-decoration: underline;
   color: #b8b81f;
}

code {
}

.btn {
   border:0;
   margin-top:5px;
   padding:5px;
   cursor:pointer;
   font-weight:bold;
   font-size:11px;
   color:#8B5F2A;
   background-color:#CCCC33;
}

/**************************************/
/* 5. CSS-Modul: TABLES               */
/**************************************/

table.ZMSTable {
  width:100%;
}
table.ZMSTable tr th {
  background-color:#DDEFFC; 
}
table.ZMSTable tr.even td {
  background-color:#EFEEC2; 
}
table.ZMSTable tr.odd td {
  background-color:#EFEEC2; 
}
table.ZMSTable tr td p {
  margin:0;
  padding:2px 5px;
}

body.print table.ZMSTable th, 
body.print table.ZMSTable td { 
  background-color:transparent; 
}	


/**************************************/
/* 6. CSS-Modul: ZMS-DEFAULTS         */
/**************************************/

div.ZMSGraphic {
	background-color:transparent; 
}
a.zoom img.zoom {
   width: 23px;
   height: 21px;
   background: url(/misc_/zms/zoom.gif);
}

/*--------- ZMS TEASER --------------*/

div#teaser {
   width:180px;
   font-size:11px;
   color:#333;
}
div.ZMSTeaserContainer {
   padding:0;
   margin-bottom:10px;
}
div.ZMSTeaserElement {
   margin:0;
   padding-bottom:10px;
   width:180px;
}
div.ZMSTeaserElement img.title {
   border: none;
}

div.ZMSTeaserElement div.title {
   font-weight:bold;
   text-decoration:none;
   padding:3px;
   padding-left:20px;
   background: url(http://www.yogaschule-mannheim.de/common/icon_inactive.gif) 0px 1px no-repeat;
   display: block;
}

div.ZMSTeaserElement div.text {
   padding:3px;
   padding-left:20px;
   line-height:1.3em
}

/*--------- ZMS LINK --------------*/

div#pageelement_Links {
   width:180px;
}

div.ZMSLinkElement {
   background-color: transparent;
   padding: 2px;
}

div.ZMSLinkElement div.title {
   font-weight:bold;
   color:#333;
   margin: 10px 0px 0px 0px
}
div.ZMSLinkElement div.text {
}

div.ZMSLinkElement div.text ul {
   margin-top: 5px;
   margin-left: -10px !important; margin-left: 20px ;
}

.form {
	color: #000;
	border: 1px solid #666;
	padding: 1px;
	margin: 0;
	font-size: 10px !important; font-size: xx-small;
	voice-family: "\"}\"";
	voice-family: inherit;
	font-size: x-small;
}
	html>.form {
	font-size: x-small;
} 
	
.form-button {
	color: #000;
	background-color: #fff;
	border: 1px solid #666;
	font-family: Verdana, Arial, Helvetica, sans-serif;
	font-weight: bold;
	padding-left: 1px;
	padding-right: 1px;
	margin: 0;
	font-size: 10px !important; font-size: xx-small;
}

/**************************************/
/* 7. CSS-Modul: SPECIAL OBJECTS      */
/**************************************/

li.LinkElementExternal {
   list-style-image:url(common/external_link.gif);
}
li.LinkElementInternal, 
li.LinkElementInternalPortal {
   list-style-image:url(common/external_link.gif);
}
li.LinkElementInternalClient {
   list-style-image:url(common/external_link.gif);
}
li.LinkElementMailto {
   list-style-image:url(common/mail_link.gif);
}

/**************************************/
/* 9. CSS-Modul: PRINT                */
/**************************************/

h1, h2, h3, h4, h5, h6 {
} 
h1.title {
}
p, li, blockquote {
}
ol, ul {
}
p.description {
}
p.caption {
}
p.creator  {
}
p.smalltext {
}
code {
}

/**************************************/
/* 10. ZMI Management Interface       */
/**************************************/

.cmsTxtColorStrong0 { color: #436976; }
.cmsTxtColorStrong1 { color: #666666; }
.cmsBgColorStrong0  { background-color: #8CABB9; }
.cmsBgColorStrong1  { background-color: #CCCCCC; }
.cmsBgColorMedium0  { background-color: #DDE6EC; }
.cmsBgColorLight0   { background-color: #FFFFFF; }
div.ZMSTable table th { background-color:#DDEFFC; }
div.ZMSTable table td { background-color:#EEEEEE; }

.zmiTableRowEven {background-color:#eee;}
.zmiTableRowOdd {background-color:#ccc;}

.form-submit { font-size:12px; }

body.zmi h1, body.zmi h2, body.zmi h3, body.zmi h4, 
body.zmi h5, body.zmi h6  {
	font-family: Verdana,Geneva,Arial,Helvetica,sans-serif;
	font-weight:bold;
	font-size:15px;
	line-height:19px;

} 
body.zmi p, body.zmi li, body.zmi blockquote  {
	font-family: Verdana,Geneva,Arial,Helvetica,sans-serif;
	font-size:12px;
	line-height:15px;
}