p.box {margin-left: 10px; margin-top: 20px;}
p.box2 {margin-left: 40px; margin-top: 3px; font-family: "Verdana"; font-size: 10px; letter-spacing: 3px;}
p.box3 {margin-top: 4px;}
p.box4 {margin-top: 23px;}
p.box5 {margin-left: 100px;}
p.box6 {margin-top: 30px;}
p.box7 {margin-top: 60px;}
p.box8 {margin-left: 20px; margin-top: 10px; margin-bottom: 10px;}

body {margin: 0; padding: 0;}
#centrering {position: absolute; left: 25%;
width: 640px;}
#kolumncontainer {height: 5000px; background: #FFFFFF repeat-y; float: left;}
#articletop1 {width: 620px; height: 100px; padding-top: 20px; padding-bottom: 0px; padding-left: 0px; padding-right: 20px;}
#articlemid1 {float: left; background: #000000; width: 240px; height: 149px; padding: 10px;}
#articlemid2 {float: left; width: 380px; height: 169px; padding: 0px;}
#articlemid3 {float: left; width: 360px; height: 169px; padding-top: 0px; padding-bottom: 0px; padding-left: 10px; padding-right: 0px;}
#articleleft {float: left; width: 220px; padding: 20px;}
#articleright {float: left; width: 340px; padding: 20px;}

#articlelink {
	width: 120px;
	height: 400px;
	position: absolute;
	left: 836px;
	top: 80px;
	padding: 5px;
	border-width:1px;
	border-style:solid;
	border-color:#bbb #888 #006699 #555;
	background-color: #FFF;
}

#whymtm {
	width: 130px;
	height: 45px;
	position: absolute;
	left: 836px;
	top: 150px;
	padding: 0px;
	border-width:1px;
	border-style:solid;
	border-color:#bbb #888 #006699 #555;
	background-color: #0033FF;
}

#margin {
	width: 10px;
	height: 480px;
	position: absolute;
	left: 110px;
	top: 80px;
	background-color: #5c9ee7;
}
#logo {
	width: 550px;
	height: 85px;
	background: #FFFFFF;
	position: absolute;
	left: 120px;
	top: 80px;
	z-index: 1;
	background-color: #FFFFFF;
}
#logopic {
	width: 289px;
	height: 52px;
	background: #FFFFFF;
	position: absolute;
	left: 132px;
	top: 100px;
	z-index: 2;
	background-color: #FFFFFF;
}
#cornerpic {width: 150px; height: 85px; position: absolute; left: 670px; top: 80px; background: #ffffff}

#slogan {width: 700px; height: 20px; background: #E8E9F0; position: absolute; left: 120px; top: 166px;}

#piratad {
	width: 130px;
	height: 200px;
	position: absolute;
	left: 836px;
	top: 205px;
	padding-top: 0px;
	background-color: #FFFFFF;}

#containx {
	width: 700px;
	height: 20px;
	background: #5c9ee7;
	position: absolute;
	left: 120px;
	top: 165px;
	z-index: 1;
	background-color: #5c9ee7;
}
#langlink {
	width: 142px;
	height: 20px;
	background: #E8E9F0;
	position: absolute;
	left: 670px;
	top: 165px;
	z-index: 2;
	clip: rect(auto,auto,auto,auto);
	vertical-align: baseline;
	padding: 0px;
	letter-spacing: 2px;
	text-align: center;
	text-indent: 60px;
	margin: 4px;
	background-color: #E8E9F0;
}
.roundbottom {background: #5c9ee7;}
.r1{margin: 0 0 0 5px; height: 1px; overflow: hidden; background: #E8E9F0;}
.r2{margin: 0 0 0 3px; height: 1px; overflow: hidden; background: #E8E9F0;}
.r3{margin: 0 0 0 2px; height: 1px; overflow: hidden; background: #E8E9F0;}
.r4{margin: 0 0 0 1px; height: 2px; overflow: hidden; background: #E8E9F0;}
.contentx {height: 15px; overflow: hidden; background: #E8E9F0;}
#map {
	width: 150px;
	height: 20px;
	background: #E8E9F0;
	position: absolute;
	left: 670px;
	top: 185px;
}
#main {
	width: 550px;
	height: 300px;
	background: #5c9ee7;
	position: absolute;
	left: 120px;
	top: 185px;
	background-color: #5c9ee7;
	z-index: 1;
}
#flash {
	width: 860px;
	height: 460px;
	position: absolute;
	left: 110px;
	top: 80px;
	padding-top: 60px;
	background-color: #000000;
	z-index: 1;
}

#flashcontent
{
	width: 680px;
	height: 400px;
	position: absolute;
	left: 95px;
	top: 65px;
	padding-top: 0px;
	background-color: #000000;
	z-index: 1;
}

#mainpic {
	width: 550px;
	height: 150px;
	background: FFFFFF;
	position: absolute;
	left: 120px;
	top: 260px;
	z-index: 2;
	background-color: FFFFFF;
}
#adpic {
	width: 550px;
	height: 375px;
	background: #5c9ee7;
	position: absolute;
	left: 0px;
	top: 0px;
	z-index: 2;
	background-color: #5c9ee7;
}

#behind {
	width: 158px;
	height: 20px;
	background: #000000;
	position: absolute;
	left: 110px;
	top: 80px;
	background-color: #5c9ee7;
	padding-left: 700px; padding-top: 460px;
}


#menuspace1 {width: 150px; height: 20px; background: #CED0DF; position: absolute; left: 670px; top: 205px;}
#menuspace2 {width: 150px; height: 20px; background: #CED0DF; position: absolute; left: 670px; top: 485px;}
#menyn {
	width: 150px;
	height: 300px;
	position: absolute;
	left: 670px;
	top: 185px;
	background: #CED0DF;
	z-index: 2;
	background-color: #CED0DF;
}
#bottom {
	width: 550px;
	height: 75px;
	background: #FFFFFF;
	position: absolute;
	left: 120px;
	top: 485px;
	background-color: #FFFFFF;
}

#containx2 {
	background: #FFFFFF;
	width: 550px;
	height: 75px;
	position: absolute;
	left: 120px;
	top: 485px;
	background-color: #FFFFFF;
}
.roundtop2 {background: #5c9ee7;}
.r12{margin: 0 0 0 5px; height: 1px; overflow: hidden; background: #ffffff;}
.r22{margin: 0 0 0 3px; height: 1px; overflow: hidden; background: #ffffff;}
.r32{margin: 0 0 0 2px; height: 1px; overflow: hidden; background: #ffffff;}
.r42{margin: 0 0 0 1px; height: 2px; overflow: hidden; background: #ffffff;}
.contentx2 {height: 60px; padding-left: 20px; padding-bottom: 20px;}

#contact {
	width: 150px;
	height: 75px;
	background: #CED0DF;
	position: absolute;
	left: 670px;
	top: 485px;
	background: #CED0DF;
	z-index: 1;
	background-color: #CED0DF;
}
#ommtmpic {float: left; width: 200px; height: 180px; background: #FFFFFF; background: jeppesida.jpg}
#kontakta {position: absolute; left: 250px; top: 30px; padding-top: 30px; padding-bottom: 10px; padding-left: 30px; padding-right: 0px; height: 204px; width: 215px; border: 0px; background: #FFFFFF;}
#meeting {position: absolute; left: 0px; top: 30px; padding-top: 40px; padding-bottom: 10px; padding-left: 15px; padding-right: 15px; height: 194px; width: 215px; border: 0px; background: #E8E9F0;}

/* CSS Menus - Vertical CSS Menu with Popout and Dropdown Menus - 20050131 */

*{margin:0;padding:0;border:none;}

body{margin:0.5em 0.5em 0.5em 1.0em;font-size:100%;font-family:verdana,tahoma,arial,sans-serif;behavior:url("csshover.htc"); }

/* Begin CSS Popout Menu */

#menu{
position:absolute;
top:2.1em;
left:0.5em;
z-index:2;
width:8.3em;
padding-bottom:12em; /* To allow room for bottom dropdown */
}

#menu h2, h3{
font:normal 11px/16px verdana, arial,helvetica;
display:block;
border-width:1px;
border-style:solid;
border-color:#bbb #888 #006699 #555;
white-space:nowrap;
margin:0;
padding:1px 3px;
}

#menu a{
font:normal 11px/16px verdana, arial,helvetica;
display:block;
border-width:0px;
border-style:solid;
border-color:
white-space:nowrap;
margin:0;
padding:1px 0px;
}


#menu h2:hover{
color:#fff;
background:#5c9ee7;
}

#menu h2{
color:#000000;
background:#E8E9F0;
}

#menu h3{
color:#CED0DF;
background:#E8E9F0;
}

#menu a{
color:#000000;
background:#E8E9F0;
text-decoration:none;
}

#menu a:hover{
color:#fff;
background:#5c9ee7;
}

#menu a:active{
color:#CC3366;
background:#ccc;
}

#menu ul{
list-style:none;
margin:0;
padding:0;
width:100%;
}

/* Requirement: Put the element selector name (div)
onto non anchor hover selectors to force IE5 and
5.5 to correctly apply the csshover file. */

div#menu li, div#menu li:hover{
position:relative;
}

div#menu li ul{
position:absolute;
top:0;
left:100.1%;
display:none;
}

div#menu ul ul,
div#menu ul ul ul,
div#menu ul li:hover ul ul,
div#menu ul li:hover ul ul ul
{display:none;}

div#menu ul li:hover ul,
div#menu ul ul li:hover ul,
div#menu ul ul ul li:hover ul
{display:block;}

/* End non-anchor hover selectors */

/* Styling for Expand */

#menu a.x, #menu a.x:visited{
background:#eee url(/css/images/expand3.gif) no-repeat bottom right;
}

#menu a.x:hover{
background:#ddd;
}

#menu a.x:active{
color:#060;
background:#ccc;
}

/* Begin Content Area */

#content{margin:0 0 0 10em;padding:0.5em;border:1px solid #000;}
#content a:link{color:#a00;}
#content a:visited{color:#777777;}
#content a:hover{color:#a00;background:#eee;}
#content a:active{color:#060;background:#ddd;}
#content h1, #content h2{font:bold 1.0em arial,sans-serif;margin:0.5em 0.25em;padding:0;}
#content img{border:none;}
#content p{font:normal 0.8em/1.5em verdana,sans-serif;margin:1.0em;}
#content ul, #content ul ul{font:normal 0.9em/1.4em verdana,tahoma,arial,sans-serif;margin:1.0em 4.0em 1.5em 4.0em;}
#content ul li{font:normal 0.9em/1.4em verdana,tahoma,arial,sans-serif;margin:1.0em 0;}
#content ul ul li{font:normal 1.1em/1.6em verdana,tahoma,arial,sans-serif;margin:0;}
#content .fr{float:right;margin:0 0 1.0em 1.0em;}
#content .mod{font:normal .6em arial,sans-serif;margin:.25em;}

/* End Content Area */

[if IE]>
body {
behavior: url(csshover.htc); /* call hover behaviour file */
font-size: 100%; /* enable IE to resize em fonts */

} 
#menu ul li {
float: left; /* cure IE5.x "whitespace in lists" problem */
width: 100%;
}
#menu ul li a {
height: 1%; /* make links honour display: block; properly */
} 

#menu a, #menu h2 {
font: normal 11px/16px verdana, arial, helvetica; 
/* if required use em's for IE as it won't resize pixels */
} 

<![endif]