


@media screen and (min-width: 980px) {
	
	#cssmenu ul ul li.tmSPt a,
	#cssmenu ul ul li.tmSP a {background:none;color: #21425f;font-weight: 700;font-size: 14px;padding:0}
	#cssmenu ul ul li.tmSPt a:hover,
	#cssmenu ul ul li.tmSP a:hover {text-decoration: none;color:#05a6ff}
	#cssmenu ul ul li.tmSPt:hover a,
	#cssmenu ul ul li.tmSP:hover a {text-decoration: none!important}

    #cssmenu-container {
        position: relative;
        left: 0;
        right: 0;
        top: 0;
        width: 100%;
		background:#21425f ;
        z-index: 7000;
        /*box-shadow: 3px 2px 4px -1px #091c2a, -3px 2px 4px -1px #091c2a;*/
    }
    #cssmenu {
        position: relative;
        width: 1715px;
        margin: 0 auto;
        background: url(/images/design/des2015/tp-separater.png) no-repeat bottom left;
    }
    #cssmenu ul {
        list-style: none;
        padding: 0;
        margin: 0;
        line-height: 1;
    }
    #cssmenu > ul {
        position: relative;
        display: block;
        width: 100%;
        z-index: 500;
    }
    #cssmenu:after,
    #cssmenu > ul:after {
        content: ".";
        display: block;
        clear: both;
        visibility: hidden;
        line-height: 0;
        height: 0;
    }
    #cssmenu.align-right > ul > li {
        float: right;
    }
    #cssmenu.align-center ul {
        text-align: center;
    }
    #cssmenu.align-center ul ul {
        text-align: left;
    }
    #cssmenu > ul > li {
        display: inline-block;
        position: static;
        margin: 0;
        padding: 0;
    }
    #cssmenu > ul > #menu-button {
        display: none;
    }
    #cssmenu ul li a {
        display: block;
        font-family: Helvetica, sans-serif;
        text-decoration: none;
    }
    #cssmenu > ul > li > a {
        font-size: 15px;
         padding: 15px 0px 16px 0px;
        font-weight: 600;
        color: #FFF;
		text-shadow: 1px 0 1px rgba(0, 0, 0, 0.5);
        -webkit-transition: color 0.25s ease-out;
        -moz-transition: color 0.25s ease-out;
        -ms-transition: color 0.25s ease-out;
        -o-transition: color 0.25s ease-out;
        transition: color 0.25s ease-out;
    }
    #cssmenu > ul > li.has-sub > a {
        position: relative;
        padding-right: 30px;
        padding-left: 30px;
        background: url(/images/design/des2015/tp-separater.png) no-repeat bottom right;
		margin-left:-4px;
    }
	
	#cssmenu > ul > li.has-subNo > a {
        position: relative;
        padding-right: 26px;
        padding-left: 25px;
        background: url(/images/design/des2015/tp-separater.png) no-repeat bottom right;
		margin-left:-4px;
    }
	
	#cssmenu > ul > li.has-subNo > a:hover {
	text-shadow: 1px 0 1px rgba(0, 0, 0, 0.5);
	background-color:#527192;
	color:#FFFFFF;

    }
	
	
    #cssmenu > ul > li.no-sub > a { 
	margin-right:-4px;
        padding: 2px 12px 10px 12px;
        line-height: 26px;
		background: url(/images/design/des2015/tp-separater.png) no-repeat bottom right;
    }
    #cssmenu > ul > li.no-sub:hover > a {
        margin-left: 2px;
        padding-left: 10px;
		background-color: #193d59;
		
      
    }
    #cssmenu > ul > li:hover > a {
        color: #FFF;
        background-color: #527192;
		text-shadow: 0px 0 0px rgba(0, 0, 0, 0);
		
    }
    /*#cssmenu li.has-sub > a > span::after {
    display: block;
    content: "";
    position: absolute;
    width: 0;
    height: 0;
}*/
    
    #cssmenu > ul > li.has-sub > a > span::after {
        right: 10px;
        top: 20px;
        border: 5px solid transparent;
        border-top-color: #7a8189;
    }
    #cssmenu > ul > li:hover > a > span::after {
        border-top-color: #ffffff;
    }
    #cssmenu ul .has-sub > div {
        position: absolute;
        left: -9999px;
        top: 39px;
        opacity: 0;
        z-index: 1000;
        width: 1715px;
        padding: 0px;
        padding-bottom: 0px;
      
        background-color: #FFF;
		min-height:50px;
		border-top:10px solid  #527192;
		
        /*background-repeat: repeat-x;
        
        
        background-image: -webkit-gradient(linear, 0% 50%, 0% 100%, from(#F5F7F8), to(#e4eaef));
        background-image: -webkit-linear-gradient(top, 50% #F5F7F8, 100% #e4eaef);
        background-image: -moz-linear-gradient(top, 50% #F5F7F8, 100% #e4eaef);
        background-image: -ms-linear-gradient(top, 50% #F5F7F8, 100% #e4eaef);
        background-image: -o-linear-gradient(top, 50% #F5F7F8, 100% #e4eaef);*/
        border-bottom: #cbcbcb 1PX solid;
        border-left: #cbcbcb 1PX solid;
        border-right: #cbcbcb 1PX solid;
		border-bottom-right-radius:5px;
		border-bottom-left-radius:5px;

    }
    #cssmenu ul ul {
        float: left;
    }
    #cssmenu ul ul ul {
        top: 37px;
        padding-left: 5px;
    }
    #cssmenu ul ul li {
        position: relative;
        text-align: left;
    }
    #cssmenu .MenuHeading {
        font-size: 18px;
        font-weight: bold;
        color: #244460;
        padding: 15px 20px 10px;
        text-align: left;
    }
    #cssmenu ul ul li.Heading {
        font-size: 14px;
        font-weight: bold;
        padding: 15px 0 5px 10px;
        color: #05a6ff;
    }
    #cssmenu ul ul li + li.Heading {
        padding-top: 10px;
    }
    /*Main bg */
    
    #cssmenu > ul > li.has-sub:hover > div {
        left: 0;
        right: 0;
        float: left;
        top: 45px;
        /* background: #FFF;*/
        
        opacity: 1;
        -webkit-transition: all 0s ease .3s;
        -moz-transition: all 0s ease .3s;
        -ms-transition: all 0s ease .3s;
        -o-transition: all 0s ease .3s;
        transition: all 0s ease .3s;
    }
    #cssmenu.align-right > ul > li.has-sub:hover > div {
        left: auto;
        right: 0;
        opacity: 1;
    }
    #cssmenu ul ul li:hover > ul {
        left: 170px;
        top: 0;
        opacity: 1;
    }
    #cssmenu.align-right ul ul li:hover > ul {
        left: auto;
        right: 170px;
        top: 0;
        opacity: 1;
        padding-right: 5px;
    }
    /* sub prod name*/
    
    #cssmenu ul ul li a {
        width: 140px;
        padding: 4px 0px 4px 20px;
        font-size: 13px;
        color: #626262;
		background: url('/images/design/des2015/topmenu-arrow.png') no-repeat 5% 45%; 
    }
    #cssmenu.align-right ul ul li a {
        text-align: right;
    }
    /* sub prod name hover*/
    
    #cssmenu ul ul li:hover > a {
        
        text-decoration: underline;
    }
    #cssmenu ul ul li:last-child > a,
    #cssmenu ul ul li.last > a {
        border-bottom: 0;
    }
    #cssmenu > ul > li > ul::after {
        content: '';
        border: 6px solid transparent;
        width: 0;
        height: 0;
        border-bottom-color: #ffffff;
        position: absolute;
        top: -12px;
        left: 30px;
    }
    #cssmenu.align-right > ul > li > ul::after {
        left: auto;
        right: 30px;
    }
    #cssmenu ul ul li.has-sub::after {
        border: 4px solid transparent;
        border-left-color: #9ea2a5;
        right: 10px;
        top: 12px;
        -moz-transition: all .2s ease;
        -ms-transition: all .2s ease;
        -o-transition: all .2s ease;
        transition: all .2s ease;
        -webkit-transition: -webkit-transform 0.2s ease, right 0.2s ease;
    }
    #cssmenu.align-right ul ul li.has-sub::after {
        border-left-color: transparent;
        border-right-color: #9ea2a5;
        right: auto;
        left: 10px;
    }
    #cssmenu ul ul li.has-sub:hover > a > span::after {
        border-left-color: #ffffff;
        right: -5px;
        -webkit-transform: rotateY(180deg);
        -ms-transform: rotateY(180deg);
        -moz-transform: rotateY(180deg);
        -o-transform: rotateY(180deg);
        transform: rotateY(180deg);
    }
    #cssmenu.align-right ul ul li.has-sub:hover > a > span::after {
        border-right-color: #ffffff;
        border-left-color: transparent;
        left: -5px;
        -webkit-transform: rotateY(180deg);
        -ms-transform: rotateY(180deg);
        -moz-transform: rotateY(180deg);
        -o-transform: rotateY(180deg);
        transform: rotateY(180deg);
    }

    /* Darkened background */

 	 footer{padding-top:20px}
	.contentPanel,footer{position:relative}
	.contentPanel:after,footer:after,body:after{content:'';background:rgba(0,0,0,0.5);visibility:hidden;opacity:0;position:absolute;top:0;left:0;height:100%;width:100%;z-index:3000;transition:.2s ease-in-out 0}
	.contentPanel.hover:after,footer.hover:after,body.searchFocus:after{visibility:visible;opacity:1;transition:.2s ease-in-out}
	.tpo-topmenu:hover + main .contentPanel:after{transition:.2s ease-in-out .3s}

    /* Darkened search focus */
    body:after {
        position: fixed;
        z-index: 8999;
    }
    body.searchFocus .tpo-search .SearchField_SearchPage {
        z-index: 9000;
    }
	
.CssMenuBox { float:left; width:230px; padding:5px;}
.CssMenuBox:hover { opacity:0.8}

.CMB-image{ text-align:center;}
.CMB-head{text-align:center; font-weight:700; height:40px;}
.CssMenuBox:hover .CMB-head{ color:#009933}

/*.CSSmenu-number{padding-left:70px; position: absolute; margin-top:-28px;}*/


.CssMenu-knapSekt{ position:absolute; right:815px; margin-top:275px;}
#CssMenu-knap{
text-align:center;
	border-radius: 5px;
	line-height: 25px;
	font-weight: normal;
	display:block;
	padding: 10px 30px 0px 0px;
	-webkit-transition: all 0.1s ease-in-out 0s;
	-moz-transition: all 0.1s ease-in-out 0s;
	-ms-transition: all 0.1s ease-in-out 0s;
	-o-transition: all 0.1s ease-in-out 0s;
	transition: all 0.1s ease-in-out 0s;
	height:60px;
	border: 1px solid #1f8500;
	color: #fff;
	width: 200px;
	font-weight: 600;
	font-size: 18px;
	background: #27a500 url('/images/design/des2015/button-arrows.png') no-repeat 190px 50%;}

#CssMenu-knap:hover {border:1px solid #1f8500; background:#1f8500 url('/images/design/des2015/button-arrows.png') no-repeat 197px 50%;}


.TM-adbox {  position:absolute; right:20px; height:100%; margin-top:-10px; vertical-align:middle; padding-left:0px; margin-right:-20px;}
.TM-ad img{ border-bottom:#153b57 1px solid; border-left:#153b57 1px solid}
.TM-adcall {}


#MenuImg { padding-top:15px;}


.tilbud-bg { background-color:#CCCCCC}
.menuTilbud { width:49%; float:left; text-align:center; padding:25px 0px;}

.menuTilbud-link { text-align:center; padding-bottom:30px; font-size:16px; font-weight:800;  width:200px; margin:0 auto; }
.menuTilbud-link a {color:#FFFFFF;background-color:#27a500; padding:10px; border-radius:5px;}
.menuTilbud-link a:hover {background-color:#1f8500;}


.menuTilbud img{ border:#ccc 1px solid; padding:3px; background-color:#FFF; border-radius:10px;}
.menuTilbud img:hover{ border: #0099FF 1px solid;}




.tmAZ { padding:10px 10px 25px 10px; width:100%}

.tmList { width:20%; padding-left:4%; padding-top:30px;}
.tmList-link { margin:20px 0px 15px 15px; font-weight:700; font-size:14px;}

.tmDex {  padding:20px 0px 20px 15px; background-color:#eaeaea}
.tmDex-box { width:170px; margin:10px; float:left;}


.tmDex-img { padding:0px 10px; background-color:#FFFFFF; border-radius:10px; border:1px #FFFFFF solid; }
.tmDex-box:hover .tmDex-img{ border:#0099FF 1px solid}
.tmDex-img a { ; position:relative; padding:0px 10px 30px 10px; display:block; margin:0px -10px -30px -10px;   }

.tmDex-tit { text-align:center; padding:8px; font-weight:700; font-size:14px}
.tmDex-box:hover .tmDex-tit{ color:#0099FF;}

.tmDex-link { text-align:center; padding-bottom:15px;background-color:#eaeaea; font-weight:700; font-size:14px}

.tmSPt {margin-top:15px;;}
.tmSP, .tmSPt {padding:8px 10px;}
.tmSP a, .tmSPt a {color:#21425f; font-weight:700; font-size:14px }
.tmSP a:hover, .tmSPt a:hover {text-decoration:underline; color:#05a6ff}
.tmSP img, .tmSPt img {float:left; padding-right: 5px; margin-left:-15px; }
	

.tmDexL {  padding:20px 0px 20px 15px; background-color:#eaeaea}
.tmDexL	.tmDex-box { margin:14px;}

.tmDexBot {  padding:0px 0px 20px 0px; background-color:#eaeaea}	
.tmDexSA {width:100% }	
	
.tmDexSA a {
    background-color: #27a500;
    width:180px;
    color: #FFFFFF!important;
    padding: 10px 15px;
    border-radius: 5px;
    font-weight: 600;
	margin:0 auto;
	text-align: center;
	margin-top:-15px;
}	
.tmDexSA a:hover{ background-color:#1e8100;}	
	
#star-five {
   margin: 50px 0;
   position: relative;
   display: block;
   color: red;
   width: 0px;
   height: 0px;
   border-right:  100px solid transparent;
   border-bottom: 70px  solid red;
   border-left:   100px solid transparent;
   -moz-transform:    rotate(35deg);
   -webkit-transform: rotate(35deg);
   -ms-transform:     rotate(35deg);
   -o-transform:      rotate(35deg);
}
#star-five:before {
   border-bottom: 80px solid red;
   border-left: 30px solid transparent;
   border-right: 30px solid transparent;
   position: absolute;
   height: 0;
   width: 0;
   top: -45px;
   left: -65px;
   display: block;
   content: '';
   -webkit-transform: rotate(-35deg);
   -moz-transform:    rotate(-35deg);
   -ms-transform:     rotate(-35deg);
   -o-transform:      rotate(-35deg);

}
#star-five:after {
   position: absolute;
   display: block;
   color: red;
   top: 3px;
   left: -105px;
   width: 0px;
   height: 0px;
   border-right: 100px solid transparent;
   border-bottom: 70px solid red;
   border-left: 100px solid transparent;
   -webkit-transform: rotate(-70deg);
   -moz-transform:    rotate(-70deg);
   -ms-transform:     rotate(-70deg);
   -o-transform:      rotate(-70deg);
   content: '';
}

	
@media screen and (max-width: 1714px) {
#cssmenu {width: 1225px;}
	
#cssmenu ul .has-sub > div {width: 1225px;}
.CssMenu-knapSekt{ position:absolute; right:335px; }		
}	
	
	

    @media screen and (max-width: 1224px) {
		#tm-tilbud {display:none}
        #cssmenu {
            width: 980px;
        }
        #cssmenu > ul > li.has-sub > a, #cssmenu > ul > li.has-subNo > a {
            padding-right: 17px;
            padding-left: 17px;
        }
        #cssmenu > ul > li.has-sub:hover > div {
            width: 980px;
        }
		
	
		
		.CssMenu-knapSekt{  right:55px;}
		
		.TM-adbox { display:none}
		
		.tmDex-box { margin:10px; }
		.tmDex {  padding:20px 0px 20px 10px; }
		.tmDexL	.tmDex-box { margin:10px;}
		
    }
	
	 @media screen and (max-width: 979px) {
        /*.CSSmenu-number{display: none;}*/
		#cssmenu > ul > li.has-sub > a, #cssmenu > ul > li.has-subNo > a {
            padding-right: 11px;
            padding-left: 11px;
			font-size:13px;}
		#cssmenu {width: 100%;}
		#cssmenu > ul > li.has-sub:hover > div {width: 100%;}
		.CssMenuBox { width:31%;}
		.CssMenu-knapSekt{  right:30px;margin-top:330px;}
		.menuTilbud img{ width:340px; height:auto}
		 #tm-tilbud {display:none}
		}
	
	
		
		@media screen and (max-width: 835px) {
        /*.CSSmenu-number{display: none;}*/
		#cssmenu > ul > li.has-sub > a, #cssmenu > ul > li.has-subNo > a {
            padding-right: 9px;
            padding-left: 9px;
			font-size:12px;}
	}
		
		
	
	
    @media screen and (max-width: 734px) {
        #cssmenu {display: none;  }
		}
    /* BasketDropdown */
    
    #ShopLayOut_Basket_TD {
        position: relative;
    }
    #BasketDropdown {
        position: relative;
        top: -25px;
        right: 170px;
        border-radius: 5px;
        box-shadow: #244460 0px 0px 20px;
        width: 400px;
        opacity: 0;
        z-index: -1;
        -webkit-transition: opacity .3s ease, top .25s ease, z-index 0s .3s;
        -moz-transition: opacity .3s ease, top .25s ease, z-index 0s .3s;
        -ms-transition: opacity .3s ease, top .25s ease, z-index 0s .3s;
        -o-transition: opacity .3s ease, top .25s ease, z-index 0s .3s;
        transition: opacity .3s ease, top .25s ease, z-index 0s .3s;
        background-color: #F5F7F8;
        background-repeat: repeat-x;
        background-image: -webkit-gradient(linear, 0% 80%, 0% 100%, from(#F5F7F8), to(#e4eaef));
        background-image: -webkit-linear-gradient(top, 80% #F5F7F8, 100% #e4eaef);
        background-image: -moz-linear-gradient(top, 80% #F5F7F8, 100% #e4eaef);
        background-image: -ms-linear-gradient(top, 80% #F5F7F8, 100% #e4eaef);
        background-image: -o-linear-gradient(top, 80% #F5F7F8, 100% #e4eaef);
    }
	/*
    .kurv-top-bg:hover + #BasketDropdown,
    #BasketDropdown:hover {
        opacity: 1;
        top: -15px;
        z-index: 8000;
        -webkit-transition: opacity .3s ease, top .25s ease, z-index 0s;
        -moz-transition: opacity .3s ease, top .25s ease, z-index 0s;
        -ms-transition: opacity .3s ease, top .25s ease, z-index 0s;
        -o-transition: opacity .3s ease, top .25s ease, z-index 0s;
        transition: opacity .3s ease, top .25s ease, z-index 0s;
    }
	*/
    #BasketDropdown {
        font-size: 16px;
    }
    #BasketDropdown div#Head {
        padding: 10px 0 10px;
		
	
    }
    #BasketDropdown div#Head span {
        font-size: 20px;
        line-height: 25px;
        color: #5d5d5d;
        font-weight: 800;
        padding-left: 75px;
		
    }
    #BasketDropdown #BasketPadding {
        padding: 0 20px 0 20px
    }
    #BasketDropdown div#BasketLines {
        border: 1px solid #e4eaef;
        border-radius: 5px;
        padding: 10px 5px 10px 5px;
        background-color: #FFFFFF;
		
    }
	
	#BasketLines .Products_Basket_TBL td { height:20px; overflow:hidden;}

	
    #BasketDropdown div#BasketLines .Products_Basket_Amount_TD {
        width: 20px;
        font-weight: bold;
        line-height: 25px;
		padding-right:10px;

	
    }
	
	
    #BasketDropdown div#BasketLines .Products_Basket_ProductName_TD a {
        color: #5d5d5d;
        font-weight: normal;

		

    }
    .Products_Basket_TBL TR:hover {
        background-color: #f4f4f4
    }
    .Products_Basket_TBL TR:hover .Products_Basket_ProductName_TD a {
        text-decoration: underline;
        color: #009933;
    }
	
	#BasketDropdown div#BasketLines .Products_Basket_TotalPrice_TD { padding-left:10px;}
	
	
    #BasketDropdown #BasketTotal {
        padding-top: 5px;
        font-weight: bold;
        color: #5d5d5d;
    }
    #BasketDropdown #Fragt {
        padding-top: 10px;
        font-size: 12px
    }
    #BasketDropdown #Knapper {
        margin: 10px;
        padding-bottom: 10px;
    }
    #BasketDropdown #Knapper a {
        float: right;
        margin-right: 15px;
      
        height: 30px;
        line-height: 30px;
        font-weight: bold;
        font-size: 14px;
        text-decoration: none;
        border-radius: 3px;
    }
    #BasketDropdown #Knapper span {
        font-size: 14px;
        text-align: center
    }
    #BasketDropdown #Knapper a#VisKurv {
        background: #9f9f9f;
        color: #FFF;
        border: 1px solid #B9B7B5;
		padding: 0px 40px 0px 40px;
        -webkit-transition: all 0.3s ease-in-out 0s;
        -moz-transition: all 0.3s ease-in-out 0s;
        -ms-transition: all 0.3s ease-in-out 0s;
        -o-transition: all 0.3s ease-in-out 0s;
        transition: all 0.3s ease-in-out 0s;
		
    }
    #BasketDropdown #Knapper a#VisKurv:hover {
        background: #686868;
    }
    #BasketDropdown #Knapper a#Kassen {
        background: #27a500;
        color: #fff;
        border: 1px solid #1f8500;
        text-transform: uppercase;
		padding: 0px 55px 0px 55px;
        -webkit-transition: all 0.3s ease-in-out 0s;
        -moz-transition: all 0.3s ease-in-out 0s;
        -ms-transition: all 0.3s ease-in-out 0s;
        -o-transition: all 0.3s ease-in-out 0s;
        transition: all 0.3s ease-in-out 0s;
    }
    #BasketDropdown #Knapper a#Kassen:hover {
        background: #1f8500;
    }
    #BasketDropdown .Float {
        float: left;
    }
    #BasketDropdown .FloatRight {
        float: right;
    }
    #BasketDropdown .Container {
        position: relative;
        overflow: hidden;
    }
    table {
        border-collapse: collapse;
        border-spacing: 0;
    }
}
@media screen and (max-width: 734px) {
    #BasketDropdown {
        display: none;
    }
}

