/*
###################################################
Standards
###################################################
*/

/*@font-face {*/
    /*font-family: 'Open Sans';*/
    /*src: url('../fonts/OpenSans-Regular.ttf') format('truetype');*/
/*}*/







@font-face {
    font-family: 'Open Sans';
    src: url('../fonts/open-sans-v13-latin-regular.eot');
    src: url('../fonts/open-sans-v13-latin-regular.eot?#iefix') format('embedded-opentype'),
         url('../fonts/open-sans-v13-latin-regular.ttf') format('truetype'),
         url('../fonts/open-sans-v13-latin-regular.svg#OpenSans') format('svg');
    font-weight: normal;
    font-style: normal;
}
@font-face {
    font-family: 'Open Sans Light';
    src: url('../fonts/open-sans-v13-latin-300.eot');
    src: url('../fonts/open-sans-v13-latin-300.eot?#iefix') format('embedded-opentype'),        
         url('../fonts/open-sans-v13-latin-300.ttf') format('truetype'),
         url('../fonts/open-sans-v13-latin-300.svg#OpenSans') format('svg');
    font-weight: normal;
    font-style: normal;
}

@font-face {
    font-family: 'Open Sans Bold';
    src: url('../fonts/open-sans-v13-latin-600.eot');
    src: url('../fonts/open-sans-v13-latin-600.eot?#iefix') format('embedded-opentype'),
         url('../fonts/open-sans-v13-latin-600.ttf') format('truetype'),
         url('../fonts/open-sans-v13-latin-600.svg#OpenSans') format('svg');
    font-weight: normal;
    font-style: normal;
}

@font-face {
    font-family: 'Open Sans Italic';
    src: url('../fonts/open-sans-v13-latin-italic.eot');
    src: url('../fonts/open-sans-v13-latin-italic.eot?#iefix') format('embedded-opentype'),
         url('../fonts/open-sans-v13-latin-italic.ttf') format('truetype'),
         url('../fonts/open-sans-v13-latin-italic.svg#OpenSans') format('svg');
    font-weight: normal;
    font-style: normal;
}








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

.clearfix {
    display: inline-block;
}

* html .clearfix {
    height: 1%;
}

.clearfix {
    display: block;
}

/* FCE */
.col2_wrapper {
    width: 660px;
    overflow: hidden;
    margin: 0px auto;
    padding: 20px 0px 0px 0px;
}

.col2_wrapper p.bodytext {
    width: auto;
}

.col2_left {
    float: left;
    width: 330px;
    overflow: hidden;
}

.col2_right {
    float: left;
    width: 330px;
    overflow: hidden;
}

a,
a:link,
a:visited,
a:active,
a:hover {
    color: #9AC249;

    transition: all 0.2s linear;
}

body {
    /*font-family: Arial, Helvetica, sans-serif;*/
    font-family: 'Open Sans', sans-serif;
    font-size: 12px;
    color: #666;
    padding: 0;
    margin: 20px 0 0 0;
    background: #f5f5f5;
}

h1, h2, h3, h4 {
    padding: 0 0 10px 0;
    margin: 0;
    font-size: 24px;
    color: #333;
}

h2 {
    font-size: 16px;
    color: #999;
}

h3 {
    font-size: 14px;
}

h4 {
    font-size: 12px;
    font-weight: bold;
}

h5 {
    font-size: 12px;
    font-weight: bold;
    margin: 0;
    padding: 0;
    display: inline;
    color: #9AC249;
}

.bit_csvtable h5 {
    font-size: 11px;
    color: #9AC249;
    margin-bottom: 0;
    font-weight: normal;
}

img {
    border: 0;
}

input, select {
    border: 1px solid #ccc;
    margin: 0 5px 5px 0;
}

input.submit {
    font-family: 'Open Sans', sans-serif;
    border: 1px solid #999;
    cursor: pointer;
}

p {
    padding: 0px 0 10px 0;
    margin: 0;
}

form {
    margin: 0;
    padding: 0;
}

.csc-mailform ol {
    list-style: none;
}

.tab-buttons ul {
    list-style: none;
    margin: 0;
    padding: 0;
}

.box-interaktion a {
    color: #fff;
}

/*
###################################################
Struktur
###################################################
*/

/* RS */
/*.container*/
/*{*/
/*width:994px;*/
/*height:400px;*/
/*margin:0 auto;*/
/*}*/

.logo {
    text-align: center;
    height: 38px;
    margin-bottom: 20px;
}

.sitemap {
    padding: 20px 0;
    border-top: 1px solid #ababab;
    line-height: 18px;
    /*clear:left;*/
    /* IE 6 + 7 kann sonst die Höhe nicht richtig berechnen */
    /*margin-left: auto;*/
    /*margin-right: auto;*/
    /*width:980px;*/
    /*height: 120px;*/
}

.sitemap a {
    color: #ababab;
    text-decoration: none;
}

.sitemap ul {
    list-style: none;
    float: left;
    margin: 0 10px;
    padding: 0px 0px 0px 0px;
}

.sitemap li {

}

.footer {
    /*clear:left;*/
    text-align: center;
    font-size: 10px;
    margin: 10px 0 10px 0;
    border-top: 1px solid #ababab;
}

/*
###################################################
Socialbooklinks
###################################################
*/
a.socialbooklink,
a.socialbooklink:visited,
a.socialbooklink:link,
a.socialbooklink:focus {
    background-color: transparent;
    background-position: center;
    background-attachment: scroll;
    background-repeat: no-repeat;
    display: inline-block;
    margin: 3px;
}

a.logo-fb-news,
a.logo-fb-news:visited,
a.logo-fb-news:link,
a.logo-fb-news:focus {
    background-image: url("../../img/fb_news_30_sw.png");
    width: 30px;
    height: 30px;
}

a.logo-fb-news:hover {
    background-image: url("../../img/fb_news_30.png");
}

a.logo-fb-blog,
a.logo-fb-blog:visited,
a.logo-fb-blog:link,
a.logo-fb-blog:focus {
    background-image: url("../../img/fb-Blog_30_sw.png");
    width: 30px;
    height: 30px;
}

a.logo-fb-blog:hover {
    background-image: url("../../img/fb-Blog_30.png");
}

a.logo-facebook,
a.logo-facebook:visited,
a.logo-facebook:link,
a.logo-facebook:focus {
    background-image: url("../../img/facebook_30_sw.png");
    width: 30px;
    height: 30px;
}

a.logo-facebook:hover {
    background-image: url("../../img/facebook_30.png");
}

a.logo-facebook-aks,
a.logo-facebook-aks:visited,
a.logo-facebook-aks:link,
a.logo-facebook-aks:focus {
    background-image: url("../../img/facebook_aks_30_sw.png");
    width: 30px;
    height: 30px;
}

a.logo-facebook-aks:hover {
    background-image: url("../../img/facebook_aks_30.png");
}

a.logo-twitter,
a.logo-twitter:visited,
a.logo-twitter:link,
a.logo-twitter:focus {
    background-image: url("../../img/twitter_30_sw.png");
    width: 30px;
    height: 30px;
}

a.logo-twitter:hover {
    background-image: url("../../img/twitter_30.png");
}

a.logo-youtube,
a.logo-youtube:visited,
a.logo-youtube:link,
a.logo-youtube:focus {
    background-image: url("../../img/youtubelogo_30_sw.png");
    width: 30px;
    height: 30px;
}

a.logo-youtube:hover {
    background-image: url("../../img/youtubelogo_30.png");
}

a.logo-googlep,
a.logo-googlep:visited,
a.logo-googlep:link,
a.logo-googlep:focus {
    background-image: url("../../img/googleplus_30_sw.png");
    width: 30px;
    height: 30px;
}

a.logo-googlep:hover {
    background-image: url("../../img/googleplus_30.png");
}

a.logo-xing,
a.logo-xing:visited,
a.logo-xing:link,
a.logo-xing:focus {
    background-image: url("../../img/xing_logo_30_sw.png");
    width: 30px;
    height: 30px;
}

a.logo-xing:hover {
    background-image: url("../../img/xing_logo_30.png");
}

a.leer,
a.leer:visited,
a.leer:link,
a.leer:focus {
    background-image: url("../../img/none.png");
    width: 30px;
    height: 30px;
}

a.leer:hover {
    background-image: url("../../img/none.png");
}

/*
###################################################
Navigationen
###################################################
*/


.navbar-nav {
    width: 102%;
    text-align: center;
    display: table;
}
.navbar-nav > li {
    float: none;
    display: table-cell;
}
/*.navbar{*/
    /*margin: 0 auto;*/
    /*width: 400px;*/
/*}​*/

/*.navigation*/
/*{*/
/*width:994px;*/
/*height:38px;*/
/*line-height:33px;*/
/*margin:20px 0 0 0;*/
/*text-align:center;*/
/*}*/

/*.navigation ul*/
/*{*/
/*list-style: none;*/
/*margin: 0;*/
/*padding: 0;*/
/*}*/

/*.navigation li*/
/*{*/
/*display:inline;*/
/*}*/

/*.navigation a*/
/*{*/
/*font-size:14px;*/
/*text-decoration: none;*/
/*}*/

/*.navigation a:hover*/
/*{*/
/*color:#000;*/
/*}*/

.nav > li {

    -moz-box-shadow: 0 1px 2px #888888;
    -webkit-box-shadow: 0 1px 2px #888888;
    box-shadow: 0 1px 2px #888888;
    background: -webkit-gradient(linear, left top, left bottom, color-stop(0.05, #b2cc6a), color-stop(1, #98b44b));
    background: -moz-linear-gradient(center top, #b2cc6a 5%, #98b44b 100%);
    filter: progid:DXImageTransform.Microsoft.gradient(startColorstr='#b2cc6a', endColorstr='#98b44b');
    background-color: #b2cc6a;
    -webkit-border-top-left-radius: 0px;
    -moz-border-radius-topleft: 0px;
    border-top-left-radius: 0px;
    -webkit-border-top-right-radius: 0px;
    -moz-border-radius-topright: 0px;
    border-top-right-radius: 0px;
    -webkit-border-bottom-right-radius: 0px;
    -moz-border-radius-bottomright: 0px;
    border-bottom-right-radius: 0px;
    -webkit-border-bottom-left-radius: 0px;
    -moz-border-radius-bottomleft: 0px;
    border-bottom-left-radius: 0px;
    text-indent: 0;
    border: 1px solid #8c8c8c;
    color: #ffffff;
    font-size: 16px;
    font-weight: bold;
    font-style: normal;
    line-height: 40px;
    text-decoration: none;
    text-align: center;
    text-shadow: 1px 1px 2px #5d5d5d;
    padding: 6px 15px;
    border-left: none;

}

.nav > li:first-child {
    border-left: 1px solid #8c8c8c;
}

.navbar-default .navbar-nav > li > a {
    color: #FFFFFF;
}

.navbar-default .navbar-nav > .active > a, .navbar-default .navbar-nav > .active > a:hover, .navbar-default .navbar-nav > .active > a:focus {
    background-color: transparent;
    color: #44443a;
    text-shadow: 1px 1px 1px #5d5d5d;
}

.navbar {
    border: none;
}

/*
###################################################
Content Layout
###################################################
*/

/*.content-container*/
/*{*/
/*margin: 35px 0 0 0;*/
/*padding:0 0 10px 0;*/
/*line-height:16px;*/
/* Ohne float kann IE7 die Höhe nicht richtig berechnen */
/*float:left;*/
/*}*/

/*.content-right*/
/*{*/
/*float:right;*/
/*width:247px;*/
/*min-height:250px;*/
/*}*/

/*.content-top*/
/*{*/
/*float:left;*/
/*width:747px;*/
/*}*/

/*.content-left-small*/
/*{*/
/*clear:left;*/
/*float:left;*/
/*width:123px;*/
/*}*/

/*.content-large*/
/*{*/
/*float:left;*/
/*width:624px;*/
/*}*/

/*.content-left*/
/*{*/
/*float:left;*/
/*width:247px;*/
/*}*/

/*.content*/
/*{*/
/*float:left;*/
/*width:500px;*/
/*}*/

/*.content-full*/
/*{*/
/*float:left;*/
/*width:994px;*/
/*}*/

/* Abstande des Contents untereinander */

.csc-default {
    /*margin:0 10px 26px 10px;*/
}

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

.box-advertising .csc-default-2 {
    margin: 0;
}

.csc-default-3 {
    /*margin:0 10px 0px 10px;*/
}

.content-left-small .csc-default,
.content-left .csc-default,
.content-top .csc-default,
.content-left-small .csc-default-3,
.content-left .csc-default-3,
.content-top .csc-default-3 {
    /*margin-left:0px;*/
}

.content-right .csc-default,
.content-right .csc-default-3 {
    /*margin-right:0px;*/
}

.csc-default .csc-default {
    /*margin:0;*/
}

/*


.content-top .csc-default
{
  margin-right:0px;
}
.content .csc-default,
.content-large .csc-default
{
  margin:0 5px 0 5px;
}
*/
/*
###################################################
Globale Boxen // Info-Box
###################################################
*/


.box-interaktion .box-header {
    color: #ffffff;

}


.box-header-toggle h1,
.box-header {
    font-family: 'Open Sans', sans-serif;
    font-size: 18px !important;
    font-weight: bold;
    color: #A2CD55;
    margin-bottom: 10px;
    line-height: 1.1 !important;
}

.box-info {
    background-color: #FFFFFF;
    -webkit-box-shadow: 0px 0px 3px 0px rgba(0, 0, 0, 0.4);
    -moz-box-shadow: 0px 0px 3px 0px rgba(0, 0, 0, 0.4);
    box-shadow: 0px 0px 3px 0px rgba(0, 0, 0, 0.4);
    border-radius: 2px;
    margin-bottom: 10px;
    border: 1px solid #acacac;
}



.box-info .box-top {
    /*height:5px;*/
    /*background:url(../templates/img/box_info_top.png) no-repeat;*/
}

.box-info .box-content {
    /*background:url(../templates/img/box_info_content.png);*/
    padding: 10px 15px 10px 15px;
    line-height: 14px;
    font-size: 11px;
}


.box-info .box-content h1 {
    font-size: 12px;
    margin: 0;
}

.box-content-nopadding {
    line-height: 14px;
    font-size: 11px;
    margin-bottom: 10px;
}

/*
.box-info .box-content li
{
  margin:10px 0 10px 0;
}
*/

.box-info .box-content div {
    font-size: 11px;
    line-height: 13px;
}

.box-info .box-content a {
    color: #9ac249;
    text-decoration: underline;
}

.box-info .box-bottom {
    /*height:5px;*/
    /*background:url(../templates/img/box_info_bottom.png) no-repeat;*/
}

/*
###################################################
Globale Boxen // Box-Advertising
###################################################
*/

.box-advertising {
    /*width:237px;*/
}

.box-advertising .box-content {
    background: url(../templates/img/box_advertising_content.png) repeat-y;
}

.box-advertising .box-inner {
    background: url(../templates/img/box_advertising_inner.png) no-repeat;
    /*min-height:119px;*/
    padding: 20px 20px 0px 20px;
    color: #4D4D4D;
    font-size: 11px;
    line-height: 12px;
}

.box-advertising .box-inner .csc-default-2 {
    position: relative;
}

.box-advertising .box-inner .csc-default-2 .csc-textpic-imagewrap img {
    position: absolute;
    bottom: -2px;
    left: -12px;
}

.box-advertising .box-inner .csc-default-2 .csc-textpic-text {
    /*width:110px;*/
    text-align: right;
    float: right;
}

.box-advertising .box-bottom {
    height: 14px;
    background: url(../templates/img/box_advertising_bottom.png) no-repeat;
}

.box-advertising .box-content h2 {
    color: #4D4D4D;
    margin: 0;
    padding: 17px 0px 0px 0px;

    font-weight: normal;
    font-family: 'Open Sans', sans-serif;
    font-size: 21px;
}

.box-advertising .box-content li {
    margin: 10px 0 10px 0;
}

.box-advertising .box-content .csc-default a.internal-link {
    color: #9ac249;
    text-decoration: underline;
}

.box-advertising .box-content .csc-default a.internal-link:hover {
}

.box-advertising .box-content .csc-default-2 a.internal-link {
    color: #4D4D4D;
    text-decoration: none;
    display: block;
    font-weight: normal;
    /*width:66px;*/
    height: 24px;
    line-height: 24px;
    background: url(../templates/img/submit_btn_bg.png) no-repeat center;
    border: none;
    padding: 0 6px 0 0;
    margin: 0;
    float: right;
}

.box-advertising .box-content .csc-default-2 a.internal-link:hover {
    text-decoration: none;
}

/*
###################################################
Globale Boxen // Box-Interaktion
###################################################
*/

.box-interaktion {
    /*width:237px;*/
    color: #000;
    font-size: 11px;
    line-height: 14px;

    -webkit-box-shadow: 0px 0px 3px 0px rgba(0, 0, 0, 0.4);
    -moz-box-shadow: 0px 0px 3px 0px rgba(0, 0, 0, 0.4);
    box-shadow: 0px 0px 3px 0px rgba(0, 0, 0, 0.4);
    border-radius: 2px;
    background-color: #9FBD4F;
    border: 1px solid #90ac49;
    margin-bottom: 10px;

}

.box-interaktion .box-content {
    /*background:url(../templates/img/box_interaktion_content.png) repeat-y;*/
}

.box-interaktion .box-inner {
    /*background:url(../templates/img/box_interaktion_inner.png) no-repeat;*/
    min-height: 28px;
    padding: 10px 15px 10px 15px;
}

.box-interaktion .box-bottom {
    /*height:7px;*/
    /*background:url(../templates/img/box_interaktion_bottom.png) no-repeat;*/
}

.box-interaktion .box-content h1 {
    font-size: 12px;
    color: #000;
    margin: 0;
}

.box-interaktion .box-content li {
    margin: 10px 0 10px 0;
}

.box-interaktion-unisex {
    width: 237px;
    color: #000;
    font-size: 11px;
    line-height: 14px;
}

.box-interaktion-unisex {
    background: url(../templates/img/box_unisex_content.png) repeat-y;
    height: 162px;
}

.box-interaktion-unisex .box-inner {
    min-height: 28px;
    padding: 10px 15px 10px 15px;
}

.box-interaktion-unisex .box-bottom {
    height: 7px;
}

.box-interaktion-unisex .box-content h1 {
    font-size: 12px;
    color: #000;
    margin: 0;
}

.box-interaktion-unisex .box-content li {
    margin: 10px 0 10px 0;
}

.tool-login-unisex input.button {
    width: 70px;
    background: url(../templates/img/submit_btn_bg_unisex.png) no-repeat;
    height: 24px;
    border: none;
    padding: 0;
    margin: 0;
    cursor: pointer;
    color: #fff;
}

.box-advertising .box-content a {
    color: #9ac249;
    text-decoration: underline;
}

/*
###################################################
Globale Boxen // Box-Cotent
###################################################
*/

.contentbox {
    /*width:617px;*/
    color: #666;
    margin-bottom: 20px;
    background-color: #FFFFFF;
    -webkit-box-shadow: 0px 0px 3px 0px rgba(0, 0, 0, 0.4);
    -moz-box-shadow: 0px 0px 3px 0px rgba(0, 0, 0, 0.4);
    box-shadow: 0px 0px 3px 0px rgba(0, 0, 0, 0.4);
    border-radius: 2px;
    margin-bottom: 10px;
    border: 1px solid #acacac;
}

.contentbox .box-top {
    /*height:8px;*/
    /*background:url(../templates/img/box_content_top.png) no-repeat;*/
}

.contentbox .box-inner {
    /*background:url(../templates/img/box_content_inner.png);*/
    padding: 10px 15px 15px 15px;
    min-height: 350px;
}

.contentbox .box-bottom {
    /*height:8px;*/
    /*background:url(../templates/img/box_content_bottom.png) no-repeat;*/
}

.contentbox .box-content h1 {
    font-size: 12px;
    color: #000;
    margin: 0;
}

.contentbox-2 {
    margin-left: 3px;
    /*width:490px;*/
    color: #000;
    margin-bottom: 20px;
}

.contentbox-2 .box-top {
    height: 8px;
    background: url(../templates/img/box_content_top-2.png) no-repeat;
}

.contentbox-2 .box-inner {
    background: url(../templates/img/box_content_inner-2.png);
    padding: 10px 15px 15px 15px;
    min-height: 350px;
}

.contentbox-2 .box-bottom {
    height: 8px;
    background: url(../templates/img/box_content_bottom-2.png) no-repeat;
}

.contentbox-2 .box-content h1 {
    font-size: 12px;
    color: #000;
    margin: 0;
}

.content-left-small ul.csc-menu {
    list-style: none;
    margin: 0;
    padding: 0;
    display: block;
    position: relative;
    /*width:123px;*/
}

.content-left-small ul.csc-menu li {
    margin: 0;
    /*padding-left: 3px;*/

}

.content-left-small ul.csc-menu a {
    padding: 5px 5px 5px 5px;;
    color: #666;
    /*width:125px;*/
    /*height:44px;*/
    line-height: 20px;
    display: block;
    /*right:-1px;*/
    /*position:relative;*/
    text-decoration: none;
    border-top: 1px solid transparent;
    border-bottom: 1px solid transparent;
    margin-bottom: 5px;

}

.content-left-small ul.csc-menu li.current_page_item a,
.content-left-small ul.csc-menu a:hover {
    /*background:url(../templates/img/subnavigation_content_link.png) no-repeat right top;*/
    /*width:125px;*/
    /*height:44px;*/
    /*display:block;*/
    /*right:-1px;*/
    /*position:relative;*/
    border-top: 1px solid #CFCFCF;
    background-color: #FFFFFF;
    border-bottom: 1px solid #CFCFCF;
    padding-left: 3px;
}

/*
###################################################
Diverses
###################################################
*/

.clearer {
    clear: both;
    line-height: 0;
    font-size: 0;
    height: 0;

}

.box-header-toggle {
    background-image: url(../templates/img/arrow_open.png);
    background-position: right 7px;
    background-repeat: no-repeat;
}

.pfeilunten .box-header-toggle {
    background-position: right bottom !important;
}

.opened {
    background-image: url(../templates/img/arrow_close.png);
    background-position: right 7px;
    background-repeat: no-repeat;
}

.pfeilunten .opened {
    background-position: right bottom !important;
}

.pfeilunten .box-content-collapse {
    margin-top: 5px !important;
}

.box-header {
}

/*
###################################################
News
###################################################
*/

.news-list-item {
    color: #666;
    padding: 0 0 10px 0;
}

.news-list-item-summary,
.news-list-item-full {
    margin: 0;
    padding: 0;
}

span.news-list-date {
    font-size: 12px;
    padding-bottom: 15px;
    display: block;
}

.news-list-item-summary h1 {
    padding-bottom: 5px;
}

.news-list-item span.news-morelink a {
    color: #9ac249;
    text-decoration: underline;
    padding-left: 5px;
    padding-right: 18px;
    background-image: url(../templates/img/arrow_open.png);
    background-position: right 1px;
    background-repeat: no-repeat;

}

.news-list-item span.news-morelink a.opened {
    background-image: url(../templates/img/arrow_close.png);
}

/*
.news-list-container hr
{
  background:#9bc349;
  margin:0;
  padding:0;
  height:0px;
  border-bottom:solid 1px #9bc349;
  border-top:0;
  border-right:0;
  border-left:0;
}
*/

p.small {
    font-size: 10px;
    line-height: 11px;
}

p.large {
    font-size: larger;
}

dl.news-single-files {
}

dl.news-single-files dt {
}

dl.news-single-files dd {
    display: block;
    margin: 0;
    padding: 3px 0 3px 0;
}

dl.news-single-files dd img {
    padding: 0 5px 0 0;
}

dl.news-single-files dd a {
    padding: 0 3px 0 3px;
    color: #9ac249;
    text-decoration: underline;
}

dl.news-single-files dd a:hover {
}

.versteckt {
    display: none;
}

.newsArt {
    color: #9AC249;
    font-size: 16px;
}

.newsTitel {
    color: #000000;
    font-size: 16px;
}

/*
###################################################
Table
###################################################
*/

.broker_search_content .box-inner {
    overflow: hidden;
}

.broker_search_content {
}

.broker_search_content .broker_search_content_inner {
    position: relative;
    left: -15px;
}

.broker_search_content_inner table {
    display: none;
}

#Hinweise,
.broker_search_content_inner .links,
.broker_search_content_inner .fliess {
    font-weight: bold;
    font-size: 13px;
    color: #666;
    padding: 0 0 0 0px;
}

table {
    width: 100%;
    background: url(../templates/img/table_zellen_bg.gif) repeat-y;
    border-collapse: collapse;
    line-height: 11px;
}

#Berater {
    width: 440px;
    margin-left: 4px;
}

#Berater table.dg_liste {
    background: url(../templates/img/berater_bg.jpg) left 25px repeat-y;
    border-collapse: collapse;
    line-height: 16px;
    font-size: 11px;
    font-weight: normal;
    width: 440px;
    color: #666;
    display: block;
}

#Berater table.dg_liste tr {
    background: transparent;
    overflow: hidden;
}

#Berater table.dg_liste th {
    text-align: left;
    padding: 6px 3px 4px 11px;
    background: #fff;
    font-size: 11px;
    font-weight: bold;
    height: 15px;
    color: Black;
    margin: 0;
}

#Berater table.dg_liste th.th_Entfernung {
    padding-right: 11px;
    text-align: right;
}

#Berater table.dg_liste .links {
    font-size: 11px;
    font-weight: normal;
    color: #666;
    padding: 0;
    text-decoration: none;
}

#Berater table.dg_liste td {
    padding: 0 11px 0px 11px;
    background: transparent;
    vertical-align: top;
    overflow: hidden;
    margin: 0;
    text-align: right;
}

#Berater table.dg_liste tr.tr_Firma td {
    min-height: 15px;
    padding-top: 6px;
    padding-bottom: 4px;
}

#Berater table.dg_liste tr.tr_data td {
    min-height: 90px;
    background: #fff;
}

#Berater table.dg_liste td.firma {
    font-size: 13px;
    font-weight: bold;
    line-height: 14px;
    padding-right: 3px;
    text-align: left;
}

#Berater table.dg_liste td.data {
    padding-right: 3px;
    padding-top: 4px;
    padding-bottom: 4px;
    text-align: left;
}

#Berater table.dg_liste td.data p {
    font-size: 11px;
    font-weight: normal;
    color: #666;
    padding: 0;
}

#Berater table.dg_liste td p.Kontaktname {
    font-weight: bold;
    font-size: 11px;
    padding: 0;
    text-align: left;
}

th,
td.header {
    text-align: left;
    padding: 5px 3px 5px 3px;
    background: #fff;
    color: #000;
    font-size: 10px;
}

th a,
td.header a {
    text-decoration: underline;
}

th a:hover,
td.header a:hover {
    text-decoration: none;
}

td {
    padding: 5px 3px 5px 3px;
    font-size: 12px;
    line-height: 16px;
    background: #fff;
    vertical-align: top;
}

tr.alternate td,
tr.tr-odd td {
    background: transparent;
}

.box-interaktion .filelinks {
    padding: 0;
}

.box-interaktion .filelinks a {
    text-decoration: none;
}

.box-interaktion .filelinks .fileitem {
    vertical-align: middle;
    padding: 4px 0 2px 0;
    margin: 0;
}

.fileitem a img,
.fileitem a span {
    float: none;
    display: inline;
    vertical-align: middle;
}

.fileitem a img {
    padding: 0 10px 0 0;
}

.news-latest-item h1 {
    padding: 0;
}

.news-latest-item span.news-latest-date {
    font-size: 11px;
}

.news-latest-item p {
    padding: 0 0 10px 0;
}

.broker-search table,
.broker-search table tr,
.broker-search table td {
    background: none;
    padding: 0;
    margin: 0;
    vertical-align: middle;
}

.broker-search input {
    width: 132px;
    margin: 1px 4px 0 0;
    padding: 0;
}

.broker-search input.button,
.tool-login input.button,
.tool-logout input.button {
    width: 68px;
    background: url(../templates/img/submit_btn_bg.png) no-repeat;
    height: 22px;
    border: none;
    padding: 0;
    margin: 0;
    cursor: pointer;
    font-size: 11px;
}

.rating-content table {
    background: none;
    padding: 0;
    margin: 0;
}

.rating-content table p {
    padding: 0;
}

.rating-content th.level-1 {
    background: url(../templates/img/table_header_level1.png);
    width: 482px;
    height: 14px;
    line-height: 17px;
    font-size: 12px;
    padding: 3px 0 0 0;
    margin: 0;
}

.rating-content th.level-2 {
    background: url(../templates/img/table_header_level2.png);
    width: 482px;
    height: 17px;
    line-height: 17px;
    font-size: 12px;
    padding: 0;
    margin: 0;
}

.rating-content td {
    background: none;
    font-size: 12px;
    padding: 3px 0 3px 0;
    margin: 0;
    color: #ababab;
}

.rating-content td a,
.rating-content td a:active,
.rating-content td a:link,
.rating-content td a:visited {
    text-decoration: none;
    font-weight: bold;
    color: #ababab;
    font-size: 11px;
}

.rating-content td a:hover {
    text-decoration: underline;
}

.csc-default-3 .csc-textpic-intext-right .csc-textpic-imagewrap {
    position: relative;
    right: -22px;
}

.csc-textpic-single-image img {
    margin-bottom: 0 !important;
}



.bodytext a,
.bodytext a:link,
.bodytext a:visited,
.bodytext a:active {
    color: #9ac249;
    text-decoration: underline;
}

.bodytext a:hover {
    text-decoration: underline;
}

table.rating-summary {

}

table.rating-summary td {
    padding: 0;
}

table.rating-summary div.header {
    width: 567px;
}

table.rating-summary div.header table {
    background: url(../templates/img/rating_table_header_level1.png);
}

table.rating-summary div.header table td {
    background: none;
    padding: 3px 0 3px 0;
    height: 18px;
    line-height: 18px;
    font-size: 11px;
    font-weight: bold;
}

table.rating-summary th {
    font-size: 11px;
    font-weight: bold;
    color: #000;
    padding-right: 0;
    padding-left: 0;
}

table.rating-summary div.content-collapsable {
}

table.rating-summary tr.alt div.header table {
    background: none;
}

table.rating-summary div.content-collapsable td {
    background-image: none;
    background-color: #fff;
    padding: 3px 0 3px 0;
    height: 18px;
    line-height: 18px;
    font-size: 11px;

}

table.rating-summary tr.alt div.content-collapsable {
}

table.rating-summary div.header table toggle,
table.rating-summary div.header table opened {
    background: none;
}

.more-info-container .content-main {
    float: left;
    width: 78%;
}

.more-info-container .content-right {
    min-height: 0;
    float: right;
    width: auto;
}

.more-info-container .content-main-2 {
    /*width:435px;*/
}

.more-info-container .content-right-2 {
    /*width:120px;*/
}

div.more-link a {
    color: #9ac249;
    text-decoration: underline;

    padding-right: 18px;
    background-image: url(../templates/img/arrow_open.png);
    background-position: right 2px;
    background-repeat: no-repeat;
    float: right;

}

div.close-link a {
    color: #9ac249;
    text-decoration: underline;

    padding-right: 18px;
    background-image: url(../templates/img/arrow_close.png);
    background-position: right 2px;
    background-repeat: no-repeat;
    float: right;

}

/*
###################################################
Produkte
###################################################
*/

.product_container {
    background: #eeedee;
    border: 1px solid #b2b2b2;
    padding: 15px 5px 15px 5px;
    -webkit-box-shadow: 0px 0px 3px 0px rgba(0, 0, 0, 0.4);
    -moz-box-shadow: 0px 0px 3px 0px rgba(0, 0, 0, 0.4);
    box-shadow: 0px 0px 3px 0px rgba(0, 0, 0, 0.4);
    border-radius: 2px;
    margin-bottom: 10px;

}

.product_container img {
    max-width: 100%;
    height: auto;
    display: block;
}

.product_box {

}

.product_box .text {
    padding-top: 15px;
    line-height: 16px;
}

.product_box a.product-link {
    background-image: url(../templates/img/produkte_submit_btn_bg.png);
    width: 84px;
    height: 24px;
    display: block;
    position: absolute;
    top: 96px;
    right: 21px;
    text-decoration: none;
    color: #000;
    line-height: 24px;
    text-align: center;
    font-size: 11px;
}

.product-link {
    display:none;

}

.product_box a.internal-link,
.service_box a.internal-link {
    color: #9ac249;
    text-decoration: underline;
}

.product_box a.internal-link:hover,
.service_box a.internal-link:hover {
}

/*
###################################################
Service
###################################################
*/

.service_container {
    background: #eeedee;
    border: 1px solid #b2b2b2;
    padding-top: 10px;
}

.service_box {
    /*width:230px;*/
    /*float:left;*/
    /*position:relative;*/
    /*margin:0 5px 0 5px;*/
}

.service_box img {
    max-width: 100%;
    height: auto;
    display: block;
}

.service_box .text {
    color: #666;
    font-size: 12px;
    line-height: 16px;
    padding-top: 5px;
}

.service_box .header {
    font-weight: bold;
    color: #666;
    padding: 15px 0 10px 0;
}

.service_box .link a {
    background-image: url(../templates/img/produkte_submit_btn_bg.png);
    width: 84px;
    height: 24px;
    display: block;
    position: absolute;
    top: 90px;
    right: 25px;
    text-decoration: none;
    color: #000;
    line-height: 24px;
    text-align: center;
    font-size: 11px;
}

.service_box a.more-link {
    color: #9ac249;
    text-decoration: none;
}

/*
###################################################
Wissen
###################################################
*/

.more-info-container hr,
.more-info-container-2 hr {
    height: 1px;
    border-top: 0;
    border-right: 0;
    border-left: 0;
    border-bottom: 1px solid #cde1a4;
}

.panes {
}

.tab-buttons {
    clear: both;
    background: url(../templates/img/tab_background.jpg) no-repeat;
    height: 25px;
    padding-bottom: 35px;
    /*width: 608px;*/
    position: relative;
    left: -21px;
    margin-top: 20px;
}

.tab-buttons ul.tabs {
    list-style: none;
    float: left;
    padding: 0;
    margin: 0 20px 0 20px;
}

.tab-buttons ul.tabs li {
    float: left;
    padding: 0;
    margin: 0 5px 0 5px;
}

.tab-buttons ul.tabs li a,
.tab-buttons ul.tabs li a:link,
.tab-buttons ul.tabs li a:visited,
.tab-buttons ul.tabs li a:active {
    text-decoration: none;
    color: #555459;
    background: #fff url(../templates/img/reiterback_normal.png) bottom repeat-x;
    display: block;
    padding: 3px;
    height: 30px;
    line-height: 13px;
    border-top: none;
    border-right: solid 1px #cfcfcf;
    border-left: solid 1px #cfcfcf;
    border-bottom: solid 1px #cfcfcf;
}

.tab-buttons ul.tabs li a:hover {
    background: #fff url(../templates/img/reiterback_hover.png) bottom repeat-x;
    border-color: #89A04A;
}

.tab-buttons ul.tabs li a.current {
    height: 30px;
    line-height: 18px;
    background: #fff url(../templates/img/reiterback_aktiv.png) bottom repeat-x;
    border-color: #89A04A;
}

.tab-buttons ul.tabs li a:hover .topIcon {
    z-index: 100 !important;
    background: transparent url(../templates/img/arrow-down-gray-big-trans.png) center top no-repeat;
    vertical-align: bottom;
    position: absolute;
    height: 10px;
    width: 16px;
    margin-top: -11px;
    margin-left: -4px;
}

.tab-buttons ul.tabs li a.current .topIcon {
    z-index: 100 !important;
    background: transparent url(../templates/img/arrow-down-mirror-big-trans.png) center top no-repeat;
    vertical-align: bottom;
    position: absolute;
    height: 10px;
    width: 16px;
    margin-top: -11px;
    margin-left: -4px;
}

ul.csc-bulletlist {
    list-style-type: disc;
    margin-left: 10px;
    padding: 0;
}

ul.csc-bulletlist li {
    padding: 3px 0 3px 0;
    margin: 0;
}

ul.csc-bulletlist li.odd {
}

ul.csc-bulletlist li.even {
}

.tool-login-unisex {
    margin-top: 60px;
}

.tool-login table,
.tool-login table td,
.tool-login table tr,
.tool-logout table,
.tool-logout table td,
.tool-logout table tr,
.tool-login-unisex table,
.tool-login-unisex table td,
.tool-login-unisex table tr {
    background: none;
    font-size: inherit;
    vertical-align: middle;
}

.tool-login-unisex table td {
    padding: 3px;
}

.tool-login label,
.tool-logout label,
.tool-login-unisex label {
    vertical-align: middle;
}

.tool-login input,
.tool-logout input,
.tool-login-unisex input {
    width: 120px;
    margin: 1px;
    padding: 1px;
}

.login-text h3 {
    font-size: 18px;
    font-weight: bold;
    color: #4d4d4d;
    text-shadow: 0 1px 8px #ffffff;
}

h1.image-header-1 {
    /*float:left;*/
}

.csc-default-3 {
    position: relative;
    min-height: 280px;
}

.csc-default-3 .csc-textpic .csc-textpic-imagewrap {
    position: absolute;
    bottom: 0px;
}

.csc-default-3 .csc-textpic .csc-textpic-text {
    width: 325px;
    padding-bottom: 10px;
}

h1.image-header-2 {
    text-align: right;
    padding: 0;
}

/*
    Kontaktformular
*/

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

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

.tx-powermail-pi1 label {
    display: inline-block;
    /*float:left;*/
    vertical-align: baseline;
    width: 120px;
    text-align: right;
    padding-right: 10px;
}

.tx-powermail-pi1 input {
    /*float:left;*/
    vertical-align: baseline;
    width: 300px;
}

.tx-powermail-pi1 textarea {
    /*float:left;*/
    width: 300px;
    height: 170px;
    vertical-align: text-top;
}

.tx-powermail-pi1 .tx_powermail_pi1_fieldwrap_html {
    clear: both;
    padding-bottom: 6px;
}

.tx-powermail-pi1 .powermail_submit {
    width: 68px;
    background: url(../templates/img/submit_btn_bg.png) no-repeat;
    height: 22px;
    border: none;
    padding: 0;
    margin: 0 0 0 130px;
    font-size: 11px;
}

.tx-powermail-pi1 .powermail_mandatory_js {
    padding: 5px 0 0 130px;
    color: Red;
}

.tx-powermail-pi1 table.contenttable td {
    font-size: 12px;
}

.ratings-container {
    margin-bottom: -20px;
}

.ratings-container iframe {
    overflow: auto;
    min-height: 500px !important;
}

/** Listen-Elemente haben für die Navigation keine LKisten-Formatierung mehr
 *  Für den Contentbereich bekommen sie ihre normale Formatierung wieder
.content-right ul,
  .content-right ul li,
  .content-large ul,
  .content-large ul li{
  list-style: disc outside;
  margin-left: 10px;
}
 */

.listsmall ul {
    margin-left: 10px;
    padding: 0px;
}

.listsmall ul li {
    margin-left: 10px;
    padding: 0px;
}

.listsmall ul li ol {
    margin-left: 10px;
    padding: 0px;
}

.listsmall ul li ol li {
    margin-left: 10px;
    padding: 0px;
}

.filmBox {
    width: 560px;
    height: 315px;
}

.tx-rgmediaimages-pi1 {
    text-align: center;
}

.neu-bildchen {
    position: absolute;
    margin-left: 120px;
    margin-top: -60px;
}

.biglink a,
.biglink a:link,
.biglink a:visited,
.biglink a:focus {
    font-size: 25px;
    line-height: 25px;
    color: #fff;
    text-decoration: none;
}

.biglink a:hover {
    text-decoration: underline;
}

.vergleichstabelle {
    border-width: 1px;
    border-style: solid;
    border-color: #B4D069;
    border-collapse: collapse;
}

.vergleichstabelle .td-0 {
    border-width: 1px;
    border-style: solid;
    border-color: #B4D069;
}

.vergleichstabelle .td-1 {
    width: 100px;
    text-align: center;
    border-width: 0px 0px 1px 1px;
    border-style: solid;
    border-color: #B4D069;
}

.vergleichstabelle .td-2 {
    width: 100px;
    text-align: center;
    border-width: 0px 0px 1px 1px;
    border-style: solid;
    border-color: #B4D069;
}

.vergleichstabelle .td-3 {
    width: 100px;
    text-align: center;
    border-width: 0px 0px 1px 1px;
    border-style: solid;
    border-color: #B4D069;
}

.vergleichstabelle .td-3 {
    width: 100px;
    text-align: center;
    border-width: 0px 1px 1px 1px;
    border-style: solid;
    border-color: #B4D069;
}

.filelinks div {
    background-image: none;
    margin-bottom: 10px;
    padding-left: 25px;
}

.ssl-check {
    float: left;
    width: auto !important;
    margin-top: 5px !important;
    #margin-top: 30px !important;
    cursor: pointer;
}

.ssl-label {
    line-height: 16px;
    display: block;
    cursor: pointer;
}

/*td.firma
td.data*/

.versubutton {
    background-image: url(../templates/img/versu_btn_blue.png);
    background-position: center center;
    background-repeat: no-repeat;
    background-color: transparent;
    width: 204px;
    height: 24px;
    border: 0px;
    margin-top: 5px;
    cursor: pointer;
}

.contentbox .box-togglecontent {
    border-bottom: 1px #ABABAB solid;
    padding-bottom: 5px;
}

.contentbox .box-content-collapse {
    padding-top: 5px;
}

.contentbox h1 {
    padding: 0;
    margin: 10px 0 10px 0;
}

.contentbox ul {
    margin-top: 1px;
    margin-bottom: 3px;
    padding-left: 15px;
}

.contentbox p {
    padding: 0;
}

.contentbox .csc-default {
    margin: 0 10px 10px 10px;
}

.contentbox .box-header-toggle {
    background-position: right 4px;
}

p.bodytext {
    padding-bottom: 5px;
}

.cellefff {
    padding-bottom: 2px;
}

.cellefff p.bodytext {
    padding-bottom: 0px;
}

.indent {
    margin-left: 30px;
}

.centered {
    text-align: center;
}

a.internal-link,
a.internal-link:link,
a.internal-link:visited,
a.internal-link:active,
a.internal-link:hover {
    color: #9AC249;
    text-decoration: underline;
    line-height: 21px;
}

.link-right,
.link-left {
    text-decoration: underline;
    line-height: 30px;
    text-align: right;
    border-bottom: 1px #ababab solid;
}

.link-left {
    text-align: right;
}

.link-right a:link,
.link-right a:visited,
.link-right a:active,
.link-right a:hover {
    padding-right: 20px;
    background-image: url(../templates/img/arrow_right.png);
    background-position: right center;
    background-repeat: no-repeat;
    background-color: transparent;
}

.link-left a:link,
.link-left a:visited,
.link-left a:active,
.link-left a:hover {
    padding-left: 20px;
    background-image: url(../templates/img/arrow_left.png);
    background-position: left center;
    background-repeat: no-repeat;
    background-color: transparent;
}

.linkdiv {
    display: block;
    margin-top: 30x;
    height: 30px;
    line-height: 35px;
    padding-left: 30px;
    background-image: url(../templates/img/pdf_icon_small.png);
    background-position: left center;
    background-repeat: no-repeat;
    background-color: transparent;
}

.box-header-toggle h1 {
    font-size: 16px;
    padding-right: 20px;
}

#iframeBestellung,
#iframeAktivierung {
    width: 590px;
    height: 400px;
}

.tabelleNoBack {
    background-image: none;
}

.tabelleNoBack td {
    background-image: none;
    vertical-align: middle;
    line-height: 12px;
}

.spaltemann {
    background-image: url("/fileadmin/downloads/fb-Bilder/Mann.png");
    background-position: center;
    background-repeat: no-repeat;
    background-color: #fff;
    height: 120px;
    width: 50px;
}

.spaltefrau {
    background-image: url("/fileadmin/downloads/fb-Bilder/Frau.png");
    background-position: center;
    background-repeat: no-repeat;
    background-color: #fff;
    height: 120px;
    width: 50px;
}

.spaltesprechblase {
    background-image: url("/fileadmin/downloads/fb-Bilder/sprechblase.png");
    background-position: left center;
    background-repeat: no-repeat;
    background-color: #fff;
    width: 200px;
}

.spaltesprechblase2 {
    background-image: url("/fileadmin/downloads/fb-Bilder/sprechblase2.png");
    background-position: center;
    background-repeat: no-repeat;
    background-color: #fff;
    width: 200px;
}

.spaltesprechblase3 {
    background-image: url("/fileadmin/downloads/fb-Bilder/sprechblase3.png");
    background-position: center;
    background-repeat: no-repeat;
    background-color: #fff;
    width: 200px;
}

.pfeil_rechts {
    background-image: url("/fileadmin/downloads/fb-Bilder/pfeildickrechts.png");
    background-position: center;
    background-repeat: no-repeat;
    background-color: #fff;
    width: 60px;
}

.pfeil_runter {
    background-image: url("/fileadmin/downloads/fb-Bilder/pfeildickrunter.png");
    background-position: center;
    background-repeat: no-repeat;
    background-color: #fff;
    width: 50px;
}

.fragezeichen {
    background-image: url("/fileadmin/downloads/fb-Bilder/fragezeichen.png");
    background-position: center;
    background-repeat: no-repeat;
    background-color: #fff;
    width: 70px;
}

.schloss {
    background-image: url("/fileadmin/downloads/fb-Bilder/schloss.png");
    background-position: center;
    background-repeat: no-repeat;
    background-color: #fff;
    width: 100px;
}

.schloss {
    background-image: url("/fileadmin/downloads/fb-Bilder/schloss.png");
    background-position: center;
    background-repeat: no-repeat;
    background-color: #fff;
    width: 100px;
}

.unisex_screen_mini {
    background-image: url("/fileadmin/downloads/fb-Bilder/unisex_screen_mini.png");
    background-position: center;
    background-repeat: no-repeat;
    background-color: #fff;
    width: 410px;
}

.unisex_screen_analyse {
    background-image: url("/fileadmin/downloads/fb-wissen/vorletzte_Box.png");
    background-position: left;
    background-repeat: no-repeat;
    background-color: #fff;
    width: 556px;
    height: 355px;

}

.tabelle_jobs {
    /*width: 204px;*/
    /*height: 60px;*/
    /*margin-top: -5px;*/
    /*margin-bottom: 0px;*/
}

.td_jobs_titel {
    font-size: 12px;
    padding: 0 0 4px 0;
    color: #000;
    line-height: 15px;
    font-weight: bold;
}

.td_jobs {
    font-size: 11px;
    padding: 0;
    color: #000;
    line-height: 15px;
}

.news-latest-container {
    /*height: 170px;*/
    margin-bottom: 10px;
    overflow: auto;
}

/* IE8 only*/
.vermittlersuche {
    /*height *//*\**//*: 113px\9;*/
}

/*.vermittlersuche {
    height: 113px;
}*/

/****************************************/
/*   bit_csvtable - Extension-Styles    */
/****************************************/
.tx-bitcsvtable-pi1 table.bit_csvtable {
    background-image: none;
    background-color: #f0f0f0;
    margin: 0;
}

.tx-bitcsvtable-pi1 table.bit_csvtable a,
.tx-bitcsvtable-pi1 table.bit_csvtable a:visited,
.tx-bitcsvtable-pi1 table.bit_csvtable a:active,
.tx-bitcsvtable-pi1 table.bit_csvtable a:focus,
.tx-bitcsvtable-pi1 table.bit_csvtable a:hover {
    color: #9BB13B;
    text-decoration: none;
    font-weight: bold;
}

.tx-bitcsvtable-pi1 table.bit_csvtable a:hover {
    color: #9BB13B;
    text-decoration: none;
    font-weight: bold;
}

.tx-bitcsvtable-pi1 table.bit_csvtable th {
    font-size: 11px;
    font-weight: bold;
    color: #000;
    padding: 5px;
}

.tx-bitcsvtable-pi1 table.bit_csvtable tr {
    background-image: none;
    background-position: left bottom;
    background-repeat: repeat-x;
    background-atachment: scroll;
    background-color: transparent;

}

.tx-bitcsvtable-pi1 table.bit_csvtable tr.odd {
    background-image: none;
    background-position: left bottom;
    background-repeat: repeat-x;
    background-atachment: scroll;
    background-color: #fff;

}

.tx-bitcsvtable-pi1 table.bit_csvtable tr td {
    background-image: none;
    background-position: left top;
    background-repeat: repeat-x;
    background-atachment: scroll;
    background-color: transparent;
    height: 18px;
    line-height: 18px;
    font-size: 11px;
    padding: 5px 5px 25px 5px;
    min-width: 115px;
}

.tx-bitcsvtable-pi1 table.bit_csvtable tr.odd td {
    background-image: none;
    background-position: left top;
    background-repeat: repeat-x;
    background-atachment: scroll;
    background-color: transparent;
    height: 18px;
    line-height: 18px;
    font-size: 11px;
    padding: 5px 5px 25px 5px;
}

.tx-bitcsvtable-pi1 table.bit_csvtable tr td sup {
    font-size: 8px !important;
}

.tx-bitcsvtable-pi1 fieldset.bit_csvtable {
    border: 0;
}

.tx-bitcsvtable-pi1 fieldset.bit_csvtable legend {
    color: #9AC249;
}

.tx-bitcsvtable-pi1 fieldset.bit_csvtable ul {
    list-style-type: none;
    padding: 0;
    margin: 0;
}

.tx-bitcsvtable-pi1 .searchInner {
    min-height: 30px;
    background-image: url(../templates/img/verlauf_oben.png);
    background-position: left top;
    background-repeat: repeat-x;
    background-atachment: scroll;
    background-color: #EEEDEE;
    margin-bottom: 20px;
}

.tx-bitcsvtable-pi1 .searchform {
    padding: 10px 0 0 0;
    margin: 0;
    min-height: 30px;
    border: 1px solid #ccc;
    background-image: url(../templates/img/verlauf_unten.png);
    background-position: left bottom;
    background-repeat: repeat-x;
    background-atachment: scroll;
    background-color: transparent;
}

.tx-bitcsvtable-pi1 .search, .tx-bitcsvtable-pi1 .fields {
    position: relative;
    /*width: 30%;*/
    float: left;
}

.tx-bitcsvtable-pi1 input[type=submit],
.tx-bitcsvtable-pi1 a.buttonlink,
.tx-bitcsvtable-pi1 a.buttonlink:visited,
.tx-bitcsvtable-pi1 a.buttonlink:active,
.tx-bitcsvtable-pi1 a.buttonlink:focus,
.tx-bitcsvtable-pi1 a.buttonlink:hover,
.bodytext a.buttonlink,
.bodytext a.buttonlink:visited,
.bodytext a.buttonlink:active,
.bodytext a.buttonlink:focus,
.bodytext a.buttonlink:hover,
a.buttonlink,
a.buttonlink:visited,
a.buttonlink:active,
a.buttonlink:focus,
a.buttonlink:hover {
    background-image: url(../templates/img/submit_btn_bg_wide.png);
    background-position: left -1px;
    background-repeat: no-repeat;
    background-atachment: scroll;
    background-color: transparent;
    border: 0;
    width: 115px;
    height: 24px;
    display: block;
    color: #000 !important;
    line-height: 20px;
    text-align: center;
    font-size: 11px;
    font-weight: normal !important;
    float: right;
    cursor: pointer;
    text-decoration: none;
}

a.buttonlink,
a.buttonlink:visited,
a.buttonlink:active,
a.buttonlink:focus,
a.buttonlink:hover {
    float: none;
    clear: both;
    margin-top: -10px;
    text-decoration: none;
}

.bodytext a.buttonlink,
.bodytext a.buttonlink:visited,
.bodytext a.buttonlink:active,
.bodytext a.buttonlink:focus,
.bodytext a.buttonlink:hover {
    margin-top: 10px;
    text-decoration: none;
}

.tx-bitcsvtable-pi1 input[type=submit] {
    margin: 0px 10px 20px 0;
}

.tx-bitcsvtable-pi1 a.buttonlink,
.tx-bitcsvtable-pi1 a.buttonlink:visited,
.tx-bitcsvtable-pi1 a.buttonlink:active,
.tx-bitcsvtable-pi1 a.buttonlink:focus,
.tx-bitcsvtable-pi1 a.buttonlink:hover {
    float: none;
    margin: 0px 10px 0px 10px;
    position: relative;
}

.tx-bitcsvtable-pi1 input[type=radio] {
    border: 0;
    vertical-align: top;
}

.tx-bitcsvtable-pi1 input[type=text] {
    width: 250px;
}

.tx-bitcsvtable-pi1 select.selector {
    cursor: pointer;
}

.tx-bitcsvtable-pi1 select.selector option[selected] {
    background-color: #EEEDEE;
}

.tx-bitcsvtable-pi1 .wrap_button {
    padding-top: 20px;
}

.tx-bitcsvtable-pi1 .lighter {
    color: #999;
}

.tx-bitcsvtable-pi1 .produkt,
.tx-bitcsvtable-pi1 .moderator {
    margin-left: 10px;
    font-weight: bold;
}

.tx-bitcsvtable-pi1 .zusatzInfo {
    color: #999;
    font-size: 10px;
}

.headerRechts {
    color: #9AC249;
    text-align: right;
    margin-right: 18px;
    padding-top: 2px;
    padding-bottom: 5px;
    text-decoration: underline;
}

.infoTabelle td {
    font-size: 14px;
    color: #4D4D4D;
}

a.link_kamera_icon,
a.link_kamera_icon:visited,
a.link_kamera_icon:active,
a.link_kamera_icon:focus,
a.link_kamera_icon:hover {
    background-color: transparent;
    background-image: url(../templates/img/kamera_icon.png);
    background-position: center right;
    background-atachment: scroll;
    background-repeat: no-repeat;
    padding-right: 30px;
    text-decoration: none !important;
    color: #666 !important;
    cursor: pointer;
}

.carouselContainer ul {
    padding-left: 0px;
}

.box-content .box-inner .bodytext a,
.box-content .box-inner .bodytext a:link,
.box-content .box-inner .bodytext a:visited,
.box-content .box-inner .bodytext a:active,
.box-content .box-inner .bodytext a:hover {
    color: #000000;
}

.box-content .box-inner .contenttable .bodytext a,
.box-content .box-inner .contenttable .bodytext a:link,
.box-content .box-inner .contenttable .bodytext a:visited,
.box-content .box-inner .contenttable .bodytext a:active,
.box-content .box-inner .contenttable .bodytext a:hover,
.box-content .box-inner .bodytext a.external-link-new-window,
.box-content .box-inner .bodytext a.external-link-new-window:link,
.box-content .box-inner .bodytext a.external-link-new-window:visited,
.box-content .box-inner .bodytext a.external-link-new-window:active,
.box-content .box-inner .bodytext a.external-link-new-window:hover {
    text-decoration: none !important;
    font-size: 12px;
}

.erreichbarkeit table tbody tr td {
    padding: 0;
}

.download img {
    vertical-align: middle;
    line-height: 25px;
}

#ZusatzInfoBox {
    display: none;
}

.angemeldetName {
    font-weight: bold;
    font-size: 16px;
}

/* Beginn -  CSS für Mediathek-Template */
.mediathek_tabelle td {
    font-size: 12px;
    vertical-align: top;
    line-height: 14px;
}

#fbMediathekVideo {
    margin-bottom: 10px;
}

.mediathek_dauer {
    width: 90px;
}

.trenner {
    border-bottom: 1px solid #CDE1A4;
    margin: 20px 0;
}

.clip {
    width: 210px;
}

.data {
    width: auto;
}

.links {
    width: 70px;
}

.mediathek_thema,
.titel,
.time,
.info,
.changed,
.filepath {
    font-weight: bold;
}

.mediathek_thema:before {
    content: "Thema: ";
    display: inline-block;
    font-weight: normal;
}

.titel:before {
    content: "Name: ";
    display: inline-block;
    font-weight: normal;
}

.time:before {
    content: "Dauer: ";
    display: inline-block;
    font-weight: normal;
}

.info:before {
    content: "Info: ";
    display: inline-block;
    font-weight: normal;
}

.changed:before {
    content: "letzte Änderung: ";
    display: inline-block;
    font-weight: normal;
}

.filepath:before {
    content: "Ablage intern: ";
    display: inline-block;
    font-weight: normal;
}

#videoName:before {
    content: "Video: ";
}

/* Ende - CSS für Mediathek-Template */

/* Flexslider-Anpassungen*/
.flexslider {
    margin: 0 0 34px;
    position: relative;
    background: none repeat scroll 0 0 rgba(0, 0, 0, 0);
    border: medium none;
    -webkit-box-shadow: none;
    -moz-box-shadow: none;
    -o-box-shadow: none;
    box-shadow: none;
    height: 355px;
    width: 740px;
}

.flex-direction-nav a {
    height: 48px !important;
}

.flex-prev {
    left: 10px !important;
}

.flex-next {
    right: 10px !important;
}

.box-interaktion hr {
    border: 0;
    height: 1px;
    background-color: #ffffff;

    -webkit-box-shadow: 1px 1px 3px #2d2d2d, 1px -1px 3px #ededed;
    -moz-box-shadow: 1px 1px 3px #2d2d2d, 1px -1px 3px #ededed;
    box-shadow: 1px 1px 3px #2d2d2d, 1px -1px 3px #ededed;

}

.box-interaktion .biglink a,
.box-interaktion .biglink a:visited,
.box-interaktion .biglink a:focus,
.box-interaktion .biglink a:link,
.box-interaktion .biglink a:default,
.box-interaktion .biglink a:hover {
    font-size: 12px !important;
    line-height: 13px !important;
}

.box-interaktion .biglink a:hover {
    color: #5b5b5b !important;
}

#declaration-confirm {
    display: none;
    z-index: 99;
    background-color: #ffffff;
    border: 3px solid #BECD02;
    -webkit-border-radius: 10px;
    -khtml-border-radius: 10px;
    -moz-border-radius: 10px;
    border-radius: 10px;
    padding: 10px;
}

#declaration-confirm h2 {
    text-align: center;
}

.trusted-partner-logo {
    text-align: center;
}

.shadow {
    -moz-box-shadow: 0 0 5px 0 #888888;
    -webkit-box-shadow: 0 0 5px 0 #888888;
    box-shadow: 0 0 5px 0 #888888;
}

.gruen {
    color: #9ac249;
    margin: 0;
    font-size: 11px;
    line-height: 18px;
    padding-bottom: 0;

}

.ticker-box {
    height: 30px;
}

/* FB-TICKER */
#fb-ticker {
    position: absolute;
    display: block;
    height: 30px;
    width: 990px;
    overflow: hidden;
    margin-top: -33px;

    -webkit-border-radius: 10px;
    -moz-border-radius: 10px;
    -ms-border-radius: 10px;
    -o-border-radius: 10px;
    border-radius: 10px;
}

#ticker-title {
    position: absolute;
    width: 60px;
    height: 30px;
    text-align: right;
    background-color: #ffffff;

    -webkit-border-radius: 10px 0 0 10px;
    -moz-border-radius: 10px 0 0 10px;
    -ms-border-radius: 10px 0 0 10px;
    -o-border-radius: 10px 0 0 10px;
    border-radius: 10px 0 0 10px;
}

#ticker-content {
    margin-left: 60px;
    height: 30px;
    line-height: 30px;
    background-color: #ffffff;

    border: 1px solid #dcdcdc;
    -webkit-border-radius: 0 10px 10px 0;
    -moz-border-radius: 0 10px 10px 0;
    -ms-border-radius: 0 10px 10px 0;
    -o-border-radius: 0 10px 10px 0;
    border-radius: 0 10px 10px 0;

    -moz-box-shadow: 0 0 3px 0 #4D4D4D inset;
    -webkit-box-shadow: 0 0 3px 0 #4D4D4D inset;
    box-shadow: 0 0 3px 0 #4D4D4D inset;
}

#ticker-text {
    position: absolute;
    width: auto;
    text-align: right;
    color: #999999;
    font-weight: bold;
    padding: 0 10px;
    font-size: 20px;
    letter-spacing: 3px;
}

#ticker-text ul,
#ticker-text ul li {
    padding: 0;
    margin: 0;
    list-style: none;
}

div.csc-textpic {
    overflow: visible;
}

div.csc-textpic-image {
    margin-right: 5px;
}

div.csc-textpic-image img {
    max-width: 100%;
    height: auto;
    display: block !important;
}

/* Parsley */
/*
input.parsley-success, select.parsley-success, textarea.parsley-success {
    color: #468847;
}
*/

input.parsley-error, select.parsley-error, textarea.parsley-error {
    background-color: #F2DEDE;
    color: #B94A48;
}

.parsley-errors-list {
    font-size: 10px;
    line-height: 1.1;
    list-style-type: none;
    margin: 2px 0 3px;
    opacity: 0;
    padding: 0;
    transition: all 0.3s ease-in 0s;
    color: #B94A48;
}

.parsley-errors-list.filled {
    opacity: 1;
}

/* FormWrapper */
#FormWrapper .input[type='submit'],
#FormWrapper .button {
    text-align: right;
    font-size: 12px;
    color: #fcfcfc;
    line-height: 1.2;
    border: 1px solid #A2CD55;
    padding: 10px;
    border-radius: 5px;
    background-color: #A2CD55;
    cursor: pointer;
    text-decoration: none;
}

#FormWrapper .button:hover, a.button:hover {
    background-color: #9CB94D;
    border: 1px solid #9CB94D;
}

#FormWrapper input {
    border: 1px solid #999999;
    border-radius: 3px;
    color: #4D4D4D;
    /* display: inline-block;*/
    font-family: 'Open Sans', sans-serif;
    font-size: 16px;
    height: 25px;
    line-height: 25px;
    padding: 0 5px;
    vertical-align: middle;
    width: 90%;
    background-color: #efefef;

}

.teaserImage {
    -webkit-box-shadow: 0px 0px 3px 0px rgba(0, 0, 0, 0.4);
    -moz-box-shadow: 0px 0px 3px 0px rgba(0, 0, 0, 0.4);
    box-shadow: 0px 0px 3px 0px rgba(0, 0, 0, 0.4);
    border-radius: 2px;
    border: 1px solid #acacac;

}

/* bootstrap */


/*.no-gutter > [class*='col-'] {*/
    /*padding-right:0;*/
    /*padding-left:0;*/
/*}*/


.carousel-control.right {
    background-image: none;
}

.carousel-control.left {
    background-image: none;
}

.content-left-small .col-md-2 {
    padding-right: 0px;
}

.content-large .col-md-10 {
    padding-left: 0px;
}

.carousel-indicators {
    bottom: 0;
}

.csc-menu li {
    float: left;
    min-width: 130px;
    /*display: inline;*/
}



.ContentHeadline {
    font-size: 36px;
    margin-bottom: 20px;
}

/* default styles for extension "tx_cssstyledcontent" */
/* Headers */
.csc-header-alignment-center {
    text-align: center;
}

.csc-header-alignment-right {
    text-align: right;
}

.csc-header-alignment-left {
    text-align: left;
}

div.csc-textpic-responsive, div.csc-textpic-responsive * {
    -moz-box-sizing: border-box;
    -webkit-box-sizing: border-box;
    box-sizing: border-box;
}

/* Clear floats after csc-textpic and after csc-textpic-imagerow */
div.csc-textpic, div.csc-textpic div.csc-textpic-imagerow, ul.csc-uploads li {
    overflow: hidden;
}

/* Set padding for tables */
div.csc-textpic .csc-textpic-imagewrap table {
    border-collapse: collapse;
    border-spacing: 0;
}

div.csc-textpic .csc-textpic-imagewrap table tr td {
    padding: 0;
    vertical-align: top;
}

/* Settings for figure and figcaption (HTML5) */
div.csc-textpic .csc-textpic-imagewrap figure, div.csc-textpic figure.csc-textpic-imagewrap {
    margin: 0;
    display: table;
}

/* Captions */
figcaption.csc-textpic-caption {
    display: table-caption;
}

.csc-textpic-caption {
    text-align: left;
    caption-side: bottom;
}

div.csc-textpic-caption-c .csc-textpic-caption, .csc-textpic-imagewrap .csc-textpic-caption-c {
    text-align: center;
}

div.csc-textpic-caption-r .csc-textpic-caption, .csc-textpic-imagewrap .csc-textpic-caption-r {
    text-align: right;
}

div.csc-textpic-caption-l .csc-textpic-caption, .csc-textpic-imagewrap .csc-textpic-caption-l {
    text-align: left;
}

/* Float the columns */
div.csc-textpic div.csc-textpic-imagecolumn {
    float: left;
}

/* Border just around the image */
div.csc-textpic-border div.csc-textpic-imagewrap img {
    border: 2px solid black;
    padding: 0px 0px;
}

div.csc-textpic .csc-textpic-imagewrap img {
    border: none;
    display: block;
}

/* Space below each image (also in-between rows) */
div.csc-textpic .csc-textpic-imagewrap .csc-textpic-image {
    margin-bottom: 10px;
}

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

/* colSpace around image columns, except for last column */
div.csc-textpic-imagecolumn, td.csc-textpic-imagecolumn .csc-textpic-image {
    margin-right: 0px;
}

div.csc-textpic-imagecolumn.csc-textpic-lastcol, td.csc-textpic-imagecolumn.csc-textpic-lastcol .csc-textpic-image {
    margin-right: 0;
}

/* Add margin from image-block to text (in case of "Text & Images") */
div.csc-textpic-intext-left .csc-textpic-imagewrap,
div.csc-textpic-intext-left-nowrap .csc-textpic-imagewrap {
    margin-right: 8px;
}

div.csc-textpic-intext-right .csc-textpic-imagewrap,
div.csc-textpic-intext-right-nowrap .csc-textpic-imagewrap {
    margin-left: 10px;
}

/* Positioning of images: */

/* Center (above or below) */
div.csc-textpic-center .csc-textpic-imagewrap, div.csc-textpic-center figure.csc-textpic-imagewrap {
    overflow: hidden;
}

div.csc-textpic-center .csc-textpic-center-outer {
    position: relative;
    float: right;
    right: 50%;
}

div.csc-textpic-center .csc-textpic-center-inner {
    position: relative;
    float: right;
    right: -50%;
}

/* Right (above or below) */
div.csc-textpic-right .csc-textpic-imagewrap {
    float: right;
}

div.csc-textpic-right div.csc-textpic-text {
    clear: right;
}

/* Left (above or below) */
div.csc-textpic-left .csc-textpic-imagewrap {
    float: left;
}

div.csc-textpic-left div.csc-textpic-text {
    clear: left;
}

/* Left (in text) */
div.csc-textpic-intext-left .csc-textpic-imagewrap {
    float: left;
}

/* Right (in text) */
div.csc-textpic-intext-right .csc-textpic-imagewrap {
    float: right;
}

/* Right (in text, no wrap around) */
div.csc-textpic-intext-right-nowrap .csc-textpic-imagewrap {
    float: right;
}

/* Left (in text, no wrap around) */
div.csc-textpic-intext-left-nowrap .csc-textpic-imagewrap {
    float: left;
}

div.csc-textpic div.csc-textpic-imagerow-last, div.csc-textpic div.csc-textpic-imagerow-none div.csc-textpic-last {
    margin-bottom: 0;
}

/* Browser fixes: */

/* Fix for unordered and ordered list with image "In text, left" */
.csc-textpic-intext-left ol, .csc-textpic-intext-left ul {
    padding-left: 40px;
    overflow: auto;
}

/* File Links */
ul.csc-uploads {
    padding: 0;
}

ul.csc-uploads li {
    list-style: none outside none;
    margin: 1em 0;
}

ul.csc-uploads img {
    float: left;
    padding-right: 1em;
    vertical-align: top;
}

ul.csc-uploads span {
    display: block;
}

ul.csc-uploads span.csc-uploads-fileName {
    text-decoration: underline;
}

/* Table background colors: */

table.contenttable-color-1 {
    background-color: #EDEBF1;
}

table.contenttable-color-2 {
    background-color: #F5FFAA;
}

table.contenttable-color-240 {
    background-color: black;
}

table.contenttable-color-241 {
    background-color: white;
}

table.contenttable-color-242 {
    background-color: #333333;
}

table.contenttable-color-243 {
    background-color: gray;
}

table.contenttable-color-244 {
    background-color: silver;
}

/* specific page styles for extension "tx_cssstyledcontent" */
.csc-textpic-intext-right-nowrap .csc-textpic-text {
    /*margin-right: 380px;*/
}

.csc-textpic-intext-left-nowrap .csc-textpic-text {
    /*margin-left: 380px;*/
}



/* All Mobile Sizes (devices and browser) */
@media only screen and (max-width: 800px) {

    .content-left-small ul.csc-menu li.current_page_item a, .content-left-small ul.csc-menu a:hover {
        background-color: #ffffff;
        border: 1px solid #cfcfcf;
        padding: 0 0 0 5px;
        margin:2px;
    }

    .content-left-small ul.csc-menu a {
        border: 1px solid #cfcfcf;
        margin:2px;
    }

    .product_box a.product-link {
        top: 106px;
        right: 96px;

    }

}

.navbar-default {
    background-color: transparent;
    border-color: transparent;
}



/*
###################################################
ProduktPage NEU
###################################################
*/
#productpage {
    /*background: #ffffff;*/
    /*border: 1px solid #b2b2b2;*/

    /*-webkit-box-shadow: 0px 0px 3px 0px rgba(0, 0, 0, 0.4);*/
    /*-moz-box-shadow: 0px 0px 3px 0px rgba(0, 0, 0, 0.4);*/
    /*box-shadow: 0px 0px 3px 0px rgba(0, 0, 0, 0.4);*/
    /*border-radius: 2px;*/
    font-size: 16px;
    line-height: 1.6;
    /*margin-bottom: 10px;*/
}

#productpage .section_hero{
    /*background: #cdb244;*/
    padding: 0;
}


#productpage section {
    background: #ffffff;
    font-size: 16px;
    margin-bottom: 20px;
}

#productpage h1 {
    font-size: 32px;
    color: #6D6A66;
    padding:20px 0;

}

#productpage h2 {
    font-size: 32px;
    color: #6D6A66;
    padding:0 10px ;
    margin-top:20px;
}


#productpage h6 {
    font-size: 8px;

}

#productpage p {
    font-size: 14px;
}

#productpage strong {
    font-weight: bold;
}


#productpage .row {
    margin-left: 0;
    margin-right: 0;
    margin-bottom: 30px;
}


#productpage .productpanel {
    border: 1px solid #a5a5a7;
    margin-bottom:30px;

}

#productpage .productpanel:hover {
    box-shadow: 0 0 6px 0 rgba(0, 0, 0, 0.4);
}


#productpage .productpanel-heading {

    border-bottom: 1px solid #ddd;
    padding: 10px 15px;
    background-color: #A0CE4E;
    color: #333;
    text-align: center;
    font-size:20px;
}


#productpage .preis {

    font-size:32px;
    text-align: center;
    margin:10px 0 0 0;
}

#productpage .preisRabatt {

    font-size:32px;
    text-align: center;
    margin:0 0 10px 0;
    display:none;
}


#productpage .preisGross {

    font-size:32px;
}


#productpage .zahlweise {
    font-size:10px;
    text-align: center;
    margin-bottom:10px;
}


#productpage .pbbereich-wrapper{
    position: relative;
    font-size:14px;
}

#productpage .productpanel-number{
    font-size:32px;
    text-align: center;
}

#productpage .pbbereichCheckbox{
    font-size:18px;
    float: left;
    height: auto;
    padding: 10px 10px;
}

#productpage .pbbereichContent{
    display: block;
    font-weight: normal;
    max-width: 100%;
    border-bottom: 1px solid #ddd;
    padding: 10px 10px;
    font-size:14px;

}

#productpage .productpanel-button{
    text-align: center;
    padding:10px;
    border-top: 1px solid #ddd;
}

#productpage label {
    margin-bottom: 0;
}

#productpage label:hover {
    background-color: #ededed;
}


#productpage .labelinaktiv {
    color:#006600;
}


#productpage p {
    padding: 10px 10px;
}


#productpage .img-screen {
    -webkit-box-shadow: 0px 0px 4px 0px rgba(0, 0, 0, 0.6);
    -moz-box-shadow: 0px 0px 4px 0px rgba(0, 0, 0, 0.6);
    box-shadow: 0px 0px 4px 0px rgba(0, 0, 0, 0.6);
    margin-top:20px;
}

#productpage .highlight {

    background-color: #d0d0d0;

    padding: 20px 0 40px 0;

}


#productpage .btn {

    border-radius: 0;


}

#productpage .btn-success {
    background-color: #A0CE4E;
    border-color: #A0CE4E;
    color: #fff;
}

#productpage .btn.disabled, #productpage .btn[disabled], #productpage fieldset[disabled] .btn {
    opacity: 0.4;
}


#productpage .pbereich-AKS {
    /*background-color: #C20800;*/
    /*color:#FFFFFF;*/
    color:#C20800;

}

#productpage .pbereich-AV {
    /*background-color: #FF7209;*/
    /*color:#FFFFFF;*/
    color:#FF7209;
}

#productpage .pbereich-KMP {
    /*background-color: #265CB6;*/
    /*color:#FFFFFF;*/
    color:#265CB6;
}

#productpage .pbereich-KV {

    /*width: 90%;*/
    /*background-color: #EBC900;*/
    /*color:#FFFFFF;*/
    color: #ceac00;
}


.pb-carousel-control {
    bottom: 0;
    color: #fff !important;
    font-size: 15px;
    left: 0;
    opacity: 0.8;
    position: absolute;
    text-align: center;
    text-shadow: 0 0 0 rgba(0, 0, 0, 0.0);
    top: 50%;
    width: 30px;
    background-color:#999999;
    height: 30px;
    padding-top:8px;
}




/* Naviagtion */
@media only screen and (max-width: 1200px) {
    .nav > li {
        padding: 6px 10px;
    }
}
/* Naviagtion */
@media only screen and (max-width: 1000px) {

    .navbar-nav {
        display: block;
        width: 104%;
    }
    .nav > li {

        font-size: 14px;
        width: 25%;
    }
}

@media only screen and (max-width: 992px) {

    .navbar-nav {
        display: block;
        width: 104%;
    }
    .navbar-nav > li {
        display: inline-block;
    }

}


/* All Mobile Sizes (devices and browser) */
@media only screen and (max-width: 800px) {

    .content-left-small ul.csc-menu li.current_page_item a, .content-left-small ul.csc-menu a:hover {
        background-color: #ffffff;
        border: 1px solid #cfcfcf;
        padding: 0 0 0 5px;
        margin:2px;
    }

    .content-left-small ul.csc-menu a {
        border: 1px solid #cfcfcf;
        margin:2px;
    }

    .product_box a.product-link {
        top: 106px;
        right: 96px;

    }


    .navbar-nav {
        display: block;
        width: 104%;
    }
    .nav > li {
        font-size: 13px;
        padding: 6px 8px;
        width: 25%;
    }



}

/* All Mobile Sizes (devices and browser) */
@media only screen and (max-width: 600px) {

    .nav > li {
        border: 1px solid #8c8c8c ;
        padding: 4px 4px;
        font-size: 10px;
        width: 128px;
    }


}

/* All Mobile Sizes (devices and browser) */
@media only screen and (max-width: 320px) {

    .nav > li {
        border: 1px solid #8c8c8c ;
        padding: 2px 2px;
        font-size: 8px;
        width: 112px;
    }


}