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

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

/* the page is divided into mainly 6 areas:

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

*/

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

/* note: the background-color of body actually defines the color of  #upperleft, #menubar and the area below #menubar */
body           { background-color: white;       color: black; }
#menubar       { background-color: transparent; color: black; }
#menubar a     { background-color: transparent; color: black; } /* for IE */
#upperleft     { background-color: transparent; color: black; }
#upperright    { background-color: white;       color: black; }
#header        { background-color: #FFEFD5;     color: black; } /* papayawhip */
#footer        { background-color: white;       color: #222222;  }
#printfooter   { background-color: white;       color: #222222;  }
#bottomleft    { background-color: transparent; color: black; }
#bottomright   { background-color: white;       color: black; }
#main          { background-color: white;       color: black; }
#main h1,h2,h3 { background-color: transparent; color: #555555; }
hr             { background-color: transparent; color: #666666; border-color: #666666; }


/* ==== Special Styles For Printing ==== */

/* this will insert URLs after links when printing (does not work with IE) to use it add (e.g. with <p>) class="printwithURLs"
 * note: this does not always reender very well, so use it with caution */
.printwithURLs a[href]:after {
   content:         " [" attr(href) "]";
   font-size:       90%;
   font-weight:     normal;
   text-decoration: none;
}

/* if an element should not appear when printing add class="noprint" */
.noprint {
   display:         none;
}

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

/* ==== 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:       90%;
   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;
}

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;
   padding:         0.25em 1.5em 1.5em 1em;
   /* line-height and font-size slightly decreased for printing */
   line-height:     1.2em;
   font-size:       90%;
}

#endmain {
   visibility:      hidden;
   clear:           both;
}


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

#upperleft {
   float:           left;
   clear:           both;
}

#upperleft p {
   margin:          0;
   padding:         0.2em 0.6em 0.2em 0.6em;
}


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

#upperright {
}

#upperright p {
   margin:          0;
   padding:         0.2em 1em 0.2em 1em;
}


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

#header {
   margin:          0;
   padding:         1em 1.5em 1em 0.5em;
   clear:           both;
}

#header h1 {
   margin:          0 1em 0 2.6em;
   padding:         0.1em;
   font-weight:     normal;
   font-size:       2em;
}

/* ==== Menubar ==== */

#menubar {
   margin:          0;
}

#menubar p {
   margin:          0;
   padding:         0.8em;
   line-height:     1.4em;
}

#menubar ul a:link,
#menubar ul a:visited {
}

#menubar ul {
   list-style:      none;
   margin:          1em;
}

#menubar ul li {
   display:         inline;
   margin:          0;
   padding:         0.2em 0.2em 0 0;
}

/* ==== Footer for Print ==== */

#printfooter {
  font-size:       75%;
  margin:          0;
  text-align:      center;
  padding:         0.5em 1.6em 0.5em 0.6em;
  clear:           both;
}

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

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