@import url(colors.css);
@import url(fce.css);
@import url(typo3.css);

/* DEFAULT STYLES */

html, body{
   height: auto;
   _height: 100%;
   margin: 0 auto;
   padding: 0px;
}

body {
  margin: 0 auto;
  padding: 0px;
  background-color: #E8E8E4;
  font-family: Arial,Helvetica,Verdana,Geneva,sans-serif;
  font-size: 11px;
  color: #575656;
  line-height: 16px;
  text-align: center;
  background-image: url(body.bg.gif);
  background-position: center center;
  overflow-y: scroll;
}
body#popup {margin:0;padding:0;}

table, td {
  font-family: Arial,Helvetica,Verdana,Geneva,sans-serif;
  font-size: 11px;
  color: #575656;
}

a {
  color: #31A1DA;
  color: #575656;
  text-decoration: underline;
}
a:hover {text-decoration: none;}
a img {border: none;}
a.internal-link,
a.internal-link-new-window,
a.download {
  background-image: url(icon.internal-link.gif);
  background-repeat: no-repeat;
  padding-left: 12px;
  padding-bottom: 3px;
  _padding-top: 1px;
  background-position: 0px 4px;
}
a.external-link,
a.external-link-new-window {
  background-image: url(icon.external-link.gif);
  background-repeat: no-repeat;
  padding-left: 12px;
  padding-bottom: 3px;
  background-position: 0px 4px;
}
a.download-pdf {
  background-image: url(icon.pdf.gif);
  background-repeat: no-repeat;
  padding-left: 20px;
  padding-bottom: 5px;
  _padding-top: 1px;
  background-position: 0px 0px;
}

h1,h2,h3,h4,h5 {
  font-size: 12px;
  color: #3A3838;
  margin: 0px;
  padding: 0px;
  margin-top: 16px;
  margin-bottom: 8px;
  clear: left;
}
h2,h3,h4 {margin-top: 8px;margin-bottom: 8px;}
h3,h4 {margin-top: 0px;margin-bottom: 0px;padding-left: 10px;}
h4,h5 {margin-bottom: -8px;color: #575656;}

.red, .markup {
  color: #ff0000;
}

p {
  margin: 0px;
  padding: 0px;
}
p.align-center {text-align: center;}
p.align-right {text-align: right;}
p.align-left {text-align: left;}
p.error {
  color: #ffffff;
  background-color: #ff0000;
  padding: 5px;
  text-align: center;
}

ul  {
  margin: 0;
  padding: 0;
}
ul li {
  margin-left: 30px;
  padding-left: 0px;
}

input {
  padding-left: 1px;
  border: 1px solid #D4D4CC;
  background-color: #FFF;
  font-family: Arial,Helvetica,Verdana,Geneva,sans-serif;
  font-size: 11px;
}
input.checkbox {
  padding-left: 1px;
  border: none;
  background: none;
}
input.submit {
  padding-left: 1px;
  background-color: #A6A5A5;
  color: #fff;
  border: none;
  border: 1px solid #7F7D7D;
  background-image: url(input.submit.bg.arrow.gif);
  background-repeat: no-repeat;
  background-position: 5px center;
  float: right;
}
textarea{
  padding-left: 1px;
  border: 1px solid #D4D4CC;
  background-color: #FFF;
  width: 100%;
  font-family: Arial,Helvetica,Verdana,Geneva,sans-serif;
  font-size: 11px;
}
select {
  font-family: Arial,Helvetica,Verdana,Geneva,sans-serif;
  font-size: 11px;  
}

.clearer {
  clear: both;
  line-height: 0px;
  height: 1px;
  margin: 0px;
  padding: 0px;
}
hr.clearer {visibility:hidden;}

/*td, th {
  margin:0;
  padding: 2px 5px 2px 5px;
  border-bottom: 1px solid #E8E8E4;
}
th {
  background-color: #F2F2F0;
  text-align: left;
}*/



/* PAGE */

#template-1,
#template-2,
#template-3 {
  width: 905px;
  margin: auto;
  height: 100%;
  text-align: left;  
}



/* HEADER */

#header {
  width: 895px;
  height: 100px;
}
#header #hleft {
  width: 260px;
  height: auto;
  float: left;
}
#header #hright {
  width: 635px;
  height: auto;
  float: left;
}
#header #service {
  width: 645px;
  _width: 635px;
  height: 27px;
  background-image: url(header.hleft.htop.bg.gif);
  background-repeat: no-repeat;
  overflow: hidden;
}
/*
#header #service #language {
  position: absolute;
  top: 7px;
  left: 260px;
  font-size: 10px;
  color: #575656;
}
*/
#header #service #language {
  font-size: 10px;
  color: #575656;
  float: left;
  margin-top: 5px;
  margin-right: 325px;
  _margin-right: 325px;
}
#header #service #language a {
  color: #575656;
  text-decoration: underline;
}
#header #service #language a:hover {
  text-decoration: none;
}
#header #service #language a img {
  padding-top: 4px;
}
#header #service #sitemap {
  font-size: 10px;
  color: #575656;
  float: left;
  margin-top: 5px;
  margin-right: 13px;
  _margin-right: 15px;
}
#header #service #sitemap a {
  color: #575656;
  text-decoration: underline;
}
#header #service #sitemap a:hover {
  text-decoration: none;
}
/*
#header #service #search {
  position: absolute;
  top: 5px;
  left: 727px;
  _left: 730px;
  color: #FCF8E6;
  width: 175px;
  _width: 165px;
}
*/
#header #service #search {
  color: #FCF8E6;
  width: 175px;
  _width: 165px;
  margin-top: 3px;
  float: left;
}
#header #service #search input.field {
  width: 120px;
  height: 12px;
  _height: 16px;
  background: #FFFFFF;
  border: 1px solid #CDCDC3;
  font-size: 9px;
  margin-right: 0px;
  float: left;
}
#header #service #search .submit {
  width: 45px;
  height: 17px; 
  _height: 16px; 
  background: none;
  border: none;
  background-image: url(header.search.submit.firefox.gif);
  _background-image: url(header.search.submit.gif);  
  background-repeat: no-repeat;
  background-position: 0px 0px;
  float: left;
  margin-top: -1px;
  _margin-top: ;
  
  font-weight: normal;
  font-size: 10px;
  padding-top: 2px;
  text-align: center;
}



/* NAVIGATION1 */

#navigation1 {
  width: 635px;
  height: 40px;
  background-image: url(navigation1.bg.gif);
  background-repeat: no-repeat;
}
#navigation1 a {
  display: block;
  float: left;
  width: 85px;
  _width: 90px;
  height: 20px;
  _height: 37px;
  font-size: 12px;
  font-weight: bold;
  color: #575656;
  text-decoration: none;
  padding-left: 5.5px;
  padding-top: 20px;
  margin: 0px;
}
#navigation1 a:hover {
  color: #000;
  background-image: url(navigation1.a.hover.bg.gif);
  background-repeat: no-repeat;
  background-position: bottom;
  text-decoration: none;
}
#navigation1 a.active,
#navigation1 a.active:hover {
  color: #000;
  background-color: #FFFA29;
  text-decoration: none;
  background-image: none;
}

#navigation1 .nav1 a.Blitzschutz { padding-top: 5px; height: 35px;}



/* NAVIGATION2 */

#navigation2 {
  width: 220px;
  border-top: 1px solid #CDCDC3;
}
#navigation2 a {
  display: block;
  height: 22px;
  _height: 28px;
  padding-top: 6px;
  _padding-top: 4px;
  padding-left: 5px;
  padding-right: 10px;
  border-bottom: 1px solid #CDCDC3;
  text-decoration: none;
  font-weight: bold;
  font-size: 12px;
  color: #7F7D7D;
  background-repeat: no-repeat;
  background-position: 208px center ;
}
#navigation2 a:hover {
  color: #7F7D7D;
  text-decoration: none;
  background-image: url(navigation2.a.hover.gif);
}
#navigation2 a.active,
#navigation2 a.active:hover {
  color: #000000;
  background-image: url(navigation2.a.active.gif);
}
#navigation2 a.current,
#navigation2 a.current:hover {
  color: #575656;
  background-image: url(navigation2.a.current.gif);
  font-weight: bold;
}

#navigation2 .nav2 a {
  font-weight: normal;
  padding-left: 10px;
  height: auto;
  _height: 26px;
  font-size: 11px;
  border-bottom: 1px solid #E8E8E4;
}
#navigation2 .nav2 a.active,
#navigation2 .nav2 a.current,
#navigation2 .nav2 a.active:hover,
#navigation2 .nav2 a.current:hover {
  font-weight: bold;
}
#navigation2 .nav3 a {
  font-weight: normal;
  padding-left: 15px;
  font-size: 11px;
  height: 18px;
  _height: 24px;
  border-bottom: 1px solid #F2F2F0;
}
#navigation2 .nav3 a.active,
#navigation2 .nav3 a.active:hover {
}

body#red #navigation2 .nav1 a.active,
body#red #navigation2 .nav1 a.active:hover {
  border-bottom: 1px solid #B20518;
  color: #B20518;
  background-image: url(navigation2.a.active.red.gif);
}
body#red #navigation2 .nav2  {
  border-bottom: 1px solid #B20518;
}
body#red #navigation2 .nav2 a.active,
body#red #navigation2 .nav2 a.active:hover,
body#red #navigation2 .nav3 a.active,
body#red #navigation2 .nav3 a.active:hover {
  border-bottom: 1px solid #F2F2F0;
  color: #000000;
  background-image: url(navigation2.a.active.gif);
}
body#red #navigation2 .nav2 a.current,
body#red #navigation2 .nav2 a.current:hover,
body#red #navigation2 .nav3 a.current,
body#red #navigation2 .nav3 a.current:hover {
  color: #575656;
  font-weight: bold;
}



/* TRACING */

#tracing {
  display: none;
  width: auto;
  height: auto;
  padding: 0;
  margin: 7px 0 10px 0;
}
#tracing a {
  padding: 10px;
  display: inline;
  background: url(tracing.a.arrow.gif) left no-repeat;
  font-size: 8px;
}
#tracing a.cur {
  color: #000000;
  text-decoration: none;
}
#tracing a.start {
  padding-left: 0px;
  background: none;
}


/* CONTENT */

#content {
  width: 885px;
  height: auto;
  margin: 0px 0px 10px 10px;
  float: left;
  _float: ;
  /*background-color: orange;*/
}

#content #ctop {
  width: 885px;
  height: auto;
  overflow: hidden;
  /*background-color: blue;*/
}
#content #ctop #ctopleft {
  width: 590px;
  height: 300px;
  float: left;
  overflow: hidden;
  /*background-color: green;*/
}
#content #ctop #ctopright {
  width: 295px;
  height: 300px;
  float: left;
  overflow: hidden;
  /*background-color: red;*/
}
#content #cbottom {
  width: 885px;
  height: auto;
  overflow: hidden;
  /*background-color: fuchsia;*/
}
#content #cbottom #cbottomleft {
  width: 590px;
  height: auto;
  float: left;
  overflow: hidden;
  /*background-color: brown;*/
}
#content #cbottom #cbottomright {
  width: 295px;
  height: auto;
  float: left;
  overflow: hidden;
  padding-top: 10px;
  /*padding-left: 10px;
  padding-right: 10px;
  background-color: black;*/
}

#template-1 #content #cbottom #cbottomleft {
  width: 570px;
  _width: 590px;
  padding: 10px;
  padding-top: 5px;
  float: left;
}

#template-2 #content #cleft {
  width: 230px;
  float: left;
  margin-right: 20px;
  padding-top: 30px;
  /*background-color: orange;*/
}
#template-2 #content #cright {
  width: 635px;
  float: left;
  /*background-color: green;*/
}
#template-2 #content #cright p.bodytext {
  padding: 0 0 0 10px;
}
#template-3 #content #ctop {
  width: 635px;
  margin-top: 10px;
  margin-left: 250px;
  /*background-color: blue;*/
}



/* KEYVISUALS */

#service-content {
  clear: left;
  border-top: 1px solid #CDCDC3;
  font-size: 10px;
  margin: 40px 0 0px 0;
  /*background-color: blue;*/
}

/* KEYVISUALS */

#keyvisual {
  width: 589px;
  height: 300px;
  overflow: hidden;
  border-right: 1px solid #fff;
}


/* TRACING TITLE */

#tracing-title {
  width: 635px;
  height: 25px;
  _height: 30px;
  border-bottom: 1px solid #CDCDC3;
  background: #fff;
  padding-top: 5px;
  margin-bottom: 1px;
  font-size: 9px;
}
#template-2 #content #cright #tracing-title h1 {
  display: inline;
  padding-left: 10px;
  padding-right: 5px;
  font-size: 8px;
}
#tracing-title h2 {
  display: inline;
  font-weight: normal;
  font-size: 9px;
}



/* FOOTER */

#footer {
  width: 905px;
  height: 55px;
  _height: 45px;
  background-image: url(footer.bg.gif);
  background-repeat: no-repeat;
  text-align: left;
  margin: auto;
  clear: both;
  padding-top: 1px;
}
/* nur wegen position: fixed beim footer 
  background-color: #fff;
  position: fixed;
  bottom: 0;
}


#content {
  margin-bottom: 60px;
  }
 */ 
 
#footer p.text {
  margin-left: 10px;
  margin-top: 20px;
  _margin-top: 22px;
  font-size: 10px;
  padding-left: 15px;
}
#footer p.text a  {
  color: #575656;
}



/* DEFAULT STYLES */

#mzentrale{display:none;}

.news-latest-item p {
  padding:0 10px;
}

.news-latest-container {
	padding:0;
}