/* CSS Document: siteWide.css - OPI */

html, body, table, form{margin:0; padding:0;}
/* - - - HTML - - - */

html 
{
	/*
	background-image: url();
	background-position: center top;
	background-repeat: repeat-x;
	overflow:auto;
	 */
	background-color: #fff;
}

body 
{
	margin: 0;
	padding: 0;
}

body, select, input, textarea, table
{
	font-family: arial, helvetica, sans-serif;
	color: #4b4b4b;
	font-size: 11px;
	text-align: left;
	line-height: 18px;
}

h2, h5, h6
{
	color: #4b4b4b;
	padding: 0em;
	margin: 0em;
	font-weight: bold;
	text-decoration: none;
	line-height: 1.1;
}

h6 
{
	font-size: 0.4em;
	margin-top: 1em;
}

h5 
{
	font-size: 0.6em;
	margin-top: 1em;
}

h4 
{
	font-size: 12px;
	margin-top: 0.5em;
	font-family: verdana;
	font-weight: normal;
	color: #d3950c;
}

h3 
{
	font-size: 20px;
	font-family: verdana;
	font-weight: normal;
	color: black;
	margin-top: 0.5em;

}

h2 
{
	text-transform: uppercase;
        font-size: 12px;
	margin-top: 1.7em;
	color: #297e5d;
}

h1
{
	letter-spacing: 0em;
	font-size: 14px;
	margin-top: 0;
	color: black;
}

p 
{
	margin: 6px 0px;
	line-height: 1.5em;
}

a,
a:link,
a:hover,
a:visited,
a:active 
{
	color: #297e5d;
	text-decoration: none;
}

a:hover 
{
	text-decoration: underline;
}

img 
{
	border-style: none;
}

hr 
{
	height: 1px;
	color: #d9d9d9;
	border-style: solid;
	clear: both;
	margin: 0.5em -1px;
	background-color: transparent;
}

/* - - - */
ul li,
ol li 
{
	margin: 0.3em 0em 0em 0em;
	list-style-position: outside;
	line-height: 1em;
	padding: 0 0 0.5em 0;
}

ul 
{
	list-style: url() disc;
}

ol 
{
	list-style: decimal;
}

/* - - - */
dt
{
	padding: 10px;
}

dd
{
	margin-left: 0px;
}

table 
{
	border-collapse: collapse;
	border-spacing: 0;
	margin: 0px;
	padding: 0px;
}

table td
{
	vertical-align: top;
	padding: 0 1em 0 0.3em;
	margin: 0px auto;
	border-collapse: collapse;
}

input
{
      margin-left: 9px;
      margin-top: 2px;
      background: transparent;
      border-style: none;
      color: #9eb4ae;
}

strong 
{
	font-weight: bold;
}

em 
{
	font-style: italic;
}

blockquote 
{
	margin: 0em 3em;
}

div
{
  border: 0px solid black;
}

/* - - - LAYOUT - - - */

.clear 
{
	clear: both;
	line-height: 0.01;
	border-style: none;
}

.search_field
{
	width: 210px;
	margin: 0; padding: 0;
}
.search_field input
{
        background-image: url(/System/Templates/Images/129/search_field_bg.jpg);
        background-repeat: no-repeat;
        background-color:transparent;
        height: 20px;
		padding: 4px 5px 0 5px;
        width: 209px;
        border: 0px;
		margin: 0;
}
.search_button
{
	width: 30px;
	margin: 0; padding: 0;
}
.search_button input
{
        background-color:transparent; 
        background-image: url(/System/Templates/Images/129/search_button.jpg);  /* buttons/images/search_button.gif */
        background-repeat: no-repeat;
        background-position: bottom;
        height: 26px;
        width: 34px;
        border: none;
        color: #fff;
		margin: 0; padding: 0;
}

.form_field
{
        background-image: url(/System/Templates/Images/129/form_field_bg.jpg);
        background-repeat: no-repeat;
        background-color:transparent;
        height: 31px;
        width: 245px;
        border: 0px;
        padding: 5px;
}

.registrera
{
        background-color:transparent; 
        background-image: url(/System/Templates/Images/129/buttons/images/registrera.jpg);
        background-repeat: no-repeat;
        height: 28px;
        width: 107px;
        border: none;
}
.button
{
        background-color:transparent; 
        background-image: url(/System/Templates/Images/129/button.jpg);
        background-repeat: no-repeat;
        background-position: bottom;
        height: 28px;
        width: 107px;
        border: none;
}

.text
{
        padding: 15px;
}

.text_column3
{
        padding: 10px;
}

.vit_text
{
        color: #FFF;
        padding: 15px;
}

.rubrik1       /* Vit stor rubrik */
{
        color: #FFF;
        font-family: arial, helvetica, sans-serif;
        font-size: 24px;
		line-height: normal;
        font-weight: normal;
}

.rubrik2,       /* Grå mellanrubrik */
.rubrik2_2 
{
        color: #4b4b4b;
        font-family: arial, helvetica, sans-serif;
        font-size: 14px;
        font-weight: bold;
}

.rubrik2_2      
{
	font-size: 16px;
}

.rubrik3       /* Grön fet text */
{
        color: #297e5d;
        font-family: arial, helvetica, sans-serif;
        font-size: 11px;
        font-weight: bold;
}

.normal,
.normal_2
{
        color: #4b4b4b;
        font-family: arial, helvetica, sans-serif;
        font-size: 11px;
        font-weight: normal;
}

.normal_2   
{
	font-size: 13px;
}

.start_top
{
        color: #fff;
        font-family: arial, helvetica, sans-serif;
        font-size: 17px;
        font-weight: normal;	
		line-height: 30px;
}

.sign
{
        color: #bde5eb;
        font-family: arial, helvetica, sans-serif;
        font-size: 13px;
        font-weight: normal;	
		text-align: right;
}

.linklist
{
        background-image: url(/System/Templates/Images/129/link_symbol.gif);
        background-position: center left;
        background-repeat: no-repeat;
        padding: 0px 0 0px 10px;
        line-height: 17px;
        margin: 0px 5px;
        color: #297e5d;
}

.news-date
{
        color: #9eb4ae;
        font-family: arial, helvetica, sans-serif;
        font-size: 10px;
        font-weight: normal;
        text-transform: uppercase;
}

.left
{
        float: left;
        text-align: left;
}

.right
{
        float: right;
        text-align: right;
}

/* - - - NAVIGATION - - - */

#nav
{
	background-image: url(/System/Templates/Images/129/nav-bg.jpg);
	background-position: top left;
	background-repeat: repeat-x;
	border-top: 1px solid #666;
	height: 29px;
	text-align: center;
	display: block;
}

#nav ul
{
	text-align: center;
	color: #fff;
	display: block;
	height: 29px;
	width: 940px;	
	font-size: 11px;
	margin: 0px auto;
	padding: 3px auto;
}


#nav ul li
{
	background-image: url(/System/Templates/Images/129/nav-divider.jpg);
	background-position: right;
	background-repeat: no-repeat;
    display: inline;
    float: left;
    padding: 0px;
	line-height: 25px;
}


#nav a,
#nav a:link,
#nav a:hover,
#nav a:visited,
#nav a:active
{
	color: #fff;
	text-decoration: none;
	font-family: 'Gill Sans MT', verdana, arial, helvetica, sans-serif;
	font-weight: bold;
        margin: 1px 22px;
}

#nav a:hover
{
	text-decoration: none;
	color: #73c3ad;
}

#nav ul li#current,
#nav ul li.current
{
	background-image: url(/System/Templates/Images/129/nav-current.jpg);
	background-position: top center;
	background-repeat: no-repeat;
	text-align: center;
        height: 26px;
        width: 109px;
        margin: 4px auto;
        padding-top: 0px;
}

#nav ul li#current a,
#nav ul li.current a
{
	text-decoration: none;
	color: #466b60;
	padding:4px;
}

/* - - - SUB-NAVIGATION - - - */

#subnav
{
         font-size: 11px;
         font-family: arial, verdana, helvetica, sans-serif;
         font-weight: bold;
         padding:0px;
}

#subnav ul
{
	margin: 0;
	padding: 0;
}

#subnav ul li
{
		background-image: url(/System/Templates/Images/129/link_symbol2.gif);
        background-position: top left;
        background-repeat: no-repeat;
		list-style-type: none;
        padding: 0px 0 0px 10px;
        line-height: 17px;
        margin: 0px 5px;
}

#subnav ul li#current 
{
        background-image: url(/System/Templates/Images/129/current_link.gif);
        background-position: top left;
        background-repeat: no-repeat;
}

#subnav ul li a
{
        margin-left: 5px;
        color: #297e5d;
}

#subnav ul li#current a
{
        color: #4b4b4b;
        font-weight: bold;
}
 /* ------- Första nivån definierad ----------*/

#subnav ul li ul
{
        padding: 0px 0 0 0;
}

#subnav ul li ul li
{

  padding: 0 10px;
  line-height: 17px;
  margin-left: 10px;
   color: #297e5d;
}

#subnav ul li#current ul li a
{
        margin-left: 5px;
        color: #297e5d;
}


#subnav ul li ul li#current a
{
        color: #4b4b4b;
}

 /* ------- Andra nivån specificerad ----------*/

#subnav li li li 
{
         list-style-image: none;
	  	 background-image: none; 
}

#subnav ul li#current ul li#current ul
{
         list-style-type: none;
	  	 background-image: none; 
}

#subnav ul li#current ul li#current ul li
{
         list-style-type: none;
		 background-image: none;
         margin: -2px 10px;
}

#subnav ul li#current ul li#current ul li a
{
         color: #297e5d;
         font-weight: normal;
}

#subnav ul li#current ul li#current ul li#current a
{
         color: #4b4b4b;
		 font-weight: bold;
}

#subnav a:hover
{
         text-decoration:none;
}

#subnav hr
{
	height: 1px;
	width: 180px;
	margin: -5px 0 auto -7px;
	color: #d9d9d9;
	border-style: dotted;
}

/* - - - MODULES - - - */

#news
{
	
}

#singel-news
{
        margin: 24px 14px;
}

/* CUSTOM */
.clearfix:after {
    content: "."; 
    display: block; 
    height: 0; 
    clear: both; 
    visibility: hidden;
}

.clearfix {display: inline-block;}

/* Hides from IE-mac \*/
* html .clearfix {height: 1%;}
.clearfix {display: block;}
/* End hide from IE-mac */
