/* html, body{height: 100%;} */

html{
      font-family: Verdana, Arial, sans-serif;
      font-size: 12px;
      line-height: 160%;
      width: 100%;
}

@font-face {
      font-family: 'FontAwesome';
      src: url('../fonts/fontawesome-webfont.eot?v=3.2.1');
      src: url('../fonts/fontawesome-webfont.eot?#iefix&v=3.2.1') format('embedded-opentype'), 
            url('../fonts/fontawesome-webfont.woff?v=3.2.1') format('woff'), 
            url('../fonts/fontawesome-webfont.ttf?v=3.2.1') format('truetype'), 
            url('../fonts/fontawesome-webfont.svg#fontawesomeregular?v=3.2.1') format('svg');
      font-weight: normal;
      font-style: normal;
}

body{border:0px;margin:0px;padding:0px;width:100%;background-color:#e0e4ad;position: relative;}

h1,h2,h3,h4,h5{border:0px;margin:0px;padding:0px;padding-bottom:10px;color:#b2bd26;font-family: Verdana, Arial, sans-serif;font-size:14px;font-weight: bold;line-height: 130%;}
h1{font-size: 16px;}
a{color: #000000;font-family: Verdana, Arial, sans-serif;text-decoration: none;}
a:hover{text-decoration: underline;}
ul, ol{margin-left:20px;padding-left:0px;list-style-position:outside;font-size: 12px;}
li{padding-bottom:8px; /*list-style-image:url("../images/strich.gif");*/ font-size: 12px;}

.m-b-30 { margin-bottom: 30px; }

table{
      border:  0px;
      border-collapse: collapse;
      border-spacing: 0px; /*IE und FF reagieren unterschiedlich */
      empty-cells: show;
      margin:  0px;
      padding: 0px;
      table-layout: fixed;
}

td {font-family: Verdana, Arial, sans-serif;font-size: 12px;line-height: 160%;text-align: left;vertical-align:top;}
input, select, textarea {font-family: Verdana, Arial, sans-serif;font-size: 12px;font-weight: normal;}
hr {border: 0px;height: 1px;padding:0px;margin: 0px;color: #cccccc;background-color:#cccccc;}
img{border:0px;padding:0px;}
div,section,nav,article,aside,header,footer,address,main,figure,figcaption,details,summary,command,menu{border:0px;padding:0px;margin:0px;}
/*==============================*/
/*=== TYPO3Setting =============*/
/*==============================*/

a.download{background-image: url("images/pdf.png");background-repeat: no-repeat;display: inline-block;padding: 0px 0px 4px 24px;}

p.align-left,
div.align-left{text-align: left;}

p.align-right,
div.align-right{text-align: right;}

p.align-center,
div.align-center{text-align: center;}

p.align-justify,
div.align-justify{text-align: justify;width: 100%;margin: 0px auto;}

.align-center p{margin: 10px 0px;}
.mb-no { margin-bottom: 0!important; }

.csc-textpic-imagerow ul{margin-left: 0px;padding-left: 0px;}
li.csc-textpic-image{list-style-type: none;margin-left: 0px;padding-left: 0px;margin-bottom:30px!important;}

.csc-textpic-center{text-align:center;}
.csc-textpic-center div{margin: 0px auto;}

.csc-textpic-text { text-align: left; }

.csc-textpic-imagewrap a{display:inline-block;}

.csc-textpic-imagewrap ul{margin: 0px;}
.csc-textpic-imagewrap ul li{float: left;}
.csc-textpic-imagewrap ul li.csc-textpic-firstcol{margin: 0px 10px 0px 0px;}
.csc-textpic-imagewrap ul li.csc-textpic-lastcol{margin: 0px;}

.csc-textpic-intext-left .csc-textpic-imagewrap,
.csc-textpic-intext-left-nowrap .csc-textpic-imagewrap{float: left;margin-right: 20px;margin-bottom: 20px;}

.csc-textpic-intext-right .csc-textpic-imagewrap,
.csc-textpic-intext-right-nowrap .csc-textpic-imagewrap {float: right;margin-right: 0px;margin-bottom: 10px;padding-left:20px;}

.csc-textpic-caption-l dd{margin: 0px;font-size: 11px;line-height: 140%;text-align: left;}

dl.csc-textpic-image{float: left;margin-right: 10px;}
dl.csc-textpic-lastcol{margin-right: 0px;}

.indent { padding: 18px 0px 0px 18px;}

.csc-textpic-clear{clear:both;width:0px;height: 0px;overflow:hidden;}

.csc-frame-rulerAfter{border-bottom: 1px solid;}

/*==============================*/
/*=== User Setting =============*/
/*==============================*/
.clboth,.clear{
      clear: both;
      width:  0px;
      height: 0px;
      overflow: hidden;
}
/*==============================*/
/*=== Extensions ==============*/
/*==============================*/

/*--- filelinks ---*/
.filelinks{padding-top: 8px;}

.filelinks .pdf a{
      background-image: url("../images/pdf.png");
      background-position: 0px 2px;
      background-repeat: no-repeat;
      display: block;
      margin-bottom: 2px;
      padding: 3px 0px 5px 22px;
      line-height: 140%;
}

.filelinks .pdf a:hover{color: #646464;}

/*==============================*/
#bg-white1{
      background-color: #ffffff;
      position: absolute;
      left: 0;right: 0;top: 40px;
      z-index:1;
      height: 188px;
}

#bg-white2{
      background-color: #ffffff;
      position: absolute;
      right: 0px;top: 40px;
      z-index:1;
      height: 241px;
      width: 50%;
}

#bg-green{
      background-color: #b2bd26;
      position: absolute;
      left: 50%;right: 0;top: 321px;
      z-index:1;
      height: 44px;
}

#green-top{
      height: 40px;
      position: absolute;
      width: 100%;
      background-color: #b2bd26;
      z-index: 10;
}
#green-top .menu-back{
      float: right;
      margin-right: 35px;
}
#green-top .menu-back .bodytext{
      margin: 0px;
      margin-top: 4px;
}
#green-top .menu-back a{
      color: #004b2d;
}
#green-top .menu-back a:hover{
      text-decoration: none;
      color: #ffffff;
}
#green-top .menu-back a .fa{
      vertical-align: middle;
      font-size: 24px;
      line-height: 40px;
      color: #ffffff;
      margin-left: 15px;
      margin-top: -4px;
}

#wrapper-top{
      width:  1100px;
      margin: 0 auto;
      background-color: #b2bd26;
}

#wrapper{
      padding-top: 40px;
      background-color: #ffffff;
      margin: 0 auto 20px;
      width:  1100px;
      position: relative;
      z-index: 5;
}

#headbox{  position: relative;  width:   100%;  height: 281px;}
#headbox .image{  position: absolute;  top:    0px;  left:   0px;  right:  0px;  bottom: 0px;  z-index: 10;}

#headbox .logo{
      -webkit-border-radius: 0px 0px 0px 15px;
      -moz-border-radius: 0px 0px 0px 15px;
      border-radius: 0px 0px 0px 15px;
      position: absolute;
      bottom: 40px;
      left:  674px;
      width: 412px;
      height: 72px;
      z-index:  15;
      background-color: #ffffff;
      padding: 7px 15px 7px 48px;
}

#menubox{background-color: #b2bd26;height: 44px;color: #ffffff;position: relative;}

#menubox .menu-main{
      padding-left:20px;
      position: absolute;
      top: 0px;
      left: 0px;
      width: 750px;
      line-height: 44px;
      overflow:hidden;
}
#menubox .menu-main ul { margin: 0; }
#menubox .menu-main li {
      display: inline;
      font-size: 14px;
}
/*#menubox .menu-main li.first a { padding-left: 0; }*/
#menubox .mobileMenuBt { display: none; }

#menubox .menu-back{
      position: absolute;
      top: 0px;
      right: 0px;
      width: 250px;
      height: 38px;
      overflow:hidden;
      text-align: right;
}

#menubox .menu-back a i { margin-left: 8px; }

#menubox a{
      display: inline-block;
      padding: 0 15px;
      color: #004b2d;
}

#menubox .menu-back a .fa{font-size: 28px;line-height: 38px;}
#menubox .menu-back a{display:inline-table;vertical-align: middle;  overflow:hidden;line-height: 38px;padding: 0px;}

#menubox .menu-back a:first-child{line-height: 36px;display: inline-block;margin-top:-3px;}

#menubox .menu-back p{margin: 0px;}

#menubox a.sel,
#menubox a:hover{color:#ffffff;text-decoration: none;}

#homebox{margin: 105px 0 20px 0;color: #004b2d;}

#homebox .info-box{
      float: left;
      width: 320px;
      height: 380px;
      margin: 0px 0px 54px 35px;
      padding: 0px 0px 40px;
      border-bottom: 1px solid #AFBF00;
      position: relative;
}

#homebox .info-box .img{
      background-color: #b2bd26;
      -webkit-border-radius: 15px 0px 15px 0px;
      -moz-border-radius: 15px 0px 15px 0px;
      border-radius: 15px 0px 15px 0px;
      width: 100%;
      height: 207px;
      margin-bottom: 28px;
      overflow:hidden;
      position: relative;
}


#homebox .info-box .img img{
      background-color: #b2bd26;
      -webkit-border-radius: 15px 0px 15px 0px;
      -moz-border-radius: 15px 0px 15px 0px;
      border-radius: 15px 0px 15px 0px;
      margin: 0px;
      height: 100%;
      display: block;
}

#homebox .info-box .img p{color: #ffffff;margin:0px;}

#homebox .info-box .img .top-title{
      position: absolute;
      top: 28px;
      left: 155px;
      font-size: 110px;
}

#homebox .info-box .img .top-text{
      position: absolute;
      bottom: 46px;
      left: 42px;
      font-size: 18px;
      font-weight: bold;
}

#homebox .info-box .img a{
      display: block;
      position: absolute;
      top: 0px;
      left: 0px;
      z-index: 10;
      width:  320px;
      height: 207px;
}

#homebox .info-box .ttl{color: #b2bd26;font-size: 16px;margin-bottom: 8px;height: 20px; overflow:hidden;font-weight: bold;}

#homebox .info-box .txt{
      height: 110px;
      overflow: hidden;
}

#homebox .info-box .txt p{margin:0px;}

#homebox .info-box a{
      display: block;
      position: absolute;
      bottom: 11px;
      right: 0px;
      text-align: right;
      width: 200px;
      color: #b2bd26;
}


#homebox .info-box .img a{
      left: 0px;
      bottom:0px;
      text-align: left;
      line-height: 100%;
}

#homebox .info-box a:hover{color: #004b2d;text-decoration:none;}
#homebox .info-box.big div.img a { position: absolute; width: 100%; margin: 0; padding: 0; }
#homebox .info-box.big div.img img { height: auto; max-height: 100%; }
#homebox .info-box.big div.img { background: none; }
#homebox .info-box.big{
      background-color: #e0e4ad;
      -webkit-border-radius: 15px 0px 15px 0px;
      -moz-border-radius: 15px 0px 15px 0px;
      border-radius: 15px 0px 15px 0px;
      width: 615px;
      border: 0px;
      height: 341px;
      padding: 30px 30px 50px 30px;
}

#homebox .info-box.big .txt { height: 110px;}

#homebox .info-box.big .img{
      width: 100%;
      height: 205px;
      -webkit-border-radius: 0px;
      -moz-border-radius: 0px;
      border-radius: 0px;
      margin: 0px;
}

#homebox .info-box.big .img img{
      -webkit-border-radius: 0px;
      -moz-border-radius: 0px;
      border-radius: 0px;
      width: 100%;
      height: 100%;
}

#homebox .info-box.big a{right: 29px;bottom: 11px;}

.right { float: right; }
.left { float: left; }

#homebox .info-box.extra-search .img a{
      position: static;
      height: auto;
      width: auto;
      left: auto;
      text-align: right;
}
#homebox .info-box.extra-search .img a:nth-child(2){
      text-align: left;
}
.extra-search form { margin-bottom: 10px; }
.extra-search input {
      border: 1px solid #AFBF00;
      border-radius: 3px;
      width: 60%;
      height: 25px;
      padding: 0 5px;
}
.send-bt,
.extra-search button {
      border: 1px solid #AFBF00;
      background: none #AFBF00;
      color: #fff;
      height: 27px;
      width: 34%;
      text-align: center; 
      border-radius: 3px;
}
.send-bt:focus,
.send-bt:hover,
.extra-search button:hover {
      color: #AFBF00;
      background: none transparent;
}

#mainbox{margin: 105px 0 20px 0;color: #004b2d;}

#mainbox .lcol{
      float: left;
      margin: 0 14px 1px 30px;
      width: 223px;
}

#mainbox .lcol .sub-sub-menu { margin-left: 10px; }
#mainbox .lcol .menu-sub{
      background-color: #d0d581;
      -webkit-border-radius: 15px 0px 15px 0px;
      -moz-border-radius: 15px 0px 15px 0px;
      border-radius: 15px 0px 15px 0px;
}

#mainbox .lcol .menu-sub a{
      display: block;
      line-height: 1.4;
      margin: 0px 20px;
      border-bottom: 1px solid #b2bd26;
      color: #004b2d;
      padding: 8px 0;
}

#mainbox .lcol .menu-sub>a:last-child{border: 0px;}

#mainbox .lcol .menu-sub a.sel,
#mainbox .lcol .menu-sub a:hover{
      color: #ffffff;
      /*  font-weight: bold;*/
      text-decoration:none;
}

#mainbox .rcol{
      background-color: #e0e4ad;
      background-color: rgb(240,242,215);
      -webkit-border-radius: 0px 15px 0px 15px;
      -moz-border-radius: 0px 15px 0px 15px;
      border-radius: 0px 15px 0px 15px;
      float: left;
      width: 718px;
      padding: 36px 38px 36px 44px;
      margin-bottom: 60px;
}

#mainbox .rcol a{
      color: #004b2d;
      text-decoration: underline;
}

#mainbox .rcol a:hover{  color: #b2bd26;}


#inibox{margin: 105px 0 20px 0;color: #004b2d;}

#inibox .box1{float: left; width:320px;height: 207px;margin: 0 15px 0 35px;
              background-color: #b2bd26;
              position: relative;
              -webkit-border-radius: 15px 0px 15px 0px;
              -moz-border-radius: 15px 0px 15px 0px;
              border-radius: 15px 0px 15px 0px;
}

#inibox .box1 #c1333{
      position: absolute;
      top: 28px;
      left: 155px;
      z-index: 10;
      color: #ffffff;font-size:110px;
}

#inibox .box1 #c1332{
      position: absolute;
      bottom: 48px;
      left: 50px;
      color: #ffffff;
      font-size: 18px;
      font-weight: bold;
}

#inibox .box1 #c1332 p{margin: 0px;}


#inibox .box2{float: left; width:625px;height: 147px;margin: 0 0;
              padding: 25px 35px 35px;
              background-color: #e0e4ad;
              -webkit-border-radius: 0px 15px 0px 15px;
              -moz-border-radius: 0px 15px 0px 15px;
              border-radius: 0px 15px 0px 15px;
}

#inibox .box3{margin: 15px 35px 0px;}

#inibox .box3 .hide{display:none;}

#inibox .box3 .basicSearch,
#inibox .box3 .rp-box{
      display: block;
      background-color: #e0e4ad;
      padding: 0 50px;
      width: 930px;
}

#inibox .box3 .rp-box{
      -webkit-border-radius: 0px 0 0px 15px;
      -moz-border-radius: 0px 0 0px 15px;
      border-radius: 0px 0 0px 15px;
      position: relative;
}

#inibox .box3 .rp-box #gb-irp-menu{
      position: absolute;
      top: 85px;
      z-index: 50;
      right:  55px;
      width: auto;
      color: #b2bd26;
      vertical-align: top;
}

#inibox .box3 .rp-box #gb-irp-menu span{
      display: inline-block;
      line-height: 14px;
      vertical-align: bottom;
}

#inibox .box3 .rp-box #gb-irp-menu a{
      display: inline-block;
      line-height: 26px;
      width: 26px;
      margin-left: 9px;
      text-align: center;
      color: #ffffff;
      font-size: 16px;
      background-color: #b2bd26;
      min-height: 26px;
}
#inibox .box3 .rp-box #gb-irp-menu a .fa { line-height: 26px; }

.word-wrap-break { word-wrap: break-word; }

#inibox .box3 .rp-box #gb-irp-menu a:hover{background-color: #004B2D;}

#inibox .box3 .basicSearch{
      padding-top: 38px;
      padding-bottom: 30px;
      -webkit-border-radius: 0px 15px 0px 0px;
      -moz-border-radius: 0px 15px 0px 0px;
      border-radius: 0px 15px 0px 0px;
}

#inibox .box3 .basicSearch #myLoader{margin-top: -65px;margin-left: -50px;height: 225px;}

#inibox .box3 .basicSearch ul{margin: 0;padding:0;}

#inibox .box3 .basicSearch ul.abcMenu li{display: inline-block; padding: 0; height: 26px;width: 26px;background-color: #b2bd26;margin: 0 9px 0 0;text-align:center;}
#inibox .box3 .basicSearch ul.abcMenu li:last-child{margin: 0;}
#inibox .box3 .basicSearch ul.abcMenu li a{line-height: 26px; color: #ffffff;}

#inibox .box3 #advSearch,#inibox .box3 #advSearch h1{margin: 0 0 0;}

#inibox .box3 #advSearch .cp100{width: 744px;}
#inibox .box3 #advSearch .cp50 {width: 744px;margin-bottom: 15px;}
#inibox .box3 #advSearch .cp25 {width: 170px;margin-left: 11px;}
#inibox .box3 #advSearch .range{margin: 0;width: 170px;background-color: #b2bd26;border: 0px;height: 26px;color: #ffffff;padding: 3px 0 3px 10px;}
#inibox .box3 #advSearch .range option{line-height: 26px;text-indent: 5px;padding: 2px 0px;}
#inibox .box3 #advSearch .search {position: relative;margin: 0px !important;}
#inibox .box3 #advSearch .search .gb-right{float:none;position: absolute; top: 41px;right: 4px;width: 170px;height: 26px;background-color: #004b2d;z-index: 20;}
#inibox .box3 #advSearch .search .gb-right .searchBt{width: 170px;height: 26px;background-color: #004b2d;color: #ffffff;border: 0px; }
#inibox .box3 #advSearch .search .gb-right .searchBt:hover{background-color: #b2bd26;}

#inibox .box3 #advSearch .postcode_city,#inibox .box3 #advSearch .freetextsearch{
      border: 0px;
      color: #b2bd26;
      color: #004b2d;
      fill: #004b2d;
      height: 16px;
      text-align: center;
      width: 738px;
      padding: 5px 3px;
}

#advancedS { padding-top: 29px; position: relative; }
.nextpart h1{display:inline-block;font-size: 12px;padding-bottom: 15px;}

.tx-rgi-pi1 #advancedS a.nextpart span:before{content: "\f13a";}
.tx-rgi-pi1 #advancedS a.nextpart.open span:before{content: "\f139";}

div.chartContainer-cont{ padding: 10px; background-color: #fff; }
.total-nr { margin: 20px 0 10px 0; }

#advancedS .checkBoxes,
#inibox .box3 #advSearch #advancedS .cp50{
      float: left;
      width: 450px;
      margin-left: 10px;
      margin-bottom: 0px;}

#advancedS .checkBoxes{margin-left:0;margin-bottom: 20px;line-height: 35px;}

#inibox .box3 #advSearch #advancedS .cp50,
#inibox .box3 #advSearch #advancedS label,
.tx-rgi-pi1 #advSearch #advancedS .cp50 select {width: 285px;}

.tx-rgi-pi1 #advSearch #advancedS .cp50 select {background-color: #b2bd26;border: 0px;height: 26px;padding:3px 0 3px 10px;color: #ffffff;}

#inibox .box3 #advSearch #advancedS .gb-kriterien{text-align:left;padding-bottom: 15px;}

.tx-rgi-pi1 #advancedS .cp50-5{width: 440px;}

#inibox .box3 #advSearch #advancedS .gb-btn{
      position: absolute; 
      bottom: 25px;
      width: 180px;
      height: 26px;
      right: 4px;
      margin: 0px;
}

#inibox .box3 #advSearch #advancedS .gb-btn .searchBt{width: 170px;height: 26px;background-color: #004b2d;color: #ffffff;border: 0px; }
#inibox .box3 #advSearch #advancedS .gb-btn .searchBt:hover{background-color: #b2bd26;}

#inibox .box3 .tx-rgi-pi1-listrow div.listItem {padding: 12px 0px;}

#inibox .box3 .tx-rgi-pi1-listrow div.listItem a{color: #B2BD26;}

#inibox #map-canvas{width: 100%!important;}

#inibox #map-canvas .gm-style{width: 1027px;}

#inibox .box3 .gb-wrapper{
      -webkit-border-radius: 0px 15px 0px 15px;
      -moz-border-radius: 0px 15px 0px 15px;
      border-radius: 0px 15px 0px 15px;
      border: 1px solid #AFBF00;
      font-size: 14px;
      line-height: 140%;
      width: 1026px;
      margin-bottom: 30px;
      /*  background-color: #e0e4ad;*/
}

#inibox .listHeader p {font-weight: bold;font-size: 16px; }
#inibox .box3 li{font-size: 14px;}
#inibox .box3 a{color: #004B2D;}

#inibox .box3 .gb-wrapper b,
#inibox .box3 .gb-wrapper strong{color: #b2bd26;font-size: 18px;font-weight: normal;}

#inibox .box3 .gb-wrapper .gb-title{
      font-size: 18px;
      font-weight: normal;
}

#inibox .box3 .gb-wrapper .gb-title-detail{
      margin-bottom: 40px;
      margin-top: -6px;
}

#inibox .box3 .gb-wrapper .gb-title-detail,
#inibox .box3 .gb-wrapper .gb-title-detail b,
#inibox .box3 .gb-wrapper .gb-title-detail strong{
      color: #004B2D;
      font-size: 22px;
      font-weight: bold;
      text-transform: uppercase;
      line-height: 140%;

}

#inibox .box3 .gb-wrapper .gb-lcol{
      float: left;
      width: 230px;
      padding: 32px 12px 5px 65px;
}

#inibox .box3 .gb-wrapper .gb-rcol{
      float: left;
      width: 650px;
      padding: 32px 43px 20px 25px;
}
#inibox .box3 .gb-wrapper .gb-rcol p span.fs14b { font-size: 14px; display: block; }
/*#inibox .gb-wrapper .gb-lcol .mb50 { margin-bottom: 50px!important; }*/
.mb15 { margin-bottom: 15px; }
#inibox .gb-wrapper .gb-lcol .img-box{
      /*  -webkit-border-radius: 15px 0px 15px 0px;
        -moz-border-radius: 15px 0px 15px 0px;
        border-radius: 15px 0px 15px 0px;*/
      border: 1px solid #AFBF00;
      width: 167px;
      height: 147px;
      padding: 10px;
      vertical-align: middle;
      text-align:center;
      position: relative;
      -webkit-border-radius: 15px 0px 15px 0px;
      -moz-border-radius: 15px 0px 15px 0px;
      border-radius: 15px 0px 15px 0px;
      margin-bottom: 30px;
      padding: 20px 10px 20px;
} 

#inibox .gb-wrapper .gb-lcol .img-box span.name {
      display: block;
      position: absolute;
      right:0;
      top: 0;
      background-color: #b2bd26;
      -webkit-border-radius: 0px 0px 0px 7px;
      -moz-border-radius: 0px 0px 0px 7px;
      border-radius: 0px 0px 0px 7px;
      width: 75px;
      text-align: left;
      padding-left: 18px;
      line-height: 20px;
      color: #FFF;
}

#inibox .gb-wrapper .gb-lcol .img-box img{
      max-width: 167px;
      max-height: 147px;
      vertical-align: middle;
}

#inibox .gb-wrapper .gb-lcol .member{

}

#inibox .gb-wrapper .gb-lcol .member img{
      /*  -webkit-border-radius: 15px 0px 15px 0px;
        -moz-border-radius: 15px 0px 15px 0px;
        border-radius: 15px 0px 15px 0px;*/
      border: 0px solid #e0e4ad;
      width: 120px;
      margin-bottom: 50px;
      padding: 10px;
      vertical-align: middle;
      /*text-align:center;*/
      padding-left: 0px;
      /*max-width: 167px;*/
      /*  max-height: 218px;*/
}

#inibox .gb-wrapper .gb-rcol p{margin-bottom: 8px;}

#inibox .gb-wrapper .gb-lcol p,
#inibox .gb-wrapper .gb-rcol p.bodytext{margin-bottom: 30px;}

#inibox .gb-wrapper .gb-rcol p.gb-xtitle{margin-bottom: 0px;}

#inibox .gb-wrapper .gb-rcol ul.detaillist{margin: 0px 0px 30px 0px;}

/*#inibox .gb-wrapper .gb-rcol ul.detaillist li{list-style-type: none;}*/

#inibox .gb-wrapper .gb-rcol ul.detaillist li,
#inibox .gb-wrapper .gb-rcol div.gb-proli ul.detaillist li{
      list-style-image: url("../images/strich-004b2d.gif");
      margin-left: 20px;
}


#footbox{background-color: #b2bd26;height: 38px;line-height: 38px;text-align: right;color: #ffffff;padding-right:36px; position: relative; }

#footbox a{
      display: inline-block;
      padding: 0 15px;
      color: #ffffff;
}

#footbox a:hover{color:#004b2d;text-decoration: none;}

#footbox a.toTopBt { position: absolute; bottom: 0px; right: -13px; font-size: 15px; }

.pointer { cursor: pointer; }


.csc-textpic-center-outer { width: 100%; }
.csc-textpic-center div.csc-textpic-imagecolumn, 
.csc-textpic-imagecolumn { margin-right: 10px; }
.csc-textpic-center .csc-textpic-imagecolumn.csc-textpic-lastcol,
.csc-textpic-center div.csc-textpic .csc-textpic-image.csc-textpic-last { margin-right: 0px; }
div.csc-textpic-intext-right .csc-textpic-imagewrap { margin-top: 12px; }

.show-xs { display: none; }

/*chart style*/
a.canvasjs-chart-credit {
      display: none;
}
.chart-cr {
      text-align: right;
      font-size: 10px;
}

/*google maps*/
.gmnoprint img {
      max-width: none!important; 
}

/*-- extra-search --*/
#homebox .info-box.extra-search .img .top-title{
      position: absolute;
      top: 15px;
      right: 37px;
      left: auto;
      font-size: 95px;
}
#homebox .info-box.extra-search .img .top-text{
      bottom: 92px;
      line-height: 23px;
      left: 32px;
}
#homebox .info-box.extra-search form{
      position: absolute;
      bottom: 33px;
      left: 31px;
}
#homebox .info-box.extra-search form input{
      padding-left: 35px;
      border-radius: 5px;
      height: 32px;
      width: 102%;
      color: #b2bd26;
}
#homebox .info-box.extra-search form input::-webkit-input-placeholder{
      color: #b2bd26;
}
/*#b2bd26*/
#homebox .info-box.extra-search form button{
      position: absolute;
      background-color: transparent;
      border: 0px;
      width: auto;
      top: 3px;
}
#homebox .info-box.extra-search .img img{
      background-color: transparent;
      border-radius: 0px;
}

/*--- RESPONSIVE ---*/
@media all and (min-width: 1200px) {
      .hidden-lg { display: none; }
}

@media all and (max-width: 1199px) {

}
@media all and (max-width: 1199px) {
      * { box-sizing: border-box; word-wrap: break-word; }
      img { max-width: 100%; height: auto; width: 100%; }

      /*content*/
      #mainbox .rcol { float: none; width: auto; }
      #inibox .tx-rgi-pi1 .thunbItem.first { margin: 10px; }
      #inibox .box3 #advSearch .postcode_city, #inibox .box3 #advSearch .freetextsearch { height: 26px; }
      #advancedS .checkBoxes, #inibox .box3 #advSearch #advancedS .cp50 { width: 70%; }
      #inibox .box3 #advSearch #advancedS .gb-btn { width: 26%; }
      #inibox .box3 #advSearch #advancedS .gb-btn .searchBt { width: 100%; }
      #inibox .box3 #advSearch #advancedS label { width: 100%;}
      #inibox .box3 #advSearch #advancedS .gb-btn { bottom: 25px; }
      #inibox .box3 #advSearch #advancedS .cp50 { clear: both; padding-top: 0!important; margin-left: 0px; }
      #inibox .box3 #advSearch #advancedS .checkBoxes { margin-bottom: 5px; }
      #inibox .tx-rgi-pi1 #advSearch #advancedS .cp50 select { width: 100%; }
      #inibox .tx-rgi-pi1 .leftPalete { width: 45%; }
      #inibox .tx-rgi-pi1 .middlePalete { width: 40%; }
      #inibox .tx-rgi-pi1 .rightPalete { width: 15%; }
      #inibox .qty_cont { width: 100%; }
      #inibox .box3 .gb-wrapper,
      #amapContainer #map_canvas { max-width: 100%; }
      #inibox .box3 .gb-wrapper .gb-lcol { width: 29.99%; }
      #inibox .box3 .gb-wrapper .gb-rcol { width: 70%;}
      #inibox .gb-wrapper .gb-lcol .img-box span.name { width: 83px; }
      #inibox .gb-wrapper .gb-lcol .img-box { width: 180px; height: 187px; }
      #inibox .box3 .gb-wrapper .gb-lcol { padding-left: 20px; }
      #inibox .box3 #advSearch #advancedS .gb-btn { right: 0; } 
      .tx-rgi-pi1-listrow.thumbsCont { margin: 0 -10px; }
      #inibox .tx-rgi-pi1 .tx-rgi-pi1-listrow.thumbsCont .browseBoxWrap { margin-left: 10px; }
      /*.tx-rgi-pi1-listrow.thumbsCont .browseBoxWrap { margin-left: 10px; }*/
      .tx-rgi-pi1-listrow.thumbsCont {  }


}
@media all and (min-width: 960px) and (max-width: 1199px) {
      .hidden-md { display: none; }
      #wrapper-top {width: 920px;}
      #wrapper { width: 920px; }
      /*header*/
      #headbox { height: 235px; }
      #bg-white1 { height: 165px; }
      #bg-white2 { height: 195px; }
      #bg-green { top: 275px; }
      #headbox .logo { left: 534px; }
      /*content*/
      #homebox .info-box { width: 260px; height: 440px; }
      #homebox .info-box.big { width: 554px; height: 440px; }
      #homebox .info-box.big .txt{height: 139px;}
      #mainbox .rcol { margin-left: 267px; margin-right: 30px; } 

      #inibox .box1 { width: 290px; height: 254px; }
      #inibox .box2 { width: 545px; height: 254px; padding: 20px 20px 15px;}
      #inibox .box3 .basicSearch, #inibox .box3 .rp-box { width: auto; }
      #inibox .box3 .basicSearch ul.abcMenu li { margin-bottom: 5px; }

      #inibox .box3 #advSearch .cp100,
      #inibox .box3 #advSearch .cp50 { width: 70%; }
      #inibox .box3 #advSearch .search .gb-right,
      #inibox .box3 #advSearch .cp25 { width: 26%; float: right; }
      #inibox .box3 #advSearch .search .gb-right .searchBt,
      #inibox .box3 #advSearch .range,
      #inibox .box3 #advSearch .postcode_city, 
      #inibox .box3 #advSearch .freetextsearch { width: 100%; }
      #inibox .box3 #advSearch .search .gb-right { right: 0; }
      #inibox .box3 .basicSearch ul { margin: 0 -2px 0 0; }
      #inibox .box3 .basicSearch ul.abcMenu li { margin: 0 2px 0 0; }
      .tx-rgi-pi1-listrow>.clearer.clear { clear: none; }
      #inibox .tx-rgi-pi1 .thunbItem.last,
      #inibox .tx-rgi-pi1 .thunbItem.first { margin: 10px; }
      #inibox .tx-rgi-pi1 .browseBoxWrap { clear: both; }
      #inibox .box3 .rp-box #gb-irp-menu { right: 50px; }
      #inibox .tx-rgi-pi1 .thunbItem { width: 197.3px; }

      #inibox ul.topLinks li.last { margin-left: 72px; }
      #inibox ul.topLinks { left: 304px; }

}

@media all and (max-width: 959px) {
      /*main-menu*/
      #menubox { height: auto; min-height: 38px; }
      #menubox .menu-main { padding-left: 0px; width: 100%; position: static; }
      #menubox .menu-main ul { display: none; background-color: #b2bd26; width: 100%; padding-top: 10px; }
      #menubox .menu-main li.first a { padding-left: 15px; }
      #menubox .mobileMenuBt { display: block; font-size: 29px; line-height: 38px; cursor: pointer; margin-left: 20px; }
      #menubox .mobileMenuBt i { width: 40px; border: 1px solid; padding: 3px 7px; border-radius: 5px; height: 35px; margin-top: 2px; display: block; }
      #menubox .menu-main li { display: block; border-bottom: 1px solid #fff; line-height: 30px; padding-bottom: 0; }
      #menubox .menu-main li span { display: none; }
      #menubox .menu-main li { padding-left: 5px; width: 100%; }

      #inibox { margin-top: 30px; }

      #inibox .box1 { width: auto; height: 135px; float: none; margin: 0 20px 15px; }
      #inibox .box2 { width: auto; height: auto; padding: 15px 20px 0px; float: none; margin: 0 20px; min-height: 135px; }
      #inibox .box1 #c1333 { right: 30px; left: auto; top: 9px; }
      #inibox .box1 #c1332 { left: auto; right: 140px; bottom: 14px; }
      #inibox .box3 { margin: 15px 20px 0px; }
      #inibox .box3 .basicSearch, #inibox .box3 .rp-box { width: auto; }
      #inibox .box3 .basicSearch ul.abcMenu li { margin-bottom: 5px; }


      #inibox .box3 #advSearch .cp100,
      #inibox .box3 #advSearch .cp50 { width: 70%; }
      #inibox .box3 #advSearch .search .gb-right,
      #inibox .box3 #advSearch .cp25 { width: 26%; float: right; }
      #inibox .box3 #advSearch .search .gb-right .searchBt,
      #inibox .box3 #advSearch .range,
      #inibox .box3 #advSearch .postcode_city, 
      #inibox .box3 #advSearch .freetextsearch { width: 100%; }
      #inibox .box3 #advSearch .search .gb-right { right: 0; }
      #inibox .box3 .basicSearch ul.abcMenu li { margin: 0 4px 3px 0; }
      .tx-rgi-pi1-listrow>.clearer.clear { clear: none; }
      #inibox .tx-rgi-pi1 .thunbItem.last,
      #inibox .tx-rgi-pi1 .thunbItem.first { margin: 10px; }
      #inibox .tx-rgi-pi1 .browseBoxWrap { clear: both; }
      #inibox .box3 .basicSearch { padding: 25px; }
      #inibox .box3 .rp-box #gb-irp-menu { right: 25px; }
      #inibox ul.topLinks { left: 0; }
      #inibox .box3 #advSearch #advancedS .checkBoxes>div.cp50-5,
      #inibox .box3 #advSearch #advancedS .checkBoxes { width: 100%; }
      #inibox .box3 #advSearch #advancedS .checkBoxes span { display: block; padding-left: 25px; line-height: 21px; }
      #inibox .box3 .tx-rgi-pi1 input[type="checkbox"] { float: left; }

}

@media all and (min-width: 768px) and (max-width: 959px) {
      .hidden-sm { display: none; }
      #wrapper-top,
      #wrapper { width: 750px; }
      /*header*/
      #headbox { height: 192px; }
      #bg-white1 { height: 125px; }
      #bg-white2 { height: 152px; }
      #bg-green { top: 232px; height: 38px;}
      #headbox .logo { left: 352px; }

      /*content*/
      #homebox .info-box { height: 410px; }
      #homebox .info-box.big { width: 677px; height: auto; }
      #mainbox .lcol { width: 200px; margin-left: 20px; }
      #mainbox .rcol { margin-left: 230px; margin-right: 20px; } 

      #inibox .tx-rgi-pi1 .thunbItem { width: 223px; }
      #inibox .box3 .basicSearch, #inibox .box3 .rp-box { padding-left: 25px; padding-right: 25px; }
      #inibox ul.topLinks li.last { margin-left: 195px; }
}

@media all and (min-width: 480px) and (max-width: 767px) {
      #wrapper-top,
      #wrapper { width: 480px; }
}
@media all and (max-width: 767px) {
      .hidden-xs { display: none; }
      .show-xs { display: block; }
      /*body { font-size: 16px; }*/
      /*header*/
      #headbox { height: 123px; }
      #bg-white1 { height: 89px; }
      #bg-white2 { height: 103px; }
      #bg-green { height: 38px; top: 163px; }
      #headbox .logo { left: 218px; bottom: 20px; height: 50px; width: 262px; padding-right: 0; }
      #headbox .logo img {  width: 211px; }
      #headbox .logo div.csc-textpic .csc-textpic-imagewrap .csc-textpic-image { margin-bottom: 0px; }
      /*main menu*/

      /*content*/
      #homebox { padding: 0 35px; margin-top: 35px; }
      #homebox .info-box { width: 100%; height: 440px; margin-left: 0; }
      #homebox .info-box img { width: 100%; }
      #homebox .info-box.big { width: 100%; height: auto; }
      #homebox .info-box.big .txt{height: auto; margin-bottom: 30px; }
      #mainbox { margin-top: 35px; }
      #mainbox .lcol { width: 100%; margin-left: 0px; float: none; margin-bottom: 14px; }
      #mainbox .rcol { width: 100%; padding: 36px 25px 36px 25px; } 

      .tx-rgi-pi1-listrow.thumbsCont .listItem { margin: 0 10px; }
      #inibox .tx-rgi-pi1 .leftPalete { width: 43%; }

      #inibox .box1 { margin: 0 20px 15px; }
      #inibox .box2 { margin: 0 20px; }
      #inibox .box3 { margin: 15px 20px 0px; }

      /*I. S. detail page*/
      #inibox .box3 .gb-wrapper .gb-title-detail{ margin-bottom: 25px; }
      #inibox .box3 .gb-wrapper .gb-rcol { padding: 32px 20px 20px; }

      /*homepage boxes*/
      #homebox .info-box .img a { 
            position: absolute;
            width: 100%;
            height: auto;
            left: 0;
            right: 1;
            top: 0;
            bottom: 0;
      }
      #homebox .info-box,
      #homebox .info-box .txt { height: auto; }
      #homebox .info-box .img { height: auto; min-height: 207px; }

      #advancedS { margin-top: 20px; }
      #inibox .box3 .basicSearch, 
      #inibox .box3 .rp-box { padding: 20px 20px 0;}
      #inibox .tx-rgi-pi1 .thunbItem { width: 210px; }
      #inibox ul.topLinks li.last { margin-left: 0; margin-top: 12px; display: block; }
      #inibox .box3 .gb-wrapper .gb-lcol,
      #inibox .box3 .gb-wrapper .gb-rcol { float: none; width: 100%; }
      #inibox .gb-wrapper .gb-lcol .img-box { float: left; margin-right: 8px; }
      #inibox .gb-wrapper .txt-box { clear: both; }
      #inibox .box3 .basicSearch #myLoader { margin-left: -20px; }
      #inibox #advSearch { position: relative; }
      #inibox .box3 .rp-box #gb-irp-menu { top: 81px; right: 0px; }

      #homebox .info-box .img .top-title { left: auto; right: 30px; }


      /*footer*/
      #footbox { height: auto; padding: 0 35px; text-align: left; line-height: 25px; padding: 0 25px; }
      #footbox a:first-child { padding-left: 0px; }
      #footbox p { margin-bottom: 0px; }
}

@media all and (max-width: 479px) {
      #wrapper { width: 100%; overflow: hidden; }

      #headbox .logo {
            left: auto;
            right: 0;
      }
      #headbox .image div.csc-textpic .csc-textpic-imagewrap img { min-width: 480px; }

      #mainbox .rcol {   padding: 36px 10px 36px 10px; }

      #homebox,
      #footbox { padding: 0 10px; }
      #menubox .mobileMenuBt { margin-left: 10px; }
      #inibox .box1,
      #inibox .box2,
      #inibox .box3 { margin-left: 10px; margin-right: 10px; }

      #inibox .box1 #c1332 { right: 101px; }
      #menubox .menu-main li { padding-left: 0;}
      #inibox .box3 #advSearch .cp100, #inibox .box3 #advSearch .cp50 { width: 69%; }
      #inibox ul.topLinks { top: -114px; }
      #footbox a { padding: 0 8px; }
      #wrapper { margin-bottom: 0; }
      #inibox .listHeader p { font-size: 14px; }
      .tx-rgi-pi1 .rightPalete img { max-width: 100%; }
}

@media all and (max-width: 400px) {
      #homebox .info-box .img { min-height: 190px; }
      #inibox .box3 .gb-wrapper .gb-rcol { clear: both; }
      #inibox .box3 li { display: block; }
      #inibox ul.topLinks { top: -118px; }
}