root {
    display: block;
}

body, html{
    padding:0px;
    margin:0px;
    font-family: arial;
    font-size:11px;
    color:#5e7987;
}

a{
    text-decoration: none;
    color:#5e7987;
}

a:hover{
    color:#ffa000;
}

h1{
    color:#5e7987;
    font-weight: 0px;
    padding:0px;
    margin:0px;
    margin-bottom:16px;
    font-size:14px;
    font-weight: bold;
    clear:both;
}

body{
    background:url(imgs/bg.jpg) center top no-repeat white;
}

.contentCenter{
    width:959px;
    margin:0 auto;
    margin-top:119px;
    overflow:hidden;
    position:relative;
    margin-bottom:60px;
}


.menuTop{
    width:939px;
    margin-left:10px;
    background:url(imgs/hsprite.png);
    height:55px;
    position:relative;
}

.menuTop .left, .menuTop .right{
    background:url(imgs/sprite.png) -93px -124px;
    width:7px;
    height:55px;
    position:absolute;
    top:0px;
    left:-7px;
}

.menuTop .right{
    left:auto;
    right:-7px;
    background-position: -100px -124px;
}

.menuTop a.menuItem{
    display:block;
    float:left;
    padding:0px 38px;
    margin-top:10px;
    border-left:solid 1px #799ab2;
    height:34px;
    font-weight: bold;
    color:#607b89;
    line-height: 34px;
    font-size:14px;
    text-shadow: 0px 1px 0px #FFFFFF;
    zoom:1;

}

.border{
    border-radius: 5px;
    border: solid 1px #c8d3da;

}

.landingspage_wrapp{
    border-style:none;
    width: 720px;
    height: 100%;
    overflow: hidden;

}

.menuTop .menuDrop:first-child a.menuItem{
    border:none;
}

.menuTop .tel{
    position:absolute;
    right:20px;
    top:10px;
    background:url(imgs/sprite.png) -435px -124px;
    width:190px;
    height:40px;
}

.menuTop .menuDrop{
    float:left;
    position:relative;
    height:55px;
    z-index:99;
}

.menuTop .menuDrop .items{
    display:none;
    top:55px;
    width:188px;
    overflow:hidden;
    position:absolute;
    padding-bottom:32px;
    left:-27px;
}


.menuTop .menuDrop.big .items{
    left:-50px;
}

.menuTop .menuDrop.big .items{
    width:234px;
}

.menuTop .menuDrop.big .items a{
    width:154px;
}

.menuTop .menuDrop .items a{
    width:108px;
    text-align:center;
    border:none;
    border-bottom:solid 1px #aac4d6;
    padding:7px 0px;
    margin:0 auto;
    float: none;
    height:auto;
    line-height: 15px;
    position:relative;
    z-index:77;
}

.menuTop .menuDrop:hover > a.menuItem, .menuTop a.menuItem:hover{
    color:#ffa000;
}


.menuTop .menuDrop .dropBg{
    background:url(imgs/vsprite.png) -714px 0px;
    bottom:40px;
    top:0px;
    left:0px;
    right:0px;
    position:absolute;
    z-index:1;
}


.menuTop .menuDrop.big .dropBg{
    background-position:-902px 0px;
}

.menuTop .menuDrop .dropContent{
    position:relative;
    z-index:3;
    width:100%;
}

.menuTop{
    position:relative;
    z-index:3;
}

.menuTop .menuDrop .dropContent a.last{
    border:none;
}

.menuTop .menuDrop .dropContent a{
    text-transform: uppercase;
    font-size:11px;
}

.menuTop .menuDrop .bottom{
    position:absolute;
    z-index:2;
    background: url(imgs/sprite.png) -967px 0px;
    height:132px;
    width:188px;
    bottom:0px;
}


.menuTop .menuDrop.big .bottom{
    width:234px;
    background-position: -1155px 0px;
}

.bread{
    margin-left:51px;
    margin-right:16px;
    position:relative;
    height:39px;
    background:url(imgs/hsprite.png) 0px -55px;
    margin-bottom:2px;
    padding-left:6px;
}

.bread a{
    float:left;
    height:39px;
    display:block;
    line-height: 39px;
    background:url(imgs/hsprite.png) 0px -94px;
    font-size:11px;
    color:#565555;
    padding-left:25px;
    padding-right:20px;
    position:relative;
    z-index:50;
}
.bread a.last{
    z-index:1;
    background:transparent;
    color:#0095da;
    padding-left:35px;
}

.bread a span{
    position:absolute;
    right:-16px;
    width:16px;
    top:0px;
    bottom:0px;
    background:url(imgs/sprite.png) -77px -124px;
}

.bread a.last span{
    width:0px;
    height:0px;
}

.bread a.home{
    padding:0px;
    position:absolute;
    left:-50px;
    top:0px;
    background:url(imgs/sprite.png) -7px -124px;
    width:70px;
    height:39px;
    z-index:99;
}

.bread .right{
    width:16px;
    height:39px;
    background:url(imgs/sprite.png) -77px -164px;
    position:absolute;
    right:-16px;
    top:0px;
}

.bread .shadow{
    position:absolute;
    top:39px;
    width: 960px;
    left:-52px;
    height:16px;
    background:url(imgs/sprite.png) -7px -108px;
}

.contentItem{
    text-align: justify;
    width:443px;
    padding:8px 18px;
    background:url(imgs/vsprite.png) -235px 0px;
    float:left;
    margin-top:12px;
    margin-bottom:20px;
    position:relative;
    margin-right:2px;
    color:rgb(94, 121, 135);
    font-size:11px;
    line-height: 18px;
}

.contentItem .top, .contentItem .bottom{
    position:absolute;
    top:-10px;
    height:10px;
    left:0px;
    right:0px;
    background:url(imgs/sprite.png) -435px -164px;
}

.contentItem .bottom{
    top:auto;
    bottom:-20px;
    height:20px;
    background-position: -435px -174px;
}


.contentItem.small{
    width:209px;
    padding:8px 13px;
    background-position: 0px 0px;
}

.contentItem.small .top{
    background-position: -625px -124px;
}

.contentItem.small .bottom{
    background-position: -625px -134px;
}

.menuLeft{
    border:solid 1px #b8cede;
    border-left:none;
    border-right:none;
}

.menuLeft a{
    display:block;
    margin-top:1px;
    background:#e8f3fb;
    height:30px;
    line-height: 30px;
    color:#5e7987;
    font-size:11px;
    padding-left:6px;
}

.menuLeft a.active{
    color:#ffa000;
}

.menuLeft .subMenu{
    background:#e8f3fb;
}

.menuLeft .subMenu.even{
    background:#f1f8fd;
}
.menuLeft .subMenu a{
    background:transparent !important;
    padding-left:15px;
}

.menuLeft a.even{
    background:#f1f8fd;
}

select {
    padding: 0px 4px;
    margin: 0px;
    line-height: 27px;
    width: 248px;
    height: 27px;
    border: solid 1px #cfcfcf;
    zoom: 1;
    float: right;
    margin-top: 9px;
    -moz-border-radius: 4px;
    -webkit-border-radius: 4px;
    border-radius: 4px;

    position: relative;
    /*border-style: solid;
    border-width: 1px;
    border-color: #cfcfcf;
    border-radius: 4px;
    position:relative;
    behavior: url(/PIE.htc);*/
}




input[type=date]{
    padding:0px 4px;
    margin:0px;
    line-height: 27px;
    width:233px;
    height:27px;
    border: solid 1px #cfcfcf;
    zoom:1;
    float: right;
    margin-top:9px;
    -moz-border-radius: 4px;
    -webkit-border-radius: 4px;
    border-radius: 4px;
    behavior: url(/PIE.htc);
    position:relative;
    /*border-style: solid;
    border-width: 1px;
    border-color: #cfcfcf;
    border-radius: 4px;
    position:relative;
    behavior: url(/PIE.htc);*/
}

input[type=text], textarea{
    padding:0px 4px;
    margin:0px;
    line-height: 27px;
    width:200px;
    height:27px;
    border: solid 1px #cfcfcf;
    zoom:1;

    margin-top:9px;
    -moz-border-radius: 4px;
    -webkit-border-radius: 4px;
    border-radius: 4px;
    behavior: url(/PIE.htc);
    position:relative;
    /*border-style: solid;
    border-width: 1px;
    border-color: #cfcfcf;
    border-radius: 4px;
    position:relative;
    behavior: url(/PIE.htc);*/
}

.overlay  select{
    margin-left: 30px;
}

input[type=submit]{
    background:url(imgs/sprite.png) -1082px -134px;
    width:105px;
    height:35px;
    border:none;
    margin-top:9px;
    cursor:pointer;
}

hr{
    border:none;
    height:1px;
    background:#b8cede;
    margin:4px 0px;
}

.contentRight{
    float:right;
}

.contentRight .contentItem{
    float:none;
    margin-bottom:25px;
}

.contentItem.main > h1{
    margin-top:20px;
}

.contentItem.main > h1:first-child{
    margin-top:0px;
}
.contentItem.main > div{
}

.share{
    position:absolute;
    left:50%;
    margin-left:150px;
    top:40px;
}

.share a.icon{
    display:block;
    height:32px;
    width:32px;
    background:url(imgs/sprite.png) -914px -167px;
    float:left;
    margin-right:7px;
}

.share a.icon.twitter{
    background-position:-946px -167px;
}

.share a.icon.linkedin{
    background-position:-978px -167px;
}

.share .google{
    position:absolute;
    left:125px;
    top:0px;
    width:150px;
    height:35px;
    background:url(imgs/sprite.png) -914px -132px;
}

.share .plus{
    position:absolute;
    left:211px;
}

.footer{
    clear:both;
    background:url(imgs/sprite.png);
    width:956px;
    height:108px;
    margin:0 auto;
}

.bottomMenu{
    text-align:center;
    line-height:42px;
    font-size:11px;
}

.footer div{
    margin-top:12px;
    margin-left:15px;
}

.bottomBottomMenu{
    width:930px;
    margin:0 auto;
    text-align:center;
    line-height:20px;
    margin-bottom:30px;
}

.bottomBottomMenu a{
    color:#565555;
}

.contentImage, .main img {
    padding:5px;
    border:solid 1px #97c7dd;
    float:right;
    margin-left:13px;
    margin-bottom:13px;
}

.main a img
{
    border:none;
    padding:0px;
    margin:0px;
    float:none;
}

.homeSlider{
    background:url(imgs/home_banner_bg.png);
    width:721px;
    height:359px;
    float:left;
    margin-right:-2px;
    margin-top:2px;
    position:relative;
    left:-1px;
    margin-bottom:-8px;
}

.banner{
    background:url(imgs/banner_bg.png);
    width:717px;
    height:123px;
    float:left;
    margin-top:2px;
    position:relative;
}


.contentItem.main{
    float:left;
}

.contentHolder{
    width:719px;
    float:right;
}

.imgs{
    width:713px;
    height:342px;
    margin-left:3px;
    margin-top:3px;
    position:relative;
    -moz-border-radius: 5px; /* Firefox */
    -webkit-border-radius: 5px; /* Safari, Chrome */
    border-radius: 5px; /* CSS3 */
    behavior: url(/border-radius.htc);
    overflow:hidden;
}

.imgs a{
    position:absolute;
    left:0px;
    top:0px;
    display:none;
}

.banner img{
    margin-top:3px;
    margin-left:3px;
}

.banner img{
    -moz-border-radius: 4px; /* Firefox */
    -webkit-border-radius: 4px; /* Safari, Chrome */
    border-radius: 4px; /* CSS3 */
    behavior: url(/border-radius.htc);
}

.imgs a img{
    -moz-border-radius: 5px; /* Firefox */
    -webkit-border-radius: 5px; /* Safari, Chrome */
    border-radius: 5px; /* CSS3 */
    behavior: url(/border-radius.htc);
    border-width:0px;
    overflow:hidden;
    zoom:1;
}

.imgs a img{
    border:none;
}

.homeSlider .dots{
    position:absolute;
    bottom:25px;
    right:14px;
}

.homeSlider .dots div{
    float:left;
    margin-right:4px;
    background:url(imgs/sprite.png) -7px -183px;
    width:8px;
    height:8px;
}


.homeSlider .dots div.active{
    background-position: -15px -183px;
}

.homeSlider .description{
    position:absolute;
    max-width:288px;
    min-width:100px;
    height:47px;
    background:url(imgs/sprite.png) -107px -124px;
    bottom:32px;
    right:5px;
    padding:20px;
}

.homeSlider .description div{
    font-size:12px;
    text-shadow: 0px 1px 0px #FFFFFF;
    font-style: italic;
    zoom:1;
}

.homeSlider .description div:first-child{
    font-size:18px;
}

.link_handelmaat{
    position:absolute;
    display:block;
    width:63px;
    height:60px;
    left: 26px;
    top: 46px;
}

.link_iso9001{
    position:absolute;
    display:block;
    width:113px;
    height:51px;
    top: 50px;
    left: 96px;
}

.link_sued
{
    position:absolute;
    display:block;
    width:160px;
    height:61px;
    left: 36px;
    top: 5px;
}

.link_eurorijn
{
    position:absolute;
    display:block;
    width:187px;
    height:70px;
    left: 28px;
    top: 64px;
}

.link_home{
    position:absolute;
    left:50%;
    margin-left: -466px;
    width:250px;
    height:75px;
    top:20px;
}

.kontakt_lb{
    display:block;
    width:138px;
    height:35px;
    background: url(imgs/sprite.png) -1187px -134px;
    margin-top:15px;
}

.overlay{
    background:url(imgs/vsprite.png) -1136px 0px;
    width:433px;
    min-height:200px;
    position:absolute;
    left:50%;
    margin-left:-239px;
    top:50%;
    display: table-cell;
    vertical-align: middle;
    margin-top: -20%;
    display:none;
    z-index:999999999;
    padding:8px 23px;
    font-size:14px;
}

.overlay .top, .overlay .bottom{
    position:absolute;
    background:url(imgs/sprite.png) -435px -194px;
    left:0px;
    right:0px;
    top:-14px;
    height:14px;
}

.overlay .bottom{
    bottom:-14px;
    top:auto;
    background-position: -435px -208px;
}

.overlay_bg{
    background:black;
    position:fixed;
    left:0px;
    top:0px;
    bottom:0px;
    right:0px;
    display:none;
    z-index:999999998;
    -ms-filter: "progid:DXImageTransform.Microsoft.Alpha(Opacity=50)";
    filter: alpha(opacity=50);
    -moz-opacity: 0.5;
    -khtml-opacity: 0.5;
    opacity: 0.5;
}

.overlay input[type=text], .contentItem.main input[type=text]{
    width:235px;
    float:right;
    margin-left: 30px;
}

textarea{
    padding:4px;
    width:425px;
    height:102px;
}

label{
    float:left;
    display:block !important;
    width:auto;
    display:block;
    font-size:12px;
    font-weight:bold;
    padding-top:15px;
}



.overlay br, .contentItem form br{
    display:none;
}

#mytextarea_label{
    width:auto;
}

input[name=submit_contact]{
    background-position:-1223px -169px;
    width:101px;
    margin-top: 30px;
}

input[name=lieferdatum]{
  margin-left: 30px;
}

.radio label{
    width:auto;
    clear:none;

}

.radio{
    position: relative;
    right: 128px;
    float: right;

}

.radioButton:not(:first-child){
    margin-left:10px;
}


.rechnungsadresse{
   position: relative;

}

.bestellen_item2{

    position: absolute;
    top: 160px;
    display: none;
}

.margin-top-text{
    margin-top: 70px;
}

.margin-top-text2{
    margin-top: 10px;
}

.margin-left-text{
    margin-right: -47px;
}

.logodata{
    height: 38px;
    width: 186px;
    margin-top: -20px;
    float: right;
    background-image: url("imgs/logo_eurosalt.png");
    display: none;
    margin-right:25px;
}

img{
    border-style: none!important;
}

.radio input
{
    float:left;
    display:block;
}

form > div{
    clear:both;
}

.not-visible{
    display: none;
}

.subMenu a:nth-child(3)
{

}

.radioButton{
    width:22px;
    height:22px;
    background:url(imgs/sprite.png) -1325px -134px;
    float:left;
    margin-top:10px;
    margin-right:7px;
}

.radioButton.checked{
    background-position: -1347px -134px;
}

.overlay.visible, .overlay_bg.visible{
    display:block;
}

form span{

    top: 15px;
    padding-top: 15px;
    margin-left: 4px;
    float: left;
    font-size: 12px!important;
}

form > div{
    position:relative;
}

.g-recaptcha {
    margin-bottom: 15px;
}

.overlay .close{
    width:20px;
    height:20px;
    background:url(imgs/sprite.png) -1325px -156px;
    position:absolute;
    top:-3px;
    right:10px;
    cursor: pointer;
}

#recaptcha_widget_div
{
    margin-top:10px;
}

/** landings page **/
@font-face {
    font-family: header;
    src: url('font/MyriadPro-Bold.otf');
}

@font-face {
    font-family: regular;
    src: url('font/MyriadPro-Regular.otf');
}

.wrapper-landingpage{
    width: 719px;
    height: auto;
}

.wrapper-landingpage .banner{
    width: 100%;
    height: 250px;
    position: relative;

}

.wrapper-landingpage .order-button{
    position: absolute;
    right: 20px;
    top:10px;
}

.wrapper-landingpage .blue_box{
    width: 100%;
    height: 180px;
    position: relative;
    background-color: #ecf9fa;
}

.wrapper-landingpage .header-text{
    top:10px;
    margin-left: 20px;
}

.wrapper-landingpage .header-text p{
    color:#00b2bd;
    font-size: 12px;
    font-family:  regular;
    line-height: 25px;

}
.wrapper-landingpage h5{
    color:#00b2bd;
    font-size: 12px;
    font-family: header;
}
.wrapper-landingpage h1{
    color:#00b2bd;
    font-size: 12px;
    font-family: regular;
}
.wrapper-landingpage h2{
    color:#000;
    font-size: 12px;
    font-family: header;
    height: 0px;
}


.wrapper-landingpage p{
    color:#000;
    font-size: 12px;
    font-family:  regular;
    line-height: 15px;

}

.wrapper-landingpage  td{

    vertical-align: text-top;
}

.wrapper-landingpage table {
    border-collapse: collapse;
}

.wrapper-landingpage .header-paragraph p{
    color:#000;
    font-size: 12px;
    font-family:  regular;
    line-height: 20px;
}

/* first section */
.wrapper-landingpage .first_section{
    width: 100%;
    height: 530px;
    position: relative;
    margin-top: 20px;
}

.wrapper-landingpage .first_section table{
    margin-left: 20px;
}

.wrapper-landingpage .header-title2 h1{
    color:#00b2bd;
    font-size: 12px;
    font-family: regular;
    height: 5px;
}

.wrapper-landingpage ul li{
    margin-top: 10px;
    color:#00b2bd;
    font-size: 12px;
    text-decoration: none;
    font-family: header;
    font-style: italic;
}

.wrapper-landingpage ul{
    position: relative;
    left: 20px;
    top:-10px;

}

.wrapper-landingpage .product_image img{
    position: relative;
    left: -40px;
}

/*section2*/
.wrapper-landingpage .first_section2{
    height: 350px;
    position: relative;
    background-color: #ecf9fa;
}

.wrapper-landingpage .product_image2 img{
    position: relative;
    left: 20px;
    margin-top: 20px;
}

.second_box{
    position: relative;
    margin-top: 30px;
    float: right;
    margin-right: 20px;
}

/*section3*/
.wrapper-landingpage .first_section3{
    height: 590px;
    position: relative;
}

.wrapper-landingpage .header-title3{
    margin-left: 20px;
    margin-top: 20px;
}

.wrapper-landingpage .header-title4{
    margin-left: 20px;
    margin-top: 0px;
}

.wrapper-landingpage .margin-left-text{
    margin-left: 10px;
    margin-top: 20px;
}

.wrapper-landingpage .margin-height{
    margin-top: 20px;
}

.wrapper-landingpage .info-section-header h2{
    color:#00b2bd;
}

/*footer*/
.wrapper-landingpage .footer_landings{
    width: 100%;
    height: 100px;
    background-color: #00b2bd;
}

.wrapper-landingpage .margin-top-footer{
    position: relative;
    margin-top: 35px;
}

.wrapper-landingpage .margin-top-footer p{
    font-family: regular;
    font-weight: bold;

    font-size: 18px;
    color:#FFffff;
}
.wrapper-landingpage .footer_landings img{
    position: relative;

}