/*
 Stylesheet for webspace http://www.gut-wirtz.de/
 by Franz-Josef Wirtz
 */
body,table,td,tr,div,p,pre,h1,h2,h3,h4,ul {font-family: "Trebuchet MS", "Arial", "Helvetica", sans-serif;}
body,td,div,p,pre,ul {font-size: medium;}
body {background: #FFF5EE none; color: #2F4F4F}
hr {background: teal none; color: #FFF5EE; height: 3px}
/*
  #FFF5EE = seashell         general background
  #FFF9F7                    background between white and seashell (quotes)
  #F5F5DC = beige            alternating background
  #FFEFD5 = papayawhip       footer / header background
  #008080 = teal             frames / lines
  #E5E2C5                    navigation line / abstract background
  #2F4F4F = darkslategray    general text
  #228B22 = forestgreen      link
  #556B2F = darkolivegreen   visited link
  #F08080 = lightcoral       active link
 */

/* h1 always for title only */
/* h2 with navigation bar */
h2
{
 background: #FFEFD5 none; color: #2F4F4F;
 font-size: x-large; 
 padding-left: 0.2em; padding-bottom: 0.3ex; 
 border-bottom: black solid 0
}
h3
{
 background: #FFEFD5 none; color: #2F4F4F; 
 font-size: large; 
 padding-left: 0.2em; padding-bottom: 0.7ex; padding-top: 0.3ex; 
 margin-top: 1.2ex; margin-bottom: 0
}

blockquote, q {background: #FFF9F7 none; color: teal}
blockquote {padding: 1%}
blockquote .origin {background: #FFF9F7 none; color: #2F4F4F; font-size: small;}

p, dl, ul {margin-top: 0.2ex; margin-bottom: 0.7ex}

p, blockquote, dd, li {text-align:justify}

.small {font-size: small;}
.mini {font-size: x-small;}
.minimini {font-size: xx-small;}
.micro {font-size: xx-small;}
.emoticon {background: yellow none; color: black; border: black thin solid}
.keyword {letter-spacing: 0.1em}
.clear {clear:both;}
.decoseparator {font-weight: bold;}
.hilite {background: orange none; color: black; border: black thin solid}

/* for usage in header/footer */
.underlay {background: #FFEFD5 none; color: #2F4F4F; margin-top: 0; margin-bottom: 0 }

/* for usage in tables / lists */
.alternate {background: #F5F5DC none; color: #2F4F4F; }

a {font-weight: bold;}
a:link {color: #228B22; text-decoration: underline}
a:visited {color: #556B2F; text-decoration: underline}
a:active {background: white none; color: #F08080; text-decoration: underline}
a:hover {background: white none; color: #2F4F4F}
a.emaillink { }
a.externallink { }
a.internallink { }
a.downloadlink { }
a.downlink { }
a.uplink { }    
img.link { }

em.brand {font-style: normal; font-weight: bold}
em.person {font-style: italic}
em.concept {font-style: italic; font-weight: bold}
em.booktitle {font-weight: bold}

dt {font-weight: bold}

/* p:first-child p.first-letter might be ok too */
p.first:first-letter {font-size: x-large; font-weight: bold; color: teal; background: #FFF5EE none; }
p.tableofcontent {margin-left: 1em}
p.strut {height: 10px; margin-bottom: 0; font-size: 0 }
p.struthalf {height: 5px; margin-bottom: 0; font-size: 0 }
p.shortlegend {margin-top:0; margin-bottom:0; font-size: x-small; text-align: center;}
p.legend {margin-top:0; margin-bottom:0; font-size: x-small; }
p.navbottom { }
img.link {width: 15px; height: 15px; border: 0; vertical-align: middle; margin-left: 0.2em; margin-right: 0.2em}

/*
 title with logo
 */
h1 {background: #FFEFD5 none; color: #2F4F4F; font-size: x-large; margin-bottom: 0; padding-left: 1%; padding-right: 1%; padding-top: 0.5%; padding-bottom: 2%}
img.fjwlogo {width: 68px; height: 50px; border: none; vertical-align: middle;}
#amazonpartnertitle {width: 120px; height:70px; border: thin solid teal; background: #FFF9F5; color: #2F4F4F; vertical-align: top; float:right; margin-left: 0.2em; margin-top: 0ex; margin-bottom: 0.2ex;margin-right:0em; padding:0.5%; font-size:small }

/*
 navigation bars top and bottom
 neither Internet Explorer nor Mozilla nor Amaya display horizontal rules <hr> correctly :-(
 */
div.navigation {
 background: #E5E2C5 none;
 color: #2F4F4F;
 text-align: right;
 font-size: small;
 padding-right: 0.2em;
 border-top: 3px solid teal;
 border-bottom: 6px solid teal;
 margin-left: 0em;
 margin-right: 0em;
 margin-top: 0;
 margin-bottom: 0;
 }

img.buttonnavleft {width: 15px; height: 15px; border: none; vertical-align: middle; margin-left: 0.2em; margin-right: 0.2em}
img.buttonnavright {width: 15px; height: 15px; border: none; vertical-align: middle; margin-left: 0.2em; margin-right: 0.2em}
img.buttonnavtop {width: 15px; height: 15px; border: none; vertical-align: middle; margin-left: 0.2em; margin-right: 0.2em}
img.buttonnavdown {width: 15px; height: 15px; border: none; vertical-align: middle; margin-left: 0.2em; margin-right: 0.2em}
img.buttonnavhome {width: 21px; height: 15px; border: none; vertical-align: middle; margin-left: 0.2em; margin-right: 0.2em}

/*
 hierarchy indicator
 */
div.hierarchy {background: #FFEFD5 none; color: #2F4F4F; font-weight: bold; padding-left: 1%; padding-right: 0}

/*
 abstract box
 */
div.abstract {background: #E5E2C5 none; color: #2F4F4F; margin: 1%; border: medium solid teal; padding-left:0; padding-right:0; clear:both;}
div.abstract h2 {background: #E5E2C5 none; color: #2F4F4F; margin: 0; padding-left: 1%; padding-right: 1%; border: 0 red dashed }
div.abstract p {margin: 0; padding-left: 1%; padding-right: 1%; padding-bottom: 0.7ex; border: 0 blue dotted }

/*
 overall container ( between abstract and footer )
*/
div.contentcontainer{ border: 0 solid blue; clear:both;}

/*
 table of content
 */
div.toccontainer {margin-top: 0; border: 0 solid teal; clear:both;}
div.toccontainer h2 {padding-left:0.2em; padding-right:0; margin-top: 0; margin-bottom: 0;border: 0 dotted red}
ul.toc {padding-top:0; margin-top:0; border: 0 dashed green ;}

/*
 header and content of chapter
*/
div.chaptercontainer {border: 0 solid red; clear:both;}
div.chaptercontent{clear:both;}

/*
 reference
*/
div.reference {border: thin solid teal; background: white none; color: #2F4F4F; margin: 1%; padding: 1%;clear:both; }

div.floatbox {float: left}

/*
 amazon book link
 */
div.booklink{border: thin dotted teal; background: #F5F5DC none; color: #2F4F4F; margin: 1px; padding: 1%; float: left; width: 120px; font-size: small; text-align: center}
.cover { margin-right:0.4em; vertical-align: top;}
img.amazonpartner {width: 150px; height:75px; border:1px; vertical-align: middle; margin-left: 0.8em; margin-top: 0.8ex; margin-bottom: 0.8ex}
img.amazonbuch {width: 100px; height:70px; border:1px; vertical-align: top; margin: 1px}
.amazonbutton { border: none; float: left; margin-right:0.8em; }

/*
 footer
 */
div.footer {background: #FFEFD5 none; color: #2F4F4F; font-size: small; text-align: left; margin-top: 0.8ex; margin-bottom: 0}
div.buttoncontainer {float:left; vertical-align: middle; border:none; margin-top: 5px;margin-bottom:5px; margin-left:0; margin-right:5px; padding-left: 5px; padding-right:5px; padding-bottom:5px; padding-top:2px}
img.validate {width: 88px; height: 31px; border: none; vertical-align: middle; margin-left: 0.8em; margin-top: 0.8ex; margin-bottom: 0.8ex}
img.fcbutton {width: 107px; height: 53px; border: none; vertical-align: middle; margin-left: 0.8em; margin-top: 0.8ex; margin-bottom: 0.8ex}
div.advertisment {float: right; border: thin solid teal; background: #FFF9F5; color: #2F4F4F;
  vertical-align: middle; margin-top: 5px;margin-right:0; margin-bottom:5px; padding-left: 5px; padding-right:5px; padding-bottom:5px; padding-top:2px; font-size: small}
/*
 exclude interactive stuff when printing
 */
@media print{
div.navigation, div.hierarchy, div.footer, img.link { display: none}
}

/*
 some special styles
 */