@charset "utf-8";
/* CSS Document */

   
   
   
   /* Världskartan */

#world_map {display:block; width:520px; height:301px; background:url(../images/world/world_map_off2.jpg); position:relative; margin:10px auto}

a#america {display:block; width:206px; height:0; padding-top:130px; overflow:hidden; position:absolute; left:27px; top:19px;}
a#america:hover {background:transparent url(../images/world/america.jpg) no-repeat 0 0; overflow:visible;}

a#europe {display:block; width:111px; height:0; padding-top:73px; overflow:hidden; position:absolute; left:209px; top:27px;}
a#europe:hover {background:transparent url(../images/world/europe.jpg) no-repeat  0 0; overflow:visible;}

a#south_america {display:block; width:78px; height:0; padding-top:125px; overflow:hidden; position:absolute; left:106px; top:136px;}
a#south_america:hover {background:transparent url(../images/world/south_america.jpg) no-repeat 0 0; overflow:visible;}

a#asia {display:block; width:234px; height:0; padding-top:182px; overflow:hidden; position:absolute; left:276px; top:21px;}
a#asia:hover {background:transparent url(../images/world/asia.jpg) no-repeat 0 0; overflow:visible;}

a#africa {display:block; width:116px; height:0; padding-top:133px; overflow:hidden; position:absolute; left:208px; top:92px;}
a#africa:hover {background:transparent url(../images/world/africa.jpg) no-repeat 0 0; overflow:visible;}

a#australien {display:block; width:95px; height:0; padding-top:71px; overflow:hidden; position:absolute; left:408px; top:177px;}
a#australien:hover {background:transparent url(../images/world/australien.jpg) no-repeat 0 0; overflow:visible;}

.map_label	{padding:0; margin:0; width:522px; height:40px; text-align:center}


/* EUROPA */

/* setup the background image of the British Isles */
.eu {padding:0; margin:0; list-style-type:none; background:#fff url(../images/world/big/europe.jpg); width:521px; height:301px; position:relative; z-index:100;}
/* move the text off screen */
.eu li a {
	text-indent:-999px;
	display:block;
	width:5px;
	height:5px;
	position:absolute;
	line-height:5px;
	background-image:url(../images/world/klient.gif);
	left: 330px;
	top: 255px;
	font-weight:normal;
	text-decoration:none;
}
li a p.box_title {
	background-color:#ffffff;
	padding:3px 3px 3px 3px;
	font-family:tahoma;
	font-weight:bold;
	width:144px;
	color:#000000;
	text-align:center;
	font-size:11px;
	margin-bottom:5px;
	margin-top:5px;
	border:1px solid #ffffff;
}

li a p {
	padding:3px 3px 3px 3px;
	font-family:trebuchet MS;
	color:#fff;
	font-weight:normal;
	font-size:11px;
	width:144px;
}

.box_mail
{
	background:transparent;
	border:none;
	color:#eea200;
	cursor:pointer;
	font-family:tahoma;
	font-size:11px;
	font-weight:bold;}
.box_mail:hover
{
	background:transparent;
	border:none;
	color:#fff;
	cursor:pointer;}


/* make the images and description invisible and an absolute position so that it does not take up any space */
.eu li a em {visibility:hidden; position:absolute; cursor:default}
/* position the square markers */
.eu li a.sweden_h {
	top:122px;
	left:240px;
	background:url(../images/world/huvudkontor.gif) no-repeat;
	width:12px;
	height:12px;
	margin-left:-5px;
	margin-top:-4px;
	display:block;
	position:absolute;
	line-height:12px;
	

}

.eu li a.sweden_k {
	top:132px;
	left:225px;
	width:8px;
	height:7px;
	margin-left:-2px;
	margin-top:-2px;
	background:url(../images/world/kontaktperson.gif) no-repeat;
	display:block;
	position:absolute;
	line-height:4px;
}

.eu li a.sweden {
	top:115px;
	left:227px;
}
.eu li a.norway {
	top:115px;
	left:198px;
}
.eu li a.denmark {
	top:140px;
	left:204px;
}

.eu li a.iceland {
	top:90px;
	left:85px;
}
.eu li a.iceland_k {
	top:97px;
	left:80px;
	width:8px;
	height:7px;
	margin-left:-2px;
	margin-top:-2px;
	background:url(../images/world/kontaktperson.gif) no-repeat;
	display:block;
	position:absolute;
	line-height:4px;
}
.eu li a.finland {
	top:100px;
	left:276px;
}
.eu li a.england {
	top:164px;
	left:150px;
}
.eu li a.england_k {
	top:146px;
	left:143px;
	width:8px;
	height:7px;
	margin-left:-2px;
	margin-top:-2px;
	background:url(../images/world/kontaktperson.gif) no-repeat;
	display:block;
	position:absolute;
	line-height:4px;
}
.eu li a.france {
	top:191px;
	left:164px;
}
.eu li a.spain {
	top:243px;
	left:130px;
}
.eu li a.italy {
	top:230px;
	left:226px;
}
.eu li a.schweiz {
	top:205px;
	left:196px;
}
.eu li a.german {
	top:169px;
	left:215px;
}
.eu li a.austria {
	top:186px;
	left:231px;
}
.eu li a.holland {
	top:159px;
	left:200px;
}
.eu li a.belgium {
	top:175px;
	left:187px;
}
.eu li a.serbia {
	top:222px;
	left:253px;
}
.eu li a.croatia {
	top:209px;
	left:240px;
}
.eu li a.greece {
	top:246px;
	left:267px;
}
.eu li a.estonia {
	top:140px;
	left:262px;
}
.eu li a.lithuania {
	top:150px;
	left:262px;
}
.eu li a.russia {
	top:135px;
	left:323px;
}
.eu li a.luxembourg {
	top:184px;
	left:195px;
}

/* move the text back into view on hover background:#28211f;  */
.eu li a:hover { z-index:101; background:url(../images/arrow_box.gif) no-repeat; text-indent:0; height:1.2em; font-size:11px; color:#000000; line-height:1em; padding:5px 0px 5px 20px; width:90px; font-weight:bold; margin-top:-10px; margin-left:-7px; }
/* hack for IE5.x */
* html .eu li a:hover {width:100px; height:1.5em; w\idth:90px; he\ight:1.2em;}
/* make the descriptive text visible, give it a size and position */
.eu li a:hover em {visibility:visible; margin-left:5px; background-color:#FFFFFF; border:1px solid #CCCCCC; width:150px; color:#000000; padding:20px;font-style:normal; top:-50px;
 font-family:tahoma; letter-spacing:1px; line-height:1.5em;}
/* hack for IE5.x */
* html .eu li a:hover em {width:200px; w\idth:150px;}
/* give the image a border and margin */

/* style the empty span (I know it's not semantically correct) into an arrow point */

/* hack for IE5.x */
* html .eu li a:hover em span {width:30px; height:500px; w\idth:0; he\ight:0;}

/* ASIEN */

/* setup the background image of the British Isles */
.as {padding:0; margin:0; list-style-type:none; background:#fff url(../images/world/big/asia.jpg); width:521px; height:301px; position:relative; z-index:100;}
/* move the text off screen */
.as li a {
	text-indent:-999px;
	display:block;
	text-decoration:none;
	width:5px;
	height:5px;
	position:absolute;
	line-height:5px;
	background-image:url(../images/world/klient.gif);
	left: 352px;
	top: 245px;
}
/* make the images and description invisible and an absolute position so that it does not take up any space */
.as li a em {visibility:hidden; position:absolute;}
/* position the square markers */
.as li a.vietnam {
	top:199px;
	left:310px;
}

.as li a.singapore {
	top:237px;
	left:303px;
}
.as li a.arab_emirates {
	top:166px;
	left:170px;
}
.as li a.dubai {
	top:164px;
	left:174px;
}
.as li a.kuwait {
	top:164px;
	left:159px;
}
.as li a.lebanon {
	top:153px;
	left:117px;
}
.as li a.indien {
	top:187px;
	left:233px;
}

/* move the text back into view on hover */
.as li a:hover { z-index:101; background:url(../images/arrow_box.gif) no-repeat; text-indent:0; height:1.2em; font-size:11px; color:#000000; line-height:1em; padding:5px 0px 5px 20px; width:90px; font-weight:bold; margin-top:-10px; margin-left:-7px; }
/* hack for IE5.x */
* html .as li a:hover {width:100px; height:1.5em; w\idth:90px; he\ight:1.2em;}
/* make the descriptive text visible, give it a size and position */
.as li a:hover em {visibility:visible; margin-left:5px; background-color:#482e27; width:150px; color:#000000; padding:20px;font-style:normal; top:-50px;
 font-family:tahoma; letter-spacing:1px; line-height:1.5em;}
/* hack for IE5.x */
* html .as li a:hover em {width:200px; w\idth:150px;}
/* give the image a border and margin */
.as li a:hover em img {border:1px solid #fff; display:block; margin-bottom:6px;}
/* style the empty span (I know it's not semantically correct) into an arrow point */
.as li a:hover em span {display:block; width:0; height:0; overflow:hidden; border:13px solid #482e27; border-width:13px 0 13px 13px; border-left-color:#28211f; position:absolute; left:0; top:49px;}
/* hack for IE5.x */
* html .as li a:hover em span {width:30px; height:500px; w\idth:0; he\ight:0;}



/* USA */

/* setup the background image of the British Isles */
.usa {padding:0; margin:0; list-style-type:none; background:#fff url(../images/world/big/america.jpg); width:521px; height:301px; position:relative; z-index:100;}
/* move the text off screen */
.usa li a {
	text-indent:-999px;
	display:block;
	width:5px;
	text-decoration:none;
	height:5px;
	position:absolute;
	line-height:5px;
	background-image:url(../images/world/klient.gif);
	left: 352px;
	top: 245px;
}
/* make the images and description invisible and an absolute position so that it does not take up any space */
.usa li a em {visibility:hidden; position:absolute;}
/* position the square markers */
.usa li a.la_k {
	top:171px;
	left:126px;
	width:8px;
	height:7px;
	margin-left:-2px;
	margin-top:-2px;
	background:url(../images/world/kontaktperson.gif) no-repeat;
	display:block;
	position:absolute;
	line-height:4px;
}
.usa li a.us {
	top:165px;
	left:208px;
}

.usa li a.la {
	top:172px;
	left:138px;
}


/* move the text back into view on hover */
.usa li a:hover { z-index:101; background:url(../images/arrow_box.gif) no-repeat; text-indent:0; height:1.2em; font-size:11px; color:#000000; line-height:1em; padding:5px 0px 5px 20px; width:90px; font-weight:bold; margin-top:-10px; margin-left:-7px; }
/* hack for IE5.x */
* html .usa li a:hover {width:100px; height:1.5em; w\idth:90px; he\ight:1.2em;}
/* make the descriptive text visible, give it a size and position */
.usa li a:hover em {visibility:visible; margin-left:5px; background-color:#ffffff; border:1px solid #CCCCCC; width:150px; color:#000000; padding:20px;font-style:normal; top:-50px;
 font-family:tahoma; letter-spacing:1px; line-height:1.5em;}
/* hack for IE5.x */
* html .usa li a:hover em {width:200px; w\idth:150px;}
/* give the image a border and margin */

/* style the empty span (I know it's not semantically correct) into an arrow point */

/* hack for IE5.x */
* html .usa li a:hover em span {width:30px; height:500px; w\idth:0; he\ight:0;}


/* Syd america */

/* setup the background image of the British Isles */
.sa {padding:0; margin:0; list-style-type:none; background:#fff url(../images/world/big/south_america.jpg); width:521px; height:301px; position:relative; z-index:100;}
/* move the text off screen */
.sa li a {
	text-indent:-999px;
	display:block;
	width:9px;
	text-decoration:none;
	height:9px;
	position:absolute;
	line-height:9px;
	background-image:url(../images/world/klient.gif);
	left: 352px;
	top: 245px;
}
/* make the images and description invisible and an absolute position so that it does not take up any space */
.sa li a em {visibility:hidden; position:absolute;}
/* position the square markers
*** ett land in här***  under
.sa li a.marocco {
	top:180px;
	left:241px;
}
*/

/* move the text back into view on hover */
.sa li a:hover { z-index:101; background:url(../images/arrow_box.gif) no-repeat; text-indent:0; height:1.2em; font-size:11px; color:#000000;; line-height:1em; padding:5px 0px 5px 20px; width:90px; font-weight:bold; margin-top:-10px; margin-left:-7px; }
/* hack for IE5.x */
* html .sa li a:hover {width:100px; height:1.5em; w\idth:90px; he\ight:1.2em;}
/* make the descriptive text visible, give it a size and position */
.sa li a:hover em {visibility:visible; margin-left:5px; background-color:#482e27; width:150px; color:#000000;; padding:20px;font-style:normal; top:-50px;
 font-family:tahoma; letter-spacing:1px; line-height:1.5em;}
/* hack for IE5.x */
* html .sa li a:hover em {width:200px; w\idth:150px;}
/* give the image a border and margin */
.sa li a:hover em img {border:1px solid #fff; display:block; margin-bottom:6px;}
/* style the empty span (I know it's not semantically correct) into an arrow point */
.sa li a:hover em span {display:block; width:0; height:0; overflow:hidden; border:13px solid #482e27; border-width:13px 0 13px 13px; border-left-color:#28211f; position:absolute; left:0; top:49px;}
/* hack for IE5.x */
* html .sa li a:hover em span {width:30px; height:500px; w\idth:0; he\ight:0;}


/* Africa */

/* setup the background image of the British Isles */
.af {padding:0; margin:0; list-style-type:none; background:#fff url(../images/world/big/africa.jpg); width:521px; height:301px; position:relative; z-index:100;}
/* move the text off screen */
.af li a {
	text-indent:-999px;
	display:block;
	width:5px;
	text-decoration:none;
	height:5px;
	position:absolute;
	line-height:5px;
	background-image:url(../images/world/klient.gif);
	left: 352px;
	top: 245px;
}
/* make the images and description invisible and an absolute position so that it does not take up any space */
.af li a em {visibility:hidden; position:absolute;}
/* position the square markers */
.af li a.marocco {
	top:27px;
	left:182px;
}


/* move the text back into view on hover */
.af li a:hover { z-index:101; background:url(../images/arrow_box.gif) no-repeat; text-indent:0; height:1.2em; font-size:11px; color:#000000;; line-height:1em; padding:5px 0px 5px 20px; width:90px; font-weight:bold; margin-top:-10px; margin-left:-7px; }
/* hack for IE5.x */
* html .af li a:hover {width:100px; height:1.5em; w\idth:90px; he\ight:1.2em;}
/* make the descriptive text visible, give it a size and position */
.af li a:hover em {visibility:visible; margin-left:5px; background-color:#482e27; width:150px; color:#000000;; padding:20px;font-style:normal; top:-50px;
 font-family:tahoma; letter-spacing:1px; line-height:1.5em;}
/* hack for IE5.x */
* html .af li a:hover em {width:200px; w\idth:150px;}
/* give the image a border and margin */
.af li a:hover em img {border:1px solid #fff; display:block; margin-bottom:6px;}
/* style the empty span (I know it's not semantically correct) into an arrow point */
.af li a:hover em span {display:block; width:0; height:0; overflow:hidden; border:13px solid #482e27; border-width:13px 0 13px 13px; border-left-color:#28211f; position:absolute; left:0; top:49px;}
/* hack for IE5.x */
* html .af li a:hover em span {width:30px; height:500px; w\idth:0; he\ight:0;}



/* Australien */

/* setup the background image of the British Isles */
.au {padding:0; margin:0; list-style-type:none; background:#fff url(../images/world/big/australien.jpg); width:521px; height:301px; position:relative; z-index:100;}
/* move the text off screen */
.au li a {
	text-indent:-999px;
	display:block;
	width:5px;
	text-decoration:none;
	height:5px;
	position:absolute;
	line-height:5px;
	background-image:url(../images/world/klient.gif);
	left: 352px;
	top: 245px;
}
/* make the images and description invisible and an absolute position so that it does not take up any space */
.au li a em {visibility:hidden; position:absolute;}
/* position the square markers */
.au li a.auuu {
	top:160px;
	left:233px;
}


/* move the text back into view on hover */
.au li a:hover { z-index:101; background:url(../images/arrow_box.gif) no-repeat; text-indent:0; height:1.2em; font-size:11px; color:#000000;; line-height:1em; padding:5px 0px 5px 20px; width:90px; font-weight:bold; margin-top:-10px; margin-left:-7px; }
/* hack for IE5.x */
* html .au li a:hover {width:100px; height:1.5em; w\idth:90px; he\ight:1.2em;}
/* make the descriptive text visible, give it a size and position */
.au li a:hover em {visibility:visible; margin-left:5px; background-color:#482e27; width:150px; color:#000000;; padding:20px;font-style:normal; top:-50px;
 font-family:tahoma; letter-spacing:1px; line-height:1.5em;}
/* hack for IE5.x */
* html .af li a:hover em {width:200px; w\idth:150px;}
/* give the image a border and margin */
.au li a:hover em img {border:1px solid #fff; display:block; margin-bottom:6px;}
/* style the empty span (I know it's not semantically correct) into an arrow point */
.au li a:hover em span {display:block; width:0; height:0; overflow:hidden; border:13px solid #482e27; border-width:13px 0 13px 13px; border-left-color:#28211f; position:absolute; left:0; top:49px;}
/* hack for IE5.x */
* html .au li a:hover em span {width:30px; height:500px; w\idth:0; he\ight:0;}