/* +-+-+-+-+-+-+-+-+-+-+-+-+-+-+-+-+-+-+-+-+-+-+-+-+-+-+-+-+-+-+-+-+-+-+-+-+-+-+
 * +- [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: transparent;
	margin: 10px 10px 10px 0px;
}

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:#FFF; 
}

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

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

div#teaser
	{
	clear: both;
	width:260px;
	margin:30px 20px 20px 20px;
	padding: 10px 0px 10px 10px;
	font-size: 180%;
	line-height: 110%;
	float:right;
	border: 1px dotted #988E84;
	}

div.ZMSTeaserContainer
	{
	margin: 0;
	padding: 0;
	}

div.ZMSTeaserElement
	{
	margin: 0;
	padding: 0;
	}
	
div.ZMSTeaserElement div.graphic
	{
	margin: 0 0 5px 0;
	padding: 0;
	}

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

div.ZMSTeaserElement div.title a:link,
div.ZMSTeaserElement div.title a:visited,
div.ZMSTeaserElement div.title
	{
	font-family: Arial, sans-serif;
	text-transform: uppercase;
	font-weight:normal;
	font-size: 120%;
	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: red;
  font-weight: bold;
  border: 1px dashed blue; 
}



/*** BASIC ***/


body {
	font-family: Georgia, serif;
	color: #988E84;
	background-color: #eee;	
	font-size: 10px;
	line-height: 10px;
	padding: 0px 0 0 0px;
	margin: 0px;
}

.inline {
	display: inline;
}

.hidden {
	display: none;
}

.right {
	float: right;
}

.clear {
	clear: both;
	line-height: 1px;
}

img {
	border: 0px;
}

/*** LINKS ***/

a:link,
a:visited {
	color: black;
}

a:hover,
a:active {
	color: blue;
}


/*** TABLES LISTS AND FORMS ***/

select,input {
	color: black;
	background-color: white;
	border: 1px solid #999;
}

table,tr,td {
	padding: 0;
	margin: 0;
}
ol,ul {
	/* margin-top:5px;
	margin-bottom:5px; */
}

ul.noBullets,
ol.noBullets,
li.noBullets {
	list-style-type: none;
	padding: 0;
	margin: 0;
}

#Content ul {
	padding: 0px 0px 0px 0px;
	margin: 0px;
	/* text-indent: 50px; */
	width: 99%;
}


/*** HEADLINES AND PARAGRAPHS ***/

}
h1 {
	font-size: 360%;
	line-height: 200%;
}
h2 {
	font-size: 360%;
	line-height: 180%;
}
h3 {
	font-size: 240%;
	line-height: 160%;
}
h4, h5, h6 {
	font-size: 180%;
	line-height: 140%;
}


h3.sub,h4.sub {	
	line-height: 1.0em;
	margin: 0 0 3px 0;
}

p, div.formSection {	
	font-size: 180%;
	line-height: 140%;
	padding: 0px;
	margin: 0px;
}

h1, h2, h3, h4, h5, h6 {
	font-family: Arial, sans-serif;
	color: #010101;
	padding: 0px;
	margin: 0px;
	font-weight: normal;
	text-transform: uppercase;
}

.Intro {
	color: gray;
	font-size: 18px; line-height: 20px; font-style: italic;
}

#Content p, div.formSection {
	padding-bottom: 20px;
}



/*** FUNCTIONAL AREAS ***/

#Logo {
	float:left;
	margin-right: 10px;
	}

#Page {
	text-align: left;
	width: 960px;
	margin: 0px;
	padding: 20px;
	background-color: #FFF;
}

#breadcrumbs,
#langSwitches,
#SiblingNavigation,
#MainNav,
#primary-nav,
#Content,
#Index,
#Footer {
	padding: 0;
	margin: 0;
}

#breadcrumbs {
	height: 60px;
}

#MainNav {
	height: 80px;
	padding-top: 0px;
}

#langSwitches {
	height: 40px;
	text-align: right;
	font-size: 11px;
}

#Footer {
	border-top: 1px solid #988E84;
	clear: both;
	padding: 10px 0 30px 0;
	font-family: arial, sans-serif;
	font-size: 120%;
	color: #988E84;
}

#copyright {
	float:left;
}

#Content {
	margin-top: 40px;
}

/*** CONTACT FORM ***/

.orderForm {
	clear: both;
	padding: 0px 0 40px 0;
	}

input {
	font-size: 180%;
	line-height: 140%;
	margin-right: 2px;	
	}
	
input.button {
	font-size: 280%;
	color: #fff;
	background-color: #988E84;
	font-weight: normal;
	font-family: Arial, sans-serif;
	text-transform: uppercase;
	}
	
	
input.button:hover {
	color: #fff;
	background-color: #010101;
	}

/*** SIBLING NAVIGATION ***/

#SiblingNavigation li a {
	font-family: Verdana, sans-serif;
	color: black; 	
	font-size: 11px; font-weight: normal;
	line-height: 20px;
}

#SiblingNavigation {
	padding: 0px 0px 0px 0px;
	margin: 0;
	float: left;
}

ul#SiblingNavigation li {
	display: inline;
	list-style-type: none;
}

#SiblingNavigation li a {
	float: left;
	background-color: #DDDDDD;
	padding: 0px 4px 0px 4px;
	margin: 0px 5px 5px 0px;
	border-bottom: 1px solid #D3DD02;
	text-decoration: none;
}

#SiblingNavigation li a.current {
 background-color: #D3DD02;
}

#SiblingNavigation li a:hover {
 background-color: #D3DD02;
}





/*** INDEX NAVIGATION ***/

.indexItem a {
	font-family: Verdana, sans-serif;
	color: black; 	
	font-size: 11px; font-weight: normal;
	line-height: 20px;
}


/*** SECONDARY NAVIGATION ***/

ul#secondaryNav {
	margin: 0;
	padding: 0;
}

ul#secondaryNav li {
	list-style: none;
	float:right;
	padding: 0 0 0 20px;
	margin: 0;
}

ul#secondaryNav li a {
	text-decoration:none;
}


/*** BO PRIMARY NAVIGATION: Unless you know what you do, do not touch this ***/ 

#menu_vert {
	margin-left: 1px;
	margin-right: 1px;

}

/*** The wrapper clears the floating elements of the menu ***/

/*** Fix for Opera 8 ***/

.clearb {
	clear: both;
}

#menuwrapper {
	/* Fix for Opera 8 */
	/* overflow: hidden; */
	background-color: #FFFFFF;
	border-bottom: none;
	width: 600px;
}

 

/*** Set the width of the menu elements at second level. Leaving first level flexible. ***/

#primary-nav { 
	font-size: 280%;
	line-height: 140%;
}

#primary-nav li li {
	width: 340px; 
}
 

#primary-nav, #primary-nav ul { 
	list-style: none; 
	margin: 0px;
	padding: 0px;
}

#primary-nav ul {
	position: absolute; 
	top: auto; 
	display: none; 
}

#primary-nav ul ul { 
	margin-top: 1px;
	margin-left: 0px;
	border-left: 2px solid #FFF;
	left: 100%; 
	top: 0px; 
}

#primary-nav li {
	margin-left: -1px;
	float: left; 
}

#primary-nav li li {
	margin-left: 0px;
	margin-top: 0px;
	float: none;
	position: relative; 
}

 
/*** Styling the basic apperance of the menu elements ***/

#primary-nav a {
	font-weight: normal;
	font-family: Arial, sans-serif;
	text-transform: uppercase;
	display: block;
	margin: 0;
	padding: 0px 5px; 
	text-decoration: none; 
	color: #FFF;
}

#primary-nav li a {
	border: 0;
}

#primary-nav li li a {
	border: 0 0 0px 0 solid #C0C0C0;
}	

#primary-nav li,
#primary-nav li.menuparent {
	background-color: #988E84;
	margin-right: 4px;
}

#primary-nav li ul li,
#primary-nav li ul li.menuparent {
	background-color: #988E84;
	color: #FFF;
	border-bottom: 0px solid #D3DD02;
	border-top: 2px solid #FFF;
}

#primary-nav li ul li ul li,
#primary-nav li ul li ul li.menuparent {
	background-color: #988E84;
	color: #FFF;
	border-bottom: 0px solid #D3DD02;
	border-top: 2px solid #FFF;
}

 

/*** Styling the basic apperance of the active page elements (shows what page in the menu is being displayed) ***/

#primary-nav li.menuactive {
	background-color: #010101;
	color: #FFF; 
}

 

/*** Styling the basic apperance of the menuparents - here styled the same on hover (fixes IE bug) ***/

#primary-nav ul li.menuparent,
#primary-nav ul li.menuparent:hover, 
#primary-nav ul li.menuparenth { 
	/* arrow for menuparents */
	background-image: url(images/cms/arrow.gif); 
	background-position: center right; 
	background-repeat: no-repeat;
}


/*** Styling the apperance of menu items on hover ***/

#primary-nav li:hover,
#primary-nav li.menuh,
#primary-nav li.menuparenth,
#primary-nav li.menuactiveh { 
	background-color: #010101;
	color: #FFF; 
}

#primary-nav li ul li:hover,
#primary-nav li ul li.menuh,
#primary-nav li ul li.menuparenth,
#primary-nav li ul li.menuactiveh { 
	background-color: #010101;
	color: #FFF; 
}

#primary-nav li ul li ul li:hover,
#primary-nav li ul li ul li.menuh,
#primary-nav li ul li ul li.menuparenth,
#primary-nav li ul li ul li.menuactiveh { 
	background-color: #010101;
	color: #FFF; 
}


/*** The magic - set to work for up to a 3 level menu, but can be increased unlimited ***/

/* just add 
#primary-nav li:hover ul ul, 
#primary-nav li.menuparenth ul ul ul,
for fourth level */

#primary-nav ul,
#primary-nav li:hover ul,
#primary-nav li:hover ul ul,
#primary-nav li.menuparenth ul,
#primary-nav li.menuparenth ul ul { 
	display: none; 
}

 
/* add 
#primary-nav ul ul ul li:hover ul, 
#primary-nav ul ul ul li.menuparenth ul,
for fourth level */

#primary-nav li:hover ul, 
#primary-nav ul li:hover ul, 
#primary-nav ul ul li:hover ul, 
#primary-nav li.menuparenth ul, 
#primary-nav ul li.menuparenth ul, 
#primary-nav ul ul li.menuparenth ul { 
	display: block; 

}

/* IE Hacks */

#primary-nav li li {
	float: left; 
	clear: both; 
}

#primary-nav li li a {
   height: 1%; 
}

/*** EO PRIMARY NAVIGATION ***/













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

.ZMSTable th { background-color: white; }
.ZMSTable tr { background-color: white; }
.ZMSTable td { background-color: white; }

.zmiTableRowEven {background-color:white;}
.zmiTableRowOdd {background-color:white;}

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

body.zmi h1, body.zmi h2, body.zmi h3, body.zmi h4, 
body.zmi h5, body.zmi h6  {
  color:black;
	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;
}