body{
	color: #000!important;
	background-color:  hsl(187, 44%, 96%)!important;
	font-family: "wwebdings", verdana, arial!important;
}


#top_center {
width:33.33%;
height:130px;
float:left;
}


#top_right {
height:130px;
padding-top:20px;
text-align:right;
}

#top_left {
width:33.33%;
height:130px;
float:left;
}


.nav-tabs > li, .nav-pills > li {
    float:none;
    display:inline-block;
    *display:inline; /* ie7 fix */
     zoom:1; /* hasLayout ie7 trigger */
}

.nav-tabs, .nav-pills {
    text-align:center;
}

.nav-pills>li>a {
color:#818080;
text-transform:uppercase;
font-size:12px;
font-family:'Open Sans', sans-serif;
}

.nav-pills>li.active>a {
color:#000;
background:none;
font-weight:bold;
}

.nav-pills>li.active>a:focus, .nav-pills>li.active>a:hover {
background:#eee;
color:#000;
}

.kat_title {
padding:10px 0;
font-family:'Open Sans', sans-serif;
font-size:12px;
}

.kat_title a {
color:#000;
}

.kat_image {
width:125px;
height:170px;

}

.kat_image img {
width:125px;
max-width:125px;
margin-left: auto;
margin-right: auto;

}

#kat_header {
text-align:center;
font-size:14px;
font-family:'Open Sans', sans-serif;
width:100%;
padding-bottom:10px;
}
#kat_header h1 {
font-size:22px;
}

.kat_button{
padding:5px;
background-color:#343434;
border:1px solid #1f1f1f;
width:50px;
margin-top:5px;
font-size:11px;
color:#fff;
font-family:'Open Sans', sans-serif;
}
.kat_button:hover {
background-color:#fff;
color:#000;
}

#top_info_box {
float:right;
font-family:'Open Sans', sans-serif;
text-align:right;
width:200px;
overflow:hidden;
}

.container-kat {
margin-right:auto;
margin-left:auto;
}
.container-kat h1 {
text-align:center;
font-size:22px;
}

 .kat_box {
 border:1px solid #eee;
width:25%;
height:240px;
float:left;
}

#sprog_valg {
float:left;
width:100%;
border-bottom:1px solid #eee;
margin-bottom:10px;
}

#sprog_valg a {
color:#000;
}

footer {
border-top:1px solid #eee;
padding-top:5px;
margin-top:10px;
float:left;
width:100%;
}


.underkat_box {
width:100%;
}

.vare_box_kat {
width:24%;
height: 205px;
padding:7px;
margin-right:5px;
margin-bottom:5px;
border:1px solid #eee;
 position: relative;
float:left;
background-color:#f7f7f7;
}

.vare_box {
width:24%;
height: 205px;
padding:7px;
margin-right:5px;
margin-bottom:5px;
border:1px solid #eee;
 position: relative;
float:left;
color: #000!important;
}



.vare_box:hover,.vare_box_kat:hover {
-webkit-box-shadow: 0 0 10px 1px #E0E0E0;
box-shadow: 0 0 10px 1px #E0E0E0;
}

.vare_box h2,.vare_box_kat h2 {
font-size:12px;
margin-top:10px;
margin-bottom:0px;
}

.vare_text {
font-size:11px;
color:#7f7f7f;
}

.vare_image {
	width:100%;
	max-width:100%;
	
}

.vare_image img {
width:80px;
max-width:103px;
max-height: 105px;
}

.vare_pris {
font-size:12px;
}

.korttxt_box {
height:35px;
}

.vare_text_holder {
position: absolute;
  top:109px;
  float: left;
  padding:0 2px;
  overflow:hidden;
}

.vare_box_kat .vare_text_holder {
position: absolute;
  top:132px;
  float: left;
  padding:0 2px;
  width:100%;
  overflow:hidden;
  text-align:center;
  color: #000!important;
}
.vare_box_kat .vare_text_holder a{
	color: #000!important;
}

.navbar-default {
text-align:middle;
font-family:'Open Sans', sans-serif;
color:#818080;
text-transform:uppercase;
font-size:12px;
font-family:'Open Sans', sans-serif;
border-bottom:2px solid #eee;
}

.navbar .navbar-nav {
  display: inline-block;
  float: none;
  vertical-align: top;
}

.navbar .navbar-collapse {
  text-align: center;
}

.navbar-toggle {
 position: relative;
    width: 100%;
    margin: 0 auto !important;
}

/******************************************** KURV ********************************************/

#kurvcontainer {
border:1px solid #ccc;
padding:10px;
}

.table>tbody>tr>td, .table>tfoot>tr>td{
    vertical-align: middle;
}
@media screen and (max-width: 600px) {
    table#cart tbody td .form-control{
		width:20%;
		display: inline !important;
	}
	.actions .btn{
		width:36%;
		margin:1.5em 0;
	}
	
	.actions .btn-info{
		float:left;
	}
	.actions .btn-danger{
		float:right;
	}
	
	table#cart thead { display: none; }
	table#cart tbody td { display: block; padding: .6rem; min-width:320px;}
	table#cart tbody tr td:first-child { background: #333; color: #fff; }
	table#cart tbody td:before {
		content: attr(data-th); font-weight: bold;
		display: inline-block; width: 8rem;
	}
	
	
	
	table#cart tfoot td{display:block; }
	table#cart tfoot td .btn{display:block;}
	
}

ul.dropdown-cart{
    min-width:250px;
}
ul.dropdown-cart li .item{
    display:block;
    padding:3px 10px;
    margin: 3px 0;
}
ul.dropdown-cart li .item:hover{
    background-color:#f3f3f3;
}
ul.dropdown-cart li .item:after{
    visibility: hidden;
    display: block;
    font-size: 0;
    content: " ";
    clear: both;
    height: 0;
}

ul.dropdown-cart li .item-left{
    float:left;
}
ul.dropdown-cart li .item-left img,
ul.dropdown-cart li .item-left span.item-info{
    float:left;
}
ul.dropdown-cart li .item-left span.item-info{
    margin-left:10px;   
}
ul.dropdown-cart li .item-left span.item-info span{
    display:block;
}
ul.dropdown-cart li .item-right{
    float:right;
}
ul.dropdown-cart li .item-right button{
    margin-top:14px;
}


.item {
    
    margin: 0 10px 10px 0;
    padding: 10px;
}
.item img {
    display: block;
    margin: auto;
}
button {
    border: 1px solid #722A1B;
    padding: 4px 14px;
    background-color: #fff;
    color: #722A1B;
    text-transform: uppercase;
    font-weight: bold;
    cursor: pointer;
}
.shopping-cart {
    display: inline-block;
    background: url('https://cdn1.iconfinder.com/data/icons/jigsoar-icons/24/_cart.png') no-repeat 0 0;
    width: 24px;
    height: 24px;
    margin: 4px -5px 0px 25px;
}



/*-----start-details-page----*/
.txtgron {
background-color:#eee;
padding:10px;
-webkit-border-radius: 10px 10px 10px 10px;
border-radius: 10px 10px 10px 10px;
color:#333;
}

.product-details{
	min-height: 800px;
}

.product-details  h1{
	color: #4f4844;
	font-weight: 700;
	font-size: 1.2em;
	padding: 0.2em 0;
	text-transform: uppercase;
	margin: 0;
}

.details-left-slider{
	float:left;
	width: 38%;
}
.details-left-info{
	float: left;
	width: 60%;
	padding-left:15px;
	    text-align: left;
}
table.tbzoom {
    width: 300px;
}

.product-detail-info{
	color: #666;
	display: block;
	font-size: 1em;
	padding: 1em 0;
	line-height: 1.5em;
	font-family: 'Open Sans', sans-serif;
}
.price{
	height:30px;
	display: inline-block;
}

.product-more-details input[type="button"]{
	background: #4f4844;
	padding: 0.5em 1em;
	display: inline-block;
	color: #FFF;
	text-decoration: none;
	margin-top: 1em;
	border:none;
	font-size:0.875em;
	text-transform:uppercase;
}
.product-more-details input[type="button"]:hover{
	background: #8b4613;
}

.details-left{
	float:left;
	width:100%;
}
.details-right{
	float: right;
	width: 19%;
	background: url(pics/ur1.jpg) no-repeat 0px 0px;
	min-height: 600px;
	border-left: 1px solid #eee;
	text-align: center;
	background-size: cover;
}

.btn-glyphicon { padding:8px; background:#ffffff; margin-right:4px; }
.icon-btn { padding: 1px 15px 3px 2px; border-radius:50px;}

.btn-info a {
color: #fff;
}

.details-page ul{
	margin:0;
	padding:0;
}
.details-page ul li{
	list-style:none;
}

.title_h3 {
height:36px;
}

input.stortfoto {
    border: 1px solid #eee;
    padding: 6px;
	width:100%;
}

img.stortfoto.stortekstrafoto {
    border: 1px solid #eee;
    padding: 6px;
	width:100%;
}

.details-left h1 {
font-size:22px;
}

/*-----//End-details-page----*/




/******************************************** Start Responsive ********************************************/

@media (max-width: 630px) {
 .kat_box {
width:33.33%;
height:185px;
float:left;
line-height:none;
 } 
 #sprog_valg {
text-align:center;
}
.kat_image {
width:90px;
max-width:90px;
}

.container  {
padding-left:5px;
padding-right:5px;
}
.kat_image img {
width:90px;
max-width:90px;

}
.vare_box {
width:31.5%;
height: 205px;
padding: 2px;
}

.vare_box_kat {
background:#f7f7f7;
width:31.5%;
height: 205px;
padding: 2px;
}

.vare_box h2,.vare_box_kat h2 {
font-size:11px;
font-weight:normal;
}
.vare_pris {
font-size:12px;
}
.vare_text {
display:none;
}


#top_center {
width:50%;
height:130px;
float:left;
}


#top_right {

height:130px;
text-align:left;
}

#top_left {
width:0%;
height:130px;
float:left;
}
input.stortfoto, img.stortfoto.stortekstrafoto {
  max-width: 300px;
}

.details-left-info {
		float:none;
		width:100%;
		clear: both;
	}
	.details-left-slider {
		float: none;
		width:100%;
	}
	.details-left {
		float: none;
		width: 100%;
		padding: 0 0 4em;
	}
	.details-right{
		display:none;
	}
		#top_left {
	display:none;
	}


}

@media (min-width: 768px) {
.container {
  width: 768px; 
 
}
 .kat_box {
width:25%;
height:240px;
float:left;
 }
.navbar .navbar-nav {
	display: inline-block;
	float: none;
	vertical-align: top;
}

.navbar .navbar-collapse {
	text-align: center;
}

.details-left-info {
		float:none;
		width:100%;
		clear: both;
	}
	.details-left-slider {
		float: none;
		width:100%;
	}
	.details-left {
		float: none;
		width: 100%;
		padding: 0 0 4em;
	}
	.details-right{
		display:none;
	}


}

@media (min-width: 990px) {
.container {
  width: 990px;
} 
 .kat_box {
width:16%;
height:240px;
float:left;
margin-right:5px;
margin-bottom:5px;
}

.vare_box {
width:19%;
height: 205px;
}

.vare_box_kat {
background:#f7f7f7;
width:19%;
height: 205px;
}
 
}
@media (min-width: 1200px) {
.container {
  width: 1030px;
}
  .kat_box {
width:16%;
height:240px;
float:left;
margin-right:5px;
margin-bottom:5px;
}

.vare_box {
width:16%;
height: 205px;
}

.vare_box_kat {
background:#f7f7f7;
width:16%;
height: 205px;
}




.details-left-info {
		float:left;
		width:52%;
		clear: none;
	}
	.details-left-slider {
		float: left;
		width:45%;
	}
	.details-left {
		float: left;
		width: 100%;
		padding: 0 0 4em;
	}
	.details-right{
		display:none;
	}


.thumbnail {
height:280px;
}
	.details-right .thumbnail {
height:initial;
}
		
}
@media(max-width:998px){
	.thumbnail {
	height:335px;
	}
	.details-right .thumbnail {
height:initial;
}

}

 
}

.hr1 		{ height: 1px; background-color: black; }
.hr2 		{ height: 2px; background-color: black; }
.hr5 		{ height: 5px; background-color: black; }
.hr1gra 	{ height: 1px; background-color: grey; }
.hr2gra 	{ height: 2px; background-color: grey; }
.hr5gra 	{ height: 5px; background-color: grey; }