/****************************************************
   - TEXT
****************************************************/
p { margin: 0 0 11px; }
p small { font-size: 11px; color: #999999; }
h1, h2, h3, h4, h5,
h1 a, h2 a, h3 a, h4 a, h5 a,
.h1, .h2, .h3, .h4, .h5,
.h1 a, .h2 a, .h3 a, .h4 a, .h5 a{ margin: 0; font-family: inherit; color: inherit;  }
h1 a:hover, h2 a:hover, h3 a:hover, h4 a:hover, h5 a:hover,
.h1 a:hover, .h2 a:hover, .h3 a:hover, .h4 a:hover, .h5 a:hover {color:#EF7C00;}

h1, .h1 { font-size: 34px; line-height: 1; border-bottom:1px solid #e9e9ea; padding-bottom:6px; margin-bottom:10px; }
h2, .h2 { font-size: 24px; line-height: 34px;padding-top:4px; }
h3, .h3 { font-size: 18px; line-height: 27px; }
h4, .h4, h5, .h5 { line-height: 18px; }
h4, .h4 { font-size: 14px; }
h5, .h5 { font-size: 12px; }

a, a:link { text-decoration: none; outline: none; }
a:hover {color:#EF7C00;}

/****************************************************
   - MASTER SETUP
****************************************************/
html, body {background-color:#000000; font-family: 'Merriweather', serif; text-rendering: optimizelegibility;}
body { margin: 0px; padding:0px 0px; }
#bgimg{background-image:url("./gfx/baggrund.png");background-repeat:no-repeat;background-size:cover; height:470px; width:100%; position:absolute; top:124px;}
div#wrapper{width:100%; position:relative;}

#siteWrapper, .siteWrapper {width:1000px; margin:0 auto; min-height:386px;}
#topWrapper, .topWrapper {width:100%; margin: 0 auto; position:relative; min-height:86px;}
#menuWrapper, .menuWrapper {position:relative; min-height:20px; float:right;}
#contentWrapper, .contentWrapper, #contentWrapperFrontpage, .contentWrapperFrontpage {width:100%; margin:0 auto; position:relative; min-height:180px; display:table;}
#footerWrapper, .footerWrapper {width:100%; margin:0 auto; position:relative; min-height:100px; display:table;}
/**div#frontpageWrapper { min-height: 100%; height: auto !important; height: 100%; margin: 0 auto -330px; width:1000px; }**/


/*#siteContent, .siteContent { min-height: 100%; height: auto !important; height: 100%; margin: 0 auto -330px; width:1000px;}*/



div.container { padding:0 20px; }

.clear{
  clear:both;
}
/****************************************************
   - TOP
****************************************************/


div#top { padding:10px 0px 10px 0px; display:table;}
div#top div.container.top-stuff { height:121px; position:relative; }
div#top div#topImage { position:relative; z-index:1; }
div#top a.logo, div#top a#logo { padding:25px 20px 20px 0; margin:0px; cursor:pointer; }
div#top .logo {background-image:url("./gfx/logo.png"); clear:both;  width:170px; height:103px; margin:0px; background-repeat: no-repeat; cursor:pointer; float:left;}


/*** Service Menu ***/
div#serviceMenuWrapper { display: inline-block; float:right; width:750px; height:55px;}
#serviceMenu { position:relative; display:table; float:right;}
#serviceMenu ul { list-style: none;}
#serviceMenu ul li {float:left; padding-left:20px; text-align:right; }
#serviceMenu ul li a { font-size:13px; color:#ffffff; line-height:25px;}
#serviceMenu ul li a.inpath, #serviceMenu ul li a.activeitem, #serviceMenu ul li a:hover {color:#EF7C00;}

/*** Search & Lanuage Bar***/
#search, #langSelect select {position:relative; float:right; font-size:13px; margin-left: 25px;}
#search input[type=text], #langSelect select{background-color:#000000; border-style:solid; border-width:1px; border-color:#7c7c7c; color:#FFFFFF;}
#search input[type=text] {width:170px; padding: 1px 7px;}
#search input[type=submit] {display:none;}

#search input[type=text]::-webkit-input-placeholder { /* WebKit browsers */
    color:    #FFF;
}
#search input[type=text]:-moz-placeholder { /* Mozilla Firefox 4 to 18 */
    color:    #FFF;
}
#search input[type=text]::-moz-placeholder { /* Mozilla Firefox 19+ */
    color:    #FFF;
}
#search input[type=text]:-ms-input-placeholder { /* Internet Explorer 10+ */
    color:    #FFF;
}


/****************************************************
   - MAIN MENU
****************************************************/


#menuWrapper{/*refer to master setup for general properties*/
  z-index:10;
  padding:0px;
}

#menu {background-color:#000000; border:none;}

.navbar {margin-bottom:0px;}

.nav > li > a {padding-right:0px; padding-left:30px; padding-bottom:0px;}

.navbar-collapse {padding:0px;}

.navbar-default .navbar-nav > li > a {color:#FFFFFF;}

.navbar-default .navbar-nav > li > a:hover, .navbar-default .navbar-nav > li > a:focus {color:#EF7C00}

/*Active element in top level menu*/
.navbar-default .navbar-nav > .open > a, .navbar-default .navbar-nav > .open > a:hover, .navbar-default .navbar-nav > .open > a:focus{
  background-color:#000000; color:#FFFFFF;
}

/*dropdown menu*/
.dropdown-menu {border-color:#EF7C00; background-color:#000000;}
/*dropdown menu text*/
.dropdown-menu > li > a{color:#FFFFFF;}
/*Active & Hover dropdown elements*/
.dropdown-menu > li > a:hover, .dropdown-menu > li > a:focus {background-color:#000000; color:#EF7C00;}

/*dropdown menu text when collapsed as a box*/
.navbar-default .navbar-nav .open .dropdown-menu > li > a {color:#FFFFFF;}

/*Inpathmenu text*/
.navbar div.navbar-collapse ul#mainmenu.nav li.dropdown a.inpath {color:#EF7C00;}

/*Active & Hover dropdown menu text when collapsed as a box*/
.navbar-default .navbar-nav .open .dropdown-menu > li > a:hover, .navbar-default .navbar-nav .open .dropdown-menu > li > a:focus{color:#EF7C00;}
/*Inpath dropdown menu text when collapsed as a box*/
.navbar-default .navbar-nav > .open > a, .navbar-default .navbar-nav > .open > a:hover, .navbar-default .navbar-nav > .open > a:focus {color:#EF7C00;}



/****************************************************
   - FOOTER
****************************************************/

#footerWrapper {/*refer to master setup for general properties*/
 
}

#footerWrapper, #footerWrapper a {color:#a4a4a4; font-size:13px;}
#footerWrapper #footer a {text-decoration:underline;}
#footerWrapper a:hover {color:#FFFFFF;}

#footer{
  width:21%;
  min-height:150px;
  float:left;
  font-weight:bold;
}

/* Site Map */
#siteMap{
display:table;
width:77.5%;
  float:right;
  
}

#siteMap a {

}

#siteMap a:hover {

  text-decoration:underline;
}

#siteMap ul{
list-style:none;
padding-left:0px;
  display:table;
  width:100%;
}

#siteMap li>ul{

}


#siteMap ul>li{
float:left;
width:155px;
  padding-right:20px;
  padding-bottom:5px;
}

#siteMap ul li ul.M1{padding-top:10px;}
html body div#siteWrapper div#footerWrapper div#siteMap ul li {font-weight:bold; font-size:14px; }

html body div#siteWrapper div#footerWrapper div#siteMap ul li ul.M1 li {font-weight:normal;  font-size:13px;  cursor:pointer;}
html body div#siteWrapper div#footerWrapper div#siteMap ul li ul.M1 li
html body div#siteWrapper div#footerWrapper div#siteMap ul li ul.M1 li ul.M2 li{font-weight:normal;  font-size:13px;}

#siteMap ul.M2{display:none;}


/****************************************************
   - SUBPAGE GENERAL SETUP
****************************************************/

#subPageWrapper{background:#FFFFFF; position:inherit; padding-bottom:25px;}
#contentWrapper, .contentWrapper{background-color:#FFFFFF;}

.sideColumnWrapper
{
  float:left;
  padding-top:50px;
}

.paragraphEnd{height:15px;clear:both;}

/****************************************************
   - SUBPAGE TOP CONTENT AREA
****************************************************/
#contentTop {padding:0px 20px; margin-bottom:20px;}
#breadcrumb {padding:10px 0;}
#breadcrumb a {color:#000000;}
#breadcrumb a:hover, .leftnav a:active, .leftnav a.inpath 
{
  color:#ef7c00;
}

#topBannerImage{width:100%; max-height:130px;}


/****************************************************
   - SUBPAGE CENTER COLUMN
****************************************************/


#center1ColumnWrapper, #center2ColumnWrapper, #center3ColumnWrapper{float:left; position:relative; padding:right:50px; }
#center1ColumnWrapper {width:970px; padding-left:35px;}
#center2ColumnWrapper {width:790px; padding-left:35px; padding-right:30px;}
#center3ColumnWrapper {width:620px; padding-left:35px; }
#centerColumn{min-height:300px;padding-top:19px;}

/****************************************************
   - SUBPAGE LEFT COLUMN
****************************************************/
#leftColumnWrapper{position:relative; float:left; padding-top:13px; padding-left:20px; width:190px;}

.pdfSpot{margin-bottom:20px;}

.sideColumnWrapper a
{
    text-decoration:none;
}

.sideColumnWrapper .header
{
    padding-bottom:10px;
}


#rightColumnWrapper{position:relative; float:left; width:190px; padding-left:20px;}

/* SUBPAGE-LEFT-COLUMN-MENU */

.leftnav
{
  margin-bottom:50px;
}

.leftnav ul li ul.M2 li a{
  margin-left:10px;
}

.leftnav li 
{
  border-bottom: 1px solid #E6E6E6;
  border-style:solid;
  border-left: 0px;
  border-right: 0px;
  border-top: 0px;
  line-height: 17px;
  padding: 0px 0px 0px 0px;
}

.leftnav a 
{
  padding:10px 0px 10px 0px;
  color: #000000;
  font-size: 14px;
  text-decoration: none;
  font-weight:normal;
  display:block;
}

.leftnav a:visited {color:#000000;}

.leftnav a:hover, .leftnav a:active, .leftnav a.inpath 
{
  color:#ef7c00;
}



.leftnav a.activeitem, .leftnav .activeitem>a, .leftnav ul li.inpath>a
{
  text-decoration:none; 
  color:#ef7c00;
  font-weight:normal;
  
}

.leftnav ul a.activeitem 
{
  background:#ffffff !important;
  line-height: 17px;
  padding:10px 0px 10px 0px;
  display:block;
}
.leftnav ul a:hover 
{
  background:#ffffff !important;
}

.leftnav ul.M2, .leftnav ul.M3 {padding-left:5px;}
.leftnav ul > li
{
  
}

.leftnav ul {list-style:none;margin:0;padding:0; margin-left:0px;}
.leftnav ul li ul.M2 li a{font-size:13px;}
.leftnav ul li ul.M3 li a{font-size:12px;}



/*Pdf spot*/

.pdfSpot p {font-weight:bold; font-size:15px; padding-top:20px; margin-bottom:5px;}
.pdfSpot ul.pdfItemList {padding:0px; list-style:disc inside;}
.pdfSpot ul.pdfItemList li.pdfItem a {color:#000000; text-decoration:underline; font-size:13px;}


/****************************************************
   - SUBPAGE RIGHT COLUMN
****************************************************/

/****************************************************
   - FRONTPAGE
****************************************************/

/* --------- Table List on frontpage ------- */

#BordTypeWrapper{margin-top:-2px;}

.tableItemList, .tableItemList a{color:#FFFFFF;}
.tableItemList{display:table; padding-top: 18px;}
.tableItemList .tableItem{position:relative; float:left;}
.tableItemList .tableItem:nth-of-type(1){margin-left:-1px;}
.tableItemList .tableItem .tableContent {
  position:absolute; 
  top:113px; 
  width:100%; 
   
  
  background-image:url("./gfx/bordborder.png");
  background-repeat:no-repeat;
  
  /*
  border-style: solid; border-width: 0px 0px 0px 1px;
  border-color: #EF7C00;
  -moz-border-image: url(./gfx/bordborder.png) 0 0 0 1 repeat; 
  -webkit-border-image: url(./gfx/bordborder.png) 0 0 0 1 repeat; 
  -o-border-image: url(./gfx/bordborder.png) 0 0 0 1 repeat; 
  border-image: url(./gfx/bordborder.png) 0 0 0 1 fill repeat;
  */
}


#BordTypeWrapper .tableItemList .tableItem img{width:83.3px;}
.tableItemList .tableItem:nth-of-type(1) .tableContent {background-image:none;}

.tableItem img {}

.textpos{display:table-cell; vertical-align:middle; text-align:center; width:83.3px; height:53px; font-size:13px;}

/* --------- Boxes on frontpage ------- */
#infoWrapper {
  margin:0px;
  padding:0px;
  display:table;
  padding:18px 0px 50px 0px;
  height:214px;
  width:100%;
  color:#FFFFFF;
}

/****************************************************
   - IMAGE SLIDER
   - Refer to jquery.bxslider.min
****************************************************/

#sliderFrame {width:1000px;}
.sliderFrame {width:100%;}
.imageSliderContainer .sliderFrame a img.sliderThumb{width:19%;margin:15px 0px;}

/**imageSlider subpage**/
#contentWrapper #centerColumn .imageSliderContainer .sliderFrame .bx-wrapper .bx-viewport ul li.sliderItem img {height:380px;}
#contentWrapper #centerColumn .imageSliderContainer .sliderFrame .bx-wrapper .bx-prev{left:10px;}
#contentWrapper #centerColumn .imageSliderContainer .sliderFrame .bx-wrapper .bx-next{right:10px;}
#contentWrapper #centerColumn .imageSliderContainer .sliderFrame .bx-wrapper .bx-caption{
  height:100px;
  top:inherit; 
  bottom:0px;
 background:rgb(239,124,0);
	background: transparent\9;
	background:rgba(239,124,0,0.7);
	filter:progid:DXImageTransform.Microsoft.gradient(startColorstr=#b2EF7C00,endColorstr=#b2EF7C00);
	zoom: 1;
}
#contentWrapper #centerColumn .imageSliderContainer .sliderFrame .bx-wrapper .bx-caption:nth-child(n) {
	filter: none;
}

/****************************************************
   - BOXES
****************************************************/
.spot {
    list-style:none;
float:left;
  width:258px;
    margin:0;
    padding:30px 25px 50px 20px;
  background-color:#3F6182; /*fallback color if nothing else is chosen*/ 
    overflow:hidden;
  height:214px;
  position:relative;
  background-image:url("./gfx/spotborder.png");
  background-repeat:no-repeat;
  /*border-style: solid; border-width: 0px 0px 0px 1px;
  border-color:#3F6182;
  
  -moz-border-image: url(./gfx/spotborder.png) 0 0 0 1 repeat; 
  -webkit-border-image: url./gfx/spotborder.png) 0 0 0 1 repeat; 
  -o-border-image: url(./gfx/spotborder.png) 0 0 0 1 repeat; 
  border-image: url(./gfx/spotborder.png) 0 0 0 1 fill repeat;
  -ms-border-image: url(./gfx/spotborder.png)  0 0 0 1 fill repeat; Internet Explorer */
}
.spot:nth-of-type(1) {background-image:none;}



#forhandlerLogin {float:left; width:208px; margin-right:18px; background-color:#7f7f7f; height:214px; font-size:15px; position:relative;}

.forhandlerLabel {background-color:#3F6182; padding:0px 20px 0px 18px; line-height:34px; margin-bottom:4px; cursor:pointer;}
.forhandlerLabel p{margin:0px;}
.forhandlerLabel a {color:#FFFFFF;}
.forhandlerLabel a:hover, .forhandlerLabel a:active, .forhandlerLabel p:hover, .forhandlerLabel p:active {color:#EF7C00;}
#loginFormWrapper {padding:10px 20px; 10px; width:208px; height:138px;}
#loginFormWrapper input[type="text"], #loginFormWrapper input[type="password"], #nyhedsbrevTilmelding input[type="text"] { width:100%!important; height:24px; font-size:13px;}
#loginFormWrapper input[type="password"] { margin-top:5px;}
#loginFormWrapper input[type="submit"], #nyhedsbrevTilmelding input[type="submit"] { margin-top:5px; color:#FFFFFF; background:none; border-color:#bfbfbf; border-style:solid; border-width:1px; float:right; font-size:13px;}
#loginFormWrapper form label {line-height:30px;}
.spot .newsedit .newstext .spotLinkText p a {color:#FFF;}
.spotLinkText {position:absolute; right:20px; bottom:15px; font-style:italic; font-size:15px;}
#infoWrapper .spotLinkText p {display:-webkit-inline-flex;}
#infoWrapper .spot .newsedit a .newstext {}
.spotImage {position:absolute; left:20px; bottom:28px;}
.spotHeader h2{font-size:27px; color:#FFF;padding-right:10px;}
.spotNews a, .spotNews a:hover, .newsedit .spotHeader h2:hover {color:#FFF;}
#loginFormWrapper form label {font-size:12px;}
span#loginName {display:inline-block; width:100%; text-align:center; font-size:18px; font-style:italic;}
html body div#siteWrapper ul#infoWrapper div.spot table tbody tr td.newsedit a span.newstext{height:60px;overflow:hidden;position:absolute;top:105px;width:225px;}
/*Nyhedsbrev*/
#nyhedsbrevTilmelding{
  padding:10px 20px;
  position:absolute;
  top:0px;
  left:227px;
  width:215px; 
  height:195px;
  background-color:#7F7F7F;
  z-index:1; 
  -webkit-box-shadow: 7px 7px 5px rgba(50, 50, 50, 0.75);
  -moz-box-shadow:    7px 7px 5px rgba(50, 50, 50, 0.75);
  box-shadow:         7px 7px 5px rgba(50, 50, 50, 0.75);
}
.nt-toggle{display:none;}
.forhandlerLabel ::selection {
	background: transparent; /* Safari */
	}
.forhandlerLabel ::-moz-selection {
	background: transparent; /* Firefox */
}

/****************************************************
   - FORMS
****************************************************/

input[type="text"] {width:100%;}
input[type="reset"] {display:none;}
input[type="submit"] {}
#defaultform label {padding-right:20px;}
#defaultform td {vertical-align:top;}

/****************************************************
   - NEWS
****************************************************/

.newsedit .h1:hover, .newsedit .h2:hover,.newsedit .h3:hover, .newsedit .h4:hover, .newsedit h1:hover, .newsedit h1:hover,.newsedit h2:hover, .newsedit h3:hover, .newsedit h4:hover{color:#EF7C00;}
.newsedit .h2 {}
/****************************************************
   - ECOM
****************************************************/


/**Produkt page**/

.produktPageBreak{margin-top:130px; display:none;}



.productGrid {list-style:none; display:table; padding-left:0px;}

.productGrid li {float:left; width:140px; margin-left:30px; margin-bottom:5px;}
.productGrid li a {display:table;}
.productGrid  li:nth-child(4n+1){margin-left:0px; clear:both;}


#productlistnavigation {clear:both;}
ul#grouplist {list-style:none; display:table;}
ul#grouplist li{float:left; width:33%; padding-left:10px; }
ul#grouplist li:nth-child(3n+1){padding-left:0px;}
ul#grouplist li p {}
ul#grouplist li a h3{color:#000000; text-align:center;}
ul#grouplist li a img{clear:both; width:100%; height:100%;}

.ecomGroupName{min-height:40px;display:block;text-align:center;}


/**ProductPage**/

img.topBannerImage{width:960px; height:130px; position: absolute; left:-170px; top:-130px;}

#productNameAndImage{float:left; padding-bottom:40px; padding-right:40px;}
#productdescription{clear:both; float:left;}



#center2ColumnWrapper #centerColumn #productlist.productGrid li h3 {width:149px; height:81px; display:table-cell; vertical-align:bottom; font-size:17px; line-height:23px;}

#productlist.productGrid .shortdescription{display:block; word-wrap: break-word; font-size:12px; line-height:14px;padding-top:8px;}

#productlist.productGrid .shortdescription table{font-size:10px; line-height:11px;width:100%;}

.shortdescription table tbody tr td:last-child{min-width:50px;text-align:right;}
.shortdescription table tbody tr td{white-space:nowrap;}
#productlist.productGrid .EcomImageSmall {margin-top:8px;}


#productVariants{display:inline-block;}
#productlist.productGrid #productVariants {padding-top:5px;}
#productdetails .vo, #productlist .vo{width:20px;height:20px;background-color:#d6d6d6;margin-left:2px;float:left;}
#productdetails .selected, #productlist .selected{background-color:yellow;}
.von{float:left}
.volcontainer{display:table; margin-bottom:5px; margin-top:5px;}
.vol{display:table; list-style:none; padding-left:0px;clear:both;}
.vol li:nth-child(4n+1){clear:none;}
/** GROUP LIST **/

.ecom > ul#grouplist li {
  	display:inline-block;
  	float:left;
}

.ecom > ul#grouplist li a, .ecom > ul#productlist li a {
	display: block;
}
.ecom > ul#grouplist {
	width:100%;
}

ul.GroupListGrid li{width:100%; margin-left:0px; border-bottom-style:solid; border-bottom-width:1px; margin-bottom:20px; padding-bottom:20px; }
ul.GroupListGrid li:first-child{padding-top:20px; border-top-style:solid; border-top-width:1px;}
ul.GroupListGrid li .ecomGroupName{float:left; font-size:30px;}
ul.GroupListGrid li img {height:100px; float:left;}
ul.GroupListGrid li div.groupText, ul.GroupListGrid li div.groupImage{display:table; float:left;}
ul.GroupListGrid li div.groupText{padding-left:20px; max-width:540px;}
ul.GroupListGrid li p {float:left;}
ul.GroupListGrid li a{}

/** PRODUCT LIST GENEREL **/

.ecom > ul#productlist, .ecom > ul#grouplist {
  	list-style:none;
  	padding:0px 0px;
}

.ecom > ul#productlist li {
  	display:block;
  	float:left;
}

.ecom > ul#productlist li h4 {
	margin-bottom:5px;
}


/** Sinks **/
.sinkList{clear:both;display:table;margin-top:5px;cursor:pointer;}
.sinkList .sink{float:left; height:14px;background-color:#221f1f;margin-left:2px; margin-top:2px;}

.sinkList .sinkSTD_1{width:20px; background-image:url("http://pfp.net.dynamicweb-cms.com/Files/Images/Produkter/vaske_ikoner/UL.jpg");}
.sinkList .sinkSTD_2{width:20px; background-image:url("http://pfp.net.dynamicweb-cms.com/Files/Images/Produkter/vaske_ikoner/UM.jpg");}
.sinkList .sinkSTD_3{width:20px; background-image:url("http://pfp.net.dynamicweb-cms.com/Files/Images/Produkter/vaske_ikoner/PK.jpg");}
.sinkList .sinkSTD_4{width:20px; background-image:url("http://pfp.net.dynamicweb-cms.com/Files/Images/Produkter/vaske_ikoner/UC.jpg");}
.sinkList .sinkSTD_5{width:25px; background-image:url("http://pfp.net.dynamicweb-cms.com/Files/Images/Produkter/vaske_ikoner/UFC.jpg");}
.sinkList .sinkSTD_6{width:20px; background-image:url("http://pfp.net.dynamicweb-cms.com/Files/Images/Produkter/vaske_ikoner/PC.jpg");}
.sinkList .sinkSTD_7{width:25px; background-image:url("http://pfp.net.dynamicweb-cms.com/Files/Images/Produkter/vaske_ikoner/UGK.jpg");}
.sinkList .sinkSTD_8{width:31px; background-image:url("http://pfp.net.dynamicweb-cms.com/Files/Images/Produkter/vaske_ikoner/UFGK.jpg");}
.sinkList .sinkSTD_9{width:25px; background-image:url("http://pfp.net.dynamicweb-cms.com/Files/Images/Produkter/vaske_ikoner/PGK.jpg");}
.sinkList .sinkSTD_none{background-image:none;}
/** PRODUCT LIST SHOP  **/

.ecom.shop > ul#productlist li {
  	display:block;
  	width:100%;
  	padding-left:0px;
  	border-bottom: 1px dotted #EDDBBC;
  	padding: 20px 0px;
}

.ecom.shop > ul#productlist li:first-child{
	padding-top:0px;
}

.ecom.shop > ul#productlist li .product-image {
	width:23%;
}

.ecom.shop > ul#productlist li .product-image a img {
	width:100%;
}

.ecom.shop > ul#productlist li .productContent {
  	padding-left:10px;
  	width:44%;
}
.ecom.shop > ul#productlist li .productContent.no-image {
  	width:67%;
}

.ecom.shop > ul#productlist li .productDetails{
	width:31%;
  	padding-left:10px;
}
.ecom.shop > ul#productlist li .productContent, .ecom.shop > ul#productlist li .productDetails, .ecom.shop > ul#productlist li .product-image{
	float:left;
  	display:block;
}

.ecom.shop > ul#productlist li .productDetails a.btn{
	width:100%;
  	margin-top:15px;
  	color:#FFFFFF;
}

.ecom.shop > ul#productlist li .productContent a {
	color:#428BCA;	
}
.ecom.shop > ul#productlist li .productContent a:hover{
	color:#EF7C00;
}

/** PRODUCT DETAILS **/

.ecom.productDetails .productImage{
	float:right;
  	padding: 0px 30px;
}



.ecom.productDetails .productQuantity {
	width:25px;
  	margin-right:15px;
}

.ecom.productDetails .productAddToCart {
	margin-top:20px;
  	float:right;
}
.ecom.productDetails .productPrice {
  	font-weight:bold;
  	margin-bottom:10px;
}

/** SMALL CART BOX **/

#cart1 {
	background:#3F6182;
  	color:#FFFFFF;
  	border-radius:7px;
  	padding:7px 4px 7px 7px;
  	border: 1px solid #EF7C00;
  	font-size:12px;
}

#cart1 img, #cart1 h4{
	float:left;
}

#cart1 h4 {
	margin-left:4px;
  	line-height:32px;
  	font-size:14px;
}
#cart1 .cartContent {
	clear:both;
  padding-top:5px;
}

#cart1 .cartFunctions {
	padding-top:7px;
}
#cart1 .cartFunctions a {
  	color:#EF7C00;
}
.btn.btn-primary{
	color:
}


html body div#siteWrapper div#contentWrapper div#center2ColumnWrapper div#centerColumn ul.productGrid li div.groupText{width:100%;}


/**Produkt indholds tabel**/
html body div#siteWrapper div#contentWrapper div#center2ColumnWrapper div#centerColumn ul.productGrid li div.groupText table tbody tr td img{height:50px;}


.productGrid li a img{max-width:140px;height:auto;}

/****************************************************
   - ECOM KURV/BASKET
****************************************************/

.ecom.basket h3 input[type=submit].btn {
	float:right;
  	margin-right:8px;
}

.ecom.basket legend h3 {
	height:35px;
}

.ecom.basket .cart-cell-wrapper ul, .ecom.basket .cart-cell-fee-value ul {
	list-style-type:none;
  	padding:0px 0px;
}


.ecom.customer input[type=submit].btn-primary {
	float:right;
  	width:100px;
}

.ecom.customer fieldset, .ecom.receipt fieldset {
	margin: 15px 0px;
}

.ecom.customer #conditionsDescription {
	display:none;
}

.ecom.customer .conditionsLink {
	cursor:pointer;
  	color: #EF7C00;
}

.ecom.receipt .basketheader {
	font-weight:bold;
}


.ecom.receipt .total {
	border-bottom: 1px dotted #000000;
  	border-top: 1px dotted #000000;
}



/****************************************************
   - ECOM KURV/BASKET - KUNDE INFORMATION
****************************************************/
.ecom.customer input, .ecom.customer select, .ecom.customer textarea {
	width: 175px;
}

.ecom.customer dt {
	width:125px;
}

/* =============================================================================
   Medarbejder boks CSS
   ========================================================================== */

.employee {
  width:50%;
  float:left;
  padding: 0 12px;
  line-height:18px;
  font-size:15px;
  margin-bottom:30px;
  
}

.employee p{
  margin:0;
  
}

.employeeName{
  
  font-size: 18px;
  font-weight: bold; 

}

.employeeImage{padding-bottom:10px;}

.employeeImage img{
  max-width:195px;
  max-height:200px;
}

.employeeTitle{
  font-style: italic;
  color:#717171;
  font-size: 14px;
  line-height:15px;
  margin-bottom:10px;
  margin-top:5px;
  
}

.employee:nth-child(2n+2){padding-right:0px;}
.employee:nth-child(2n+1){clear:both; padding-left:0px;}


/****************************************************
   - SlideBars
****************************************************/

.sb-slidebar{
 background-color:#383838;
}

.nav-btn {
    color: #4F4E49;
    float: left;
    font-size: 20px;
    outline: medium none;
    padding: 5px 10px;
}
#nav-open-btn {
    border: 1px solid #767676;
    border-radius: 3px;
    padding: 5px 10px 0;
}

.caret {
    border-left: 4px solid rgba(0, 0, 0, 0);
    border-right: 4px solid rgba(0, 0, 0, 0);
    border-top: 4px solid #666666;
    content: "";
    display: inline-block;
    height: 0;
    vertical-align: top;
    width: 0;
}
.dropdown .caret {
    margin-left: 2px;
    margin-top: 8px;
}

#mainmenu > .dropdown > ul.dropdown-menu > .dropdown a .caret{
  display:none;
}

#rightSlideBar{
  z-index:10;
}

#rightSlideBar .caret {
    border-bottom-color: #DDDDDD;
    border-top-color: #DDDDDD;
}

#rightSlideBar ul {
    margin: 0px;
  padding:0px;
  width:100%;
}
#rightSlideBar ul:before, #rightSlideBar ul:after {
    content: "";
    display: table;
}
#rightSlideBar ul:after {
    clear: both;
}
#rightSlideBar li {
    display: block;
    margin: 0;
    position: relative;
  
}
#rightSlideBar li a, #rightSlideBar .dropdown button {
    background: linear-gradient(to bottom, #3E3E3E, #383838) repeat scroll 0 0 rgba(0, 0, 0, 0);
    border-bottom: 1px solid #2E2E2E;
    border-top: 1px solid #484848;
    color: #DDDDDD;
    display: block;
    font-weight: bold;
    line-height: 1.28571em;
    outline: medium none;
    padding: 0.85714em 1.7em;
    text-decoration: none;
  	border-left:none;
  border-right:none;
  text-align:left;
}
#rightSlideBar li a:focus {
    background: none repeat scroll 0 0 rgba(255, 255, 255, 0.1);
    color: #FFFFFF;
}
#rightSlideBar .dropdown-menu {
    background-color: rgba(0, 0, 0, 0);
    border: medium none;
    border-radius: 0;
    box-shadow: none;
    display: block !important;
    float: none;
    height: auto;
    left: auto;
    max-height: 0;
    max-width: none;
    overflow: hidden;
    padding: 0;
    position: static;
    top: auto;
    transition: max-height 0.6s ease-in 0s;
}
#rightSlideBar .open > .dropdown-menu {
    max-height: 50em !important;
}
#rightSlideBar .dropdown-menu li > a {
    padding-left: 2.8em;
  width:100%;
}
.navSlideButton{position:fixed; display:table;z-index:999999;left:-20px; top:0px;}
.navSlideButton.rightSlideButton{left:inherit;right:0px;}

.sb-toggle-left {
    padding: 14px;
    width: 25px;
  	background-color:#383838;
	float:left;
  	top:0px;
  	
  
}
.sb-toggle-right {
    float: right;
    padding: 14px;
    width: 25px;
    background-color:#383838;
}
.sb-toggle-left, .sb-toggle-right, .sb-open-left, .sb-open-right, .sb-close {
    cursor: pointer;
}
.navicon-text{
  color:#FFF;
  width:32px;
  font-size:11px;
}
.navicon-line {
    background-color: #FFFFFF;
    border-radius: 1px;
    height: 4px;
    margin-bottom: 3px;
    width: 32px;
}


    

#rightSlideBar, #rightSlideBar a{color:#FFF}

.sb-toggle-left, .sb-toggle-right{display:none;}


/****************************************************
   - MISC
****************************************************/
.arrow {color:#EF7C00; float:right;}
.backButton{width:123px; height:35px; background-image:url("./gfx/tilbage_knap.png");background-repeat:no-repeat;cursor:pointer;float:right;margin-top:10px; margin-bottom:10px;}

#mainmenu li:last-child {
    display:none;
}

/****************************************************
   - RESPONSIVE CSS
****************************************************/


@media screen and (min-width: 1200px) {
  #center1ColumnWrapper, #center2ColumnWrapper, #center3ColumnWrapper{} 
}


@media screen and (max-width: 979px){ 
#siteWrapper, .siteWrapper {width:100%; margin:0; }
  #top {width:100%; margin:0; }
  #menu {width:100%; margin:0; }
  #footer {width:100%; margin:0; }
  #siteMap{width:100%;}
  #siteMapWrapper{width:100%;}
 #infoWrapper li:nth-child(4n+1) {margin-left:20px;}
 #center1ColumnWrapper {width:960px; padding-left:25px;}
  #bgimg{display:none;}
  #leftColumnWrapper{width:19%;}
  #center2ColumnWrapper{width:81%;}
}

@media screen and (max-width: 900px){ 
  .productGrid li:nth-child(4n+1){
    clear:none;
    margin-left:30px;
  }
  .productGrid li:nth-child(3n+1){
    clear:both;
    margin-left:0px;
  }
}


@media screen and (max-width: 767px){ 
  #menuWrapper{display:none;}
  #menuWrapper div#menu.navbar div.navbar-collapse ul#mainmenu.nav li.dropdown a {padding-left:40px;}
  #search{float:left; margin-left:10px;}
  #center2ColumnWrapper {width:600px;}
  #rightColumnWrapper{width:100%; padding:0px;}  
  #leftColumnWrapper{width:100%; padding:0px; text-align:center;} 
  #centerColumn{width:100%;}
  .cookieInformation{display:none;}
  #menuWrapper{width:100%;}
  #sliderFrame{width:100%;}
  #contentWrapperFrontpage{display:inherit; width:100%;}
  #sliderFrame div.bx-wrapper div.bx-viewport ul#bxslider.bxslider li.sliderItem img{height:100%; width:100%;}
    #sliderFrame div.bx-wrapper div.bx-viewport ul#bxslider.bxslider li.sliderItem div.bx-caption{top:0px;}
  #sliderFrame div.bx-wrapper div.bx-viewport ul#bxslider.bxslider li.sliderItem div.bx-statement{display:none;}
  div#serviceMenuWrapper{width:100%;}
  .sideColumnWrapper{width:100%;}
  .sb-toggle-left, .sb-toggle-right{
    display:inherit;
  }
  #wrap, .leftnav, #serviceMenuWrapper .dropdown button, div#serviceMenuWrapper{
    display:none;
  }
}

@media screen and (max-width: 598px){ 
  #infoWrapper .spot:nth-child(2n+1){margin-left:0;}
  #infoWrapper .spot:nth-child(2n+2){float:right;}
  .bx-controls-direction{display:none;}
    #MemberOf{padding:0px;}
  #centerColumn{width:100%;}
    #center2ColumnWrapper {width:100%;}
}


@media screen and (max-width: 525px){ 
  .productGrid li:nth-child(3n+1){
    clear:none;
    margin-left:30px;
  }
  .productGrid li:nth-child(2n+1){
    clear:both;
    margin-left:0px;
  }
}

@media screen and (max-width: 470px){
 #infoWrapper .spot{width:100%; margin-left:0px;}
    #top{display:table;}
    #top div#serviceMenuWrapper{float:left;}
  #center3ColumnWrapper {width:100% }

}

@media screen and (max-width: 390px){ 
  .productGrid li:nth-child(2n+1){
    clear:none;
    margin-left:30px;
  }
  .productGrid li:nth-child(1n+1){
    clear:both;
    margin-left:0px;
  }
  #center2ColumnWrapper #centerColumn #productlist.productGrid li h3{
    height:inherit;
    padding-top:10px;
  }
  #leftColumn{
    padding-top:0px;
  }
}

@media screen and (max-width: 250px){ 

}

/****************************************************
   - PRINT
****************************************************/


@media print {
 
  body * {
    visibility:hidden !important;
 }
 .siteLogo * {
  visibility:visible !important;
  position:absolute !important;
 }

 #MainContent, #MainContent * {
  visibility:visible !important;

 }

 #MainContent {
  position:absolute !important;
  left:40px !important;
  margin-top:-180px !important;

 }
 #footerMenu-wrapper {
  display:none !important;
 }


  a[href]:after {
    content: none !important;
  }
 
}