/* ----------------------------------- */
/* ------------- BASICS -------------- */
/* ----------------------------------- */


body {
    font-size: 100%;
}



html, body {
    margin: 0;
    padding: 0;
}

body {
    background: #f8f8f7;
    line-height: 100%;
    width: 100%;
}

#siteWidth {
    max-width: 986px;
    margin: 5px auto;
    text-align: left;
    position: relative;
}

.shadow-a {
    padding: 0 1px 1px 1px;
    background-color: #e9e8e6;
    margin-top: 3px;
}

.shadow-b {
    padding: 0 1px 1px 1px;
    background-color: #d1d0ce;
}

.shadow-c {
    padding: 1px 1px 1px 1px;
    background-color: #bbbbbb ;
}

#pageContainer {	
    padding-bottom:5px;
    background-color: #fff;
}

.clr {
    clear: both;
    height:0px
}

.right {
    float: right;
}

.left {
    float: left;
}

.ingress {
    font-weight: bold;
}

p span.citat {
    clear: both;
    display: block;
    font-style: italic;
    text-align:left;
    margin: 1em 6%;
    text-indent: 1.5em;
    /* background: transparent url("/digitalAssets/1275/1275358_citat1.gif") no-repeat left top; */
    background: transparent url("assets/1275/1275358_citat1.gif") no-repeat left top;
}

h1, h2 {
    font-weight: normal;
    margin: 0 0 0.5em 0;
}

#bodyArea .col50 .newsListComp ul li a{
    display: block;
}
#bodyArea .col50 .calListComp h2,
#bodyArea .col50 .newsListComp ul li a{
    margin:1.25em 0 0.125em 0;
}
h3, h4  {
    font-weight: normal;
    margin:1.25em 0 0.125em 0;
}

p {
    margin: 0 0 1em 0;
    padding: 0;
}

dt {
    margin:1.5em 0 0.5em 0;
}
/*
a:focus {
        outline: 3px invert solid;
        }
*/
.searchfield:focus {
    outline: 1px invert solid;
}

/* -------------------------------------- */
/* ---------------- LINKS --------------- */
/* -------------------------------------- */

a:hover {
    text-decoration: underline;
}

a.rssicon,
a.fileicon,
a.excelicon, 
a.powerpointicon,
a.wordicon,
a.pdficon {
    margin:0.5em 0 0.375em 3% ;
    padding:0 0 0 21px;
    display:block;
    background-repeat: no-repeat; 
    background-position: top left;
    clear:both;
}

.col25 a.rssicon,
.col25 a.fileicon,
.col25 a.excelicon,
.col25 a.powerpointicon,
.col25 a.pdficon,
.col25 a.wordicon {
    margin:0.5em 0 0.375em 4px ;
}

a.wordicon {
    /* background-image: url("/digitalAssets/1275/1275387_word.gif"); */
    background-image: url("assets/1275/1275387_word.gif");
}

a.pdficon {
    /* background-image: url("/digitalAssets/1275/1275376_pdf.gif"); */
    background-image: url("assets/1275/1275376_pdf.gif");
}

a.excelicon {
    /* background-image: url("/digitalAssets/1275/1275357_xls.gif"); */
    background-image: url("assets/1275/1275357_xls.gif");
}

a.powerpointicon {
    /* background-image: url("/digitalAssets/1275/1275378_ppt.gif"); */
    background-image: url("assets/1275/1275378_ppt.gif");
}

a.fileicon {
    /* background-image: url("/digitalAssets/1275/1275368_file.gif"); */
    background-image: url("assets/1275/1275368_file.gif");
}

a.rssicon {
    /* background-image: url("/digitalAssets/1277/1277111_rss.gif"); */
    background-image: url("assets/1277/1277111_rss.gif");
}

a.nounderline {
    text-decoration:none;
    color: #484848; 
}

a.nounderline:hover {
    text-decoration:underline;
}

/* ----------------------------------- */
/* -------------- LISTS -------------- */
/* ----------------------------------- */

ul {
    list-style-type: square;
}

ul,ol {
    padding: 0;
    margin: 0 7% 10px 7%;
    padding:0;
    list-style-position: outside;
}

ul ul,
ol ol {
    margin-left:16px;
}

.col25 ol,
.col25 ul {
    margin-left: 26px;
    list-style-position: outside;
}

/* -------------------------------------- */
/* --------------- TABLES --------------- */
/* -------------------------------------- */

table {
    border-spacing: 0;
    text-align: left;
    empty-cells: show;
    border-collapse: collapse;
    margin-bottom: 2em;
}

caption {
    caption-side: top;
    text-align: left;
    /*	vertical-align: bottom;
    */	padding: 1.25em 0.5em 0.5em 0;
    margin: 0;
}

th, td {
    padding: 0.25em 0.5em 0.125em 0.5em;
    vertical-align:top;
    font-weight: normal;
    text-align: left;
}

table.blank {
    border: 0;
    border-spacing: 0;
    text-align: left;
    empty-cells: show;
}

table.blank td {
    border: 0;
    padding: 0.5em;
    vertical-align:top;
}

table.blank th {
    border: 0;
    padding: 0.5em 0.5em 0.375em 0.5em;
    vertical-align:top;
}

table, td, th {
    border: 1px solid #ddd;
}

th	{
    /* background: #f9f9f9 url("/digitalAssets/1275/1275374_pageEnd.jpg") repeat-x center center; */
    background: #f9f9f9 url("assets/1275/1275374_pageEnd.jpg") repeat-x center center;
}

.tableOddRow,
#gubasComp .displayInfo.tableOddRow,
#gubasDetailComp .displayInfo.tableOddRow {
    background-color: #f9f9f9;
}

/**/
#gubasComp table th,
#gubasDetailComp table th {
    font-weight: bold;
}

#gubasComp table td,
#gubasComp table th,
#gubasDetailComp table td,
#gubasDetailComp table th {
    border-left: 0;
    border-right: 0;
}

#gubasComp table,
#gubasDetailComp table {
    border-left:0 ;
    border-right: 0;
    width: 100%;
    margin-bottom: 0;
}

#gubasComp a.bottom ,
#gubasDetailComp a.bottom {
    border: 1px solid #ddd;
    padding: 2px 4px;
    /* background: url("/digitalAssets/1282/1282001_bottom.gif") repeat-x center bottom; */
    background: url("assets/1282/1282001_bottom.gif") repeat-x center bottom;
    text-decoration: none;
    color: #484848;
}

#gubasComp a.bottom:hover,
#gubasDetailComp a.bottom:hover {
    border-color:#a3a3a3 ;
    /* background: url("/digitalAssets/1282/1282001_bottom.gif") repeat-x center bottom; */
    background: url("assets/1282/1282001_bottom.gif") repeat-x center bottom;
}

#gubasComp a.bottom:active,
#gubasDetailComp a.bottom:active {
    /* background: url("/digitalAssets/1282/1282010_bottomActive.gif") repeat-x center bottom; */
    background: url("assets/1282/1282010_bottomActive.gif") repeat-x center bottom;
}

#gubasComp a.showMore,
#gubasDetailComp a.showMore {
    padding-right: 10px;
    /* background: url("/digitalAssets/1275/1275377_pil.gif") no-repeat center right; */
    background: url("assets/1275/1275377_pil.gif") no-repeat center right;
}

#gubasComp a.current,
#gubasDetailComp a.current {
    padding-right: 10px;
    /* background: url("/digitalAssets/1282/1282002_pilCurrent.gif") no-repeat center right; */
    background: url("assets/1282/1282002_pilCurrent.gif") no-repeat center right;
}

#gubasComp td.col1,
#gubasDetailComp td.col1, 
#gubasComp td.col2,
#gubasDetailComp td.col2, 
#gubasComp td.col3,
#gubasDetailComp td.col3, 
#gubasComp td.col4,
#gubasDetailComp td.col4 
{
    white-space: nowrap;
}

#gubasDetailComp .displayInfo {
    /*font-size: 1.1875em;*/
}

#gubasComp .displayInfo h2,
#gubasDetailComp .displayInfo h2 {
    margin: 0;
    padding: 0.5em 0 0.25em 0;
    font-size: 110%;
}

#gubasComp .displayInfo p,
#gubasDetailComp .displayInfo p {
    margin-bottom: 0;
    padding-bottom: 0;
}

#gubasComp .displayInfo span,
#gubasDetailComp .displayInfo span {
    text-transform: uppercase;
    font-weight: bold;
    font-size: 80%;
}

#gubasComp .displayInfo,
#gubasDetailComp .displayInfo {
    padding: 0 0.3125em;
    /* background: url("/digitalAssets/1282/1282012_gubasTDcurrent.gif") no-repeat top center; */
    background: url("assets/1282/1282012_gubasTDcurrent.gif") no-repeat top center;
}

#gubasDetailComp table {
    margin-bottom: 2em;
}

/* ----------------------------------- */
/* ------------- IMAGES -------------- */
/* ----------------------------------- */

#bodyArea img { max-width: 100%; }

.col25 .imageComp img { width: 100%; margin: /*4px 0 10px*/ 0;}

.img_left_s { width:30%; }
.img_left_m { width:40%; }
.img_left_l { width:50%; }
.img_left_xl { width:60%; }
.img_right_s { width:30%; }
.img_right_m { width:40% }
.img_right_l { width:50%; }
.img_right_xl { width:60%; }

/*v1 class*/
.img_left_small { width:24.2%; }
.img_left_medium { width:32.2%; }
.img_left_large { width:40.3%; }
.img_left_xlarge { width:48.3%; }
.img_right_small { width:24.2%; }
.img_right_medium { width:32.2% }
.img_right_large { width:40.3%; }
.img_right_xlarge { width:48.3%; }

.img_left_s,
.img_left_m,
.img_left_l,
.img_left_xl,
.img_left_small,
.img_left_medium,
.img_left_large,
.img_left_xlarge {
    float:left;
    padding:0;
    margin: 0.3125em 2% 0.3125em 0;
}

/*.col50 img,
.articleComp .col50 img {
        margin: 0.3125em 2% 0.3125em 0;
        }
*/
.img_right_s,
.img_right_m,
.img_right_l,
.img_right_xl,
.img_right_small,
.img_right_medium,
.img_right_large,
.img_right_xlarge {
    float:right; 
    padding:0;
    margin: 0.3125em 0 0.3125em 2%;
}

.col25 .imageComp img {
    border: none;
}

.col25 .textComp img {
    margin: 0.3125em 0.3125em 0.3125em 0;
}

/* --------------- OLD CLASSES --------- */

.img_left_letter,
.img_left_portrait { float:left; padding:0; }

.img_right_letter,
.img_right_portrait { float:right; padding:0; }

.img_left_portrait,
.img_left_letter { text-align: left; margin: 0.3125em 2% 0.3125em 0; }

.img_right_portrait,
.img_right_letter {	text-align: left; margin: 0.3125em 0 0.3125em 2%; }

.img_clear { clear:right; margin: 0 0 2% 0; }

/* ----------------------------------- */
/* ------------- HEADER -------------- */
/* ----------------------------------- */

#home a {
    text-decoration: none;
}

#home a:hover {
    text-decoration: underline;
}


#home ul.linklist li {
    display: inline;
    list-style-type: none;
    padding-right:10px;
}

#home ul.linklist li.first{left:0;position:absolute;top:0;}
#home ul.linklist li.first a{left:0;position:absolute;top:-100px;}
#home ul.linklist li.first a:focus,
#home ul.linklist li.first a:active{font-weight:bold;left:10px;position:fixed;top:5px;white-space:nowrap;}


#headerArea .right ul.linklist {
    padding:  0;
    margin: 0;
}

#headerArea .right .linklist li {
    display: inline;
    list-style-type: none;
    padding:0 3px 0 8px;
    margin: 0;
    /* background: transparent url("/digitalAssets/1276/1276330_linkDivider.gif") no-repeat left center; */
    background: transparent url("assets/1276/1276330_linkDivider.gif") no-repeat left center;
}

#headerArea .right .linklist li.first,
.linklist li.first {
    padding-left: 0;
    background-image: none;
}

#headerArea .right .linklist li.last {
    padding-right: 0;
}

#headerArea a {
    text-decoration: none;
}

#headerArea a:hover {
    text-decoration: underline;
}

#headerArea a img {
    border: none;
}

#darkRow a {
    text-decoration: none;
}

#darkRow a:hover {
    text-decoration: underline;
}

#darkRow {
    padding: 0 20px 0 20px;	
    border-top: 2px solid #000;
    /* background: #191919 url("/digitalAssets/1275/1275362_crumbtrailBottomLine.gif") repeat-x center bottom; */
    background: #191919 url("assets/1275/1275362_crumbtrailBottomLine.gif") repeat-x center bottom;
}

#darkRow ul.linklist {
    width: 77.5%;
    max-width: 770px;
    float: left;
    padding: 0;
    margin: 0;
}

#darkRow ul.linklist li  {
    float: left;
    list-style-type: none;
    line-height: 120%;
}

#darkRow .sitename,
#darkRow h1 {
    font-weight: normal;
    float: left;
    line-height: 120%;
}

a.divider {
    padding:0 8px 0 0;
    margin: 0;
    /* background: transparent url("/digitalAssets/1276/1276295_linkDivider_white.gif") no-repeat right center; */
    background: transparent url("assets/1276/1276295_linkDivider_white.gif") no-repeat right center;
    font-size: 0.6875em;
}

form.search {
    width: 23.5%;
    max-width: 220px;
    text-align: center;
    float: right;
}

#darkRow .linklist li.current {
    /* background: url("/digitalAssets/1275/1275385_top_current.gif") no-repeat center bottom; */
    background: url("assets/1275/1275385_top_current.gif") no-repeat center bottom;
}

form.search label,
form.search a {
    font-weight: bold;
    text-transform: uppercase;
}

/* OLD VERSION	
form.search .searchfield {
        width: 50%;
        border: 0;
        }
*/

form.search .searchfield {
    width: 65%;
    border: 0;
    font-size:70%;
    color:#474747;
}

#crumbtrailComp {
    margin: -5px 0 0 0 ;
    border-bottom: 2px solid #000;
}

#crumbtrailComp ul {
    padding: 6px 15px 3px 15px;
    width: 83%;
    margin: 0;
    float: left;
}

#crumbtrailComp li {
    display: inline;
    margin: 0;
    padding:0;
}

#crumbtrailComp li a {
    /* background: url("/digitalAssets/1275/1275377_pil.gif") right center no-repeat; */
    background: url("assets/1275/1275377_pil.gif") right center no-repeat;
    margin-right: 5px;
    padding:0 11px 0 0;
    text-decoration: none;
}

#crumbtrailComp li a:hover {
    text-decoration: underline;
}

#crumbtrailComp li.current {
    font-weight: bold;
    /* background: url("/digitalAssets/1275/1275362_crumbtrailBottomLine.gif") repeat-x center bottom; */
    background: url("assets/1275/1275362_crumbtrailBottomLine.gif") repeat-x center bottom;
    /*	margin-left: 3px;*/
    padding-bottom: 5px;

}


#sitemap {
    margin:9px 14px 0 15px;
    padding: 0 0 0 15px;
    /* background: transparent url("/digitalAssets/1275/1275381_sitemap.gif") no-repeat left center; */
    background: transparent url("assets/1275/1275381_sitemap.gif") no-repeat left center;
    float: right;
    text-decoration: none;
}

#sitemap:hover {
    text-decoration: underline;
}

/* ----------------------------------- */
/* ------------ BODY AREA ------------ */
/* ----------------------------------- */

#bodyArea {
    margin: 5px 5px 0 5px;
    padding: 0 0 0 0;
    /* background: transparent url("/digitalAssets/1275/1275395_pageEndTrans.png") repeat-x center bottom; */
    background: transparent url("assets/1275/1275395_pageEndTrans.png") repeat-x center bottom;
    border-bottom: 1px solid #cdcdcd;
}

/* ----------------------------------- */
/* ------------- PAGE END ------------ */
/* ----------------------------------- */

#contentEnd {
    margin-top: 3em;
    margin-bottom: 2em;
}

a#uplink {
    padding-left: 20px;
    /* background: url("/digitalAssets/1275/1275386_uplink.gif") no-repeat left center; */
    background: url("assets/1275/1275386_uplink.gif") no-repeat left center;
}

a#share {
    padding-left: 20px;
    /* background: url("/digitalAssets/1293/1293465_share3.gif") no-repeat left center; */
    background: url("assets/1293/1293465_share3.gif") no-repeat left center;
}

#byline {
    border-top: 1px solid #000;
    margin-top: 0.5em;
}

#byline p {
    margin-top: 0.5em;
}

#byline p.right {
    text-align: right;
}

/* ----------------------------------- */
/* --------- LEFT MENU COMP ---------- */
/* ----------------------------------- */

#bodyArea #menuComp ul#menu {
    list-style-type: none;
    margin: 0;
    padding: 0;
    list-style-position: inherit;
}

#bodyArea #menuComp ul#menu li {
    border-bottom: 1px solid #d4d4d4;
}

#bodyArea #menuComp ul#menu li a {
    display: block;
    padding:0.4375em 15px 0.5em 0px ;
    text-decoration: none;
}

#bodyArea #menuComp ul#menu li a:hover {
    text-decoration: underline;
}

#bodyArea #menuComp ul#menu li a.submenu {
    /* background: transparent url("/digitalAssets/1275/1275382_submenu.gif") right center no-repeat; */
    background: transparent url("assets/1275/1275382_submenu.gif") right center no-repeat;
}

#bodyArea #menuComp ul#menu li a.submenu:hover {
    /* background: transparent url("/digitalAssets/1275/1275383_submenuHover.gif") right center no-repeat; */
    background: transparent url("assets/1275/1275383_submenuHover.gif") right center no-repeat;
}

#bodyArea #menuComp h1#menuLevel,
#bodyArea #menuComp #menuLevel{
    padding:0 0 0.375em 0px ;
    margin: 0;
    margin-top: 1.25em;
    border-bottom: 1px solid #d4d4d4;
}
#bodyArea #menuComp #menuLevel{
    font-family: "HelveticaNeue-Light", "Helvetica Neue Light", Helvetica, Arial, sans-serif;
    font-size: 1.1875em;
    line-height: 120%;
}
#bodyArea #menuComp h1#menuLevel a,
#bodyArea #menuComp #menuLevel a{
    text-decoration: none;
}

#bodyArea #menuComp h1#menuLevel a:hover,
#bodyArea #menuComp #menuLevel a:hover {
    text-decoration: underline;
}

#bodyArea #menuComp ul#menu li a.current {
    padding-left: 20px;
    position: relative;
    /* background: transparent url("/digitalAssets/1275/1275363_current.gif") no-repeat left center; */
    background: transparent url("assets/1275/1275363_current.gif") no-repeat left center;
    left: -20px;
}

/* ----------------------------------- */
/* ------------- COLUMNS ------------- */
/* ----------------------------------- */

.col25 {
    width: 22.69%;
    max-width: 220px;
}

.col50 {
    width: 47.5%;
    max-width: 460px;
}

.col75 {
    width: 72.18%;
    max-width: 700px;
}

.col25,
.col50,
.col75,
.col100 {
    float: left;
    margin:15px 0.55% 0 1.55%;
}

.col100 {
    width: 96.95%;
    max-width: 940px;
}

/* ----------------------------------- */
/* ------------ FOOT AREA ------------ */
/* ----------------------------------- */

#footerArea {
    margin: 0 24px 10px 24px;
}

#footerArea p {
    margin-top: 0.5em;
}

/* ----------------------------------- */
/* ---------- STARTPAGE SITE --------- */
/* ----------------------------------- */

#profilComp {
    width: 100%;
    background-color: #eee;
    border-bottom: 2px solid #000;
    padding: 0;
    margin: 0;
    position: relative;
}

#profilComp #vinjett75 {
    float: left;
    width: 74.48%;
    max-width: 722px;
    border-right: 5px solid #fff;
    /*	height: 300px;*/
    min-height: 300px;
}

#profilComp img#vinjett100 {
    float: left;
    margin: 0;
    padding: 0;
    width: 100%;
    /*	height: 300px;*/
}

#profilComp #linkCollection {
    width: 24.96%;
    max-width: 243px;
    float: right;
    right: 0;
    top: 0;
}

#profilComp #linkCollection ul.collapsablemenu {
    display: none;
    width: 205px; 
    z-index: 1000; 
    background-color: #fff; 
    text-align: left; 
    list-style:none; 
    margin: -1px 16px 0 0;
    border: 1px solid #7d7d7d;
    border-top: 0;
    position: absolute;
}

#profilComp #linkCollection .collectionlinkgroup ul {
    margin-top: -9px;
}

#profilComp #linkCollection .collapsablemenu li {
    margin: 0;
    padding: 0;
    border-top: 1px solid #dfdfdf;
}

#profilComp #linkCollection .collapsablemenu a {
    background: none;
    text-decoration: none;
    display: block;
    padding: 1px 5px;
}

#profilComp #linkCollection .collapsablemenu li a:hover {
    background-color: #f1f1f1;
}

#profilComp #linkCollection .collapsed .collapsablemenu {
    visibility: hidden;
}

#profilComp h1 {
    margin: 0 0 0.5em 0;
    padding: 0;
}

#profilComp #linkCollection h2 {
    /* background: #fff url("/digitalAssets/1275/1275366_dropdown.gif") no-repeat right center; */
    background: #fff url("assets/1275/1275366_dropdown.gif") no-repeat right center;
    font-weight: normal;
    padding: 1px 20px 1px 5px;
    margin: 0 0 0.75em 0;
    display: block;
    width: auto;
    border: 1px solid #7d7d7d;
}

#profilComp #linkCollection h2 a {
    text-decoration: none;
}

#profilComp #shortcuts {
    border-bottom: 5px solid #fff;
    padding: 18px 18px 14px 18px;
}

#profilComp #targetGroups {
    padding: 18px 18px 5px 18px ;
    overflow:hidden;
}

#profilComp #targetGroups ul {
    list-style-type: none;
    list-style-position: outside;
    margin: 0;
    padding: 0;
    width:100%;
}

#profilComp #targetGroups li {
    padding: 0 0 0.25em 0;
    margin: 0;
    width:50%;
    float:left;
}

/* -------------------------------------- */
/* ------------- CUSTOMIZE -------------- */
/* -------------------------------------- */

#customizeComp {
    margin:0 ;
    position: relative;
    padding: 0.5em 5px 1.5em 5px; 
    width: auto;
    border-bottom: 1px solid #ebebeb;
    border-top: 5px solid #3364af;
    background-color: #fff;
}

#customizeComp .col50 {
    margin-top: 0;
    padding-top: 0;
}

#customizeComp .col50 form {
    margin-top: 0;
    padding-top: 2.5em;
}

#customizeComp form {
    margin:0; 
    padding:0; 
}

#customizeComp legend {
    display:none; 
}

#customizeComp label,
#customizeComp select {
    padding:0;
    margin:0;
}

#customizeComp select {
    width:100%;
}

#customizeComp .fieldrow {
    width:46%;
    padding-left:4%;
    float:right;
    margin-bottom: 0.5em;
}

#customizeComp .button {
    float:right;
    margin:1em 0 0 1em;
}

span.contrast,
span.textFontSize,
span.textLineHeight,
span.wordspace,
span.letterSpace,
span.fontFamily,
p.customizeNote {
    font-weight:bold;
}

#customizeComp .customizeNote p{
    margin: 1em 0 0 0;
}



/* -------------------------------------- */
/* ------------ COMP BASICS ------------- */
/* -------------------------------------- */
.eventCategorySelectComp h1,
.eventSearchComp h1,
.dateSpanSelectComp h1,
.graphicCalComp h2,
.col25 #gubasComp.search h1,
.col25 #gubasContactApp h1,
.newsPushComp h2,
.rssPushComp h2,
.calPushComp h2,
.contactComp h2,
.col50 .textComp h2,/*rubrikFix*/
.col25 .textComp h2:first-child,/*rubrikFix*/
.flowplayerSmallComp h2 {
    display: block;
    padding: 0 0 1px 5px;
    margin-top: 0;
    font-weight: normal;
    border-bottom: 1px solid #061224;
    border-left: 2px solid #061224;
}

.eventCategorySelectComp,
.eventSearchComp,
.dateSpanSelectComp,
.graphicCalComp,
.col25 #gubasComp.search,
.imageComp,
.newsListComp,
/*.calListComp,*/
.newsPushComp,
.rssPushComp,
.calPushComp,
.contactComp,
.textComp,
.flowplayerSmallComp,
.col25 .adComp,
.col25 .articleComp {
    margin-bottom: 2em;
    margin-top: 1.25em;
}
.col50 .articleComp h2{
    margin:1.25em 0 0.125em 0;
    font-size: 1.3125em;
    line-height: 150%;
}
.col50 .articleComp h2:FIRST-CHILD,
#bodyArea .col50 .newsListComp h2{
    font-size: 1.625em;
    margin-bottom: 0.25em;
    margin-top: 0.5em;
    line-height: 120%;
    font-family: "HelveticaNeue-Light", "Helvetica Neue Light", Helvetica, Arial, sans-serif;
    font-weight: normal;
}

.contactComp h3{
    font-size: 0.75em !important;
    font-weight: bold;
}
.col50 .newsPushComp h2,
.col50 .calPushComp h2,
.col50 .contactComp h2,
.col50 .textComp h2 {
    padding:0 0 0 5px;
}

.col100 h1,
.col75 h1,
.col50 h1 {
    margin-bottom: 0.25em;
    margin-top: 0.5em;
    display: block;
}

.col50 .newsListComp p,
.col50 .calListComp p {
    padding: 0;
    margin: 0 0 10px 0;
}

/* -------------------------------------- */
/* ------------ SITEMAP COMP ------------ */
/* -------------------------------------- */

#bodyArea .sitemapComp {
    margin-bottom: 5em;
}

#bodyArea .sitemapComp ul {
    font-weight: bold;
    list-style-type: none;
}

#bodyArea .sitemapComp ul {
    margin-bottom: 1.375em;
    margin-left: 0;
}

#bodyArea .sitemapComp ul li a.toplevel {
    margin-top:1.25em; 
    margin-bottom:0.25em; 
    display: block;
}

#bodyArea .sitemapComp ul ul {
    font-weight: normal;
    list-style-type: none;
    margin-top: 0;
    margin-bottom: 0;
    margin-left:8px;
}

#bodyArea .sitemapComp ul ul ul {
    font-weight: normal;
    list-style-type: none;
    margin-top: 0;
    margin-bottom: 0;
    margin-left:13px;
}

#bodyArea .sitemapComp ul ul li a {
    /* background: transparent url("/digitalAssets/1276/1276317_tree.gif") no-repeat left center; */
    background: transparent url("assets/1276/1276317_tree.gif") no-repeat left center;
    padding-left:12px;
}

/*
.sitemapComp .col50#c2,
.sitemapComp .col50#c4,
.sitemapComp .col50#c6,
.sitemapComp .col50#c8,
.sitemapComp .col50#c10,
.sitemapComp .col50#c12,
.sitemapComp .col50#c14,
.sitemapComp .col50#c16,
.sitemapComp .col50#c18,
.sitemapComp .col50#c20,
.sitemapComp .col50#c22,
.sitemapComp .col50#c24,
.sitemapComp .col50#c26,
.sitemapComp .col50#c28,
.sitemapComp .col50#c30 {
        margin-left: 0;
        padding-left: 0;
        clear: right;
        }
*/
/*
.sitemapComp .col50#c1,
.sitemapComp .col50#c3,
.sitemapComp .col50#c5,
.sitemapComp .col50#c7,
.sitemapComp .col50#c9,
.sitemapComp .col50#c11,
.sitemapComp .col50#c13,
.sitemapComp .col50#c15,
.sitemapComp .col50#c17,
.sitemapComp .col50#c19,
.sitemapComp .col50#c21,
.sitemapComp .col50#c23,
.sitemapComp .col50#c25,
.sitemapComp .col50#c27,
.sitemapComp .col50#c29{
        clear: both;
        }
*/
/* -------------------------------------- */
/* --------------- FORMS ---------------- */
/* -------------------------------------- */

input {
    margin: 0;
    padding: 0;
    padding-left:2px;
}

label {
    font-weight:normal;
}

legend {
    padding:1.25em 0 0 0;
    margin: 0;
    font-weight: normal;
}

fieldset {
    border: 0;
    padding: 0;
    margin: 0;
}

select {
    width: 50%;
}

#bodyArea input,
#bodyArea textarea,
#bodyArea select {
    margin: 0 0 1.25em 0;
}

#bodyArea input[type=checkbox], 
#bodyArea input[type=radio] {
    margin: 0;
}

#bodyArea input.button {
    margin: 0.75em 0 0.5em 0;
    display: block;
}

.fullwidth {
    width: 99%;
}

textarea.small,
textarea.medium,
textarea.large {
    height: 7em; 
}

textarea.small,
select.small,
input.small {
    width: 30%;
}

textarea.medium,
select.medium,
input.medium {
    width: 70%;
}

textarea.large,
select.large,
input.large {
    width: 95%;
}

select.adjust {
    width: auto;
}

input:focus,
textarea:focus {
    background-color: #fffbdf;
}

.col50 .red,
#calendarComp .red {
    /* background: url("/digitalAssets/1275/1275394_star.gif") no-repeat right center; */
    background: url("assets/1275/1275394_star.gif") no-repeat right center;
    padding: 0 12px 0 0;
    zoom: 1;
}

#calendarComp p .red {
    /* background: url("/digitalAssets/1275/1275394_star.gif") no-repeat left center; */
    background: url("assets/1275/1275394_star.gif") no-repeat left center;
    padding: 0 0 0 12px;
    zoom: 1;
}

/* -------------------------------------- */
/* -------------- SLOT LIST ------------- */
/* -------------------------------------- */

ul.slotlist {
    margin-left: 0;
    padding-left: 0;
}

ul.slotlist li {
    display: inline;
    margin: 0 0.25em;
    font-weight: bold;
}

ul.slotlist li:first-child {
    margin-left: 0;
}

ul.slotlist li.current {
    border: 1px solid #484848;
    padding: 0 0.5em;
}

/* -------------------------------------- */
/* -------------- AD COMP --------------- */
/* -------------------------------------- */
/*.col20 .adComp {JS2013
        margin: 0 0 0 0;
        padding: 0;
        background: transparent url("/digitalAssets/1275/1275374_pageEnd.jpg") repeat-x center bottom;
        clear: both;
        border: 1px solid #eee;
        border-bottom: 1px solid #cdcdcd;
        }*/

.col25 .adComp {
    margin: 30px 0 0 0;
    padding: 0;
    /* background: transparent url("/digitalAssets/1275/1275374_pageEnd.jpg") repeat-x center bottom; */
    background: transparent url("assets/1275/1275374_pageEnd.jpg") repeat-x center bottom;
    clear: both;
    border: 1px solid #eee;
    border-bottom: 1px solid #cdcdcd;
}

/*
.col25 .adComp {
        border: 1px solid #eee;
        border-bottom: 1px solid #cdcdcd;
        background-image: none;
        }
*/

.adComp {
    margin: 2em 0 15px 0;
    padding: 5px 15px 0 15px;
    clear: both;
}

.adComp .col25 {
    /*firefox klarar zoom ut battre*/
    width: 24.75%;
    max-width:233px;
}

.adComp .col50 {
    width: 49.8%;
    max-width:468px;
}

.adComp .col25 img,
.col25 .adComp img,
.col50 .adComp img {
    margin: 0;
}

.adComp .col25,
.adComp .col50 {
    border-left: 1px solid #fff;
    border-right: 1px solid #eee;
    padding: 0 0 0 0;
    height: 223px;
    margin: 0;
}

.adComp p {
    padding: 0 15px;
    margin: 5px 0 20px 0;
}

.adComp h2 {
    padding: 15px 15px 0 15px;
    margin: 0;
}

.adComp img {
    width: 100%;
}

.adComp #first {
    border-left: 1px solid #eee;
    padding-left: 0px;
}
/*
.adComp #last {
        border-right: 1px solid #eee;
        padding-right: 0px;
        }
*/
/* -------------------------------------- */
/* ------------ PARTNER COMP ------------ */
/* -------------------------------------- */

#partnerComp {
    border-top: 2px solid #000;
    margin: 5px 0 -5px 0 ;
    padding: 10px 5px 40px 5px;
}

#partnerComp h1 {
    text-transform: uppercase;
    font-weight: bold;
    margin: 0 15px 0px 15px;
    padding: 0;
}
/*
#partnerComp img {
        margin: 0 10px;
        position: absolute;
        bottom: 0;
        }
*/
/*
#partnerComp img {
        position: absolute;
        bottom: 0;
        margin: 0 20px;
        }
*/
/*
#partnerComp img.slot1 {
        position: absolute;
        bottom: 0;
        left: 0;
        margin: 0;
        }
*/
#partnerComp a img {
    border: none;
}
/*
#partnerComp div.col25 {
        height: 50px;
        position: relative;
        }
*/
/* -------------------------------------- */
/* ------------- DIALOG COMP ------------ */
/* -------------------------------------- */

a.close {
    width: 34px;
    height:23px ;
    position: absolute;
    /* background: transparent url("/digitalAssets/1275/1275359_close.png") no-repeat; */
    background: transparent url("assets/1275/1275359_close.png") no-repeat;
    right: 19px;
    top: 0;
}

a.close:hover {
    /* background: transparent url("/digitalAssets/1275/1275360_close2.png") no-repeat; */
    background: transparent url("assets/1275/1275360_close2.png") no-repeat;
}

#dialogComp a.close {
    right: 26px;
    top: 3px;
}

#dialogComp {
    width: 460px;
    background: transparent;
    position: relative;
}

#dialogComp .dialogContact {
    padding: 25px;
    height: 500px;
    border-top: 0;
    width: auto;
    /* background: transparent url("/digitalAssets/1275/1275364_dialogContact.png") no-repeat left top; */
    background: transparent url("assets/1275/1275364_dialogContact.png") no-repeat left top;
}

#dialogComp .dialogTip {
    padding: 25px;
    height: 257px;
    border-top: 0;
    width: auto;
    /* background: transparent url("/digitalAssets/1275/1275365_dialogTip.png") no-repeat left top; */
    background: transparent url("assets/1275/1275365_dialogTip.png") no-repeat left top;
}

body.iframe {
    background: #f8f8f7;
}

.iframeDialogContent h1/*,
#dialogComp h1*/ {
    margin: 0 0 0.5em 0;
}

.iframeDialogContent h2/*,
#dialogComp h2*/ {
    margin: -0.5em 0 0.75em 0;	
}

.iframeDialogContent input,
.iframeDialogContent select {
    margin-bottom: 1em;
}

.iframeDialogContent .fullwidth {
    width: 97%;
}

.iframeDialogContent textarea.fullwidth {
    height: 6em;
}

.iframeDialogContent input.button {
    margin: 0.25em 0 0 0;
    display: block;
}

.iframeDialogContent input:focus,
.iframeDialogContent textarea:focus {
    background-color: #fff;
}

/* -------------------------------------- */
/* --------- NEWS/CALENDAR COMP---------- */
/* -------------------------------------- */

p.author {
    padding-top: 0.5em;
    text-transform: uppercase;
}

#newsComp.archive ul {
    list-style-type: none;
    margin-left: 0;
    padding-left: 0;
    margin-top: 1em;
}

.categoryLabel { 
    border-top: 1px solid #aaa;
    border-bottom: 1px solid #aaa;
    margin: 1em 0;
    padding: 0.375em 0;
    text-transform:uppercase; 
}

.col50 .calListComp h2 .catLabel {
    font-weight: normal;
    float: right;
}

span.calFactLabel {
    font-weight: bold;
    display: block;
}

div.calFact {
    margin-top:20px;
    padding-top: 20px;
    /* background: url("/digitalAssets/1275/1275380_separator.gif") repeat-x left top; */
    background: url("assets/1275/1275380_separator.gif") repeat-x left top;
}

.calListComp h2.date,
.calListComp div.record {
    margin-top:10px;
    padding-bottom: 10px;
    /* background: transparent url("/digitalAssets/1275/1275380_separator.gif") repeat-x left bottom; */
    background: transparent url("assets/1275/1275380_separator.gif") repeat-x left bottom;
    clear: both;
}

div#commentArea {
    margin:2em 0;
    padding: 10px 0 20px 0 ;
    /*	background: #fcfcfc url("/digitalAssets/1275/1275380_separator.gif") repeat-x left top;
    */	border-bottom:1px solid #ddd;
    /* background: transparent url("/digitalAssets/1275/1275380_separator.gif") repeat-x left top; */
    background: transparent url("assets/1275/1275380_separator.gif") repeat-x left top;
}

div#commentArea h2 {
    margin-top: 5px;
    padding-top: 0;
}

a.commenticon {
    padding-left: 18px;
    /* background: transparent url("/digitalAssets/1275/1275397_commenticon.gif") no-repeat left center; */
    background: transparent url("assets/1275/1275397_commenticon.gif") no-repeat left center;
    text-decoration: none;
}

a.commenticon:hover {
    text-decoration: underline;
}

p.commentInfo {
    margin-top: 1em;
}

.commentParent {
    margin-bottom: 0.75em;
    border: 1px solid #ddd;
}

.commentNewChild {
    margin-left: 10px;
    border-left: 1px solid #ddd;
    margin-bottom: 0.5em;
}

.commentHead {
    border-bottom: 1px solid #ddd;
    padding: 2px 8px;
    /* background: #f9f9f9 url("/digitalAssets/1275/1275374_pageEnd.jpg") repeat-x center center; */
    background: #f9f9f9 url("assets/1275/1275374_pageEnd.jpg") repeat-x center center;
}

.commentHead p {
    margin: 0;
}

.commentNewChild .commentHead {
    border-top: 1px solid #ddd;
}


.comment {
    padding:8px 10px;
}

.comment p.commentAuthor {
    font-style: italic;
}

/* --------------------------------------------- */
/* ----------------- A TILL O ------------------ */
/* --------------------------------------------- */

.AtoO {
    margin-bottom: 2em;
}

.AtoO ul,
/*#gubasDetailComp ul,     JS*/
#gubasComp.AtoO ul,
.col100 .col25 ul,
.col75 .col25 ul,
.col50 .col25 ul {
    list-style-type: none;
    margin: 0;
    padding: 0;
}

.col75 .AtoO .col25#c1,
.col75 .AtoO .col25#c4,
.col75 .AtoO .col25#c7 {
    margin-left: 0;
    padding-left: 0;
}

/*anvands ej pga att col100 stangs innan col25 anvands
.col100 .AtoO .col25#c1,
.col100 .AtoO .col25#c5,
.col100 .AtoO .col25#c9,
.col100 .AtoO .col25#c13,
.col100 .AtoO .col25#c17,
.col100 .AtoO .col25#c21,
.col100 .AtoO .col25#c25,
.col100 .AtoO .col25#c29 {
        margin-left: 0;
        padding-left: 0;
        clear: both;
        }
*/


.col25 .AtoO .col25,
.col50 .AtoO .col25 {
    float: none;
    margin-left: 0;
}

/* ------------------------------------------- */
/* ------------------ GUSHOP ------------------ */
/* --------------------------------------------- */

#GUshopComp .record {
    margin-top:10px;
    padding: 10px 0 10px 0;
    /* background: transparent url("/digitalAssets/1275/1275380_separator.gif") repeat-x left bottom; */
    background: transparent url("assets/1275/1275380_separator.gif") repeat-x left bottom;
    clear: both;
}

#GUshopComp .record img {
    float: left;
    margin: 0 10px 10px 0;
}

div.order .record {
    margin-top:10px;
    padding: 10px 0 10px 0;
    /* background: transparent url("/digitalAssets/1275/1275380_separator.gif") repeat-x left bottom; */
    background: transparent url("assets/1275/1275380_separator.gif") repeat-x left bottom;
    clear: both;
}

div.order .record img {
    float: left;
    margin: 0 10px 10px 0;
    width: 120px;
}	

/* ------------------------------------------- */
/* ----------- Evenemangs/Calender ----------- */
/* --------------------------------------------- */

table#igcalendar {
    width: 100%;
}

table#igcalendar th,
table#igcalendar td {
    text-align: center;
    vertical-align: middle;
    font-weight:normal;
    padding: 0;
    width: 14%;
}

table#igcalendar td.today a {
    font-weight: bold;
    /* background: #ededed url("/digitalAssets/1275/1275388_today.gif") repeat-x center center; */
    background: #ededed url("assets/1275/1275388_today.gif") repeat-x center center;
}

table#igcalendar td.current a {
    background-color: #015497; 
    font-weight: bold;
    color: #fff;
}

table#igcalendar td a {
    display:block;
}

table#igcalendar td a:hover {
    background-color: #ddd;
}

table#igcalendar td a:active {
    background-color: #fff;
}

table#igcalendar td a.last_next {
    font-weight:bold;
    text-decoration:none;
}

/* -------------------------------------- */
/* ----------- SEARCH RESULT ------------ */
/* -------------------------------------- */

#searchResultComp {
    position: relative;
    margin-bottom: 3em;
}

#searchResultComp .col100 form .searchfield {
    width: 40%;	
}

#searchResultComp .col100 #tabstrip ul {
    margin: 0;
    padding:0;
    margin-left: 15px;
}

#searchResultComp .col100 #tabstrip {
    margin: 4em -15px 0 -15px;
    width: auto;
    padding: 0 0 10px 0;
    /* background: url("/digitalAssets/1275/1275384_tabstripBg.gif") repeat-x left bottom; */
    background: url("assets/1275/1275384_tabstripBg.gif") repeat-x left bottom;
}

#searchResultComp .col100 #tabstrip li {
    display: inline;
    background: #fff url("/digitalAssets/1275/1275370_flikRbg.gif") no-repeat right top;
    background: #fff url("/digitalAssets/1275/1275370_flikRbg.gif") no-repeat right top;
    margin:0 0 -1px 2px;
    float: left;
    border-bottom: 1px solid #b5b5b5;
}

#searchResultComp .col100 #tabstrip li a {
    padding: 0.5em 1.5em 0.25em 1.5em;
    background: transparent url("/digitalAssets/1275/1275369_flikLbg.gif") no-repeat left top;
    display:block;
    text-decoration: none;
    font-weight: bold;
}

#searchResultComp .col100 #tabstrip li a span {
    font-weight: normal;
}

#searchResultComp .col100 #tabstrip li a:hover {
    text-decoration: underline;
}

#searchResultComp .col100 #tabstrip li.current {
    border-bottom: 1px solid #eee;
}

#searchResultComp .col100 p .current {
    font-weight: bold;
}

#searchResultComp .col100 p {
    margin: 1em 0;
}

#searchResultComp .col100 p.nomargin {
    margin: 0;
}

#searchResultComp .col100 p a {
    margin: 0 0.25em;
}

#searchResultComp .col75 h1,
#searchResultComp .col25 h1 {
    /* background: url("/digitalAssets/1275/1275380_separator.gif") repeat-x left bottom; */
    background: url("assets/1275/1275380_separator.gif") repeat-x left bottom;
    padding-bottom: 12px;
    margin-bottom: 0;
    margin-top: 0.25em;
}

#searchResultComp .resultlist .choosenHit {
    /* background: url("/digitalAssets/1275/1275380_separator.gif") repeat-x left bottom; */
    background: url("assets/1275/1275380_separator.gif") repeat-x left bottom;
    padding: 1em ;
    background-color: #fbfbfb;
}

#searchResultComp .resultlist .choosenHit h2 {
    margin-top: 0;
}

#searchResultComp .resultlist ol {
    list-style-position: inside;
    margin: 0;
    padding: 0;
}

#searchResultComp .resultlist ol li {
    background: url("/digitalAssets/1275/1275380_separator.gif") repeat-x left bottom;
    background: url("assets/1275/1275380_separator.gif") repeat-x left bottom;
    padding: 1em 0;
}

#searchResultComp .resultlist ol li span {
    font-weight: bold;
}

#searchResultComp .resultlist ol li a {
    text-decoration: none;
    padding-right: 2em;	
}

.searchHitCacheLink a {
    text-decoration: underline;	
}

#searchResultComp .resultlist ol li a:hover {
    text-decoration: underline;
}

.searchHitInfo {
    margin-top: 0.5em;
}

#searchResultComp .resultlist ol li a.pdf  {
    /* background: transparent url("/digitalAssets/1275/1275376_pdf.gif") no-repeat right center; */
    background: transparent url("assets/1275/1275376_pdf.gif") no-repeat right center;
}

#searchResultComp .resultlist ol li a.word  {
    /* background: transparent url("/digitalAssets/1275/1275387_word.gif") no-repeat right center; */
    background: transparent url("assets/1275/1275387_word.gif") no-repeat right center;
}

#searchResultComp .resultlist ol li a.ppt  {
    /* background: transparent url("/digitalAssets/1275/1275378_ppt.gif") no-repeat right center; */
    background: transparent url("assets/1275/1275378_ppt.gif") no-repeat right center;
}

#searchResultComp .resultlist ol li a.mov  {
    background: transparent url("/digitalAssets/1275/1275373_mov.gif") no-repeat right center;
}

#searchResultComp .resultlist ol li a.eps  {
    background: transparent url("/digitalAssets/1275/1275367_eps.gif") no-repeat right center;
}

#searchResultComp .resultlist ol li a.psd  {
    background: transparent url("/digitalAssets/1275/1275379_psd.gif") no-repeat right center;
}

#searchResultComp .resultlist ol li a.file  {
    /* background: transparent url("/digitalAssets/1275/1275368_file.gif") no-repeat right center; */
    background: transparent url("/digitalAssets/1275/1275368_file.gif") no-repeat right center;
}

#searchResultComp .resultlist ol li a.xls  {
    background: transparent url("/digitalAssets/1275/1275367_eps.gif") no-repeat right center;
}

#searchResultComp .resultlist ol li .searchHitInfo,
#searchResultComp .resultlist ol li .searchHitInfo a,
#searchResultComp .resultlist ol li .searchHitUrl,
#searchResultComp .resultlist ol li span.position,
#searchResultComp .resultlist ol li span.organisation,
#searchResultComp .resultlist ol li span.phone,
#searchResultComp .resultlist ol li span.email  {
    background-image: none;
    padding: 0;
    font-weight: normal;
}

#searchResultComp .resultlist ol li strong {
    border-bottom: 2px solid #ffc000;
}

/* -------------------------------------- */
/* --------------- GUBAS ---------------- */
/* -------------------------------------- */

#gubasComp {
}

/*#gubasDetailComp li,     JS*/
#gubasComp li {
    padding-bottom:5px;
}

#gubasComp.list dd {
    margin: 0 0 0 0;
    padding: 0;
    padding-left: 18px;
    padding-bottom:5px;
}

#gubasComp.AtoO dd {
    margin: 0;
    padding: 0;
}

.gubasNoEkoIcon {
    padding-left: 18px;
}

.gubasEko100Icon {
    background: transparent url("/digitalAssets/1275/1275372_gubasEko100IconSmall.gif") no-repeat left 2px;
    padding-left: 18px;
}

.gubasEko50Icon {
    background: transparent url("/digitalAssets/1275/1275371_gubasEko50IconSmall.gif") no-repeat left 2px;
    padding-left: 18px;
}

.gubasAdmin {
    background-color:#feffcb;
    padding: 3px 0;
}

.gubasAdmin ul {
    margin:0 0 0 16px;
}

.gubasAdmin li {
    display: inline;
    list-style-type: none;
    padding:0 3px 0 8px;
    margin: 0;
    background: transparent url("/digitalAssets/1276/1276330_linkDivider.gif") no-repeat left center;
}

.gubasAdmin li.first {background-image:none;
                      padding:0 3px 0 0;}

/*gubasHoverBox*/
#gubasDetailComp div.middle {
    width: 452px;
    height: 147px;
    background:transparent  url("/digitalAssets/1328/1328691_dialoghoverbox.png") no-repeat  left top; 
    position: relative;
    top: 0px;
    left: 30px;
    padding-top:20px
}

#gubasDetailComp div.middle span {padding:0 30px; display:block; text-transform: none; font-weight:normal; font-size:100% }

div.top, div.bottom {display:none !important}

/* -------------------------------------- */
/* --------------- GUalumnDBApp ---------------- */
/* -------------------------------------- */

#GUalumnDBApp #bodyArea #menuComp ul#menu li {
    border:0;
}

#GUalumnDBApp #bodyArea #menuComp ul#menu li a {
    border-bottom: 1px solid #d4d4d4;
    padding-top: 6px;
    padding-bottom: 5px
}

#GUalumnDBApp #bodyArea #menuComp ul#menu {
    font-weight:bold
}

#GUalumnDBApp #bodyArea #menuComp ul#menu ul  {
    margin:0;
    padding:0;
    list-style-type: none;
    font-weight:normal
}

/*#GUalumnDBApp #bodyArea #menuComp ul#menu ul a  {
        padding-left:15px;
        }
*/
#GUalumnDBApp #bodyArea #menuComp ul#menu li.current {
    padding-left: 20px;
    position: relative;
    /* background: transparent url("/digitalAssets/1275/1275363_current.gif") no-repeat left center; */
    background: transparent url("assets/1275/1275363_current.gif") no-repeat left center;
    left: -20px;
}


/* -------------------------------------- */
/* --------------- Handels -------------- */
/* -------------------------------------- */

#haVinjett75 {
    width: 970px;
    border-bottom: 5px solid #FFFFFF; 
    border-top: 5px solid #FFFFFF; 
}

#haVinjett75 img {
    float: left;
    border: none;
    border-right: 5px solid #FFFFFF;
    width: 237px;
    height: 175px;
}

#haVinjett75 a {
    border: none;
}

.haWrapper {
    float:left;
    max-height: 175px;
}

#haShortcuts {
    padding: 18px 18px 14px;
}

#haVinjett75 #linkCollection {
    max-height: 175px;
    float: right;
    max-width: 237px;
    right: 0;
    top: 0;
    width: 100%;
}

#haTargetGroups li{
    height: 30px;
    margin: 0;
    padding-left: 28px;
    padding-right: 28px;
    float:left; 
    display:block; 
    border-left: 1px solid #909090;
}

#haTargetGroups li a {
    display: block;
    padding-top: 6px;
    text-decoration:none;
}

#haTargetGroups ul{
    margin: 0;
    height: 0px;
    width: 100%;
    display: block;
    float: left;
    list-style-position: outside;
    list-style-type: none;
    margin-top: 10px;
    margin-bottom: 10px;
    margin-left: 9px;
}

#haTargetGroups ul li:first-child {
    border: none;
}

/* -------------------------------------- */
/* --------------- SEMBOKN ---------------- */
/* -------------------------------------- */

#semBokn {
    margin: 0;
    padding:0; 
    max-width:700px;
}

#bodyArea #semBokn .col100 h2.list {
    font-weight:bold;
}

#semBokn .col100 {
    width:100%;
    background: transparent url("/digitalAssets/1275/1275380_separator.gif") repeat-x left bottom;
}

#semBokn .col100,
#semBokn .col75 {
    margin:0;
    padding:0
}

#semBokn .col25 {
    margin-top:0;
}

#semBokn .col75 { 
    width:65.77%;
}
#semBokn .col25 { 
    width:31.5%; margin-left:2.2%;
}

#semBokn table {
    margin-bottom:7px;
    width:100%
}

#semBokn table caption {
    font-size: 100%;
}

#semBokn table {margin:0; padding:0}

/* -------------------------------------- */
/* ---------- CHANGEBLE VALUES ---------- */
/* -------------------------------------- */


.customizeNote {display:none;}


span.contrast {display:none; }

span.textFontSize {display:none; }

span.textLineHeight {display:none; }

span.wordspace {display:none; }

span.letterSpace {display:none; }

span.fontFamily {display:none; }



/* -------------------------------------- */
/* -------------- FONT-SIZE ------------- */
/* -------------------------------------- */

label,
/*p.red,*/
.errorMessage,
#bodyArea p,
#partnerComp p,
#bodyArea tr,
#home ul,
#bodyArea ul,
#bodyArea ol,
#bodyArea dd,
#bodyArea #sitemap,
#bodyArea .col25 .textComp h3,
#bodyArea .col25 .textComp h4,
#bodyArea .col50 .rssComp h3,
#bodyArea .col50 .calListComp h3,
#bodyArea .col50 .calListComp h2,
#bodyArea #semBokn .col100 h2.list,
#bodyArea a#uplink,
#bodyArea a#share,
#customizeComp p,
.iframeDialogContent p,
#footerArea p {
    font-size: 0.75em;
}
#bodyArea .col50 .newsListComp ul li a,
#bodyArea .col50 .newsListComp ul li p{
    font-size: 1em;
}
h1,
.iframeDialogContent h1,
#searchResultComp .col25 h1 {
    font-size: 1.625em;
}

#bodyArea #gubasComp tr h2,
#headerArea .left a,
#bodyArea .sitemapComp ul a,
p span.citat {
    font-size: 1.5em;
}

/*#bodyArea .fadeIn .col25 h2, ---JS 2013---*/
#bodyArea .AtoO h2,
legend {
    font-size: 1.3125em;
}
h2,
.col25 h1,
.col25 h2,
#bodyArea h3,
#bodyArea h4,
#bodyArea h5,
#bodyArea #profilComp h1,
#bodyArea caption,
#bodyArea dt,
.iframeDialogContent h2 {
    font-size: 1.1875em;
}

#darkRow ul,
#darkRow .sitename,
#darkRow h1,
div.abc,
.iframeDialogContent h3 {
    font-size: 1em;
}

#home ul,
#headerArea,
#darkRow label,
#bodyArea #profilComp h2,
#bodyArea #profilComp ul.collapsablemenu,
textarea, input,
#partnerComp h1 {
    font-size: 0.6875em;
}

#bodyArea ol ol,
#bodyArea ol ol ol,
#bodyArea ul ul,
#bodyArea ul ul ul,
#bodyArea ul ul ul ul,
#bodyArea .sitemapComp ul ul a {
    font-size: 100%;
}

.commentdate,
.smallfont,
.smalldate {
    font-size: 80%;
}

.searchHitInfo {
    font-size: 90%;
}

#bodyArea .col25 .textComp h3,
#bodyArea .col25 .textComp h4,
#bodyArea .col50 .rssComp h3,
#bodyArea .col50 .newsListComp ul li a,
#bodyArea .col50 .calListComp.light h2,
#bodyArea .col50 .calListComp h3,
#bodyArea .col50 .calListComp h2 {
    font-weight: bold;
}
#bodyArea .col50 .newsListComp ul{
    list-style: none;
    margin: 0;
}




/* ------------------------------------------------- */
/* ----------------- FONT-FAMILY ------------------- */
/* ------------------------------------------------- */



body,
input,
textarea,
#darkRow,
#profilComp #linkCollection h2,
#profilComp ul.collapsablemenu,
#bodyArea .col50 .rssComp h3,
#bodyArea .col50 .calListComp h3,
#bodyArea .col50 .calListComp h2,
#bodyArea .col50 .newsListComp ul li a,
#bodyArea #semBokn .col100 h2.list,
#bodyArea .col25 h3,
#bodyArea .col25 h4,
#bodyArea .sitemapComp ul ul a {
    font-family: Verdana, Arial, Helvetica, sans-serif; 
}

p span.citat, 
#darkRow .sitename, 
h1, h2, h3, h4, h5, dt, caption, legend,
/*#bodyArea .fadeIn .col25 h2, --- JS 2013 ---*/
#bodyArea .sitemapComp ul a {
    font-family: "HelveticaNeue-Light", "Helvetica Neue Light", Helvetica, Arial, sans-serif;
    font-weight: normal;
}

#darkRow h1,
#darkRow .sitename,
#darkRow ul.linklist { font-family: Helvetica, Arial, sans-serif; }


/* ------------------------------------------------- */
/* ------------------ LINE-HEIGHT ------------------ */
/* ------------------------------------------------- */

/*0*/

body {						line-height: 100%; }
h1, h2, table {				line-height: 120%;}
#bodyArea .col50 .newsListComp ul li a, 
#bodyArea .col50 .calListComp h2, 
h3, h4, p,  ul, ol, h5, dd, p span.citat  {	line-height: 150%; }


/* ------------------------------------------------- */
/* ------------------ LETTER SPACE ----------------- */
/* ------------------------------------------------- */



/* ------------------------------------------------- */
/* ------------------ IE SPECIFIC ------------------ */
/* ------------------------------------------------- */


/* ------------------------------------------------- */
/* ------------------ IG SPECIFIC ------------------ */
/* ------------------------------------------------- */

.igAddComponent {
    font-size:65%;
    padding:3px;
    line-height:180%; 
    border:1px dashed #000; 
    background-color:#f7f96c; 
    clear:both;
    color:#000;
}

#headerArea .igAddComponent {
    position: absolute;
    margin-top: -27px;
}

/* aktiveras efter 10 juni
.img_scaled,
.img_full,
*/.img100 {
    width:100%; 
    padding:0;
    margin:0 0 0.5em 0; 
    clear:both;
}
/*
h5 {
        clear: both;
        font-style: italic;
        text-align:left; 
        margin: 1em 6%;
        text-indent: 1.75em;
        line-height: 150%;
        background: transparent url("/digitalAssets/1275/1275358_citat1.gif") no-repeat left top;
        }

h4 {
        font-size: 0.75em;
        font-weight: bold; 
        font-family: Verdana, Arial, Helvetica, sans-serif;}
*/

/* -------------------------------------- */
/* ------------- FONT COLOR ------------- */
/* -------------------------------------- */

p span.citat,
#bodyArea #menuComp h1#menuLevel a:visited,
#bodyArea #menuComp #menuLevel a:visited,
a, h1, h2, h3, h4, h5, caption, dt, legend {
    color: #015497;
}

#bodyArea .col25 a:visited,
#bodyArea .col50 a:visited,
#bodyArea .col75 a:visited,
#bodyArea .col100 a:visited {
    color: #777777;
}

body,
#partnerComp h1,
#profilComp #linkCollection h2 a,
#profilComp #linkCollection .collapsablemenu a,
#bodyArea #menuComp ul#menu li a,
#bodyArea #menuComp ul#menu li a:visited,
#searchResultComp .col100 #tabstrip li.current a,
#searchResultComp .col100 a.current {
    color: #484848; 
}

.red,
.OBSmessage,
.errorMessage,
a:hover,
#bodyArea .col25 a:hover,
#bodyArea .col50 a:hover,
#bodyArea .col75 a:hover,
#bodyArea .col100 a:hover
a.expired:hover,
#bodyArea #menuComp ul#menu li a:hover {
    color: red;
}

#darkRow a,
#darkRow h1,
#darkRow .sitename,
#darkRow  {
    color: #fff;
}

#bodyArea #menuComp ul#menu li a.current {
    color: #000;
}

a.expired {
    color: gray;
}

/* ---------------------------------------- */
/* -- BACKGOUND COLORS # CONTRAST NORMAL -- */
/* ---------------------------------------- */

/* ----- HIGH ----- */



/* Fallback to default */



/* --- HAVSMILJOINSTITUTETS WEB-BANNER --- */

.havsmiljo #headerArea {
    /*Bakgrunden fungerar endast i prod - lösning enligt GU:s önskan*/
    background:url("/digitalAssets/1372/1372843_bg.png");
    height:100px
}
.havsmiljo #headerArea .right {
    background:none;
    border:none;
}

.havsmiljo #headerArea p {
    color:#fff;
    text-align:left;
    margin:12px 10px 0 0;
    font-size:90%
}


/*----------------- AUTOCOMPLETE ------------------*/

.ac_results {
    background:transparent url("/digitalAssets/1305/1305165_ac_arrow.png")  no-repeat 67% top;
    padding-top:6px;
    z-index:99999;
}

.ac_results.center {
    background-position:center top;
}

.ac_results ul {
    list-style-image:none;
    list-style-position:outside;
    list-style-type:none;
    margin:0;
    padding:0;
    width:100%;
    background-color:#f6f7f6;
    border:1px solid #29539a;
    border-top:5px solid #29539a;
    border-bottom:5px solid #29539a;
    overflow:hidden;
    -moz-box-shadow:0 0.4em 1em rgba(0, 0, 0, 0.5);
    -webkit-box-shadow: 0px 2px 10px rgba(0, 0, 0, 0.5);
}

.ac_results li {		
    margin:0;
    overflow:hidden;
    border-left:3px solid #fff;
    border-right:3px solid #fff;
    background:  url("/digitalAssets/1275/1275380_separator.gif") repeat-x left top;
}

.ac_results li:first-child {
    background-image:none
}

.ac_results li a {
    display:block;
    font-size:75%;
    line-height:140%;
    padding:6px 15px 6px 15px;
    text-decoration:none;
}

.ac_results li a strong {
    border-bottom:2px solid orange;
    font-weight:normal
}

.ac_results li.last a {background-image:none}

.ac_results li a:hover {
    background-color:#e4e4e4;
    color:#29539a;
}

.ac_results li a:focus {
    background-color:#e4e4e4;
    color:#5f5f5f;
    border-left:0;
    border-right:0;
    padding-left:18px;
    padding-right:18px;
    outline:0;
}

.ac_results .ac_over {
    -moz-background-clip:border;
    -moz-background-inline-policy:continuous;
    -moz-background-origin:padding;
    /* background:#e4e4e4 url("/digitalAssets/1275/1275380_separator.gif") repeat-x left top scroll; */
    background:#e4e4e4 url("assets/1275/1275380_separator.gif") repeat-x left top scroll;
    color:#29539a;
}

#logoutDiv {position: fixed; z-index: 100000; right: 10px; top: 10px; background-color: rgb(100, 255, 100); border: 2px solid green; padding: 5px; border-radius: 4px; -moz-border-radius: 4px; -webkit-border-radius: 4px; -webkit-box-shadow: rgba(50, 50, 50, 0.5) 5px 5px 10px; -moz-box-shadow: 5px 5px 10px rgba(50, 50, 50, 0.5);  box-shadow: 5px 5px 10px rgba(50, 50, 50, 0.5);}
#logoutDiv a {color: rgb(0, 50, 0); text-decoration: none; font-size: 12px;}   






/*-------------- GU RESEARCH - JOAKIM-------------*/

/* THE TRIANGLE
------------------------------------------------------------------------------------------------------------------------------- */

/* creates triangle */
.publicationLink:after {
    content:"";
    position:absolute;
    /*bottom:auto;*/
    top:50%; /* controls vertical position */
    margin-top:-10px; /* Half height of*/
    left:-10px; /* value = - border-left-width - border-right-width */
    border-width:10px 10px 10px 0;
    border-style:solid;
    border-color:transparent rgb(230, 240, 255);
    /* reduce the damage in FF3.0 */
    display:block; 
    width:0;
}
.treeNode .markedSubject {}

.publicationLink {
    position:relative;
    float: right; 
    width: 20%/*120px*/;
    padding:15px;
    background-color: rgb(230, 240, 255);
    border-radius:3px;
    word-wrap:break-word;
    font-size: 0.75em;
}
.publicationLinkBig {display: table; width: 230px; background-color: rgb(230, 240, 255); padding: 15px 10px 5px 0px; float: right; border-radius:4px;}

.contactInformation {width: 350px; overflow: hidden; float: left;}
.personInformation .contactInformation {width: 420px; border-top: 1px solid rgb(220, 220, 220); padding-top: 10px;}
.personInformation .contactInformation:first-child {border-top: none; padding-top: 0px;}
.personInformation ul {list-style-type: none;}
.personImageDiv {float: right; width: 222px;}
.personImage {margin-top: 5px; margin-bottom: 5px; display: block; width: 220px; height: 260px; background-position: 50%; background-repeat: no-repeat; border: 0px solid #646464; }
.blockTitle {font-weight: bold; /*color: rgb(1, 84, 151);*/}
.personDescription {clear:both; padding-top: 15px; width:460px;}
.editDescriptionControls {display:block;}
.personInformationRightColumn{float: right; width: 222px;}
.personInformationLeftColumn{float:left;}
.editUserTextButton{float:left; width:115px; clear:left;}
.guResearchComp .curriculumVitaeWrapper .warningArea{width:90%; float:left;}
.curriculumVitaeWrapper{clear:both;}
.uploadCurriculumVitaeButton{float:left; width:95px;}
.deleteCurriculumVitaeButton{padding-top:2px;}
.chooseCurriculumVitaeButton{float:left; width:190px; padding-left:5px;}
.personCurriculumVitae p{float:left; padding-right:5px;}


.tabHeader {margin-bottom: 30px;}
.tabContainer {border-bottom: 1px solid rgb(212, 212, 212); height: 30px; width: 100%; display: none; visibility: hidden;}
.tab {display: none; float: left; margin-right: 2px; cursor: pointer; /*color: rgb(1, 84, 151);*/ font-size: 0.75em; font-weight: bold; padding: 7px 20px 7px 20px; border-left: 1px solid rgb(212, 212, 212); border-top: 1px solid rgb(212, 212, 212); border-right: 1px solid rgb(212, 212, 212); -webkit-border-top-left-radius: 4px; -webkit-border-top-right-radius: 4px; -moz-border-radius-topleft: 4px; -moz-border-radius-topright: 4px; border-top-left-radius: 4px; border-top-right-radius: 4px;}
.tabSelected { background-color: white; color: #484848; pointer: auto;}
.tabContent {padding: 20px 0px; display: block;}
.tabContentSelected {display: block;}
.tabContainer a.tabContent {display:block;}
.tabContainer a.tab {text-decoration: none;}
.tabContainer a.tab:hover {	text-decoration: underline;}

.publicationType {font-size: 0.75em; margin-bottom: 30px;}
table.publicationTable, 
table.publicationTable td, 
table.publicationTable th  {border: none; padding: 0px 25px 5px 0px; background:none; }
table.publicationTable th {font-weight:bold}

.publication {clear: both; float: left; width: 100%; margin-bottom: 0px; }
.publicationDescription {float: left; width: 70%;}
a.publicationTitle {font-weight: bold; }
span.publicationGroup {font-size:0.875em}
#bodyArea div.publicationLinkBig {padding: 10px;}
#bodyArea div.publicationLinkBig img {float: left; }
#bodyArea div.publicationLinkBig span {float: left; display:block; width: 140px; padding-left: 10px;}
#bodyArea div.publicationLinkBig a {text-decoration: none;}


ul.orgList {list-style-type: none; margin-left: 0px;}
ul.orglist li a {text-decoration: none;}
.person {}
.person table:hover {background-color:#eee;}
.guResearchPhone {white-space: nowrap;}
.sortBySelected {font-weight: bold; background: url("") no-repeat right center;  }
.guResearchComp .listInfo p {display:inline;}
.guResearchComp .itemCountPicker {display: inline;}
.guResearchComp .itemCountPicker select {width:140px;}

.guResearchComp .publicationListInfo.publicationGroup {color:#ccc;}
.guResearchComp .listInfo p {display:inline;}

.personList table th a {display: block; text-decoration: none;}
.personList table th a:hover {text-decoration: underline;}
.personList table td:FIRST-CHILD {min-width: 130px;}
#bodyArea .personList table th a:visited {color: #015497;}
#bodyArea .personList table th a:hover {color: red;}

.guResearchComp .no-info {font-style:italic;}
.guResearchComp .missingDescription {width:410px;border: 2px red dashed;padding: 10px;}
.guResearchComp .warningArea {width:200px; float:right; border: 2px red dashed; padding: 10px; margin-bottom: 10px;}

ul.relatedSubjectListNode {list-style-image:url("/digitalAssets/1374/1374876_119942_angle.gif"); margin: 0px 0px 0px 16px;}
ul.relatedSubjectListNode ul ul {list-style-type: none; margin: 0px 0px 0px 20px;}
ul.relatedSubjectListNode.topLevel {list-style-type: none;list-style-image:none;}
ul.subjectListNode, ul.subjectListNode ul li ul {list-style-type: none; display: block; margin-left: 20px;}
ul.topLevel {display: block; margin: 0px;}
li.treeNode a {cursor: pointer; text-decoration: underline; line-height: 20px;}
a.listIcon, div.listIcon {display: none; cursor: default; width: 12px; height: 12px; background-repeat: no-repeat; background-position: left center; float: left; margin-right: 2px;margin-top: 4px;}
a.arrow {background-image: url(""); /*cursor: pointer; */ margin-right: 5px;background-position: left bottom;}
a.arrowExpanded {background-image: url(""); /*cursor: pointer;*/ margin-right: 5px;background-position: left bottom;}
.adminError {color:red; font-weight: bold;}
#kartenaMapDiv {display: none;}
.kartenaMapFrame {width: 320px; height: 320px;  border: 1px solid rgb(150, 150, 150); background-color: rgb(198, 218, 183);}

div.departmentDescription,
div.departmentContacts,
div.personDescription {width:460px;}
.personDetail{padding-top:20px;}
.departmentDescription h2, .guResearchComp h2{
    margin: 1.25em 0 0.125em 0;
    font-size: 1.3125em;
    line-height: 150%;
}
/* ------------------------------------------------------------------------------*/
/* -- LISAS TILLÄGG I CSS-FILEN, KAN MED FÖRDEL PLACERAS OM -- */
/* ----------------------------------------------------------------------------- */

#calendarComp .flowplayerContainer{
    height:260px;
}
.vinjettHeader{
    color: #015497;
    line-height: 200%;
    font-size: 1.1875em;
    font-family: "HelveticaNeue-Light", "Helvetica Neue Light", Helvetica, Arial, sans-serif;
}
.aToOTopLinks{
    font-weight: normal;
    font-size:1.7em;
    margin: 0;
}
.aToOSearchTopLinks p{
    margin:0;
}
#deleteImageButton{
    float: right;
    margin-top: -31px;
}
.warningArea p{
    margin:0;
}

/* -- Styling av lista i GU News Listing -- */
.newsPushComp h2{
    display: block;
    padding: 0 0 1px 5px;
    line-height: 130%;
    margin: 0 0 0.5em 0!important;
    border-bottom: 1px solid #061224;
    border-left: 2px solid #061224;
}
.newsPushComp ul{
    margin:0;
}
.newsPushComp ul li{
    list-style: none;
    margin-bottom:12px
}
.newsPushComp ul li p{
    margin: 2px 0 0 0;
}
.newsPushComp ul li p .smallfont{
    font-size:1.1em;
}

/* -- Styling av portlet component -- */

.col50 .calListComp .record h2{
    font-size: 0.75em;
    font-weight: bold;
    font-family: verdana;
}

/* -- Styling av lista i Eventpuff -- */
.calPushComp h2{
    display: block;
    padding: 0 0 1px 5px;
    line-height: 130%;
    margin: 0 0 0.5em 0;
}
.GUCalendarCarouselRightList h2{
    display: block;
    line-height: 130%;
    margin: 0 0 0.5em 0;
}
.calPushComp ul, .GUCalendarCarouselRightList ul{
    margin:0;
}
.calPushComp ul  li, .GUCalendarCarouselRightList ul li{
    list-style: none;
    margin-bottom:12px;
}
.calPushComp .record, .GUCalendarCarouselRightList .record{
    margin:0;
}
.GUCalendarCarouselRightList .record p{
    margin:0 0 0.5em 0;
}
.calPushComp ul li .record p .smallfont, .GUCalendarCarouselRightList ul li .record p .smallfont{
    font-size:1.1em;
}

.calPushComp ul li .record p{
    margin: 2px 0 0 0;
}

/* -- News detail changes -- */
#newsDetailComp .gallery {
    width: 460px;
    margin-bottom: 10px;
}

/* -- Styling av lista nyhetslista i karusellen -- */
.GUCarouselItemAssetContainer{
    height: 124px;
    overflow: hidden;
    margin-bottom: 10px;
}

.GUCarouselContainer{
    padding:0 15px;
    /* the container needs a width so that it's floated children does not wrap on small screens */
    width: 940px;
}

.GUCarouselInnerContainer{
    float:left;
    margin-bottom:12px; 
}
.GUCarouselHead h2{
    font-size: 1.625em;
    float: left;
    margin:0!important;
    padding:0 0 15px 0!important;
    line-height: 130% !important;
}
.GUCarouselHead .gotoArea{
    float:right;
    top: 0;
    right:0;
}
.GUCarouselItems {
    margin: 0;
    padding: 0;
    width: 999em; /* prevents flash of unstyled HTML before Caroufredsel has been initialized */
}
.GUCarouselItems li{
    padding: 0;
    margin-right: 20px;
    display: block;
    float: left;
    width:220px;
}
.GUCarouselItems li p{
    font-size: 1em !important;
    line-height: 150%;
    padding: 3px 0 0 0;
    margin: 0;
}
.GUCarouselItems li p .smallfont,
.GUCarouselItems li .smallfont,
#tipbox .smallfont{
    font-size:0.8em;
    line-height: 100%;
    margin-right: 50px;
    display: block;
    padding:5px 0 3px 0;
}
#tipbox .smallfont{
    float:left;
}

.GUCarouselItems li a{
    margin:0;
    text-decoration: none;
    font-size: 1.3125em;
    line-height: 130%;
    font-family: "HelveticaNeue-Light", "Helvetica Neue Light", Helvetica, Arial, sans-serif;
}
.GUCarouselItems li a:hover{
    text-decoration: underline;
}

.GUCarouselItems li:first-child{
    padding: 0 0 3px 0;
}
#tipbox {
    display: none;
    width: 280px;
    padding: 20px;
    background: #fff;
    color: #666;
    position:absolute;
    border-radius: 3px; 
    box-shadow: 0 1px 3px rgba(0, 0, 0, 0.3);
    z-index: 1000;
    margin-top: -43px;
    border: 1px solid rgb(200, 200, 200);
}
#tipbox h3, #tipbox h2{
    margin-left:0;
}
#tipbox a{
    margin:0;
    display:block;
    clear:both;
    padding:0;
}

#tipbox ul{
    list-style: none;
    margin:0;
    padding:0;
}

#tipboxArrow {
    display: none;
    position:absolute;
    z-index: 2;
    font-size: 48px;
    color: white;
    text-shadow: 2px 2px 10px rgba(0, 0, 0, 0.25);
    text-indent: -13px;
    overflow: hidden;
    height: 48px;
    width: 40px;
}

.eventBox{
    position: relative;
    margin-bottom: 10px;
    border-top: 1px solid rgb(220, 220, 220);
    padding-top: 10px;
    float:left;
    width:280px;
}
.eventBox:last-child{
    border-bottom: none;
}

.GUNewsCarouselList{
    float: right;
    width: 220px;
    padding: 0 0 10px 0;
}
.GUNewsCarouselList h2{
    border:none;
    line-height: 100%;
    padding:0px;
}
.GUNewsCarouselList .newsPushComp{
    margin-top:0;
    margin-bottom:0;
}
.GUNewsCarouselList .newsPushComp{
    margin-top:0;
    margin-bottom:0;
    margin-left:0;
}
.GUNewsCarouselList .newsPushComp ul{
    margin:0;
}
.GUNewsCarouselList .newsPushComp ul li{
    font-family:Verdana, Arial, Helvetica, sans-serif;
}
.GUNewsCarouselList .newsPushComp ul li p .smallfont{
    display:block;
    padding-top:1px/*JS2013*/
}
.caroufredsel_wrap{
    float: left;
    padding: 0 0 20px 0;
    margin: 0;
    width: 700px; /* Width should be: num-items * (item-width + item-margin) - (one item-margin) */
    overflow: hidden;
}
.caroufredsel_wrapNoscript{
    overflow: hidden;
}
.clearfix {
    float: none;
    clear: both;
}

.carouselControls a.prev, .carouselControls a.next {
    width: 30px;
    height: 30px;
    display: block;
}
.carouselControls a.prev {
    float: left;
    background-position: 0 0; 
    margin-left: 0;
    background-image: none;
}
.carouselControls a.prev:hover {		background-position: 0 -50px; }
.carouselControls a.prev.disabled {	background-position: 0 -100px !important;  }
.carouselControls a.next {
    float: right;
    background-position: -50px 0; 
    margin-right: 20px;
}
.carouselControls a.next:hover {		background-position: -50px -50px; }
.carouselControls a.next.disabled {	background-position: -50px -100px !important;  }
.carouselControls a.prev.disabled, a.next.disabled {
    cursor: default;
}

.carouselControls a.prev span, .carouselControls a.next span {
    display: block;
}
.carouselMovieContainer {
    width: 220px;
    height: 124px;
    overflow: hidden;
    margin-bottom: 10px;
    background-color: black;
    background-image: url("");
    background-repeat: no-repeat;
    background-position: center;
}
.newsMovieContainer {
    width: 460px;
    height: 259px;
    overflow: hidden;
    margin-bottom: 10px;
    background-color: black;
    background-image: url("");
    background-repeat: no-repeat;
    background-position: center;
}
.carouselControls {
    width: 720px;
    clear: both;
    padding-top: 10px;
}

/*-- Styling av kalenderkarusellen --*/

.GUCalendarCarouselComponent .smallfont{
    /* line-height: 200%; */
}

.GUCalendarCarouselGraphical{
    float:right;
    width: 220px;
    padding:0 0 10px 0;
}

.GUCalendarCarouselRightList {
    width:220px;
    float:right;
}
.GUCalendarCarouselRightList h2 {
    font-size: 0.8em;
    /* TODO: remove important!!! */
    margin:0 !important;
}

table.GUCalendarCarouselGraphicalTable {
    width: 100%;
    border: none;
    margin-top: -5px;
    margin-bottom: 0;
}

table.GUCalendarCarouselGraphicalTable th,
table.GUCalendarCarouselGraphicalTable td {
    text-align: center;
    vertical-align: middle;
    font-weight:normal;
    padding: 0;
    width: 14%;
    border: none;
    color: #666;
    line-height: 270%;
    font-size: 0.9em;
}

table.GUCalendarCarouselGraphicalTable td.today .dateNumber{
    border: 1px solid #004b89;/*JS2013 #DDD*/
    border-radius: 2px;
    color: #666;
    display: inline-block;
    width: 28px;
    height: 22px;
    line-height: 22px;
    margin-top: 0px;
}

table.GUCalendarCarouselGraphicalTable td.current a {
    background-color: #015497; 
    font-weight: bold;
    color: #fff;
}

table.GUCalendarCarouselGraphicalTable td a {
    display:block;
    background-color: #e5eff7;
    color: #666;
    border-top: 1px solid #fff;/*JS2013*/
    border-right: 1px solid #fff;
}

table.GUCalendarCarouselGraphicalTable td a:hover {
    background-color: #ddd;
    cursor:default;
}

table.GUCalendarCarouselGraphicalTable td a:active {
    background-color: #fff;
}

table.GUCalendarCarouselGraphicalTable td a.last_next {
    font-weight:bold;
    text-decoration:none;
}

table.GUCalendarCarouselGraphicalTable .GUCalendarCarouselGraphicalTableHead, table.GUCalendarCarouselGraphicalTable .GUCalendarCarouselGraphicalTableHead a{
    font-size: 1em;
    background-color: #fff;
    color: #666;
    font-weight: bold;
}
table.GUCalendarCarouselGraphicalTable .GUCalendarCarouselGraphicalTableHead a{
    font-weight: normal;	
}

table.GUCalendarCarouselGraphicalTable .GUCalendarCarouselGraphicalTableWeekdays th{
    font-size: 0.8em;
    color: #819174;
    line-height: 300%;
}
.cross_close{
    float: right;
    margin: -12px -12px 0 0;
}

.infoboxHeaderDate{
    text-transform:capitalize;
    margin: 0;
    font-size: 1.3125em !important;
}

.mediaPlayer{
    background-color: black;
    width: 220px;
    height: 124px;
    background-color: black;
    background-image: url("");
    background-repeat: no-repeat;
    background-position: center;
}

.videoNoscript{
    border: 1px solid #999;
    background-color:white;
    color: red;
    padding: 43px 10px;
    font-size: 0.9em;
}

#nextMonth,
#prevMonth {font-size:110%}

/*===================
        Sliders
==================*/

.miniSlider .pagination, .carouselControls .pagination{
    text-align: center;
}
.miniSlider .pagination a, .carouselControls .pagination a {
    width: 17px;
    height:30px;
    margin: 0;
    background: url("/digitalAssets/1400/1400546_slide-control-inactive.png") no-repeat center center;
    -webkit-user-select: none;
    display: inline-block;
}

.miniSlider .pagination a:hover, .carouselControls .pagination a:hover {
    background:url("/digitalAssets/1400/1400545_slide-control-inactive-hover.png") no-repeat center center;
}

.miniSlider .pagination a.selected, .carouselControls .pagination a.selected {
    background:url("/digitalAssets/1400/1400524_slide-control-active.png") no-repeat center center;
}

.miniSlider .pagination a.selected:hover, .carouselControls .pagination a.selected:hover {
    background:url("/digitalAssets/1400/1400526_slide-control-active-hover.png") no-repeat center center;
}

.miniSlider .pagination a span, .carouselControls .pagination a span {
    display: none;
}
/*---------------- EKOMOMISPELET ----------------*/
a.eagame {
    display: block !important;
    width: auto/*92%*/ !important;
    padding: 8px 8px 8px 10px !important;
    margin-bottom: 5px;
    text-transform: uppercase;
    text-decoration: none;
    font-size: 110%;
    font-family: helvetica;
    font-weight: bold ;}

.eagame span {
    text-transform: lowercase;
    font-size: 95%;
    font-weight: normal ;}

a.eagame:visited,
a.eagame:link,
a.eagame:active {
    color: #000 !important;}

a.eagame:hover {
    text-decoration: underline;
    color: #000 !important;
    opacity:1.0; 
    -webkit-opacity: 1.0;
    -moz-opacity: 1.0;
    filter:alpha(opacity=100);
    -ms-filter:"progid:DXImageTransform.Microsoft.Alpha(opacity=100)";}


.green, .orange, .pink, .blue, .grey {
    background-color: #f2f2f2;
    opacity:0.7;
    -webkit-opacity: 0.7;
    -moz-opacity: 0.7;
    filter:alpha(opacity=70)
        -ms-filter:"progid:DXImageTransform.Microsoft.Alpha(opacity=70)";
}	
.green {
    border-left:6px solid #c8dc3c !important;}

.orange {
    border-left:6px solid #ee8228 !important;}

.pink {
    border-left:6px solid #e65ea6 !important;}

.blue {
    border-left:6px solid #0885df !important;}

.grey {
    border-left:6px solid #808080 !important;}

/*JS testar*/

/*.col50 .textComp h2,*/
.col25 .textComp h2 {font-size: 1em;}/*rubrikFix*/
.col25 .textComp h3 {font-size: 0.75;font-family: Verdana, Arial, Helvetica, sans-serif; font-weight: bold;}/*rubrikFix*/
.col25 .textComp h2:first-child/*rubrikFix*/{font-size: 1.1875em;font-family: "HelveticaNeue-Light", "Helvetica Neue Light", Helvetica, Arial, sans-serif;}



/* --------------------------- Gubas Search Container --------------------------- */
.gubasComp .advSearch {
    background-color: #e6f0ff;
    border-radius:4px;
    padding: 1.375em 1.25em 1em 1.25em;
    margin-bottom: 1.25em;
}
.gubasComp .advSearch .header {
    display: block;
}
.gubasComp .advSearch .input {
    float: left;
    width: 48%;
}

.gubasComp .advSearch input {
    width: 98%;
    float: left;
}
.gubasComp .advSearch select {
    width: 100%;
    float: left;
}
.gubasComp .advSearch .left {
    padding-right: 1.25em;
}
.gubasComp .advSearch .inputTextTip {
    font-style: italic;
    color: #888;
}
.gubasComp .advSearch .helpLink {
    float: right;
    text-decoration: underline;
    font-size: 0.6em;
}


/* Result Contianer */
.gubasComp .result {
    width: 69%;
    float: left;
}

.gubasComp .result h2 {
    margin-top: 0px;
    float: left;
}

.gubasComp .result #sortAltTitle {
    float: left;
    padding-left: 2em;
    font-size: 0.75em;
    padding-top: 11px;
}

.gubasComp .result #sortAltSelect {
    width: 150px;
    margin: 10px 0 0 10px;
}

.gubasComp .result #sortAlt {
    float: left;
    list-style: none;
    margin: 0em;
    color: #015497;
    padding-top: 11px;
}
.gubasComp .result #sortAlt li {
    display: inline;
    margin-left: 0.5em;
    cursor: pointer;
}
.gubasComp .result #sortAlt li a.selected {
    font-weight: bold;
    cursor: auto;
}


.gubasComp .result .spacer {
    border-bottom: 2px solid #ccc;
    clear: both;
}

.gubasComp .result .title {
    font-size: 0.75em;
}

.gubasComp .result #navPanel {
    text-align: center;
}
.gubasComp .result #navPanel ul {
    list-style: none;
    margin-top: 1em;
}
.gubasComp .result #navPanel li {
    cursor: pointer;
    display: inline;
    margin: 0 0.25em;
    font-weight: bold;
    text-decoration: underline;
    color: #015497;
}
.gubasComp .result #navPanel li.current {
    border: 1px solid black;
    padding: 0 0.25em 0 0.25em;
    cursor: auto;
}
.gubasComp .result #navPanel li.dots {
    text-decoration: none;
    color: black;
    cursor: auto;
}

.gubasComp .result #navPanel .navSelect {
    margin: 0 1em 0 1em;
    width: 8em;
}

.gubasComp .result #navPanel span {
    font-size: 0.8em;
}

.gubasComp .result .spellingHelp {
    margin-bottom: 1em;
    font-size: 0.75em;
    color: #015497;
}
.gubasComp .result .spellingHelp .header {

}
.gubasComp .result .spellingHelp .value {
    font-weight: normal;
    text-decoration: underline;
    cursor: pointer;
}
.gubasComp .result .spellingHelp .value strong {
    font-weight: normal;
}

.gubasComp .result #searchResponseMessage {
    font-size: 0.75em;
    margin-bottom: 1em;
}
.gubasComp .result #searchResponseMessage strong {
    font-weight: normal;
}
.gubasComp .result #searchResponseMessage #essi-hitcount {
    font-weight: bold;
}

.gubasComp .result .resultSubject {
    font-size: 0.95em;
}

.gubasComp ul.resultList {margin-left:1.5em}

.gubasComp .result .resultList {
    list-style-type: disc;
}
.gubasComp .result .resultItem {
    margin-bottom: 5px;
}
.gubasComp .result .resultItem:hover {
    background-color: #F5F5F5;
}

.gubasComp .result .open {
    background-color: #F5F5F5;
}
.gubasComp .result .resultTitle {
    font-weight: bold;
    font-size: 0.9em;
    display: inline;
}
.gubasComp .result .resultTitle a {
    cursor: pointer;
}
.gubasComp .result .resultTitle a div {
    display: inline;
}
.gubasComp .result .resultTitle img {
    margin-left: 3px;
}

.gubasComp .result .resultContent {
    font-size: 0.9em;
    margin-left: 18px;
}
.gubasComp .result .resultInfoToggle {
    background-image: url("/infoglueCMS/digitalAssets/120/120422_toggle_down.png");
    background-size: 16px 16px;
    background-repeat: no-repeat;
    width: 16px;
    height: 16px;
    float: right;
    margin-left: 3px;
    cursor: pointer;
}
.gubasComp .result .open .resultInfoToggle {
    background-image: url("/infoglueCMS/digitalAssets/120/120423_toggle_up.png");
}

/* Filter Contianer */
.gubasComp .filter {
    padding: 1em;
    padding-left: 1.5em;
    border-radius:4px;
    background-color: #e6f0ff;
    float: right;
    width: 23%;
}

.gubasComp .filter h2.header {
    font-size: 120%;
    padding: 0;
    margin: 0;
}

.gubasComp .filter .resetFilters {
    color: #015497;
    margin: 0em 0em 1em 0em;
    cursor: pointer;
    font-size: 0.75em;
    display: block;
    text-decoration: none;
}

.gubasComp .filter .listHeader {
    color: #015497;
    float: left;
}
.gubasComp .filter ul {
    border-top: 1px solid #b5d2e9;
    list-style-type: none;
    clear:both;
    margin-left: 0px;
}
.gubasComp .filter .spacer {
    border-top: 1px solid #b5d2e9;
    margin-bottom: 3px;
}
.gubasComp .filter li a {
    cursor: pointer;
    color: #484848;
    text-decoration: none;
}
.gubasComp .filter .resetFilters:hover,
.gubasComp .filter li a:hover {
    text-decoration:underline;
    color: #484848 !important;
}

.gubasComp .filter .selected {
    list-style-image:url("/infoglueCMS/digitalAssets/122/122222_image002.gif");
    font-weight: bold;
    color: #015497;
}

.gubasComp .filter input,
.gubasComp .filter .radioText {
    font-size: 0.75em;
    margin: 0 0 0.75em 0 !important;
}

.gubasComp .advSearch .searchTooltip, .gubasComp .filter .searchTooltip {
    background-image: url("/infoglueCMS/digitalAssets/120/120342_help.png");
    background-size: 16px 16px;
    background-repeat: no-repeat;
    width: 16px;
    height: 16px;
    float: left;
    margin-left: 3px;
}
.gubasComp .advSearch .searchTooltip span, .gubasComp .filter .searchTooltip span {
    font-style: italic;
    font-weight: bold;
}
#gubasCompTooltip {
    width: 220px;
    border-radius:3px;
    background-color: #e6f0ff;
    background-color: rgba(230, 240, 255, 1.0);
    padding: 10px;
}
#gubasCompTooltip .text {
    font-size: 0.75em;
    line-height: 150%;
}

/* Simple Search */
.gubasComp .simpleSearch {

}

.gubasComp .simpleSearch #searchFreetext {
    width: 19em;
    margin: 0em;
}
.gubasComp .simpleSearch .inputTextTip {
    font-style: italic;
    color: #888;
}

.gubasComp .simpleSearch #courseSearchButton {
    min-width: 5em; 
    clear: both;
}

.gubasComp .simpleSearch #advSearchLink {
    display: block;
    margin-bottom: 1em;
}

.gubasComp .helpPopup {
    font-weight: normal;
    font-family: Verdana, Arial, Helvetica, sans-serif;
}

.gubasComp .helpPopup h1,
.gubasComp .helpPopup h2 {
    color: #015497;
    font-family: "HelveticaNeue-Light", "Helvetica Neue Light", Helvetica, Arial, sans-serif;
    font-weight: normal;
    font-size: 1.3125em;
}

.gubasComp .helpPopup h3 {
    color: #015497;
    font-family: "HelveticaNeue-Light", "Helvetica Neue Light", Helvetica, Arial, sans-serif;
    font-size: 1em;
    font-weight: normal;
    margin: 1em 0 0 0;
}

.gubasComp .helpPopup p {
    font-size: 0.75em;
    margin: 0 0 1em 0;
    line-height: 150%;
}

.gubasComp .helpPopup b {

}