/* in this style sheet we use color names for most color. We use hex value of 
color only when the color name is not defined in common browsers, a.k.a
#006582	petrol 
#98989a	darker darkGray 
*/
/* Note: IE accept LightGrey but not LightGray
         IE accept Gray but not Grey
         IE accept DimGray but not DimGrey
         IE accept DarkGray but not DimGrey
*/
/* Note:
	a 'background-color' immediately followed by another 'background-color'
	is the color adjustment done to fit Design Guide
*/

html {
	background-color: Gainsboro;
	background-color: #efebef;
}
body {
	/*  10pt = smallest acceptable size for western 
	senior citizens and Chinese ideograph */
	font-size: 10pt;
	/* but VDMA needs smaller font,
	"font-size: small" smallest font size a browser can render ideographs */
	font-size: small;
	/* actually, VDMA example web pages use even smaller fonts at gray color,
	we don't compromise that far at cost of readibility */
	font-family: Verdana, Helvetica, Tahoma, Arial;
	width: 911px;
	margin: 1em auto;
	background-color: LightGrey;
	background-color: #ced7de;
	background-image: url(images/main_bg.png);
	background-repeat: repeat-y;
	background-position: center center;
	color: black;
	/* VDMA prefer gray color */
	color: #707070;
}
ol, ul { /* for IE to display them the way Firefox does */
	margin-left: 0pt;
	padding-left: 3em;
}

.clearboth { clear: both; }
:link, :visited { text-decoration: none; }
:link { color: DarkOrange; }
:visited { color: peru; }
.left_column :link, .right_column :link { color: #006582; }
.left_column :link, .right_column :visited { color: #004562; }

.left_column {
	float: left;
	width: 200px;
}
#mozToc {
	padding-left: 0em;
}
#mozToc li {
	/* IE bug: without following border the Toc become too tall on IE */
	border: 1px solid WhiteSmoke;
	list-style-type: none;
}
#mozToc {
	color: DarkOrange;
}
#mozToc a {
	display: block;
}
.mozTocH2 {
	float: right;
	width: 9px;
	height: 10pt;
	background-image: url(images/totop.gif);
	background-position: bottom center;
	background-repeat: no-repeat;
}

.teaser {
	font-style: italic;
	padding: 0em 2em;
}

#center {
	float: right;
	width: 481px;
	padding: 0 15px;
}

h1 {
	color: DimGray;
	color: #737173;
	font-size: large;
}
body.cat-index-page h1 {
	/* by default Fx have some 1ex margin but IE don't */
	margin-top: 1ex;
	background-color: #98989a;
	line-height: 100%;
	padding: 4pt;
	font-weight: bold;
	color: white;
	font-size: medium;
	text-align: center;
}

#center h2 {
	font-size: small;
	color: #006582;
	line-height: 150%;
}

#center h3, #center h4, #center h5, #center h6 {
	/* h4 should be defined smaller font, but 
	1) that's rediculous to have headline at x-small and
	2) for historical reason some h4 are misused for h3.
	so we keep h3 & h4 at same size.
	*/
	font-size: small;
}
#center h3 {
	/* trying to make a bit difference between h3 and h4 */
	color: #444444;
}

#center .contact {
	margin-top: 0.5ex;
	margin-bottom: 0.5ex;
	padding-top: 0.5ex;
	padding-bottom: 0.5em;
	background-color: White;
	padding-left: 25px;
	background-image: url(images/email.png);
	background-repeat: no-repeat;
	background-position: left center;
	line-height: 100%;
}
#center .author {
	margin-top: 0.5ex;
	margin-bottom: 0.5ex;
	padding-top: 0.5ex;
	padding-bottom: 0.5em;
	background-color: White;
	padding-left: 25px;
	background-image: url(images/pencil.png);
	background-repeat: no-repeat;
	background-position: left center;
	line-height: 100%;
}
.back_button {
	padding-left: 25px;
	background-image: url(images/link_back.gif);
	background-repeat: no-repeat;
	background-position: left center;
}
.right_column {
	float: right;
	width: 200px;
}
#footer {
	border-top: 0.5em solid Gainsboro;
	clear: both;	
	font-size: small;
	text-align: center;
	color: white;
	background-color: #006582;
	padding: 0.2em;
}
#footer a:hover {
	/* should be this simple if there were no IE */
	/* text-decoration: overline; */
	margin-top: 1px; 
	border-top-width: 1px; 
	border-top-style: solid;
	border-top-color: rgb(255, 204, 153); 
	text-decoration: overline;
}
.divSideboxHeader {
	font-weight: bold;
	padding-left: 1ex;
	font-size: small;
	line-height: 200%;
	color: white;
	border-top: #006582 solid thick;
	background-color: #98989a;
}

.right_column ul {
	padding-left: 1em;
	list-style-type: none;
}
.right_column p {
	padding-left: 1em;
}

.right_column ul li {
	margin-left: 0em; /* for IE */
}

.right_column ul li :link,
.right_column ul li :visited {
	display: block;
	background-image: url(images/link.gif);
	background-position: center left;
	background-repeat: no-repeat;
	font-weight: bold;
	padding-left: 1em;
	color: #006582;
	text-decoration: none;
}
.right_column ul li :visited {
	color: #004562;
}

.right_column ul li :link:hover {
	background-image: url(images/link_over.gif);
	background-repeat: no-repeat;
}

.mydms_block {
	margin-bottom: 1em;
}
#center h2.related_downloads,
#center h2.linklist,
#center .mydms_block .title {
	background-color: DarkOrange;
	background-color: #f79200;
	padding-left: 1em;
	font-weight: bold;
	color: #006582;
	line-height: 200%;
	margin-bottom: 0px;
}
#center ul.related_downloads, 
#center ul.linklist, 
#center .mydms_block ul {
	list-style-type: none;
	font-weight: bold;
	margin-top: 0pt;
	padding-top: 1ex;
	padding-left: 2pt;
	padding-bottom: 1ex;
	margin: 0pt; /* for IE */
	background-color: white;
}
#center ul.related_downloads li,
#center ul.linklist li,
#center .mydms_block li {
	margin: 2pt;
	padding-left: 4pt;
}

body.cat-index-page h2 {
	line-height: 150%;
	padding-left: 1em;
	padding-right: 1em;
	margin-bottom: 0.5ex;
	background-color: LightGrey;
}

body.cat-index-page h3 {
	/* this is for the old design shown in an early customer
	demonstration where orange color is used for all h3:
	width: 400px;
	*/
}

body.cat-index-page h3 :visited {
	background-color: peru;
}
body.cat-index-page h3 :link:hover ,
body.cat-index-page h3 :visited:hover {
	background-image: url(images/right_arrow_hover.png);
	background-color: #98989a;
}
body.cat-index-page h3 :link {
	display: block;
	background-image: url(images/right_arrow.png);
	background-repeat: no-repeat;
	background-position: 380px center;
	color: white; 
}
#category-index h3 {
	background-color: orange;
}

.nav-cat-description, .nav-page-description {
	display: block;
	position: fixed;
	top: 3em;
	display: none;
	left: 50%;
	margin-left: -450px;
	top: 20%;
	height: 60%;
	background-color: Azure;
	padding: 1em;
	border: medium ridge Azure;
	width: 200px;
}

/*
#navigation-index .nav-page-entry:hover > .nav-page-description, #navigation-index .nav-cat-entry:hover > .nav-cat-description {
	display: block;
}
#navigation-index .nav-page-entry, #navigation-index .nav-cat-entry {
	margin-left: 1em;
	border: medium solid snow;
	list-style-type: circle;
	list-style-image: none;
}
#navigation-index .nav-cat-entry:before { content: '';}
#navigation-index .nav-page-entry:before { content: '';}
#navigation-index .nav-page-entry { padding-left: 1em;}
#navigation-index .nav-cat-entry:hover { border: medium solid LightGray;}
*/
#navigation-index .nav-cat-entry:before { content: '';}
#navigation-index .nav-page-entry:before { content: '';}
#navigation-index li {
	list-style-type: none;
	line-height: 140%;
}
#navigation-index > ul > li {
	background-color: #006582;
	color: white;
}
#navigation-index ul { padding-left: 0em; }
#navigation-index ul li { border-top: 1px solid LightGrey; }
#navigation-index ul :link,
#navigation-index ul :visited {
	background-color: #98989a;
	display: block;
	padding-left: 0.5em;
	color: white;
}
#navigation-index ul ul,
#navigation-index ul ul :link,
#navigation-index ul ul :visited {
	background-color: Gainsboro;
	color: DimGray;
	font-weight: normal;
}
#navigation-index ul ul ul { 
	background-color: Gainsboro;
	color: DimGray;
	padding-left: 1em;
	border: 1px solid white;
}



#header #navigation-path ul > li:first-child a:before {
	content: '';
}
#header #navigation-path ul > li:last-child {
	font-weight: bold;
}
#header #navigation-path li :link, #header #navigation-path li :visited {
	color: DimGray;
}
#header #navigation-path li {
	float: none; /* remove default.css definition */
	display: inline;
}
#header #navigation-path ul{
	margin: 0px;
	padding: 3pt;
	background-color: LightGrey;	
	border-top: thin solid DarkGray;
	border-bottom: thin solid DarkGray;
}

/* below line is used to un-define default.css */
#langsel_flags {
	display: block;
	width: auto;
	margin-bottom: 0pt; 
	margin-top: 0pt; 
	padding-left: 0pt;
}

#langsel_flags li { 
	list-style-type: none;
	float: none;  /* to overwrite default.css */
	border-top: thin solid Gray;
	border-left: thin solid Gray;
	border-right: thin solid Gray;
	margin-right: 0px;
	padding-left: 1em;
	padding-right: 1em;
}
#langsel_flags li :link img { border: none;}
#langsel_flags li :visited img { border: none;}
.hidden-page {
	background-color: LightGray;
}
/* Wolfgang suggested: (10:22:52 PM 2007-03-05):
Is it difficult to remove the author from the news module (job market)
*/
.news_submitter { display: none;}
.news_date { white-space: nowrap;}
.news_title {font-size: medium;}

div.briefing {
	min-height: 103px;
}
div.briefing, div.subsection-teaser, div.subsection-teaser-without-image {
	background-color: Snow;
}

div.briefing h3, div.briefing p, div.briefing ul,
div.subsection-teaser h3, div.subsection-teaser p, div.subsection-teaser ul
{
	margin-left: 90px;
}

div.briefing img, div.subsection-teaser img {
	float: left;
	margin-right: 1em;
}
ul.teaserlinks {
	padding-left: 0pt;
}
ul.teaserlinks li {
	list-style-type: none;
	padding-left: 20px;
	background-image: url(images/link.gif);
	background-repeat: no-repeat;
	background-position: left center;
	font-weight: bold;
}
dl.mydms_fullview {
	background-color: rgb(252,252,252);
}
dl.mydms_fullview dt {
	float: left;
	overflow: hidden;
	margin-top: 1ex;
	margin-bottom: 1ex;
	width: 25%;
}
dl.mydms_fullview dd {
	margin-left: 0pt;
	padding-top: 1ex;
	padding-bottom: 1ex;
	color: #006582;
	font-weight: bold;
}
dl.mydms_fullview dd:hover {
	background-color: lightgrey;
}