/***************/
/* General CSS */
/***************/
BODY
{
    FONT-SIZE: 76%;
    BACKGROUND: #ffffff;
    COLOR: #000000;
    FONT-FAMILY: arial,helvetica,sans-serif;
    TEXT-DECORATION: none;
    MARGIN: 0;
    PADDING: 0;
}
TABLE
{
    FONT-SIZE: 1.0em;
    EMPTY-CELLS: hide;
}
A, A:link, A:active, A:visited, A:hover
{
    FONT-SIZE: 1.0em;
    COLOR: #006699;
    LINE-HEIGHT: 1.3em;
    TEXT-DECORATION: underline;
}

/**********/
/* Header */
/**********/
.logo
{
    POSITION: absolute;
    TOP: 0px;
    WIDTH: 246px;
    HEIGHT: 103px;
    BACKGROUND-IMAGE: url(../images/logo.jpg);
    BACKGROUND-REPEAT: no-repeat;
}
.header
{
    /* WIDTH: expression((document.body.clientWidth > 960) ? "960px" : "100%"); */
    WIDTH: 960px;
    MAX-WIDTH: 960px;
    HEIGHT: 103px;
    BACKGROUND-POSITION: right 20px;
    BACKGROUND-IMAGE: url(../images/bg_header.jpg);
    BACKGROUND-REPEAT: no-repeat;
}
.administration
{
    PADDING-TOP: 0px;
    PADDING-BOTTOM: 0px;
    PADDING-LEFT: 0px;
    PADDING-RIGHT: 20px;
    HEIGHT: 20px;
    TEXT-ALIGN: right;
    BACKGROUND-POSITION: right 0px;
    BACKGROUND-IMAGE: url(../images/bg_administration.jpg);
    BACKGROUND-REPEAT: no-repeat;
}
A.administrationLink, A.administrationLink:link,
A.administrationLink:active, A.administrationLink:visited, A.administrationLink:hover
{
    FONT-WEIGHT: normal;
    FONT-SIZE: 0.9em;
    COLOR: #000000;
    LINE-HEIGHT: 1.7em;
    TEXT-DECORATION: none;
}
.departement
{
    PADDING-TOP: 0px;
    PADDING-BOTTOM: 0px;
    PADDING-LEFT: 0px;
    PADDING-RIGHT: 20px;
    HEIGHT: 20px;
    TEXT-ALIGN: right;
    BACKGROUND-POSITION: right 0px;
    BACKGROUND-IMAGE: url(../images/bg_department.jpg);
    BACKGROUND-REPEAT: no-repeat;
}
A.departementLink, A.departementLink:link,
A.departementLink:active, A.departementLink:visited, A.departementLink:hover
{
    FONT-WEIGHT: normal;
    FONT-SIZE: 0.9em;
    COLOR: #ffffff;
    LINE-HEIGHT: 1.7em;
    TEXT-DECORATION: none;
}
.localisation
{
    PADDING-TOP: 10px;
    PADDING-BOTTOM: 0px;
    PADDING-LEFT: 0px;
    PADDING-RIGHT: 20px;
    TEXT-ALIGN: right;
    FONT-WEIGHT: bold;
    FONT-SIZE: 1.2em;
    COLOR: #000000;
    TEXT-DECORATION: none;
}

/**********************************/
/* Navigation level 1 (top menus) */
/**********************************/
.navServiceBackground
{
    PADDING-TOP: 0px;
    PADDING-BOTTOM: 0px;
    PADDING-LEFT: 0px;
    PADDING-RIGHT: 0px;
    BORDER-TOP: #ffffff 1px solid;
    BORDER-BOTTOM: #ffffff 1px solid;
    /* WIDTH: expression((document.body.clientWidth > 960) ? "960px" : "100%"); */
    WIDTH: 960px;
    MAX-WIDTH: 960px;
    HEIGHT: 37px;
    BACKGROUND-COLOR: #cccccc;
    TEXT-ALIGN: left;
}
.navService1 {
    margin-top: 2px;
    padding-top: 0px;
    padding-bottom: 0px;
    padding-left: 20px;
    padding-right: 5px;
    float: left;
    color: #000000;
    text-align: left;
}
.navService
{
    MARGIN-TOP: 2px;
    PADDING-TOP: 0px;
    PADDING-BOTTOM: 0px;
    PADDING-LEFT: 5px;
    PADDING-RIGHT: 5px;
    FLOAT: left;
    COLOR: #000000;
    TEXT-ALIGN: left;
}
.navServiceBorder1 {
    margin-top: 2px;
    padding-top: 0px;
    padding-bottom: 0px;
    padding-left: 20px;
    padding-right: 5px;
    float: left;
    color: #000000;
    border-right: #000000 1px solid;
    text-align: left;
}
.navServiceBorder
{
    MARGIN-TOP: 2px;
    PADDING-TOP: 0px;
    PADDING-BOTTOM: 0px;
    PADDING-LEFT: 5px;
    PADDING-RIGHT: 5px;
    FLOAT: left;
    COLOR: #000000;
    BORDER-RIGHT: #000000 1px solid;
    TEXT-ALIGN: left;
}
.navServiceEnd
{
    MARGIN-TOP: 2px;
    PADDING-TOP: 0px;
    PADDING-BOTTOM: 0px;
    PADDING-LEFT: 5px;
    PADDING-RIGHT: 0px;
    FLOAT: left;
    COLOR: #000000;
    TEXT-ALIGN: left;
}
.navServiceTxt, A.navServiceTxt, A.navServiceTxt:link,
A.navServiceTxt:active, A.navServiceTxt:visited, A.navServiceTxt:hover
{
    FONT-WEIGHT: normal;
    FONT-SIZE: 0.9em;
    COLOR: #333333;
    LINE-HEIGHT: 1.2em;
    TEXT-DECORATION: none;
}
.navServiceTxtActive, A.navServiceTxtActive, A.navServiceTxtActive:link,
A.navServiceTxtActive:active, A.navServiceTxtActive:visited, A.navServiceTxtActive:hover
{
    FONT-WEIGHT: bold;
    FONT-SIZE: 0.9em;
    COLOR: #000000;
    LINE-HEIGHT: 1.2em;
    TEXT-DECORATION: none;
}
.langSwitch
{
    PADDING-TOP: 0px;
    PADDING-BOTTOM: 0px;
    PADDING-LEFT: 0px;
    PADDING-RIGHT: 0px;
    FLOAT: right;
    WIDTH: 190px;
}
.navGlobalBackground
{
    PADDING-TOP: 0px;
    PADDING-BOTTOM: 0px;
    PADDING-LEFT: 0px;
    PADDING-RIGHT: 0px;
    /* WIDTH: expression((document.body.clientWidth > 960) ? "960px" : "100%");*/
    WIDTH: 960px;
    MAX-WIDTH: 960px;
    HEIGHT: 28px;
    BACKGROUND-COLOR: #cccccc;
    TEXT-ALIGN: left;
}
.navGlobal1
{
    PADDING-TOP: 0px;
    PADDING-BOTTOM: 0px;
    PADDING-LEFT: 20px;
    PADDING-RIGHT: 14px;
    BORDER-RIGHT: #ffffff 1px solid;
    DISPLAY: block;
    FLOAT: left;
    HEIGHT: 28px;
    BACKGROUND-COLOR: #333333;
}
.navGlobalActive1
{
    PADDING-TOP: 0px;
    PADDING-BOTTOM: 0px;
    PADDING-LEFT: 20px;
    PADDING-RIGHT: 14px;
    BORDER-RIGHT: #ffffff 1px solid;
    DISPLAY: block;
    FLOAT: left;
    HEIGHT: 28px;
    BACKGROUND-COLOR: #006699;
}
.navGlobal
{
    PADDING-TOP: 0px;
    PADDING-BOTTOM: 0px;
    PADDING-LEFT: 14px;
    PADDING-RIGHT: 14px;
    BORDER-RIGHT: #ffffff 1px solid;
    DISPLAY: block;
    FLOAT: left;
    HEIGHT: 28px;
    BACKGROUND-COLOR: #333333;
}
.navGlobalActive
{
    PADDING-TOP: 0px;
    PADDING-BOTTOM: 0px;
    PADDING-LEFT: 14px;
    PADDING-RIGHT: 14px;
    BORDER-RIGHT: #ffffff 1px solid;
    DISPLAY: block;
    FLOAT: left;
    HEIGHT: 28px;
    BACKGROUND-COLOR: #006699;
}
.navGlobalTxt, A.navGlobalTxt, A.navGlobalTxt:link,
A.navGlobalTxt:active, A.navGlobalTxt:visited, A.navGlobalTxt:hover
{
    FONT-WEIGHT: bold;
    FONT-SIZE: 1.2em;
    COLOR: #ffffff;
    LINE-HEIGHT: 1.9em;
    TEXT-DECORATION: none;
}

/***************************************/
/* Navigation levels 2 / 3 (left menu) */
/***************************************/
.nav2
{
    PADDING-TOP: 2px;
    PADDING-BOTTOM: 0px;
    PADDING-LEFT: 20px;
    PADDING-RIGHT: 0px;
    BORDER-TOP: #cccccc 1px solid;
    MARGIN-TOP: 0px;
    MARGIN-LEFT: 0px;
    HEIGHT: 20px;
    TEXT-ALIGN: left;
}
.nav2Active
{
    PADDING-TOP: 2px;
    PADDING-BOTTOM: 0px;
    PADDING-LEFT: 20px;
    PADDING-RIGHT: 0px;
    BORDER-TOP: #cccccc 1px solid;
    MARGIN-TOP: 0px;
    MARGIN-LEFT: 0px;
    HEIGHT: 20px;
    BACKGROUND-COLOR: #006699;
    TEXT-ALIGN: left;
}
.nav2Txt, A.nav2Txt, A.nav2Txt:link,
A.nav2Txt:active, A.nav2Txt:hover, A.nav2Txt:visited
{
    FONT-WEIGHT: bold;
    FONT-SIZE: 0.9em;
    COLOR: #000000;
    LINE-HEIGHT: 1.2em;
    TEXT-DECORATION: none;
}
.nav2TxtActive, A.nav2TxtActive, A.nav2TxtActive:link,
A.nav2TxtActive:active, A.nav2TxtActive:hover, A.nav2TxtActive:visited
{
    FONT-WEIGHT: bold;
    FONT-SIZE: 0.9em;
    COLOR: #ffffff;
    LINE-HEIGHT: 1.2em;
    TEXT-DECORATION: none;
}
.nav2TxtOpen
{
    FONT-WEIGHT: bold;
    FONT-SIZE: 0.9em;
    COLOR: #006699;
    LINE-HEIGHT: 1.2em;
    TEXT-DECORATION: none;
}
.nav3
{
    PADDING-TOP: 2px;
    PADDING-BOTTOM: 0px;
    PADDING-LEFT: 34px;
    PADDING-RIGHT: 0px;
    BORDER-TOP: #cccccc 1px solid;
    MARGIN-TOP: 0px;
    MARGIN-LEFT: 0px;
    HEIGHT: 20px;
    TEXT-ALIGN: left;
}
.nav3Active
{
    PADDING-TOP: 2px;
    PADDING-BOTTOM: 0px;
    PADDING-LEFT: 34px;
    PADDING-RIGHT: 0px;
    BORDER-TOP: #cccccc 1px solid;
    MARGIN-TOP: 0px;
    MARGIN-LEFT: 0px;
    HEIGHT: 20px;
    BACKGROUND-COLOR: #006699;
    TEXT-ALIGN: left;
}
.nav3Txt, A.nav3Txt, A.nav3Txt:link,
A.nav3Txt:active, A.nav3Txt:hover, A.nav3Txt:visited
{
    FONT-WEIGHT: normal;
    FONT-SIZE: 0.9em;
    COLOR: #000000;
    LINE-HEIGHT: 1.2em;
    TEXT-DECORATION: none;
}
.nav3TxtActive, A.nav3TxtActive, A.nav3TxtActive:link,
A.nav3TxtActive:active, A.nav3TxtActive:hover, A.nav3TxtActive:visited
{
    FONT-WEIGHT: normal;
    FONT-SIZE: 0.9em;
    COLOR: #ffffff;
    LINE-HEIGHT: 1.2em;
    TEXT-DECORATION: none;
}

/************************/
/* Context (right part) */
/************************/
.contextTitel
{
    MARGIN-TOP: 20px;
    PADDING-TOP: 0px;
    PADDING-BOTTOM: 0px;
    PADDING-LEFT: 10px;
    PADDING-RIGHT: 0px;
    BORDER-TOP: #000000 1px solid;
    BACKGROUND-COLOR: #cccccc;
}
.contextTitelTxt
{
    FONT-WEIGHT: bold;
    FONT-SIZE: 0.9em;
    LINE-HEIGHT: 20px;
    COLOR: #000000;
    TEXT-DECORATION: none;
}
.contextContent
{
    MARGIN-TOP: 8px;
    PADDING-TOP: 0px;
    PADDING-BOTTOM: 0px;
    PADDING-LEFT: 10px;
    PADDING-RIGHT: 0px;
    BACKGROUND-POSITION: left top;
    BACKGROUND-IMAGE: url(https://www.e-ofcom.ch/login/public/images/bullet.gif);
    BACKGROUND-REPEAT: no-repeat;
}
.contextContentTxt
{
    FONT-WEIGHT: normal;
    FONT-SIZE: 0.9em;
    LINE-HEIGHT: 1.2em;
    COLOR: #000000;
    TEXT-DECORATION: none;
}
A.contextContentTxt, A.contextContentTxt:link,
A.contextContentTxt:active, A.contextContentTxt:visited, A.contextContentTxt:hover
{
    FONT-WEIGHT: normal;
    FONT-SIZE: 0.9em;
    LINE-HEIGHT: 1.2em;
    COLOR: #006699;
    TEXT-DECORATION: underline;
}
.identified
{
    FONT-WEIGHT: normal;
    FONT-SIZE: 0.9em;
    COLOR: #000000;
    LINE-HEIGHT: 1.2em;
    TEXT-DECORATION: none;
}
.button_identified
{
    MARGIN-TOP: 3px;
    FONT-WEIGHT: normal;
    FONT-SIZE: 0.9em;
    BORDER-TOP: #000000 1px solid;
    BORDER-BOTTOM: #000000 1px solid;
    BORDER-LEFT: #000000 1px solid;
    BORDER-RIGHT: #000000 1px solid;
    BACKGROUND-COLOR: #cccccc;
    COLOR: #000000;
    HEIGHT: 19px;
    TEXT-DECORATION: none;
}

/**********/
/* Footer */
/**********/
.footer
{
    FONT-WEIGHT: normal;
    FONT-SIZE: 0.9em;
    COLOR: #000000;
    TEXT-DECORATION: none;
    PADDING-TOP: 5px;
    PADDING-BOTTOM: 5px;
    PADDING-LEFT: 0px;
    PADDING-RIGHT: 0px;
    BORDER-TOP: #000000 1px solid;
    BORDER-BOTTOM: #000000 1px solid;
    WIDTH: 100%;
}

A.footerLink, A.footerLink:link,
A.footerLink:active, A.footerLink:visited, A.footerLink:hover
{
    FONT-WEIGHT: normal;
    COLOR: #000000;
    TEXT-DECORATION: none;
}

/***********************************************/
/* Content (page content - center of the site) */
/***********************************************/
.title
{
    MARGIN-TOP: 0px;
    FONT-WEIGHT: normal;
    FONT-SIZE: 1.5em;
    LINE-HEIGHT: 23px;
    COLOR: #000000;
    TEXT-DECORATION: none;
}
.titleblue
{
    MARGIN-TOP: 0px;
    FONT-WEIGHT: normal;
    FONT-SIZE: 1.5em;
    LINE-HEIGHT: 23px;
    COLOR: #006699;
    TEXT-DECORATION: none;
}
.titlebold
{
    MARGIN-TOP: 0px;
    FONT-WEIGHT: bold;
    FONT-SIZE: 1.5em;
    LINE-HEIGHT: 23px;
    COLOR: #000000;
    TEXT-DECORATION: none;
}
.titlebluebold
{
    MARGIN-TOP: 0px;
    FONT-WEIGHT: bold;
    FONT-SIZE: 1.5em;
    LINE-HEIGHT: 23px;
    COLOR: #006699;
    TEXT-DECORATION: none;
}
.subtitle
{
    FONT-WEIGHT: bold;
    FONT-SIZE: 1.3em;
    LINE-HEIGHT: 1.3em;
    COLOR: #000000;
    TEXT-DECORATION: none;
}
.text
{
    FONT-WEIGHT: normal;
    FONT-SIZE: 1.0em;
    COLOR: #000000;
    TEXT-ALIGN: left;
    TEXT-DECORATION: none;
}
.textblue
{
    FONT-WEIGHT: normal;
    FONT-SIZE: 1.0em;
    COLOR: #006699;
    TEXT-DECORATION: none;
}
.textbold
{
    FONT-WEIGHT: bold;
    FONT-SIZE: 1.0em;
    COLOR: #000000;
    TEXT-DECORATION: none;
}
.textbluebold
{
    FONT-WEIGHT: bold;
    FONT-SIZE: 1.0em;
    COLOR: #006699;
    TEXT-DECORATION: none;
}
.error
{
    FONT-WEIGHT: normal;
    FONT-SIZE: 1.0em;
    COLOR: red;
    TEXT-ALIGN: left;
    TEXT-DECORATION: none;
}
.errorgeneral
{
    FONT-WEIGHT: normal;
    FONT-SIZE: 1.0em;
    BORDER: 1px solid red;
    MARGIN:0 0;
    PADDING:5px 5px 5px 25px;
    BACKGROUND-COLOR:#FEF3F4;
    TEXT-ALIGN: left;
    TEXT-DECORATION: none;
}
.button
{
    FONT-WEIGHT: normal;
    FONT-SIZE: 1.0em;
    BORDER-TOP: #000000 1px solid;
    BORDER-BOTTOM: #000000 1px solid;
    BORDER-LEFT: #000000 1px solid;
    BORDER-RIGHT: #000000 1px solid;
    BACKGROUND-COLOR: #cccccc;
    COLOR: #000000;
    HEIGHT: 22px;
    TEXT-DECORATION: none;
}
.button_verticallyspaced
{
	FONT-WEIGHT: normal;
    FONT-SIZE: 1.0em;
    BORDER-TOP: #000000 1px solid;
    BORDER-BOTTOM: #000000 1px solid;
    BORDER-LEFT: #000000 1px solid;
    BORDER-RIGHT: #000000 1px solid;
    BACKGROUND-COLOR: #cccccc;
    MARGIN-BOTTOM: 1.0em;
    COLOR: #000000;
    HEIGHT: 22px;
    TEXT-DECORATION: none;
}
.button_disabled
{
    FONT-WEIGHT: normal;
    FONT-SIZE: 1.0em;
    BORDER-TOP: #000000 1px solid;
    BORDER-BOTTOM: #000000 1px solid;
    BORDER-LEFT: #000000 1px solid;
    BORDER-RIGHT: #000000 1px solid;
    BACKGROUND-COLOR: #dddddd;
    COLOR: #aaaaaa;
    HEIGHT: 22px;
    TEXT-DECORATION: none;
}
.helpbutton, A.helpbutton, A.helpbutton:link,
A.helpbutton:active, A.helpbutton:visited, A.helpbutton:hover
{
    PADDING-TOP: 2px;
    PADDING-BOTTOM: 2px;
    PADDING-LEFT: 2px;
    PADDING-RIGHT: 2px;
    FONT-WEIGHT: normal;
    FONT-SIZE: 1.0em;
    BACKGROUND-COLOR: #cccccc;
    COLOR: #006699;
    HEIGHT: 20px;
    TEXT-DECORATION: none;
}

/********************************/
/* Result tables after a search */
/********************************/
TABLE.data
{
    PADDING-TOP: 0px;
    PADDING-BOTTOM: 0px;
    PADDING-LEFT: 0px;
    PADDING-RIGHT: 0px;
    WIDTH: 100%;
}
TD.data
{
    PADDING-TOP: 0px;
    PADDING-BOTTOM: 0px;
    PADDING-LEFT: 0px;
    PADDING-RIGHT: 5px;
    BORDER-BOTTOM: #006699 1px solid;
    FONT-WEIGHT: normal;
}
TH.data
{
    PADDING-TOP: 0px;
    PADDING-BOTTOM: 0px;
    PADDING-LEFT: 0px;
    PADDING-RIGHT: 5px;
    HEIGHT: 33px;
    BACKGROUND-COLOR: #006699;
    TEXT-ALIGN: left;
    FONT-WEIGHT: normal;
    COLOR: #ffffff;
}
TD.spacesubtitle
{
    HEIGHT: 5px;
}

/************************/
/* Help and FAQ screens */
/************************/
.help {
    padding: 10px;
    margin: 10px;

    /*  just in case if border is later needed
    border: 1px;
    border-color: #cccccc;
    border-style: solid;
    float: left; */

}

.faq {
    padding: 10px;
    margin: 10px;

    /*  just in case if border is later needed
    border: 1px;
    border-color: #cccccc;
    border-style: solid;
    float: left; */
}

ul.sitemap {
    list-style: none;

    margin-left: 0px;
    padding-left: 0px;
}

.sitemap-level-1 {
    margin-bottom: 5px;
    padding-top: 5px;
    padding-bottom: 5px;
    border-top: #000000 1px solid;
    font-weight: bold;
}

.sitemap-level-2 {
    padding-top: 5px;
    padding-left: 50px;
    font-weight: normal;
}

.sitemap-level-3 {
    padding-top: 5px;
    padding-left: 50px;
    font-weight: normal;
}