* html body, * html body th, * html body td, * html body , * html body select {
   height: 100%;
   margin: auto;   
   font-size: 1em;
}

* html body {
   text-align: left;
}

body, td, th {   
   font-family: verdana, helvetica;
   font-weight: normal;
   text-align: left;
}

body {         
   font-size: 0.67em;
   padding: 0;
   margin: 0;
   background: #fefefe;         
}

img {
   padding: 0;
   margin: 0;
   border: none;
}

p {
   text-align: justify;
}

h1, h2, h3, h4, h5 {
   color: #443232;
   font-weight: bold;
}

h1 {
   font-size: 1.5em;
}

h2 {
   font-size: 1.4em;   
}

h3 {
   font-size: 1.3em;   
}

h4 {
   font-size: 1.2em;
   font-weight: normal;
   font-style: italic;
}

h5 {
   font-size: 1.1em;   
   padding-bottom: 0;
   margin-bottom: -0.5em;
}

ul, li {
  text-align: left;
  background-color: transparent;  
}

li {
  padding-bottom: 1px;
}

ul.csc-menu li, li.even {
  background-color: #FCFAF7;
  padding-bottom: 5px;
}

li.odd {
  background-color: #FCFAF7;
  padding-bottom: 5px;
}

#outerContainer {   
   width: 100%;
   padding:0;
   margin:0;         
}

#contentContainer {   
   background-color: #FCFAF7;   
}

#leftNavigation ul.firstLevel {    
   list-style-image:url(/fileadmin/images/layout/firstLevel_listItem.gif);
}

#leftNavigation ul.secondLevel, 
#leftNavigation ul.thirdLevel,
ul.thirdlevel {            
   list-style:none;
   list-style-image:none;
}  

#leftNavigation li.firstLevel {            
   margin: 0 1em 1em 0;
   padding: 0 0 1em 0;
   /*border-color: #443232;*/
   border-color: #F7E77B;    
   border-style: solid;
   border-width: 0 0 1px 0;
}

#leftNavigation .firstLevel .first {
   margin-top: 2em;
   padding-top: 1em;
   border-width: 1px 0 1px 0;
}


#topNavigation {
   text-align: right;
}

#topNavigation .firstLevel {
   display: inline;   
   padding-right: 0;
   font-size: 1.1em;   
}

#topNavigation li.firstLevel {      
   padding-right: 10px;
   padding-left: 18px;
   background-image: url(/fileadmin/images/layout/top_firstLevel_item_bg.gif);
   background-repeat: no-repeat;   
}

#topNavigation .firstLevel .first {         
   background: none;      
}

.clickable {
   cursor: pointer;
}

a:link, 
a:visited, 
a:hover, 
a:active, 
a:focus {   
   color: #443232;
   font-weight: normal;
   text-decoration: underline;
}

a:hover {
   color: #443232;
   font-weight: normal;
   text-decoration: underline;
}


#topNavigation a.topNavigation:link, 
#topNavigation a.topNavigation:visited, 
#topNavigation a.topNavigation:hover, 
#topNavigation a.topNavigation:active, 
#topNavigation a.topNavigation:focus,
#topNavigation a.topNavigation:hover    {
   /* padding-left: 15px; */
   color: #443232; 
   font-weight: bold;
   text-decoration: none;
}

#topNavigation a.topNavigation:focus,
#topNavigation a.topNavigation:hover    { 
   text-decoration: underline;
}

a.leftNavigation:link, 
a.leftNavigation:visited, 
a.leftNavigation:hover,
a.leftNavigation:focus, 
a.leftNavigation:active {
   /* padding-left: 15px; */
   color: #443232; 
   font-weight: bold;
   text-decoration: none;
}

a.leftNavigation:focus,
a.leftNavigation:hover  {
   text-decoration: underline;
}

#leftNavigation a.secondLevel:link, 
#leftNavigation a.secondLevel:visited, 
#leftNavigation a.secondLevel:hover, 
#leftNavigation a.secondLevel:focus,
#leftNavigation a.secondLevel:active {
   /* padding-left: 15px; */
   color: #443232; 
   font-weight: normal;
   text-decoration: none;
}

#leftNavigation a.secondLevelActive:link, 
#leftNavigation a.secondLevelActive:visited, 
#leftNavigation a.secondLevelActive:hover, 
#leftNavigation a.secondLevelActive:focus,
#leftNavigation a.secondLevelActive:active {
   /* padding-left: 15px; */
   color: #443232; 
   font-weight: bold;
   text-decoration: none;
}

#leftNavigation a.secondLevelActive:focus,
#leftNavigation a.secondLevelActive:hover,
#leftNavigation a.secondLevel:focus,
#leftNavigation a.secondLevel:hover {
   text-decoration: underline;
}

#leftNavigation a.thirdLevel:link, 
#leftNavigation a.thirdLevel:visited, 
#leftNavigation a.thirdLevel:hover, 
#leftNavigation a.thirdLevel:focus,
#leftNavigation a.thirdLevel:active {
   /* padding-left: 15px; */
   color: #443232; 
   font-weight: normal;
   text-decoration: none;
}

#leftNavigation a.thirdLevelActive:link, 
#leftNavigation a.thirdLevelActive:visited, 
#leftNavigation a.thirdLevelActive:hover, 
#leftNavigation a.thirdLevelActive:focus,
#leftNavigation a.thirdLevelActive:active {
   /* padding-left: 15px; */
   color: #443232; 
   font-weight: bold;
   text-decoration: none;
}

#leftNavigation a.thirdLevelActive:focus,
#leftNavigation a.thirdLevelActive:hover,
#leftNavigation a.thirdLevel:focus,
#leftNavigation a.thirdLevel:hover {
   text-decoration: underline;
}

a.footer:link, 
a.footer:visited, 
a.footer:hover, 
a.footer:active, 
a.footer:focus {         
   color: #fefefe;
   font-weight: normal;
   text-decoration: none;
}

a.footer:hover {
   text-decoration: underline;
}

img.htcLogo {
   margin-top: 2em; 
   margin-bottom: 2em;
}

div {
   padding: 0.5em;
}

div.contentContainer {      
   width: 95%;  
   max-width: 996px;
   padding: 0;
   margin: 0;
   margin-left: auto;
   margin-right: auto;
   background-color: #fefefe;
   background-image: url(../../images/layout/cc_bg.gif);
   background-repeat: repeat-y;
   border-color: #443232; 
   border-style: dotted;
   border-width: 1px 1px 1px 1px;
}

div.topNavigation, div.footer {
   width: auto;
   height: 2.2em;
   color: #fefefe;
   background-color: #F8F1D4;
   padding-top: 0.8em;
}

div.footer {
   clear: both;
   width: auto;  
   height: 3em;
   color: #fefefe;
   background-color: #F8F1D4;
   border-color: #443232; 
   border-style: dotted;
   border-width: 1px 0 0 0;
}

div.headerGraphic {   
   border-color: #443232; 
   border-style: dotted;
   border-width: 1px 0 1px 0;
   height: 150px;
   padding: 0;   
}

div.leftNavigation {   
   float: left;   
   width: 23%;
   max-width: 224px;
   height: 100%;   
   background-color: #FFFECE;   
   text-align:left;
   padding-top: 1em;
   padding-bottom: 6em;
}

div.content {
   float: left;
   width: 74%;
   max-width: 772px;      
   height: auto;
   padding: 0;
   padding-left: 1.5em;
   padding-top: 2em;
   padding-bottom: 1em;      
}


div.subFooter {
   background-color: #fefefe;
}


.alignLeft {
   text-align: left;
}

.alignRight {
   text-align: right;
}

.alignCenter {
   text-align: center;
}

.alignJustified {
   text-align: justify;
}

.alignTop {
   vertical-align: top;
}

.alignBottom {
   vertical-align: bottom;
}

.nowrap {
   white-space: nowrap;
}

.even {
   background-color: #fefefe;
}

.odd {
   background-color: #fafafa;
}

.alert {
   color: #ee6666;
}

span.secondLevel {
   display: inline;   
}

.csc-firstHeader {
   text-align: left;
}

div.csc-frame-rulerBefore, div.csc-frame-rulerAfter, div.ruler {
   width: auto;
   height: 1px;   
   padding:0;
   margin:0;      
   background-image: url(/fileadmin/images/layout/hr_background.gif);
   background-repeat: repeat-x;
}

div.csc-frame-rulerAfter{
   padding-bottom: 0.8em;
}

div.csc-frame-rulerBefore{
   padding-top: 0.8em;
}


fieldset {
   display: block;
   padding: 0.5em;
   margin: 0;
}

legend {
   margin-left: 0.5em;
}

table.listing {
   border: solid 1px #443232;
   border-collapse: collapse;
   padding: 3px;
}

table.listing td, table.listing th {
   border: dotted 1px #443232;
   padding: 5px;
   text-align: left;
   vertical-align: top;
}

table.listing th {
   font-weight: bold;
}