@charset "utf-8";

/* CSS Document */
html {
  height:100%;
  width:100%;
}
body {
  margin: 0px;
  padding: 0px;
  font-family: Arial, Helvetica, sans-serif;
  font-size: 12px;
  line-height: 14px;
  color: #666666;
  background: url(grafiken/background_3x3px.jpg) repeat;
  overflow:-moz-scrollbars-vertical;
  overflow:auto;
  height:auto;
}
* + html body {
  overflow-y:hidden;
}
table {
  font-size:1em;
}
table td {
  position:relative;
  vertical-align:top;
}
table.contenttable td {
  height:20px;
}
#supersize{
  position:fixed;
  z-index:1;

}
a.kc-link {
  padding-top:15px;
  font-weight:bold;
}
* html #supersize{
  position:absolute;
  overflow:hidden;
}

* + html #supersize {
  position:fixed;
  top:0px;
  left:0px;
}
#supersize img, #supersize a{
  height:100%;
  width:100%;
  display:none;
}

#supersize .activeslide, #supersize .activeslide img {
  display:inline;
}

a, a:link, a:visited {
  color: #666666;
}

a img {
  border: none;
  text-decoration: none;
}

#com-overall-container a, #com-overall-container a:link, #com-overall-container a:visited{
  color:#FFF;
}

img {
  border: none;
  float: left;
}

h1 {
  font-size: 2.5em;
  line-height: 1em;
  margin-top: 0px;
  margin-bottom: 35px;
  font-weight: normal;
}
#com-overall-container h1 {
  margin:0px 0px 25px 0px;
}

h2 {
  font-size: 1.6em;
  line-height: 1.3em;
  margin-top: 0px;
  margin-bottom: 10px;
  font-weight: normal;
}

h3 {
  margin:15px 0px 8px 0px;
  font-size: 1.4em;
  line-height: 1em;
}
h4 {
  margin:15px 0px 8px 0px;
  font-size: 1.3em;
  line-height: 1em;
}
h5 {
  margin:13px 0px 6px 0px;
  font-size: 1.2em;
  line-height: 1em;
}
h6 {
  margin:12px 0px 6px 0px;
  font-size: 1.1em;
  line-height: 1em;
}
* html table tr td p.bodytext {
  padding:12px 0px 5px 0px;
}
* + html table tr td p.bodytext {
  padding:12px 0px 5px 0px;
}
* html h1 {
  line-height: 1.2em;
}
.clearer {
  clear:both;
}
#overall-container {
  width: 1010px;
  /* position: relative; HOCR: Muss der relative sein ? */
  height: 100%;
  margin-left: auto;
  margin-right: auto;
  /*background-color:#FFF;*/
  overflow:hidden;
}
#container-content iframe {
}
#com-overall-container {
  width: 1010px;
  height: 100%;
  min-height:450px;
  margin-left: auto;
  margin-right: auto;
  position:relative;
  top:50px;
  z-index:2;
  color:#ffffff;
}
#com-overall-container #overall-container {
  background-image:url(grafiken/bramac_com_bg_big.png);
  background-repeat:repeat-y;
  height:100%;
  width:1010px;
  margin:0px;
  float:left;
}

* html #com-overall-container #overall-container{
  background-image: url(grafiken/bramac_com_bg_big.png);
  background-repeat: no-repeat;
  overflow:hidden;
}

#container-logo-header {
  width: 1010px;
  float: left;
  position: relative;
  z-index: 10;
}

table.mitrahmen td p.bodytext a, table.mitrahmen tr{
  vertical-align:top;
}
table.mitrahmen td b {
  text-align:center;
}
#logo {
  position: absolute;
  top: 30px;
  left: 0px;
  z-index: 50;
}

#header { /*height:380px;*/
  background-color: #FFF;
}
#header, .tx-rlmpflashdetection-pi1 {
  position:relative;
  z-index:10;
}
#com-overall-container #header-com {
  background:none;
  min-height:145px;
  padding:97px 10px 0px 390px;
}

* html #com-overall-container #header-com {
  padding-top:0px;
  float:left;
  margin-top:97px;

  min-height:145px;
    height:auto !important;
    height:145px;

}
* + html #com-overall-container #header-com {
  padding-top:0px;
  float:left;
  margin-top:97px;

}
#header-subseite {
  height: 380px;
  background-color: #FFF;
  overflow: hidden;
}

* html #header img {
  margin-bottom: 0px;
}
* html #header-com img {
  margin-bottom: 0px;
}

* html #header-subseite img {
  margin-bottom: 0px;
}

#header dl,#header-subseite dl {
  margin-bottom: 0px;
}

#container-mainmenu {
  position: relative;
  z-index: 50;
  height: 30px;
  /*background-image:url(grafiken/bg_schatten_1010px.png);
  background-repeat:no-repeat;
  background-position:bottom;*/
  margin-bottom: 0px;
  float: left;
  background-color: #FFF;
  font-size: 0.9em;
}

* html #container-mainmenu {
  height: 34px;
}
#com-overall-container #container-mainmenu {
  height:30px;
}
#container-auswahl-suche {
  padding-top: 6px;
  float: left;
  background-color: #FFF;
  padding-bottom: 25px;
  float: left;
}

#container-breadcrumbs-drucken-suche {
  padding-top: 46px;/*6px;*/
  float: left;
  background-color: #FFF;
  padding-bottom: 10px;
  position:relative;
  z-index:100;
}

/* Teaser / Subpromos mit Option: Flash START */
div.flash-teaser {
  position:relative;
  z-index:1;
}

div.section-image-and-flash-teaser div.flash-teaser, div.section-image-and-flash-teaser div.image-teaser {
  width: 238px;
  height: 185px;
  float: left;
  background: url(grafiken/bg_schatten_238px.png) bottom left no-repeat;
}
div.teaser-header a {
  text-decoration: none;
}
/* Teaser / Subpromos mit Option: Flash ENDE */

.teaser,.teaser-last,.teaser-first {
  width: 238px;
  height: 185px;
  float: left;
  background: url(grafiken/bg_schatten_238px.png) bottom left no-repeat;
}

#container-content .teaser,#tools .teaser {
  margin: 0px 12px 0px 0px;
}

#container-content .teaser-first,#tools .teaser-first {
  margin: 0px 12px 0px 1px;
  padding: 0px;
}

#container-content .teaser-last,#tools .teaser-last {
  margin: 0px 1px 0px 0px;
  padding: 0px;
}

.teaser-header {
  font-size: 1.6em;
  line-height: 1.5;
  height:28px;
  overflow:hidden;
}

.teaser a,.teaser-last a,.teaser-first a {
  text-decoration: none;
}

ul#breadcrumbs {
  float: left;
  width: 660px;
  margin: 0px 0px 0px 40px;
  text-transform: uppercase;
  font-size: 0.8em;
  list-style: none;
  padding: 0px;
  display: block;
  height: 14px;
}

* html ul#breadcrumbs {
  display: inline;
}

ul#breadcrumbs li {
  color: #a8a8a8;
  float: left;
}

ul#breadcrumbs li a {
  color: #a8a8a8;
  text-decoration: none;
}

ul#breadcrumbs li.active {
  color: #e20000;
}

#auswahl {
  float: left;
  width: 745px;
  margin-left: 15px;
  color: #000;
  margin-top: 6px;
  font-size: 1em;
}

* html #auswahl {
  /*display: inline;*/
}

.container-farbenbild-klein {
  padding: 10px 0px 0px 0px;
}

#auswahl div {
  display: inline;
}

#auswahl-level-1,#auswahl-level-2 {
  margin: 0px;
  padding: 0px;
  list-style-type: none;
  width: 241px;
}

#auswahl .ein_klick {
  float: left;
  padding-right: 9px;
  padding-top: 5px;
}

#auswahl-level-1 {
  float: left;
  position: relative;
  z-index: 10;
}

#auswahl-level-2 {
  position: absolute;
  z-index:301;
  left: 0px;
  top: 24px;
  background-color: #FFF;
  padding: 0px 0px 5px;
}

#auswahl-level-1 li {
  float: left;
  background-image: url(grafiken/bg_auswahlmenu_gesamt.png);
  background-repeat: no-repeat;
  width: 241px;
  padding: 5px 8px 11px;
  cursor: pointer;
}

#auswahl-level-1 li span {
  color: #FFF;
  cursor: pointer;
  z-index: 15;
  position: relative;
}

#auswahl-level-1 li #auswahl-level-2 { /*display:none;*/

}

#auswahl-level-1 li:hover #auswahl-level-2 { /*display:block;*/

}

#auswahl-level-1 li #auswahl-level-2 li {
  background-color: #FFFFFF;
  /*background-image:none;*/
  padding: 0px;
  margin: 0px;
  /*width:225px;*/
  background-image: url(grafiken/trennlinie_klickmenu.gif);
  background-position: top;
  background-repeat: no-repeat;
}

#auswahl-level-1 li #auswahl-level-2 li.auswahl-item-1 a,#auswahl-level-1 li #auswahl-level-2 li.auswahl-item-1
  {
  border: none;
  background-image: none;
}

#auswahl-level-1 li #auswahl-level-2 li a {
  color: #666666;
  text-decoration: none;
  display: block;
  width: 225px;
  /*margin:0px 8px 0px;*/
  padding: 9px 8px 9px;
  /*border-top:1px solid #ff6666;*/
}

#auswahl-level-1 li #auswahl-level-2 li a:hover { /*color:#DE0000;*/
  background-image: url(grafiken/bg_hover_klickmenu.gif);
  background-position: center;
  background-repeat: no-repeat;
  color: #FFF;
}

/*#auswahl-level-1 li #auswahl-level-2 li a:hover{
  background-color:#F00;
  color:#FFF;
}*/
#drucken {
  float: left;
  width: 60px;
  margin-top: 8px;
}

#suche {
  float: left;
  width: 230px;
  margin-right: 20px;
  margin-top: 6px;
}

* html #suche {
  display: inline;
}

#suche .tx-macinasearchbox-pi1 div {
  float: left;
}

#suche .input_field {
  border: none;
  background-color: #f2f2f0;
  height: 15px;
  width: 190px;
  margin-right: 8px;
  color: #a4a4a4;
  padding: 6px 3px 6px 7px;
  font-size: 1.2em;
}

#suche .search_button {
  padding-top: 2px;
}

#container-content {
  background-color: #FFF;
  float: left;
  width: 990px;
  padding: 0px 10px;
}

* html #container-content {
  padding:0px 9px;
}

#com-overall-container #container-content {
  background:none;
  padding:25px 100px 25px 0px;
  width:910px;
}

* html #com-overall-container #container-content {
  background:none;
  padding:0px;
  margin:25px 100px 25px 0px;
  width:910px;
}

* html #com-overall-container #container-content {
  width:910px;
  position:relative;
}

div.content-2-spaltig, div.content-left, div.content-right,div.content-left-middle, div.content-right-middle {
  float:left;
  width:238px;
  margin-right:12px;
  padding:0px;
}


div.content-2-spaltig {
  padding-top:25px;
  width:100%;
  margin-right:0px;
}

div.content-right {
  margin-right:1px;
}

#com-overall-container #content-left {
  background:none;
  padding:0px 35px 0px 0px;
  width:240px;
  min-height:15px;
  margin:0px 0px 0px 0px;
}
#com-overall-container .csc-default {
  vertical-align:top;
}
#com-overall-container p.bodytext {
  padding-top:0px;
  margin-top:0px;
  padding-bottom:10px;
}
#com-overall-container #content-right {
  background:none;
  padding:0px;
  width:625px;
  min-height:15px;
  margin:0px;
}

#com-overall-container #abschluss_schatten {
  margin:0px;
}

* html #com-overall-container #abschluss_schatten {
  margin-top:3px;
}

#container-footer {
  float: left;
  width: 1010px;
  padding-bottom: 6px;
  background-color: #FFF;
  padding-top: 15px;
}
#com-overall-container #container-footer{
  background:none;
  padding:0px 0px 15px 0px;
}
#com-overall-container #container-footer #copyright {
  width:auto;
  padding-top:3px;
}
#copyright {
  font-size: 0.8em;
  width: 486px;
  float: left;
  padding-left: 14px;
  display: block;
  width: 996px;
  padding-top: 5px;
}

#weitersagen {
  text-transform: uppercase;
  /*width:290px;*/
  float: right;
  text-align: right;
  margin-right: 25px;
}

#weitersagen a {
  margin-left: 5px;
  float:left;
}
#weitersagen span {
  float:left;
}
#weitersagen a img {
  vertical-align: bottom;
}

#weitersagen a.tipafriend_img img{
  margin-right:-3px;
}

ul#metamenu {
  text-transform: uppercase;
  /*width:205px; für CZ 330*/ /*width:330px;*/
  margin: 3px 15px 0px 0px;
  float: right;
  font-size: 0.8em;
  list-style: none;
  padding: 0px;
}

ul#metamenu li {
  float: left;
  padding-left: 20px;
}

ul#metamenu li a {
  color: #666666;
  text-decoration: none;
}
#com-overall-container ul#metamenu li a {
  color:#ffffff;
}
#indikator {
  position: absolute;
  left: 1010px;
  top: 30px;
}

#abschluss_schatten {
  background-image: url(grafiken/bg_schatten_1010px.png);
  background-repeat: no-repeat;
  background-position: bottom;
  width: 1010px;
  height: 10px;
  float: left;
  display: block;
  margin-bottom: 20px;
}



#overall-container #abschluss_schatten_menu {
  /*background-image: url(grafiken/bg_schatten_1010px.png);
  background-repeat: no-repeat;
  background-position: bottom;
  background-color: #FFF;*/
  background:url(grafiken/bg_schatten_1010px.png) no-repeat bottom #fff;
  width: 1010px;
  height: 10px;
  float: left;
  /* SPMI display: block;*/
  position: relative;
  z-index: 100;
}
#com-overall-container #abschluss_schatten_menu {
  background:url(grafiken/bg_schatten_1010px_transparent.png) no-repeat bottom;
}
* html #com-overall-container #abschluss_schatten_menu {
  margin-top:3px;
}
* html #abschluss_schatten_menu {
  margin-top: -1px;
}

/* News */
.news-list-container {
  float: left;
}

.list-imagecaption{
  display:none;
}

.news-list-item {
  float: left;
  margin-bottom: 25px;
  width:100%;
  display:block;
}

.news-list-item-image {
  float: left;
  width: 150px;
  margin-right: 25px;
  display:block;
  min-height:10px;
}

.news-list-item-text {
  float: left;
  width: 559px;
}

.news-list-item-text h2 {
  font-size: 1.3em;
  font-weight:bold;
  margin:5px 0px;
}

.news-list-subheader{
  width:450px;
  display:block;
  margin:10px 0px;
}

.news-list-more{
  margin-top:5px;
  display:block;
}

.news-list-more a{
  color:#F00;
  text-decoration:none;
}

.news-list-item-text h2 a,.news-list-subheader a,.news-list-date a {
  text-decoration: none;
}

/*Subseite*/
#container-content-tools {
  float: left;
  width: 1010px;
  background-color: #FFF;
  position:relative;
  z-index:100;
}

#content {
  float: left;
  width: 1010px;
  background-image: url(grafiken/bg_schatten_1010px.png);
  background-repeat: no-repeat;
  background-position: 0 100%;
  /*background-color:#FFF;*/
  padding-left: 0px;
  padding-right: 0px;
  padding-bottom: 40px;
  z-index: 30;
  position: relative; /*HOCR: Muss der relative sein ? */
}

/*NEU: Subseite allgemein*/
#content-left {
  width: 230px;
  margin-right: 18px;
  float: left;
  height: 100%;
  padding-top: 68px;
  margin-left: 18px;
  position:relative;
}
#content-left ul {
  padding-left:12px;
}
#content-left li {
  line-height:1.5;
  list-style:none;
}
#content-left h3 {
  padding-top:0px;
  margin-top:0px;
}
#content-left-suche {
  width: 230px;
  margin-right: 26px;
  float: left;
  height: 100%;
  padding-top: 0px;
  margin-left: 10px;
  position:relative;
}
#content-left-suche .rightcolumn h3 {
  font-size:13px;
  margin:3px 0px 5px 0px;

}
#content-left-suche .productlink {
  padding-bottom:22px;
}
#content-left .certificatesproductimage {
  position:absolute;
  right:5px;
  bottom:0px;
}
#content-left .certificatesproductimage img{
  max-width:100px;
  height:auto;
}


#content-left .certificatesproductimage2 {
  position:absolute;
  right:75px;
  top:240px;
}
#content-left .certificatesproductimage2 img{
  max-width:80px;
  height:auto;
}

#content-left p {
  width:220px;
}
* html #content-left {
  display: inline;
}

#content-right {
  width: 734px;
  margin-right: 10px;
  float: left;
  height:auto;
}

* html #content-right {
  display: inline;
  /*width:710px;*/
  width:724px;
}

/*Normale Contentseite
#content-left-sub{
  width:160px;
  padding-right:30px;
  float:left;
  height:100%;
  padding-top:60px;
}

#content-right-sub{
  width:760px;
  padding-right:20px;
  float:left;
  height:100%;
}*/ /*Produkz Überischtseite
#content-left-produkt{
  width:160px;
  padding-right:30px;
  float:left;
  height:100%;
  padding-top:60px;
}

#content-right-produkt{
  width:759px;
  padding-right:21px;
  float:left;
  height:100%;
}*/ /*Produkt Detailseite
#content-left-detail{
  padding-right:55px;
  width:225px;
  height:100%;
  float:left;
  position: relative;
}

#content-right-detail{
  padding-right:75px;
  width:605px;
  height:100%;
  float:left;
  position: relative;
}*/
.news-list-browse {
  clear:both;

}
#tools {
  float: left;
  width: 990px;
  background-image: url(grafiken/bg_schatten_weiss_1010px.jpg);
  background-repeat: no-repeat;
  background-position: 0 100%;
  background-color: #fbf7f2;
  padding: 25px 10px 0px 10px;
  z-index: 20;
  position: relative;
  /*margin-bottom:10px;*/
  margin-top: -10px;
  padding-bottom: 40px;
}

ul.csc-menu {
  margin: 0px;
  padding: 0px 0px 0px 3px;
  list-style-type: none;
  line-height: 1.7em;
}

ul.csc-menu li a {
  text-decoration: none;
}

/* Submenu */
#submenu {
  float: left;
}

.submenu-item-container {
  float: left;
  width: 238px;
  margin-bottom: 23px;
}

#submenu .left,#submenu .middle {
  margin-right: 10px;
}

* html .submenu-item-container {
  display: inline;
}

* html #submenu .left {
  display: inline;
}

* html #submenu .middle {
  display: inline;
}

* html .submenu-item-container h2.text,
* html .submenu-item-container div.text {
  white-space: nowrap;
  overflow: hidden;
  width: 238px;
  font-size: 1.6em;
  line-height:1.3em;
}

.submenu-item-container h2.text,
.submenu-item-container div.text {
  width: 248px;
  display: block;
  font-size: 1.6em;
  font-weight: normal;
  margin-bottom: 5px;
  margin: 0px;
  height:19px;
  overflow:hidden;
  padding-bottom:3px;
  line-height:1.3em;
}

.submenu-item-container .text a {
  text-decoration: none;
  color: #666;
}

.submenu-item-container .pic {
  width: 238px;
  height: 157px;
  display: block;
  background-image: url(grafiken/bg_schatten_238px.png);
  background-repeat: no-repeat;
  background-position: 0px 150px;
}

.submenu-item-container .pic div {
  bottom: -10px;
}

/*Accordion*/

.tx-jfmulticontent-pi1{
  margin-top:55px;
  border-bottom:1px #000 dotted;
}


h3.catname{
  font-size:1.1em;
  margin-top:25px;
  margin-bottom:5px;
  display:inline-block;
}

.accessorylink{
  line-height:1.3em;
}

.accessorylink .producttext a{
  text-decoration:none;
}

/* Layout helpers
----------------------------------*/
.ui-helper-hidden { display: none; }
.ui-helper-hidden-accessible { position: absolute; left: -99999999px; }
.ui-helper-reset { margin: 0; padding: 0; border: 0; outline: 0; line-height: 1.3; text-decoration: none; /*font-size: 100%;*/ list-style: none; }
.ui-helper-clearfix:after { content: "."; display: block; height: 0; clear: both; visibility: hidden; }
.ui-helper-clearfix { display: inline-block; }
/* required comment for clearfix to work in Opera \*/
* html .ui-helper-clearfix { height:1%; }
.ui-helper-clearfix { display:block; }
/* end clearfix */
/*HETO - wird das benötigt?? .ui-helper-zfix { width: 100%; height: 100%; top: 0; left: 0; position: absolute; opacity: 0; filter:Alpha(Opacity=0); }*/


/* Interaction Cues
----------------------------------*/
.ui-state-disabled { cursor: default !important; }


/* Icons
----------------------------------*/

/* states and images */
.ui-icon { display: block; text-indent: -99999px; overflow: hidden; background-repeat: no-repeat; }


/* Misc visuals
----------------------------------*/

/* Overlays */
.ui-widget-overlay { position: absolute; top: 0; left: 0; width: 100%; height: 100%; }


/* Component containers
----------------------------------*/
.ui-widget { }
.ui-widget .ui-widget { font-size: 1em; }
.ui-widget input, .ui-widget select, .ui-widget textarea, .ui-widget button { font-size: 1em; }
.ui-widget-content { }
.ui-widget-content a { color: #333333; }
.ui-widget-header { border: 1px solid #65160b; color: #ffffff; font-weight: bold; }
.ui-widget-header a { color: #ffffff; }

/* Interaction states
----------------------------------*/
.ui-state-default, .ui-widget-content .ui-state-default { border-top: 1px dotted #000000; font-weight: bold; color: #666666; }
.ui-state-default a, .ui-state-default a:link, .ui-state-default a:visited { color: #666666; text-decoration: none; }
.ui-state-active, .ui-widget-content .ui-state-active { border-top: 1px dotted #000000; color: #65160b; }
.ui-state-active a, .ui-state-active a:link, .ui-state-active a:visited { color: #000000; text-decoration: none; }
.ui-widget :active { outline: none; }

/* Interaction Cues
----------------------------------*/
.ui-state-highlight, .ui-widget-content .ui-state-highlight {border: 1px solid #fed22f; color: #363636; }
.ui-state-highlight a, .ui-widget-content .ui-state-highlight a { color: #363636; }
.ui-state-error, .ui-widget-content .ui-state-error {border: 1px solid #cd0a0a; color: #ffffff; }
.ui-state-error a, .ui-widget-content .ui-state-error a { color: #ffffff; }
.ui-state-error-text, .ui-widget-content .ui-state-error-text { color: #ffffff; }
.ui-priority-primary, .ui-widget-content .ui-priority-primary { font-weight: bold; }
/*HETO wird das benötigt? .ui-priority-secondary, .ui-widget-content .ui-priority-secondary { opacity: .7; filter:Alpha(Opacity=70); font-weight: normal; }
.ui-state-disabled, .ui-widget-content .ui-state-disabled { opacity: .35; filter:Alpha(Opacity=35); background-image: none; }*/

/* Icons
----------------------------------*/

/* states and images */
.ui-icon { width: 16px; height: 16px; background-image: url(/fileadmin/templates/grafiken/pfeil_accordion.gif); }
.ui-state-default .ui-icon { background-image: url(/fileadmin/templates/grafiken/pfeil_accordion.gif); background-position:0px 3px; }
.ui-state-active .ui-icon {background-image: url(/fileadmin/templates/grafiken/pfeil_accordion_active_schwarz.gif); }


/* positioning */
.ui-icon-triangle-1-s { background-position: 0px 3px; }

/* Overlays */
/*HETO wird das benötigt?? .ui-widget-overlay {opacity: .50;filter:Alpha(Opacity=50); }
.ui-widget-shadow { margin: -5px 0 0 -5px; padding: 5px; opacity: .20;filter:Alpha(Opacity=20); -moz-border-radius: 5px; -webkit-border-radius: 5px; border-radius: 5px; }*/

/* Accordion
----------------------------------*/
.ui-accordion .ui-accordion-header { cursor: pointer; position: relative; /*margin-top: 1px;*/ /*zoom: 1;*/ }
* html .ui-accordion .ui-accordion-header {
  zoom: 1;
}
.ui-accordion .ui-accordion-li-fix { display: inline; }
.ui-accordion .ui-accordion-header-active { border-bottom: 0 !important; }
.ui-accordion .ui-accordion-header a { display: block; /*font-size: 1em;*/ padding: .5em .5em .5em .7em; }
.ui-accordion-icons .ui-accordion-header a { padding-left: 1.5em; }
.ui-accordion .ui-accordion-header .ui-icon { position: absolute; /*left: .5em;*/ top: 50%; margin-top: -8px; }
.ui-accordion .ui-accordion-content { padding: 0px 2.2em 1em; border-top: 0; margin-top: -2px; position: relative; top: 1px; margin-bottom: 2px; overflow: auto; display: none; /*zoom: 1;*/ }

* html .ui-accordion .ui-accordion-content {
  zoom: 1;
}
.ui-accordion .ui-accordion-content-active { display: block; }/* Tabs
----------------------------------*/
.ui-tabs { position: relative; padding: .2em; /*zoom: 1;*/ } /* position: relative prevents IE scroll bug (element with position: relative inside container with overflow: auto appear as "fixed") */
* html .ui-tabs {
  zoom: 1;
}
.ui-tabs .ui-tabs-nav { margin: 0; padding: .2em .2em 0; }
.ui-tabs .ui-tabs-nav li { list-style: none; float: left; position: relative; top: 1px; margin: 0 .2em 1px 0; border-bottom: 0 !important; padding: 0; white-space: nowrap; }
.ui-tabs .ui-tabs-nav li a { float: left; padding: .5em 1em; text-decoration: none; }
.ui-tabs .ui-tabs-nav li.ui-tabs-selected { margin-bottom: 0; padding-bottom: 1px; }
.ui-tabs .ui-tabs-nav li.ui-tabs-selected a, .ui-tabs .ui-tabs-nav li.ui-state-disabled a, .ui-tabs .ui-tabs-nav li.ui-state-processing a { cursor: text; }
.ui-tabs .ui-tabs-nav li a, .ui-tabs.ui-tabs-collapsible .ui-tabs-nav li.ui-tabs-selected a { cursor: pointer; } /* first selector in group seems obsolete, but required to overcome bug in Opera applying cursor: text overall if defined elsewhere... */
.ui-tabs .ui-tabs-panel { display: block; border: 0; padding: 1em 1.4em; background: none; }
.ui-tabs .ui-tabs-hide { display: none !important; }


/*Menu*/
ul#container-mainmenu-level-1 {
  float: left;
  list-style: none;
  margin: 0px;
  padding: 0px;
  width: 1010px;
}

ul#container-mainmenu-level-1 li {
  float: left;
}

ul#container-mainmenu-level-1 li.grey {
  background-color: #acacac;
}

ul#container-mainmenu-level-1 li.active {
  background-color: #740202;
}

ul#container-mainmenu-level-1 li a {
  color: #FFF;
}

/* MAINMENU */ /* VON GUGLER ÜBERNOMMEN */
  /* Auf und zuklapp-Mechanismus */ /* VON GUGLER ÜBERNOMMEN */
  /* VON GUGLER ÜBERNOMMEN */
#mainmenu div,#mainmenu div a {
  display: inline;
  text-align: center;
}

#mainmenu-items {
  float: left;
}

#mainmenu-center {
  width: 1010px;
  position: relative;
  float: left;
}

ul.menuebene1,ul.menuebene1 li,ul.menuebene1 li ul.menuebene2,ul.menuebene1 li ul.menuebene2 li
  {
  list-style: none;
  padding: 0px;
  margin: 0px;
}

ul li#mainmenuitem-level1-contact {
  color: #ffffff;
  height: 30px;
  text-transform: uppercase;
}

ul.menuebene1 {
  background: url(grafiken/menuebene1_bg.gif) repeat-x;
  height: 30px;
  width: 1010px;
  float: left;
  list-style: none;
  margin: 0px;
  padding: 0px;
  position:relative;
  z-index:99;
}
#com-overall-container ul.menuebene1 {
  /*background:url(grafiken/bramac_com_mainmenu_bg_grey_new.png) repeat-x;*/
  background:none;
  background-color:#acacac;
  height:30px;
}
ul.menuebene1 li.mainmenuitem-level1 {
  float: left;
  /*  height:22px;
  padding-top:8px;*/
  /* Änderungen GAMI, damit das gesamte li-Element hover-sensitiv ist */
  height: 30px;
  background: url(grafiken/menutrenner.gif) no-repeat right;
}
#com-overall-container ul.menuebene1 li.mainmenuitem-level1 {
  background:url(grafiken/com_menuebene1_menuitem_bg.gif) right repeat-x;
  width:95px;
  text-align:center;
  text-transform:uppercase;
}
#com-overall-container ul.menuebene1 li.mainmenuitem-level1 span{
  padding:8px 19px;
  float:left;
}
#com-overall-container ul.menuebene1 li.mainmenuitem-level1 ul li{
  text-align:left;
}
#com-overall-container ul.menuebene1 li.last {
  background:url(grafiken/com_menuebene1_menuitem_grey_bg.png) right no-repeat;
}
ul.menuebene1 li.mainmenuitem-level1 a {
  color: #ffffff;
}

ul.menuebene1 li.grey {
  background-color: #acacac;
  background-image: url(grafiken/menutrenner_grau.gif);
  background-position: left;
  float: right;
}

ul.menuebene1 li.active {
  background-color: #740202;
}

ul.menuebene1 li a,ul.menuebene1 li a:link {
  color: #ffffff;
  text-transform: uppercase;
  text-decoration: none;
  /* Änderungen GAMI, damit das gesamte li-Element hover-sensitiv ist */
  /* padding:0px 30px 0px 20px; */
  padding: 8px 13px;
  display: block;
}

ul.menuebene1 li.mainmenuitem-level1 a:hover {
  color: #ffffff;
}

ul.menuebene1 li {
  position: relative;
}

ul.menuebene1 li ul.menuebene2 {
  position: absolute;
  width: 180px;
  bottom: 30px;
  padding: 1px 0px 1px 0px;
  left: 5px;
  background: url(grafiken/menu_bg.png) repeat;
  z-index:999;
  /*line-height:10px;*/
}

#mainmenu div ul.menuebene1 li ul.menuebene2 li,#mainmenu div ul.menuebene1 li ul.menuebene2 li a
  {
  text-align: left;
  float: left;
}

ul.menuebene1 li ul.menuebene2 li {
  padding: 0px;
}

ul.menuebene1 li ul.menuebene2 li.mainmenuitem-level2, ul.menuebene1 li ul.menuebene2 li.ifsub {
  /*padding:4px 20px 3px 10px;*/
  padding: 0px;
  /*  font-size:0.8em;*/
}

ul.menuebene1 li ul.menuebene2 li.ifsub {
  background: url(grafiken/menuitem_bg_ifsub.gif) repeat-x right;
  clear:both;
  height:100%;
}

* + html ul.menuebene1 li ul.menuebene2 li.ifsub {
  background: none;
  clear:both;
  height:100%;
}

* + html ul.menuebene1 li ul.menuebene2 li.ifsub a {
  background: url(grafiken/menuitem_bg_ifsub.gif) repeat-x right;

}

ul.menuebene1 li.mainmenuitem-level1 ul.menuebene2 .mainmenuitem-level2 a
  {
  color: #666666;
  /*width:150px;*/
  display: block;
  text-decoration: none;
}

#com-overall-container ul.menuebene1 li.mainmenuitem-level1 ul.menuebene2 .mainmenuitem-level2 a
  {
  color: #666666;
  /*width:150px;*/
  display: block;
  text-decoration: none;
}

ul.menuebene1 li.mainmenuitem-level1 ul.menuebene2 a {
  padding: 4px 20px 3px 10px;
}

ul.menuebene1 li.mainmenuitem-level1 ul.menuebene2 .mainmenuitem-level2 a:hover
  {
  position: relative;
  color: #ffffff;
}

#com-overall-container ul.menuebene1 li.mainmenuitem-level1 ul.menuebene2 .mainmenuitem-level2 a:hover
  {
  position: relative;
  color: #ffffff;
  background:none;
}

#content-right .tx-indexedsearch {
  width:710px;
  float:left;
}
ul.menuebene1 li ul.menuebene2 li.ifsub a { /*background:none;
  background-repeat:no-repeat;*/

}

ul.menuebene1 li ul.menuebene2 li.ifsub a:hover {
  background: url(grafiken/menuitem_bg_act_ifsub.gif) repeat-x right;
  background-repeat: no-repeat;
}
* html ul.menuebene1 li ul.menuebene2 li a:hover {
  background: url(grafiken/menuitem_bg_act.gif) repeat-x right;
}



ul.menuebene1 li.active ul.menuebene2 li.actifsub a {
  background: url(grafiken/menuitem_bg_actsub.gif) right;
  background-repeat: no-repeat;
  color: #FFF;
}

ul.menuebene1 li.active ul.menuebene2 li.actifsub a:hover {
  background: url(grafiken/menuitem_bg_act_ifsub.gif) right;
  background-repeat: no-repeat;
}

.ifsub:hover {
  background: url(grafiken/menuitem_bg_act_ifsub.gif) right;
  background-repeat: no-repeat;
}

.mainmenuitem-level2:hover,.mainmenuitem-level3:hover {
  background: url(grafiken/menuitem_bg_act.gif) repeat;
  color: #ffffff;
  width: 100%; /*<HETO>*/
}
#com-overall-container .mainmenuitem-level2:hover, #com-overall-container .mainmenuitem-level3:hover {
  background: url(grafiken/laendermenu_mo.gif) repeat;
  color: #ffffff;
  width: 100%; /*<HETO>*/
}

* html #com-overall-container .mainmenuitem-level2 a {
  width:100%;
}
* html #com-overall-container .mainmenuitem-level2 a:hover {
  background: url(grafiken/laendermenu_mo.gif) repeat;
}

/*<HETO>*/
.mainmenuitem-level2:hover a,.mainmenuitem-level2:hover a:link,.mainmenuitem-level3:hover a,.mainmenuitem-level3:hover a:link
  {
  color: #ffffff;
}

/*</HETO>*/



ul.menuebene1 li ul.menuebene2 li ul.menuebene3 {
  position: absolute;
  z-index: 1;
  left: 180px;
  bottom: 0px;
  background: url(grafiken/menu_bg.png) repeat;
  z-index: 99;
  width: 100%;
  max-width: 250px;
}

ul.menuebene1 li ul.menuebene2 li ul.menuebene3 {
  padding: 1px 0px 1px 0px;
  margin: 0px;
}

ul.menuebene1 li ul.menuebene2 li ul.menuebene3 li {
  padding-bottom: 0px;
  text-align:left;
}
* + html ul.menuebene1 li ul.menuebene2 li ul.menuebene3 li {
  float:left;
  width:100%;
  display:block;
}

ul.menuebene1 li ul.menuebene3 li.mainmenuitem-level3 {
  padding: 0px;
}

ul.menuebene1 li.mainmenuitem-level1 ul.menuebene2 .mainmenuitem-level2 ul.menuebene3 .mainmenuitem-level3 a
  {
  color: #666666;
  display: block;
  padding: 4px 20px 3px 10px;
  position: relative;
  margin-left: 0px;
  text-decoration: none;
  background: none;
}

ul.menuebene1 li.mainmenuitem-level1 ul.menuebene2 .mainmenuitem-level2 ul.menuebene3 .mainmenuitem-level3 a:hover
  {
  width: 150px;
  color: #FFF;
}

*+html ul.menuebene1 li.mainmenuitem-level1 ul.menuebene2 .mainmenuitem-level2 ul.menuebene3 .mainmenuitem-level3 a
  {

}

*+html ul.menuebene1 li.mainmenuitem-level1 ul.menuebene2 .mainmenuitem-level2 ul.menuebene3 .mainmenuitem-level3 a:hover
  {
  background: url(grafiken/menuitem_bg_act.gif) repeat;
}

/* Auf und zu klapp Funktionalität*/
ul.menuebene1 li ul.menuebene2, ul.menuebene1 li ul.menuebene2 li ul.menuebene3 {
  display: none;
}

/*ul.menuebene1 li:hover ul.menuebene2,ul.menuebene1 li.sfhover ul.menuebene2
  {
  display: block;
}

ul.menuebene1 li ul.menuebene2 li ul.menuebene3,ul.menuebene1 li:hover ul.menuebene2 li ul.menuebene3,ul.menuebene1 li:hover ul.menuebene3
  {
  display: none;
}

ul.menuebene1 li ul.menuebene2 li:hover ul.menuebene3,ul.menuebene1 li ul.menuebene2 li.sfhover ul.menuebene3,ul.menuebene1 li ul.menuebene2 li.active:hover ul.menuebene3
  {
  display: block;
}*/

ul.menuebene1 li.mainmenuitem-level1 ul.menuebene2 .active a,ul.menuebene1 li.mainmenuitem-level1 ul.menuebene2 .active a:hover
  {
  color: #FFFFFF;
  padding: 4px 20px 3px 10px;
}

#com-overall-container ul.menuebene1 li.mainmenuitem-level1 ul.menuebene2 .active a,ul.menuebene1 li.mainmenuitem-level1 ul.menuebene2 .active a:hover{
  color: #FFFFFF;
}

ul.menuebene1 li ul.menuebene2 li.active {
  padding-right: 0px;
}

ul.menuebene1 li.mainmenuitem-level1 ul.menuebene2 li.active ul.menuebene3 li a
  {
  background: none;
}

ul.menuebene1 li.mainmenuitem-level1 ul.menuebene2 .mainmenuitem-level2 ul.menuebene3 .active a,ul.menuebene1 li.mainmenuitem-level1 ul.menuebene2 .mainmenuitem-level2 ul.menuebene3 .active a:hover
  {
  color: #FFFFFF;
  padding: 4px 20px 3px 10px;
}

ul.menuebene1 li ul.menuebene2 li ul.menuebene3 {
  z-index: 999;
}

ul.menuebene1 li ul.menuebene2 li ul.menuebene3 li {
  z-index: 5;
}

/* * html ul.menuebene1 li ul.menuebene2 {
  left: -999px;
  display: block;
}

* html ul.menuebene1 li.sfhover ul.menuebene2 {
  display: block;
  left: 0px;
}

* html ul.menuebene1 li ul.menuebene2 li ul.menuebene3 {
  display: block;
  left: -999px;
}

* html ul.menuebene1 li ul.menuebene2 li.sfhover ul.menuebene3 {
  display: block;
  left: 180px;
}*/

* html ul.menuebene1 li ul.menuebene2 li.ifsub {
  background: none;
  float:left;
}
* html ul.menuebene1 li ul.menuebene2 li.actifsub {
  float:left;
}

* html ul.menuebene1 li ul.menuebene2 li.ifsub a {
  background: url(grafiken/menuitem_bg_ifsub.gif) repeat-x right;
}





* html ul.menuebene1 li ul.menuebene2 li ul.menuebene3 .mainmenuitem-level3 a:hover
  {
  /*background-image: url(grafiken/menuitem_bg_act.gif);*/
  background-color:#FD0808;
}

ul.menuebene1 li.mainmenuitem-level1 ul.menuebene2 .mainmenuitem-level2 ul.menuebene3 .mainmenuitem-level3 a:hover
  {
  width: 150px;
  color: #FFF;
}




* html ul.menuebene1 li ul.menuebene2 li a{
  width:150px;
}
/*

* html ul.menuebene1 li ul.menuebene2 {
  background:none;
  background-color:#FFF;
}*/




* html ul.menuebene1 li ul.menuebene2 li ul.menuebene3 {
  margin-bottom: -1px;
/*  background:none;
  background-color:#FFF;*/
  display:block;
}

* html ul.menuebene1 li ul.menuebene2 li ul.menuebene3 li a {
  padding-bottom: 5px;
  margin-bottom: 1px;
}

/* MAINMENU */ /* VON GUGLER ÜBERNOMMEN */
  /* Auf und zuklapp-Mechanismus */ /* VON GUGLER ÜBERNOMMEN */
.tx-indexedsearch .tx-indexedsearch-res .tx-indexedsearch-descr .tx-indexedsearch-redMarkup
  {
  color: #e20000;
}

img.tx-srfreecap-pi2-image {
  vertical-align: middle;
  margin: 0px;
}

.news-single-item h1 {
  font-size:2em;
  margin-bottom:20px;
}

.news-single-imgcaption{
  margin-bottom:20px;
}

.news-single-img{
  text-align:center;
}

div#cboxContent {
  background-color:#dddcd8;
  background-color:#ffffff;
  border:5px solid #ffffff;
}
div.kontaktform-left {
  float:left;
  width:300px;
  margin-left:30px;
  *margin-left:0px; /* IE7 and below */
}
div.kontaktform-right {
  float:left;
}
input.kontaktform-input, input.zip-kontaktcenter, input.city-kontaktcenter {
  border:none;
}
.kontaktform-textarea {
  background-color:#e8e7e3;
  border:none;
  width:255px;
}
.kontaktform-input {
  width:255px;
  height:20px;
  background-color:#e8e7e3;
}
.zip {
  width:80px;
}
.city {
  width:155px;
}
.articletext {
  padding-left:10px;
}
.zip-kontaktcenter {
  background-color:#e8e7e3;
  height:20px;
  width:80px;
}
.city-kontaktcenter {
  background-color:#e8e7e3;
  height:20px;
  width:155px;
}

#jmcontactcenter-direct-contactinfo-form form table.tmail {
  height:420px;
  width:630px;
  background-color:#dddcd8;
  clear:both;
}
#jmcontactcenter-direct-contactinfo-form, .tx-pilmailform-pi1, #jmcontactcenter-direct-contactinfo-form form {
  height:100%;
}
table.tmail a, table.tmail a:link {
  color:#ed1b24;
  text-decoration:none;
}
table.tmail h1 {
  margin:10px 0px 20px 30px;
  *margin-left:0px; /* IE7 and below */
  font-size:2em;
}
table.tmail input {
  padding-bottom:4px;
}
span.labelpflicht {
  margin-left:-8px;
}
span.red {
  color:#ed1b24;
}
table.tmail tr.tr-white {
  background-color:#ffffff;
}


/*#cboxTopLeft{width:21px; height:21px; background:none;}
#cboxTopRight{width:21px; height:21px; background:none;}*/
#cboxTopLeft{width:0px; height:21px; background:none;}
#cboxTopRight{width:0px; height:21px; background:none;}
#cboxBottomLeft{width:21px; height:21px; background:none;}
#cboxBottomRight{width:21px; height:21px; background:none;}
/*#cboxMiddleLeft{width:21px; background:none;}
#cboxMiddleRight{width:21px; background:none;}
*/
#cboxMiddleLeft{width:0px; background:none;}
#cboxMiddleRight{width:0px; background:none;}
#cboxTopCenter{height:0px; background:none;}
#cboxBottomCenter{height:0px; background:none;}

.cboxIE #cboxTopLeft{background:none;}
.cboxIE #cboxTopCenter{background:none;}
.cboxIE #cboxTopRight{background:none;}
.cboxIE #cboxBottomLeft{background:none;}
.cboxIE #cboxBottomCenter{background:none;}
.cboxIE #cboxBottomRight{background:none;}
.cboxIE #cboxMiddleLeft{background:none;}
.cboxIE #cboxMiddleRight{background:none;}

.section-header-modul div.invisible {
  z-index:1;
}

.section-header-modul div.visible {
  z-index:2;

}
/* cb_indexedsearch_autocomplete START */
.ac_results {
  background: #F5F5F5;
  width: 200px; /* This value is set in the javascript code, to match the width of the search box */
  cursor: pointer;
  position: absolute;
  left: 0;
  font-size: 90%;
  z-index: 101;
}
.ac_results ul {
  list-style-position: outside;
  list-style: none;
  padding: 0;
  margin: 0;
  border: 1px solid #AAAAAA;
}

.ac_results ul li.even {
  background: #E5E5E5;
}

.ac_results ul li.odd {
  background: #FFFFFF;
}

.ac_results iframe {
  display:none;/*sorry for IE5*/
  display/**/:block;/*sorry for IE5*/
  position:absolute;
  top:0;
  left:0;
  z-index:-1;
}
.ac_results li {
  padding: 2px 5px;
}
.ac_results a {
  width: 100%;
}
.ac_loading {
  background:#FFFFFF url('../img/indicator.gif') no-repeat right center;
}
.over {
  background-color: #A7CDF0 !important;
}
/* cb_indexedsearch_autocomplete ENDE */

/* Bramac COM Ländermenü */

.laendermenu{
  float:left;
  /*margin-bottom:25px;*/
  line-height:1.5em;
  font-size:1.1em;
  padding-left:108px;
}

.laendermenu ul{
  list-style:none;
  text-transform:uppercase;
  margin:0px;
  padding:0px;
}

.laendermenu a, .laendermenu a:link, .laendermenu a:visited{
  color:#FFF;
  text-decoration:none;
}

.laendermenu ul li{
  border-left:1px solid white;
}

.laendermenu ul li a, .laendermenu ul li a:link, .laendermenu ul li a:visited{
  padding:1px 0px 1px 10px;
  display:block;
  margin:0px 1px;
}

.laendermenu ul li a:hover{
  background:url(grafiken/laendermenu_mo.gif);
  background-repeat:repeat-x;

}

.laendermenu ul li.active a{
  background:url(grafiken/com_menuebene1_menuitem_bg.gif);
  background-repeat:repeat-x;
}

.laendermenu ul.links, .laendermenu ul.rechts{
  width:240px;
  float:left;
}

#header-com h1{
  font-size:1.5em;
  text-transform:uppercase;
  margin-bottom:20px;
  margin-top:10px;
}

#header-com p{
  font-size:1.1em;
  line-height:1.2em;
}

#header-com div.csc-textpic div.csc-textpic-imagewrap .csc-textpic-image {
  margin-top:0px;
}

/* Popup   */
#PopUpContainerCenter {
      margin-left: auto;
      margin-right: auto

}

#PopUpContainer {
  width:1010px;
  float:left;
  display: block;
    margin-left: auto;
     margin-right: auto;
     z-index:5;
     position: relative;
}

/* Contact-center-styles for CZ BEGIN */

div#container-jmcontactcenter.container-jmcontactcenter-cz {
  width:670px;
  height:280px;
  background-color:#F1EFEB;
}

a#populateMap.populateMap-cz {
  background-color:#EE0000;
  color:#FFF;
}

div#container-jmcontactcenter.container-jmcontactcenter-cz #jmcontactcenter-left {
  width:416px;
  float:left;
  padding:0px 12px 12px 12px;
  height:268px;
}

div#container-jmcontactcenter.container-jmcontactcenter-cz #jmcontactcenter-right {
  border-left:#CAC6C3 1px solid;
  width:205px;
  float:right;
  overflow:visible;
  padding-top:12px;
  height:256px;
  padding:0px 12px 12px 12px;
  position:relative;
  top:0px;
}

div#container-jmcontactcenter.container-jmcontactcenter-cz div#jmcontactcenter-contactinfo {
  padding:0px;
  overflow:-moz-scrollbars-vertical;
  height:268px;
  overflow-y:scroll;
  overflow-x:hidden;
}
div#jmcontactcenter-contactinfo table {
  border-spacing:0px;  
}
div#jmcontactcenter-contactinfo table tr td {
  padding:0px;  
}

div#container-jmcontactcenter.container-jmcontactcenter-cz h3.jmcontactcenter {
  color:#666;
  font-size:1.63em;
  font-weight:normal;
  margin-top:0px;
}

ul#jmcontactcenter-choose-contact-level-2-cz li {
  padding:0px 0px 4px 0px;
}

/* Contact-center-styles for CZ END */

div.ac_results iframe {
  display:none; /* hide the iframe that is generated by the script cb_indexedsearch_autocomplete.js */
}

span.jmcontactcenter-close-link { /* KC-Close-Link f. Österreich */
  font-size:1.4em;
}

div.roofgalleryplaybutton a {
  _position:relative;
}
.news-list-item-image a img {
  float:left;
}

.tooltip .mouseoverlink {
  color:#E20000;
}

.tooltip div h2,
.tooltip div .mouseoverheader{
  font-size:1em;
  font-weight:bold;
}
.tooltip div .mouseoverheader{
  padding-top: 2px;
  margin-top: 0px;
  padding-bottom: 5px;
  margin-bottom: 0px;
  line-height:1.3em;
  padding-left:0px;
}
.tooltip div {
  text-decoration:none;
  border:none;
}
.tooltip a, .tooltip div a {
  text-decoration:none;
  border:none;
}
div.mouseoverslider a, div.mouseoverslider a div.tooltip div {
  text-decoration:none;
  border:none;
}

#auswahl{
  display:none;
}

#container-mainmenu{
  display:none;
}



#abschluss_schatten_menu{
  display:none;

}

#abschluss_schatten{
  display:none
}

#container-content .content-2-spaltig .content-right-middle {
  display:inline;
}

#container-content .content-2-spaltig{
  display:none;
}
table.tmail .input_smaller {
  width:40px;
}

/* Powermail */

.tx-powermail-pi1 legend{
  display:none;
}

.tx-powermail-pi1 fieldset{
  border:none;
  padding:0px;
  margin:0px;
}

.tx-powermail-pi1 label{
  width:375px;
  display:inline-block;
}

.tx-powermail-pi1 .tx-powermail-pi1_formwrap_74533 label{
  width:110px;
}

.tx-powermail-pi1 .tx-powermail-pi1_formwrap_74533 input.powermail_text{
  width:200px;
}

.tx-powermail-pi1 .tx_powermail_pi1_fieldwrap_html_9 label{
  width:340px;
  padding-right:35px;
}

.tx-powermail-pi1 .tx_powermail_pi1_fieldwrap_html_10 label{
  width:360px;
  padding-right:15px;
}

.tx-powermail-pi1 .tx_powermail_pi1_fieldwrap_html{
  padding-bottom:5px;
}

.tx-powermail-pi1 a, .tx-powermail-pi1 a:link, .tx-powermail-pi1 a:visited{
    color: #ED1B24;
  text-decoration:none;
}

.tx-powermail-pi1 .tx-srfreecap-pi2-cant-read{
  display:none;
}

.tx-powermail-pi1 .tx_powermail_pi1_fieldwrap_html_1{
  font-weight:bold;
  margin-bottom:10px;
  border-bottom:1px solid grey;
  padding-bottom:5px;
  width:650px;
}

.tx-powermail-pi1 .leftlabel{
  display:inline-block;
  vertical-align:top;
}

.tx-powermail-pi1 .rightinput{
  display:inline-block;
}

.tx-powermail-pi1 .tx_powermail_pi1_fieldwrap_html_submit{
  float: left;
    margin-left: 378px;
  margin-top:8px;
}

.tx-powermail-pi1 .tx-powermail-pi1_formwrap_74533 .tx_powermail_pi1_fieldwrap_html_submit{
  margin-left:110px;
}

.tx-powermail-pi1 .tx_powermail_pi1_fieldwrap_html_captcha label{
  vertical-align:top;
}
.certificates {
position:absolute;
right:30px;
top:10px;
}

/* Dachtyp Chooser Manuel Moser */
<style type="text/css">

img {
  border: 0px;
}

#pic1, #pic2, #pic3, #pic4, #pic5, #big {
  height: 171px;
  width: 200px;
  float: left;
  margin: 3px;
}

#pic1 {
  background-image: url(/fileadmin/rootBramac/Bramac_Austria/WelchesDach/modern200.jpg);
}

#pic2 {
  background-image: url(/fileadmin/rootBramac/Bramac_Austria/WelchesDach/klassisch200.jpg);
}

#pic3 {
  background-image: url(/fileadmin/rootBramac/Bramac_Austria/WelchesDach/wirtschaftlich200.jpg);
}

#pic4 {
  background-image: url(/fileadmin/rootBramac/Bramac_Austria/WelchesDach/renovierungsfit200.jpg);
}

#pic5 {
  background-image: url(/fileadmin/rootBramac/Bramac_Austria/WelchesDach/inspirierend200.jpg);
}

#big {
  /* background-color: #AAA; */
  /* background-image: url(/fileadmin/rootBramac/Bramac_Austria/WelchesDach/modern200.jpg); */

}

.clearboth {
  clear: both;
}

.text {
  color: #000000;
  font-family: Arial;
  font-weight: bold;
  font-size: 14px;
  padding: 3px;
  background-image: url(/fileadmin/rootBramac/Bramac_Austria/WelchesDach/bgtext.png);
}

.images2 {
  float: left;
  margin-left: 48px;
  margin-top: 5px;
  background-image: url(/fileadmin/rootBramac/Bramac_Austria/WelchesDach/bgtext.png);
}

.images3 {
  float: left;
  margin-left: 25px;
  margin-top: 5px;
  background-image: url(/fileadmin/rootBramac/Bramac_Austria/WelchesDach/bgtext.png);
}

.images4 {
  float: left;
  margin-left: 7px;
  margin-top: 5px;
  background-image: url(/fileadmin/rootBramac/Bramac_Austria/WelchesDach/bgtext.png);
}

.dachstein {
  float: left;
  padding: 5px;
}

#content1, #content2, #content3, #content4, #content5 {
  margin-left: 10px;
  margin-top: 80px;
  visibility: hidden;
}

#textbig {
  visibility: hidden;
  color: #000000;
  font-family: Arial;
  font-weight: bold;
  font-size: 14px;
  padding: 3px;
  border-left: 1px solid black;
  border-top: 1px solid black;
  border-bottom: 1px solid black;
  background-image: url(/fileadmin/rootBramac/Bramac_Austria/WelchesDach/bgtext.png);
}

#transparent {
  padding-left: 5px;
  padding-top: 10px;
  height: 100%;
  background-image: url(/fileadmin/rootBramac/Bramac_Austria/WelchesDach/bgtext.png);
}

#picbig {
  margin-top: 10px;
  margin-left: 55px;
  background-color: #FFFFFF;
  padding: 3px;
  width: 89px;
}

#more {
  text-align: center;
  visibility: hidden;
}

#more a {
  color: #000;
  font-family: Arial;
  font-size: 11px;
}

#bigimage {
  padding: 4px;
  background-color: #FFFFFF;
  visibility: hidden;
}

#container-solar-live-values {
/*  position:absolute;*/
}

.solar-live-values-detailpicture {
  border:#FFF 12px solid;
  width:445px;
  height:400px;
  position:absolute;
  left:96px;
  top:210px;
  visibility:hidden;
}

.solar-live-values-detailpicture-close {
  position:absolute;
  left:441px;
  top:-28px;
}
#container-2nd-row-right-solargrafik {
  float:left;
  width:690px;
  background-color:#ffecce;
  padding:15px 20px 75px 20px;
  position:relative;
}
div#warmwasseraufbereitung, div#raumheizung, div#schwimmbaderwaermung {
  display:none;
}

input.input-solar-small {
  width:90px;

}
input.input-solar-large {
  width:200px;
}
input.input-2stellig {
  width:19px;
}
input.input-3stellig {
  width:28px;
}
input.input-4stellig {
  width:34px;
}
input.input-checkbox {
  margin-top:-3px;
  padding-top:3px;
}
div#angebotsadresse, div#ausfuehrende-firma {
  float:left;
}
div#warmwasseraufbereitung, div#raumheizung, div#schwimmbaderwaermung {
  display:none;
}
/* START Windsuction calculator */
form#windSuctionForm label.label-fullwidth {
  width:100%;
}
form#windSuctionForm input.radio {
  margin:0px 0px 10px 0px;
}
form#windSuctionForm * {

}
form#windSuctionForm label, form#windSuctionForm input {
  float:left;
}
form#windSuctionForm label {
  width:138px;
  padding-top:4px;
}
form#windSuctionForm input {
}
form#windSuctionForm input.text {
  background-color:#fafaf9;
  border:#c6c6c2 1px solid;
  width:50px;
  margin:0px 5px 7px 0px;
}
form#windSuctionForm input.longer {
  width:172px;
}
form#windSuctionForm fieldset {
  width:363px;
  margin:0;
  padding:0;
  border:none;
}
form#windSuctionForm fieldset.left-column {
  float:left;

}
form#windSuctionForm fieldset.right-column {
  float:right;
}
div#windSuctionCalculation-result table td {
  border: 0;
  text-align:center;
}

div#windSuctionCalculation-result table{
  width: 500px;
  clear:both;
  border-collapse: collapse;
}

div#windSuctionCalculation-result tr{
  border-bottom: 2px solid white;
}

div#windSuctionCalculation-result td{
  height: 30px;
  vertical-align: middle;
}

div#windSuctionCalculation-result{
  top-margin:100px;
}

div#windSuctionCalculation-result {
  clear:both;
}

div#windSuctionCalculation-result .sideLength{
  width: 150px;
  float:left;
  margin-bottom: 40px;

}

div#windSuctionCalculation-result .sideLength td {
  height: 15px;
  padding-left:30px;
  text-align: left; !important

}

/* Drop down styles*/
div.selectbox-wrapper {
  position:absolute;
  width:400px;
  background-color:white;
  border:1px solid #ccc;
  margin:23px 0px 0px 138px;
  padding:0px;
  text-align:left;
  max-height:200px;
  overflow:auto;
}

* + html div.selectbox-wrapper {
   position:absolute;
   display:block;
   margin:23px 0px 0px -185px;
   float:left;
}
* + html form#windSuctionForm a.rzcolorbox {
  position:absolute;
}

/*Drop down list styles*/
div.selectbox-wrapper ul {
  list-style-type:none;
  margin:0px;
  padding:0px;
}
/* Selected item in dropdown list*/
div.selectbox-wrapper ul li.selected {

}

/* Hover state for dropdown list */
div.selectbox-wrapper ul li.current {
  background-color: #CCC;
}

/* Drop down list items style*/
div.selectbox-wrapper ul li {
  list-style-type:none;
  display:block;
  margin:0;
  padding:2px;
  cursor:pointer;
}
form#windSuctionForm .windsog-submit {
  background: url(../rootBramac/Bramac_Austria/Produkte/Windsogberechner/berechnen.jpg);
  color: transparent;
  background-repeat: no-repeat;
  float: right;
  border: 0px;
  height: 43px;
  width: 198px;
  margin-right: 32px;

}

form#windSuctionForm .windsog-submit:hover {
  cursor:pointer;
}

/* Look and feel of select box */
form#windSuctionForm .selectbox
{
  margin: 0px 5px 10px 0px;
  padding-left:0px;
  font-family:Verdana, Geneva, Arial, Helvetica, sans-serif;
  font-size:1em;/* Resize Font*/
  width : 180px; /* Resize Width */
  height:23px;
  display : block;
  text-align:left;
  /*background: url('fileadmin/scripts/windSuction/images/bg_select.png') right;*/
  background: url('../scripts/windSuction/images/bg_select.gif') right;
  background-repeat:no-repeat;
  cursor: pointer;
  border:none;
}


.row-1{
  background-color: #acaca8;
  color: #000;
  font-weight: bold;
}

.row-2{
  background-color: #acaca8;
  color: #000;
  font-weight: bold;
}

.row-blue{
  background-color: #4bb3da;
  color: #000;
  font-weight: bold;
}

.row-3{
  background-color: #e4311f;
  color: #000;
  font-weight: bold;
}
.row-4{
  background-color: #ffeb63;
  color: #000;
  font-weight: bold;
}

#bramac-adresse{
  display:none;
}

form#windSuctionForm .ergebnis{
  float:left;
  font-size: 2.5em;
  line-height: 1em;
  margin-top: 50px;
  margin-bottom: 10px;
  font-weight: normal;
  width: 170px;
}
form#windSuctionForm .datum{
  float: left;
  font-size: 12px;
  line-height: 1em;
  margin-top: 65px;
  margin-bottom: 35px;
  font-weight: normal;
}

.koordinate{
  text-transform: uppercase;
}

.sideLength{
  font-weight:bold;
  color:#000;
}

div#windSuctionCalculation-result table.befestigung td{
  text-align:left; !important
}

.onlyprint {
  display:none;  
}

/* END Windsuction calculator */
.tx-wssitemap-pi1 .treemenudiv {
    clear: both;
}
.form-si {
  float:left;
  width:100px;
}
.form-si-input {
  float:left;
  margin-bottom:10px;
}
table.formular-si {
  display:none;
}
.full-input {
  width:300px;
}
table.tmail h3 {
  margin:0px;
  padding:0px;
}
.form-bramactherm {
  float:left;
  width:80px;
}
a.dachgeschichten-link {
  text-decoration:underline;
  cursor:pointer;
}
iframe.dachgeschichten-iframe1, iframe.dachgeschichten-iframe2 {
  float:left;
  overflow:hidden;
  height:1140px;
  width:520px;
  border:none;
  margin-bottom:30px;
}
iframe.dachgeschichten-iframe2 {
  height:920px;
}

/*Symposium Formular*/

.tx-sremailsubscribe-pi1{
  width:550px;
}

.tx-sremailsubscribe-pi1 legend{
  display:none;
}

.tx-sremailsubscribe-pi1 fieldset{
  border:none;
  margin:0px;
  padding:0px;
}
.tx-sremailsubscribe-pi1 td{
  padding:5px 0px;
}

p.tx-sremailsubscribe-pi1-error{
  margin:0px;
}

.tx-sremailsubscribe-pi1-error, .tx-sremailsubscribe-pi1 span{
  color:#E20000;
}

.tx-sremailsubscribe-pi1 .ich_komme input, .tx-sremailsubscribe-pi1 .zimmer_reservierung input{
  margin-left:35px;
}

.tx-sremailsubscribe-pi1 .kosten_info, .tx-sremailsubscribe-pi1-notice{
  font-style:italic;
}

.tx-sremailsubscribe-pi1 textarea{
  margin-top:7px;
  font-family:Arial, Helvetica, sans-serif;
  font-size:12px;
  color:#666;
}

#header-slider a{
    display:block;
}

/* Fancylightbox */
/*! fancyBox v2.0.4 fancyapps.com | fancyapps.com/fancybox/#license */
.fancybox-tmp iframe, .fancybox-tmp object {vertical-align: top;padding: 0;margin: 0;}

.fancybox-wrap {position: absolute;top: 0;left: 0;z-index: 1002;}

.fancybox-outer {padding: 0;margin: 0;background: #f9f9f9;color: #444;text-shadow: none;-webkit-border-radius: 4px;-moz-border-radius: 4px;border-radius: 4px;}

.fancybox-opened {z-index: 1003;}

.fancybox-opened .fancybox-outer {-webkit-box-shadow: 0 10px 25px rgba(0, 0, 0, 0.5);-moz-box-shadow: 0 10px 25px rgba(0, 0, 0, 0.5);box-shadow: 0 10px 25px rgba(0, 0, 0, 0.5);}

.fancybox-inner {width: 100%;height: 100%;padding: 0;margin: 0;position: relative;outline: none;overflow: hidden;}

.fancybox-error {color: #444;   font: 14px/20px "Helvetica Neue",Helvetica,Arial,sans-serif;margin: 0;padding: 10px;}

.fancybox-image, .fancybox-iframe {display: block;width: 100%;height: 100%;border: 0;padding: 0;margin: 0;vertical-align: top;}

.fancybox-image {max-width: 100%;max-height: 100%;}

#fancybox-loading {position: fixed;top: 50%;left: 50%;margin-top: -21px;margin-left: -21px;width: 42px;height: 42px;background: url('fancybox_loading.gif');opacity: 0.8;cursor: pointer;z-index: 1010;}

.fancybox-close, .fancybox-prev span, .fancybox-next span {background-image:url(grafiken/fancybox_sprite.png);}

.fancybox-close {position: absolute;top: -18px;right: -18px;width: 36px;height: 36px;cursor: pointer;z-index: 1004;}

.fancybox-prev, .fancybox-next {position: absolute;top: 0;width: 40%;height: 100%;cursor: pointer;background: transparent url('blank.gif'); /* helps IE */z-index: 1003;}

.fancybox-prev {left: 0;}

.fancybox-next {right: 0;}

.fancybox-prev span, .fancybox-next span {position: absolute;top: 50%;left: -9999px;width: 36px;height: 36px;margin-top: -18px;cursor: pointer;z-index: 1003;}

.fancybox-prev span {background-position: 0 -36px;}

.fancybox-next span {background-position: 0 -72px;}

.fancybox-prev:hover, .fancybox-next:hover {visibility: visible;}

.fancybox-prev:hover span {left: 20px;}

.fancybox-next:hover span {left: auto;right: 20px;}

.fancybox-tmp {position: absolute;top: -9999px;left: -9999px;padding: 0;overflow: visible;visibility: hidden;}

/* Overlay helper */

#fancybox-overlay {position: absolute;top: 0;left: 0;overflow: hidden;display: none;z-index: 1001;background: #000;}

/* Title helper */

.fancybox-title {visibility: hidden;  font: normal 13px/20px "Helvetica Neue",Helvetica,Arial,sans-serif;position: relative;text-shadow: none;z-index: 1005;}

.fancybox-opened .fancybox-title {visibility: visible;}

.fancybox-title-float-wrap {position: absolute;bottom: 0;right: 50%;margin-bottom: -35px;z-index: 1003;text-align: center;}

.fancybox-title-float-wrap .child {display: inline-block;margin-right: -100%;padding: 2px 20px;background: transparent; /* Fallback for web browsers that doesn't support RGBa */background: rgba(0, 0, 0, 0.8);-webkit-border-radius: 15px;   -moz-border-radius: 15px;border-radius: 15px;text-shadow: 0 1px 2px #222;color: #FFF;font-weight: bold;line-height: 24px;white-space: nowrap;}

.fancybox-title-outside-wrap {position: relative;margin-top: 10px;color: #fff;}

.fancybox-title-inside-wrap {margin-top: 10px;}

.fancybox-title-over-wrap {position: absolute;bottom: 0;left: 0;color: #fff;padding: 10px;background: #000;background: rgba(0, 0, 0, .8);}

#colorbox, #cboxOverlay, #cboxWrapper {
}





/* Bramac si Disclaimer */

#icd {
  position: fixed;
  left: 0;
  bottom: 0;
  /*padding: 22px 0 29px;*/
  padding: 15px 0 10px;
  width: 100%;
  text-align: left;
  font-size: 12px !important;
  background: #222;
  background: rgba(0,0,0,.85);
  z-index: 9999;
}

.icd_inr{
  padding-left:5px;
}

#icd * {
  font-family: arial;
  color: #fff;
  line-height: 1.2;
}
#icd .icd_wrp {
  position: relative;
  margin: 0 auto;
  padding: 0;
  max-width: 1140px;
  background: url(grafiken/eu-cookie.png) 20px 0 no-repeat;
}
#icd .icd_wrp:after {content: ""; display: block; width: 100%; overflow: hidden; clear: both;}

#icd .icd_lf, 
#icd .icd_rt {
  width: 50%;
  float: left;
}
#_iCD .icd_inr {
  padding: 0 20px;
}
#icd .icd_lf .icd_inr {
  padding-left: 109px;
  min-height: 68px;
}
#icd .icd_lf .icd_inr:after {
  content: "";
  display: block;
  position: absolute;
  left: 50%;
  top: 0;
  border-right: 1px solid #999;
  border-color: rgba(255,255,255,.5);
  height: 100%;
}
#icd .icd_lf a {
  font-weight: bold !important;
  color: #999;
  border-bottom: 1px dotted #999;
  text-decoration: none !important;
}
#icd .icd_lf a:hover {color:#b9b9b9; border:none;}
#icd .icd_bkg { display: none; }
#icd h3 {
  margin: 0;
  padding: 0 0 8px;
  font-size: 14px;
  font-weight: bold;
}
#icd p {
  font-size: 12px;
}
#icd .icd_btn:after {content: ""; display: block; width: 100%; overflow: hidden; clear: both;}
#icd .icd_btn  a {
  display: block;
  float: left;
  margin: 0 10px 10px 0;
  padding: 3px 10px;
  color: #000;
  background: #fff;
  border-radius: 3px;
  text-decoration: none !important;
}
#icd .icd_btn  a:hover {background:#ccc; text-decoration: none !important;}
#icd .icd_btn  a strong {color: #000;}

#icd .icd_chk  {position: relative; clear: both;}
#icd .icd_chk  input {
  margin: 0;
  vertical-align: text-top;
}
#icd .icd_chk  label {
  position: relative;
  display: inline !important;
  margin: 0;
  padding: 0 0 0 5px;
  font-weight: normal !important;
  font-size: 12px !important;
}
#icd_switch {
  background: url(grafiken/eu-cookie.png) 20px 0 no-repeat;
  position:absolute;
  bottom:10px;
  margin:0px auto;
  width:68px;
  height:68px;
}
.icd_conf {
  cursor:pointer;
}

div.bild-text-container {
  float:left;
  margin:0 4px;  
}
div.csc-textpic-image {
  float:left;
  margin-bottom:4px;  
}
div.csc-textpic-image a {
  cursor:pointer;  
}

div.submenu-item-container div.bg-priceblock {
  background-image:none;
  margin-bottom:10px;
  height:172px;
}
.price-block {
  /*margin-top: -7px;*/
  position:absolute;
  bottom:-24px;
  width:100%;
  height: 32px;
  background-image: url(grafiken/bg_schatten_1010px.png);
  background-position: -6px 22px;
  background-repeat: no-repeat;
}
.price-block .price-link {
  background-color: #f2f2f0;
  height: 17px;
  display: block;
  color:#666;
  padding-top: 5px;
  padding-left: 4px;
  text-decoration:none;
}
.price-block a.price-link:hover {
  color:#e20000;
}

/*** BRAMAC.BG Promo Leiste ***/

.footer1{
  position:fixed;
  bottom:0px;
  width:1010px;
  height:42px;
  background-color:#B42729;
  z-index:100;
  color:#FFF;
  line-height:42px;
  margin: 0 auto;
  margin-left:-505px;
  left:50%;
}

.footer_left{
  float:left;
  margin-left:20px;
  font-size:16px;
}

.footer_left a{
  color:#FFF;
  margin-left:12px;
  font-size:15px;
  text-decoration:underline;
}

.footer_left a:hover{
  text-decoration:none;
}

.youtube_icon a{
  /*background-image: url(http://interactive-share.com/clients/bramac/landing/img/youtube_icon.png);*/
  background-image:url(grafiken/youtube_icon.png);
  width: 42px;
  height: 42px;
  float: right;
  border-left: 1px solid #FFF;
}

.fb_icon a{
  /*background-image:url(http://interactive-share.com/clients/bramac/landing/img/fb_icon.png);*/
  background-image:url(grafiken/fb_icon.png);
  width:42px;
  height:42px;
  float:right;
  border-left:1px solid #FFF;
}

.phone1{
  float:right;
  margin-right:20px;
  font-weight:bold;
  font-size:16px;
  margin-top:2px;
}

.close_f_btn {
  position:absolute;
  margin-top:-28px;
  margin-left:992px;
  cursor:pointer;
}

.tmail-error-text {
  color:red;
  font-weight:bold;
}
.tmail-required {
  color:red;
  font-weight:bold;
}

/*Dachschaden Gewinnspiel Form*/

.tx-powermail-pi1 #dachschaden_gewinnspiel label{
  width:150px;
}

.tx-powermail-pi1 #dachschaden_gewinnspiel input.powermail_text{
  width:250px;
  height:20px;
}

.tx-powermail-pi1 #dachschaden_gewinnspiel input.powermail_uid72{
  width:100px;
}

.tx-powermail-pi1 #dachschaden_gewinnspiel .powermail_check_inner input,.tx-powermail-pi1 #gutscheinanforderung .powermail_check_inner input{
  float:right;
}

.tx-powermail-pi1 #dachschaden_gewinnspiel .powermail_check_inner label{
  width:150px;
  /*float: right;*/
  /*margin-top:3px;
  margin-left:5px;*/
}

div.powermail_check_inner_uid101_0 {
  width:170px;
}

div.powermail_check_inner_uid99_0 {
  width:130px;
}

#powermaildiv_uid77{
  margin-top:15px;
}

.tx-powermail-pi1 #dachschaden_gewinnspiel .tx_powermail_pi1_fieldwrap_html_submit{
  margin-left:151px;
}
.dachschaden-banner-link{
  /*display:none;*/
  position: absolute;
    right: 0;
    top: 90px;
}

/*SK NL Button */

.sk_nl_button{
  font-size:0.9em;
  text-transform:uppercase;
}
.sk_nl_button a{
  color:#fff;
  padding:8px 13px;
  display:inline-block;
  text-decoration:none;
  background-image:url(grafiken/menuebene1_bg.gif);
  background-repeat:repeat-x;
  /*width:260px;
  height:30px;*/
  overflow:hidden;
}

.news-single-related DD, .news-single-links DD, .news-single-files DD{
  clear:both;
  margin-top:5px;
}

/* Gutschein anforderung ADAA */
.tx-powermail-pi1_fieldset_8 label{
  width:150px;
}

.tx-powermail-pi1_fieldset_8 input.powermail_text{
  width:200px;
}

.tx-powermail-pi1 .tx-powermail-pi1_fieldset_8 .tx_powermail_pi1_fieldwrap_html_submit{
  margin-left:152px;
}

.noseefield{
  position: absolute;
  left: -999em;
}

table.mailformplus-dsgvo-wrapper {
  margin: 10px 0 10px 0;
}