html, body {
	background-color: white;
	background: url(images/hintergrund.gif) no-repeat;
	margin: 0;
	padding: 0;
	font-family: Arial, Helvetica, sans-serif;
	font-size: 12px;
  text-align: justify;
}

#header {
	width: 988px; /* 828px */
	margin-bottom: 12px; /* 22px */
	_margin-bottom: 8px;
}

#header.spacer {
  min-width: 644px; /* 484px */
}

#header img {
	border: 0 none;
	margin: 0;
	padding: 0;
	display: inline;
}

#topnav {
	background: url(images/g_element_lio.gif) no-repeat;
	width: 100%;
	min-width: 890px;
	_width: 890px; /* 770px */
}

#container {
	margin: 0 0 0 49px;
}

.menustyle, #menu {
	background: #69C;
	border-left: 6px solid #369;
	width: 60px; /* 120px */
	min-width: 60px; /* 120px */
	_width: 60px; /* 120px */
}

#menu {
	padding: 10px;
	padding-top: 0;
}

#menu a {
	color: #FFF;
	text-decoration: none;
	font-weight: bold;
}

#menu a:hover, #menu {
	color: #036;
}

#menu li {
	font-weight: bold;
	margin: 10px 0 0 0;
}

#menu li li {
	font-weight: normal;
}

#menu ul {
	margin: 0;
	padding: 0;
	list-style-type: none;
}

#menu ul ul li {
	margin: 10px 0 0 10px;
}

#linepane {
	width: 20px;
	min-width: 20px;
}

#linepane img {
	display: block;
	/*float: right;*/
}

#contentpane {
	border: 2px solid #69C;
	border-left-width: 0;
	border-bottom-width: 0;
}

#content {
	margin: 0;
	padding: 10px 30px 10px 20px;
	width: 780px; /* 560px */
	min-width: 780px; /* 560px */
	color: #404040;
	min-height: 300px;
	/* IE-Hack, der vom CSS-Validator ausgegebene Fehler ist falsch. Dieser Hack ist valide. */
	_height: 300px;
}

#content .standardtext {
  font-family: Arial, Helvetica, sans-serif;
  font-size: 12px;
  font-weight: normal;
  text-align: justify;
	color: #404040;
}

#content h1 {
	font-size: 16px;
}

img.frame {
  border: 1px solid #F0F0F0;
}

#content p {
	margin-bottom: 6px;
}

#content h2 {
	font-size: 14px;
	border-bottom: 1px solid #FD9E11;
	padding-bottom: 5px;
	margin-bottom: 5px;
  margin-top: 0px;
  padding-top: 10px;
}

#help, #search {
	color: #404040;
  text-align: justify;
}

#help h1, 
#search h1 {
	font-size: 16px;
  font-weight: bold; 
}

#help h2, 
#search h2 {
	font-size: 14px;
	border-bottom: 1px solid #FD9E11;
	padding-bottom: 5px;
	margin-bottom: 5px;
  margin-top: 0px;
  padding-top: 10px;
  font-weight: bold; 
}

#content a {
  color: #036;
  font-weight: bold; 
  text-decoration: none;
}

#content a:hover {
  text-decoration: underline;
  color: #036;
  font-weight: bold;
}

#content strong {
	font-size: 13px;
	font-weight: bold;
}

#footnote {
	color: #666;
	padding: 8px;
	padding-right: 0;
	margin: 0;
	font-size: 9px;
}

#footnote a, #footnote .links {
	text-align: right;
	font-weight: bold;
	font-size: 13px;
	color: #69C;
	text-decoration: none;
}

#footnote a:hover {
	color: #036;
}

#topnav img, #topnav a {
	margin: 0;
	padding: 0;
/*	display: inline;*/
}

#topnav .current {
	margin-left: 62px;
}

#topnav a, #topnav .current {
	margin-right: 60px; /* 52px */
}

#topnavitems a .current {
	margin-right: 0px;
}

#topnavitems {
	height: 29px;
}



/***********************************
 * yWorks Homepage standard classes
 ***********************************/
h1 { font-size: 13px; font-weight: bold; padding-left: 0px}
h2 { font-size: 12px; font-weight: bold; padding-left: 0px}
td { font-size: 12px; }
th { font-size: 12px; }
a:link {font-weight: normal; text-decoration: none;}
a:visited {font-weight: normal; text-decoration: none;}
a:hover {font-weight: normal; text-decoration: none; }
a:active {font-weight: normal; text-decoration: none;}

/*.standardtext { font-family: Verdana, Arial, Helvetica, Geneva, sans-serif; font-size: 12px; font-weight: normal; padding-left: 50px; padding-right: 50px; }
*/
.standardtabletext { font-family: Verdana, Arial, Helvetica, Geneva, sans-serif; font-size: 12px; font-weight: normal; padding-left: 5px; padding-right: 5px; }
.tabletext { font-family: Verdana, Arial, Helvetica, Geneva, sans-serif; font-size: 12px; font-weight: normal; }


/*********************************
 * Knowledgebase specific classes
 *********************************/

/* searchword highlighting */
.highlight1 { background: #FFFF99}
.highlight2 { background: #FF9999}
.highlight3 { background: #33FFCC}
.highlight4 { background: #996633}
.highlight5 { background: #669999}



/***************************
 * search result appearance
 ***************************/
.resultTableHead { font-family: Verdana, Arial, Helvetica, Geneva, sans-serif; font-size: 12px; font-weight: normal; text-align: right;}
.resultNr {
  font-size: 16px;
  font-weight: bold;
  background-color: #CDCDDD;
  text-align: right;
  vertical-align: top;
}
.resultName {
  font-size: 16px;
  font-weight: bold;
  background-color: #CDCDDD;
}
.resultName a:link {color:black; font-weight: bold;}
.resultName a:visited {color:black; font-weight: bold;}
.resultName a:hover {color:black; text-decoration: underline; font-weight: bold;}
.resultName a:active {color:black; font-weight: bold;}
.resultDate {
  font-size: 12px;
  font-weight: bold;
  padding-left: 0px;
  background-color: #CDCDDD;
  text-align: center;
  vertical-align: top;
}

.hitCount {font-family: Verdana, Arial, Helvetica, Geneva, sans-serif; text-align:right;}
.ignoredKeywords {font-family: Verdana, Arial, Helvetica, Geneva, sans-serif; text-align:left; font-weight: bold}




/**********************
 * article appearance
 **********************/
.artTitle {
  font-size: 16px;
  font-weight: bold;
}
.summary {
  font-size: 14px;
  font-weight: bold;
  text-align: left;
}
.webstartlink { text-decoration: none; }
.codetext { font-family: Courier New, Courier, monospaced; /*background-color:#EEEEFF;*/ }

.samplecode_table {
  border: solid #000000 1px;
  font-family: Courier New, Courier, monospaced;
  background-color: #FFFFFF;
  width: 70%;
  margin-top: 20px;
  margin-bottom: 20px;
}
.note_table {border: solid #009900 1px; font-family: Verdana, Arial, Helvetica, Geneva, sans-serif; background-color: #E5FFE5; width:100%; margin-top:10px; margin-bottom:10px;}
.warning_table {border: solid #990000 1px; font-family: Verdana, Arial, Helvetica, Geneva, sans-serif; background-color: #FFE5E5; width:100%; margin-top:10px; margin-bottom:10px;}
.resource_table {border: solid #000099 1px; font-family: Verdana, Arial, Helvetica, Geneva, sans-serif; background-color: #E5E5FF; width:100%; margin-top:20px; margin-bottom:20px;}
.keyword_table {
  border: solid #000000 1px;
  font-family: Verdana, Arial, Helvetica, Geneva, sans-serif;
  background-color: #D3D3D3;
  margin-left:50px;
  margin-right:50px;
}




/*********************************
 * samplecode syntax highlighting
 *********************************/
/* java samplecode */
.java_keyword{ color: #000099}
.java_lineComment { color: #737373}
.java_blockComment { color: #737373}
.java_numericLiteral { color: #780000}
.java_characterLiteral { color: #006F00}
.java_stringLiteral { color: #99006B}
.java_operator { color: #FF0000}
.java_separator { color: #000000; font-weight:bold}
.java_methodCall { color: #000000; font-weight: bold}
.javadoc_default { color: #009900}
.javadoc_keyword { color: #FF9933}
.javadoc_html_tag { color: #FF9933}
.javadoc_link { color: #FF9933}

/* xml samplecode */
.xml_namespace { color: #00007C; font-weight: bold}
.xml_element { color: #0000FF}
.xml_process { color: #00007C; font-weight: bold}
.xml_processString { color: #00007C}
.xml_value { color: #99006B}
.xml_attribute { color: #007C00}
.xml_comment { color: #737373}
.xml_string { color: #000000} 

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

/**************
 * Help Page
 **************/
.emphasis {
  color: #C82828;
}

.gwt-TreeItem-selected div.gwt-HTML {
  background-color: #E0E0E0;
}

div.tree-product {
  font-size: 13px;
  font-weight: bold;
}

div.tree-category {
  font-size: 12px;
  font-weight: normal;
}

div.tree-article {
  font-size: 12px;
}