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

/* DEFAULT STYLES */

html, body{
   height: 100%;
   margin: 0 auto;
   padding: 0px; 
}
body {
  margin: 0 auto;
  padding: 0px;
  background-color: #000000;
  font-family: Verdana,Geneva,Arial,Helvetica,sans-serif;
  font-size: 11px;
  color: #383838;
  text-align: center;
}

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

a {
  color: #383838;
  text-decoration: underline;
}
a:hover {text-decoration: none;}
a img {border: none;}
a.internal-link,
a.internal-linkURL,
a.internal-link-new-window {
  background-image: url(icon.internal-link.gif);
  background-repeat: no-repeat;
  padding-left: 25px;
  padding-bottom: 3px;
  _padding-top: 1px;
  _background-position: 0px 0px;
}
a.external-link,
a.external-link-new-window {
  background-image: url(icon.external-link.gif);
  background-repeat: no-repeat;
  padding-left: 25px;
  padding-bottom: 5px;
}
a.download {
  background-image: url(icon.download-link.gif);
  background-repeat: no-repeat;
  padding-left: 15px;
  padding-bottom: 5px;
}
a.download-pdf,
a.download-doc,
a.download-xls,
a.download-avi {
  background-repeat: no-repeat;
  padding-left: 15px;
  padding-bottom: 8px;
  background-position: 0px 0px;
}
a.download-pdf {background-image: url(icon.download-pdf.gif);}
a.download-doc {background-image: url(icon.download-doc.gif);}
a.download-xls {background-image: url(icon.download-xls.gif);}
a.download-avi {background-image: url(icon.download-avi.gif);}
a.mail {
  background-image: url(icon.mail-link.gif);
  background-repeat: no-repeat;
  padding-left: 30px;
}

#template-0 .bottom a {margin: 0 10px;}

h1,h2,h3,h4,h5 {
  font-size: 14px;
  color: #666666;
  margin: 0px;
  padding: 0px;
  margin-top: 16px;
  margin-bottom: 8px;
  clear: left;
}
h2,h3,h4 {
  font-size: 13px;
  margin-top: 8px;
}
h3,h4,h5 {font-size: 12px;}
h4,h5 {margin-bottom: 0px;}
h4 {margin-top: 0px;padding-top: 0px;}
h5 {text-decoration: underline;}

.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;
}
p.bodytext,p {
  margin: 0px;
  padding: 0px;
  padding-bottom: 5px;
}

input {
  padding-left: 1px;  
}
input.submit {
  cursor: pointer;
}

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

.small-caps {
  font-variant: small-caps;
}
.capitalize {
  text-transform: capitalize;
}
.uppercase {
  text-transform: uppercase;
}
.lowercase {
  text-transform: lowercase;
}


/* TEMPLATE */

#template-0,
#template-1,
#template-2,
#template-3 {
  width: 938px;
  margin: auto;
  text-align: left;
}

/* PAGE */

#page {width: 938px;}

/* HEADER */

#header {
  width: 938px;
  padding-top: 8px;
}
#header a {
  color: #FFFFCC;
  text-decoration: none;
}
#header a:hover {text-decoration: underline;}
#header #language {
  color: #FCF8E6;
  font-size: 10px;
  float: left;
  padding-top: 2px;
  display: none;
}
#header #metanavi {
  color: #FCF8E6;
  font-size: 10px;
  float: right;
  padding-top: 2px;
  margin-right: 10px;
}
#header #search {
  color: #FCF8E6;
  font-size: 10px;
  float: right;
}
#header #search .field {
  width: 140px;
  height: 13px;
  _height: 17px;
  background: #F7EDC0;
  border: 1px solid #EAD15C;
  font-size: 10px;
  margin-right: 5px;
}
#header #search .submit {
  width: 20px;
  height: 20px; 
  _height: 18px; 
  background: none;
  border: none;
  background-image: url(search.submit.firefox.gif);
  _background-image: url(search.submit.gif);
  background-repeat: no-repeat;
  background-position: 0px 2px;
  _background-position: 0px 1px;
}
#header-print {
  display: none;
}

#template-0 #header,
#template-3 #header {
  background-image: url(header.template-0.bg.jpg);
  background-repeat: no-repeat;
  background-position: bottom;
  height: 34px;
  padding-top: 0px;
}
#template-0 #header{background-image:none;}
#template-1 #header,
#template-2 #header {
  height: 36px;
}

/* NAVIGATION1 */

#navigation1 {
  width: 938px;
  height: 34px;
  background-image: url(navigation1.bg.jpg);
  background-repeat: no-repeat;
  text-align: center;
}
#navigation1 div.nav1 {
  padding-left: 20%;
}
#navigation1 a {
  font-size: 14px;
  font-weight: bold;
  text-decoration: none;
  color: #F1DF8E;
  display: block;
  float: left;
  padding: 5px 9px 12px 9px;
  margin: 0px 0px 0px 0px
}
#navigation1 a:hover {
  color: #fff;
  background-image: url(navigation1.a-active.bg.jpg);
  background-repeat: repeat-x;
}
#navigation1 a.active {
  color: #fff;
  background-image: url(navigation1.a-active.bg.jpg);
  background-repeat: repeat-x;
}

/* KEYVISUAL */

#keyvisual {
  width: 938px;
  height: auto;
  _height: 175px;
  min-height: 175px;
  background-image: url(keyvisual.bg.jpg);
  background-repeat: no-repeat;
}
#keyvisual .tx-mzkeyvis-pi1 {
  background-color: #FCF8E6;
}
/* TRACING */

#tracing {
  width: 908px;
  _width: 938px;
  height: 12px;
  text-align: right;
  background-color: #FCF8E6;
  font-size: 10px;
  color: #8C8C8C;
  padding-right: 30px;
}
#tracing a {
  color: #8C8C8C;
  text-decoration: none;
}
#tracing a:hover {text-decoration: underline;}
#template-1 #tracing {  
  background-image: url(content.bg.gif);
  background-repeat: repeat-y;
}


/* CONTENT */

#content {
  width: 938px;
  height: auto;
  background-color: #FCF8E6;
  padding-bottom: 50px;
  overflow: hidden;
}
#template-0 #content,
#template-3 #content {
  height: auto;
  min-height: 175px;
  padding-bottom: 16px;
}
#template-1 #content {
  height: auto;
  background-image: url(content.bg.gif);
  background-repeat: repeat-y;
}
#template-0 #content {
  height: 275px;
  _height: 300px;
}

/* CONTENT left */

#content .left .content {
  color: #A3A3A3;
  padding: 15px 5px 15px 15px;
}

#template-0 #content .left {
  width: 210px;
  height: 225px;
  float: left;
}
#template-0 #content .left .logo {
  background-image: url(logo.gif);
  background-repeat: no-repeat;
  background-position: bottom;
  height: 150px; 
  margin-bottom: 10px;
}
#content .left .logo a {
  display: block;
  width: 210px;
  height: 100px;
}
#template-0 #content .left .hotline {
  background-image: url(hotline.t0.left.gif);
  background-repeat: no-repeat;
  height: 50px; 
}

#template-1 #content .left,
#template-2 #content .left {
  width: 210px;
  height: auto;
  float: left;
}
#template-1 #content .left .logo,
#template-2 #content .left .logo {
  width: 210px;
  height: 100px;
  background-image: url(logo.animation.gif);
  background-repeat: no-repeat; 
}

#template-2 #content .left {
  width: 210px;
  height: auto;
  float: left;
}
#template-2 #content .left .logo {
  width: 210px;
  height: 100px;
  background-image: url(logo.gif);
  background-repeat: no-repeat; 
  margin-top: 5px;
}
#template-2 #content .left .content {
  width: 190px;
  _width: 210px;
  height: auto;
  color: #A3A3A3;
  margin-top: 10px;
  padding: 0px 5px 15px 15px;
}

/* CONTENT center */

#template-0 #content .center {
  width: 375px;
  height: 225px;
  float: left;
}
#template-3 #content .center {
  width: 890px;
  height: 225px;
  margin-left: 25px;
}

/* CONTENT right */

#template-0 #content .right {
  width: 325px;
  height: 225px;
  float: left;
}

#template-1 #content .right,
#template-2 #content .right  {
  width: 670px;
  height: auto;
  margin-top: 10px;
  margin-left: 30px;
  float: left;
}

/* CONTENT bottom */

#template-2 #content .bottom {
  width: 890px;
  height: auto;
  margin-top: 10px;
  margin-left: 20px;
  _margin-left: 10px
  float: left;
}

#template-0 #content .bottom {
  width: 703px;
  margin-top: 10px;
  margin-left: 210px;
  clear: both;
  text-align: center;
}

/* NAVIGATION2 */

#navigation2 {
  width: 210px;
  height: auto;
  background-image: url(navigation2.line.gif);
  background-repeat: no-repeat;
  background-position: top;
  float: left;
}
#navigation2 a {
  display: block;
  color: #FFFFCC;
  text-decoration: none;
  background-image: url(navigation2.line.gif);
  background-repeat: no-repeat;
  background-position: bottom;
}
#navigation2 a:hover {
  text-decoration: underline;
}
#navigation2 a.active {
  font-weight: bold;
}
#navigation2 a.current {
  font-weight: bold;
  color: #fff;
}
#navigation2 .nav1 {
}
#navigation2 .nav1 .link {
  background-image: url(navigation2.nav1.link.bg.gif);
  background-position: bottom;
}
#navigation2 .nav1 a {
  font-size: 12px;
  padding: 5px 5px 5px 15px;
  _width: 210px; 
}
#navigation2 .nav1 a:hover {
  background-image: url(navigation2.nav1.link.bg.hover.gif);
  background-position: bottom;
  text-decoration: none;
}
#navigation2 .nav1 a.active,
#navigation2 .nav1 a.active:hover  {
  background-image: url(navigation2.nav1.a-active.bg.gif);
  background-position: center;
  padding-bottom: 10px;
}
#navigation2 .nav1 a.current,
#navigation2 .nav1 a.current:hover {
  background-image: url(navigation2.nav1.a-current.bg.gif);
  background-position: center;
  padding-bottom: 10px;
}
#navigation2 .nav2 {
  background-image: url(navigation2.nav2.bg.gif);
  background-repeat: repeat-y;
}
#navigation2 .nav2 .link {
  background-image: url(navigation2.nav2.link.bg.gif);
  background-position: bottom;
}
#navigation2 .nav2 a {
  font-size: 12px;
  padding: 5px 5px 5px 25px; 
}
#navigation2 .nav2 a:hover {
  background-image: url(navigation2.nav1.link.bg.hover.gif);
  background-position: bottom;
  text-decoration: none;
}
#navigation2 .nav2 a.active,
#navigation2 .nav2 a.active:hover {
  background-image: url(navigation2.nav2.a-active.bg.gif);
  background-position: center;
  padding-bottom: 10px;
}
#navigation2 .nav2 a.current,
#navigation2 .nav2 a.current:hover {
  background-image: url(navigation2.nav2.a-current.bg.gif);
  background-position: center;
  padding-bottom: 10px;
}
#navigation2 .nav3 {
  background-image: url(navigation2.nav3.bg.gif);
  background-repeat: repeat-y;
}
#navigation2 .nav3 .link {
  background-image: url(navigation2.nav3.link.bg.gif);
  background-position: bottom;
}
#navigation2 .nav3 a {
  font-size: 11px;
  padding: 5px 5px 5px 35px; 
}
#navigation2 .nav3 a:hover {
  background-image: url(navigation2.nav1.link.bg.hover.gif);
  background-position: bottom;
  text-decoration: none;
}
#navigation2 .nav3 a.active,
#navigation2 .nav3 a.active:hover {
  background-image: url(navigation2.nav3.a-active.bg.gif);
  background-position: center;
  padding-bottom: 5px;
}
#navigation2 .nav3 a.current,
#navigation2 .nav3 a.current:hover {
  background-image: url(navigation2.nav3.a-current.bg.gif);
  background-position: center;
  padding-bottom: 5px;
}
#navigation2 .nav4 {
  background-image: url(navigation2.nav4.bg.gif);
  background-repeat: repeat-y;
}
#navigation2 .nav4 .link {
  background-image: url(navigation2.nav4.link.bg.gif);
  background-position: bottom;
}
#navigation2 .nav4 a {
  font-size: 11px;
  padding: 5px 5px 5px 45px; 
}
#navigation2 .nav4 a:hover {
  background-image: url(navigation2.nav1.link.bg.hover.gif);
  background-position: bottom;
  text-decoration: none;
}
#navigation2 .nav4 a.active,
#navigation2 .nav4 a.active:hover {
  background-image: url(navigation2.nav4.a-active.bg.gif);
  background-position: center;
  padding-bottom: 5px;
  font-weight: normal;
}
#navigation2 .nav4 a.current,
#navigation2 .nav4 a.current:hover {
  background-image: url(navigation2.nav4.a-current.bg.gif);
  background-position: center;
  padding-bottom: 5px;
  font-weight: normal;
}

/* SERVICENAVI */

#servicenavi {
  width: 938px;
  height: 50px;
  padding-top: 10px;
  font-size: 10px;
  background-color: #FCF8E6;
  clear: both;
}
#template-1 #servicenavi {
  background-image: url(content.bg.gif);
  background-repeat: repeat-y;
}
#servicenavi div {
  width: 670px;
  height: 15px;
  margin-left: 240px;
  border-bottom: 1px solid #333333;
  padding-bottom: 5px;
}
#template-2 #servicenavi div {
  width: 890px;
  margin-left: 20px;
}
#servicenavi a {
  background-repeat: no-repeat;
  padding-left: 25px;
  padding-bottom: 5px;
  margin-right: 15px;
  float: left;
}
#servicenavi a.print {background-image: url(icon.print.gif);}
#servicenavi a.memory {
  background-image: url(icon.memory.gif);
  padding-left: 22px;
}
#servicenavi a.advise {background-image: url(icon.advise.gif);}
#servicenavi a.totop {
  background-image: url(icon.totop.gif);
  float: right;
  margin-right: 0px;
  background-position: 0px 2px;
}

/* FOOTER */

#footer {
  width: 938px;
  height: 16px;
  _height: 25px;
  background-color: #333333;
  background-image: url(footer.bg.jpg);
  background-repeat: no-repeat;
  background-position: top;
  color: #A3A3A3;
  font-size: 10px;
  padding-top: 9px;
  overflow: hidden;
  text-align: center;
  _margin-top: -4px;
}
#footer a {color: #FFFFCC;}


#mzentrale{display:none;}