/*---------------------------------------------
  DECAF° agentur für digitale kommunikation
  www.decaf.de
---------------------------------------------*/

html {
	height:101%; /* Scollbalken dauerhaft einblenden, um Springen zu vermeiden */
	}
body {
  background:#DFE0E2; color:#000;
  font-family:"Lucida Grande",Verdana,Helvetica,Arial,sans-serif;
  font-size:100.01%; line-height:1.2em; font-weight:normal;
  margin:0; padding:0;
	width:100%;
  }
img {
  margin:0; padding:0; border:0;
  }
a.skip { /* Skip-Links verstecken */
  position:absolute; left:-2000px; width:1000px;
  overflow:hidden;
  }
hr {
  height:20px; margin:0; padding:0;
	visibility:hidden;
	}

/* clearer
     http://www.pixelsurge.com/experiment/clearers.htm */
.clear {
     clear: both;
     height: 1px;
     margin-top: -1px;
     overflow: hidden;
     font-size: 1px;
}


h1 {
  font-size:1.5em; line-height:1em; font-weight:normal;
  margin:0 0 1em 0; padding:0;
	clear:right; /* benötigt Firefox für Overlay der Klappnavi (clear-Problem) */
	}
h1.nomargin {
  margin-bottom:0.2em;
	}
h2 {
  font-size:0.8em; line-height:1em; font-weight:bold;
  margin:0 0 1em 0; padding:0;
	}
h3 {
  font-size:1em; line-height:1em; font-weight:bold;
  margin:0 0 1em 0; padding:0;
	}
p {
  font-size:0.8em; line-height:1.5em; font-weight:normal;
  margin:0 0 0.8em 0; padding:0;
	}
p.small {
  font-size:0.7em;
	}
a {
  text-decoration:underline; color:#3A4E86;
	}

ul.list {
  margin:0 0 0.8em 0; padding:0;
	}
ul.list li {
	font-size:0.8em; line-height:1.5em; font-weight:normal;
  margin:0 0 0.2em 2.5em; padding:0; list-style-type:square;
	}

	
	
/* Container */
div#container {
  width:88%; margin:0 9% 0 auto;
  max-width:1100px; min-width:770px;
  background:#FFF;
  }
div#container:after { content:"clear"; clear:both; display:block; height:0; overflow:hidden; visibility:hidden; }

/* Header */
table#header {
  margin:0; padding:0;
  width:100%; height:175px;
  text-align:left;
  }
table#header td#a { /* Logo */
  width:28%; height:110px; vertical-align:bottom;
	overflow:hidden;
	}
table#header td#b { /* Bild */
  background:#FFF url(./../img/header_01.jpg) no-repeat;
  height:175px; overflow:hidden;
	vertical-align:top; text-align:right;
	}
body#pic1 table#header td#b {
	background-image:url(./../img/header_01.jpg);
	}
body#pic2 table#header td#b {
	background-image:url(./../img/header_02.jpg);
	}
body#pic3 table#header td#b {
	background-image:url(./../img/header_03.jpg);
	}
body#pic4 table#header td#b {
	background-image:url(./../img/header_04.jpg);
	}
body#pic5 table#header td#b {
	background-image:url(./../img/header_05.jpg);
	}
body#pic6 table#header td#b {
	background-image:url(./../img/header_06.jpg);
	}
body#pic7 table#header td#b {
	background-image:url(./../img/header_07.jpg);
	}

table#header td#c { /* Navigation */
  vertical-align:bottom;
	}

	
/* Firmenlogo */
img#logo {
  display:block;
	}


/* Sprache wechseln */
a#lang {
	font-size:0.7em; font-weight:normal;
	text-decoration:none;	color:#FFF;
	position:relative; top:0px; left:-10px;
	background:#333; opacity:.8;
	padding:10px 10px 2px 10px;
  }
a#lang:hover {
  text-decoration:none;
  background:#3A4E86; opacity:1;
	}



/* ----------------------------------------------------------------------------------------- */
/* Navigation */
/* ----------------------------------------------------------------------------------------- */
ul#sub,
ul#main,
ul#site {
  margin:0; padding:0;
  display:block;
  font-family:Helvetica,Arial,sans-serif;
  font-size:0.8em; line-height:1.2em; font-weight:normal;
	cursor:default; /* Standard-Cursor beim Hover benutzen */
	position: relative; z-index: 1000;
  }
ul#sub li,
ul#main li,
ul#site li {
  margin:0; padding:0;
  list-style-type:none;
  display:block; overflow:hidden;
  }
ul#sub li a,
ul#main li a,
ul#site li a {
  text-decoration:none;
  margin:0; padding:0.2em 1em;
  display:block;
  border-top:3px solid white; border-right:3px solid white;
  width:7.5em;
  }
ul#sub li.act a,
ul#sub li.open a,
ul#main li.act a,
ul#main li.open a {
  color:#FFF; background:#3A4E86;
  }
ul#sub li a:hover,
ul#main li a:hover,
ul#site li a:hover {
  text-decoration:none;
  }


/* Sub-Navigation */
ul#sub {
  width:28%; min-width:235px;
  position:static; float:left; /* gegen Opera-Bug mit Pseudoklasse und hover */
  }
ul#sub:after { /* Float einschließen */
  content:"clear"; clear:both; display:block; height:0; overflow:hidden; visibility:hidden;
  }
ul#sub li {
  width:32%; float:left;
  margin-right:3px;
  }
ul#sub li a {
  color:#6E6D70; background:#ECEDEF;
  }
ul#sub li a:hover {
  color:#FFF; background:#3A4E86;
  }


/* Main-Navigation */
ul#main {
  width:100%;
  position:static; float:left; /* gegen Opera-Bug mit Pseudoklasse und hover */
position: relative; z-index: 10000;
  }
ul#main li,
ul#site li {
  float:left;
  }
ul#main li a,
ul#site li a {
  color:#FFF; background:#AFB0B3;
  }
ul#main li.opened a,
ul#site li.opened a {
  color:#FFF; background:#3A4E86;
  }
ul#main li a:hover,
ul#main li:hover a,
ul#site li a:hover,
ul#site li:hover a {
  color:#FFF; background:#3A4E86;
  }


/* Aufklappnavi */
ul#main li ul.sec {
  position:absolute; /* Element aus dem Seitenfluss heben */
  margin:0 0 0 -23px; padding:0 20px 20px 20px; /* helfender Klickrand mit 20px */
  border:0;
/* border:1px solid red; */
  display:none;  /* ausgeblendet */
z-index: 1000;
  }
ul#main li.left ul.sec {
  margin-left:-20px; /* 3px kleinere Einrückung (Border) für ersten Menüpunkt links */
  }
ul#main li:hover ul.sec {
  display:block; /* Einblenden beim Hovern */
  }
ul#main li ul.sec li,
ul#main li:hover ul.sec li {
  margin:0; padding:0;
  border:3px solid #FFF; border-top:0;
  display:block; float:none;
  overflow:hidden;
  }
ul#main li.left ul.sec li {
  border-left:0; /* kein border für ersten Menüpunkt links */
  }
ul#main li ul.sec li.first {
  border-top:3px solid #FFF; /* erstes Listenelement mit top-Border */
  }
ul#main li ul.sec li a {
  border:0;
  color:#FFF; background:#3A4E86;
  }
ul#main li ul.sec li.act a { /* aktiver Listenpunkt */
  color:#FFF; background:#000;
  }
ul#main li ul.sec li.special a {
	background: #c50009;
	color: #fff;
}
ul#main li ul.sec li a:hover {
  color:#FFF; background:#000;
  }
ul#main li ul.sec li.act.special a:hover,
ul#main li ul.sec li.act.special a:focus {
	background: #c50009;
	color: #fff;
}

	
/* Site-Navigation */
ul#site {
  margin:0 0 20px 0; padding:0; border:0;
	width:95%; display:table-row; /* benötigt Firefox für Overlay der Klappnavi (clear-Problem) */
	overflow:visible; /* benötigt Firefox für Overlay der Klappnavi (clear-Problem) */
	float:left; /* benötigt Firefox für Overlay der Klappnavi (clear-Problem) */
	}
ul#site li {
  overflow:visible; /* benötigt Firefox für Overlay der Klappnavi (clear-Problem) */
	}
ul#site li a {
  color:#6E6D70; background:#ECEDEF;
	width:auto; min-width:7.5em;
	display:table-cell; /* Opera */
  }
ul#site li.act a,
ul#site li a:hover,
ul#site li:hover a {
  color:#FFF; background:#AFB0B3;
  }
	
/* ----------------------------------------------------------------------------------------- */




/* Inhalt */
div#content_container {
  margin:0 0 0 28%; padding:0;
  }
div#content {
  margin:0; padding:20px 20px 50px 0;
	}


/* Sidebar */
div#sidebar_container {
  width:28%; min-width:235px; float:left;
	margin:0; padding:0;
  }
div#sidebar {
  margin:0; padding:20px 25px 20px 10px;
	}
div#sidebar div.sidebox {
	margin:0 0 15px 0; padding:0;
	background:#EDEFED url(./../img/sbbody-r.gif) no-repeat bottom right;
	}
div#sidebar div.boxhead {
	background:url(./../img/sbhead-r.gif) no-repeat top right;
	margin:0;	padding:0;
	}
div#sidebar div.boxhead h2 {
	background:url(./../img/sbhead-l.gif) no-repeat top left;
	font-size:1em; font-weight:bold;
	margin:0; padding:0.3em 5px 0.3em 10px;
	color:#A6A7AC;
	}
div#sidebar div.boxbody {
	background:url(./../img/sbbody-l.gif) no-repeat bottom left;
	margin:0;	padding:0 0 10px 0;
	}
div#sidebar div.boxbody .img {
	width: 100%;
	margin: 0 0 5px 0;
	overflow: hidden;
	position: relative; z-index: 1;
}
div#sidebar h3 {
  font-size:0.7em; line-height:1.3em; font-weight:bold; color:#404248;
	margin:0 0 0.2em 0; padding:0;
	}
div#sidebar p {
  font-size:0.7em; color:#404248;
	margin:0 0 0.5em 0; padding:0;
	}
div#sidebar div.item {
	padding:0.5em 10px 0.5em 10px; margin:0 0 15px 0;
	border:1px solid #EDEFED; border-left:2px solid #EDEFED; border-top:2px solid #EDEFED;
	}
div#sidebar div.boxbody div.item {
  border-top:2px solid #FFF;
	padding:0.5em 10px 0 10px;
	margin:0;
	}
	
	
	
div.browse {
  width:100%; margin:0; text-align:right;
	}
a.rewind {
	font-size:0.7em; text-decoration:none;
	margin-right:2em;
	}
a.forward {
	font-size:0.7em; text-decoration:none;
	}
a.rewind:hover,
a.forward:hover {
  text-decoration:underline;
	}


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

form#cform {
  border:none; width:500px; padding:0; margin:1em 0 1.5em 2px;
	overflow:hidden; /* Opera */
  }
form#cform fieldset {
  border:none; padding:0 0 1.5em 0; margin:0;
	overflow:hidden; /* Opera */
  }
form#cform input,
form#cform textarea {
  font-family:monospace;
	font-size:1em; line-height:1.5em; font-weight:normal;
  background-color:#EDEFED; color:#000000;
  margin:0 0 0.5em 0; padding:0.2em 10px 0.2em 10px;
  border:1px solid #D0D6DA; border-left:3px solid #AFB0B3; cursor:pointer;
	width:476px;
  }
form#cform input.error,
form#cform textarea.error {
  border:1px solid #C5000A; border-left:3px solid #C5000A;
  }
form#cform label,
form#cform p.label {
  color:#000000;
	font-size:0.8em; line-height:1.3em; font-weight:normal;
	margin:0; padding:0 0 0.2em 0;
	display:block; cursor:pointer;
	clear:left;
  }
form#cform p.label {
  padding-bottom:0.6em;
	}	
form#cform label.cbox {
  clear:none; margin:0;
	padding:0 0 0.6em 10px;
	display:table-cell;
	}
form#cform label:hover,
form#cform label:focus {
  color:#C70003;
  }
form#cform input:focus,
form#cform textarea:focus {
  border-left:3px solid #C70003; background-color:#E6EBDC;
  }
form#cform input.submit {
  font-family:Lucida Grande,Verdana,Helvetica,Arial,sans-serif;	font-size:0.8em;
	background-color:#3A4E86; border:none; color:#FFFFFF;
  margin:0 0 0 250px; padding:0.3em 0 0.3em 0;
	width:250px;
  }
form#cform input.submit:hover,
form#cform input.submit:focus {
  background-color:#6D7C39;
  }
form#cform input.checkbox {
	width:auto; background:none;
	margin:0; padding:0; border:0;
	clear:left; float:left;
	height:1.4em; vertical-align:center;
	}

form#cform p.error {
  font-size:0.7em; line-height:1.5em;  font-style:normal;
	margin:0; padding:0.2em 0.5em;
  font-weight:bold; 
	background:#C5000A; color:white;
	display:inline;
  }
p.info {
	font-size:0.8em; line-height:1.3em; font-style:normal;
	margin:0; padding:0.3em 0.5em 0.4em 0.5em;
  font-weight:normal; color:white;
  }
p.err {
  background:#C5000A;
  }
p.ok {
  background:green;
  }



form#cform .b25,
form#cform .b25r {
  width:125px; float:left;
	}
form#cform .b25 input {
  width:91px; margin-right:10px;
	}
form#cform .b25r input {
  width:101px; margin-right:0;
	}
	
form#cform .b50,
form#cform .b50r {
  width:250px; float:left;
	}
form#cform .b50 input {
  width:216px; margin-right:10px;
	}
form#cform .b50r input {
  width:226px; margin-right:0;
	}

form#cform .b75,
form#cform .b75r {
  width:375px; float:left;
	}
form#cform .b75 input {
  width:341px; margin-right:10px;
	}
form#cform .b75r input {
  width:351px; margin-right:0;
	}


/* Ansprechpartner */
div.person {
  margin:0 0 15px 0;
	overflow:hidden;
	}
div.person img {
  width:80px; height:100px;
	float:left;
	}
div.person div {
  background:#EEE;
	width:395px; min-height:90px;
	padding:5px 10px; margin:0 0 0 85px;
	}
div.person h3 {
	font-size:1em; line-height:1.3em;  font-style:bold;
	margin:0;
	}
div.person p {
	margin:0 0 0.2em 0;
	}
	
	
/* FAQ */
div.item {
	padding:0 0 10px 0;
	}
div#i1 {
  padding-top:10px;
	}
p.question {
	font-weight:bold;
	}
p.answer {
	}
ul#faq { /* FAQ-Übersicht verstecken */
  position:absolute; left:-2000px; width:1000px;
  overflow:hidden;
	}
	
	
/* Downloads */
div.download {
	width:200px; float:left;
	background:#EDEFED;
	margin:20px 20px 20px 0; padding:5px;
	}
	
	
div.left {
	width:250px; float:left;
	margin:0 20px 0 0; padding:0;
	}
	
	
#content table {
	margin:0 0 1em 0;
	background:#FFF;
	}
#content tr {
	}
#content th,
#content td {
	padding:0.2em 1em 0.2em 0.5em; margin:0;
	vertical-align:top; text-align:left;
	background:#ECEDEF; border:1px solid #FFF;
	}
#content table caption {
  font-size:0.8em; line-height:1.3em; font-weight:bold;
  margin:0; padding:0 0 1em 0;
	text-align:left;
	}
#content table ul.list li {
  margin-left:1.5em;
	}
#content table p,
#content table ul {
  margin:0;
	}
#content table th p {
  font-weight:bold;
	}
#content table th.head {
	background:#DCDDDF;
	}
#content table tr.margin1 th,
#content table tr.margin1 td {
	border-top:15px solid white;
	}
#content table tr.margin2 th,
#content table tr.margin2 td {
	border-top:3px solid white;
	}
	
img.aufm {
	margin:3px 0 10px 0;
	}





p#eng_info {
	font-size: 0.7em;
	background: #EEE;
	border: 1px solid #CCC;
	padding: 5px;
	margin: 0 0 20px 0;
	}

.effizienzfabrik {
	display: block;
	margin: 0 10px 0 0;
	position: relative; top: 92px;
}