





/*_*_*_*_*_*_*_ CSS Footer _*_*_*_*_*_*_*/
@media screen{
#footer {
background: none repeat scroll 0 0 transparent;
clear: both;
height: 30px;
margin: 0 auto;
width: 800px;
color: #333333;
font-size: 0.94em;
line-height: 1.5em;
padding: 10px 0px;
text-align: center;
}
#footer .sidfot {
padding:0 30px;
}
#footer a{
text-decoration:none;
color:#666;
border-bottom:1px dotted #666;
}
#footer a:hover{
text-decoration:none;
color:#666;
border-bottom:1px solid #666;
background:#eee;
}
div.adr {
display:inline;
}
/* Footer - 4 Slots */
.footerFourSlotsArticle {
float: left;
margin: 0 1.5%;
width: 22%;
}
}
/*_*_*_*_*_*_*_ CSS Header _*_*_*_*_*_*_*/
@media screen{
.alt-logo { 
background-color:#FFFFFF; 
display:block; 
left:20px; 
position:absolute; 
z-index:0; 
margin:-9999px;
} 
#header {
/* background:url("") left top no-repeat;*/
width:984px;
height:127px;
margin: 0 auto;
}
.headerComponent {
clear:both;
}
.toppImg, .toppNav {
background:#eaeaea;
}
.toppNav {
padding:0;
height:127px;
width:857px;
float:left;
background:#eaeaea url("/digitalAssets/207/207717_3sigill.png") right bottom no-repeat;
}
.toppNav ul.icons  {
list-style-type: none;	
list-style-image: none;	
padding:0;
margin:0;
height:28px;
width:857px;
}
.toppNav ul li {
float: right;
}
.toppNav ul li a{
color:#333;
text-decoration:none;
font-family:Verdana, Arial, Helvetica, sans-serif;
font-size:0.9em;
border-bottom:none;
}
.toppNav ul li a:hover {
background:none;
border-bottom: 1px solid #444 !important;
color:#444 !important;
text-decoration:none;
}
.toppImg {
background:transparent;
margin:0;
padding:0;
height:127px;
width:127px;
float:left;
}
.toppImg a img{
border:none;
}
.listen {
padding-left:19px;
padding-top:5px;
text-transform:capitalize;
background:transparent url("/digitalAssets/207/207717_3readspeakerikon.png") left 5px no-repeat;
}
a.docreaderlink:link {
border-bottom:none;
}
a.docreaderlink:hover{
border-bottom:none;
}
.languageName {
text-transform:capitalize;
padding:5px 5px 0 4px;
}
.svflagga{
background:url("/digitalAssets/207/207717_3swedish-flag.gif") left no-repeat;
padding-left:2.4em;
padding-top:1em;
}
.sitemap {
background:url("") left no-repeat;
padding-left:2.8em;
padding-top:1em;
}
.logIn {
display:block;
background:url("") left no-repeat;
padding-left:2.8em;
padding-top:1em;
}
.login {
padding: 5px 5px 0 4px; 
}
.toppNav .dropdown {
margin: 0 0 0 -100px;
padding-top: 8px;
position: absolute;
text-align: left;
visibility: hidden; 
width: 155px;
}
.dropdown:before {
border: solid transparent;
border-bottom-color: #ccc;
border-width: 10px;
content: "";
height: 0;
left: auto;
right: 10%;
width: 0;
position: absolute;
pointer-events: none;
top: -7px;
margin: -4px 0 0;
}
.toppNav .dropdown:after {
border: solid transparent;
border-bottom-color: #fff;
border-width: 10px;
content: "";
left: auto;
right: 10%;
height: 0;
width: 0;
position: absolute;
pointer-events: none;
top: -10px;
}
.toppNav .login:hover .dropdown,
.toppNav .dropdown:hover {
visibility: visible;
}
.toppNav .dropdown a {
margin: 0;
display: block;
font-weight: normal;
padding: 9px 10px 9px 32px;
}
.toppNav .dropdown a:hover {
background-color: #f2f2f2;
color: #333;
text-decoration: none;
border-bottom: none !important;
}
.toppNav .dropdown li {
background: #fff;
list-style: none;
clear: both;
float: left;
width: 100%;
}
ul.dropdown li.sp-link a {
background: url("/digitalAssets/207/207717_3login.png") no-repeat 10px -28px;
}
ul.dropdown li.mp-link a {
background: url("/digitalAssets/207/207717_3login.png") no-repeat  10px 4px;
}
ul.dropdown li.alumni-link a {
background: url("/digitalAssets/207/207717_3login.png") no-repeat 10px -62px;
}
.sp-link {
border-top: 1px solid #CCC;
border-left: 1px solid #CCC;
border-right: 1px solid #CCC;
padding: 3px 3px 0px 3px;
}
.mp-link {
border-left: 1px solid #CCC;
border-right: 1px solid #CCC;
padding: 3px;
}
.alumni-link {
border-bottom: 1px solid #CCC;
border-left: 1px solid #CCC;
border-right: 1px solid #CCC;
padding: 0px 3px 3px 3px;
}
}
/*_*_*_*_*_*_*_ CSS Layout _*_*_*_*_*_*_*/
@media screen{
/******************* WRAPPER ***************************/
#wrapper {
width:100%;
border-top: none;
background:transparent;
margin:0;
padding:0;
height:127px;
/*	border-bottom:23px solid #999;*/
}
#wrapper {
background:#eaeaea;
}
/******************* CONTAINER MED FLARP ***************************/
#containerflarp {
margin:auto;
width:984px;
padding:0px;
clear:both;
}
#container {
margin:auto;
width:984px;
margin-top:0px;
min-height: 350px; 
background:#fff;
padding:10px 0 0; 
box-shadow: 1px 5px 4px #999999;
-ie-box-shadow: #999 1px 0px 6px;
-moz-box-shadow: 1px 5px 4px #999999;
-webkit-box-shadow:1px 5px 4px #999999;
border: 1px solid #ddd;
border-top: none;
float:left;
/*position:relative;*/
}
/*************** Bread crumbs************/
#breadcrumbsRow {
min-height:10px;
}
#breadcrumbsRow .christmasCalendar{
margin:0 auto;
}
/******************* LEFT COLUMN ***************************/
#leftCol {
float:left;
width:236px;	
background:url("/digitalAssets/207/207717_3transp.gif") left top repeat-y;
margin-top:2px;
overflow:hidden;
}
/******************* CENTER COLUMN ***************************/
#centerCol {
float:left;
width:470px;
margin: 2px 0 0 20px;
overflow:hidden;
}
#centerColWide {
float:left;
width:728px;
margin: 2px 0 0 20px;
overflow:hidden;
}
/******** centerBottomArea = cBA ********/
#centerBottomArea, #secondCenterBottomArea {
clear:both;
}
#cBALeftCol {
/* border-right:1px dotted #000; */
float:left;
width:225px;
margin:10px 10px 10px 0;
padding:0;
overflow:hidden;
}
#cBARightCol {
float:left;
width:225px;
margin:10px 0 0 10px;
padding:0 0 0 0;
overflow:hidden;
}
#cBARightRightCol {
float:left;
width:225px;
margin:10px 0 0 10px;
padding:0 0 0 0;
overflow:hidden;
}
#cBALeftColWide, #ScBALeftColWide {
float:left;
width:226px;
margin:10px 10px 10px 0;
padding:0;
overflow:hidden;
}
#cBARightColWide, #ScBARightColWide {
/* border-right:1px dotted #000000;
border-left:1px dotted #000;*/
float:left;
width:226px;
margin:10px;
padding:0;
overflow:hidden;
}
#cBARightRightColWide, #ScBARightRightColWide {
float:left;
width:226px;
margin:10px 0 10px 10px;
padding:0;
overflow:hidden;
}
#centerColWide #centerBottomArea p, 
#leftColWide #centerBottomArea p, 
#leftColWide #secondCenterBottomArea p {
width:auto;
}
/******************* RIGHT COLUMN ***************************/
#rightCol {
float:right;
width:236px;
margin:2px 0 0 20px;
overflow:hidden;
}
#rightCol {
/*background:url("") left top no-repeat;*/
min-height:250px;
}
/****************************/
#centerCol #wrapper {
background: none repeat scroll 0 0 #FFFFFF;
border-bottom: 0 none;
height: 550px;
line-height: 1.5em;
padding: 10px;
width: 470px;
}
#centerCol #wrapper #footer {
display:none;
}
#centerCol #wrapper #logo, 
#centerCol #wrapper #topmenu {
display:none;
}
}
/*_*_*_*_*_*_*_ CSS Layout - 3 Columns 3 slots bottom _*_*_*_*_*_*_*/
@media screen{
/********** sidmall Layout - 3 Columns 3 slots bottom ***********/
#wideWrapper {
float:left;
width:748px;
}
}
/*_*_*_*_*_*_*_ CSS Layout - 3 Columns with top banner  _*_*_*_*_*_*_*/
@media screen{
#rightContainer {
width: 747px;
float: right;
}
#upperWideCol {
float: right;
width: 723px;
overflow: hidden;
margin-right: 6px;
}
#upperWideCol > * {
margin-bottom: 10px;
}
}
/*_*_*_*_*_*_*_ CSS Layout - 4 Columns - UUettan _*_*_*_*_*_*_*/
@media screen{
/*** columns ***/
#uuettan #rightCol {
width:241px;
float:left;
margin:2px 0 0 0;
padding:0;
overflow:hidden;
}
#fourColWide {
width:984px;
margin: 0;
padding:0;
overflow:hidden;
}
#uuettan #leftColWide {
margin: 2px 20px 0 5px;
width:718px; 
float:left;
overflow:hidden;
padding:0;
}
#uuettan #rightCol .imageContainer{
overflow: hidden;
margin:4px 0 10px;
width:auto;
}
#uuettan #rightCol ul {
list-style-image: url("/digitalAssets/207/207717_3menypil1.gif");
padding:0;
margin: 0 0 10px 20px;
}
#uuettan #rightCol .treeMenuContainer ul {
padding:0;
margin: 0;
}
#uuettan #rightCol .treeMenuContainer {
padding:0;
margin: 0 5px 0 0;
}
#uuettan #rightCol ul li a{
border: none !important;
text-decoration: none !important;
}
#uuettan #rightCol .imageContainer a{
border: none !important;
}
#uuettan #rightCol .colorbox .miniArticleContent, 
#uuettan #rightCol .colorbox .articleContent {
padding: 5px 5px;
}
#fourColWide .articleContainer, 
#fourColWide .colorbox, 
#fourColWide .imageContainer {
margin-bottom: 0;
}
#uuettan #centerBottomArea .imageContainer img, 
#uuettan #secondCenterBottomArea .imageContainer img {
margin-bottom:0px;
}
}
/*_*_*_*_*_*_*_ CSS Layout - 4 Columns - UUettan undersida _*_*_*_*_*_*_*/
@media screen{
/********** uuettan undersida**********/
#centerColBottom {
margin: 2px 0 0 10px;
width:472px;
float:left;
}
#leftColBottom {
margin: 2px 10px 0 0;
width:226px;
float:left;
}
#leftColBottom .articleContainer, 
#leftColBottom .miniarticleWrapper {
width:226px;
}
#centerColBottom .articleContainer, 
#centerColBottom .miniarticleWrapper {
width:472px;
}
#uuettan .articleContainer, 
#uuettan .newsDetailContainer {
margin-bottom:10px;
}
}
/*_*_*_*_*_*_*_ CSS Layout - 4 columns _*_*_*_*_*_*_*/
@media screen{
/*********** 4-kolumnssidor ************/
#centerColFour {
width:348px;
float:left;
margin-left:20px;
}
#centerColFourBottomLeft {
width:172px;
float:left;
border-right:none;
border-bottom:none;
padding:0 0px;
}
#centerColFourBottomRight{
width:172px;
float:left;
border-bottom:none;
padding:0 0px;
}
#middleColFour {
width:165px;
float:left;
margin-left:20px;
}
#rightColFour {
width:165px;
float:left;
margin-left:20px;
}
/************* content 4-columns **************/
#centerColFour .pagerBlock {
width:348px;
}
#centerColFour .pagerJump {
width:30px;
padding:0;
}
#centerColFour .pagerPages {
width:250px;
}
#centerColFour .searchForm .searchTipsArea {
width: 320px;
}
#middleColFour .articleContent, 
#rightColFour  .articleContent, 
#centerColFourBottomLeft  .articleContent, 
#centerColFourBottomRight  .articleContent{
margin:5px 4px 20px;
}
#centerColFour .articleContent p {
padding: 0 5px;
}
#centerFourBottomArea ul {
margin:0 0 20px 20px;
padding: 0;
list-style-image:url("/digitalAssets/207/207717_3dot.gif");
}
#centerFourBottomArea ul li {
margin:0px 0;
padding: 0;
}
#centerFourBottomArea p {
margin-bottom:2px;
}
}

