/* HTML5 HACK -------------------------------------- */
header, section, footer, aside, nav, article {
    display: block;
}
ul,li{ padding:0; margin:0}
li{ list-style-type:none}

/* ELEMENTS ------------------------------------------ */
a {
    color: #1462a7;
    text-decoration: underline;
    cursor: pointer;
}
.align-center {text-align: center;}
.align-justify {text-align: justify;}
a:hover {
    color: #1462a7;
    text-decoration: none;
}
p {
    margin: 5px 0;
}


/* LAYOUT ------------------------------------------ */
.clear {clear: both;}

body {
    background: #cccccc;
    font-size: 12px;
    font-color: #444444;
    font-family: Arial, sans-serif;
    margin: 40px 0 0 0;
    padding: 0 0 100px 0;
}

#site  {
    width: 940px;
    background: #ffffff;
    margin: 0 auto;
    padding: 20px;

    /* dmse 19.09.2012
        -moz-box-shadow: 0 0 5px 5px #888;
        -webkit-box-shadow: 0 0 5px 5px#888;
        box-shadow: 0 0 28px 7px #888;
    */
    box-shadow: 0 0 18px 7px #888;
    -moz-box-shadow: 0 0 18px 7px #888;
    -webkit-box-shadow: 0 0 28px 7px #888;
}

/* HEADER & NAVIGATION ------------------------------ */
.header1 {
}
#navigation {
    height: 80px;
}
#navigation ul {
    margin: 0;
    padding: 0;
    list-style: none;
}
#navigation ul li {
    display: inline-block;
}
#keyvisual {
    margin-bottom: 30px;
    float: right;
}

#keyvisual img {
    border: 0;
}

.subpage #main-section {
    margin-left: 220px;
}
#main-section h1 {
    font-size: 20px;
    color: #1462a7;
    padding-bottom: 10px;
    margin: 0 0 15px 0;
    text-transform: uppercase;
    border-bottom: 1px #1462a7 solid;
}
#main-section .middle-col h2 {
    font-size: 20px;
    color: #1462a7;
    padding-bottom: 10px;
    margin: 20px 0 15px 0;
    text-transform: uppercase;
    border-bottom: 1px #1462a7 solid;
}
#main-section .middle-col h2.wzbt{    /* text-align: center; */
    font-size: 16px;
    color: #333;
    border-bottom: 1px dotted #D2C8C8;
    /* width: 30%; */
    display: block;
    /* margin: 0 auto 20px; */
    padding-bottom: 10px;
    float: left;
	}
#main-section .fullwidth .left-col h2{
       margin: 9px 0 15px 0;
    overflow: hidden;
    text-overflow: ellipsis;
    white-space: nowrap;
    word-wrap: normal;
    font-size: 14px; cursor:pointer
}

#main-section p {
       font-size: 16px;
    color: #000000;
    line-height: 28px;
    margin: 15px 0;
}
#main-section .middle-col h3 {
	color: #1462a8;
}
/* This was a Bugfix for H3 in Lightboxes 25-04-2013 */
#main-section  h3 {
    color: #1462a8;
}


/* Main Navigation */
.header1 .middle-col ul.main-navigation {
    }
.header1 .middle-col ul.main-navigation li {
    margin-right: 11px;
}
.header1 .middle-col ul.main-navigation li a {
    text-transform: uppercase;
    text-decoration: none;
    font-size: 18px;
    font-weight: bold;
    color: #27835F;
    border-bottom: 6px #1462a7 solid;
    display: inline-block;
}
.header1 .middle-col .guangg{     font-size: 16px;
    margin-top: 10px;
    line-height: 22px;
    margin-bottom: 20px;
    font-weight: bold;}
.header1 .middle-col .guangg span { color:#00C}
.header1 .middle-col ul.main-navigation li a:hover,
.header1 .middle-col ul.main-navigation li.active a {
    border-bottom: 6px #27835f solid;
}

/* Meta Navigation */
.header1 .right-col ul.meta-navigation {
    width: 100%;
}
.header1 .right-col ul.meta-navigation li {
    margin: 0;
    float: left;
    display: block;
    height: 20px;
    overflow: hidden;
}
.header1 .right-col ul.meta-navigation li:hover {
    height: auto;
}
.header1 .right-col ul.meta-navigation li ul.level2 li {
    margin: 0;
    display: block;
    clear: both;
    width: 100%;
    height: 12px;
}
.header1 .right-col ul.meta-navigation li ul.level2 li a {
    font-weight: normal;
}
.header1 .right-col ul.meta-navigation li a {
    text-transform: uppercase;
    text-decoration: none;
    font-size: 10px;
    font-weight: bold;
    color: #1462a7;
}


#main-section .middle-col ul.linklist-news {
    margin: 15px 0;
    padding: 0;
    list-style: none;
}
#main-section .middle-col ul.linklist-news li {
    background: #e6eef1;
    color: #a4cee5;
    margin-bottom: 5px;
    padding: 5px 0 5px 5px;
    border-bottom: 1px #a4cee5 solid;
    border-top: 1px #a4cee5 solid;
    list-style: none;
}
#main-section .middle-col ul.linklist-products {
    margin: 15px 0;
    list-style: none;
    background: #e6eef1;
    border: 1px #a4cee5 solid;
    padding: 10px;
}
#main-section .middle-col ul.linklist-products li {
    height: 20px;
}
#main-section .middle-col ul.linklist-products li a {
    text-decoration: none;
    line-height: 20px;
}


#main-section .fullwidth{
    width: 940px;
    padding: 0; margin-bottom:10px; 
}

#nav-section {
    width: 240px;
    float: left;
    margin-top: 0;
}
.nybanner {        float: left !important;
    margin-left: 30px;}
.nybanner img { width:670px; height:232px}
.cpfm .middle-col { margin-left:10px;    width: 670px;     float: right;
    padding-right: 0;}
#nav-section ul.sub-navigation,
#nav-section ul.sub-navigation_level2 {
    border-top: 1px #1462a7 solid;
    margin: 0;
    padding: 0;
    list-style: none;
}
#nav-section ul.sub-navigation li {
    border-bottom: 1px #1462a7 solid;
    padding-left: 15px;overflow:hidden;
text-overflow:ellipsis;
white-space:nowrap;
word-wrap:normal;
text-indent:10px; 
}
#nav-section ul.sub-navigation li ul li{    border-top: 1px #1462a7 dotted;
    border-bottom: none;
    padding-left: 5px;}
#nav-section ul.sub-navigation li.last {
    border-bottom: 0 #1462a7 solid;
    padding-left: 15px; list-style-type:none
}

#nav-section ul.sub-navigation li a {
    text-decoration: none;
    color: #1462a7;
    font-size: 13px;
    line-height: 25px;
}
#nav-section ul.sub-navigation li a:hover,
#nav-section ul.sub-navigation li a.hover {
    font-weight: bold;
    color: #27835f;
}
.yynr{ float:right}

#nav-section ul.sub-navigation li.active ul li a {
    font-weight: bold;
    color: #1462a7;
}

#nav-section ul.sub-navigation li.active ul li.active a {
    font-weight: bold;
    color: #27835f;
}

#nav-section ul.sub-navigation li.seperator {
    padding-bottom: 50px;
}


.subpage .left-col {
    padding-right: 20px;
}
.left-col {
    width: 240px;
    float: left;margin-top: 45px;
}
.left-col  img {
    border: 0; max-width:100%
}
.middle-col {
    width: 500px;
    padding: 0 20px;
    float: left;
}
.subpage .middle-col {
    padding: 0 20px 0 0;
}
#footer {
    border-top: 1px #1462a7 solid;
    float: left;
	width:100%
}
#footer ul {
    float: left;
    list-style: none;
    margin: 10px 32px 0 32px;
    padding: 0;
}
#footer ul li {
    margin: 0 0 4px 0;
}

#footer ul li a {
    text-decoration: none;
    line-height: 14px;
}

#footer nav{
       width: 500px;
    margin: 0 auto;
}
#footer nav ul {
    width: 101px;
}

.right-col {
    width: 200px;
    float: left;
}

nav.middle-col {
        width: 670px;
    margin-left: 10px;
    padding-right: 0;
}
nav.right-col {
    width: auto;
    float: right;
    margin-top: 28px;
}


div.tx-powermail {
    font-family: Calibri,Arial,sans-serif;
    font-size: 14px;
    margin: 0 !important;
    padding: 0 !important;
    width: 475px;
}
.powermail_submit{
    float: left;
}

nav.right-col ul{
    display: inline;
}

div.tx-dmlanguagemenu-pi1 {
    display: inline-block;
    cursor: pointer;
}

nav.right-col ul.topnav li{
    float: left;
    margin-right: 9px;
    font-weight:bold;
    color: #1462A7;
}

nav.right-col ul.topnav li a{
    text-decoration: none;
}

ul#dm_language_menu_select {
    display: block;
    float: left;
}

ul#dm_language_menu_select li.header {
    margin-right: 0;
    position: relative;
    text-transform: uppercase;
}

div.tx-dmlanguagemenu-pi1 ul.level2 {
    border: 1px solid #d3d3d3;
    border-top: none;
    background-color: #fff;
    display: none;
    position: absolute;
    left: 0;
    top: 14px;
}

div.tx-dmlanguagemenu-pi1 ul.level2 li {
    display: block;
    float: left;
    clear: both;
    margin: 3px 10px;;
}

div.tx-dmlanguagemenu-pi1 ul.level2 a{
    text-decoration: none;
    font-weight:bold;
    color: #1462A7;
    margin: 0 10px;
}
div.tx-dmlanguagemenu-pi1 ul.level2 li.active a{
    color: #27835F;
}
div.tx-dmlanguagemenu-pi1 ul.level2 li a:hover{
    color: #27835F;
}

div.tx-dmlanguagemenu-pi1 ul li.header:hover ul.level2 {
    display: block;
}


/* LAYER SINGLE VIEW -------------------------------- */
body#layer {
    margin: 0;
    padding: 20px;
    background: #ffffff;
}

.layerSingleView {
    width: 100%;
}

body#layer #main-section .csc-default {
    margin-bottom: 25px;
}

/* NEWS LINK STYLE -------------------------------- */
.fancybox_news_link {
    padding: 0 0 0 5px;
    line-height: 24px;
    display: inline-block;
    width: 100%;
    border-top: 1px #a4cee5 solid;
    border-bottom: 1px #a4cee5 solid;
    background: #e6eef1;
}
.news_link {
    padding: 0 0 0 5px;
    line-height: 24px;
    display: inline-block;
    width: 100%;
    border-top: 1px #a4cee5 solid;
    border-bottom: 1px #a4cee5 solid;
    background: #e6eef1;
}

.fullwidth_centertext {
    float: right;
    margin: 0 220px 0 0;
    width: 500px;
}

#main-section .fullwidth .left-col{
    margin-top: 0;
}
#main-section .fullwidth .left-col a { text-decoration:none}

#main-section .fullwidth .left-col a:hover,#main-section .fullwidth .left-col a.active{ color:#27835f}
#main-section .fullwidth .left-col .none div.property{ display:none}
#main-section .fullwidth .left-col dl{    border-bottom: 1px dotted #C5BABA;background-color: #E6EEF1;
    padding: 5px;
    margin: 0;}



#main-section .fullwidth .left-col strong{      font-size: 13px;
      display: block;
    overflow: hidden;
    text-overflow: ellipsis;
    white-space: nowrap;
    word-wrap: normal;
       margin-bottom: 2px; }
#main-section .fullwidth .left-col .property label {       overflow: hidden;
    text-overflow: ellipsis;
    white-space: nowrap;
    word-wrap: normal;
    width: 215px;
    display: block;
    cursor: pointer;
    font-size: 12px;
    border-top: 1px dotted #E8DFDF;
    padding-left: 15px;
    padding-top: 8px;
    padding-bottom: 5px;}
#main-section .fullwidth .left-col .cpyc{ display:none}


body#productpage .productdetailpage {
    width: 940px;
    background: #ffffff;
    margin: 0 auto;
    padding: 20px;

    /* dmse 19.09.2012
        -moz-box-shadow: 0 0 5px 5px #888;
        -webkit-box-shadow: 0 0 5px 5px#888;
        box-shadow: 0 0 28px 7px #888;
    */
    box-shadow: 0 0 18px 7px #888;
    -moz-box-shadow: 0 0 18px 7px #888;
    -webkit-box-shadow: 0 0 28px 7px #888;
}


#tx_indexedsearch {
    margin-top: 15px;
}
#tx_indexedsearch legend {
    display: none;
}

#tx_indexedsearch fieldset {
    border: 0;
    padding: 15px 5px;
    margin-bottom: 10px;
    background: #E6EEF1;
}
#tx_indexedsearch input,
#tx_indexedsearch select {
    width: 150px;
}

#tx_indexedsearch .tx-indexedsearch-search-submit {
    margin-left: 11em;
}

#tx_indexedsearch #tx-indexedsearch-searchbox-button-submit {
    padding: 0;
    margin-top: 10px;
    width: 88px;
    height: 22px;
    background:url("../images/btn_search.png") no-repeat scroll 0 0 transparent;
    border: none;
    color: #1462A7;
    font-weight: bold;
    font-size: 12px;
}

#tx_indexedsearch #tx-indexedsearch-searchbox-button-submit:hover {
    background:url("../images/btn_search_hover.png") no-repeat scroll 0 0 transparent;
    cursor: pointer;
}
#tx_indexedsearch #tx-indexedsearch-searchbox-button-submit:active {
    background:url("../images/btn_search_active.png") no-repeat scroll 0 0 transparent;
}

#tx_indexedsearch .tx-indexedsearch-search-for,
#tx_indexedsearch .tx-indexedsearch-search-in,
#tx_indexedsearch .tx-indexedsearch-search-select-section,
#tx_indexedsearch .tx-indexedsearch-search-select-order,
#tx_indexedsearch .tx-indexedsearch-search-select-results{
    margin-top: 25px;
}
.tx-indexedsearch .tx-indexedsearch-res .tx-indexedsearch-descr .tx-indexedsearch-redMarkup {
    color: #1361A7;
    font-weight: bold;
}
.tx-indexedsearch .browsebox {
    padding: 0;
}
.tx-indexedsearch .tx-indexedsearch-browsebox span {
    font-weight: bold;
    color: #1462A8;
}
.tx-indexedsearch .tx-indexedsearch-whatis .tx-indexedsearch-sw {
    font-style: normal;
    color: #1462A8;
}

.tx-indexedsearch .tx-indexedsearch-res {
    padding-bottom: 1em;
    margin-bottom: 1em;
    border-bottom: 1px solid #1361A7;
}
.tx-indexedsearch .tx-indexedsearch-res .tx-indexedsearch-res {
    padding-bottom: 0;
    margin-bottom: 0;
    border-bottom: 0 solid #1361A7;
}

.tx-indexedsearch .res-tmpl-css {
    margin-top: 1em;
    border-top: 1px solid #1361A7;
}

.tx-indexedsearch .res-tmpl-css h3 .percent {
    margin-top: 0;
}
.tx-indexedsearch .res-tmpl-css h3 .title {
    margin: 14px 0;
}
.noscriptfilter,
table.produktgruppegruppiert .hide,
table.produktliste .hide {
    display: none;
}

/* Indexed Search Style */
#tx_indexedsearch .tx-indexedsearch-search-for, #tx_indexedsearch .tx-indexedsearch-search-in, #tx_indexedsearch .tx-indexedsearch-search-select-section, #tx_indexedsearch .tx-indexedsearch-search-select-order, #tx_indexedsearch .tx-indexedsearch-search-select-results {
    margin-top: 18px;
}
.tx-indexedsearch .searchbox-tmpl-css label {
    margin-right: 10px;
    width: 90px;
    float: left;
    line-height: 18px;
}
#tx_indexedsearch input {
    width: 185px;
}
#tx_indexedsearch select {
    width: 189px;
}
#tx_indexedsearch .tx-indexedsearch-search-submit {
    margin-left: 100px;
}

.tx-indexedsearch-res h3 {
    margin-bottom: 5px;
    font-size: 12px;
}

/* SITEMAP CSS STYLE */
ul.sitemap-level1 {
    background: #a4cee5;
    padding: 0;
    list-style: none;
    color: #1462a8;
    font-weight: bold;
}
ul.sitemap-level1 li {
    border-bottom: 30px #ffffff solid;
    line-height: 30px;
}
ul.sitemap-level1 li a {
    padding-left: 4px;
}
ul.sitemap-level1 li ul.sitemap-level2 {
    background: #ffffff;
    margin: 0;
    padding: 8px 0 10px 0!important;
    list-style: none;
    font-weight: normal;
}
ul.sitemap-level1 li ul.sitemap-level2 li {
    border: 0;
    line-height: 24px;
}
span.shortdescsmall {
    font-size: 10px;
    color: #333333;
}

/* Flash messages */
.typo3-messages .message-header {
    display:none;
}
.typo3-messages .typo3-message {
    padding: 5px;
    border-width: 1px;
    border-radius: 5px;
    border-style: solid;
    margin-bottom: 5px;
}
.typo3-messages .message-notice {
    color:#777; background-color:#f6f7fa; border-color:#c2cbcf;
}
.typo3-messages .message-notice a {
    color:#777;
}
.typo3-messages .message-information {
    color:#4c73a1;background-color:#eaf7ff;border-color:#c5dbe6;
}
.typo3-messages .message-information a{
    color:#4c73a1;
}
.typo3-messages .message-ok{
    color:#3b7826;background-color:#cdeaca;border-color:#58b548;
}
.typo3-messages .message-ok a{
    color:#3b7826;
}
.typo3-messages .message-warning{
    color:#9e7d4a;background-color:#fbf6de;border-color:#b1905c;
}
.typo3-messages .message-warning a{
    color:#9e7d4a;
}
.typo3-messages .message-error{
    color:#aa0225;
    background-color:#f6d3cf;
    border-color:#d66c68;
}
.typo3-messages .message-error a{
    color:#aa0225;
}

.f3-form-error,
.orderForm .bottom textarea.f3-form-error {
	border: 1px solid red;
}


.huany{ width:900px}

#c164,#c165 { width:500px}
.tx-dm-omgproducts .productgroups p {
    margin: 5px 0 !important; 
}
#main-section .neirong { width:100%; overflow:hidden}
#main-section .neirong p{ margin:0 !important;    word-wrap: break-word;}

ul.newslist li {
    list-style-type: none;
    height: 30px;
    line-height: 30px;
    border-bottom: 1px dotted #CCCACA;
}

ul.newslist li a {
    color: #333;    text-decoration: none;
    font-size: 14px;    overflow: hidden;
    text-overflow: ellipsis;
    -o-text-overflow: ellipsis;
    white-space: nowrap;
    width: 750px;
    display: block;
    float: left;
}
ul.newslist li span {
    float: right;
    margin-right: 20px;
}


.page-list{float:left;width:100%;margin-top:10px;}
.page-list b,.page-list a{float:left;margin-right:3px;padding:2px 4px;line-height:16px;display:block;color:#fff; text-decoration:none}
.page-list a{border:1px solid #060680;background:#060680;}
.page-list b,.page-list a:hover{text-decoration:none;border:1px solid #090;background:#090;}