body {
    font-family: Verdana, Geneva, Arial, Helvetica, sans-serif;
    font-size: 7pt;
}

table {
    font-family: Verdana, Geneva, Arial, Helvetica, sans-serif;
    font-size: 7pt;
}

td {
    font-family: Verdana, Geneva, Arial, Helvetica, sans-serif;
    font-size: 7pt;
}

a {
    text-decoration: none;
    color: #000000;
}

/******************************************************/
/* header
/******************************************************/

div.header {
    position: relative;
    width: 755px;
}

/******************************************************/
/* topics & navigation
/******************************************************/

div.topicbox {
    position: relative;
    height: auto;
    width: 185px;
    background-color:  #EFF2F8;
    border-width: 1px;
    border-style: solid;
    border-color: #000000;
    margin-bottom: 5px;
    padding: 0px 0px 8px 0px;
}

div.topicheadline {
    position: relative;
    background-color: #FFFFFF;
    font-size: 7pt;
    font-variant: small-caps;
    border-width: 1px;
    border-style: solid;
    border-color: #000000;
    width: 165px;
    height: 13px;
    padding: 1px 0px 1px 0px;
    margin: 5px 10px 4px 5px;
}

div.topicheadlineover {
    position: relative;
    background-color: #EFF2F8;
    font-size: 7pt;
    font-variant: small-caps;
    border-width: 1px;
    border-style: solid;
    border-color: #000000;
    width: 165px;
    height: 13px;
    padding: 1px 0px 1px 0px;
    margin: 5px 10px 4px 5px;
}

div.navigationheadline {
    position: relative;
    font-size: 7pt;
    border-width: 1px;
    border-style: hidden;
    border-color: #FFFFFF;
    margin: 1px 0px 0px 5px;
    width: 165px;
    height: 13px;
    padding: 1px 0px 1px 0px;
}

/* this one has a colored background */
div.navigationheadlineselected {
    position: relative;
    font-size: 7pt;
    border-width: 1px;
    border-style: hidden;
    border-color: #FFFFFF;
    background-color: #FFFFFF;
    margin: 1px 0px 0px 5px;
    width: 165px;
    height: 13px;
    padding: 1px 0px 1px 0px;
}

div.metanavheadline {
    background-color: #FFFFFF;
    font-size: 7pt;
    font-variant: small-caps;
    border-width: 1px;
    border-style: solid;
    border-color: #000000;
    height: 13px;
    padding: 1px 1px 1px 1px;
}

div.metanavheadlinerollover {
    background-color: #EFF2F8;
    font-size: 7pt;
    font-variant: small-caps;
    border-width: 1px;
    border-style: solid;
    border-color: #000000;
    height: 13px;
    padding: 1px 1px 1px 1px;
}

/******************************************************/
/* content
/******************************************************/

table.contentpictures {
    background-color:  #EFF2F8;
    border-width: 1px;
    border-style: solid;
    border-color: #000000;
    width: 100%;
}

table.picturebox {
   margin: 0px 0px 0px 0px;
    width: 89px;
    height: 120px;
}

td.picture {
   margin: 0px 0px 0px 0px;
    width: 89px;
    height: 89px;
}

td.pictureshortdescription {
    padding: 1px 1px 1px 1px;
    margin: 0px 0px 0px 0px;
    background-color:  #FFFFFF;
    /* small picture width */
    width: 89px;
    height: 30px;
}

td.picturedescription {
    padding: 5px 5px 5px 5px;
    margin: 8px 0px 8px 0px;
    background-color:  #FFFFFF;
    /* width taken from class contentpictures */
    width: 565px;
    height: 30px;
}

div.picturedescriptionlinks {
    text-align: left;
    float: right;
    width: auto;
    background-color: #FFFFFF;
    padding: 2px 2px 2px 2px;
    margin: 0px 0px 0px 0px;
}

div.teaserpictures {
    padding: 0px 0px 5px 0px;
    background-color:  #EFF2F8;
    border-width: 1px;
    border-style: solid;
    border-color: #000000;
}

div.contentteaserarea {
    background-color:  #EFF2F8;
    border-width: 1px;
    border-style: solid;
    border-color: #000000;
    padding: 5px 5px 10px 5px;
}

div.contenthintarea {
    background-color:  #EFF2F8;
    border-width: 1px;
    border-style: solid;
    border-color: #000000;
    padding: 5px 5px 10px 5px;
    margin: 5px 0px 0px 0px;
}

div.lightened {
    width: auto;
    font-size: 8pt;
    border-width: 1px;
    border-style: hidden;
    border-color: #FFFFFF;
    height: 13px;
    background-color: #FFFFFF;
    padding: 2px 2px 2px 2px;
}

div.flowtext {
    font-family: Verdana, Geneva, Arial, Helvetica, sans-serif;
    font-size: 7pt;
}

div.spacer {
    width: 100%;
    height: 24px;
}

div.spacer2 {
    width: 100%;
    height: 21px;
}

a.activebrowselink {
    color: #000000;
}

span.inactivebrowselink {
    color: #aaaaaa;
}

/******************************************************/
/* teaser
/******************************************************/

div.teaserheadline {
    width: 100%;
    font-variant: small-caps;
    padding: 0px 0px 5px 0px;
}

div.teaserbody {
    width: 100%;
    padding: 0px 0px 10px 0px;
}

div.teaserlink {
    text-align: right;
    right: 0px;
    float: right;
    width: 55px;
    background-color: #FFFFFF;
    padding: 2px 2px 2px 2px;
    margin: 0px 0px 0px 0px;
}

/******************************************************/
/* forms
/******************************************************/

input {
    font-family: Verdana, Geneva, Arial, Helvetica, sans-serif;
    font-size: 7pt;
    font-weight: normal;
    margin: 15px 5px 0px 0px;
    width: 180px;
    height: 15px;
    border-width: 1px;
    border-style: none;
}

textarea {
    font-family: Verdana, Geneva, Arial, Helvetica, sans-serif;
    font-size: 7pt;
    font-weight: normal;
    margin: 0px 5px 10px 0px;
    width: 365px;
    height: 120px;
    border-width: 1px;
    border-style: none;
}

input.button {
    font-family: Verdana, Geneva, Arial, Helvetica, sans-serif;
    font-size: 7pt;
    font-weight: normal;
    background-color: #FFFFFF;
    margin: 0px 5px 10px 285px;
    width: 80px;
    height: 15px;
    border-width: 1px;
    border-style: none;
}