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

body {
	padding:0;
	margin:0;
	font-family:Arial, Verdana, Helvetica, sans-serif;}
.clear {
clear:both;
}
h1, h2, h3, p, a, img {margin:0;
	padding:0;}
#pageWrapper {
	margin:0 auto;
	width:1100px;
	position:relative;
}
#mainNavigation{
float:right;
width:900px;
text-align:right;
margin-top:40px;
text-transform:uppercase;
font-size:12px;
font-weight:bold;
}
#mainNavigation ul {
list-style:none;
}
#mainNavigation li{
float:right;
margin:0 8px;
}
#mainNavigation li:first-child {
margin-left:50px;}
#mainNavigation li a:link, #mainNavigation li a:visited, #mainNavigation li a {
text-decoration:none;
color:#333333;
}
#mainNavigation li a:hover {
text-decoration:underline;
}
#frontPusher {
width:134px;
height:134px;
background-image:url(../images/push.png);
background-repeat:no-repeat;
position:absolute;
top:130px;
right:20px;
color:#FFFFFF;
text-align:center;
text-transform:uppercase;
-moz-transform: rotate(8deg);
-webkit-transform: rotate(10deg);
	}

#frontPusher h2{
margin-top:36px;
font-size:14px
}
#frontPusher p{
font-size:10px;
margin:4px 2px 0 2px;
}
#frontPusher p a:link, #frontPusher p a:visited, #frontPusher p a:active {
display:block;
margin-top:3px;
color:#FFFFFF;
text-decoration:blink;
text-decoration:none;
}

#frontTitle{
	margin:0 auto;
	width:800px;
	margin-top:70px;
	margin-bottom:140px;
	height:40px;
}
#frontTitle h1, #frontTitle h2{
float:left;
font-size:20px;
text-transform:uppercase;
}
#frontTitle h1{
font-weight:bold;
}
#frontTitle h2{
margin-left:12px;
font-weight:normal;
}
#boxWrapper{
	margin:0 auto;
	width:810px;

	}
#boxTop {
	float:left;
	margin:0 auto;
	width:810px;
	background-image:url(../images/3boxt.png);
	background-repeat:no-repeat;
	background-position:bottom;
	height:18px;
	}
#boxMiddle {
	float:left;
	margin:0 auto;
	width:810px;
	background-image:url(../images/3boxm.png);
	background-repeat:repeat-y;
	position:relative;
	}
#boxBottom {
	float:left;
	margin:0 auto;
	width:810px;
	background-image:url(../images/3boxb.png);
	background-repeat:no-repeat;
	background-position:top;
	height:18px;
	}
#boxSverige, #boxUtomlands, #boxArbetsgivare {
width:200px;
float:left;
}
#boxSverige p, #boxUtomlands p, #boxArbetsgivare p {
font-size:11px;
margin-bottom:18px;
}
#boxSverige h1{
	font-size:16px;
	text-transform:uppercase;
}
#boxUtomlands h1{
	font-size:16px;
	text-transform:uppercase;
}
#boxArbetsgivare h1{
	font-size:16px;
	text-transform:uppercase;
}

#boxSverige {
margin: 0 0 0 14px;}
#boxUtomlands {
margin: 0 0 0 90px;}
#boxArbetsgivare {
margin: 0 0 0 90px;}

#boxSverige h1{
margin-bottom:4px;
color:#8a2e70;}
#boxUtomlands h1{
margin-bottom:4px;
color:#f8cc4a;}
#boxArbetsgivare h1{
margin-bottom:4px;
color:#377fbe;}

.mer {
position:absolute;
bottom:0px;
right:8px;
height:20px;
width:20px;
background-image:url(../images/mer.png);
background-repeat:no-repeat;}

#boxSverige .mer {
right:600px;
}
#boxUtomlands .mer {
right:300px;
}
#boxArbetsgivare .mer {
right:8px;
}
	
.sverige {
color:#8a2e70;}
.utomlands {
color:#f8cc4a;}
.arbetsgivare {
color:#377fbe;}

.mersverige {
background-color:#8a2e70;}
.merutomlands {
background-color:#f8cc4a;}
.merarbetsgivare {
background-color:#377fbe;}

a.mersverige:hover, a.merutomlands:hover, a.merarbetsgivare:hover	{ background-position:0px -20px; }
.edit {
background-image:url(../images/edit.png);
width:28px;
height:30px;
position:absolute;
top:-24px;
}
#boxSverige .edit {
right:570px;
}
#boxUtomlands .edit{
right:280px;
}
#boxArbetsgivare .edit{
right:-8px;
}
.pusherEdit {
position:absolute;
top:130px;
right:20px;
	}