body { 
    font-family: Verdana, Geneva, sans-serif;
    font-size: 9pt;
    color: #333333;
    margin: 0px;
    margin-top: 20px;
    text-align: center;
    padding: 0px; border: 0px;
    background-color: #888888;
}
body p, body div, body td, body li { 
    font-size: 9pt;
}
body p { margin-top: 0px; margin-bottom: 5px; }
body ul { margin-top: 3px; margin-bottom: 6px; }
body li { list-style-position: outside; }
form { margin: 0px; padding: 0px; }
img { border: 0px; margin: 0px; padding: 0px; }

input {
  font-family: Verdana, Geneva, Sans-serif;
  font-size: 9pt;
  border:1px solid #333333;
  background: #FFFFFF;
}
textarea {
  font-family: Verdana, Geneva, Sans-serif;
  font-size: 9pt;
  border:1px solid #333333;
}
select {
  font-family: Verdana, Geneva, Sans-serif;
  font-size: 9pt;
  border:1px solid #333333;
}


a { color: #00A3AE; text-decoration: underline; }
a:hover { color: #00A3AE; text-decoration: none; }

/* --- header styles ----------------------- */
h1, h2, h3, h4, h5, .h1, .h2, .h3, .h4, .h5 { margin: 0px; padding: 0px; margin-top: 10px; margin-bottom: 5px; }
h1, .h1 { font-size: 11pt; font-weight: bold; color: #00A3AE; border-bottom: 2px solid #555555; padding-bottom: 3px; }
h2, .h2 { font-size: 10pt; font-weight: bold; color: #00A3AE; margin-top: 10px; }
h3, .h3 { font-size: 10pt; font-weight: bold; color: #333333; margin-top: 10px; }
h4, .h4 { font-size: 9pt; font-weight: bold; color: #00A3AE; margin-top: 5px;}
h5, .h5 { font-size: 9pt; font-weight: bold; color: #333333; margin-top: 5px;}
h1 a {  text-decoration: none;}
h2 a {  text-decoration: none;}
h3 a {  text-decoration: none;}
h4 a {  text-decoration: none;}
h5 a {  text-decoration: none;}


#site {
    width: 912px;
    text-align: left;
    margin: 0 auto;
    background-color: #FFFFFF;
}
#site .bottomborder {
    width: 100%;
    height: 8px;
}
#header {
    height: 27px;
    width: 100%;
    background: url(img/header_bg.gif);
    background-position: 0 27px;
}
#header .cornerleft {
    float: left;
    width: 8px;
    height: 8px;
/*    background: url(img/cornertl.gif) no-repeat;*/
}
#header .langnav {
    float: left;
    padding-left: 225px;
    padding-top: 5px;
    text-align: left;
    font-size: 8pt;
    color: #E5E5E5;
}
.langnav a {
    color: #E5E5E5;
    font-size: 8pt;
    text-decoration: none; 
}
#header .metanav {
    float: right;
    padding-right: 8px;
    padding-top: 5px;
    text-align: right;
    font-size: 8pt;
    color: #333333;
}
.metanav a {
    color: #333333;
    font-size: 8pt;
    text-decoration: none; 
}
#header .cornerright {
    float: right;
    width: 8px;
    height: 8px;
/*    background: url(img/cornertr.gif) no-repeat;*/
}

#mainstandard {
    clear: left;
    float: left;
    display: block;
    min-height: 520px;
    /* add for IE < 7 */
    /* height: 520px; */
    background: url(img/main_bg_standard.gif) repeat-y #FFFFFF;
}

#mainwide {
    clear: left;
    float: left;
    width: 100%;
    display: block;
    min-height: 520px;
    /* add for IE < 7 */
    /* height: 520px; */
    background: url(img/main_bg_wide.gif) repeat-y #FFFFFF;
}

#main50-50 {
    clear: left;
    float: left;
    display: block;
    min-height: 520px;
    /* add for IE < 7 */
    /* height: 520px; */
    background: url(img/main_bg_50-50.gif) repeat-y #FFFFFF;
}

#navcolumn {
    clear: left;
    float: left;
    width: 222px;
    font-size: 9pt;
    background-color: #555555;
}

#navcolumn .logo {
    clear: left;
    float: left;
    padding-left: 16px;
}

#navcolumn .navbar {
    clear: left;
    float: left;
}

#mainnav {
    float: left;
    height: 415px;
    margin-top: 16px;
}

#mainnav .navlevel1{
    height: 28px;
    margin-top: 2px;
}

#mainnav .navlevel2{
    height: 26px;
    margin-top: 0px;
}

#mainnav .navlevel3{
    height: 22px;
    margin-top: 0px;
}

#navcolumn .searchbox {
    float: left;
    padding-left: 26px;
    margin-top: 20px;
}

#navcolumn .searchbox input {
    font-size: 8pt;
}

#contentcolumn {
    float: left;
    width: 690px;
    font-size: 9pt;
}

/* STANDARD */
#maincontent {
    float: left;
    padding-left: 12px;
    padding-right: 12px;
}
#maincontent .clickpath {
    float: left;
    width: 438px;
    margin-top: 6px;
    margin-bottom: 2px;
    font-size: 7pt;
}
.clickpath a {
   text-decoration: none;
}
#maincontent .content {
    float: left;
    clear: left;
    width: 438px;
}

#maincontent img .content {border-top: 0px; margin-top: 0px; padding-top: 0px;}
.bodytext img {border-top: 0px; margin-top: 0px; padding-top: 0px;}

#sideboard {
    float: right;
    width: 228px;
/*    margin-left: 1px;*/
/*    border-left: solid 1px #555555;*/
}
#sideboard .themeimg {
}
#sideboard .content {
    margin-top: 30px;
    padding-left: 6px;
    padding-right: 6px;
}

#sideboard .bodytext {
}

/* 50-50 */
#leftcontent {
    float: left;
    padding-left: 12px;
    padding-right: 8px;
}
#leftcontent .clickpath {
    float: left;
    width: 328px;
    margin-top: 6px;
    margin-bottom: 2px;
    font-size: 7pt;
}
#leftcontent .content {
    float: left;
    clear: left;
    width: 328px;
}
.clickpath a {
   text-decoration: none;
}
#rightcontent {
    float: right;
    width: 338px;
/*    margin-left: 1px;*/
/*    border-left: solid 1px #555555;*/
}
#rightcontent .themeimg {
}
#rightcontent .content {
    margin-top: 30px;
    padding-left: 12px;
    padding-right: 8px;
}

/* WIDE */
#widecontent {
    float: left;
    width: 690px;
}
#widecontent .clickpath {
    float: left;
    margin-top: 6px;
    margin-bottom: 2px;
    padding-left: 12px;
    font-size: 7pt;
}
.clickpath a {
   text-decoration: none;
}
#widecontent .linkiconbox {
    clear: right;
    float: right;
    width: 40px;
    margin-top: 5px;
}
#widecontent .netviewer {
    float: right;
    margin-right: 12px;
}
#widecontent .content {
    float: left;
    clear: left;
    padding-left: 12px;
}

/* HOME */
#contentcolumn .themeimage {
    float: right;
}
#row3 {
    float: left;
    clear: left;
    width: 678px;
    height: 140px;
    padding: 0px;
    margin: 0px;
}
#row3 .slot3 {
    float: left;
    padding: 0px;
    margin: 0px;
    padding-right: 10px;
}
#row3 .content {
    float: left;
    width: 215px;
    padding: 0px;
    margin: 0px;
}
#row3 h1 {
    height: 41px;
}

#row2 {
    float: left;
    clear: left;
    width: 678px;
    height: 140px;
    padding: 0px;
    margin: 0px;
}
#row2 .slot2 {
    float: left;
    padding-right: 10px;
}

#row2 .content {
    float: left;
    width: 328px;
    padding: 0px;
    margin: 0px;
}

#footer {
    clear: left;
    float: left;
    width: 100%;
    background-color: #888888;
}
#footer .bottomborder {
    float: left;
    height: 8px;
    background: url(img/main_bg_wide.gif);
}
#footer .bottomborder div.cornerleft {
    float: left;
    width: 8px;
    height: 8px;
/*    background: url(img/cornerbl.gif);*/
}
#footer .bottomborder div.cornerright {
    float: right;
    width: 8px;
    height: 8px;
/*    background: url(img/cornerbr.gif);*/
}
#footer .copyright {
    clear: left;
    float: left;
    width: 215px;
    padding-top: 6px;
    padding-left: 8px;
    text-align: left;
    font-size: 7pt;
    color: #E5E5E5;
}
#footer .printview {
    float: left;
    width: 100px;
    padding-top: 4px;
    padding-left: 10px;
    padding-right: 8px;
    text-align: left;
    font-size: 8pt;
    color: #E5E5E5;
}
.printview a {
    color: #E5E5E5;
    font-size: 8pt;
    text-decoration: none; 
}
#footer .metanavbottom {
    float: right;
    padding-top: 6px;
    padding-right: 8px;
    text-align: right;
    font-size: 8pt;
    color: #E5E5E5;
}
.metanavbottom a {
    color: #E5E5E5;
    font-size: 8pt;
    text-decoration: none; 
}

/* --- form --------------------------------- */
fieldset.csc-mailform, fieldset.csc-mailform-req, fieldset.csc-mailform-check {
  width: 100%;
  border: 0px;
  padding-bottom: 8px;
}
.csc-mailform-req label {
  width: 100px;
  clear: left;
  float: left;
  font-weight: bold;
}
input.csc-mailform ,textarea.csc-mailform {
  display: block;
  float: left;
  margin-right: 50px;
}
.csc-mailform label {
  width: 100px;
  clear: left;
  float: left;
}
/*
input.csc-mailform-check  {
  float: left;
  width: 20px;
  clear: left;
  border: 0px;
  background-color: #FEEBAB; 
}
.csc-mailform-check label {
  width: 350px;
  float: right;
  margin-left: 0px;
  clear: none;
}
*/


/* --- indexed_search ----------------------- */
div.tx-indexedsearch-searchbox {
  background-color: #CCCCCC;
  border: 1px solid #555555;
}
div.tx-indexedsearch-searchbox {
  padding: 3px;
}
div.tx-indexedsearch-searchbox td, div.tx-indexedsearch-searchbox td p, div.tx-indexedsearch-searchbox a, div.tx-indexedsearch-searchbox a:hover {
/*  color: #FFFFFF;*/
}
div.tx-indexedsearch-browsebox table td {
  padding-top: 3px;
  padding-bottom: 3px;
  padding-left: 3px;
  padding-right: 3px;
}
div.tx-indexedsearch-browsebox a {
  color: #666666;
  font-weight: bold;
}
.tx-indexedsearch .tx-indexedsearch-res .tx-indexedsearch-descr .tx-indexedsearch-redMarkup {
/*    color: #000000;*/
}
.tx-indexedsearch-info, .tx-indexedsearch-info p {
/*   background-color: #FFFFFF;*/
}

.tx-indexedsearch-title-caption a {
   font-size: 15px;
   font-weight: bold;
}

.tx-indexedsearch-searchbox-sword {
  width: 120px;
}

/* --- rte --------------------------------- */
table.contenttable td {
/*   border-top: 4px solid #FFFFFF;*/
/*   border-bottom: 2px solid #97978b;*/
}
/*#############################*/
.csc-textpic-caption {
  font-size: 7pt;
}
ul.news {
  margin-left: 7px;
  padding-left: 10px;
}
li.news {
  margin-top: 5px;
}
