#hd-wrapper,
#ct-wrapper {
  width: 99em;
  margin: auto;
}

#hd-logo,
#hd-navi {
  float: left;
  width: 18em;
  height: 14.5em;
  border-bottom: 1px dotted #ccc;
}

#hd-navi {
  width: 17.9em;
}

// FF
html>body #hd-navi {
  width: 18em;
}

#hd-logo {
  height: 11.5em;
  padding-top: 3em;
}

#hd-logo p a {
  color: #003399;
  font-weight: bold;
  font-family: Times New Roman, Verdana,Geneva,Arial,Helvetica,sans-serif;
  font-size: 140%;
  text-decoration: none;
}

#hd-image {
  float: left;
  width: 62.8em;
  height: 14.5em;
  border-left: 1px dotted #ccc;
  border-bottom: 1px dotted #ccc;
  border-right: 1px dotted #ccc;
}

/* headerNaviDiv over 100% of the site with yellow color */
#bg-navi {
	background-color: #ffcc00;
}

#hd-navi li {
  list-style: none;
  margin: 11em 0 0 0.8em;
}

#hd-navi li a {
  color: #003399;
}

/* START settings for the fontResizingArea */
.sizepunkt-1 {
  float: left;
  background-image: url(../images/font_gross.gif);
  background-repeat: no-repeat;
  background-position: left;
}

.sizepunkt-1 a,
.sizepunkt-2 a,
.sizepunkt-3 a {
  padding: 0.8em 0 0.8em 1.2em;
  color: #ccc;
}

.sizepunkt-3 a {
  padding: 0.8em 0 0.8em 0.8em;
}

.sizepunkt-2 {
	float: left;
	background-image: url(../images/font_standard.gif);
	background-repeat: no-repeat;
}

.sizepunkt-3 {
	float: left;
	background-image: url(../images/font_klein.gif);
	background-repeat: no-repeat;
}
/* END settings for the fontResizingArea */

#ct-wrapper {
  text-align: left;
}

.ct-c1,
.ct-c3 {
  float: left;
  width: 18em;
}

.ct-c1 {
  padding-top: 3em;
}

.ct-c3 {
  width: 16.9em;
  padding: 3em 0 0 1em;
}

// FF
html>body .ct-c3 {
  width: 17em;
  padding: 3em 0 0 1em;
}

.ct-c2 {
  float: left;
  width: 62.8em;
  border-left: 1px dotted #ccc;
  border-right: 1px dotted #ccc;
}

#ct-functions {
  height: 4em;
  float: right;
  margin-right: 2em;
}

#ct-content {
  padding: 0 3em 6em 3em;
}

.clear {
  clear: both;
}

.clear-left {
  clear: left;
}

.clear-right {
  clear: right;
}