﻿ A {
	color: #004080;
	text-decoration: none;
	font-style: normal;
	font-weight: normal;
	font-family: Verdana, Helvetica, Arial;

	font-size: 11px;
}

 A:Hover {
	color: #004080;
	text-decoration: Underline;
	font-style: normal;

	font-weight: normal;
}

body {
	background-color: normal;
}

.L1 A {
	color: #004080;
	text-decoration: none;
	font-style: normal;
	font-weight: normal;
	font-family: Verdana, Helvetica, Arial;

	font-size: 11px;
}

.L1 A:Hover {
	text-decoration: none;
	font-style: normal;
	font-weight: normal;

	color: #000000;
}

.L1_Active {
	color: #000000;
	text-decoration: none;
	font-style: normal;

	font-weight: Bold;
}

.L1,  {
	text-align: left;
}

.L2 A {
	color: #333333;
	text-decoration: none;
	font-style: normal;
	font-weight: normal;
	font-family: Verdana, Helvetica, Arial;

	font-size: 11px;
}

.L2 A:Hover {
	text-decoration: none;
	font-style: normal;
	font-weight: normal;

	color: #800040;
}

.L2_Active {
	color: #333333;
	text-decoration: none;
	font-style: normal;

	font-weight: normal;
}

.L2,  {
	text-align: left;
}

.L3 A {
	color: #003366;
	text-decoration: none;
	font-style: normal;
	font-weight: normal;
	font-family: Verdana, Helvetica, Arial;

	font-size: 10px;
}

.L3 A:Hover {
	text-decoration: none;
	font-style: normal;
	font-weight: normal;

	color: #990000;
}

.L3_Active {
	color: #003366;
	text-decoration: Underline;
	font-style: normal;

	font-weight: normal;
}

.L3,  {
	text-align: left;
}

.L4 A {
	color: #003366;
	text-decoration: none;
	font-style: normal;
	font-weight: normal;
	font-family: Verdana, Helvetica, Arial;

	font-size: 10px;
}

.L4 A:Hover {
	text-decoration: none;
	font-style: normal;
	font-weight: normal;

	color: #990000;
}

.L4_Active {
	color: #003366;
	text-decoration: Underline;
	font-style: normal;

	font-weight: normal;
}

.L4,  {
	text-align: left;
}

.L5 A {
	color: #003366;
	text-decoration: none;
	font-style: normal;
	font-weight: normal;
	font-family: Verdana, Helvetica, Arial;

	font-size: 10px;
}

.L5 A:Hover {
	text-decoration: none;
	font-style: normal;
	font-weight: normal;

	color: #990000;
}

.L5_Active {
	color: #003366;
	text-decoration: Underline;
	font-style: normal;

	font-weight: normal;
}

.L5,  {
	text-align: left;
}

.h1 {
	font-size: 13px;
	font-family: Verdana, Helvetica, Arial;
	font-weight: Bold;
	font-style: normal;
	text-decoration: none;
	color: #000000;
	line-height: normal;
	margin-bottom: 0;
	margin-top: 0;
}

.h2 {
	font-size: 12px;
	font-family: Verdana, Helvetica, Arial;
	font-weight: Bold;
	font-style: normal;
	text-decoration: none;
	color: #004080;
	line-height: normal;
	margin-bottom: 0;
	margin-top: 0;
}

.h3 {
	font-size: 11px;
	font-family: Verdana, Helvetica, Arial;
	font-weight: Bold;
	font-style: normal;
	text-decoration: none;
	color: #000000;
	line-height: normal;
	margin-bottom: 0;
	margin-top: 0;
}

.h4 {
	font-size: 11px;
	font-family: Verdana, Helvetica, Arial;
	font-weight: normal;
	font-style: Italic;
	text-decoration: none;
	color: #000000;
	line-height: normal;
	margin-bottom: 0;
	margin-top: 0;
}

body, table, p {
	font-size: 11px;
	font-family: Verdana, Helvetica, Arial;
	font-weight: normal;
	font-style: normal;
	text-decoration: none;
	color: #000000;
	line-height: normal;
	margin-bottom: 0;
	margin-top: 0;
}

.text2 {
	font-size: 11px;
	font-family: Verdana, Helvetica, Arial;
	font-weight: normal;
	font-style: normal;
	text-decoration: none;
	color: #808000;
	line-height: normal;
	margin-bottom: 0;
	margin-top: 0;
}

.text3 {
	font-size: 11px;
	font-family: Verdana, Helvetica, Arial;
	font-weight: normal;
	font-style: normal;
	text-decoration: none;
	color: #400000;
	line-height: normal;
	margin-bottom: 0;
	margin-top: 0;
}

small {
	font-size: 9px;
	font-family: Verdana, Helvetica, Arial;
	font-weight: normal;
	font-style: normal;
	text-decoration: none;
	color: #000000;
	line-height: normal;
	margin-bottom: 0;
	margin-top: 0;
}

input, textarea {
	font-size: 11px;
	font-family: Verdana, Helvetica, Arial;
	font-weight: normal;
	font-style: normal;
	color: #000000;
}

select {
	font-size: 11px;
	font-family: Verdana, Helvetica, Arial;
	font-weight: normal;
	font-style: normal;
	color: #000000;
}

.checkbox {
	font-size: 11px;
	font-family: Verdana, Helvetica, Arial;
	font-weight: normal;
	font-style: normal;
	color: #000000;
}

.radio {
	font-size: 11px;
	font-family: Verdana, Helvetica, Arial;
	font-weight: normal;
	font-style: normal;
	color: #000000;
}

#image-box{
	
	width:400px;
	position: relative;
	height: 390px;
}

#image-box .image{width:110px;height:130px;border:8px solid #fff;position: absolute;box-shadow: 1px 1px 3px rgba(0,0,0,0.2);transform:rotate(3deg);cursor:pointer;}
#image-box .image-1{background-image: url('/Files/Billeder/BARhandel/stregkode/element06.jpg');background-repeat: no-repeat;background-size: 197px;background-position: -82px -18px;top:40px;left:20px;z-index:100;}
#image-box .image-2{background-image: url('/Files/Billeder/BARhandel/stregkode/element07.jpg');background-repeat: no-repeat;background-size: 202px;background-position: -63px 0px;top:7px;left:128px;}
#image-box .image-3{background-image: url('/Files/Billeder/BARhandel/stregkode/element02.jpg');background-repeat: no-repeat;background-size: 152px;background-position: -3px -25px;top:29px;right:15px;z-index:100;}
#image-box .image-4{background-image: url('/Files/Billeder/BARhandel/stregkode/element03.jpg');background-repeat: no-repeat;background-size: 203px;background-position: -29px 1px;top:171px;right:8px;}
#image-box .image-5{background-image: url('/Files/Billeder/BARhandel/stregkode/element04.jpg');background-repeat: no-repeat;background-size: 273px;background-position: -39px 0px;top:234px;right:87px;z-index:50;}
#image-box .image-6{background-image: url('/Files/Billeder/BARhandel/stregkode/element05.jpg');background-repeat: no-repeat;background-size: 116px;background-position: -2px -21px;top:180px;left:100px;z-index:120;}
#image-box .t-shirt{position: absolute;bottom:0px;left:0px;z-index:200;}


.hover{display:none;position:absolute;width: 100%;height: 100%;background-color:rgba(255,255,255,0.7);font-size:17px;font-weight: bold;padding:5px;box-sizing: border-box;color:#000;text-decoration: none;}

#image-box .image-6 .hover{text-align:right;font-size:15px;}
#image-box .image-5 .hover{text-align: right;padding-top:40px;font-size:15px;}
#image-box .image-4 .hover{text-align: right;padding-top:5px;}
#image-box .image-2 .hover{text-align: right;padding-top:20px;}

.image:hover .hover{display:block;text-decoration: none;}

