/* B Y G G   C S S */

body{background-color:#131313;font-family:'Source Sans Pro', sans-serif;font-size:14px;line-height:20px;}
p{color:black;font-weight:400;text-align:justify; }
h1, h2, h3{color:#eb700d;}
h1{font-size:1.6em;font-weight:600;line-height:1em;}
h2{font-size:1.4em;line-height:2em;font-weight:600;color:#777;}
hr{height:1px;border:0;background-color:#f0f0f0;}
.orange{color:#eb700d;}
.white{color:white;}

/* H E A D E R */
#masthead{height:80px;background-image:url('img/bygg_hdr_02.jpg');background-repeat:repeat;}
hgroup{height:102px;}
.outer{width:100%;margin:0 auto;}
.inner{width:1020px;overflow:auto;margin:0 auto;}
.site-title{display:block;float:left;padding-top:7px;}
#masthead nav{text-align:right;width:820px!important;float:left;clear:none;padding-bottom:10px;}
#masthead nav ul{right:0;float:right;padding-top:45px;}
#masthead nav li{margin-left:40px;}
#masthead nav a{font-weight:400;font-size:1.15em;color:white;}
#masthead nav a:hover, #masthead nav li.current-menu-item a{color:#eb700d;}

/* S L I D E R */
#slider .inner {
	height:100% !important;
	overflow:hidden;
}
#slider, #noslider{background-image:url('img/sl_03.jpg');background-repeat:repeat-x;height:400px;}
#noslider img{margin:0 auto;position:relative;display:block;}
.slide{position:relative;}
.slide img{z-index:1;}
.transbox{display:inline;right:0;z-index:3;background-image:url('img/transp.png');background-repeat:repeat;width:250px;height:160px;margin:15px;padding:20px;position:absolute;}
.transbox a{color:#000;font-size:1.15em;text-transform:uppercase;text-decoration:none;font-weight:900;}
.transbox a:hover{color:#777;}

/* M A I N */
#primary{background-color:white;}
.half{width:495px;float:left;margin:20px 0;}
.half:first-child{margin-right:30px;}

.page-id-8 #primary{padding-bottom:20px;}

.twothird{width:720px;float:left;margin:20px 30px 15px 0;}
.onethird{width:250px;float:left;margin:10px 0;}
.onethird h2, strong.orange{text-transform:uppercase;font-size:1.33em;font-weight:600;}

#wpcf7-f193-p9-o1{margin-top:10px;}
#wpcf7-f193-p9-o1 form{padding:10px 0;}
#wpcf7-f193-p9-o1 form label{font-size:1.15em;color:black;font-weight:900;text-transform:uppercase;display:inline-block!important;width:200px;}
#wpcf7-f193-p9-o1 form label span{padding-left:3px;font-size:.75em;font-weight:400;color:#777;font-style:normal;text-transform:lowercase;padding-left:1px;margin-left:0!important;}
#wpcf7-f193-p9-o1 form input[type="text"], #wpcf7-f193-p9-o1 form input[type="email"] { padding: 5px;width:502px!important;vertical-align:top;}
#wpcf7-f193-p9-o1 form textarea{margin-top:7px;width:100%!important;}
#wpcf7-f193-p9-o1 form label.textarea span{left:7px;display:inline;position:relative;}

.home h1{font-size:1.75em;}

#post-6 aside{overflow:auto;margin:5px 0;width:175px; font-size:16px;display:inline-block;}
#post-6 aside strong{font-weight:500;margin-top:12px;position:relative;display:block;text-align:center;}

#primary a{color:#777;text-decoration:none;font-weight:600;}
#primary a:hover{color:#eb700d;}

/* Referenser */
.item{padding:15px 0 10px;border-top:1px solid #f0f0f0;overflow:auto;}
.item img{float:left;margin-right:30px;border:1px solid #777;}
.item .text{float:left;width:425px;padding-top:5px;}
.item .text h1{line-height:.5em;}
.item .text h2{padding-bottom:5px;}

.referens{display:inline-table;}
.referens img{padding:5px;border:1px solid #e7e7e7;border-radius:4px 4px 4px 4px;box-shadow:1px 1px 3px #efefef;}
.referens h2{font-size:21px;font-weight:300;color:#eb700d;padding-bottom:5px;line-height:27px;}
.referens.odd{margin:15px 30px 5px 0;}
.referens.even{margin:15px 0px 5px 0;}
.even:last-child{margin:15px 0px 25px 0;}

body.page-id-9 .one-third{margin-top:40px!important;position:relative;}
.kontaktpersons{padding-bottom:7px;border-bottom:1px solid #dedede;margin-bottom:2px;font-size:1.33em;margin:7px 0 0px!important;font-weight:500;color:#777;position:relative;display:block;}
.kperson{float:left;overflow:auto;margin:0 25px 20px 0;}
.kperson img{float:left;margin-right:15px;}
.kperson .text{float:left;width:190px;}
.kperson h3{font-size:1.5em;padding-bottom:7px;}
.kperson em{font-size:1em;color:#777;font-weight:300;padding-top:5px;padding-bottom:10px;}
.kperson p{text-align:left;margin-top:10px;}
.kperson:first-child{margin-right:12px;padding-right:12px;border-right:1px dotted #ccc;}

/* Lettering */
#post-5 .word1, #post-5 .word2{font-size:.75em;color:black;font-weight:900;text-transform:uppercase;margin-bottom:5px;line-height:1.4em;}
#post-9 strong.orange{text-transform:none;display:block;}
#post-7 .entry-content > ul{margin-left:0;list-style-type:none;}
#post-7 .entry-content > ul > li{font-size:1.2em;font-weight:600;color:#555;text-transform:uppercase;padding:5px 0 3px;}
#post-7 .entry-content > ul ul li{font-weight:400;color:black;text-transform:none;padding:2px 0;list-style-image: url("img/dot.png");}

.bubble{padding-top:75px;font-size:1.2em;font-weight:200;font-style:italic;text-align:justify;color:#666;}
.bubble img{margin-top:20px;}

#post-9 .address{display:inline-block;margin-right:30px;}
#post-9 #kpeople{display:inline-block;vertical-align:top;}

/*F O O T E R*/
#colophon{background-image:url('img/sl_2.jpg');background-repeat:repeat-x;min-height:250px;}
#colophon .widget-area{padding:20px 0;}
#colophon #text-2{width:320px;margin-right:30px;float:left;}
#colophon .widget-title{font-weight:600;font-size:1.15em;margin-bottom:5px;}
#colophon p{color:white;font-size:1em;line-height:1.33em;}
#colophon a{color:#eb700d;font-weight:600;text-decoration:none;letter-spacing:.33px;}
#colophon a:hover{color:white;}
#colophon .widget_image{width:375px;float:right;}







/* Mobile  */

@media (max-device-width: 960px) {
    #logo {
        width: 90%;
    }
    .twothird {
        margin:0;
        margin-top:1em;
    }
    hgroup, #masthead, #noslider img {
        height:auto;
        
    }
    #colophon .widget_image, footer img, .jetpack-image-container {
        max-width:100%;
    }
    h2 {
        font-size:1.2em;
    }
    
    .outer {
        overflow-x:hidden;
    }
    .primary {
        overflow:hidden;
    }
    #masthead nav a {
        font-size:1em;
    }
    .contact-form input[type="text"], .contact-form input[type="email"] {
        max-width:100%;
    }
    nav {
        margin-left:0.5em;
    }
    #menu-start {
        padding:0 !important;
    }
    #masthead nav li {
        margin-left:0em;
        margin-right:0.5em;
    }
    p {
        max-width:100%;
        line-height: 1.3em;
    }
    img {
        max-width:100%;
        
    }
    html, body, #page, header, footer, .bubble, #main, #primary, .inner  {
        width:100%;
        max-width:100%;
        overflow-x:hidden;
    }
    
    footer {
        padding-left:1em;
    }
    #masthead nav {
        width:auto !important;
        clear:both;
    }
    #content, #content2 {
        width:90%;
        margin-left:1em;
    }
    .inner img {
        height:auto;
    }
    #slider, #noslider {
        height:130px;
    }
    .inner {
        width:100%;
    }
    #image-2 {
        
        clear:both;
    }
    #colophon .widget_image {
        float:left;
        width:100%;
    }
    .bubble, header {
        overflow:visible;
    }
    #image-2 img {
        width:90%;
    }
    .page-id-8 h1.entry-title{padding-left:15px;}
    .referens.even img{width:93%;}
    #wpcf7-f193-p9-o1 form input[type="text"], #wpcf7-f193-p9-o1 form input[type="email"]{width:283px!important;}
    
}