BODY
{
    background-color:#eee;
    font-family:arial, verdana;
    font-size: 11px;
    margin:0;
}

h1
{
    font-family:arial, verdana;
    font-size: 20px;
}



.clear
{
    clear:both;
}

.mainWindow
{
    width:818px;
    margin-left:auto;
    margin-right:auto;
}

.topField
{
    background-image:url(/img/design0708/bg_top.png);
    background-repeat:no-repeat;
    height:102px;
    width:813px;
    border-right-width:2px;
    border-right-style:solid;
    border-right-color:#FFF;
    border-left-width:2px;
    border-left-style:solid;
    border-left-color:#FFF;
    border-bottom-width:2px;
    border-bottom-style:solid;
    border-bottom-color:#FFF;
}

.topFieldLogo
{
    float: left;
    height:100px;
    width:200px;
    position:relative;
    left:1px;
    top:1px;
    background-color:transparent;
}

.topFieldLinks
{
    float: left;
    height:20px;
    width:300px;
    position:relative;
    left:220px;
    top:11px;
    background-color:transparent;
}

.contentMainBoligBox
{
    background-image:url(/img/design0708/bg_boxbolig.png);
    background-repeat:no-repeat;
    height:258px;
    width:183px;
    float:left;
    padding:3px;
}

.contentMainKantineBox
{
    background-image:url(/img/design0708/bg_boxkantine.png);
    background-repeat:no-repeat;
    height:258px;
    width:183px;
    float:left;
    padding:3px;
}

.contentMainBokhandelBox
{
    background-image:url(/img/design0708/bg_boxbokhandel.png);
    background-repeat:no-repeat;
    height:258px;
    width:183px;
    float:left;
    padding:3px;
}

.contentMainBarnehageBox
{
    clear:both;
    background-image:url(/img/design0708/bg_boxbarnehage.png);
    background-repeat:no-repeat;
    height:258px;
    width:183px;
    float:left;
    padding:3px;
}

.contentMainFritidBox
{
    background-image:url(/img/design0708/bg_boxfritid.png);
    background-repeat:no-repeat;
    height:258px;
    width:183px;
    float:left;
    padding:3px;
}

.contentMainRadgivingBox
{
    background-image:url(/img/design0708/bg_boxradgiving.png);
    background-repeat:no-repeat;
    height:258px;
    width:183px;
    float:left;
    padding:3px;
}

.contentMainFrontBox
{
    height:114px;
    width:175px;
    position:relative;
    left:4px;
    top:140px;
    background-color:transparent;
    color:#FFF;
}

.contentMainFrontBox ul
{
    padding-top: 0px;
    padding-top: 10px;
}

.contentMainFrontBox li
{
    list-style-type:square;
    color: #D88019;
}

.contentMainFrontBox a
{
    font-family: Arial, Verdana, Helvetica, sans-serif;
    font-size:11px;
    color:#fff;
    font-weight:600;
    text-decoration:none;
}

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

.contentField
{
    overflow:hidden;
    width:815px;
    background-color:#f8931d;
    border-left-width:2px;
    border-left-style:solid;
    border-left-color:#FFF;
}

.contentFieldLeft
{
    background-color:#f8931d;
    float:left;
    width:225px;
    min-height:500px;
    border-right:595px solid #fff;
    margin-right:-595px;
}

* html .contentFieldLeft{
border-right:593px solid #fff;
overflow:hidden;
}

.contentFieldLeftBlue
{
    background-image:url(/img/design0708/bg_blue.png);
    background-repeat:repeat-x;
    background-color:#18A2D1;
    height:270px;
    color:#fff;
    padding-top:25px;
    padding-left:0px;
    border-bottom-width:1px;
    border-bottom-style:solid;
    border-bottom-color:#FFF;
    line-height:2.2;
}

.contentFieldLeftBlue li
{
    list-style-type:square;
}

.contentFieldLeftBlue a
{
    font-family: Arial, Verdana, Helvetica, sans-serif;
    font-size:11px;
    color:#fff;
    font-weight:600;
    text-decoration:none;
}

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

.contentFieldLeftOrangeTitle
{
    background-color:#D88019;
    height:25px;
    color:#fff;
    font-weight:800;
    padding-top:7px;
    padding-left:25px;
    font-size:14px;
}


.contentFieldLeftOrangeContent
{
    color:#fff;
    padding:4px 25px;
}

.contentFieldLeftOrangeContent .news_boxHeadlinesOnly-list
{
    padding-left: 14px;   
    width: 100%;
}

.contentFieldLeftOrangeContent .news_boxHeadlinesOnly-list li
{
    list-style-image: none;
    list-style-type: square;
}

.news_boxHeadlinesOnly-list-date,
.contentFieldLeftOrangeContent a
{
    color: #fff;
}

.contentFieldMenu
{
    background-color:#fff;
    width:588px;
    height:24px;
    border-left-width:1px;
    border-left-style:solid;
    border-left-color:#FFF;
    border-right-width:2px;
    border-right-style:solid;
    border-right-color:#FFF;
}

.contentFieldImageBolig
{
    background-image:url(/img/design0708/bg_imagebolig.png);
    background-repeat:repeat-x;
    width:587px;
    height:196px;
    border-left-width:1px;
    border-left-style:solid;
    border-left-color:#FFF;
    border-right-width:2px;
    border-right-style:solid;
    border-right-color:#FFF;
}

.contentFieldImageKantine
{
    background-image:url(/img/design0708/bg_imagekantine.png);
    background-repeat:repeat-x;
    width:587px;
    height:196px;
    border-left-width:1px;
    border-left-style:solid;
    border-left-color:#FFF;
    border-right-width:2px;
    border-right-style:solid;
    border-right-color:#FFF;
}

.contentFieldImageBarnehage
{
    background-image:url(/img/design0708/bg_imagebarnehage.png);
    background-repeat:repeat-x;
    width:587px;
    height:196px;
    border-left-width:1px;
    border-left-style:solid;
    border-left-color:#FFF;
    border-right-width:2px;
    border-right-style:solid;
    border-right-color:#FFF;
}

.contentFieldImageBokhandel
{
    background-image:url(/img/design0708/bg_imagebokhandel.png);
    background-repeat:repeat-x;
    width:587px;
    height:196px;
    border-left-width:1px;
    border-left-style:solid;
    border-left-color:#FFF;
    border-right-width:2px;
    border-right-style:solid;
    border-right-color:#FFF;
}

.contentFieldImageFritid
{
    background-image:url(/img/design0708/bg_imagefritid.png);
    background-repeat:repeat-x;
    width:587px;
    height:196px;
    border-left-width:1px;
    border-left-style:solid;
    border-left-color:#FFF;
    border-right-width:2px;
    border-right-style:solid;
    border-right-color:#FFF;
}

.contentFieldImageRadgiving
{
    background-image:url(/img/design0708/bg_imageradgiving.png);
    background-repeat:repeat-x;
    width:587px;
    height:196px;
    border-left-width:1px;
    border-left-style:solid;
    border-left-color:#FFF;
    border-right-width:2px;
    border-right-style:solid;
    border-right-color:#FFF;
}

.contentFieldMain
{
    background-color:#fff;
    float:left;
    width:590px;
}

.contentMain
{
    border-right-width:2px;
    border-right-style:solid;
    border-right-color:#FFF;
    padding-top:10px;
    padding-left:10px;
    padding-right:10px;
    padding-bottom:20px;
    min-height:800px;
    font-family: arial, verdana;
    color: #000;
}

.contentFieldFooter
{
    background-color:#eee;
    width:590px;
    height:40px;
    text-align:center;
    padding-top:3px;
    border-left-width:2px;
    border-left-style:solid;
    border-left-color:#FFF;
}

.footerField
{
    clear:both;
    height:30px;
    width:817px;
}

.footerWhiteLine
{
    height:2px;
    width:229px;
    background-color:#fff;
}

#invertedtabs
{
    margin-left:0;
    width:103%;
    background:transparent;
    voice-family:inherit;
    padding:0;
}

#invertedtabs ul
{
    font:bold 11px Arial, Verdana, sans-serif;
    list-style:none;
    margin:0 0 1em;
    padding:0;
}

#invertedtabs li
{
    display:inline;
    text-transform:uppercase;
    line-height:1.5em;
    margin:0 2px 0 0;
    padding:0;
}

#invertedtabs a
{
    float:left;
    color:#FFF;
    background:#F8931D url(/img/design0708/color_tabs_left2.gif) no-repeat left bottom;
    text-decoration:none;
    letter-spacing:1px;
    width:80px;
    text-align:center;
    margin:0 1px 0 0;
    padding:0 0 0 3px;
}

#invertedtabs a span
{
    display:block;
    background:transparent url(/img/design0708/color_tabs_right2.gif) no-repeat right bottom;
    float:none;
    padding:3px 0px 3px 0px;
}

#invertedtabs a:hover,#invertedtabs a:hover span,#invertedtabs #current a,#invertedtabs #current span
{
    background-color:#858585;
}

/*-----------------------------------------------------------------------------------------
Style for the vertical menu
-----------------------------------------------------------------------------------------*/
ul.menu
{
    margin:0;
    padding:10px 25px;
    width:100%;
}

ul.menu table  tr  td
{
                     padding-right: 10px;
}

ul.menu table  tr  td img
{
                    valign: top;
}

ul.menu ul.menu
{
    margin-left:0;
    margin-right:15px;

}

li.menu
{
    list-style-type:square;
    color: #fff;
margin-left:15px;

}

li.menu li.menu
{
    padding-left:5px;
    border-bottom:0;

}

li.menu li.menu li.menu
{
    padding-left:5px;
    margin-right:1em;
}

#active-link
{
    font-family: Arial, Verdana, Helvetica, sans-serif;
    font-size:12px;
    color:#fff;
    font-weight:600;
    /* display:block; */
    width:100%;
    text-decoration:underline;

}

li.menu table+tr+td {
valign: top;
}

li.menu a:link, li.menu a:visited
{
    font-family: Arial, Verdana, Helvetica, sans-serif;
    font-size:12px;
    /* display:block; */
    width:100%;
    line-height:1.7;
                     margin-left: 0px;  
                     /*padding-left: 5px; */
                     /*text-indent: 5px;*/
                        font-size:1em;
    font-weight:600;
    color:#ffffff;
    text-decoration:none;
    height: 20px;
}

li.menu a:hover{
text-decoration:underline;
}

li.menu table
{
    width:100%;
}

/************************************
** Fonttype etc. i tittellinjen
************************************/
.headTitle { text-transform: uppercase; font-variant: small-caps; font-size: x-small; color: #0B498B; font-weight: bold; }

/************************************
** Fonttype etc. i innholdsfeltet
************************************/
TD.contentArea { font-size: x-small; padding: 10px 5px; }

/************************************
** Overskrift p� visning av feks. nyhetsartikler
************************************/
.titleDisplay { font-size: small; font-weight: bold; }

/************************************
** ingress p� visning av feks. nyhetsartikler
************************************/
.ingressDisplay { font-weight: bold; }

/************************************
** Font layout on trail display
************************************/
.trailTxt { color: #f1f1f1; }
a.trailTxt { color: #f1f1f1; }
a:hover.trailTxt { color: #f1f1f1; }

/************************************
** Tittel i bokser av feks. nyhetsartikler
************************************/
.titleBox { color: #fff; }
a.titleBox { color: #fff; text-decoration: none;}
a:hover.titleBox { color: #fff; text-decoration: underline;}

/************************************
** Tittel i opplistinger av feks. nyhetsartikler sammen med ingress
************************************/
.titleList { font-size: x-small;    font-weight: bold; }
a.titleList { font-size: x-small; font-weight: bold; }
a:hover.titleList { font-size: x-small; font-weight: bold; }

/************************************
** Opplistinger med delte farger p� rader
************************************/
.listtablesbold { font-weight: bold; letter-spacing: 1px; padding: 5px 0px;} /* Tittel p� tabell kolonner */
.SEARCH_COLOR_1 { background-color: #ffffff; padding: 0px 0px; }
.SEARCH_COLOR_2 { background-color: #f8f8f8; padding: 0px 0px; }       
.searchtitle {  font-size: 14pt; font-weight: bold; color: #000000; text-decoration: none; }      

/************************************
** datovisning i lister
************************************/
.datoList {  }

/************************************
** les mer link
************************************/
a.readMore { font-size: xx-small; }
a:hover.readMore { font-size: xx-small; }

/************************************
** Fonttype etc. i footer
************************************/
.footertext { color: #999999; font-weight: normal; font-size: xx-small; text-decoration: none; letter-spacing: 0px; }       
TD.footertext { color: #999999; font-weight: normal; font-size: xx-small; text-decoration: none; letter-spacing: 0px; }       
a.footertext {  font-size: xx-small; font-weight: normal; color: #0B498B;   text-decoration: none; }
a:hover.footertext {    font-size: xx-small;    font-weight: normal; color: #0B498B;    text-decoration: underline; }