/*
 * Copyright (c) 2003-2004, BSSE
 * All rights reserved
 */
/********************************************************************
 *** Basic Layout & Color Settings **********************************
 ********************************************************************/
/* Body area */
body { background: white;
       padding: 0 0.5% }

/* Page area */
#page-area { background: #ddddff;
	     width: 100%;
             border: outset 1pt gray }

/* Header */
#header { background: #ccccdd }

/* Header Menu */
#header-menu { height: 16px;
               width: 100%;
               text-align: center;
               background-image: url("border_2pt.png");
               background-repeat: repeat-x;
               background-position: bottom }

/* Legalese */
#legalese { display: block;
            background: #ddddff;
	    color: #888888;
            font-size: xx-small;
            padding: 0 2pt }

/* Main content area */
#main-content-area { width: 100%;
                     background: #ddddff }

/********************************************************************
 *** Font Settings **************************************************
 ********************************************************************/
body { font-family: Helvetica, Verdana, sans-serif;
       font-size: small;
       font-variant: normal;
       font-style: normal }
table { font: inherit }
tbody { width: 100% }
tr { width: 100% }

h1 {	font-size: 144%; font-weight: bold }
h2 {	font-size: 120%; font-weight: bold }
h3 {	font-size: 120%; font-weight: normal }
h4 {	font-size: 110%; font-weight: bold }
h5 {	font-size: 105%; font-weight: normal; font-style: oblique }
h6 {	font-size: 105%; font-weight: bold }
b {     font-weight: bold }

emph { font-style: italic; }
strong { font-weight: bold; }
blockquote, q { font-style: italic;
                padding-left: 20pt;
                padding-right: 10pt }

p { text-align: justify }

/********************************************************************
 *** Menu Settings **************************************************
 ********************************************************************/
.menu-entry { display: block;
              width: 100%;
              padding: 0.5em 0 }
.menu-entry A { text-decoration: none;
                color: black }
.menu-entry:hover { background: #ccccdd }

.menu-level1 { padding-left: 1em }
.menu-level2 { padding-left: 3em }

.menu-normal A { margin-left: 7px }
.menu-active A { font-weight: bold;
                 border-bottom: 1pt solid black }

/********************************************************************
 *** Content layout *************************************************
 ********************************************************************/
.bodytext { text-align: justify }

/********************************************************************
 *** Other Settings *************************************************
 ********************************************************************/
/*****************************************
 * basic colors                          *
 *****************************************/
a:link { color: #444466 }
a:active { color: #333333 }
a:visited { color: #884466 }

/*****************************************
 * beautifying settings                  *
 *****************************************/
td,th { text-align: left; vertical-align: top }
table { border-collapse: separate;
        border-spacing: 0 0 }
table.tabular    { border-spacing: 1px 1px }
table.tabular th { background: #ccccdd }
table.tabular td { border: 1px solid #ddddff }

/*****************************************
 * navigation bars                       *
 *****************************************/
.navbar { padding: 5px;
          vertical-align: top }

.navblock { display: block;
            padding-left: 10px;
            font: inherit }

.navbar :link,
.navbar :visited,
.navlink { display: block;
           width: 100%;
           padding: 0.5em 0 }
.navbar a:hover { background: #ccccdd }

address { display: block;
          margin-left: 10px;
          text-indent: -10px }

/*****************************************
 * product downloads                     *
 *****************************************/
.product_download { border-spacing: 1px 1px;
                    margin: 5px;
                    width: 100% }
.product_download th { width: 14em }

.product_download th,
.product_download td { padding-left: 5px;
                       background: #ccccdd }

/*****************************************
 * papers                                *
 *****************************************/
.document { border-spacing: 1px 1px;
            margin: 5px;
            width: 100% }
.document th { font-weight: bold }

.document th,
.document td { padding-left: 5px;
               background: #ccccdd }

/*****************************************
 * floats                                *
 *****************************************/
.leftfloat,
.rightfloat { border: 1px solid #bbbbbb;
              padding: 2px;
              margin: 0px 5px }

.leftfloat { float: left }
.rightfloat { float: right }

/*****************************************
 * images                                *
 *****************************************/
img { border: 0 }
#main-content-area img { padding: 2px }
table.gallery { border-collapse: separate;
                border-spacing: 0 0;
                width: 100% }
.figure { text-align: center }
.caption { display:block;
           text-align: center }

/*****************************************
 * curriculum vitae                      *
 *****************************************/
table.cvintro,
table.cvlist { border-collapse: separate;
               border-spacing: 1px 1px;
               text-align: left }
table.cvlist { width: 100% }

table.cvintro td,
table.cvintro th,
table.cvlist td { vertical-align: top }

table.cvintro th,
table.cvintro td,
table.cvlist th { background: #ccccdd }

table.cvlist td { border: 1px solid #ccccdd }

/*****************************************
 * forms                                 *
 *****************************************/
table.form { border-collapse: separate;
             border-spacing: 1px 1px;
             width: 100%;
             text-align: left }

table.form th,
table.form td { vertical-align: top }

table.form th { background: #ccccdd }

table.form td { border: 1px solid #ccccdd }

input,option,textarea { border: 1px solid #ccccdd }

input[type="text"],
option,
textarea { width: 100% }

input[type="submit"],
input[type="reset"] { border: 1px outset #ccccdd;
                      font-style: bold }
textarea { border: 1px solid #ccccdd }