html, body, div, p, h1, h2, h3, ul, ol, span, table, td, form, img, li, pre  {
 margin: 0;
 padding: 0;
 border: 0;
}

html {
 font: normal 100.01% Verdana, Arial, sans-serif; 
 font-family: Verdana, Arial, Helvetica, Verdana, Geneva, sans-serif; 
}
body { 
 text-align:center; 
 color: #000000;
 background: #336699 url(images/html-bg.gif);
 background: #669999 url(images/html-bg.gif);
 background: #6699CC url(images/html-bg.gif);
 font-size: .8em;
}
#wrappage {
 margin: 5px auto;
 position: relative;
 width: 867px;
 text-align: left;
 background: #FFFFFF url(images/page-bg.gif) no-repeat 0px 170px;
}

#kopf {
 position: relative;
 height: 170px;
 width: 867px;
 background: #000000 url(images/kopf-bg.gif) no-repeat;
}
#kopfteaser {
 position: absolute;
 right: 0;
 top: 25px;
}
#kopflogo {
 position: absolute;
 left: 300px;
 top: 55px;
}
#kopfanilinks {
 position: absolute;
 left: 10px;
 top: 55px;
}
#kopfanirechts {
 position: absolute;
 right: 10px;
 top: 55px;
}
#kopfsuchen {
 position: absolute;
 top: 8px;
 left: 5px;
}
#kopfsuchen #text {
 font-size: .9em; width: 100px; border: 0; 
}
#kopfsuchen #button {
 font-size: .9em; width: 50px; border: 0; 
}
#menuservice {
 position: absolute;
 right: 10px;
 top: 8px;
 font-size: .85em;
 font-style: italic;
}
#menuservice li {
 display: inline; margin-left: 15px; list-style-type: none;
}
#menuservice a {
 text-decoration: none; color: #C4CCEE;
}
#menuservice a:hover {
 color: #FFF;
}
/* Variaton 2 */
/* #menuservice {
 left: 10px;
}
#menuservice li {
 margin-left: 0; margin-right: 15px;
} */
/* Ende Variation 2 */

#page {
 position: relative;
 padding-top: 10px;
 padding-bottom: 10px;
}
#pageleft {
 float: left;
 position: relative;
 width: 180px;
}
#pageright {
 float: right;
 position: relative;
 width: 200px;
}
#pagecenter {
 float: left;
 position: relative;
 width: 445px;
 padding-left: 10px;
 padding-right: 10px;
/* border-left: 1px dotted #C5CDE7; */
 border-right: 1px dotted #C5CDE7;
}
#rootline {
 font-size: .85em;
 height: 30px;
 color: #9AA8C7;
/* border-bottom: 1px dotted #C5CDE7; */
 margin-top: 5px;
 color: #999999;
}
#rootline a {
 color: #999999;
}
#rootline a:hover {
 color: #FF0000;
}
#rootline a:hover, #rootline strong {
 color: #333333;
}

rimage {
 border-bottom: 1px dotted #C5CDE7;
}

#pagecloser {
 clear: both; height: 10px; position: relative;
}
#bottom {
 clear: both;
 position: relative;
 height: 30px;
 background: #F2F4FB;
 border-top: 2px solid #253361;
}
#copyright {
 position: absolute;
 right: 10px;
 top: 8px;
 font-size: .85em;
 color: #999999;
}
#copyright a {
 color: #999999;
}
#copyright a:hover {
 color: #FF0000;
}
#menubottom {
 position: absolute;
 left: 10px;
 top: 3px;
 font-size: .85em;
 color: #999999;
}
#menubottom a {
 color: #999999;
}
#menubottom a:hover {
 color: #FF0000;
}
#menubottom img {
 margin-right: 5px;
}

#menu {
   margin: 0; padding: 0;
   width: 163px;
  }
  #menu a {
   text-decoration: none; color: #000;
  }
  #menu ul {
   margin: 0; padding: 0;
  }
  #menu ul li {
   margin: 0;
   margin-left: 5px;
   padding: 3px 5px;

   list-style-type: none;
   border-top: 1px solid white;
   border-bottom: 1px solid white;
   display: block;
   background: #E8E8E8;
  }
  #menu li li {
   margin-top: 3px;
   border-bottom: 0;
   padding-left: 10px;
   background: none;
  }
  #menu a {
   display: inline;
   position: relative;
   padding: 0px;
  }
  #menu a:hover {
   color: #FF0000;
  }

/*
  #menu li { */
   /* gibt allen Punkten der ersten Ebene einen Abstand: */
/*   margin: 4px 0 0 0;
   padding: 0;
   border-top: 1px solid #FFF; */
   /* verhindert Abstand beim IE: */
/*   border-bottom: 1px solid #FFF;
  }
  #menu li li, #menu li li li { */
   /* verhindert Linien oben fuer Eintraege ab der 2. Ebene: */
/*   border: 0;*/
   /* verhindert Abstaende fuer die Links ab der 2. Ebene: */
/*   margin: 0;*/
   /* verhindert unerwuenschte Abstaende im IE: */
/*   display: inline;
  }
  #menu li a {
  display: block;
   color: #666;
   padding: 3px 3px 3px 5px;
  }
  #menu strong {
   display: block;
   color: #000;
   padding: 3px 3px 3px 5px;
   border: 0;
  }
  #menu a:hover {
   color: black;
  } */

  /* Abstaende fuer 2. und 3. Ebene: */
/*  #menu li a, #menu li a:hover, #menu li strong {
   padding-left: 15px;
   background: url(../images/pt_666.gif) no-repeat 5px 9px;
  }
  #menu li a:hover {
   padding-left: 15px;
   background: #efefef url(../images/pt_rd.gif) no-repeat 5px 9px;
  }
  #menu li li a, #menu li li a:hover, #menu li li strong {
   padding-left: 25px;
   background: url(../images/pt_666_o.gif) no-repeat 15px 9px;
  }
  #menu li li a:hover {
   padding-left: 25px;
   background: #efefef url(../images/pt_rd_o.gif) no-repeat 15px 9px;
  }
  #menu li li li a, #menu li li li a:hover, #menu li li li strong {
   padding-left: 35px;
   font-weight: normal;
   background: url(../images/pt_666_r.gif) no-repeat 25px 9px;
  }
  #menu li li li a:hover {
   padding-left: 35px;
   font-weight: normal;
   background: #efefef url(../images/pt_rd_r.gif) no-repeat 25px 9px;
  }
  #menu a {
   text-decoration: none;
  }
*/

/* Basis-Formatierung */

h1 {
 font-size: 1.2em;
 padding-top: 5px;
 padding-bottom: 5px;
 color: #253361;
}
h2, h3, h4 {
 font-size: 1.1em;
 padding-top: 5px;
 padding-bottom: 5px;
 color: #253361;
}
h3 {
 border-top: 2px solid #FF0000; margin-top: 10px; 
 clear: both;
}
p, ul, ol {
 padding-top: 5px;
 padding-bottom: 5px;
}
#content ul, #content ol {
 margin-left: 20px;
 margin-right: 10px;
}
a {
 color: #253361;
}
a:hover {
 color: #FF0000;
}
.blue {
 color: #253361;
}
/* RTE */
.align-left { text-align: left; }
.align-center { text-align: center; }
.align-right { text-align: right; }

/* div stuff */
li dfn, .usb {
 position: absolute;
 left: -5000px;
 top: -5000px;
 height: 0px;
 width: 0px;
 overflow: hidden; 
 display: inline;
}
acronym {
 cursor:help;
 border-bottom: 1px dotted #666;
}
abbr {
 cursor:help;
 border: none;
}
.c {
 clear: both;
}
.datum {
 float: right; 
}
/* Calendar */
.event {
 border-top: 2px solid #FF0000; margin-top: 10px; 
}
#pageright .tx-cal-controller {
 margin: 0; padding-top: 5px; padding-bottom: 5px;
}
#pageright h4, #pageleft h4 {
 text-transform: uppercase;
 font-size: 1em;
 padding: 0; margin: 0;
 color: #253361;
 padding: 3px 5px;
/* border-top: 1px solid black; */
}
#pageright ul li {
 padding: 3px 5px;
 margin-right: 5px;
 margin-left: 5px;
 background: #E8E8E8;
 border-top: 1px solid #FFF;
 border-bottom: 1px solid #FFF;
 list-style-type: none;
 
}
#pageright p {
 padding: 3px 5px;
 margin-right: 5px;
 margin-left: 5px;
 font-size: .85em;
}

/* Sitemap, Branchen */
dl.csc-menu {
 border-top: 2px solid #FF0000; margin-top: 10px; 
}
dl.csc-menu dt {
 margin-top: 10px;
}
dl.csc-menu dt a {
 font-weight: bold;
}
dl.csc-menu dd { 
/* font-size: .85em; */
 margin-left: 15px;
}
dl.csc-menu csc-menu-4 {
}


/* *** NEWS *** */
/* Browsing */
.news-list-browse, .news-single-backlink {
 clear: both;
 text-align: center;
 background: #E8E8E8;
 margin-top: 5px;
 margin-bottom: 5px;
 padding-top: 5px;
 padding-bottom: 5px;
}
.news-list-browse a, .news-list-browse span, .news-list-browse strong, .news-single-backlink a {
 font-size: .85em;
 font-weight: normal;
}
.news-list-browse .tx-ttnews-browsebox-strong {
 font-size: 1em;
 font-weight: bold;
}
/* Latest */
.news-latest-item h3 {
 clear: both;
 border-top: 1px solid #FF0000; 
 font-size: 1em;
}
/* Liste */
.news-list-item {
}
.news-list-item h3 {
 clear: both;
}
/*.news-list-item .news-single-img, .news-list-item img {
 float: right;
 position: relative;
 margin-left: 10px;
 width: 180px;
} */
.news-list-item .news-single-image {
 float: right;
 width: 180px;
 text-align: right;
 padding-left: 10px;
 padding-bottom: 8px;
}
/* Details */
.news-single-item {
 position: relative;
}
.news-single-item h3 {
 font-size: 1em;
}
.news-single-item .news-single-img, .news-list-item img {
 float: left;
 margin-right: 10px;
 margin-bottom: 3px;
 margin-top: 8px;
}
.news-single-item p.news-single-author {
 position: absolute;
 left: 300px;
 width: 145px;
 font-size: .85em;
 text-align: right;
}

/* *** Kontakt-Formular *** */

.tx-powermail-pi1_formwrap label {
 clear: both;
 float: left;
 width: 120px;
 font-weight: bold;
}
.tx-powermail-pi1_formwrap label span {
 font-weight: normal;
}
.powermail_mandatory_js {
 display: inline;
 font-size: .85em;
 color: #FF0000;
 margin-left: 5px;
}
.tx-powermail-pi1_confirmation p {
 font-weight: bold;
 margin: 3px;
}
.tx-powermail-pi1_confirmation td {
 padding: 3px;
}