body { margin-left: 5px; 
       margin-top: 5px;
       margin-right: 0px; 
       margin-bottom: 0px; 
       background-color: #F0F0F0;
       font-family: Verdana, Helvetica, sans-serif;
	     font-size: 13px;
	     /*text-align: center; #676767;*/
      }
.nav { font-family: Verdana, Arial, Helvetica, sans-serif; font-size: 10px; font-weight: bold; } 
.content { color: #333333; font-size: 11px; font-family: Verdana, Arial, Helvetica, sans-serif }
.content2 { color: #853A2C; font-size: 12px; font-family: Verdana, Arial, Helvetica, sans-serif }

a:link { color: #195172; text-decoration: none; }
a:visited { color: #195172; text-decoration: none; color: #195172; }
a:hover { text-decoration: underline; color: red; }
a:active { text-decoration: none; color: #195172; }

/* Titel klassen, används i huvudet */
.title {font-family: Arial; Color:White; font-size: 50px;letter-spacing: 2px;padding-left:5px;padding-top: 0px;padding-bottom: 0px;}
.subtitle {font-family: Arial; Color:White; font-size: 10px;letter-spacing: 0px;padding-left:8px;padding-top: 0px;padding-bottom: 5px;}
.border_header {border-top: 10px solid white;
                border-bottom: 2px solid white;}
.border_header_left {border-top: 10px solid #676767;
                     border-bottom: 2px solid #676767;}
.border_header_right {border-left:1px solid #b3bab5;padding-left:5px;padding-right:5px;vertical-align:top}
.border_main_right {border-left:1px solid #b3bab5;padding-left:5px;padding-right:5px;vertical-align:top}
.border_footer_right {border-left:0px solid #b3bab5;padding-left:5px;padding-right:5px;vertical-align:top}

/* Klasser för meny till höger */
.text_menu_right {padding:2px;}
.text_menu_right_old {border: 0px solid white;padding:2px;background-color:#cdcdcd;}

/* Klasser för tidningsinformation (kommuner) */
.kommun_info {border: 1px solid black;padding:4px;background-color:#FFFFCC;}
.kommun_info_detail {border: 0px solid black;padding:4px;}

/* Klasser för diskussion */
.diskussion_border {font-family: Verdana, Helvetica, sans-serif; font-size: 12px;  border: 1px solid #bebebe;padding:8px;background-color:#fffde4;}
.diskussion_text {font-family: Verdana, Helvetica, sans-serif; font-size: 12px;border: 1px solid #bebebe;background-color:#f1f1f1;padding:4px;}

/* Klasser från kommunrating */
.artikel_text { font-size: 13px; font-family: Verdana, Arial }
.artikel_liten { font-size: 10px; font-family: Verdana, Arial }


/********************************/
/* Texter */
h1 { font-family: Verdana; Color:#195172; font-size: 30px;}
h2 {font: bold 1.4em "Lucida Sans", "Lucida Sans Unicode", sans-serif; color: #194f53; border-bottom: 1px solid green; letter-spacing: 1px; }
h3 {font-family: Verdana; font-size: 20px; margin-top: 0px; margin-bottom: 2px; color: #195172; border-bottom: 1px solid #b3bab5; width: 100%; }
p {font-family: Verdana, Helvetica, sans-serif; font-size: 13px;}
table {font-family: Verdana, Helvetica, sans-serif; font-size: 13px;}
.footer {font-family: Arial; font-size: 10px;text-align: Left;color:#C0C0C0;padding-left:8px;}
.article_subtitle {
              font-family: Verdana, sans-serif; 
              font-size: 10px;
              text-align: Left;}
.article_endtitle {
              font-family: Verdana, sans-serif; 
              font-size: 10px;
              text-align: Left;
              border-top: 1px solid #b3bab5; 
              width: 100%;}

/* Formulär och infotabeller */
.formtext_huvud { font-family: Verdana, Helvetica, sans-serif; 
              font-size: 10px;
              Color:#195172;              
            }
.formtext_10px { font-family: Verdana, Helvetica, sans-serif; 
              font-size: 10px;              
            }

/************************************/

/* Navigering */
.nav_class {
            font-family: Verdana, sans-serif; 
            font-size: 10px;
            Color:White;
            font-weight: Bold;
            text-align: Center;
            padding: 4px 4px 4px 4px;
            background: #195172;
            border: 1px solid #d9e9e4;
           }
.nav_class_orng {
            font-family: Verdana, sans-serif; 
            font-size: 10px;
            Color:White;
            font-weight: Bold;
            text-align: Center;
            padding: 4px 4px 4px 4px;
            background: #f79745;
            border: 1px solid #d9e9e4;
           }

/* Sub Navigering */
.sub_nav_class {
            font-family: Verdana, sans-serif; 
            font-size: 9px;
            Color:#004990;
            text-align: Left;
            padding: 2px 0px 2px 0px;
            background: white;
            border-left: 1px solid white;
            border-right: 1px solid white;
            border-bottom: 0px solid white;
           }
a.sub_nav_link_class:link {color: #004990; text-decoration: none; }
a.sub_nav_link_class:visited {color: #004990; text-decoration: none; }
a.sub_nav_link_class:active {color: #004990; text-decoration: underline; }
a.sub_nav_link_class:hover {color: red; text-decoration: underline; }
/* Slut Sub Navigering */

         
a.nav_link_class:link {color: white; text-decoration: none; }
a.nav_link_class:visited {color: white; text-decoration: none; }
a.nav_link_class:active {color: white; text-decoration: underline; }
a.nav_link_class:hover {color: white; text-decoration: underline; }
/* Slut Navigering */

p.navmenu {font-family: Verdana, sans-serif; font-size: 10px;text-align: Left;}
.navmenu {font-family: Verdana, sans-serif; font-size: 10px;text-align: Left;}
a.nav {font-family: Verdana; font-size: 10pt;text-align: Right;}
a.nav:link {color: #554477; text-decoration: none; }
a.nav:visited {color: #333399;; text-decoration: none; }
a.nav:active {color: black; }
a.nav:hover {color: #0066CC; }

.lastmodified {padding: 2px 4px; background: #e6f9f8; border: 1px solid #d9e9e4; font: 90% "Lucida Sans Unicode", "Lucida Sans"; color: #593; text-align: right; -moz-border-radius: 2px; cursor: default; }
hr.blue {color: #03c; height: 3px; text-align: center; background: #03c; border: none; margin: 7px 0; }

h3.subhead {padding: 20px 0 5px; font: 1.2em "Lucida Sans", "Lucida Sans Unicode", sans-serif; color: #906; border-bottom: 1px solid #906; width: 80%; }

/* Pop up information */
a.info{
    position:relative; /*this is the key*/
    z-index:24; /* background-color:#ccc;*/
    color:#000;
    text-decoration:none}

a.info:hover{text-decoration: none; color: red;z-index:25; background-color:#ff0}

a.info span{display: none}

a.info:hover span{ /*the span will display just on :hover state*/
    display:block;
    position:absolute;
    top:20px; left:360px; width:15em;
    border:1px solid #0cf;
    background-color:#cff; color:#000;
    text-align: center}
/* End pop up information */