/*
 * Design THP-Claudia-Mundt by Roland Mundt, Copyright 2005-2008
 */

/* ==== Layout ==== */

/* the page is divided into mainly 6 areas:

 +-------------------------------+
 | #upperleft  | #upperright     |
 +-------------------------------+
 |        #header                |
 +-------------------------------+
 | #linkList   | #main (content) |
 |             |                 |
 | ...         | ...             |
 +-------------------------------+
 |        #footer                |
 +-------------------------------+
 | #bottomleft | #bottomright    |
 +-------------------------------+

*/

/* ==== Colors ==== */

/* note: the background-color of body actually defines the color of #upperleft, #menubar, the area below #menubar and #bottomleft */
body           { background-color: #F8F8FF;      color: black; } /* floralwhite */
#linkList      { background-color: transparent;  color: black; }
#linkList a    { background-color: transparent;  color: black; } /* for IE */
#upperleft     { background-color: #FFFACD;      color: black; } /* lemonchiffon */
#upperright    { background-color: #FFFACD;      color: black; } /* lemonchiffon */
#header        { background-color: #FFEFD5;      color: black; } /* papayawhip */
#footer        { background-color: white;        color: gray;  }
#printfooter   { background-color: white;        color: gray;  }
#bottomleft    { background-color: #FFFACD;      color: black; } /* lemonchiffon */
#bottomright   { background-color: #FFFACD;      color: black; } /* lemonchiffon */
#main          { background-color: #FFF8DC;      color: black; } /* cornsilk */
#main h1,h2,h3 { background-color: transparent;  color: #333333; } /* color: #666666; */
hr             { background-color: transparent;  color: #999999; border-color: #999999; }

/* ==== Widths and Heights ==== */

/* the width of the linkList is 158px, you may change it here */
#main, #upperright, #bottomright { margin: 0 0 0 168px; }
#upperleft         { width: 168px; }
#bottomleft        { width: 168px; }
#linkList          { width: 158px; }

/* ==== Borders ==== */

/* there is a border between the left bar (#upperleft und #linkList) and the main area
 * on the right (#upperright and #main) - define thickness, style, and color here */
#main              { border-left: 1px solid #999999; }

/* ==== Global Styles ==== */

a:link,
a:visited {
  font-style:       normal;
  text-decoration:  underline;
  color:            blue;
}

body {
  font-family:     Verdana, Geneva, Arial, Helvetica, sans-serif;
  font-size:       100%;
  margin:          0;
  padding:         0;
  border:          none;
}

p { /* for IE */
  margin:          0;
  padding:         0.6em 0.6em 0.2em 1em;
}

h1, h2, h3, h4, h5 { /* for IE */
  margin:          0;
  padding:         0.6em 0.6em 0.2em 0em;
}

em {
  text-decoration: none;
  font-style:      normal;
  background:      #FFFACD; /* lemonchiffon */
}

code, kbd, pre, samp, tt {
  font-family:     "Courier New", Courier, monospace;
  font-size:       110%; /* Courier tends to be too small */
}

pre {
  line-height:     1em;
  margin:          1em;
  padding:         0;
}

hr {
  color:           #999999;
  background:      transparent;
  height:          1px;	/* for IE */
  margin:          1em 0;
  padding:         0;
  border-color:    #999999;
  border-width:    1px;
  border-style:    none none solid none;
}

#main h1,h2,h3 {
  font-family:     "Times New Roman", Times, serif;
}

#main h1 {
  font-weight:     normal;
  font-size:       200%;
}

#main h2 {
  font-weight:     normal;
  font-size:       150%;
}

#main h3 {
  font-weight:     normal;
  font-size:       120%;
}

table {
  margin:          0;
  padding:         0.6em 0.6em 0.2em 1em;
}

/* ==== Special Global Styles ==== */

.code {
  padding:          0.4em;
  border:           1px dotted gray;
  background:       #dddddd;
}

.smallfont {
  font-size:       90%;
  line-height:     1.4em;
}


/* ==== Main Content ==== */

#main {
  text-align:      justify;
  line-height:     1.4em;
  padding:         0.25em 1.5em 0.5em 1em;
  min-height:      330px;
}

/* a trick to overcome a strange behaviour of IE, apparantly by John Zaitseff -- http://www.zap.org.au/~john/
 * anyway, see his great design Sinorcaish http://www.zap.org.au/documents/styles/sinorcaish/example/index.html
 */
#endmain {
  visibility:      hidden;
  clear:           both;
}


/* ==== Upperleft ==== */

#upperleft {
  float:           left;
  margin:          0;
  border-bottom:   1px solid #999999;
  border-right:    1px solid #999999;
  height:          119px;
}

#upperleft p {
  margin:          0;
}

/* ==== Upperright ==== */

#upperright {
  margin:          0;
  border-bottom:   1px solid #999999;
}

#upperright p {
   margin:         0;
}

/* ==== Bottomleft ==== */

#bottomleft {
  float:           left;
  clear:           both;
  text-align:      center;
  vertical-align:  middle;
  margin:          0;
  border-top:      1px solid #999999;
  border-right:    1px solid #999999;
  height:          51px;
}

/* ==== Bottomright ==== */

#bottomright {
  text-align:      left;
  vertical-align:  middle;
  margin:          0;
  border-top:      1px solid #999999;
  line-height:     45px;
  padding:         3px;
}

/* ==== Header ==== */

#header {
  margin:           0;
  padding:          0.5em 1.5em 0.5em 0.5em;
  clear:            both;
  color:            #854500;
  background-color: #FFF8DC; /* cornsilk */
}

#header h1 {
  margin:          0 1em 0 1.8em;
  padding:         0.1em;
  font-weight:     normal;
  font-size:       100%;
}

/* ==== linkList ==== */

#linkList {
  font-family:     Verdana, Geneva, Arial, Helvetica, sans-serif;
  float:           left;
  clear:           both;
  padding:         5px;
  left:            0px;
}

.thelinks {
  background-color:    #FFFEFA;
  border:              1px solid #939238;
  margin:              0px 0px 10px 0px;
  padding:             0px 0px 10px 0px;
}

/* the following makes #linkList to stay at a fixed position when you scroll the page content -- does not work in IE */
[id="linkList"] {
 position:        fixed !important;
}

#linkList ul {
  border-top: 1px dotted #939238;
  margin:     5px 5px 0px 5px;
  padding:    0px 0px 0px 0px;
}

#linkList li {
  display:          block;
  list-style-type:  none;
  color:            black;
  background-color: #FFFACD; /* lemonchiffon */
  font-size:        11px;
  line-height:      14px;
  font-weight:      normal;
  font-style:       italic;
  text-align:       left;
  border-bottom:    1px dotted #939238;
  margin:           0px 0px 0px 0px;
  padding:          3px 5px 3px 5px;
}

#linkList li a:link,
#linkList li a:visited,
#linkList li a:visited:hover,
#linkList li a:hover,
#linkList li a:active {
  display:         block;
  line-height:     14px;
  font-style:      normal;
  text-decoration: none;
  color:           black;
}

#linkList li:hover,
#linkList li a:hover{
  display:          block;
  font-style:       normal;
  font-weight:      bold;
  background-color: #F5DEB3; /* wheat */
}

#linkList h3 {
  font-family:         Verdana, Geneva, Arial, Helvetica, sans-serif;
  color:               black;
  background-color:    #dbda93;
  background-position: center right;
  background-repeat:   repeat-x;
  font-size:           12px;
  line-height:         16px;
  font-weight:         bold;
  font-variant:        small-caps;
  text-align:          left;
  border-bottom:       1px solid #939238;
  margin:              0px 0px 0px 0px;
  padding:             3px 5px 3px 5px;
}

/* ==== Footer ==== */
#footer {
  font-size:       75%;
  margin:          0;
  padding:         0.5em 1.6em 0.5em 0.6em;
  clear:           both;
  border-top:      1px solid #999999;
}

#footer a:link,
#footer a:visited {
  color:           inherit;
  background:      transparent;
}

#footer hr {
  display:         none !important;
}

/* ==== Footer for Print ==== */
#printfooter {
  font-size:       75%;
  margin:          0;
  padding:         0.5em 1.6em 0.5em 0.6em;
  clear:           both;
  border-top:      1px solid #999999;
  display:         none;
}

/* ==== end of CSS ==== */

/*
 * Design THP-Claudia-Mundt by Roland Mundt, Copyright 2005-2008
 */