/* Reset */
html, body, div, h1, h2, h3, h4, h5, h6, ul, ol, dl, li, dt, dd, p, blockquote, pre, form, fieldset, table, th, td { 
  margin: 0; 
  padding: 0; 
  font-size: 100%; 
}

img { border: 0; }

table { border-collapse: collapse; }

body { 
  margin: 0px; 
  background-color: White; 
  color: Black; 
  font-family: Verdana, Arial, Helvetica, sans-serif; 
  font-size: 62.5%; /* This should guarantee 10px. */ 
  /* line-height: 1; */ 
}

h1, h2, h3, h4, h5 { font-weight:normal; margin-bottom:0.5em; color: #808080; }

p, li { line-height: 150%; font-size: 1.2em; margin-bottom:0.1em; }
sup { color: #FC0000; font-weight: bold; }
.coding { background: #eeeeee; }

code { font-size: 1.2em; }
tt { font-size: 1.2em; }
pre { font-size: 1.2em; }

.linkpdf { 
  background:transparent url(http://www.ethernut.de/img/icopdf.gif) no-repeat scroll left center;
  padding:2px 0px 2px 20px;
}
.linkwp { 
  background:transparent url(http://www.ethernut.de/img/icow.gif) no-repeat scroll right center;
  padding:2px 20px 2px 0px;
}
.linkext { 
  background:transparent url(http://www.ethernut.de/img/icoext.gif) no-repeat scroll right center;
  padding:2px 20px 2px 0px;
}
a:link { color: black; text-decoration: none; }
a:visited { color: black; text-decoration: none; }
a:hover, a:active {  color: #cc0000; text-decoration: none; }

/* ============================================================
** Top navigation.
** ============================================================
**/
#topnav { white-space: nowrap; font-size:1.5em; font-weight:bold; padding-top:5px; vertical-align: bottom; }
#topnav a { color: Black; text-decoration: none; padding: 5px; padding-bottom: 3px; vertical-align: bottom; }
#topnav a:hover, #topnav a.navpos { color: White; background-color: #c00; }
#topnav img.logolink { vertical-align: bottom; }
#topnav a.logolink { padding-bottom: 0; }
#topnav a.logolink:hover { background-color: Transparent; }
#topnavline { clear: both; width: 100%; line-height: 4px; height: 4px; background: #c00; display: block; }

#lnav { float:left; }

/* ============================================================
** Content.
** ============================================================
**/

#content div.lboxof2 { float:left; width:45%; margin-right:3%; }
#content div.rboxof2 { float:right; width:45%; margin-left:3%; }

#content div.lboxof3 { float:left; width:30%; margin-top:20px; margin-right:3%; text-align:center; }
#content div.mboxof3 { float:left; width:30%; margin-top:20px; text-align:center; }
#content div.rboxof3 { float:right; width:30%; margin-top:20px; margin-left:3%; text-align:center; }

#content .coding { background-color:FFF; border:solid #A0A0A0 1px; margin-top:10px; margin-bottom:10px; font-size:1.2em; line-height: 130%; padding:0.5em 1em 0.5em 1em; }

#content { font-size: 1.2em; padding: 20px; color:#333; }
#content h1 { color: #FC0000; font-size: 2.1em; margin-top:20px; }
#content .firsthead { margin-top:0; }
#content h2 { color: #808080; font-size: 1.8em; margin-top:30px; }
#content h3 { color: #808080; font-size: 1.4em; margin-top:20px; }
#content h4 { color: #808080; font-size: 1.3em; margin-top:20px; }
#content h5 { color: #808080; font-size: 1.2em; margin-top:20px; }
#content p, #content li { font-size:1em; text-align:left; }
#content p { margin:1em 0 1em 0; }

#content ul, #content ol { list-style-position:outside; margin:0.5em 2em 1em; }
#content ul { list-style-type:circle; }

#content th, #content td { border-style:solid; border-width:1px; border-color:CCC; padding:3px; }
#content td { vertical-align:top; }
#content th { background-color:EEE; }
#content table { border-collapse:collapse; }
#content .numeric { text-align:right; }

#content a:link { text-decoration: underline; }
#content a:visited { text-decoration: underline; }
#content a:hover { color: #cc0000; text-decoration: underline; }
#content a:active { color: #cc0000; text-decoration: underline; }


/* ============================================================
** Overviews.
** ============================================================
**/

#overview img { margin-top:10px; margin-bottom:10px; }
#overview h2 a:link { color:#888; text-decoration: none; }
#overview h2 a:visited { color:#888; text-decoration: none; }
#overview h2 a:hover, #overview h2 a:active {  color: #cc0000; text-decoration: none; }

/* ============================================================
** Old styles.
** ============================================================
**/

.menu { font-weight: bold; color: white; line-height: 150%; }
td.tmenu { background-color: #cc0000; font-size: 1.2em; padding: 0.5em; border: 0; }
td.lmenu { background-color: Black; font-size: 1.2em; padding: 0.5em; border: 0; }
td.nopad { border: 0; }
.nopad { padding: 0; }
td.content { border: 0; padding-left: 1em; padding-right: 1em; padding-top: 1em; padding-bottom: 1em; }

/*
table {
  font-size: 1em;
}

tr {
}

th { 
  font-weight: normal;
  color: black;
  background-color:#e0e0e0;
  vertical-align:top;
  text-align:left;
  padding:3px;
  padding-top:6px;
  padding-bottom:2px;
}


td { 
  vertical-align:top;
  line-height: 150%;
  /*
  border-right:1px solid #cccccc;
  border-bottom:1px solid #cccccc;
  padding:3px;
}
*/


/* First column, right aligned. */
td.frcol { text-align: right; border-left: 1px solid #cccccc; }

/* First column, left aligned. */
td.flcol { text-align: left; border-left: 1px solid #cccccc; }