/* general */
body {
    background: #fff;
    color: #333;
}
h1, h2, h3, h4, h5, h6 {
    font-weight: normal;
    color: #333;
}
a {
    color: #333;
}
hr {
    color: #ccc;
    background: #ccc;
}

/* forms */
.text-container input, .textarea-container textarea {
    background: #fff;
    color: #333;
    border: 1px solid #ccc;
}

/* layout */
#identityWrapper {
    background: #eef2f1;
}
#identityWrapper h1 {
    font-size: 1.6em;
    font-weight: normal;
    color: #0d6797;
}
#menubutton {
    background: #d0d0d0;
    text-transform: lowercase;
    -webkit-box-shadow: inset 0 1px 3px rgba(0,0,0,.5);
    -moz-box-shadow: inset 0 1px 3px rgba(0,0,0,.5);
    box-shadow: inset 0 1px 3px rgba(0,0,0,.5);
    -webkit-border-radius: 3px;
    -moz-border-radius: 3px;
    border-radius: 3px;
}
footer {
    padding: 14px 4.7945205479%;
    margin: 0 -4.7945205479%;
    background: #ececec;
    -webkit-box-shadow: inset 0 5px 5px -5px rgba(0,0,0,.3), inset 0 -5px 5px -5px rgba(0,0,0,.3);
    -moz-box-shadow: inset 0 5px 5px -5px rgba(0,0,0,.3), inset 0 -5px 5px -5px rgba(0,0,0,.3);
    box-shadow: inset 0 5px 5px -5px rgba(0,0,0,.3), inset 0 -5px 5px -5px rgba(0,0,0,.3);
}
footer li {
    background: url(images/triangle.png?1345111554) no-repeat 0 5px;
    -webkit-background-size: 9px 56px;
    -moz-background-size: 9px 56px;
    background-size: 9px 56px;
    background: url(images/triangle-50.png?1345111554) no-repeat 0 5px\9; /* IE8 and lower */
    padding: 0 13px;
}
footer a {
    text-decoration: none;
}

/* main nav */
nav#main {
    background: #698799;
    -webkit-box-shadow: inset 0 5px 5px -5px rgba(0,0,0,.3), inset 0 -5px 5px -5px rgba(0,0,0,.3);
    -moz-box-shadow: inset 0 5px 5px -5px rgba(0,0,0,.3), inset 0 -5px 5px -5px rgba(0,0,0,.3);
    box-shadow: inset 0 5px 5px -5px rgba(0,0,0,.3), inset 0 -5px 5px -5px rgba(0,0,0,.3);
}
nav#main a {
    color: #fff;
    text-decoration: none;
}
nav#main li.active a {
    background: #399999;
    font-weight: bold;
    font-style: italic;
    -webkit-box-shadow: inset 0 5px 5px -5px rgba(0,0,0,.3), inset 0 -5px 5px -5px rgba(0,0,0,.3);
    -moz-box-shadow: inset 0 5px 5px -5px rgba(0,0,0,.3), inset 0 -5px 5px -5px rgba(0,0,0,.3);
    box-shadow: inset 0 5px 5px -5px rgba(0,0,0,.3), inset 0 -5px 5px -5px rgba(0,0,0,.3);
}

/* button nav */
nav#buttonmenu {
    background: #ececec;
    -webkit-box-shadow: 0 10px 10px rgba(0,0,0,.2);
    -moz-box-shadow: 0 10px 10px rgba(0,0,0,.2);
    box-shadow: 0 10px 10px rgba(0,0,0,.2);
}
nav#buttonmenu a {
    color: #999;
    background: #ccc;
}
nav#buttonmenu li.active > a {
    background: #fff;
}

/* module: vertical navigation */
nav.verticalnav a {
    background: #dfe5ea;
    -webkit-box-shadow: inset 0 1px 3px rgba(0,0,0,.5);
    -moz-box-shadow: inset 0 1px 3px rgba(0,0,0,.5);
    box-shadow: inset 0 1px 3px rgba(0,0,0,.5);
    -webkit-border-radius: 5px;
    -moz-border-radius: 5px;
    border-radius: 5px;
    color: #333;
}

/* module: headline
   module: sub headline */
.h1,
.h1 a,
.h2,
.h2 a {
    color: #0d6797;
}

/* module: preamble */
.preamble p {
    color: #9999a6;
}

/* module: bar */
.bar {
    padding: 0 4.7945205479%;
    margin: 0 -4.7945205479%;
    background: #698799;
}
.bar .h2 {
    color: #fff;
}

/* module: tap to call */
.call a {
    background: #389695;
    background: url(images/taptocall.png?1345111554) no-repeat left center,
                url(images/button-arrow.png?1345111554) no-repeat right center,
                #389695;
    background: url(images/taptocall.png?1345111554) no-repeat left center,
                url(images/button-arrow.png?1345111554) no-repeat right center,
                linear-gradient(#389695,#2b7676);
    background: url(images/taptocall.png?1345111554) no-repeat left center,
                url(images/button-arrow.png?1345111554) no-repeat right center,
                -o-linear-gradient(#389695,#2b7676);
    background: url(images/taptocall.png?1345111554) no-repeat left center,
                url(images/button-arrow.png?1345111554) no-repeat right center,
                -moz-linear-gradient(#389695,#2b7676);
    background: url(images/taptocall.png?1345111554) no-repeat left center,
                url(images/button-arrow.png?1345111554) no-repeat right center,
                -webkit-linear-gradient(#389695,#2b7676);
    background: url(images/taptocall.png?1345111554) no-repeat left center,
                url(images/button-arrow.png?1345111554) no-repeat right center,
                -ms-linear-gradient(#389695,#2b7676);
    -webkit-background-size: 55px 31px, 29px 31px, auto;
    -moz-background-size: 55px 31px, 29px 31px, auto;
    background-size: 55px 31px, 29px 31px, auto;
    font-size: 1.5em;
    color: #fff;
    -moz-border-radius: 5px;
    -webkit-border-radius: 5px;
    border-radius: 5px;
    -webkit-box-shadow: inset 0 1px 3px rgba(0,0,0,.5);
    -moz-box-shadow: inset 0 1px 3px rgba(0,0,0,.5);
    box-shadow: inset 0 1px 3px rgba(0,0,0,.5);
}

/* module: box */
.box {
    background: #ececec;
}

/* module: formbuilder */
.formbuilder {
    padding: 14px 4.7945205479% 1px 4.7945205479%;
    margin: 0 -4.7945205479% 14px -4.7945205479%;
    background: #ececec;
    -webkit-box-shadow: inset 0 5px 5px -5px rgba(0,0,0,.3), inset 0 -5px 5px -5px rgba(0,0,0,.3);
    -moz-box-shadow: inset 0 5px 5px -5px rgba(0,0,0,.3), inset 0 -5px 5px -5px rgba(0,0,0,.3);
    box-shadow: inset 0 5px 5px -5px rgba(0,0,0,.3), inset 0 -5px 5px -5px rgba(0,0,0,.3);
}

/* module: link list */
.linklist ul {
    border-top: 1px solid #ccc;
    background: #ececec;
}
.linklist li {
    background: url(images/triangle.png?1345111554) no-repeat 10px 13px;
    -webkit-background-size: 9px 56px;
    -moz-background-size: 9px 56px;
    background-size: 9px 56px;
    background: url(images/triangle-50.png?1345111531) no-repeat 10px 13px\9; /* IE8 and lower */
    height: 35px;
    line-height: 35px;
    border-bottom: 1px solid #ccc;
}
.linklist a {
    padding: 0 23px;
}

/* module: opening hours */
.hours .content {
    padding: 13px 14px 0 14px;
    border-top: 1px solid #ccc;
}
.hours .content,
.hours small {
    background: #ececec;
    border-bottom: 1px solid #ccc;
}

/* module: contact */
.contact dl {
    background: #ececec;
    padding: 13px 14px 0 14px;
    border-top: 1px solid #ccc;
    border-bottom: 1px solid #ccc;
}
.contact dt {
    color: #999;
}

/* module: google maps */
.map {
    padding: 1.3em 4.7945205479% 0 4.7945205479%;
    margin: 0 -4.7945205479% 14px -4.7945205479%;
    background: #ececec;
    -webkit-box-shadow: inset 0 5px 5px -5px rgba(0,0,0,.3), inset 0 -5px 5px -5px rgba(0,0,0,.3);
    -moz-box-shadow: inset 0 5px 5px -5px rgba(0,0,0,.3), inset 0 -5px 5px -5px rgba(0,0,0,.3);
    box-shadow: inset 0 5px 5px -5px rgba(0,0,0,.3), inset 0 -5px 5px -5px rgba(0,0,0,.3);
}
.map .mapcontainer {
    border: 1px solid #ccc;
}

/* module: notify */
.notify {
    padding: 14px 4.7945205479% 1px 4.7945205479%;
    margin: 0 -4.7945205479% 14px -4.7945205479%;
    background: #ececec;
    -webkit-box-shadow: inset 0 5px 5px -5px rgba(0,0,0,.3), inset 0 -5px 5px -5px rgba(0,0,0,.3);
    -moz-box-shadow: inset 0 5px 5px -5px rgba(0,0,0,.3), inset 0 -5px 5px -5px rgba(0,0,0,.3);
    box-shadow: inset 0 5px 5px -5px rgba(0,0,0,.3), inset 0 -5px 5px -5px rgba(0,0,0,.3);
}

/* module: comments */
.comments {
    padding: 14px 4.7945205479% 1px 4.7945205479%;
    margin: 0 -4.7945205479% 14px -4.7945205479%;
    background: #ececec;
    -webkit-box-shadow: inset 0 5px 5px -5px rgba(0,0,0,.3), inset 0 -5px 5px -5px rgba(0,0,0,.3);
    -moz-box-shadow: inset 0 5px 5px -5px rgba(0,0,0,.3), inset 0 -5px 5px -5px rgba(0,0,0,.3);
    box-shadow: inset 0 5px 5px -5px rgba(0,0,0,.3), inset 0 -5px 5px -5px rgba(0,0,0,.3);
}
.comments p.author {
    color: #999;
}

/* module: faceboook comments */
.fbcomments {
    padding: 14px 4.7945205479% 1px 4.7945205479%;
    margin: 0 -4.7945205479% 14px -4.7945205479%;
    background: #ececec;
    -webkit-box-shadow: inset 0 5px 5px -5px rgba(0,0,0,.3), inset 0 -5px 5px -5px rgba(0,0,0,.3);
    -moz-box-shadow: inset 0 5px 5px -5px rgba(0,0,0,.3), inset 0 -5px 5px -5px rgba(0,0,0,.3);
    box-shadow: inset 0 5px 5px -5px rgba(0,0,0,.3), inset 0 -5px 5px -5px rgba(0,0,0,.3);
}

/* module: product catalogue */
.product-catalog {
    padding: 1.3em 4.7945205479% 14px 4.7945205479%;
    margin: 0 -4.7945205479% 14px -4.7945205479%;
    background: #ececec;
    -webkit-box-shadow: inset 0 5px 5px -5px rgba(0,0,0,.3), inset 0 -5px 5px -5px rgba(0,0,0,.3);
    -moz-box-shadow: inset 0 5px 5px -5px rgba(0,0,0,.3), inset 0 -5px 5px -5px rgba(0,0,0,.3);
    box-shadow: inset 0 5px 5px -5px rgba(0,0,0,.3), inset 0 -5px 5px -5px rgba(0,0,0,.3);
}
.product-catalog .img {
    border-color: #ccc;
}
.product-catalog .stamp {
    background: #0095b4;
    background: rgba(0,149,180,.8);
    color: #fff;
}
.product-catalog .page-indication li {
    background: #959798;
}
.product-catalog .page-indication li.active {
    background: #d6d7d9;
}

/* buttons */
input[type="submit"], button {
    background: #389695;
    background: linear-gradient(#389695,#2b7676);
    background: -o-linear-gradient(#389695,#2b7676);
    background: -moz-linear-gradient(#389695,#2b7676);
    background: -webkit-linear-gradient(#389695,#2b7676);
    background: -ms-linear-gradient(#389695,#2b7676);
    color: #fff;
    -moz-border-radius: 5px;
    -webkit-border-radius: 5px;
    border-radius: 5px;
    -webkit-box-shadow: inset 0 1px 4px rgba(0,0,0,.5);
    -moz-box-shadow: inset 0 1px 4px rgba(0,0,0,.5);
    box-shadow: inset 0 1px 4px rgba(0,0,0,.5);
}
input[type="submit"] {
    font-size: 1.5em;
}
.readmore a {
    background: url(images/triangle.png?1345111554) no-repeat 0 3px;
    -webkit-background-size: 9px 56px;
    -moz-background-size: 9px 56px;
    background-size: 9px 56px;
    background: url(images/triangle-50.png?1345111554) no-repeat 0 3px\9; /* IE8 and lower */
    padding: 0 0 0 13px;
}
.readmore.active a {
    background-position: 0 -44px;
}

@media only screen and (orientation: landscape) {

    footer {
        padding: 14px 3.0973451327%;
        margin: 0 -3.0973451327%;
    }

    /* module: bar */
    .bar {
        padding: 0 3.0973451327%;
        margin: 0 -3.0973451327%;
    }

    /* module: formbuilder */
    .formbuilder {
        padding: 14px 3.0973451327% 1px 3.0973451327%;
        margin: 0 -3.0973451327% 14px -3.0973451327%;
    }

    /* module: google maps */
    .map {
        padding: 1.3em 3.0973451327% 0 3.0973451327%;
        margin: 0 -3.0973451327% 14px -3.0973451327%;
    }

    /* module: notify */
    .notify {
        padding: 14px 3.0973451327% 1px 3.0973451327%;
        margin: 0 -3.0973451327% 14px -3.0973451327%;
    }

    /* module: comments */
    .comments {
        padding: 14px 3.0973451327% 1px 3.0973451327%;
        margin: 0 -3.0973451327%;
    }

    /* module: facebook comments */
    .fbcomments {
        padding: 14px 3.0973451327% 1px 3.0973451327%;
        margin: 0 -3.0973451327%;
    }

    /* module: product catalogue */
    .product-catalog {
        padding: 1.3em 3.0973451327% 14px 3.0973451327%;
        margin: 0 -3.0973451327% 14px -3.0973451327%;
    }

}