@charset utf-8;

/* General
---------------------------------------- */

/* Add Webfonts */

                   /* Footer
---------------------------------------- */
#footer {
        color:#8f8f8f;
        background:#ededed url(../bilder/footer-tail.gif) 0 0 repeat-x;
        border-bottom:1px solid #bebebe;
        padding:11px 0;
}
.footer-text a {color:#8f8f8f; text-decoration:none;}
.footer-text a:hover {text-decoration:underline;}

        /* Footer widget */
        #widget-footer {

        }


        #widget-footer .social-networks li {
                list-style-type:none;
                padding:0 0 .5em 0;
                margin:0;
                }

        /* Footer navigation */
        nav.footer {
                float:right;
        }
                nav.footer ul {

                        }
                        nav.footer ul li {
                                list-style-type:none;
                                float:left;
                                padding-left:15px;
                                margin:0;
                                }


html,
body {
        min-width:980px;
        }
body{
        color: #333333;
        background:#efefef url(../bilder/body-bg.jpg) center top repeat;
        font: 100%/1.125em Arial, Helvetica, sans-serif;
        position:relative;
}

#main {
        font-size:.75em;
        line-height:1.5em;
        width:980px;
        padding:28px 0;
        margin:0 auto;
}

.bg {
        width:978px;
        border:1px solid #fff;
        background:#fff;
}



/* List styling */
dl.numb  {margin:0 0 20px 0; overflow:hidden;}
dl.numb dt {
        font-size:36px;
        line-height:50px;
        font-weight:bold;
        color:#fff;
        width:51px;
        height:67px;
        text-align:center;
        background:url(../bilder/numb-bg.png) 0 0 no-repeat;
        float:left;
        margin:25px 20px 0 0;
        }
dl.numb dd {
        margin:0 0 20px 0;
        padding:20px 0 0 0;
        border-top:1px solid #ebebeb;
        color:#333333;
        line-height:20px;
        }
dl.numb dt:first-child {margin-top:3px;}
dl.numb dt:first-child + dd {padding:0; border:none;}

.indent-bot {margin-bottom:20px;}
.indent-bot2 {margin-bottom:30px;}

h3 {
        background:#ededed url(../bilder/h3-tail.gif) 0 0 repeat-x;
        border-bottom:1px solid #d0d0d0;
        border-radius:2px;
        padding:3px 0 2px 19px;
        font-weight:normal;
}

.list-1 ul {overflow:hidden;}
.list-1 ul li {
        float:left;
        line-height:18px;
        padding-left:17px;
        margin-right:20px;
        width:123px;
        background:url(../bilder/border-bot.gif) 0 0 repeat-x;
}
.list-1 ul li:first-child {background:none;}
.list-1 ul li.nomargin {margin-right:0;}
.list-1 ul li.second {background:none;}
        .list-1 ul li a {text-decoration:none;}
        .list-1 ul li a:hover {color:#333333; font-weight:bold;}

.tdate-1 {
        display:block;
        font-size:11px;
        line-height:1.2em;
        font-weight:bold;
        color:#fff;
        background:#000;
        text-align:center;
        text-transform:uppercase;
        padding:10px 16px;
        float:left;
        margin:2px 20px 2px 2px;
        border-radius:5px;
        box-shadow: 0 0 2px #c4c4c4;
}
        .tdate-1 span {display:block;}

/* Header
---------------------------------------- */
#header {
        width:100%;
        position:relative;
        z-index:99;
        }

/* Logo */
.logo {
        float:left;
        padding:20px 0 0 2px;
        }
        .logo h1,
        .logo h2 {
                font-family: 'Open Sans', sans-serif;
                font-size:54px;
                font-weight:400;
                line-height:65px;
                text-transform:uppercase;
                letter-spacing:-2px;
                margin:-14px 0 -15px -3px;
                }
                .logo h1 a,
                .logo h2 a {
                        color:#333333;
                        text-decoration:none;
                        }
.logo .tagline {
        font-family: 'Open Sans', sans-serif;
        font-size:34px;
        font-weight:300;
        line-height:41px;
        text-transform:uppercase;
        color:#333333;
        letter-spacing:-2px;
        margin:-3px 0 0 -2px;
        }

.list-services {
        margin:0 0 17px 0;
        padding:19px 0 0;
        overflow:hidden;
}
        .list-services li {
                float:left;
                padding-left:27px;
                margin-left:19px;
                background:url(../bilder/marker-1.png) 1px 7px no-repeat;
                line-height:18px;
        }
                .list-services li a {text-decoration:none;}
                .list-services li a:hover {text-decoration:underline;}

/* Header widget */
#widget-header {
        position:absolute;
        right:340px;
        top:70px;
        z-index:1;
}
        .widget-header {

                }

/* Social Networks */
#widget-header .social-networks {
        list-style-type:none;
        padding:0;
        margin:0;
        border:none;
        }
        #widget-header .social-networks li {
                float:left;
                border:none;
                padding:0;
                margin:0 0 0 5px;
                list-style-type:none;
                height:16px;
                }
                #widget-header .social-networks li a {
                        text-decoration:none;
                        float:left;
                        height:16px;
                        display:block;
                        }
                #widget-header .social-networks li a:hover {
                        color:red;
                        }





/* Request a quote */
#widget_my_requestquotewidget {
        width:100%;
        overflow:hidden;
        }

        .top-box {
                background:#eee;
                border:1px solid #dbdbdb;
                padding:20px;
                margin-bottom:20px;
                overflow:hidden;
                zoom:1;
                position:relative;
                min-height:80px;
                }
        .box-button {
                float:right;
                background:#dbdbdb;
                font-size:21px;
                color:#fff;
                text-decoration:none;
                padding:10px;
                position:absolute;
                right:30px;
                top:50%;
                margin-top:-25px;
                }
        .box-text {
                float:left;
                width:75%;
                }



/* Slider
---------------------------------------- */
#slider-wrapper {
        width:100%;
        height:300px;
        padding-top:20px;
        overflow:hidden;
        position:relative;
        }
#slider {
        position:relative;
        width:940px;
        height:300px;
        background:url(../bilder/loading.png) no-repeat 50% 50%;
}
#slider img {
        position:absolute;
        top:0px;
        left:0px;
        display:none;
}
#slider a {
        border:0;
        display:block;
}


/* The Nivo Slider styles */
.nivoSlider {
        position:relative;
}
.nivoSlider img {
        position:absolute;
        top:0px;
        left:0px;
}
/* If an image is wrapped in a link */
.nivoSlider a.nivo-imageLink {
        position:absolute;
        top:0px;
        left:0px;
        width:100%;
        height:100%;
        border:0;
        padding:0;
        margin:0;
        z-index:60;
        display:none;
}
/* The slices in the Slider */
.nivo-slice {
        display:block;
        position:absolute;
        z-index:50;
        height:100%;
}
.nivo-box {
        display:block;
        position:absolute;
        z-index:5;
}
/* Caption styles */
.nivo-caption {
        position:absolute;
        right:0;
        top:0px;
        line-height:20px;
        background:url(../bilder/slider-caption-tail.png) 0 0 repeat;
        color:#ffffff;
        width:300px;
        height:300px;
        z-index:89;
}
.nivo-caption .nivo-caption-inner {
        padding:90px 20px 60px 21px;
        margin:0;
}
        .nivo-caption em {
                display:block;
                font-family:'Open Sans',sans-serif;
                font-size:25px;
                line-height:31px;
                color:#fff;
                text-transform:uppercase;
                font-weight:400;
                font-style:normal;
                letter-spacing:-1px;
                margin-bottom:10px;
        }
        .nivo-caption p {margin:0;}
        .nivo-caption p > a {
                display:inline-block !important;
                width:5px;
                height:9px;
                text-indent:-999em;
                background:url(../bilder/slider-marker.gif) 0 0 no-repeat;
                margin:5px 0 0 10px;
                overflow:hidden;
        }
        .nivo-caption p strong {
                display:inline-block;
                font-weight:normal;
        }

.nivo-html-caption {
  display:none;
}
/* Direction nav styles (e.g. Next & Prev) */
.nivo-directionNav a {
        position:absolute;
        top:45%;
        z-index:99;
        cursor:pointer;
}
.nivo-prevNav {
        left:0px;
}
.nivo-nextNav {
        right:0px;
}
/* Control nav styles (e.g. 1,2,3...) */
.nivo-controlNav {
        position:absolute;
        left:661px;
        bottom:18px;
}
.nivo-controlNav a {
        position:relative;
        z-index:99;
        cursor:pointer;
        display:inline-block !important;
        width:16px;
        height:16px;
        background:#90908e;
        margin-right:1px;
        text-indent:-999em;
        -webkit-transition: all 0.25s ease;
        -moz-transition: all 0.25s ease;
        -o-transition: all 0.25s ease;
        transition: all 0.25s ease;
}
.nivo-controlNav a.active,
.nivo-controlNav a:hover {
        background:#fff;
}

.nivo-directionNav {

        }
.nivo-directionNav a {
        position:absolute;
        display:block;
        width:36px;
        height:35px;
        text-indent:-9999px;
        border:0;
        top:50%;
        background:url(../bilder/direction_nav.png) no-repeat 0 0;
}
a.nivo-nextNav {
        right:0;
        background-position:-36px 0;
}
a.nivo-nextNav:hover {
        background-position:-36px -35px;
        }
a.nivo-prevNav {
        left:0;
        background-position:0 0;
}
a.nivo-prevNav:hover {
        background-position:0 -35px;
        }

#slider .nivo-controlNav img {
        display:inline; /* Unhide the thumbnails */
        position:relative;
        margin-right:10px;
        width:120px;
        height:auto;
}









/* Navigations
---------------------------------------- */

/* Primary navigation */
nav.primary {
        position:relative;
        z-index:2;
}

/* Essential styles for dropdown menu */
.sf-menu, .sf-menu * {
        margin:                        0;
        padding:                0;
        list-style:                none;
}
.sf-menu ul {
        position:                absolute;
        top:                        -999em;
        width:                        150px; /* left offset of submenus need to match (see below) */
        padding:5px 17px;
        background:url(../bilder/menu-ul-tail.png) 0 0 repeat;
        border-radius:0 0 2px 2px;
}
.sf-menu ul ul {border-radius:2px;}
.sf-menu ul li {
        width:                        100%;
}
.sf-menu li:hover {
        visibility:                inherit; /* fixes IE7 'sticky bug' */
}
.sf-menu li {
        float:                        left;
        position:                relative;
}
.sf-menu a {
        display:inline-block;
}
.sf-menu li:hover ul,
.sf-menu li.sfHover ul {
        left:                        0;
        top:                        38px; /* match top ul list item height */
        z-index:                99;
}
ul.sf-menu li:hover li ul,
ul.sf-menu li.sfHover li ul {
        top:                        -999em;
}
ul.sf-menu li li:hover ul,
ul.sf-menu li li.sfHover ul {
        left:                        167px; /* match ul width */
        top:                        -2px;
}
ul.sf-menu li li:hover li ul,
ul.sf-menu li li.sfHover li ul {
        top:                        -999em;
}
ul.sf-menu li li li:hover ul,
ul.sf-menu li li li.sfHover ul {
        left:                        10em; /* match ul width */
        top:                        0;
}


/* Our skin for dropdown menu */
.sf-menu {
        float:                        left;
        width:100%;
        background:#ededed url(../bilder/menu-tail.gif) 0 0 repeat-x;
        border-bottom:1px solid #d0d0d0;
        border-radius:2px;
        margin:15px 0 0;
}
.sf-menu li a {
        font-size:14px;
        line-height:28px;
        font-weight:bold;
        padding:5px 20px 3px 20px;
        text-decoration:none;
        text-transform:uppercase;
        color:                        #7a7a7a;
        background:url(../bilder/menu-spacer.gif) right 0 repeat-y;
}
.sf-menu li li {
        padding:6px 0;
        background:url(../bilder/menu-border-bot.gif) 0 0 repeat-x;
}
.sf-menu li li:first-child {background:none;}
.sf-menu li li a {
        font-size:12px;
        line-height:18px;
        color:#828282;
        font-weight:normal;
        text-transform:capitalize;
        background:none;
        padding:0;
}

.sf-menu > li > a:hover,
.sf-menu > li.sfHover > a,
.sf-menu > li.current-menu-item > a {color:#000;}

.sf-menu li  li a:hover,
.sf-menu li li.sfHover > a,
.sf-menu li li.current-menu-item  > a {color:#fff; font-weight:bold;}

/*** arrows **/
.sf-menu a.sf-with-ul {
        padding-right:         2.25em;
        min-width:                1px; /* trigger IE7 hasLayout so spans position accurately */
}
.sf-sub-indicator {
        position:                absolute;
        display:                block;
        right:                        .75em;
        top:                        1.05em; /* IE6 only */
        width:                        10px;
        height:                        10px;
        text-indent:         -999em;
        overflow:                hidden;
        background:                url(../bilder/arrows-ffffff.png) no-repeat -10px -100px; /* 8-bit indexed alpha png. IE6 gets solid image only */
}
a > .sf-sub-indicator {  /* give all except IE6 the correct values */
        top:                        .8em;
        background-position: 0 -100px; /* use translucent arrow for modern browsers*/
}
/* apply hovers to modern browsers */
a:focus > .sf-sub-indicator,
a:hover > .sf-sub-indicator,
a:active > .sf-sub-indicator,
li:hover > a > .sf-sub-indicator,
li.sfHover > a > .sf-sub-indicator {
        background-position: -10px -100px; /* arrow hovers for modern browsers*/
}

/* point right for anchors in subs */
.sf-menu ul .sf-sub-indicator { background-position:  -10px 0; }
.sf-menu ul a > .sf-sub-indicator { background-position:  0 0; }
/* apply hovers to modern browsers */
.sf-menu ul a:focus > .sf-sub-indicator,
.sf-menu ul a:hover > .sf-sub-indicator,
.sf-menu ul a:active > .sf-sub-indicator,
.sf-menu ul li:hover > a > .sf-sub-indicator,
.sf-menu ul li.sfHover > a > .sf-sub-indicator {
        background-position: -10px 0; /* arrow hovers for modern browsers*/
}

/*** shadows for all but IE6 ***/
.sf-shadow ul {
        background:        url(../bilder/shadow.png) no-repeat bottom right;
        padding: 0 8px 9px 0;
        -moz-border-radius-bottomleft: 17px;
        -moz-border-radius-topright: 17px;
        -webkit-border-top-right-radius: 17px;
        -webkit-border-bottom-left-radius: 17px;
}
.sf-shadow ul.sf-shadow-off {
        background: transparent;
}




/* Top search */
#top-search {
        text-align:right;
        }
        #top-search .input-search {
                width:225px;
                background:#e1e1e1;
                border-radius:2px;
                }
        #top-search #submit {
                width:60px;
                cursor:pointer;
                padding:0;
                }





/* Content
---------------------------------------- */
.primary_content_wrap {
        position:relative;
        z-index:1;
        padding:21px 0;
        }

#content {

}
#content.left {
        float:right !important;
        }


/* Page */
.page {

        }
        #page-content {

        }
        #page-meta {

        }










/* Post
---------------------------------------- */
.post {

}
        .postContent {

        }
        .post-excerpt {

        }

.single-post .post-content strong {color:#000;}


.post-holder {
        margin-bottom:25px;
        padding-bottom:25px;
        position:relative;
        overflow:hidden;
        border-bottom:1px solid #e0e0e0;
        }

/* Post header */
.post-holder .entry-header {width:100%; overflow:hidden; margin-bottom:22px;}
.post-holder .entry-header h2 {
        margin-bottom:6px;
        }
.post-holder.single-post {
        margin-bottom:25px;
        overflow:hidden;
        width:100%;
        }

.poster a {color:#333333; text-decoration:none; text-transform:capitalize;}
.poster a:hover {text-decoration:underline;}

.comments-link {
        color:#000;
        text-decoration:none;
        float:right;
}
.comments-link:hover {text-decoration:underline;}



/* Post content */
.post-content {

}
        .post-content .excerpt {
                margin-bottom:1.5em;
                }
        .pagination {

        }
                .pagination a {
                        display:inline-block;
                        padding:0 5px;
                        background:#eee;
                        }




/* Image styling */
.alignleft {
        float:left;
        margin:0 20px 10px 0;
        padding:7px;
        background:#fff;
        border:1px solid #dbdbdb;
        border-radius:5px;
        -moz-border-radius:5px;
        -webkit-border-radius:5px;
        }
.alignright {
        float:right;
        margin:0 0 10px 20px;
        padding:7px;
        background:#fff;
        border:1px solid #dbdbdb;
        border-radius:5px;
        -moz-border-radius:5px;
        -webkit-border-radius:5px;
        }
.aligncenter {
        text-align:center;
        margin:0 auto;
        padding:7px;
        background:#fff;
        border:1px solid #dbdbdb;
        border-radius:5px;
        -moz-border-radius:5px;
        -webkit-border-radius:5px;
        }
article .post-content img {
        max-width:710px;
        }






/* Recent author posts */
#recent-author-posts {
        margin-bottom:3em;
}

/* Recent author comments */
.recentcomments a {color:#000;}

.author-info {
        width:100%;
        overflow:hidden;
        margin-bottom:3em;
        padding-bottom:2em;
        border-bottom:1px solid #eee;
}
        .author-info .avatar {
                margin:0 20px 0 0;
                }
                .author-info .avatar img {
                        float:left;
                        background:#fff;
                        padding:7px;
                        border:1px solid #dbdbdb;
                        }

.author-meta {
        margin-bottom:20px;
        overflow:hidden;
        width:100%;
        }
        .author-meta p.gravatar {
                margin:0;
                }




/* 404
---------------------------------------- */
#error404 {
        padding:30px 0 100px 0;
}
        .error404-num {
                font-size:250px;
                line-height:1.2em;
                color:#2B2B2B;
                text-align:center;
                }
        #error404 hgroup {
                margin:0 0 2em 0;
                padding-top:50px;
                }
                #error404 hgroup h1 {
                        font-size:3em;
                        margin-bottom:.2em;
                        }










/* Misc
---------------------------------------- */
.button {
        display:inline-block;
        font-size:13px;
        line-height:1.23em;
        padding:5px 11px 6px;
        background:url(../bilder/button-tail.gif) 0 0 repeat-x #353535;
        border-radius:2px;
        border-bottom:1px solid #060606;
        color:#fff;
        text-decoration:none;
        }
        .button:hover {
                background:#000;
                }
.no-results {

}






/* Toggle */
.toggle {
    padding: 0 0 2px 0;
}
.toggle .trigger {
        background-color: #f5f5f5;
        background: -moz-linear-gradient(bottom, #F2F2F2 0px, #ffffff 100%);
        background: -webkit-gradient(linear,left bottom,left top, color-stop(0, #f2f2f2),color-stop(1, #ffffff));
        border: 1px solid #dddddd;
        border-radius: 5px;
        -moz-border-radius: 5px;
        -webkit-border-radius: 5px;
        color: #666666;
        display: block;
        padding: 10px 12px 10px 40px;
        position: relative;
        text-decoration:none;
        height:1%;
        }

.toggle .trigger span {
        background: url(../bilder/toggle.png) 0 0 no-repeat;
        display: block;
        position: absolute;
        top: 9px;
        left: 10px;
        text-indent: -9999px;
        width: 22px;
        height: 20px;
        }

.toggle .trigger:hover,
.toggle .active {
        background:#191919;
        color:#fff;
        }
.toggle .active span {
        background-position: 0 -20px;
        }

.toggle .box {
        background-color: #fafafa;
        border: 1px solid #dddddd;
        border-radius: 5px;
        -moz-border-radius: 5px;
        -webkit-border-radius: 5px;
        padding: 20px;
        }




.hr {
        height:1px;
        background:#eee;
        overflow:hidden;
        font-size:0;
        line-height:0;
        margin:30px 5px;
        }
.grid_1 .hr, .grid_2 .hr, .grid_3 .hr, .grid_4 .hr, .grid_5 .hr, .grid_6 .hr, .grid_7 .hr, .grid_8 .hr, .grid_9 .hr, .grid_10 .hr, .grid_11 .hr, .grid_12 .hr, .grid_13 .hr, .grid_14 .hr, .grid_15 .hr, .grid_16 .hr, .grid_17 .hr, .grid_18 .hr, .grid_19 .hr, .grid_20 .hr, .grid_21 .hr, .grid_22 .hr, .grid_23 .hr, .grid_24 .hr {
        margin-left:0;
        margin-right:0;
        }
.spacer {
        height:50px;
        overflow:hidden;
        font-size:0;
        line-height:0;
        }



/* Forms
---------------------------------------- */

/* Form defaults */
input {height:16px;}
input, select, textarea {
        font-family:Arial, Helvetica, sans-serif;
        font-size:12px;
        line-height:16px;
        vertical-align:middle;
        font-weight:normal;
        border:none;
        outline:none;
}
input[type="text"], textarea {
        background:#F6F6F6;
        padding:5px;
        color:#000000;
        }
input[type="submit"], input[type="reset"] {
        position:relative;
        display:inline-block;
        color:#fff;
        border-radius:2px;
        text-decoration:none;
        font-size:13px;
        border-bottom:1px solid #060606;
        background:url(../bilder/submit-tail.gif) 0 0 repeat-x #353535;
        border:none;
        height:26px;
        line-height:26px;
        cursor:pointer;
        margin:0 0 0 5px;
        padding:0 10px 1px;
        }
input[type="submit"]:hover, input[type="reset"]:hover {
        background: #000;
        }


/* Comment form */
#commentform >p > a {color:#000;}
        #commentform p.field {
                margin-bottom:10px;
                }
                #commentform small {
                        color:#8b8b8b;
                        }
        #commentform label {
                display:block;
                }
        #commentform input[type="text"] {
                width:315px;
                background:#f6f6f6;
                border:1px solid #f0f0f0;
                border-radius:0;
                padding:9px 15px;
                }
        #commentform textarea {
                width:520px;
                max-width:520px;
                min-width:520px;
                height:198px;
                min-height:198px;
                overflow:auto;
                background:#f6f6f6;
                border:1px solid #f0f0f0;
                border-radius:0;
                padding:9px 15px;
                }
        #commentform input[type="submit"], #commentform  input[type="reset"] {margin-left:0;}




/* Contact form */
.wpcf7-form p.field {
        margin-bottom:9px;
        overflow:hidden;
        vertical-align:top;
        width:380px;
        position:relative;
        }
.wpcf7-form p.field label {
        float:left;
        width:79px;
        padding-top:6px;
        }
.wpcf7-form p.field input {
        float:left;
        width:280px;
        }
        .wpcf7-form p.field small {
                color:red;
                }
.wpcf7-form textarea {
        float:left;
        width:280px;
        max-width:280px;
        min-width:280px;
        height:205px;
        min-height:205px;
        overflow:auto;
        margin-bottom:17px;
        }
.wpcf7-form .submit-wrap {
        padding:0 0 0 79px;
        margin:0;
        }
        span.wpcf7-form-control-wrap {
                display:block;
                }
        .wpcf7-not-valid-tip {
                width:278px !important;
                position:absolute;
                left:79px !important;
                top:0 !important;
                padding:4px 5px !important;
                height:16px !important;
                line-height:16px;
                background:#f3b7b7 !important;
                color:red !important;
                border:1px solid red !important;
                }







/* Clear Floated Elements */
.clear {
        clear: both;
        display: block;
        overflow: hidden;
        visibility: hidden;
        width: 0;
        height: 0;
}

.clearfix:after {
        clear: both;
        content: ' ';
        display: block;
        font-size: 0;
        line-height: 0;
        visibility: hidden;
        width: 0;
        height: 0;
}

.clearfix {
        display: inline-block;
}

* html .clearfix {
        height: 1%;
}

.clearfix {
        display: block;
}