/*
#######################################################
## 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-header.jpg) repeat-x;
  }
  
img { border: 0; }

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

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 {  }
/* Ü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 {  }

h3 {  }
h3, .page h3 a, h3 a:hover {  }

h4 { font-size: 0.8em; color: #333; padding-bottom: 10px; }
h4, .page h4 a, h4 a:hover { color: #333; }

h5 {  }
h5, .page h5 a, h5 a:hover {  }

h6 {  }
h6, .page h6 a, h6 a:hover {  }

div.clr { clear: both; }

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

/* MAINFRAME */
.mainframe {
  position: relative;
  width: 940px;
  margin: 0 auto;
  }

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

.header .logo a span,
.nocss a span {
  visibility: hidden;
  }
  
.h-divider {
  height: 2px;
  font-size: 2px; line-height: 2px;
  margin: 7px 0 15px 0;
  background: url(../../images/h-divider.jpg) repeat-x;
  }

/*
#######################################################
## HEADER
#######################################################
*/
.header {
  position: relative;
  height: 128px;
  }

/* LOGO */ 
.logo {
  position: absolute;
  left: -189px; top: 0;
  height: 128px; width: 615px;
  background: url(../../images/kessler-logo.jpg);
  overflow: hidden;
  }
.logo a { text-decoration: none; }

/* TOP NAVIGATION */
.nav-top {
  position: absolute;
  right: 0; top: 24px;
  }
.nav-top li {
  float: left;
  padding-left: 34px;
  }
.page .nav-top li a {
  font-size: 0.7em; color: #B4BCC4; text-decoration: none;
  }
.page .nav-top li a:hover,
.page .nav-top li a.active {
  color: #FFF;
  }
  
/* NAVIGATION */
.nav {
  position: absolute;
  right: 0; bottom: 0;
  }
.nav li { float: left; }
* html .nav li { width: 1%; }

.page .nav li a {
  display: block;
  height: 42px;
  padding: 0 20px;
  font-size: 0.8em; font-weight: bold; line-height: 42px; color: #B4BCC4; text-decoration: none;
  background: url(../../images/divider.jpg) no-repeat;
  }
.nav li a.first { background: none; }
.nav li a.last { padding-right: 21px; margin-right: -21px; }
.page .nav li a:hover { color: #FFF; }
.page .nav li a.active:hover,
.page .nav li a.active {
  background: #FFF;
  color: #27384C;
  }
  
.nav-sub {
  height: 45px;
  border-bottom: 1px solid #BDBDBD;
  }
.nav-sub li {
  float: right;
  padding-left: 40px;
  font-size: 0.7em;
  }
.nav-sub li a,
.nav-sub li a:visited {
	display: block;
	line-height: 45px; color: #505457; text-decoration: none;
	}

.nav-sub li a:hover,
.page .nav-sub li a.active {
	color: #000; text-decoration: none;
	background: url(../../images/arrow.gif) center bottom no-repeat;
	}
  
/*
#######################################################
## CONTENT
#######################################################
*/

.container {  }
  
 /* EYECATCHER / INTRO */
.eyecatcher {
  position: relative;
  height: 326px; margin-top: 41px;
  background: url(../../images/bg-intro.jpg) no-repeat;
  }
.eyecatcher .content {
  position: absolute;
  left: 29px; top: 60px;
  width: 430px;
  }
.eyecatcher .content .topic {
  width: 400px;
  font-size: 1.9em; font-family: arial; color: #FFF;
  }
.eyecatcher .content .text {
  padding: 15px 0 25px 0;
  font-size: 0.8em; line-height: 1.5em; color: #FFF;
  }
.eyecatcher .content .button {  }

.eyecatcher {
  position: relative;
  height: 326px;
  background: url(../../images/bg-intro.jpg) no-repeat;
  }

.content-header {
  position: relative;
  height: 250px; margin: 25px 0 90px 0;
  /* background: url(../../images/bg-balken2.jpg) no-repeat; */
  }
.content-header img { z-index: 10;
  display: block;
  position: absolute;
  right: 0; top: 0;
  }
.content-header span { z-index: 11;
  display: block;
  position: absolute;
  left: 29px; top: 75px;
  font-size: 1.9em; font-family: arial; color: #FFF;
  }
.content-header p { z-index: 11;
  position: absolute;
  left: 30px; top: 125px;
  width: 450px;
  font-size: 0.8em; font-family: arial; line-height: 20px; color: #FFF;
  }
.page .content-header p.top-addy { z-index: 11;
  position: absolute;
  left: 500px; top: 77px;
  width: 400px;
  font-size: 1.9em; font-family: arial; line-height: 35px; text-align: right;
  }
.page .content-header p.top-addy a,	
.page .content-header p.top-addy span { 	
  color: #172C3E;
	font-size: 1.1em; font-weight: bold; text-decoration: none;
	display: inline;
	position: static;
	}
.content-header p.top-addy img {
	display: inline;
	position: static;
	padding-right: 20px;
	}


.initiation {
  margin: 60px 0 65px 0;
  line-height: 1.4em; color: #3F4E59;
  }
  

 /* BOXES INDEX.CFM */
.box-container {
  margin-top: 56px;
  }
.box-container .box {
  width: 24%;
  float: left;
  padding: 0 4px;
  }
.box-container .box h2 {
  font-size: 0.8em; font-weight: bold;
  padding-bottom: 10px;
  }
.box-container .box h2,
.box-container .box p {
  letter-spacing: 0.02em; text-align: center;
  }
.box-container .box p {
  font-size: 0.7em; line-height: 1.5em; color: #666;
  }
.box-container .box p a.button {
  display: block;
  }

.editorial p {
  font-size: 0.7em; color: #666; line-height: 1.9em;
  }
	
.agb p { padding-bottom: 10px; }
  
.editorial ul { padding: 0 0 10px 0; }
.editorial li { 
  padding: 0 0 0 10px;
  font-size: 0.7em; line-height: 1.9em; color: #666;
  background: url(../../images/circle.gif) no-repeat 0 8px;
  }
.editorial li ul { padding: 5px 0; }
.editorial li ul li {
  font-size: 1.0em;
  background: none;
  }
.lispacer li { padding-bottom: 10px; }

/* FORMULAR */
.formular { border: 0; }
.page .formular p { margin: 10px 0; }
.formular p label {
  line-height: 20px; vertical-align: top;
  display: block; float: left;
  width: 120px;
  }


/* MISC TABELLE */
.misctab {
	width: 100%;
	font-size: 0.7em; color: #666; line-height: 1.9em;
	}
.misctab td { padding: 0 5px; }
.misctab .misctabHead { background: #e2e2e2; }

/* FILTER TABELLE */
.filter {
	width: 550px; 
	font-size: 0.7em; color: #666; line-height: 1.9em;
	}
.filter td { padding: 0 5px; }
.filter .filterHead { background: #e2e2e2; }
  
/*
#######################################################
## FOOTER
#######################################################
*/

.footer {
  position: relative;
  height: 377px; margin-top: 95px;
  background: url(../../images/bg-footer.jpg) repeat-x;
  }
.footer .partner,
.footer .ueberuns,
.footer .kontakt {
  position: absolute;
  top: 52px;   
  }
.footer .kontakt { left: 0; width: 220px; }
.footer .ueberuns { left: 320px; width: 300px; }
.footer .partner { left: 720px; width: 220px; }
.footer div h2 { font-size: 0.8em; color: #B4BCC4; }
.footer div .text { font-size: 0.7em; line-height: 1.5em; color: #B4BCC4; }
.footer div .text a { color: #B4BCC4; text-decoration: none; }

.footer .footernav {
  position: absolute;
  left: 0; top: 280px;
  height: 43px; width: 940px;
  }
.footer .footernav a,
.footer .footernav span {
  display: block;
  float: left;
  font-size: 0.7em; line-height: 39px; text-decoration: none; color: #B4BCC4;
  }
.footer .footernav span { padding: 0 13px; }
.footer .footernav span.copyright { padding: 0; }
.page .footer .footernav .h-divider { margin: 0; }