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

/* prev, next, prevPage and nextPage buttons */
a.browse {
	background:url(../images/merbig.png) no-repeat;
	display:block;
	width:30px;
	height:30px;
	float:left;
	cursor:pointer;
	font-size:1px;
	color:#FFFFFF;
}

a:visited, a:link, a:active {
text-decoration:none;
color:#333333;
}

p {margin:0; padding:o;}
/* right */
a.right 		{ background-position: 0 -30px; clear:right; margin-right: 0px;}
a.right:hover, a.right:active { background-position:-30px -30px; }


/* left */
a.left			{ margin-left: 0px; } 
a.left:hover, a.left:active { background-position:-30px 0; }




/* disabled navigational button */
a.disabled {
	visibility:hidden !important;		
} 	
body {padding:0;
background-repeat:no-repeat;
background-position:center 60px;
background-attachment:fixed;
font-family:Arial, Verdana, Helvetica, sans-serif;
position:relative;
}
h1, h2, h3, h4, p, img {
margin:0px;
padding:0px;}
#pageWrapper {
	margin:0 auto;
	width:1100px;
	margin-top:60px;
}
#singlePageWrapper {
	margin:0 auto;
	width:1100px;
}
#headliner {
	margin:0px auto;
	width:800px;
	height:20px;
}
#singlePageWrapper #headliner {
margin-top:60px;}
#postWrapper {
	margin:0px auto;
	width:900px;
	height:540px;
	position:relative;
	background-image:url(../images/box.png);
	background-repeat:no-repeat;
	background-position:45px 0px;
}

		
#headliner h1, #headliner h2{
float:left;
font-size:17px;
font-weight:normal;
color:#000000;
}
#headliner h1{
font-weight:bold;
margin:0 16px;
}
#headliner a, #headliner a:visited, #headliner a:active {
color:#000000;
text-decoration:none;
}
#headliner a:hover {
text-decoration:underline;
}
#pageNavigation {
	position:absolute;
	top:15px;
	right:70px;
	width:600px;
	text-align:right;
	font-size:11px;
	text-transform:uppercase;
	font-weight:bold;
}
#pageNavigation ul {
list-style:none;}
#pageNavigation li{
display:inline-block;
float:right;
margin:0 7px;
}
#pageNavigation a, #pageNavigation a:visited, #pageNavigation a:active {
color:#000000;
text-decoration:none;
}
#pageNavigation a:hover {
text-decoration:underline;
}

#box {
	position:absolute;
	top:25px;
	left:50px;
	height:510px;
	width:810px;
}
#boxMiddle {
	position:absolute;
	top:41px;
	left:50px;
	height:496px;
	overflow:hidden;
	width:810px;
	background-image:url(../images/boxmiddle.png);
	background-repeat:repeat-y;
}

#naviBack {
width:30px;
height:30px;
float:left;
	position:absolute;
	top:470px;
	left:0px;
}
#naviNext {
width:30px;
height:30px;
float:left;
	position:absolute;
	top:470px;
	right:0px;
}

#boxScroll {
	position:absolute;
	top:30px;
	left:45px;
	height:480px;
	overflow:hidden;
	width:800px;
	margin-left:5px;
}

#swipeArea {
	width:9000px;
	position:absolute;
	height:475px;
	overflow:hidden;
}

.swipeIntro {
float:left;
width:380px;
height:300px;
margin:50px 0 0 100px;
}
.swipeIntro p {
width:370px;
}

.cases {
float:right;
width:200px;
margin:160px 40px 0 0;
}
.cases p {
font-size:13px;
margin:8px 0 8px 0;
font-weight:bold;
}
.profilText {
width:390px;
height:410px;
margin:50px 0 0 370px;
position:relative;
}
.swipeIntro h1, .profilText h1 {
font-size:20px;
font-weight:bold;
}
.swipeIntro h3, .profilText h3, .cases p {
font-size:13px;
margin-top:8;
}
.profilText p {
font-size:12px;
margin:8px 0 8px 0;}
.swipeIntro p {
font-size:12px;
margin:8px 0 8px 0;}



.swipeArea {
	float:left;
	width:800px;
	height:475px;
	background-repeat:no-repeat;
}



.demos p {
	margin:0 0 4px;
	background:transparent url(http://static.flowplayer.org/tools/img/bullet.png) no-repeat scroll 0 2px;
	padding:2px 0 1px 22px;
}

#thumbs {
	background:url(../images/boxbottom.png) no-repeat  -5px 98px;
	height:114px;
	position:absolute;
	bottom:0px;
	width:800px;
	left:0px;
}

.t a {
	display:block;
	width:66px;
	float:left;
	height:109px;
	cursor:pointer;
}

.sverige .t a {
	background:transparent url(../images/profilersve.gif) no-repeat scroll 0px 0px;
}
.europa .t a {
	background:transparent url(../images/profilereur.gif) no-repeat scroll 0px 0px;
}
.arbetsgivare .t a {
	background:transparent url(../images/profilerarb.gif) no-repeat scroll 0px 0px;
}

.t a.active {
	cursor:default !important;
}

.navi {
height:109px;
width:198px;
margin-left:602px;
}

#firstText {
top:3px;
}

/* CSS sprite for the navigation */
#t0 		  { margin-left:0px; _margin-left:10px;}
#t0.active { background-position:-0px 0 !important; }
#t0:hover  { background-position:-0px -109px; }
#t0:active { background-position:-0px -109px; }

#t1			{ background-position:-0px -109px; }
#t1:hover 	{ background-position:-0px -0px; }
#t1:active	{ background-position:-0px -0px; }
#t1.active	{ background-position:-0px 0px !important; }

#t2			{ background-position:-66px -109px; }
#t2:hover 	{ background-position:-66px -0px; }
#t2:active	{ background-position:-66px -0px; }
#t2.active	{ background-position:-66px 0 !important; }

#t3			{ background-position:-132px -109px; }
#t3:hover 	{ background-position:-132px -0px; }
#t3:active	{ background-position:-132px -0px; }
#t3.active	{ background-position:-132px 0 !important; }

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

.sverige h1, .sverige h2, .sverige h3 {
color:#8a2e70;}
.europa h1, .europa h2, .europa h3{
color:#f8cc4a;}
.arbetsgivare h1, .arbetsgivare h2, .arbetsgivare h3{
color:#377fbe;}
.mersverige {
color:#8a2e70;}
.mereuropa {
color:#f8cc4a;}
.merarbetsgivare {
color:#377fbe;}
.sverige a, .sverige a:visited, .sverige a:active, .europa a, .europa a:visited, .europa a:active, .arbetsgivare a, .arbetsgivare a:visited, .arbetsgivare a:active, {
text-decoration:none;
}
.sverige a:hover, .europa a:hover, .arbetsgivare a:hover, {
text-decoration:underline
}




.pointer {
cursor:pointer;}
.thin {
font-weight:normal;}
.edit {
background-image:url(../images/edit.png);
width:28px;
height:30px;
position:absolute;
}
.editDownload {
background-image:url(../images/edit.png);
width:28px;
height:30px;
position:absolute;
left:380px;
}
.editSingle {
background-image:url(../images/edit.png);
width:28px;
height:30px;
position:absolute;
top:40px;
left:380px;
}
.swipeIntro .edit {
top:-5px;
right:10px;
}
.profilText .edit {
top:-9px;
right:-9px;
}

#postTop {
	width:810px;
	background-image:url(../images/boxtop.png);
	background-repeat:no-repeat;
	background-position:bottom;
	height:18px;
	float:left;
}
#postMiddle {
	width:810px;
	background-image:url(../images/boxmiddle.png);
	background-repeat:repeat-y;
	position:relative;
	float:left;
}
#postMiddleBackup {
	width:810px;
	height:464px;
	paddingleft:10px;
	background-image:url(../images/boxmiddle.png);
	background-repeat:repeat-y;
	position:relative;
}
#postBottom {
	width:810px;
	background-image:url(../images/boxbot.png);
	background-position:top;
	background-repeat:no-repeat;
	height:18px;
	float:left;
}
#postContent {
width:400px;
margin-left:105px;
float:left;
padding:60px 0 20px 0;
}
.theEntry{
padding-top:20px;}

#postContent h1 {
font-size:20px;
font-weight:normal;
}

#postContent h1 {
margin-bottom:20px;
}
#postContent h2 {
font-size:13px;
font-weight:bold;
margin:30px 0 0 0;
width:370px;
text-transform:uppercase;
border-bottom:1px #000 dashed;
}


.sverige #postContent h2, .sverige #singleNavigation {
border-color:#8a2e70
}
.europa #postContent h2, .europa #singeNavigation {
border-color:#f8cc4a
}
.arbetsgivare #postContent h2, .arbetsplatser #singleNavigation {
border-color:#377fbe
}

#singleNavigation {
border-left:solid dashed;}





#postContent h3 {
width:370px;
font-size:13px;
margin-top:16px;
color:#000000;
}
#postContent ul, #postContent li {
width:340px;
font-size:12px;
margin-bottom:3px;}

.sverige #postContent ul, .sverige #postContent li {
list-style-type:none;
list-style-image:none;}
.europa #postContent ul, .europa #postContent li {
list-style-type:none;
list-style-image:none;}
.arbetsplatser #postContent ul, .arbetsplatser #postContent li {
list-style-type:none;
list-style-image:none;}
#postContent ul, #postContent li {
list-style-type:none;
list-style-image:none;}

#postContent p {
width:340px;
font-size:13px;
margin:0px 0 8px 0;}
#postContent p:last-child {
margin:8px 0 0 0;}

#postBox {
	margin:auto;
	width:810px;
	position:relative;
}
#singleNavigation{
position:absolute;
top:0px;
right:30px;
width:750px;
text-align:right;
font-size:11px;
text-transform:uppercase;
font-weight:bold;
}
#singleNavigation .active{
font-weight:normal;
}
#singleNavigation1{
position:absolute;
top:18px;
right:75px;
width:750px;
text-align:right;
font-size:11px;
text-transform:uppercase;
font-weight:bold;
}
#singleNavigation ul, #singleNavigation1 ul {
list-style:none;
text-align:right;
}
#singleNavigation li, #singleNavigation1 li{
margin-left:16px;
display:inline;
}

#singleNavigation li a:link, #singleNavigation li a:visited, #singleNavigation li a, #singleNavigation1 li a:link, #singleNavigation1 li a:visited, #singleNavigation1 li a {
text-decoration:none;
color:#333333;
}
#singleNavigation li a:hover, #singleNavigation1 li a:hover {
text-decoration:underline;
}

#singlePagejumpPositioner{
float:right;
width:235px;
margin-top:50px;
}
#singlePagejump{
	font-size:11px;
	font-weight:bold;
	float:left;
}
#singlePagejump .huvud {
	text-transform:uppercase;
}
#singlePagejump ul {
width:200px;
padding:3px;
float:right;
list-style:none;
}
#singlePagejump li{
margin:0 0 1px 0;
padding:2px 5px 5px 6px;
}

#singlePagejump li a:link, #singlePagejump li a:visited, #singlePagejump li a {
text-decoration:none;
color:#333333;
}
#singlePagejump li a:hover {
text-decoration:underline;
}

.clear {
clear:both;
}
.XXXpageTitle {
width:500px;
border-bottom:dotted 1px #333;}
.toTheTop {
width:300px;
height:14px;
margin-top:-10px;
text-align:right;
color:#000000;
text-decoration:none;
}
.toTheTop p {
font-size:8px;}
.toTheTop a, .toTheTop a:visited, .toTheTop a:active, .toTheTop a:link{
color:#666666;
}
.toTheTop a:hover {
text-decoration:underline;
}
#downloadSverige, #downloadEuropa, #downloadArbetsplatser {
padding:8px 0 0 8px;}


.downloadNeutral li {
list-style-image:url(../images/dlall.gif)}
.downloadEuropa li {
list-style-image:url(../images/dleur.gif)}
.downloadSverige li {
list-style-image:url(../images/dlswe.gif)}
.downloadArbetsplatser li {
list-style-image:url(../images/dlarb.gif)}

.mersverige a.right, .mersverige a.left { background-color:#8a2e70;}
.mereuropa a.right, .mereuropa a.left { background-color:#f8cc4a;}
.merarbetsgivare a.right, .merarbetsgivare a.left { background-color:#377fbe;}
.kontaktbild {
float:right;
margin-top:58px;
margin-right:30px;
margin-bottom:50px;
}
.kontaktbild {
text-align:center;
font-size:10px;}
.pagetop {
float:right;
margin-right:-20px;
}