body {
    margin: 0;
    padding: 0;
    font-family: arial, Helvetica, sans-serif;
    font-size: 100%;
    text-align: center;
    behavior:url(./csshover.htc);    
}

*  { 
    margin: 0;
    padding: 0;
}

p  {
    font-size: .8em;
    margin: 0.75em 0px;
}

h1 { 
    font-size: 1.4em;
    color: #000;	
    font-weight: normal;
    background-image: url(./images/system/bgh.jpg);
    background-position: left top;
    background-repeat: repeat-x;
    padding-left: 10px;
    margin-bottom: 0.8em;
}

h2 { 
    font-size: 1.4em;
    color: #000;	
    font-weight: normal;
    margin-bottom: 0.8em;
}

h3 { 
    font-size: 0.8em;
    color: #000;	
    font-weight: bold;
    margin-bottom: -0.5em;
}

h4 { 
    font-size: 1em;
    color: #000;	
    font-weight: normal;
    margin-bottom: -0.5em;
}
 
div.listcontainer {
   margin-left: 1em;
   margin-bottom: 1em;
   padding: 0px;
}

div.publications {
   margin-left: 1em;
   margin-bottom: 1em;
   padding: 0px;
}
    
li {
   font-size: .8em;
   list-style-type: square;
   list-style-position: outside;
}

div.publications li {
   list-style-type: square;
   list-style-position: outside;
   margin-top: 1.4em;
}

a:link {
    color: #00F;	
    text-decoration: underline;
}

a:visited {
    color: #800080;	
    text-decoration: underline;
}

li a {
    text-decoration: underline;
    font-weight: bold;
}

div#wrapper {
    width: 898px;
    height: 768px;
    margin: -187px auto;
    text-align: left;
    background-color: #FFF;
    background-image: url(./images/system/bg.jpg);
    background-repeat: no-repeat;
}

div#header {
    height: 187px;
    width: 100%;
    margin: 0;
    background-color: #FFFFFF;
    background-image: url(./images/system/headerbg.jpg);
    background-repeat: repeat-x;
}

div#leftCol {
    float: left;
    width: 138px;
    margin-top: 187px;
    background-color: #FFF;
}
    
div#midCol {
    float: left;
    width: 480px;
    height: 768px;
    margin-top: 187px;
    margin-left: 20px;
    padding-top: 20px;
    padding-right: 20px;
    background-color: #FFF;
}

div#rightCol {
    float: left;
    width: 220px;
    height: 768px;
    margin-left: 20px;
    margin-top: 0px;
    padding-top: 207px;
    background-color: #FFF;
    background-image: url(./images/system/headerbg.jpg);
    background-repeat: repeat-x;
}

div#twoCol {
    float: left;
    width: 480px;
    height: 1768px;
    margin-top: 187px;
    margin-left: 20px;
    padding-top: 20px;
    padding-right: 20px;
    background-color: #FFF;
}

img#home_image {
    margin-left: 36px;
    margin-top: 20px;
    width: 408px;
    height: 424px;
}
   
    
div.personal {
    position: relative;
    height: 210px;
    padding: 0px;
    margin-bottom: 20px;
}

div.personal img {
    position: absolute;
    right: 0px;
    bottom: 0px;
    width: 162px;
    height: 200px;
}

div.naw {
	position: absolute;
	bottom: 0px;
	left: 0px;
	}

div.naw_data {
	position: absolute;
	bottom: 0px;
	left: 3em;
       }

div.thesis {
        height: 210px;
        position: relative;
        padding: 0;
        margin-top: 20px;
        }
        
div.thesis_title {
        font-size: .8em;
        position: absolute;
        bottom: 0px;
        left: 0px;
        width: 220px;
        }

div.thesis_title p {
        font-size: 1em;
}

div.thesis img {
        position: absolute;
        right: 0px;
        bottom: 0px;
	width: 154px;
	height: 205px;
        margin-right: 40px;
        }

div.gallery {
       width: 480px;
       padding: 0px;
       margin: 15px 0px;
}

div.thumb {
      float: left;
      font-size: .8em;
      text-align: center;
      margin: 15px 15px;
      width: 81px;
      background-color: #FFF;
      } 

div.subtitle {
      text-align: center;
      width: 300px;
      float: right;
      margin: .5em;
      font-size: .8em;
      background-color: #FFF;
}

.top_space {
     margin-top: 1.5em;
}

.rightfloat {
      float: right;
      margin: .5em;
}


.clearfloat {
     clear: both;
}

div.thumb img {
      padding: 0px;
      margin: 0px;
      width: 81px;
      height: 100px;
      border: 0px;
}

/* Menus  */

div#bda_menu li  {  
    list-style: none;
    background-image: url(./images/system/knop_up.jpg); 
    background-repeat: no-repeat;
    }

div#bda_menu a {
    display: block;
    font-weight: normal;
    font-size: .9em;
    padding: 3px 4px 3px 10px;
    text-decoration: none;
    color: #000;   /* links are black  */
    }

div#bda_menu li:hover, li:focus {  /* hover changes the background image */
    background-image: url(./images/system/knop_hover.jpg);
    background-position: left top;
    background-repeat: no-repeat;
}

div#bda_menu li.this_page { /* Elements of main menu */
    background-image: url(./images/system/knop_down.jpg); 
    background-position: left top;
    background-repeat: no-repeat;
}

div#bda_menu li.sub_key:hover { 
    background-image: url(./images/system/knop_hover.jpg);
    background-repeat: no-repeat;
}

div#bda_menu li.sub_key { 
    background-image: none;
}

div#bda_menu li.sub_sub_key:hover { 
    background-image: url(./images/system/knop_hover.jpg);
    background-repeat: no-repeat;
}

div#bda_menu li.sub_sub_key { 
    background-image: url(./images/system/arrow.gif);
    background-repeat: no-repeat;
    margin-left: 20px;
    padding-left: 5px;
}

/* Tables */
table.schedule{
        text-align: center;
        width: 460px;
        font-size: 1em;
        border-spacing: 0px;
        border-collapse: collapse;
}

table.schedule td {
        padding-right: 10px;
        font-size: 0.8em;
}
.schedule caption {
         font-weight: normal;
         font-size: 1.2em;
         text-align: center;
         background-color: #aaaaaa;
         padding-top: 10px;
         padding-bottom: 10px;
}

.schedule tr {
         height:1.2em;
}
tr.odd {
         background-color: #cccccc;
        }

table.holiday{
        text-align: center;
        width: 460px;
        font-size: .8em;
        border-spacing: 0px;
        border-collapse: collapse;
}

.holiday caption {
         font-weight: normal;
         font-size: 1.8em;
         text-align: center;
         background-color: #aaaaaa;
         padding-top: 10px;
         padding-bottom: 10px;
}
.holiday tr {
              height: 1em;
           }

div.vertical {
         width: 1em;
         height: 1em;
         text-align: top;
       }

td.vert {
         layout-flow: vertical-ideographic;
         }
td.free {
         background-color: #ff2222;
        }
 
/* Forms  */

div#formcontainer {
        position: relative;
        width: 400px;
        margin-left: 10px;
        margin-top: 20px;
        margin-bottom: 40px;
        font-size: 0.8em;
}

div#formcontainer input {
        margin-top: 10px;
        width: 200px;
}

fieldset.download label  {
       text-align: right;
       width: 90px;
       float: left;
       padding: 0.2em;
       margin: 0px;
       margin-top: 0.6em;
       }

fieldset.download input {
       margin: 3px;
       width: 100px;
       }

fieldset.download .nobr {
       display: none;
       }
</style>