/*************************/
/* MAIN BODY */
/*************************/
body {font-size: 62.5%; margin: 0px auto; padding: 0px; background: url("../img/background_body_grey.gif") top center repeat-y; font-family: arial, sans-serif;}
.page-container-1 {width: 770px; margin: 0px auto; padding: 0px; background: url("../img/background_layout_1.gif") top left repeat-y; border: solid 1px rgb(100,100,100);}
.page-container-2 {width: 770px; margin: 0px auto; padding: 0px; background: url("../img/background_layout_2.gif") top left repeat-y; border: solid 1px rgb(100,100,100);}


/*************************************/
/* HEADER AND NAVIGATION */
/*************************************/
/*--------------------------*/
/* Datum och Flagga */
/*--------------------------*/
.navflag-container {width: 760px; top: 8px; position: absolute; z-index: 2; background-color: transparent;}
.navflag {margin: 0px; padding: 0px; font-size: 1.0em;}	
.navflag ul {float: right; margin: 0px; padding: 0px 20px 0px 0px;}	
.navflag li {display: inline; list-style: none; margin: 0px; padding: 0px;}


/*-----------------------------------*/
/* Logga */
/*-----------------------------------*/
.logga {width: 500px; height: 85px; top: 30px; position: absolute; z-index: 1; overflow: hidden; margin: 0px; padding-left: 30px; color: rgb(69,140,204);}
.img-header {clear: both; float: left; width: 770px; height: 115px; margin: 0px; padding: 0px;}


/*----------------------------*/
/*Navigation2 - Toppmeny */
/*----------------------------*/
.nav2 {clear: both; margin: 0px; padding: 0px; font-family: arial, verdana, sans serif; font-size: 10px;}
.nav2 ul {float: left; width: 770px; margin: 0px; padding: 0px; border-top: solid 1px rgb(146,39,143); 
border-bottom: solid 1px rgb(0,0,0); background-color: rgb(146,39,143); font-weight: normal;}	
.nav2 li {display: inline; list-style: none; margin: 0px; padding: 0px;}
.nav2 li a {display: block; float: left; margin: 0px 0px 0px 0px; padding: 2px 8px 2px 8px; border-right: solid 1px rgb(0,0,0); color: rgb(255,255,255); text-transform: uppercase; text-decoration: none; font-size: 110%;}
.nav2 a:hover, .nav2 a.selected {color: rgb(0,0,0); text-decoration: none;}
.img-navflag {display: inline; height: 14px; margin: 0px; padding: 0px; border: none;}
.buffer {clear: both; width: 770px; height: 20px; margin: 0px; padding: 0px; background-color: rgb(255,255,255);}
.buffer2 {clear: both; width: 770px; height: 10px; margin: 0px; padding: 0px; background-color: rgb(255,255,255);}

/*----------------------------*/
/* Navigation - Sok */
/*----------------------------*/
.sok-container {width: 795px; top: 65px; position: absolute; z-index: 2; background: transparent;}


/*----------------------------*/
/*Navigation2 - Toppmeny */
/*----------------------------*/
.nav2 {clear: both; margin: 0px; padding: 0px; font-family: arial, verdana, sans serif; font-size: 10px;}
.nav2 ul {float: left; width: 770px; margin: 0px; padding: 0px; border-top: solid 1px rgb(0,0,0); 
border-bottom: solid 1px rgb(0,0,0); background-color: rgb(146,39,143); font-weight: normal;}	
.nav2 li {display: inline; list-style: none; margin: 0px; padding: 0px;}
.nav2 li a {display: block; float: left; margin: 0px 0px 0px 0px; padding: 2px 8px 2px 8px; border-right: solid 1px rgb(0,0,0); color: rgb(255,255,255); text-transform: uppercase; text-decoration: none; font-size: 10px;}
.nav2 a:hover, .nav2 a.selected {color: rgb(0,0,0); text-decoration: none;}
.img-navflag {display: inline; height: 14px; margin: 0px; padding: 0px; border: none;}
.buffer {clear: both; width: 770px; height: 20px; margin: 0px; padding: 0px; background-color: rgb(255,255,255);}
.buffer2 {clear: both; width: 770px; height: 10px; margin: 0px; padding: 0px; background-color: rgb(255,255,255);}

/*----------------------------*/
/* Navigation - Sok */
/*----------------------------*/
.sok-container {width: 750px; top: 80px; position: absolute; z-index: 2; background: transparent;}

/*----------------------------*/
/* Navigation3 - Leftmeny */
/*----------------------------*/
.nav3 {overflow: hidden; clear: both; float: left; width: 160px; min-height: 500px; margin: 0px; padding: 0px; color: rgb(75,75,75); font-size: 1.0em;}
.nav3 ul {width: 160px; margin: 0px 0px 10px 0px; padding: 0px; border-bottom: solid 1px rgb(216,206,159); background-color: rgb(255,255,255);}
.nav3 li {list-style: none; margin: 0px; padding: 0px;}
.nav3 li.title {margin: 0px 0px 0px 0px; padding: 3px 5px 2px 15px; background-color: rgb(146,39,143); color: rgb(255,255,255); text-transform: uppercase; font-weight: normal; font-size: 120%;}
.nav3 li.group a {display: block; min-height: 1.7em; height: auto !important; height: 1.7em; line-height: 1.7em; margin: 0px; padding: 0px 7px 0px 15px; border-top: solid 1px rgb(200,200,200); border-left: solid 7px rgb(146,39,143); color: rgb(75,75,75); font-weight: normal; font-size: 120%;}
.nav3 li a {display: block; min-height: 1.7em; height: auto !important; height: 1.7em; line-height: 1.7em; margin: 0px; padding: 0px 7px 0px 20px; border-left: solid 7px rgb(0,0,0); color: rgb(75,75,75); text-decoration: none; font-size: 120%;}
.nav3 li a:hover, .nav3 li#font-family a.selected {border-left: solid 7px rgb(74,25,77);  color: rgb(100,100,100); text-decoration: none;}


/******************************************************************************/
/* SPECIFIC CLASSES FOR LAYOUT # 1 (With navigation, with sidebar )*/
/******************************************************************************/
.content1 {float: left; width: 428px; margin: 0px; padding: 0px 0px 10px 20px; color: rgb(75,75,75);}
.content1-container {clear: both; float: left; width: 408px; margin: 0px 0px 0px 0px; padding: 0px;}
.content1-container-1col {overflow: hidden;  float: left; width: 408px; margin: 0px; padding: 0px;}
.content1-container-2col-left {overflow: hidden; float: left; width: 550px; margin: 0px; padding: 0px;}
.content1-container-2col-right {overflow: hidden; float: right; width: 191px;  margin: 0px; padding: 0px;}
.content1-pagetitle {overflow: hidden; width: 408px; margin: 0px 0px 10px 0px; padding: 0px 0px 0px 0px; 
color: rgb(75,75,75); font-weight: bold; font-size: 150%;}


/*********************************/
/*  COMMON PARAMETERS */
/*********************************/
/*--------------------*/
/* Content Area */
/*--------------------*/

/* Titles and textboxes*/
.content-title-noshade-size1 {margin: 0px; padding: 0px; color: rgb(75,75,75); font-weight: bold; font-size: 140%;}
.content-title-noshade-size2 {margin: 0px; padding: 0px; color: rgb(75,75,75); font-weight: bold; font-size: 120%;}
.content-txtbox-noshade {margin: 0px; padding: 0px 0px 15px 0px; background-color: rgb(255,255,255);}


/* Headings */
h1 {margin: 1.0em 0px 0.5em 0px; font-weight: bold; font-size: 160%;}
h2 {margin: 1.0em 0px 0.5em 0px; font-weight: bold; font-size: 150%;}
h3 {margin: 1.0em 0px 0.5em 0px; font-weight: bold; font-size: 140%;}
h4 {margin: 1.0em 0px 0.5em 0px; font-weight: bold; font-size: 130%;}
h5 {margin: 1.0em 0px 0.5em 0px; font-weight: bold; font-size: 120%;}

/* Paragraphs */
p {margin: 0px 0px 0.5em 0px; padding: 0px; line-height: 1.3em; font-family: arial, sans serif; font-size: 120%; }
p.readmore {margin: 1.0em 0px 0.5em 0px; padding: 0px; line-height: 1.2em; font-size: 110%; }
p.quote {margin: 0em 30px 0.6em 30px;	line-height: 120%; font-size: 120%;}
p.embed {float: left; width: 120px; margin: 7px 7px 5px 0px; padding: 5px 5px 5px 5px; background-color: rgb(238,237,249); font-style: italic; font-weight: bold;  line-height: 1.2em; font-size: 140%;}
p.embed-caption {float: left; margin: 5px 0px 0px 0px; padding: 0px; font-style: italic; font-weight: normal; line-height: 1.2em; font-size: 70%;}

/* Quote */
p.quote {clear: left; margin: 0em 30px 0.6em 30px;	line-height: 120%; font-size: 110%;}

/* Embedded emphasis */
.embed {float: left; width: 120px; margin: 2px 7px 2px 0px; padding: 5px 5px 5px 5px; background-color: rgb(238,237,249); font-style: italic; font-weight: bold;  line-height: 1.2em; font-size: 140%;}
.embed-caption {float: left; margin: 5px 0px 0px 0px; padding: 0px; font-style: italic; font-weight: normal; line-height: 1.2em; font-size: 70%;}

/* Lists */
ul.noindent {margin: 0px 0px 7px 15px; padding: 0px; list-style-type: disc; list-style-position: outside; font-size: 120%;}
ul.indent {margin: 0px 0px 7px 15px; padding: 0px 0px 0px 15px; list-style-type: disc; font-family: arial; font-size: 120%;}
ol {margin: 0px 0px 0px 9px; padding: 0px 0px 0px 25px; list-style-type: decimal; list-style-position: outside; font-size: 120%;}
ul.linklist-noindent {margin: -0.3em 0px 0.5em 0px; padding: 0px; list-style-type: none; line-height: 1.2em; font-size: 120%; }
ul.linklist-indent {margin: -0.3em 0px 0.5em 0px; padding: 0px 0px 0px 10px; list-style-type: none; line-height: 1.2em; font-size: 120%; }

/* Tables */
.table {clear: left; margin: 0.5em 0px 0.2em 0px; border: solid 1px rgb(150,150,150); empty-cells: show; border-collapse: collapse; background-color: rgb(255,255,255);}
.table tr {margin: 0px; padding: 0px;}
.table td {padding: 2px 5px 2px 5px; border: solid 1px rgb(150,150,150); text-align: left; font-size: 120%;}
.table th {margin: 0px; padding: 2px 5px 2px 5px; border: solid 1px rgb(150,150,150); empty-cells: show; text-align: left; font-size: 120%; }
.table-caption {margin: 0.5em 0px 1.0em 30px; padding: 0px; clear: both; text-align: left; font-size: 120%;}


/* Images */
.img-left-noborder {float: left; margin: 0px 10px 0px 0px;}
.img-left-noborder-notopmargin {float: left; margin: 0px 10px 0px 0px;}
.img-left-noborder-topmargin {float: left; margin: 3px 10px 0px 0px;}
.img-right-noborder-notopmargin {float: right; margin: 0px 0px 0px 10px;}
.img-right-noborder-topmargin {float: right; margin: 3px 0px 0px 10px;}


/*--------------------*/
/* Sidebar Area */
/*--------------------*/
.sidebar {overflow: hidden; float: right; width: 160px; min-height: 500px; margin: 0px; padding: 0px 0px 10px 0px; text-align: left; color: rgb(75,75,75);}
.sidebar-maintitle {margin: 0px 0px 10px 0px; padding: 3px 10px 2px 10px; background-color: rgb(146,39,143); color: rgb(255,255,255); text-transform: uppercase; font-weight: bold; font-size: 10px;}
.sidebar-maintitle a {color: rgb(255,255,255); text-decoration: none;}
.sidebar-maintitle a:hover {color: rgb(0,0,0); text-decoration: none;}
.sidebar-title-noshade {margin: 0px; padding: 2px 10px 3px 10px; border-top: solid 1px rgb(215,215,215); color: rgb(75,75,75); font-weight: bold; font-size: 120%;}
.sidebar-txtbox-noshade {margin: 0px 0px 8px 0px; padding: 1px 3px 2px 8px; font-size: 1.0em;}
.sidebar-txtbox-noshade p {margin: 0px 0px 10px 0px; padding: 0px; line-height: 1.25em; font-size: 120%;}


/*--------------------*/
/* Footer Area  */
/*--------------------*/
.footer {overflow: hidden; clear: both; width: 770px; height: 3.0em; margin: 0px; padding: 0.5em 0px 0.5em 0px; border-top: solid 1px rgb(125,125,125); background-color: rgb(146,39,143); color: rgb(255,255,255); font-size: 10px;}
.footer p {margin: 0px; padding: 0px; text-align: center; line-height: 1.3em; font-size: 110%;}

/*-------------------*/
/* Hyperlinks  */
/*-------------------*/
.content1 a, .content2 a, .content3 a, .sidebar-txtbox-noshade a, .sidebar-txtbox-shade a {color: rgb(75,75,75); text-decoration: underline;}
.content1 a:hover, .content2 a:hover, .content3 a:hover, .sidebar-txtbox-noshade a:hover, .sidebar-txtbox-shade a:hover {color: rgb(0,0,0); text-decoration: none;}
.content1 a:visited, .content2 a:visited, .content3 a:visited, .sidebar-txtbox-noshade a:visited, .sidebar-txtbox-shade a:visited  {color: rgb(150,150,150);}
.footer a {color: rgb(255,255,255); text-decoration: underline;}
.footer a:hover {color: rgb(0,0,0); text-decoration: none;}