body { background-color: #00978f; font-size: 12px; font-family: san-serif, Arial; margin: 0; padding: 0; }
body.whitebody { background-color: #ffffff; font-size: 12px; font-family: san-serif, Arial; margin: 0; padding: 0; }
.titel{ font-size: 14px; color: #00978f; font-size: 14px; font-weight: bold; margin: 0 0 12px; padding: 0; }
.contentframe{ position: relative; vertical-align: top; font-size: 12px; width: 714px; min-height: 604px; }

p.smallcontent{
padding-top: 0px;
margin-bottom: 6px;
width: 352px;
}

p.titel a {text-decoration: none; color: #69c0bb; font-style: normal;}
p.titel a:hover {text-decoration: none; color: #00978f; font-style: normal;}
p.titel a.active {text-decoration: none; color: #00978f; font-style: normal;}

p.content{ padding-top: 0; margin-bottom: 6px; }
p.tabletitel{
font-size: 14px;
margin-left: 5px;
color: #00978f;
font-size: 14px;
font-weight: bold;
}
.twosmallrows{ width: 352px; }
.twosmallrows th{ text-align: left; color: #00978f; font-size: 14px; font-weight: bold; margin-top: 12px; padding-top: 12px;  }
.twolargerows{ width: 714px; }
.twolargerows th{ text-align: left; color: #00978f; font-size: 14px; font-weight: bold; margin-top: 12px; padding-top: 12px; }
.twolargerows th.smallhead{ text-align: left; color: #00978f; font-size: 12px; font-weight: bold; margin: 0; padding: 0; }
.contentimg{ position: relative; float: right; width: 312px; }

.contenttable{
border-width: 1px 1px 1px 0;
border-spacing: 0px;
border-style: inset;
border-color: #0068b4;
border-collapse: collapse;
}
.columnname {
border-width: 0 0 0 1px;
border-spacing: 0px;
border-style: inset;
border-color: #ffffff;
padding-top: 4px;
padding-bottom: 2px;
text-align: center;
color: #ffffff;
background-color: #00978f;
width: 108px;
}

.tablename{
padding-top: 4px;
padding-bottom: 2px;
padding-left: 10px;
text-align: left;
color: #ffffff;
background-color: #00978f;
}

.rowname{
width: 150px;
padding-top: 4px;
padding-left: 10px;
padding-bottom: 2px;
border-width: 1px 1px 1px 0;
border-style: inset;
border-color: #0068b4;
}

.rowdatadark{ text-align: center; background-color: #a6d7d2; padding: 4px 5px 2px; border: solid 1px #0068b4; }

.rowdatawhite{ padding-top: 4px; padding-bottom: 2px; text-align: center; background-color: #ffffff; border: solid 1px #0068b4; }

.rowdatalight{ text-align: center; background-color: #d6ece9; padding: 4px 5px 2px; border: inset 1px #0068b4; }
.rowdark{ text-align: center; background-color: #a6d7d2; padding: 4px 5px 2px; border: solid 1px #0068b4; }
.rowlight{ text-align: center; background-color: #d6ece9; padding: 4px 5px 2px; border: solid 1px #0068b4; }

.tablefooter{ font-size: 10px; margin-top: 5px; padding-top: 0; padding-bottom: 2px; padding-left: 10px; }
div.bowles{ float: left; width: 118px; }
div.bowlesprint { width: 178px; float: left; }
div.example { width: 357px; float: left; }
div.examplesolo { width: 476px; float: left; }
div.exampletree { width: 236px; float: left; }
img.bowles{
width: 118px;}
img.bowlesprint { width: 178px; }
img.example { width: 357px; }
img.examplesolo { width: 476px; }
img.exampletree { width: 236px; }
p.bowles{ font-size: x-small; text-align: center; position: relative; width: 118px; margin-top: 0; padding-top: 0; }
p.bowlesprint { font-size: x-small; text-align: center; width: 178px; }
p.example { font-size: x-small; text-align: center; width: 357px; }
p.examplesolo { font-size: x-small; text-align: center; width: 476px; }
p.exampletree { font-size: x-small; text-align: center; width: 236px; }
//darkblue #0068B4 // midblue #A2BBE1 // lightblue #D3DDF1 // ultralightblue #EAEFF8