body {

  padding-top: 20px;


background: #ddece9; /* Old browsers */
background: linear-gradient(to bottom, #ddece9, lightgray 33%) repeat scroll 0 0 rgba(0, 0, 0, 0);


}

img.logga {
z-index: 1;
width: 200px;
float: right;
position: relative;
}

.wrapper {

max-width: 1000px;

}



.shadow {



    box-shadow: 0 3px 13px #808080;

}



.bgtop{

    color:white;/*http://www.krusiusalpackor.se/images/paste.jpg*/

   /* background: url(/img/nasbyviksgard.jpg) border-box 0 0 no-repeat;*/

    margin-bottom:24px;

    border: solid 0px #808080;

    position:relative;
    overflow: hidden;

}

.bgtop img.background {
    position: absolute;
    top: 0;
    left: 0;
    z-index:0;
}



    .bgtop h1{
        position: relative;
        z-index:2;
     text-shadow: 2px 0 0 #000, -2px 0 0 #000, 0 2px 0 #000, 0 -2px 0 #000, 1px 1px #000, -1px -1px 0 #000, 1px -1px 0 #000, -1px 1px 0 #000;

    }



     .bgtop p {

      padding-left: 6px; 

      text-shadow: 1px 0 0 #000, -1px 0 0 #000, 0 1px 0 #000, 0 -1px 0 #000, 1px 1px #000, -1px -1px 0 #000, 1px -1px 0 #000, -1px 1px 0 #000;

    }





.navbar {

  margin-bottom: 20px;

}



.content {



    background-color: white;



}



.content h1 {

     font-size: 3em;

}



.content h2 {

    font-size: 2.5em;

}



.content h3 {

    font-size: 2em;

}



.footer {

    padding: 30px 40px 60px 40px;

    color: white;

    margin:0;

    width: 100%;

    

    height:auto;

    background-color: #808080;

    

}



.jumbotron.content p { font-size:14px;}



.footer h6 {



    font-size: 24px;

}



.footercontent { 

    margin: auto;

    max-width: 900px;

}



li.list-group-item a { padding-left:15px;}

li.list-group-item li.list-group-item a { padding-left:25px;}

li.list-group-item li.list-group-item li.list-group-item a { padding-left:35px;}



li.list-group-item.active a { padding-left:10px;}

li.list-group-item li.list-group-item.active a { padding-left:20px;}

li.list-group-item li.list-group-item li.list-group-item.active a { padding-left:30px;}



ul.list-group ul.list-group li.list-group-item:last-child,

ul.list-group ul.list-group ul.list-group li.list-group-item:last-child {

    border-bottom-right-radius: 0; 

    border-bottom-left-radius: 0; 

    border-right: 0;

}



ul.list-group ul.list-group li.list-group-item:first-child,

ul.list-group ul.list-group ul.list-group li.list-group-item:first-child {

    border-top-right-radius: 0; 

    border-top-left-radius: 0; 

    border-right: 0;

}



.list-group-item {

    padding:10px 0;

}



.list-group-item:last-child {

    

}



.list-group:last-child {

    margin-bottom: 0;

}







/* border-bottom-right-radius: 4px; */

/* border-bottom-left-radius: 4px; */





.list-group-item.active, .list-group-item.active:hover, .list-group-item.active:focus

 { 

    border-color: #DFDFDF;

    border-left-color: #5bc0de;

    -moz-border-bottom-colors: none;

    -moz-border-left-colors: none;

    -moz-border-right-colors: none;

    -moz-border-top-colors: none;

    border-image: none;

    border-style: solid;

    border-width: 1px 1px 1px 5px;

    background-color: white;

   

}



.list-group {margin-top: 13px;}

.footercontent .leftcolumn a {

    color: white;



}



.puffar > div { overflow:hidden;

position:relative;

    padding:15px;

    border: 0px solid gray;

    border-radius: 5px;

	background-position:center;

	background-size: 350px;

  	background-repeat: no-repeat;

    /*background-image: url(../img/puff5_500px.png);*/

	

	box-shadow: 0 2px 5px #808080;



}



.puffar > div img {

	display:none;

	position:absolute;

	top: 0; left: 0;

	width: 100%;

	z-index:100;

	-webkit-filter: grayscale(100%);

  -moz-filter: grayscale(100%);

  -ms-filter: grayscale(100%);

  -o-filter: grayscale(100%);

  filter: grayscale(100%);

  filter: url(grayscale.svg#greyscale); /* Firefox 4+ */

  filter: gray; /* IE 6-9 */

	filter: url("data:image/svg+xml;utf8,<svg version='1.1' xmlns='http://www.w3.org/2000/svg' height='0'><filter id='greyscale'><feColorMatrix type='matrix' values='0.3333 0.3333 0.3333 0 0 0.3333 0.3333 0.3333 0 0 0.3333 0.3333 0.3333 0 0 0 0 0 1 0' /></filter></svg>#greyscale");

	}





@media (min-width: 480px) {

    .puffar > div.col-xs-6 {

        width: 48%;

        margin-right: 2%;

        margin-bottom: 2%;

    }

}





@media (min-width: 970px) {

    .puffar > div.col-md-4 {

        width: 32.33333%;

        margin-right: 1%;

        margin-bottom: 1%;

    }

}



@media (min-width: 768px) {

    .puffar > div.col-sm-4 {

        width: 31.33333%;

        margin-right: 2%;

        margin-bottom: 2%;

    }

}





@media (max-width: 768px) {
	   .puffar {
        margin-right: 0;
        margin-left:0;
    }
}



@media (max-width: 480px) {

    .puffar > div.col-xs-6 {

        width: 100%;

        margin-bottom: 2%;

    }

 

}







    .puffar > div p:nth-child(2) {margin-bottom:30px;color:white;

                      text-shadow: 2px 0 0 #000, -2px 0 0 #000, 0 2px 0 #000, 0 -2px 0 #000, 1px 1px #000, -1px -1px 0 #000, 1px -1px 0 #000, -1px 1px 0 #000;

    }

    .puffar > div h2 {

        font-size:2em;

         color:white;

         text-shadow: 2px 0 0 #000, -2px 0 0 #000, 0 2px 0 #000, 0 -2px 0 #000, 1px 1px #000, -1px -1px 0 #000, 1px -1px 0 #000, -1px 1px 0 #000;

    }



    .puffar > div a.btn {

        position:absolute;

        bottom:10px; right: 10px;

    

    }



@media (min-width: 768px) {

    .navbar-brand {

        display: none;

    }

}



@media (min-width: 768px) and (max-width: 990px) {

    nav .navbar-form {

        display:none;

    }

}



.RightFrame {

    border-radius:6px;

    border: 1px solid #EEE;

    margin-top: 20px;

}



    .RightFrame h4 {

    margin-top: 0;

    border-radius:6px 6px 0 0;

    }



    .RightFrame article {

     padding:0 10px 10px 10px;

    }



    .RightFrame hr { padding: 0; margin:0}



   .RightFrame kbd {

width: 100%;

display: block;

margin-bottom: 7px;

}



.dropdown:hover .dropdown-menu {

    display: block;

}

.dropdown-menu {

    margin-top: 0px;

}



.content .col-sm-4 ul {

	padding-left:15px;

	}

 

 /* if you want to hide the arrow 

 a.menu:after, .dropdown-toggle:after {

   content: none;

 }*/
 
 .content img { max-width:100%}