body {
  font-size:0.9em;
}

h1 {
  font-size: 1.1em;
  line-height: 1.1em;
  margin-top: 0;
  margin-bottom: 0.5em; 
}
 
h2 {
  font-size: 1.0em;
  line-height: 1.0em;
  margin-top: 0.667em; 
  margin-bottom: 0.667em;
}
 
h3 {
  font-size: 1.0em;
  line-height: 1.0em;
  margin-top: 0.769em;
  margin-bottom: 0.769em;
}
 
h4, 
h5,
h6 {
  font-size: 1.0em;
  line-height: 1.0em;
  margin-top: 0.769em;
  margin-bottom: 0.769em;
}

table {
  width:100%;
  border-collapse:collapse;
}

img {
  width: 100%;
  max-width: 100%;
  max-height:auto;
}

#logo {
  text-align:center;
}

#logo img {
  width: auto;
}

.csc-default {
  margin-bottom:1em;
}

.ui-content td,
.ui-content tr,
.ui-content th {
  border:1px solid rgba(0,0,0,0.2);
  padding:0.2em 0.8em;
}

.ui-content table.contenttable-1 {
  -webkit-box-shadow: 0 1px 5px rgba(0, 0, 0, 0.2);
  -moz-box-shadow: 0 1px 5px rgba(0, 0, 0, 0.2);
  box-shadow: 0 1px 5px rgba(0, 0, 0, 0.2);
}

.ui-content .contenttable-1 tbody th,
.ui-content .contenttable-1 thead tr {
  background:rgba(0,0,0,0.67);
  color:white;
}

.ui-content .contenttable-1 tfoot tr {
  background:rgba(0,0,0,0.2);
}

.ui-content .contenttable-1 tbody .tr-even {
  background:rgba(0,0,0,0.09);
}

.ui-content .contenttable-1 tbody .tr-odd {
  background:rgba(0,0,0,0.07);
}

.ui-content .contenttable-1 tbody tr:hover {
  background:rgba(0,0,0,0.12);
}

.ui-content .contenttable-2 th {
  font-weight:bold;
}

.ui-content .contenttable-2 tfoot td {
  font-style: italic; 
}

.csc-mailform-field {
  margin-bottom:0.5em;
}

.navi2 li.submenu  .ui-icon-shadow {
  box-shadow: 0 1px 0 rgba(255, 0, 0, 0.4);
  border:1px solid red;
}

.navi3 li.submenu {
  margin-left: 2%;
}

.navi4 li.submenu {
  margin-left: 2%;
}

/* typo3 rte editor dont implement them */
.align-left { text-align: left }
.align-right { text-align: right }
.align-center { text-align: center }
.align-justify { text-align: justify }