* {
  font-size: 11px;
}

html,
body {
  height: 100%;
}

body {
  font-family: Verdana, Arial, Helvetica, sans-serif;
  font-size: 11px;
  color: #000000;
  text-align: center;
}

.error {
  color:            #ffffff; /*#ffff80*/
  background-color: #ff0000;
  padding:          5px;
  margin:           5px;
  border:           thin solid #000000;
  width:            400px;
}

.notice-text, .notice {
  color:            #555555;
  font-size:        11px;
  text-decoration:  none;
}

.notice {
  background-color: #5a9ece;
  padding:          5px;
  margin:           5px;
  border:           thin solid #000000;
  width:            400px;
}

.text {
  color:            gray;
  font-family:      verdana, helvetica, sans-serif;
  text-align:       center;
}

.normal {
  color:            black;
  font-family:      verdana, helvetica, sans-serif;
}

.input {
  width: 150px;
}

.normal,
.input {
  font-size: 11px;
}


#logo {
  margin: 0px 0px 0px 0px;
}

.intro {
  padding: 0px 0px 10px 0px;
}

.intro,
#footer {
  font-size: 11px;
  text-align: center;
}

#footer {
  padding: 10px 0px 0px 0px;
}

.hidden{display: none;}



#wrapper{background: url(pics_monitor/login/wrapper_bg.gif) top left repeat-y;}
.wrapper_top{background: url(pics_monitor/login/wrapper_top.gif) bottom left no-repeat;}
.wrapper_bottom{background: url(pics_monitor/login/wrapper_bottom.gif) top left no-repeat;}

.cont{background: url(pics_monitor/login/cont_bg.gif) top left repeat-y;}
.cont_top{background: url(pics_monitor/login/cont_top.gif) bottom left no-repeat;}
.cont_bottom{background: url(pics_monitor/login/cont_bottom.gif) top left no-repeat;}

#mediestat:link{background: url(pics_monitor/login/sd_mediestat.gif) top left no-repeat;}
#mediestat:visited{background: url(pics_monitor/login/sd_mediestat.gif) top left no-repeat;}
#mediestat:hover{background: url(pics_monitor/login/sd_mediestat.gif) 0px -70px no-repeat;}
#mediestat:active, .mediestatActive{background: url(pics_monitor/login/sd_mediestat.gif) bottom left no-repeat;}

#analyse:link{background: url(pics_monitor/login/sd_analyse.gif) top left no-repeat;}
#analyse:visited{background: url(pics_monitor/login/sd_analyse.gif) top left no-repeat;}
#analyse:hover{background: url(pics_monitor/login/sd_analyse.gif) 0px -70px no-repeat;}
#analyse:active{background: url(pics_monitor/login/sd_analyse.gif) bottom left no-repeat;}

#trykte:link{background: url(pics_monitor/login/sd_trykte2.gif) top left no-repeat;}
#trykte:visited{background: url(pics_monitor/login/sd_trykte2.gif) top left no-repeat;}
#trykte:hover{background: url(pics_monitor/login/sd_trykte2.gif) 0px -70px no-repeat;}
#trykte:active{background: url(pics_monitor/login/sd_trykte2.gif) bottom left no-repeat;}

#monitortv:link{background: url(pics_monitor/login/sd_monitor_tv2.gif) top left no-repeat;}
#monitortv:visited{background: url(pics_monitor/login/sd_monitor_tv2.gif) top left no-repeat;}
#monitortv:hover{background: url(pics_monitor/login/sd_monitor_tv2.gif) 0px -70px no-repeat;}
#monitortv:active{background: url(pics_monitor/login/sd_monitor_tv2.gif) bottom left no-repeat;}

#pressemld:link{background: url(pics_monitor/login/sd_pressemld2.gif) top left no-repeat;}
#pressemld:visited{background: url(pics_monitor/login/sd_pressemld2.gif) top left no-repeat;}
#pressemld:hover{background: url(pics_monitor/login/sd_pressemld2.gif) 0px -70px no-repeat;}
#pressemld:active{background: url(pics_monitor/login/sd_pressemld2.gif) bottom left no-repeat;}

#eksponering:link{background: url(pics_monitor/login/sd_eksponering2.gif) top left no-repeat;}
#eksponering:visited{background: url(pics_monitor/login/sd_eksponering2.gif) top left no-repeat;}
#eksponering:hover{background: url(pics_monitor/login/sd_eksponering2.gif) 0px -70px no-repeat;}
#eksponering:active{background: url(pics_monitor/login/sd_eksponering2.gif) bottom left no-repeat;}

#portal:link{background: url(pics_monitor/login/sd_portal.gif) top left no-repeat;}
#portal:visited{background: url(pics_monitor/login/sd_portal.gif) top left no-repeat;}
#portal:hover{background: url(pics_monitor/login/sd_portal.gif) 0px -70px no-repeat;}
#portal:active{background: url(pics_monitor/login/sd_portal.gif) bottom left no-repeat;}

#feed:link{background: url(pics_monitor/login/sd_feed.gif) top left no-repeat;}
#feed:visited{background: url(pics_monitor/login/sd_feed.gif) top left no-repeat;}
#feed:hover{background: url(pics_monitor/login/sd_feed.gif) 0px -70px no-repeat;}
#feed:active{background: url(pics_monitor/login/sd_feed.gif) bottom left no-repeat;}

#pda:link{background: url(pics_monitor/login/sd_pda.gif) top left no-repeat;}
#pda:visited{background: url(pics_monitor/login/sd_pda.gif) top left no-repeat;}
#pda:hover{background: url(pics_monitor/login/sd_pda.gif) 0px -70px no-repeat;}
#pda:active{background: url(pics_monitor/login/sd_pda.gif) bottom left no-repeat;}

#pdf:link{background: url(pics_monitor/login/sd_pdf.gif) top left no-repeat;}
#pdf:visited{background: url(pics_monitor/login/sd_pdf.gif) top left no-repeat;}
#pdf:hover{background: url(pics_monitor/login/sd_pdf.gif) 0px -70px no-repeat;}
#pdf:active{background: url(pics_monitor/login/sd_pdf.gif) bottom left no-repeat;}

#varsel:link{background: url(pics_monitor/login/sd_varsel.gif) top left no-repeat;}
#varsel:visited{background: url(pics_monitor/login/sd_varsel.gif) top left no-repeat;}
#varsel:hover{background: url(pics_monitor/login/sd_varsel.gif) 0px -70px no-repeat;}
#varsel:active{background: url(pics_monitor/login/sd_varsel.gif) bottom left no-repeat;}

#tb:link{background: url(pics_monitor/login/sd_tb.gif) top left no-repeat;}
#tb:visited{background: url(pics_monitor/login/sd_tb.gif) top left no-repeat;}
#tb:hover{background: url(pics_monitor/login/sd_tb.gif) 0px -70px no-repeat;}
#tb:active{background: url(pics_monitor/login/sd_tb.gif) bottom left no-repeat;}

#print:link{background: url(pics_monitor/login/sd_print.gif) top left no-repeat;}
#print:visited{background: url(pics_monitor/login/sd_print.gif) top left no-repeat;}
#print:hover{background: url(pics_monitor/login/sd_print.gif) 0px -70px no-repeat;}
#print:active{background: url(pics_monitor/login/sd_print.gif) bottom left no-repeat;}

#omtale:link{background: url(pics_monitor/login/sd_omtale.gif) top left no-repeat;}
#omtale:visited{background: url(pics_monitor/login/sd_omtale.gif) top left no-repeat;}
#omtale:hover{background: url(pics_monitor/login/sd_omtale.gif) 0px -70px no-repeat;}
#omtale:active{background: url(pics_monitor/login/sd_omtale.gif) bottom left no-repeat;}

#alle:link{background: url(pics_monitor/login/sd_alle.gif) top left no-repeat;}
#alle:visited{background: url(pics_monitor/login/sd_alle.gif) top left no-repeat;}
#alle:hover{background: url(pics_monitor/login/sd_alle.gif) 0px -70px no-repeat;}
#alle:active{background: url(pics_monitor/login/sd_alle.gif) bottom left no-repeat;}

#arrow_left img,
#arrow_right img {
  border: 0px;
  width: 19px;
  height: 16px;
}

h4 {
  width: 124px;
  height: 18px;
  margin: 0px 0px 0px 20px;
  text-align: left;
}


#placeholderFeed, #placeholderPort {
  margin: 10px 0px 0px 0px;
}

#descriptionFeed,
#descriptionPort {
  display: none;
}


p {
  font-size: 11px;
  margin: 0px 0px 10px 20px;
  width: 92%;
}

a {
  text-decoration: none;
  font-weight: bold;
}

a:link,
a:visited {
  color: #3c368b;
}

a:hover,
a:active {
  color: #92310c;
}

a span {
  position: absolute;
  left: -4000px;
  top: 25px;
  margin: 0px;
  padding: 0px;
}

.spacer{height: 270px;}

.headCont,
.mainCont,
.prodpackCont {
  vertical-align: top;
  text-align: left
}

.headCont{height: 20px;}

.mainCont{height: 210px;}

.prodpack {
  font-size: 10px;
  color: #666;
  padding: 0px 0px 0px 0px;
  margin: 0px 0px 0px 20px;
  width: 98%;

}

.prodpackCont{height: 30px;}


.basis,
.pluss,
.proff {
  font-weight: bold;
}

.basis { color: #8ec04d; }
.pluss { color: #30afc5; }
.proff { color: #3d3988; }

.bullets {
  font-size: 11px;
  padding: 0;
  margin: 5px 0px 0px 20px;
}

.bullets li {
  margin: 0px 0px 0px 20px;
  list-style-type: square;
}

.itemVisible {
  display: block;
  position: relative;
  top: 0px;
  left: 0px;
}

.itemHidden {
  display: none;
}



/* Styles for scrolling layers */
#navbar_window {
  position: relative;
  overflow: hidden;
  width: 500px;
  height: 80px;
  z-index: 100;
  clip: rect(0px, 500px, 80px, 0px);
}

#navbar_cont {
  width: 600px;/*900*/
  position: absolute;
  left: 0px;
  top: 0px;
  z-index: 1;
}
#navbar_cont td {
  width: 100px;
  vertical-align: middle;
  text-align: center;
}

#navbar_cont a {
  width: 100px;
  height: 70px;
  display: block;
}