/* ausgeblendete Inhalte * * * * * * * * * * * * * * * * * */
h1 img,
h2 img,
#meta,
.logo,
#menu1,
#menu2,
#senkrMenu,
.homeimage,
#links,
#rechts,
.footer,
.servicemodul,
.teasermodul,
hr.linie,
.box ul.newslist li,
.styleguide,
.suchbutton,
.top,
.lupe,
.homeLeft #links,
.homeimage,
#links,
#rechts,
.heimat,
.heimat img.header,
.heimat .hrechts,
.heimat h1 img.headerH1,
.heimat .hrechtsImg,
table.produktgruppe th form,
table.produktgruppe tr.space,
table.produktgruppe td form,
.blaetternTop .rechtsPosition,
.blaetternTop .linksPosition,
#pop .blaetternBottom,
.blaetternBottom .rechtsPosition,
.blaetternBottom .linksPosition,
.bestellen,
.balken,
.hidden
{
  display: none;
}

/* - - - - - - - - - - - - Allg. Vorgaben - - - - - - - - - - - - */
html, body {
	font-family:Arial, Verdana, Helvetica, sans-serif;
	margin:0 ;
	padding:0;
	color:#000;
  height:auto!important;
  font-size:100.1%;
}
h1, h2, h3, h4, h5, h6, p, a, ul, li, div, span, img, dl, dt, dd {
margin:0;
padding:0;
border:0;
padding:0;
list-style-type:none;
}

#typo {
font-size:10pt;
line-height:130%;
width:99%;
display:block;
}

/*
  nur fuer PC IE wegen Mac IE
\*/
* html #typo {
font-size:75%;
}
/*
*/

/* Unsichtbare Elemente außerhalb des Bildschirms */
.unsichtbar, .nurDruck, h1.logoPrint, h2.logoPrint  {
position:absolute;
left:-1000px;
top:-1000px;
width:0px;
height: 0px;
overflow:hidden;
display:inline;
}
h1.logoPrint  {
position:absolute;
top:2pt;
left:0;
height:auto;
width:auto;
font-size:12pt;
font-weight:bold;
color:#000;
margin:0;
}

a:link {text-decoration: none; color : #000;}
a:visited {text-decoration: none; color : #000;}

.clear {
clear:both;
display:block;
}

.clearfix:after {
    content: ".";
    display: block;
    height: 0;
    clear: both;
    visibility: hidden;
}
.clearfix {
*display:inline-block;
}

/* - - - - - - - - - - - - - - - - - -  Contentbereich  - - - - - - - - - - - - - - - - - - */

.img.bereich {
margin-bottom:15pt;
}
.content {
background-color:none;
width:auto;
padding:0;
height:auto;
margin:0;
}
.contentHome {
background-color:none;
width:auto;
padding:0;
height:auto;
}

#mitteRechts {
float:left;
width:100%;
height:auto;
background-color:none;
padding-top:28pt;
}

#mitte {
width:auto;
float:right;
padding-top:0;
margin:0;
padding-top:28pt;
height:auto;
}


/*- - - - - - - - - - - - - - - - - - -  Content  - - - - - - - - - - - - - - - - - - -  */
.inhalt {
float:none;
width:370pt;
text-align:left;
height:auto;
min-height:320pt;
padding:0;
margin:0 20pt 10pt 0;
}

.inhalt .modul {
width:auto;
margin:0 0 19pt 0;
padding:0 0 0 0;
}
.inhalt .modulVerteiler {
width:100%;
margin:0 0 19pt 0;
padding:0 0 0 0;
}
.inhalt .h1Abstand {
height:28pt;
}

.inhalt h2 {
margin-top:10pt;
}
.inhalt h3 {
margin:0;
font-size:110%;
font-weight:bold;
padding:0 0 3pt 0;
color:#555;
}
.inhalt .modulVerteiler .box h3 {
color:#000;
}
.inhalt .modul h2 {
clear:both;
display:block;
margin:0;
font-size:110%;
font-weight:bold;
padding:5pt 0 3pt 0;
color:#000;
text-transform:uppercase;
}
.inhalt h6 {
margin:0;
font-size:100%;
font-weight:normal;
padding:0 0 3pt 0;
color:#000;
}
span.headline {
display:block;
left:0;
height:auto;
width:auto;
font-size:15pt;
font-weight:bold;
color:#000;
padding:0 0 0 0;
margin-bottom:15pt;
text-transform: uppercase;
}
h1 span.headline,
h1.headlinefake {
font-size:15pt;
font-weight:bold;
color:#666;
line-height:16pt;
}
h2 span.headline {
font-size:13pt;
font-weight:bold;
margin-bottom:24pt;
}

/* Fliesstext*/
.inhalt .text {
margin:0 0 7pt 0;
padding:0 0 0 0;
vertical-align:top;
width:auto;
text-align:left;
}

.inhalt div.abstandS {
margin-bottom:7pt;
}
.inhalt div .abstandL {
margin-bottom:12pt;
}

.inhalt .modul a {
text-decoration:none;
}
#links .box {
font-size:95%;
line-height:130%;
}
.inhalt .modulVerteiler box {
width:auto;
}
#links .box h3,
.inhalt .box h3 {
font-size:103%;
font-weight:normal;
border-bottom:5pt solid #C7C7C7;
text-transform: uppercase;
margin-bottom:10pt;
padding-bottom:2pt;
}

.box h3 a,
.inhalt .box h3 a {
text-decoration:none;
}
.inhalt .box a,
.box h1 a:hover,
.inhalt .box h3 a:hover {
text-decoration:none;
}
.inhalt .box a:hover,
.inhalt div.pdfliste ul li a:hover,
.inhalt .text a.pdf:hover  {
text-decoration:none;
}
.box ul.newslist li {
margin-bottom:12pt;
}
.inhalt .boxLeft {
float:left;
width:175pt;
margin-right:20pt;
}
.inhalt .boxRight {
float:right;
width:175pt;
}
.inhalt ul.boxLeft li,
.inhalt ul.boxRight li {
margin-left:12pt;
}
.box img {
margin-bottom:10pt;
display:block;
}
.inhalt .box div .linkliste a,
.inhalt .box .linkliste a,
.inhalt .linkliste a {
text-decoration:none;
display:block;
}
.inhalt .modulVerteiler .box .text a.mehr{
text-decoration:none;
display:inline;
}
.inhalt .modulVerteiler .box .text a.mehr:hover{
text-decoration:none;
}
/* - - - - - - -  - - - - - - Inhalt Bildpositionen - - - - - - - - - - - - - - */

.inhalt dl.mitte {
max-width:100%;
text-align:left;
padding:0;
}
/* C2 Contentimage links, umflossen  */
.inhalt .modul dl.left,
.inhalt .modulVerteiler dl.left {
float:left;
padding:0;
margin:0 20pt 3pt 0;
}

/* C3 Contentimage rechts, umflossen  */
.inhalt .modul dl.right {
float:right;
padding:0;
margin:0 0 3pt 20pt;
}

/* Bild + Bildunterschrift */
.inhalt dl {margin:0 0 0 0; padding:0;}
.inhalt dl dt { margin: 0; padding:0; margin-bottom:-5pt;}
* html .inhalt dl dt{ margin-bottom:0;}
.inhalt dl dt img { margin-bottom:0; padding:0;}
.inhalt dl dd { color:#5A5A5A; font-size:95%; line-height:100%; padding:6pt 0 8pt 0; margin-bottom:10pt; text-align:left;  }



.inhalt a.mehr { /* -  Mehr-Link mit vorgeschriebenem Text - */
margin:10pt 0 0 0;
text-decoration:none;
}
a.mehr{
text-decoration:none;
}

/* - - - - - - -  - - - - - - -Listen - - - - - - - - - - - - - - */
ul,
ul li,
ol,
ol li,
ul.linkliste,
ul.linkliste li
{

list-style:disc outside;
}
/* ul ul li,
ol ol li{
position:relative;
left:10pt;
} */
ul.linkliste li,
ul.download li {
margin:0 0 0 15pt;
}
.inhalt .modul ul,
.teasermodul ul {
margin:0 0 12px 0;
padding:0;
width:auto;
*display:inline-block;
overflow:hidden;
}
.inhalt .modul ul ul,
.teasermodul ul ul,
.inhalt ul.detail ul {
position:relative;
top:3px;
bottom:3px;
margin:0 0 0 0;
}
.inhalt .modul ul li,
.teasermodul ul li,
.inhalt ul.detail li {
margin-bottom:4px;
vertical-align:top;
list-style-position:outside;
margin-left:14px;
width:auto;
}
* html .inhalt .modul ul li,
* html .teasermodul ul li,
* html .inhalt ul.detail li {
display:block;
}
/*
  nur fuer PC IE wegen Mac IE
\*/
* html .inhalt .modul ul li,
* html .teasermodul ul li,
* html .inhalt ul.detail li {
display:inline-block;
}
/*
*/
/* - - - - - - -  horizontale Listen - - - - - - - */

hr.linie{
background-color:#000; /* Mozilla 1.4 */
color:#000; /* IE 6 */
border: 0; /* Opera 7.11 */
height: 1pt; /* in Opera für die Anzeige nötig, in Mozilla für die einheitliche Höhe */
margin:auto;
margin-top:2pt;
margin-bottom:2pt;
padding:0;
}

ul.ListeHorizontal li a.normal {
list-style-type:none;
padding:0 5pt 0 5pt;
color:#000;
}
.ListeHorizontal  a.normal:link {
text-decoration:none;
color:#000;
}
ul.ListeHorizontal li a.normal:hover {
text-decoration:none;
color:#000;
}
ul.ListeHorizontal li .aktiv {
padding:0 5pt 0 5pt;
color:#000;
font-weight:bold;
}

ul.ListeHorizontal{
list-style-position:inside;
list-style-type: none;
width:auto;
padding:0;
height:auto;
vertical-align:middle;
line-height:120%;
margin:0;
}

ul.ListeHorizontal li {
display:inline;
background-image:none;
list-style-type: none;
padding:0;
margin:0;
}

ul.ListeHorizontal li.linksPosition,
.inhalt ul.bildListe li.linksPosition {
list-style-type: none;
float:left;
width:auto;
height:auto;
padding:0;
margin:0;
}
ul.ListeHorizontal li.linksPosition b.head{
vertical-align:baseline;
font-size:140%;
font-weight:bold;
}
ul.ListeHorizontal li.mittePosition {
float:left;
width:auto;
text-align:center;
height:auto;
}

ul.ListeHorizontal li.rechtsPosition,
.inhalt ul.bildListe li.rechtsPosition {
list-style-type:none;
float:right;
width:auto;
text-align:right;
height:auto;
}
ul.ListeHorizontal li.linksPosition a,
ul.ListeHorizontal li.mittePosition a,
ul.ListeHorizontal li.rechtsPosition a {
vertical-align:middle;
white-space:nowrap;
font-weight:normal;
}
.inhalt .bildListe li.linksPosition a,
.inhalt .bildListe li.mittePosition a,
.inhalt .bildListe li.rechtsPosition a {
vertical-align:middle;
white-space:nowrap;
font-weight:normal;
color:#fff;
text-decoration:none;
margin:0 9pt 0 9pt;
line-height:155%;
width:auto;
border:0;
}

ul.ListeHorizontal li img {
margin-left:0;
vertical-align:baseline;
}

/* - - - - - - - - - - - - - - - - - -  Tabellen im Content  - - - - - - - - - - - - - - - - - - */
table {
padding:0;
border:0;
margin:0;
border-collapse:collapse;
vertical-align:top;
empty-cells:show;
font-size:100%;
text-align:left;
layout:fixed;
width:100%;
height:auto;
}
table caption {
font-size:103%;
font-weight:normal;
border-bottom:5pt solid #C7C7C7;
text-transform: uppercase;
margin-bottom:10pt;
padding-bottom:2pt;
text-align:left;
}

table tr {
padding:0;
border-collapse:collapse;
vertical-align:top;
}
table th {
padding:2pt 10pt 2pt 10pt;
vertical-align:top;
text-align:left;
border-bottom:10pt solid #fff;
border-top:10pt solid #fff;
}
table td {
padding:2pt 10pt 2pt 10pt;
vertical-align:top;
text-align:left;
font-weight:normal;
width:auto;
border-bottom:1pt solid #C7C7C7;
}

/* - - - - - - - - - - - - - - - - - -  Allgemeine Ergaenzungen  - - - - - - - - - - - - - - - - - - */
.blackBG {
background-color:#000;
}
.weissBG {
background-color:#fff;
}
.abstandS {
margin-bottom:7pt;
}
.abstandL {
margin-bottom:12pt;
}
.abstand28pt {
margin-bottom:28pt;
}
floatLeft {
float:left;
width:auto;
}
.width100 {
width:100%;
}
.alignRight {
text-align:right;
}
.alignCenter {
text-align:center;
}
.nowrap {
white-space:nowrap;
}
h1.box h1.blauBorder,
.inhalt .box h1.blauBorder {
border-bottom:5pt solid #0A4473;
}

.inhalt .modulVerteiler .bildListe {
background-color:#999;
margin-top:-4pt;
width:100%;
}

.inhalt .modulVerteiler .bildListe li {
margin:0;
border:none;
}

@media screen and (min-width: 550pt){
.inhalt .modulVerteiler .bildListe {
margin-top:0;
}
}
/* - - - - - - - - - - - - - - - - - -  Multibox  - - - - - - - - - - - - - - - - - - */
.inhalt .blockLeft {
float:none;
width:auto;
height:auto;
padding:0 0 5px 0;
text-align:left;
font-weight:bold;
border-bottom:1px solid #ccc;
}

.inhalt .blockRight {
margin:0 0 0 0;
padding:12px 0 12px 0;
float:none;
width:auto;
background-color:none;
border-left:0;
border-bottom:0;
color:#000;
}
.inhalt .blockRight h3 {
margin-top:5pt;
font-size:10pt;
}
.inhalt .blockRight ul {
margin-bottom:12pt;
}
.inhalt .blockRight hr.linie{
background-color:#000; /* Mozilla 1.4 */
color:#000; /* IE 6 */
border: 0; /* Opera 7.11 */
height: 1pt; /* in Opera für die Anzeige nötig, in Mozilla für die einheitliche Höhe */
margin:auto;
margin-top:2pt;
margin-bottom:4pt;
margin:5pt 0 4pt -15pt;
padding:0;
}

.inhalt .blockRight .suchfeld {
width: 190pt;
padding:0 0 0 0;
}
.inhalt .blockRight .suchbutton {
padding:0;
}
.mb {
text-transform: uppercase;
}
.inhalt .blockRight .text {
margin-right:0;
}
#pop .inhalt {
position:relative;
top:15pt;
}
#pop h1 {
margin:39pt 0 0 0;
}
#pop h1.head {
color:#000;
font-size:125%;
line-height:115%;
margin:59pt 0 0 0;
text-transform:uppercase;
}
#pop .inhalt .modulVerteiler dl.left {
float:left;
padding:0;
margin:0 0 0 0;
border:0;
}

#pop  .inhalt .modulVerteiler dl.left dt,
#pop  .inhalt .modulVerteiler dl.left  {
border-right:0;
margin:0;
padding:0;
}
#pop .inhalt .textrechts{
margin:0 0 8pt 10pt;
padding:0 0 5pt 0;
vertical-align:top;
width:auto;
text-align:left;
display:inline-block;
}
#pop .inhalt .textrechts h4 {
margin-bottom:3pt;
}
/* - - - - - - -  - - - - - - Sitemap - - - - - - - - - - - - - - */
.inhalt .modulVerteiler .box .sitemap  {
width:auto;
}
.inhalt .modulVerteiler .sitemap {
margin:0 0 19pt0;
}
.inhalt .modulVerteiler .sitemap h2 {
color:#999;
font-size:110%;
text-transform: uppercase;
margin-bottom:5pt;
padding:0;
}
.inhalt .modulVerteiler .sitemap h2 a {
font-size:103%;
background-color:none;
text-transform: uppercase;
padding:2pt 5pt 2pt 0;
display:block;
}

.inhalt .modulVerteiler .sitemap h3 {
margin-top:14pt;
}
.inhalt .modulVerteiler .sitemap ul.sitemapliste {
list-style-type: none;
margin:-10pt 0 0 0;
padding:0;
}
.inhalt .modulVerteiler .sitemap ul.sitemapliste li {
border-bottom:1px solid #C7C7C7;
padding:2pt 0 2pt 0;
margin:0;
}
.inhalt .modulVerteiler .sitemap ul.sitemapliste li li {
border-bottom:none;
}
.inhalt .modulVerteiler .sitemap ul.sitemapliste ul {
list-style-type: none;
margin:0 0 0 25pt;
padding:0;
}
* html .inhalt div.modulVerteiler .sitemap ul.sitemapliste a {
display:block;
}

/* - - - - - - - - - - - - - - - - - - -  Produktgruppen  - - - - - - - - - - - - - - - - - - - */
table.header th,
table.header td {
border-bottom:none;
}
table.produktgruppe {
font-size:10pt;
table-layout:auto;
border-bottom:1px solid #c7c7c7;
display:block;
width:100%;
}
table.produktgruppe td {
padding:3px 5px 3px 6px;
vertical-align:top;
border-top:1px solid #c7c7c7;
}
table.produktgruppe th {
padding:3px 5px 3px 6px;
vertical-align:top;
}
table.produktgruppe td.tdGrau,
table.produktgruppe th.tdGrau  {
padding:3px 5px 3px 0; 
font-weight:bold;
}
table td.borderBold {
border-bottom:5px solid #C7C7C7;
}
.inhaltL {
float:none;
width:auto;
text-align:left;
height:auto;
padding:0;
margin:0 0 20px 0;
}

/* - - - - - - - - - - - -  FAQ - - - - - - - - - - - - */
dl.defList  {
border:2px solid #e6e6e6;
margin-bottom:5px;
padding:0 7px 0 7px;
background-color:#fff;
}
.faq .bgbleu {
border-color:#bcccf0;
}
.faq .bgmint {
border-color:#91DFC5;
}
.faq .bgrose {
border-color:#C59A9A;
}
.faq .bgschlamm {
border-color:#B9B681;
}
dl.defList dt {
display:block;
}
dl.defList dt a {
display:block;
*display:inline-block;
padding:5px 0 10px 12px;
color:#000!important;
border:1px solid #fff;
}
dl.defList dd {
margin-top:20px;
font-size:100%;
padding:0 7px 0 12px; 
}
/* - - - 2. Ebene - - - */
dl.defList .defList2  {
margin-bottom:-3px;
}
dl.defList .defList2 dt {
margin-left:-7px;
}
dl.defList .defList2 dt a{
font-weight:bold;
}
dl.defList2 dd {
margin-top:13px;
padding:7px 7px 7px 10px; 
}
dl.active .borderDefList {
display:none;
}
dl.defList .defListContent {
padding:7px 0 14px 0
}
* html dl.defList .defListContent {
padding:7px 0 14px 23px
}
dl.defList dd h3 {
color:#565656;
}
dl.defList dd ul {
margin-top:14px!important;
}
dl.defList dd ul li{
padding:2px 0 2px 0;
margin-left:12px;
}
/* - - sichtbar/unsichtbar - - */
dl.defList dd {
display:none;
}
dl.active dd {
display:block;
}
dl.active dd dl.defList2 dd {
display:none;
}
dl.active dd dl.active dd {
display:block;
}
/* - - - - - - - - - - - -  podcast - - - - - - - - - - - - */
div.podCast {
border:1px solid #ededed;
width:660px;
}
div.podCastInner {
border:1px solid #fff;
width:658px;
}
.podCast .podCastLeft {
float:left;
width:428px;
}
.podCast .podCastRight {
float:right;
width:228px;
height:387px;
overflow:hidden;
}
/* - - podCastLeft - - - */
.podCast h1 {
margin:20px 0 0 20px;
}
.podCast .episode {
margin:29px 20px 0 20px;;
width:335px;
padding:10px;
}
.podCast .episode h2 {
text-transform:uppercase;
color:#3f3f40;
font-weight:normal;
font-size:100%;
margin:0;
padding-bottom:3px;
border-bottom:5px solid #a9a9a9;
}
.podCast .episode h3 {
color:#3f3f40;
font-size:100%;
margin:7px 0 0 0;
}
.podCast .episode .podCastInfo {
color:#aaaaaa;
margin:4px 0 1px 0;
display:block;
}
.podCast .episode object {
position:relative;
top:-4px;
*top:0;
height:16px;
}
.podCast .podCastInfo img {
float:left;
width:239px;
}
.podCast .podCastInfo p {
color:#aaaaaa;
float:left;
width:auto;
margin:10px;
}
.podCast .episode .text {
margin-top:7px;
}
.podCast .episode .downloadImg img {
margin:2px 2px 0 0;
}
/* - - podCastRight - - - */
.podCast .podCastRight  {
padding-top:5px;
}
.podCast .podCastRight .teasermodul {
margin-bottom:5px;
width:228px!important;
font-size:95%;
display:block;
}
.podCast .podCastRight h3 {
border-bottom:3px solid #ebebeb;
margin-bottom:6px;
}
.podCast .podCastRight .teasermodul .text {
border:0;
}
.podCast .podCastRight .teasermodul .text a.podcastMehr {
display:block;
margin-top:8px;
}
.podCast .podCastRight .teasermodul .text a {
text-decoration:underline;
}
* html .podCast .podCastRight .teasermodul .text a {
position:relative;
z-index:1;
display:inline-block;
margin:0;
}

/* - - - - - - - - - provisorischer PodcastFooter - - - - - - - - - - */
.podcastFooter {
padding:15px 0 15px 0;
}
.podcastFooter h2 {
color:#3f3f40;
font-size:100%;
font-weight:normal;
padding-bottom:3px;
margin:0 0 5px 0;
border-bottom:6px solid #aaaaaa;
text-transform:uppercase;
}
.podcastFooter table{
table-layout:fixed;
}
.podcastFooter table td {
vertical-align:top;
padding-left:0;
border:0;
}

.podcastFooter table td img {
margin-top:8px;
width:217px;
}
/* Ergaenzung Disclaimer */
.disclaimer {
display:block;
font-size:9pt;
font-style:italic;
width:95%;
}
#pop .disclaimer {
margin-top:17px;
}
/* bildergalerie */
.imageGallery {
	margin-bottom: 2em;
}
.imageGallery .hoverThumb,
.imageGallery .slideLeft,
.imageGallery .slideRight,
.imageGallery .slideDivImg {
	display: none;
}
.imageGallery .slider li {
	display: inline;
}
.imageGallery .slider li img {
	height: 8em;
	margin: 0.4em;
}

/* - - - - - - - - - - - -  IR KlappIntro, Jul30,2009 - BKarch - - - - - - - - - - - - */
.klappIntro {
	width:370pt;
	background-image: none !important;
}

.klappIntro h2.nurDruck {
	width: auto;
	height: auto;
	position: relative;
	top: 0;
	left:0;
	display: block;
	margin-bottom: 20pt;
	line-height: 140%;
	font-weight: normal;
	text-transform: uppercase;
}

.klappIntro .klapplink img {
	display: none;
}