/* Allgemeine Stildefinitionen */
* {
  font-size: 100.1%;
  font-family: verdana, arial, helvetica, sans-serif;
  margin: 0; padding: 0;
}
body {
  font-size: 0.68em;
  color: #000;
}
a img {
  border: 0;
}
.clear {
  font-size: 1px; height: 1px;
  overflow: hidden;
  clear: both;
}
sub, sup {
  font-size: 0.6em;
}
label, .toggler {
  cursor: pointer;
}
td, th {
  vertical-align: top;
}
.onlyprint  {
  display: none;
}
img.mime_icon {
  vertical-align:middle;
}
.invisible {
  width: 0px; height: 0px; overflow: hidden;
  position: absolute; left: -1000px; top: 1000px;
  display: inline;
}

/*
  Definition der Inhaltsboxen, vor allem
  - Größe und Position
  - Hintergrundbilder/-farbe
  - Abstände zum Text
  - Abstände zu anderen Boxen
*/
#wrapper {
  text-align: left;
  width: 980px;
  background: url(layout/verlaufkopf.gif) no-repeat left top;
}
#header {
  position: relative;
  width: 980px; height: 320px;
  margin-bottom: 30px; 
}
#container {
  position: relative;
  width: 980px;
}
#main {
  width: 530px; float: left;
  background: #ff000;
  margin-left: 70px;
  margin-bottom: 50px;
  margin-top: 0px;
}
#left {
  position: relative; top: -124px;
  width: 160px; float: left;
  margin-right: 0px;
  margin-bottom: 20px;
}
#right {
  width: 190px; float: right;
  margin-bottom: 10px;
}
#footer {
  position: relative;
  clear: both;
  width: 530px;
}

/* Logo im Header */
#header #headlogo {
  position: absolute; left: 60px; top: 40px;
  width: 465px; height: 54px;
}
#header #headlogo a {
  display: block; width: 465px; height: 54px;
  overflow: hidden; text-decoration: none;
}  
#header .mod_article {
  position: absolute; left: 162px; top: 140px; z-index: 2;
  width: 818px; height: 180px; overflow: hidden;
}
#header #zierlinien {
  position: absolute; left: 232px; top: 140px; z-index: 3;
  width: 558px; height: 180px;
  border-left: 2px solid #fff;
  border-right: 2px solid #fff;
}
#header #servicelinks {
  position: absolute; left: 632px; top: 120px;
}
#header #servicelinks ul {
  list-style: none; margin: 0;
}
#header #servicelinks li {
  width: 160px; margin-right: 2px; float: left;
}
#header #servicelinks a {
  display: block; background: #6f83a2;
  color: #fff; text-decoration: none;
  width: 160px; w\idth: 140px; height: 18px; he\ight: 15px; overflow: hidden;
  padding: 3px 0 0 20px;
  line-height: 1em;
  border-bottom: 2px solid #fff;
}

/* linke Spalte: Navigation */
#left .mod_navigation {

}
#left .mod_navigation ul {
  list-style: none;
}
#left .mod_navigation li {
  width: 160px;
}
#left .mod_navigation li a {
  display: block; width: 160px; w\idth: 140px; height: 18px; he\ight: 16px;
  padding: 2px 0 0 20px;
  background: #7e9dcd; color: #fff;
  text-decoration: none;
  font-size: 1.0em;
  margin-bottom: 1px; 
}
#left .mod_navigation li a.active,
#left .mod_navigation li a.trail,
#left .mod_navigation li a:hover {
  font-weight: bold;
}
#left .mod_navigation li a.active {
  background: #7e9dcd url(layout/icons.gif) no-repeat 19px -39px;
  padding-left: 35px; w\idth: 125px;
}
#left .mod_navigation ul ul {
  display: none;
}
#left .mod_navigation li.active ul,
#left .mod_navigation li.trail ul {
  display: block
}
#left .mod_navigation li li a {
  font-weight: normal;
  background: #b1c5df; color: #000;
}
#left .mod_navigation li li a.active,
#left .mod_navigation li li a.trail,
#left .mod_navigation li li a:hover {
  font-weight: bold;
}
#left .mod_navigation li li a.active {
  background: #b1c5df url(layout/icons.gif) no-repeat 18px -85px;
  padding-left: 32px; w\idth: 128px;
}
#left .mod_navigation li.active ul ul,
#left .mod_navigation li.trail ul ul,
#left .mod_navigation ul ul ul {
  display: none;
}
#left .mod_navigation li li.active ul,
#left .mod_navigation li li.trail ul {
  display: block
}
#left .mod_navigation li li li a {
  font-weight: normal;
  background: #e07d44; color: #fff; /* #c96e32  c97c49 */
}
#left .mod_navigation li li li a.active,
#left .mod_navigation li li li a.trail,
#left .mod_navigation li li li a:hover {
  font-weight: bold;
}
#left .mod_navigation li li li a.active {
  background: #e07d44 url(layout/icons.gif) no-repeat 18px -140px;
  padding-left: 32px; w\idth: 128px;
}

/* rechte Spalte: Aktuelles */
#right h2 {
  padding: 10px 0 4px 20px;
  color: #425163;
  font-size: 1.3em; font-weight: normal;
  font-family: georgia, "times new roman", serif;
  border-bottom: 1px solid #a3b0c4;
  margin-bottom: 7px;
}
#right .layout_latest {
  padding: 0px 0 7px 20px;
  color: #697a8e;
  border-bottom: 1px solid #a3b0c4;
  margin-bottom: 7px;
}
#right .layout_latest h2 {
  font-weight: normal; 
  color: #697a8e; font-size: 1em; 
  font-family: verdana, arial, helvetica, sans-serif;
  border: 0; margin: 0; padding: 0;
}
#right .layout_latest h2 a {
  text-decoration: none; 
  color: #697a8e;
}

/* Standard-Stilangaben */
#main h1 {
  font-size: 2.2em;
  margin-bottom: 0.7em;
  color: #425163;
  font-weight: normal;
  letter-spacing: 0.05em;
  font-family: georgia, "times new roman", serif;
}
#main h2 {
  font-size: 1.4em;
  margin-bottom: 0.8em;
  color: #e07d44;
  font-weight: bold;
  letter-spacing: 0.05em;
  font-family: georgia, "times new roman", serif;
}
#main h3 {
  font-size: 1em;
  margin-bottom: 0.8em;
}
#main p, #main table, #main ul, #main ol {
  margin-bottom: 1.45em;
  line-height: 1.45em;
  letter-spacing: 0.05em;
}
#main ul, #main ol {
  margin-left: 1.5em;
}
#main  a {
  font-weight: normal; 
  color: #6f83a2;
  text-decoration: none;
  padding-right: 11px;
  background: url(layout/icons.gif) no-repeat right -182px;
}
#main h2 a {
  font-size: 1.0em;
  color: #e07d44;
  font-weight: bold;
  text-decoration: none;
  padding: 0; background: none;
  font-family: georgia, "times new roman", serif;
}
#main a:hover,
#main h2 a:hover {
  color: #000;
}
#main a:hover {
  color: #000;
  background-position: right -231px;
}
#main a.ohnepfeil {
  padding: 0; background: none;
}


/* Akkordeon-Formate */
#main hr {
  height: 1px; background: none; overflow: hidden; color: #a3b0c4;
  border: 0; border-top: 1px solid #a3b0c4;
  margin-bottom: 1.45em;
}
#main .ce_accordion .accordion div {
  margin-bottom: 0.9em;
  padding-bottom: 0.1em;
}
#main .ce_accordion h2 {
  background: url(layout/icons.gif) no-repeat 0px 4px;
  padding-left: 26px;
}
#main .ce_accordion a {
  font-weight: bold; 
  color: #6f83a2;
  text-decoration: none;
}
#main .ce_accordion a {
  padding-right: 11px;
  background: url(layout/icons.gif) no-repeat right -182px;
}

/* Nachrichten */
#main .mod_newsreader {
  
}
#main .mod_newsreader p.back {
  display: none;
}

/* Seitenwahl */
#main .pagination {
  margin: 0;
  padding: 0;
}
#main .pagination p {
  margin: 0;
  padding: 0;
}
#main .pagination ul {
  margin: 0; padding: 0;
  list-style: none;
}
#main .pagination ul li {
  float: left;
  margin: 0 0.8em 0 0;
  padding: 0;
  background: none;
}
#main .pagination ul li .pagination_current {
  color: #666;
  font-weight: bold;
}

/* Formulare */
#main .formbody label {
  clear: left;
  display: block; float: left;
  width: 105px;
  margin: 0px 0px 2px 0px; padding: 1px;
}
#main p.error,
#main span.error {
  color: #ff0000;
  font-weight: bold;
}
#main .formbody div.error,
#main .formbody label.error {
  color: #ff0000;
}
#main .formbody input.captcha,
#main .formbody input.text {
  width: 200px;
  margin: 0px 0px 2px 0px;
  padding: 1px;
  border: 1px solid #999;
}
#main .formbody input.captcha {
  width: 60px;
}
#main .formbody input.error {
  border-color: #ff0000;
}
#main .formbody textarea {
  width: 200px; height: 100px;
  margin: 0px 0px 2px 0px;
  padding: 1px;
  border: 1px solid #999;
}
#main .formbody label.error {
  font-weight: bold;
  color: #ff0000;
}
#main .formbody .checkbox_container {
  padding-left: 110px;
}
#main .formbody .checkbox_container span {
  clear: left;
  display: block;
  margin-bottom: 1px;
}
#main .formbody .checkbox_container input.checkbox {
}
#main .formbody .checkbox_container label {
  display: inline; float: none;
  width: 300px;
}
#main .formbody .submit_container {
  margin: 5px 0px 0px 105px;
  padding: 1px;
}
#main .formbody br {
  clear: left;
  font-size: 1px; height: 1px;
}


/* Footer: Copyright-Hinweis / Adresse / Service-Navigation */
#footer li,
#footer a {
  color: #697a8e; 
  padding: 0; background: none;
  text-decoration: none;
}
#footer a:hover {
  color: #000;
}
#footer ul {
  list-style: none;
  margin: 0;
}
#footer li {
  display: inline;
  line-height: 0.9em;
  border-left: 1px solid #697a8e;
  padding: 0 6px 0 8px;
}
#footer li.first {
  border-left: 0;
  padding-left: 0;
}

/* Startseite abweichende Layoutangaben */
.startseite #header #servicelinks li.startseite {
  display: none;
}


/* abweichendes Layout dritte Ebene  */
.ebene3 {
  color: #fff;
  background: #516380;
}
.ebene3 #wrapper {
  background-image: url(layout/verlaufkopf2.gif);
}
.ebene3 #header #zierlinien {
  border-left: 2px solid #516380;
  border-right: 2px solid #516380;
}
.ebene3 #header #servicelinks a {
  border-bottom: 2px solid #516380;
}
.ebene3 #main h1,
.ebene3 #main h2,
.ebene3 #main a,
.ebene3 #footer li,
.ebene3 #footer a {
  color: #fff;
}
.ebene3 #main a {
  background-position: right -254px;
  text-decoration: underline;
}
.ebene3 #footer a {
  text-decoration: none;
}
.ebene3 #main a:hover,
.ebene3 #footer a:hover {
  color: #000;
}
.ebene3 #main a:hover {
  background-position: right -231px;
}
.ebene3 #footer li {
  border-left: 1px solid #fff;
}
.ebene3 #footer li.first {
  border-left: 0;
}
.referenzen #main h1.ce_headline {
  padding-bottom: 15px; margin-bottom: 0;
  border-bottom: 1px solid #a3b0c4;
}
.referenzen #main .mod_article  {
  margin-bottom: 1.4em;
}
.referenzen #main hr {
  clear: left; margin: 0;
}
.referenzen #main .ce_text {
  margin: 0;
  padding: 6px 0 6px 0;
}
.referenzen #main .ce_text p {
  margin: 0;
}
.referenzen #main .ce_text img {
  display: block;
  width: 171px; margin-right: 14px; float: left;
  margin-bottom: 6px;
}