* {
border:0;
margin:0;
padding:0;
}

html,body {
color:#000;
font-family: Roboto, arial, sans-serif, helvetica;
background-image: url('../gfx/pagebackground.png');
background-position: center;
font-size: 14px;
line-height: 15px;
}

a:link,a:active,a:visited {
color: #0B3484;
text-decoration:none;
}

h1 {
    color: #0b3484;
    font-size: 22px;
    font-weight: bold;
    margin-bottom: 13px;
    text-align: left;
    line-height: 22px;
}


h5 {
    font-size: 12px;
}

#farben h1 {
    background: none repeat scroll 0 0 #E6E7E9;
    font-size: 13px;
    padding: 2px 0 2px 6px;
    width: 216px;
}

#farben dd {
    font-size: 10px;
    font-weight: normal;
    line-height: 10px;
}

#farben p {
    font-size: 11px;
    font-weight: normal;
    line-height: 12px;
    width: 188px;
}

/* breadcrumps */
.rootline {
    border-top: 1px solid #ccc;
    clear: both;
    font-size: 12px;
    padding: 20px 0 36px;
    width: 672px;
    margin: 80px 0 0;
}

.rootline_arrow {
    background: url("/fileadmin/template/img/listicon.png") no-repeat scroll 0 4px transparent;
    float: left;
    margin: 0 0 0 7px;
    padding: 0 0 0 10px;
}

.rootline_arrow:first-child {
    background: rgba(0, 0, 0, 0) none repeat scroll 0 0;
    margin: 0;
    padding: 0;
}

.rootline a {
  text-decoration: none;
}

#socialshareprivacy {
    border-top: 1px solid #ccc;
    padding: 11px 0 23px;
    width: 672px;
}

#socialmedia {
    position: relative;
    left: 29px;
    top: -53px;
    width: 242px;
    display: block;
    overflow: hidden;
    height: 36px;
}

#socialmedia img {
    width: 32px;
    height: 32px;
    margin: 0 10px 0 0;
}

h2 {
text-transform:uppercase;
font-size:13px;
}

h3 {
color:#003f8a;
font-size:18px;
margin-bottom:4px;
}

h4 {
color:#000;
font-size:13px;
margin-bottom:2px;
}

dd.csc-textpic-caption {
  font-size:11px;
  color: #777;
  padding: 3px 0 0 1px;
  }



/* Begin - Neue Positionierung 2015 *********************************************/

#master-2015 {
    margin: 0 auto 20px;
    display: block;
    width: 1000px;
    background: none repeat scroll 0 0 #fff;
}

#head-2015 {
    background: none repeat scroll 0 0 #0B3484;
  height: 68px;
}

#logo {
    padding: 12px 0 9px 790px;
    width: 191px;
}

#page-2015 {
    
}

#background {
z-index:1;
width: 1000px;
float: left;
/*border-top: 1px solid silver;*/
clear: both;
background-color: white;
}

#nav-2015 {
    clear: both;
    float: left;
    width: 270px;
  min-height: 1230px;
}

#content-2015 {
    float: right;
    width: 698px;
}

#navi {
background: #fff;
    font-size: 13px;
    height: 440px;
    margin: 10px 0 0 30px;
    text-transform: none;
    width: 231px;
    z-index: 3;
    padding: 8px 1px 0 8px;
}

#navi .menu {
    background: url("/fileadmin/template/gfx/sprite.png") repeat scroll 0 -180px transparent;
}

#navi ul.menu {
    list-style-type: none;
    width: 223px;
}

#navi ul.menu ul.menu {
    list-style-type: none;
    width: 172px;
}

#navi ul.menu ul.menu ul{
    list-style-type: none;
    width: 550px;
    box-shadow: 4px 4px 9px 0 #666666;
}

#navi ul.menu ul.menu {
  margin-left: 223px; 
    margin-top: -46px; 
    position: relative;
    display: none;
    z-index:999;
    border-top: 1px solid #ccc;
     box-shadow: 4px 4px 9px 0 #666666;
}

#navi ul.menu li.hover ul.menu, 
#navi ul.menu li:hover ul.menu  {
  display: block;  
}

#navi .level1, 
#navi .level2, 
#navi .level3, 
#navi .level4 {
    border-top: 1px solid #ccc;
    height: 46px;
    width: 223px;
    /*line-height: 45px;*/
}

#navi .mainbutton a {
    display: block;
    height: 39px;
    line-height: 18px;
    padding: 4px 82px 0 8px;
    width: 133px;
}

#navi .subbutton a {
    height: auto;
    padding: 6px 25px 7px 6px;
    width: 140px;
}

#navi .menu .subbutton {
    border-bottom: 1px solid #ccc;
    border-left: 1px solid #ccc;
}

#navi li .subbutton {
    background: url("/fileadmin/template/gfx/sprite.png") no-repeat scroll -277px -295px #eff2f4;
}

#navi li .subbutton.hover, 
#navi li .subbutton:hover {
    background: url("/fileadmin/template/gfx/sprite.png") no-repeat scroll -503px -295px #ffffff;
}

/* Dritte Ebene */
#navi ul.menu li.level1.hover ul.menu ul, 
#navi ul.menu li.level1:hover ul.menu ul {
  display: none;
    top: -13px; 
  z-index: 99;
  position: absolute;
  left: 172px;
}

#navi ul.menu li.level2.hover ul.menu ul, 
#navi ul.menu li.level2:hover ul.menu ul {
  display: none;
    top: -57px; 
  z-index: 99;
  position: absolute;
  left: 172px;
}

#navi ul.menu li.level3.hover ul.menu ul, 
#navi ul.menu li.level3:hover ul.menu ul {
  display: none;
    top: -105px; 
  z-index: 99;
  position: absolute;
  left: 172px;
}

#navi ul.menu li.level4.hover ul.menu ul, 
#navi ul.menu li.level4:hover ul.menu ul {
  display: none;
    top: -152px; 
  z-index: 99;
  position: absolute;
  left: 172px;
}
 
/* Dritte Ebene anzeigen */
#navi ul.menu li.hover ul.menu li.hover ul, 
#navi ul.menu li:hover ul.menu li:hover ul {
  display: block;
}

#navi .glas {
  padding: 8px;
  background: #fff;
  }
  
#navi .frame {
    background: white;
    border: 1px solid #e3e3e3;
    padding: 6px 16px 0;
    line-height: 27px;
    font-size: 18px;
} 

#navi .frame a {
    padding: 0;
    width: auto;
}

#navi .frame .csc-textpic-intext-left-nowrap img {
    padding: 23px 0 0;
}




#content-2015 #picoverlay {
    height: 294px;
    margin: 18px 24px 0 0;
}

#content-2015 #picoverlay .csc-default {
    margin: 0;
}

#content-2015 #picoverlay h1 {
    color: #0B3484;
    font-size: 30px;
    font-weight: bold;
    text-shadow: 6px 6px 14px #FFFFFF, -6px -6px 14px #FFFFFF;
    line-height: 33px;
}

#content-2015 #picoverlay h2 {
    color: #0B3484;
    font-size: 20px;
    font-weight: bold;
    text-transform: none;
    text-shadow: 6px 6px 14px #FFFFFF, -6px -6px 14px #FFFFFF;
    line-height: 22px;
}

#content-2015 #picoverlay p {
  color: #FFFFFF;
    font-size: 15px;
    font-weight: normal;
    text-shadow: 1px 1px 1px black;
  font-weight: normal;
}

#content-2015 #maincontent {
    margin: 8px 24px 0 0;
}

/* Ende - Neue Positionierung 2015 ******************************************************/


.button {
  background-color: #04AA6D;
  border: none;
  color: white;
  padding: 15px 32px;
  text-align: center;
  text-decoration: none;
  display: inline-block;
  font-size: 16px;
  margin: 4px 2px;
  cursor: pointer;
}

#submenu2 #blackmatt.blackmattlin{
  width: 202px;
  display: table-cell;
  background: #ff6609 !important;
  padding: 10px 10px 8px;
  text-align: center;
  clear: both;
  height: 30px;
  vertical-align: middle;
  line-height: 120%;
}



.blackmattlink2{
  width: 202px;
  display: table-cell;
  background: #ff6609 !important;
  padding: 10px 10px 8px;
  text-align: center;
  clear: both;
  height: 30px;
  vertical-align: middle;
  line-height: 120%;
}




#language {
    float: left;
    font-size: 0;
    margin: 16px 0 12px 1px;
    width: 120px;
}

#language img {
padding: 0 6px 0 0;
}

.ui-tabs img {
    padding: 20px 0 0;
}



#page {
    left: 0;
    min-height: 800px;
    position: relative;
    top: 10px;
    width: 1000px;
    z-index: 2;
}










#suchbox {
 width: 221px;
 height: 22px;
 border: 1px solid #999;
 margin: 20px 0 0;
}

#newjob {
    height: 23px;
    margin: -338px -29px 0;
    overflow: hidden;
    width: 35px;
}

#snippet {
    height: 136px;
    margin: 0;
    overflow: hidden;
}
 
.align-justify {
    text-align: justify;
}
.align-right {
    text-align: right;
}
  
.tx-macinasearchbox-pi1 #input_field {
width: 198px;
height: 22px;
  }
  
.tx-macinasearchbox-pi1 #input_img {
background: url('/fileadmin/template/gfx/lupe.gif');
 height: 22px;
    vertical-align: bottom;
    width: 20px;
    float: right;
  }
  
.tx-indexedsearch {
  font-size: 12px;
  }

.tx-indexedsearch table{
  width: 100%;
  }
.tx-indexedsearch table td{
  padding: 7px 10px 0 0;
    white-space: normal;
  }
.tx-indexedsearch .tx-indexedsearch-res .tx-indexedsearch-info {
    background: none repeat scroll 0 0 ;
    font-size: 10px;
}
.tx-indexedsearch .tx-indexedsearch-res TD.tx-indexedsearch-descr {
    font-style: normal;
}
.tx-indexedsearch .tx-indexedsearch-res .tx-indexedsearch-descr .tx-indexedsearch-redMarkup {
    color: #0000ff;
}

.tx-indexedsearch .tx-indexedsearch-title.title {
    font-size: 16px;
    line-height: 15px;
}
.tx-indexedsearch .tx-indexedsearch-browsebox {
    background: none repeat scroll 0 0 white;
    border-left: 1px solid #eee;
    border-right: 1px solid #eee;
    border-bottom: 1px solid #eee;
    margin: 0 0 10px;
    padding: 10px;
}
.tx-indexedsearch .tx-indexedsearch-whatis {
    background: none repeat scroll 0 0 white;
    margin: 0;
    border-left: 1px solid #eee;
    border-right: 1px solid #eee;
    border-top: 1px solid #eee;
    padding: 10px 10px 0;
}
.tx-indexedsearch-browsebox ul {
    margin: 6px 0 0 !important;;
    overflow: hidden;
}
.tx-indexedsearch-browsebox a {
    white-space: nowrap;
}

#search label {
  display: none;
}

#infoleiste {
    width: 674px;
    z-index: 2;
    height: 120px;
}

#content {
    margin: 33px 0 0;
    z-index: 20;
}

#c15110 #videocontent,
#c15111 #videocontent,
#c15112 #videocontent,
#c15113 #videocontent{
    border: 1px solid #0b3484;
    box-sizing: border-box;
    margin: 3em 0 0 0;
    padding: 0;
    box-shadow: 2px 2px 6px #999;
   max-width: 670px;
    height: 378px;
overflow: hidden;
}

#videocontent {
   
}

#videocontent video {
width: 100%;
height: auto;
}

#beratung {
    float: left;
    height: 74px;
    margin: 153px 0 0 794px;
    width: 231px;
    background: url('/fileadmin/template/gfx/button_produktberater.png');
    visibility: hidden;
    position: absolute;
}

#beratung img {
margin: 15px 0 0 7px;
}


#preview {
  left: auto;
    position: fixed;
    top: 11px;
    width: 534px;
}


#sitemenu {
    background: none repeat scroll 0 0 #F7F7F7;
    border-bottom: 1px solid #DDDDDD;
    border-top: 1px solid #DDDDDD;
    float: left;
    font-size: 13px;
    margin: 32px 0 0;
    width: 100%;
  display: none;
}

#haftung {
    float: left;
    font-size: 10px;
    margin: 20px 0 0;
    width: 100%;
    color: #999;
    text-align: center;
}



/* table td {
  padding: 4px 32px 4px 4px;
  text-align: left;
    vertical-align: top;
    white-space: nowrap;
  }*/
  
td p, table ul {
  font-size: 11px;
  line-height: 14px;
  color: #444;
  }
  
th p {
  font-size: 11px;
  line-height: 11px;
  color: #333;
  font-weight: normal;
  }
  
p {
  line-height: 18px;
  color: #333;
  font-size: 14px;
  }

sup {
  color: #aaa;
  }
  
.stripedtable .th-1 {
    width: 300px;
    padding: 6px 0 5px 6px;
  }

.stripedtable th {
  padding: 4px;
  }  
  
.stripedtable .td-last {
  padding: 4px;
  }

.stripedtable .th-last {
  width: 76px;
  }
  
.stripedtable .internal-link {
    line-height: 21px !important;
}




**********************************/


/* Sumbenu 1 */

/* Some stylesheet reset */
#submenu1 > ul {
  list-style: none;
  margin: 0;
  padding: 0;
  vertical-align: baseline;
  line-height: 1;
}
/* The container */

#submenu1 > ul {
    border-top: 1px solid #ccc;
    display: block;
    position: relative;
    width: 223px;
}

/* The list elements which contain the links */
#submenu1 > ul li {
  display: block;
  position: relative;
  margin: 0;
  padding: 0;
  width: 100%;
}

/* General link styling */
#submenu1 > ul li a {
  display: block;
  position: relative;
  margin: 0;
  border-top: 1px solid #ccc;
  padding: 5px 8px;
  text-decoration: none;
  text-shadow: 0 -1px 0 #fff;
  background: #eff2f4;
}


#submenu1 > ul li:first-child > a {
  border-top: 0;
}


#submenu1 > ul li:last-child > a {
  border-bottom: 1px solid #ccc;
}


/* The hover state of the menu/submenu links */
#submenu1 > ul li a:hover,
#submenu1 > ul li:hover > a {
 /* text-shadow: 0 1px 0 rgba(0, 0, 0, 0.25);*/
  background: #fff;
  background: -webkit-linear-gradient(#eff2f4, #fff);
  background: -moz-linear-gradient(#eff2f4, #fff);
  background: linear-gradient(#eff2f4, #fff);
}


/* The arrow indicating a submenu *//* The arrow indicating a submenu *//* The arrow indicating a submenu *//* The arrow indicating a submenu */
#submenu1 > ul .has_sub > a::after {
  content: "";
  position: absolute;
  top: 9px;
  right: 7px;
  width: 0px;
  height: 0px;
  border: 4px solid transparent;
  border-left: 4px solid #0b3484;
}

/* The same arrow, but with a darker color, to create the glow effect */
#submenu1 > ul .has_sub > a::before {
  content: "";
  position: absolute;
  top: 8px;
  right: 7px;
  width: 0px;
  height: 0px;
  border: 4px solid transparent;
  border-left: 4px solid #fff;
}


/* Changing the color of the arrow on hover */
#submenu1 > ul li > a:hover::after,
#submenu1 > ul li:hover > a::after {
  border-left: 4px solid #999;
}


/* THE SUBMENUS */
#submenu1 > ul ul {
  position: absolute;
  left: 100%;
  top: -9999px;
  border-color: #ccc;
  border-style: solid;
  border-width: 1px 1px 0;
  width: 170px;
  box-shadow: 4px 4px 9px 0 #666666;
}


#submenu1 > ul ul li a {
  font-size: 12px;
}
/* Showing the submenu when the user is hovering the parent link */
#submenu1 > ul li:hover > ul {
  top: 0;
  z-index: 999;
}



/**********************************/




/* Sumbenu 2 */

#submenu2 {
    margin: 8px 0 0 0;
}

ul.submenu2 li {
  font-size: 12px;
  height: 18px;
    padding: 0 0 6px 12px;
  }
  
ul.submenu2, ul.submenu2 ul {
    list-style-type: none;
    width: 223px;
}
 
ul.submenu2 a {
    display: block;
    padding: 0;
    font-weight: normal;
    color: white;
    padding: 3px 0 4px 9px;
}

ul.submenu2 a:hover {
  color: #0B3484;
    display: block;
    padding: 0;
    font-weight: normal;
    padding: 3px 0 4px 9px;
}
 
ul.submenu2 li {
    margin: 0;
    float: none;
}

ul.submenu2 li {
    float:none;
    background: url("/fileadmin/template/gfx/sub_button.png") repeat scroll left 0;
}
  
ul.submenu2 li.has_sub {
    float:none;
    background: url("/fileadmin/template/gfx/sub_button.png") repeat scroll left 0;
}
 
ul.submenu2 li.hover, ul.submenu2 li:hover {
    background: url("/fileadmin/template/gfx/sub_button.png") repeat scroll left -24px;
}
ul.submenu2 li.hover.has_sub, ul.submenu2 li:hover.has_sub {
    background: url("/fileadmin/template/gfx/sub_button.png") repeat scroll left -24px;
}



/* zweite Ebene */
ul.submenu2 ul {
              margin-left: 211px;
              margin-top: -23px; 
              position: relative;
              display: none;
              width: 300px;
              
              z-index: 999;
     }
 
ul.submenu2 li.hover ul, ul.submenu2 li:hover ul  {
               display: block;   
                border-bottom: 1px solid #CCCCCC;
    border-left: 1px solid #CCCCCC;
    border-right: 1px solid #CCCCCC;
              z-index: 999;
              box-shadow: 4px 4px 9px 0 #666666;            
   }
   


ul.submenu2 ul li.hover, ul.submenu2 ul li:hover {
     background: #ededed none repeat scroll 0 0;
}

.submenu2 li ul li {
    background: #d2d2d2 none repeat scroll 0 0;
    height: auto;
    padding: 0;
}

.has_sub .submenu2 a {
    color: #0B3484;
}


           
#submenu2 #div-logos {
  overflow: hidden;
    display: block;
    width: 222px;
}

#submenu2 #tuev-logo {
    float: left;
    height: 42px;
    margin: 0 15px 0 0 ;
}
#submenu2 #mig-logo {
    height: 42px;
    margin: 0 15px 0 0;
    float: left;
}
#submenu2 #zjg-logo {
    float: left;
    height: 42px;
    margin: 0 17px 0 0;
}

#submenu2 #qzv-logo {
  float: left;
  margin: 13px 0 0 0;
  max-width: 42px;
}

             

.block-orange {
  background-color: #F18E00;
  margin: 0 0 6px;
  }
.block-green {
  background-color: #C3C100;
  margin: 0 0 6px;
  }
.block-violet {
  background-color: #951865;
  margin: 0 0 6px;
  }
.block-blue {
  background-color: #003F8A;
  margin: 0 0 6px;
  }
.tabelle-grau {
  background: url("/fileadmin/template/gfx/table_bg.png") repeat-y scroll left 0;
  width: 648px;
  }



div.frame p {
  font-size: 12px;
  line-height: 15px;
  }


p a {
  /* background: url("/fileadmin/template/gfx/sprite.png") no-repeat scroll 0 -367px transparent;
  padding: 0 0 0 11px;
   margin: 0 0 0 2px;*/
  }
p a:hover {
  color: #999;
  /*background: url("/fileadmin/template/gfx/sprite.png") no-repeat scroll 0 -381px transparent;*/
  text-decoration: underline;
  }

div.tx-flvplayer2-pi1 {
    box-shadow: 0 0 11px 0 #061B45;
    box-shadow: 0 0 11px 0 #444444;
    margin: 0 4px;
    overflow: hidden;
    width: 668px;
    height: 398px;
}

.frame > a {
    color: #999999;
    font-size: 16px;
margin: 0 0 4px;
}

.csc-default {
    margin: 0 0 20px;
}

.csc-space-before-10 {
    margin-top: 10px !important;
}

.spalte_links {
    float: left;
    margin: 0 20px 20px 0;
    width: 316px;
}


.spalte_rechts {
    float: right;
    margin: 0 0 20px;
    width: 316px;
}


.float_left {
  float: left;
  }

.spalte_links h2, .spalte_rechts h2 {
    font-size: 16px;
    text-transform: none;
    color: #0B3484;
    margin: 0 0 6px;
    line-height: 20px;
}

.spalte_links .csc-textpic-imagewrap, .spalte_rechts .csc-textpic-imagewrap {
    background: none !important;
}

/* .haendlerverzeichnis ul {
    margin: 0 !important;
}

.haendlerverzeichnis h2 {
    margin: 8px 0 7px;
}

.haendlerverzeichnis {
    border: 1px solid #DDDDDD;
    margin: 10px 0 0;
    padding: 0 0 0 8px;
    background: rgb(240,240,240);
  background: -moz-linear-gradient(top,  rgba(240,240,240,1) 0, rgba(255,255,255,1) 165px);
  background: -webkit-gradient(linear, left top, left bottom, color-stop(0,rgba(240,240,240,1)), color-stop(165px,rgba(255,255,255,1)));
  background: -webkit-linear-gradient(top,  rgba(240,240,240,1) 0,rgba(255,255,255,1) 165px);
  background: -o-linear-gradient(top,  rgba(240,240,240,1) 0,rgba(255,255,255,1) 165px);
  background: -ms-linear-gradient(top,  rgba(240,240,240,1) 0,rgba(255,255,255,1) 165px);
  background: linear-gradient(top,  rgba(240,240,240,1) 0,rgba(255,255,255,1) 165px);
  filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#f0f0f0', endColorstr='#ffffff',GradientType=0 );
}

.haendlerverzeichnis .contenttable {
    border: medium none;
}

.haendlerverzeichnis .td-1 {
    font-weight: bold;
}
*/
  
div.frame h1 {
color: white;
font-size: 17px;
margin: 0;
padding: 4px 8px 0 8px;
text-transform: uppercase;
}

div.frame h2 {
color: white;
font-size: 14px;
margin:  0;
padding: 0 8px 1px 8px;
font-weight: bold;
}

div.frame .block-orange p, div.frame .block-green p, div.frame .block-violet p, div.frame .block-blue p {
  color: white;
  padding: 0 8px 4px 8px;
  font-weight: normal;
  font-size: 13px;
  }

div.frame .csc-header-n2 h1, div.frame .csc-header-n3 h1, div.frame .csc-header-n4 h1{
color: #0B3484;
font-size: 13px;
margin: 0 0 6px 0;
padding: 4px;
background-color: #eee;
}

div.frame .csc-header-n5 h1{
color: #666;
font-size: 12px;
margin: 0 0 10px 0;
padding: 0px;
}

div.frame .csc-textpic-intext-left-nowrap h2 {
    color: #0B3484;
    font-size: 13px;
    margin: 0 0 0 -8px;
  }

div.frame .csc-default {
  background: none repeat scroll 0 0 #F7F7F7;
    margin: 0 0 13px;
    padding: 4px 14px 1px 4px;
}

div.frame DIV.csc-textpic DIV.csc-textpic-single-image IMG {
    margin:0;
}

.tabelle-grau .csc-textpic-imagewrap.csc-textpic-single-image {
    width: 90px;
}


/* .contenttable {
    width: 100%;
    border: 1px solid silver;
}

.contenttable th {
    background: none repeat scroll 0 0 #E7E7E7;
    padding: 4px;
    text-align: left;
    vertical-align: top;
}

.contenttable .row-even {
    background: none repeat scroll 0 0 #efefef;
}
.contenttable .row-odd {
    background: none repeat scroll 0 0 #f7f7f7;
}

.contenttable td .bodytext {
    color: #999999;
    font-size: 22px;
    text-align: center;
}
.contenttable td{
    padding: 4px;
}
*/

.produktansicht .stripedtable th {
    background: none repeat scroll 0 0 #E7E7E7;
    padding: 4px;
    text-align: left;
    vertical-align: middle;
}

.produktansicht .stripedtable {
  border-spacing: 0;
  width: 445px;
  border: 1px solid #ddd;
  }
  
.produktansicht .stripedtable .th-1 {
    width: 20%;
}

.produktansicht table td {
    padding: 4px 10px 4px 4px;
    text-align: left;
    vertical-align: top;
    white-space: nowrap;
}

.produktansicht dt {
    font-size: 13px;
    font-weight: bold;
    margin: 10px 0 0;
}

.produktansicht dd {
 /*   display: list-item;
    list-style: square outside none; */
    margin: 0 0 0 14px;
}

#content.produktansicht ul {
    margin: 0 2px 20px 14px;
}

.produktansicht li {
    font-size: 13px;
    margin: 5px 0 8px;
}

.produktansicht dd.csc-textpic-caption {
    font-size: 11px;
    line-height: 12px;
}

.produktansicht .csc-textpic-image img {
    background: none repeat scroll 0 0 #E6E7E8;
    padding: 3px;
}

.produktansicht .row-odd {
    background: none repeat scroll 0 0 #F4F4FF;
}

.produktansicht p a {
    background: none repeat scroll 0 0 transparent;
    padding: 0;
}

.stripedtable th {
    background: none repeat scroll 0 0 #E7E7E7;
    padding: 4px;
    text-align: left;
    vertical-align: middle;
}

.stripedtable {
  border-spacing: 0;
  width: 538px;
  }
  
table ul {
  list-style-type: square;
  }


table li {
    margin-bottom: 6px;
}
  

.csc-textpic-intext-left ol, .csc-textpic-intext-left ul {
    overflow: auto;
    padding-left: 15px;
}


.detail {
    color: #003F8A;
    font-size: 13px;
    text-transform: uppercase;
    font-weight: bold;
}
  
.csc-bulletlist {
  font-size: 13px;
  margin: 20px 0 0 14px;
  }
  
td ul {
  white-space: normal;
  }
  
.csc-textpic-text .contenttable {
  width: 536px;
  }

#content ul {
  margin: 6px 0 10px 25px;
  }
.tx-jfmulticontent-pi1 ul {
  margin: 0 !important;
  }
  

.tx-indexedsearch .tx-indexedsearch-browsebox LI {
    display: inline;
    margin-right: 20px;
}

DIV.csc-textpic-intext-left DIV.csc-textpic-imagewrap {
   /* background: none repeat scroll 0 0 #E6E7E8;*/
    padding: 5px 0 0 5px;
}

.produktansicht DIV.csc-textpic-intext-left DIV.csc-textpic-imagewrap {
    background: url("/fileadmin/template/gfx/product_bg.png") repeat scroll 0 0 transparent;
    padding: 5px 5px 50px;
    border: 1px solid #0B3484;
    margin: 0 25px 20px 0 !important;
}

DIV.csc-textpic DIV.csc-textpic-single-image IMG {
    margin-bottom: 0;
}

DIV.csc-textpic-intext-left-nowrap DIV.csc-textpic-imagewrap {
    background: url("/fileadmin/template/gfx/table_bg.png") repeat scroll 0 0;
    margin-bottom: 3px;
    margin-right: 10px !important;
    padding: 3px;
}


#logo a {
    color: white;
    font-size: 10px;
}
#logo > ul {
    height: 1px;
    visibility: hidden;
    list-style: none outside none;
}

.product-rating {
    border: 1px solid #CCCCCC;
    float: right;
    margin: 14px 2px 6px 20px;
    width: 220px;
    background: white;
}
.product-name > span {
    font-size: 9px;
}

.tx-flseositemap-pi1 li {
    color: #999;
    list-style: disc outside none;
    font-size: 12px;
}

.tx-flseositemap-pi1 li a {
    font-size: 14px;
    font-weight: bold;
    padding: 0 4px 0 0;
}

.tx-flseositemap-pi1 li ul a {
    color: #777777;
    font-weight: normal;
}

.tx-flseositemap-pi1 li ul li ul a {
    color: #000000;
    font-size: 13px;
    font-weight: normal;
}

.tx-flseositemap-pi1 ul {
    line-height: 15px;
    margin: 3px 16px 12px !important;
}

.tx-flseositemap-pi1 a:hover {
    text-decoration: underline;
}

.tx-flseositemap-pi1 .deep2 li {
    float: left;
    margin: 0 40px 0 0;
}

.tx-flseositemap-pi1 .last {
    float: none !important;
}

#navi-footer .fn.org {
    float: left;
}
#navi-footer .adr {
    float: left;
}
#navi-footer .datum {
    float: left;
}
#navi-footer .komma {
    float: left;
    margin: 0 5px 0 0;
}


/******************* Tabellen *************************************************/

table {
  border: 0;
  table-layout: fixed;
  border-spacing: 0;
  width: 100%;
  }

.fullsize  {
  width: 686px;
  }
  
.fullsize td {
  color: #666;
  font-size: 12px;
  }
  
td {
  font-size: 11px;
  text-align: left;
  vertical-align: top;
  padding: 0 26px 0 0;
  }
  
th {
color:#0B3484;
    font-weight: bold;
text-align:left;
padding: 0 16px 4px 0;
vertical-align: top;
}

.newproduct {
    background: rgba(0, 0, 0, 0) url("/fileadmin/template/gfx/NEW_Schnipsel_15px.png") repeat scroll 0 0;
    display: none;
    height: 15px;
    position: relative;
    top: 3px;
    width: 32px;
}

div.csc-textpic .csc-textpic-imagewrap .csc-textpic-image {
    margin-bottom: 0;
}

.cc-window{opacity:1;-webkit-transition:opacity 1s ease;transition:opacity 1s ease}.cc-window.cc-invisible{opacity:0}.cc-animate.cc-revoke{-webkit-transition:transform 1s ease;-webkit-transition:-webkit-transform 1s ease;transition:-webkit-transform 1s ease;transition:transform 1s ease;transition:transform 1s ease,-webkit-transform 1s ease}.cc-animate.cc-revoke.cc-top{-webkit-transform:translateY(-2em);transform:translateY(-2em)}.cc-animate.cc-revoke.cc-bottom{-webkit-transform:translateY(1em);transform:translateY(1em)}.cc-animate.cc-revoke.cc-active.cc-top{-webkit-transform:translateY(0);transform:translateY(0)}.cc-animate.cc-revoke.cc-active.cc-bottom{-webkit-transform:translateY(0);transform:translateY(0)}.cc-revoke:hover{-webkit-transform:translateY(0);transform:translateY(0)}.cc-grower{max-height:0;overflow:hidden;-webkit-transition:max-height 1s;transition:max-height 1s}.cc-revoke,.cc-window{position:fixed;overflow:hidden;-webkit-box-sizing:border-box;box-sizing:border-box;font-size:1.25rem;line-height:1.5em;display:-webkit-box;display:-ms-flexbox;display:flex;-ms-flex-wrap:nowrap;flex-wrap:nowrap;z-index:9999}.cc-window.cc-static{position:static}.cc-window.cc-floating{padding:2em;max-width:24em;-webkit-box-orient:vertical;-webkit-box-direction:normal;-ms-flex-direction:column;flex-direction:column;border-top:1px solid #999}.cc-window.cc-banner{padding:3em;width:100%;-webkit-box-orient:horizontal;-webkit-box-direction:normal;-ms-flex-direction:row;flex-direction:row}.cc-revoke{padding:.5em}.cc-revoke:hover{text-decoration:underline}.cc-header{font-size:18px;font-weight:700}.cc-btn,.cc-close,.cc-link,.cc-revoke{cursor:pointer}.cc-link{opacity:.8;display:inline-block;color: #0b3484 !important;text-decoration:underline}.cc-link:hover{opacity:1}.cc-link:active,.cc-link:visited{color:initial}
.cc-btn{display:block;padding:.4em .8em;font-size:.9em;font-weight:400;border: 1px solid #aaa !important;text-align:center;white-space:nowrap;letter-spacing:.025rem}
  
.cc-btn.cc-deny {
  background: #eeeeee !important;
}

.cc-btn.cc-allow {
  background: #0B3484 !important;
  color: white !important;
}

  .cc-close{display:block;position:absolute;top:.5em;right:.5em;font-size:1.6em;opacity:.9;line-height:.75}
  .cc-close:focus,
  .cc-close:hover{opacity:1}
  .cc-revoke.cc-top{top:0;left:3em;border-bottom-left-radius:.5em;border-bottom-right-radius:.5em}
  .cc-revoke.cc-bottom{bottom:0;left:0;border-radius:0;background-color:transparent !important;color:#fff!important;
    background-image: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='40' height='60' version='1.1' viewBox='0 0 1270 1588'%3E%3Cg fill='none' stroke-linecap='round' stroke-linejoin='round' stroke-width='50'%3E%3Cpath d='M1250 160c0 205-2 387-3 547-2 452-300 774-608 860-390-110-602-509-610-860C28 549 30 365 32 160 310 158 490 26 646 30c156 3 358 130 604 130' stroke='%23000'/%3E%3Cpath d='m790 1220-2-87m107 48c0-121-2-224-4-310C881 513 762 414 600 440m78 842c4-237 0-450-31-571m-74 573c5-123 3-260-4-348-8-104-48-213-29-264 58-157 193-101 214 10 25 133 35 245 36 363M468 1250c0-159 0-291-33-470-23-122 32-222 95-296M413 290c197-189 650-100 666 487m-720 397c-3-108 14-210-6-290-40-156-17-314 30-390 247-390 589-83 595 279 2 87 4 198-2 305m-722-100c-69-306 13-559 79-620' stroke='%23999'/%3E%3C/g%3E%3C/svg%3E%0A");
    width:3.5rem;height:3.5rem;background-size:69%;background-repeat:no-repeat;background-position:center}
  .cc-revoke.cc-bottom:hover{background-color:#003f8a!important; 
    background-image: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='50' height='60' version='1.1' viewBox='0 0 1270 1588'%3E%3Cg fill='none' stroke-linecap='round' stroke-linejoin='round' stroke-width='50'%3E%3Cpath d='M1250 160c0 205-2 387-3 547-2 452-300 774-608 860-390-110-602-509-610-860C28 549 30 365 32 160 310 158 490 26 646 30c156 3 358 130 604 130' stroke='%23fff'/%3E%3Cpath d='m790 1220-2-87m107 48c0-121-2-224-4-310C881 513 762 414 600 440m78 842c4-237 0-450-31-571m-74 573c5-123 3-260-4-348-8-104-48-213-29-264 58-157 193-101 214 10 25 133 35 245 36 363M468 1250c0-159 0-291-33-470-23-122 32-222 95-296M413 290c197-189 650-100 666 487m-720 397c-3-108 14-210-6-290-40-156-17-314 30-390 247-390 589-83 595 279 2 87 4 198-2 305m-722-100c-69-306 13-559 79-620' stroke='%23999'/%3E%3C/g%3E%3C/svg%3E%0A")
    }.cc-revoke.cc-left{left:3em;right:unset}.cc-revoke.cc-right{right:3em;left:unset}.cc-top{top:1em}.cc-left{left:1em}.cc-right{right:1em}.cc-bottom{bottom:1em}.cc-floating>.cc-link{margin-bottom:1em}.cc-floating .cc-message{display:block;margin-bottom:1em}.cc-window.cc-floating .cc-compliance{-webkit-box-flex:1;-ms-flex:1 0 auto;flex:1 0 auto}.cc-window.cc-banner{-webkit-box-align:center;-ms-flex-align:center;align-items:center}.cc-banner.cc-top{left:0;right:0;top:0}.cc-banner.cc-bottom{left:0;right:0;bottom:0;border-top:thin solid #666;box-shadow:0 0 14px #000}.cc-banner .cc-message{color: #000;display:block;-webkit-box-flex:1;-ms-flex:1 1 auto;flex:1 1 auto;max-width:100%;margin-right:3em}
    
    .cc-message b {
  font-size: 125%;
  margin-bottom: 1rem;
  display: inline-block;
}
  .cc-compliance{
      /*display:-webkit-box;
      display:-ms-flexbox;
      display:flex;
      -webkit-box-align:center;
      -ms-flex-align:center;
      align-items:center;
      -ms-flex-line-pack:justify;
      align-content:space-between*/
    }
    .cc-floating .cc-compliance>.cc-btn{-webkit-box-flex:1;-ms-flex:1;flex:1}.cc-btn+.cc-btn{margin-left:.5em}
    
    @media print{.cc-revoke,.cc-window{display:none}}
    @media screen and (max-width:900px){.cc-btn{white-space:normal}}
    @media screen and (max-width:414px) and (orientation:portrait),screen and (max-width:736px) and (orientation:landscape){.cc-window.cc-top{top:0}.cc-window.cc-bottom{bottom:0}.cc-window.cc-banner,.cc-window.cc-floating,.cc-window.cc-left,.cc-window.cc-right{left:0;right:0}.cc-window.cc-banner{-webkit-box-orient:vertical;-webkit-box-direction:normal;-ms-flex-direction:column;flex-direction:column}.cc-window.cc-banner .cc-compliance{-webkit-box-flex:1;-ms-flex:1 1 auto;flex:1 1 auto}.cc-window.cc-floating{max-width:none}.cc-window .cc-message{margin-bottom:1em}.cc-window.cc-banner{-webkit-box-align:unset;-ms-flex-align:unset;align-items:unset}.cc-window.cc-banner .cc-message{margin-right:0}}.cc-floating.cc-theme-classic{padding:1.2em;border-radius:5px}.cc-floating.cc-type-info.cc-theme-classic .cc-compliance{text-align:center;display:inline;-webkit-box-flex:0;-ms-flex:none;flex:none}.cc-theme-classic .cc-btn{border-radius:5px}.cc-theme-classic .cc-btn:last-child{min-width:140px}.cc-floating.cc-type-info.cc-theme-classic .cc-btn{display:inline-block}.cc-theme-edgeless.cc-window{padding:0}.cc-floating.cc-theme-edgeless .cc-message{margin:2em;margin-bottom:1.5em}.cc-banner.cc-theme-edgeless .cc-btn{margin:0;padding:.8em 1.8em;height:100%}.cc-banner.cc-theme-edgeless .cc-message{margin-left:1em}.cc-floating.cc-theme-edgeless .cc-btn+.cc-btn{margin-left:0}