/*
#######################################################
## Voreinstellungen
#######################################################
*/

* { margin: 0; padding: 0; }

html, body {
  font-family: verdana, arial, helv, helvetica, sans-serif;
  font-size: 100.01%; color: #000;
  background: url(../../images/bg-body.jpg) repeat-x;
  }
  
img { border: 0; }

a, a:link, a:visited, a:active {
  color: #2663B8; text-decoration: underline; outline: none;
  }

ul { list-style: none; }
li {  }

h1, h2, h3, h4, h5, h6 {  }

.page h1 {
  font-size: 1.2em;
  padding-bottom: 10px;
  }
h1, .page h1 a, h1 a:hover { font-family: franklin; color: #2969BF; }
/* Überschrift für deaktiviertes CSS */
.nocss {
  position: absolute;
  width: 1px; height: 1px;
  overflow: hidden;
  }
.page .nocss a { text-decoration: none; }

h2 { font-size: 0.8em; }
h2, .page h2 a, h2 a:hover {  }

div.clr { clear: both; }

/* floating */
.left { float: left; }
.right { float: right; }

/* Mainframe */
.mainframe {
  position: relative;
  width: 820px;
  margin: 0 auto;
  }

/*
#######################################################
## MISC
#######################################################
*/

.nocss a span,
.kundenlogin a span,
.sprachen a span {
  visibility: hidden;
  }

/*
#######################################################
## HEADER
#######################################################
*/

.header {
  position: relative;
  height: 354px;
  }

.kundenlogin { z-index: 11;
  position: absolute;
  right: 48px; top: 0;
  height: 29px; width: 120px;
  background: url(../../images/kundenlogin.gif);
  }
.kundenlogin a {
  display: block;
  width: 120px; height: 29px;
  text-decoration: none;
  }
.sprachen { z-index: 11;
	position: absolute;
  right: 0; top: 0;
	height: 29px; width: 48px;
	}
.sprachen a {
	display: block;
	width: 14px; height: 9px;
	text-decoration: none;
	float: right;
	margin: 13px 0 0 10px;
	}
.sprachen a.de { background: url(../../images/de-off.gif) no-repeat; }
.sprachen a.de_active { background: url(../../images/de-on.gif) no-repeat; }
.sprachen a.en { background: url(../../images/en-off.gif) no-repeat; }
.sprachen a.en_active { background: url(../../images/en-on.gif) no-repeat; }
  
.logo {
  position: absolute;
  left: 0; top: 37px;
  height: 73px; width: 240px;
  background: url(../../images/logo.jpg);
  overflow: hidden;
  }
  
.eyecatcher {
  position: absolute;
  right: 0; bottom: 0;
  height: 232px; width: 580px;
  }

.topic {
  position: absolute;
  left: 0; bottom: 0;
  height: 232px; width: 238px;
  }
  
.nav { z-index: 10;
  position: absolute;
  top: 0; left: 240px;
  height: 93px; width: 580px;
  background: url(../../images/bg-nav.jpg) repeat-x;
  } 
.nav ul { padding-left: 0px; }
.nav li {
  float: left;
  }
.page .nav li a {
  display: block;
  line-height: 30px;
  padding: 63px 15px 0 15px;
  font-size: 11px; color: #000; text-decoration: none;
  }

.nav li.active a,
.nav li a:hover { background: url(../../images/bg-nav-a.jpg) repeat-x; } 

/*
#######################################################
## CONTENT
#######################################################
*/

.container {
  padding: 56px 0;
  }
/* SUBNAV */
.subnav { width: 240px; }
.subnav p {
  font-size: 0.7em;
  padding-right: 20px;
	line-height: 16px;
  }
.subnav ul { padding: 20px 20px 0 0; }
.subnav li {
  padding: 0 0 5px 15px;
  background: url(../../images/arrow.gif) no-repeat 0 6px;
  line-height: 0.8em;
  }
.subnav li a { font-size: 0.7em; }
.subnav li.active a,
.subnav li a:hover { text-decoration: none; }

.subnav li.active ul li a { text-decoration: underline; }
.subnav li.active ul li.active a { text-decoration: none; }
.subnav ul ul { display: none; }
.subnav li.active ul { display: block; }
/* CONTENT */
.content { width: 560px; }
.editorial p {
  font-size: 0.7em;
  }
  
.editorial ul { padding: 10px 0; }
.editorial li { 
  padding: 0 0 5px 15px;
  font-size: 0.7em;
  background: url(../../images/arrow.gif) no-repeat 0 6px;
  }
  
.editorial table {
  margin: 15px 0;
  font-size: 0.7em;
  border-collapse: collapse;
  }
.editorial tr { border-bottom: 1px solid #777; }
.editorial td {
  vertical-align: top;
  padding: 7px;
  }
  
.editorial .tdDesc {
  background: #b9bbe8;
  font-weight: bold;
  }
	
/* CONTENT IMG */
.content-img { margin: 0 20px 20px 0; }
  
/*
#######################################################
## FOOTER
#######################################################
*/

.footer {
  position: relative;
  height: 60px;
  border-top: 2px solid #CCC;
  }
.copyright {
  position: absolute;
  left: 0; top: 17px;
  font-size: 0.6em; color: #999;
  }
.footernav {
  position: absolute;
  right: 0; top: 17px;
  font-size: 0.6em; color: #999; 
  }
.page .footernav a {
  display: block;
  float: left;
  color: #999;
  }
.divider { padding: 0 15px; }