.clearfix:after,
div.tx-a21glossaryadvancedoutput-pi1 .navbar:after {
    content: "."; 
    display: block; 
    height: 0; 
    clear: both; 
    visibility: hidden;
}

.clearfix,
div.tx-a21glossaryadvancedoutput-pi1 .navbar {display: inline-block;}

/* Hides from IE-mac \*/
* html .clearfix {height: 1%;}
* html div.tx-a21glossaryadvancedoutput-pi1 .navbar {height: 1%;}
.clearfix,
div.tx-a21glossaryadvancedoutput-pi1 .navbar {display: block;}
/* End hide from IE-mac */

body {
   border: none;
   font-size: 10pt;
   font-family: "Trebuchet MS", trebuchet, sans-serif;
   background-color: white !important;
   color: black;
   min-width: 10cm;
   max-width: 20cm;
}

@page {
   size: landscape;
   margin: 2.5cm 2.5cm 3cm 2cm;
}

.hide {
  display: none;
}


#navi_container,
#header_top,
#metanavi,
#footer,
#subnavi,
.related_topics,
.main_marginal_right,
#page_actions,
.teasers_line {
  display: none;
}

h1, h2, h3, h4, h5, img {
  display: inline;
  float: none;
  clear: both;
  padding: 40px 0 20px 0;
}

p {
  display: block;
  padding: 10px 0;
  float: none;
  clear: both;
}

h1 { font-size: 250%; }
h2 { font-size: 175%; }
h3 { font-size: 155%; }
h4 { font-size: 135%; }
h5 { font-size: 100%; }
h6 { font-size: 90%; }

img {
  display: inline;
  float: none;
  clear: both;
	page-break-before: avoid;
}

ul,
ul li {
  display: block;
  float: none;
  clear: both;
  list-style: square;
}

.article_heading {
  height: auto;
}

.article_heading img {
  display: none;
}

.article_heading span.headline {
	display: block;
	width: 480px;
	font-size: 24px;
}

body.consumer .article_heading span.headline {
  color: #ff772b;
}

body.installer .article_heading span.headline {
  color: #3babce;
}

div#breadcrumb_container {
  padding-bottom: 10px;
  border-bottom: 1px solid #333333;
  margin-bottom: 10px;
  font-size: 10px;
}

div#breadcrumb_container span#pointer {
	display: block;
	float: left;
	padding-right: 4px;
}

div#breadcrumb_container ul {
	display: block;
	float: left;
	clear: none;
}

div#breadcrumb_container ul li {
	display: block;
	float: left;
	clear: none;
}

div#breadcrumb_container ul li a {
	display: block;
	color: #666666;
	text-decoration: none;
	background-image: url(../img/pointer_neutral.gif);
	background-position: left center;
	background-repeat: no-repeat;
	padding: 0 5px 0 8px;
}

div#breadcrumb_container ul li span.current {
	color: #ff772b;
	padding: 0 5px 0 8px;
	background-image: url(../img/pointer_consumer.gif);
	background-position: left;
	background-repeat: no-repeat;
}

div#breadcrumb_container ul li a, x:-moz-any-link, x:default {
  background-position: left 5px;
}

div#breadcrumb_container ul li span.current, x:-moz-any-link, x:default {
  background-position: left 5px;
}

body.installer div#breadcrumb_container ul li span.current {
	color: #3babce;
	background-image: url(../img/pointer_installer.gif);
}

.afternote {
	display: block;
	padding-top: 20px;
	border-top: 1px solid #333333;
	margin-top: 20px;
	font-size: 10px;
}

.print_logo {
	display: block
	padding-bottom: 20px;
	border-bottom: 1px solid #333333;
	margin-bottom: 10px;
}

.print_logo img {
	margin-left: -20px;
}

/*--- Contact Coard --*/

#conc_back {
	display: block;
	width: 344px;
	height: 260px;
	position: relative;
	margin: 160px;
}

#conc_back img {
	position: relative;
}

#conc_daten {
	display: block;
	width: 240px;
	height: 150px;
	position: absolute;
	top: 50px;
	left: 60px;
}

#conc_daten .mini_logo {
	display: block;
	width: 80px;
	height: 60px;
}

#conc_daten .mini_logo img {
	width: 80px;
	height: 60px;
}

#conc_daten .mini_text {
	display: block;
	width: 140px;
	height: 150px;
	position: absolute;
	top: 45px;
	left: 110px;
	font-size: 10px;
	line-height: 12px;
}