* {
   margin: 0;
   padding: 0;
}

html {
    height: 100%;
    margin: 0 auto;
    font-size:70%;
}

body {
    height: 100%;
    margin: 0 auto;
    text-align:left;
    color: rgb(0,0,0);
    background: rgb(255,255,255);
    
    font-family: tahoma, verdana, sans-serif;
    /* font-size: 10pt; */
    
    /* font-family:Verdana,Arial,Helvetica,sans-serif; */
    font-size:1.2em;
    font-size-adjust:none;
    font-style:normal;
    font-variant:normal;
    font-weight:normal;
    line-height:normal;
}

#frame {
    width:638px;
    margin-left: auto;
    margin-right: auto;
    height: 100%;
}

/* header */
#contentheader {
    margin-top: 20px;
    margin-bottom: 20px;
    font-size: 4em;
}

#contentheader img {
    border-style: none;
    vertical-align: middle;
}

#header {
    padding-left: 10pt;
    letter-spacing: 2px;
    color: rgb(128,64,192);
}

#contact {
    vertical-align: top;
    float: right;
    padding-right: 10pt;
}

#contact img {
    border-style: none;
}

/* content left */
#contentleft {
   width:140px;
   height: 100%;
   float:left;
   margin-right: 20pt;
}

#contentcenter {
   width:462px;
   height: 100%;
   float:left;
}

#contentcenter p, ul, ol {
    padding-bottom: 10pt;
}

#contentcenter img {
    margin-bottom: 2pt;
}

#frontpage .column {
    width: 221px;
    vertical-align: top;
    float: left;
}

#frontpage .filler {
    width: 20px;
    vertical-align: top;
    float: left;
}

#frontpage table {
    border-spacing: 0pt 0pt;
    border-collapse: collapse;
}

#frontpage td {
    padding-bottom: 2pt;
}

#calendar h2 {
    font-size: 1em;
    padding-top: 0pt;
    padding-bottom: 0pt;
}

#calendar table {
    border-spacing: 0pt 0pt;
    border-collapse: collapse;
}

#calendar td {
    vertical-align: top;
    padding-top: 10pt;
    padding-right: 10px;
}

.portraet img {
    padding-top: 10pt;
    padding-right: 10pt;
}

.picture-left img {
    padding-top: 0pt;
    padding-left: 0pt;
    padding-right: 5pt;
}

.picture-left-10 img {
    padding-top: 0pt;
    padding-left: 0pt;
    padding-right: 10pt;
}


/* menu formating */

/* ie 6.0 hack with to much space between list items */
#contentleft li a {
   display: inline-block;
   text-decoration: none;
   color: rgb(128,64,192);
}

#contentleft li a {
   display: block;
}

#contentleft a:hover {
   border-right-style: solid;
   border-right-width: 3pt;
   border-right-color: rgb(255, 192, 0);
}

#contentleft a.III_l1, a.IOO_l1, 
             a.III_l2, a.IOO_l2, 
             a.III_l3, a.IOO_l3, 
             a.III_l4, a.IOO_l4, 
             a.III_l5, a.IOO_l5 {
   border-right-style: solid;
   border-right-width: 3pt;
   border-right-color: rgb(128,64,192);
}

#contentleft a.OII_l1, a.OIO_l1, a.OOO_l1, 
             a.OII_l2, a.OIO_l2, a.OOO_l2, 
             a.OII_l3, a.OIO_l3, a.OOO_l3, 
             a.OII_l4, a.OIO_l4, a.OOO_l4, 
             a.OII_l5, a.OIO_l5, a.OOO_l5 {
   border-right-style: solid;
   border-right-width: 3pt; 
   border-right-color: white;
}

#contentleft ul {
   list-style-type: none;
   color: rgb(128,64,192);
   padding: 0pt;
   margin: 0pt;
}

#contentleft ul li {
   border-top-style: solid;
   border-top-width: 1pt;
   border-top-color: rgb(128,64,192);
   padding-bottom: 5pt;
   padding-left: 0pt;
}

#contentleft ul ul {
   padding-top: 5pt;
   padding-bottom: 0pt;
}

#contentleft ul ul li {
   border-top: none;
   padding-top: 0pt;
   padding-left: 5pt;
   padding-bottom: 3pt;
}

/* Generel styles */

h1 {
   font-size:1em;
   background: rgb(128,64,192);
   color: white;
   text-align: left;
   padding: 2pt;
   margin-bottom: 2pt;
}

h2 {
   font-size:1.1em;
   font-weight: bold;
   padding-top: 5pt;
   padding-bottom: 0pt;
}

h3 {
   font-size:1.1em;
   font-style: italic;
   font-weight: normal;
   padding-top: 0pt;
   padding-bottom: 0pt;
}

h4 {
   font-size:1.1em;
   font-weight: bold;
   padding-top: 0pt;
   padding-bottom: 0pt;
}

p {
   margin: 0pt;
   padding: 0pt;
}

ol, ul {
    padding-left: 20pt;
}