/* ----------------------------- ELEMENTS ----------------------------------*/

body {  background-color:#FFF; font-family:verdana; font-size:11px; color:#666666; margin:0px; min-width: 770px; }
/*
For the different backgrounds
*/
#interreg { background: url(../img/bg.gif) repeat top; }
#skargard { background: url(../img/bg2.gif) repeat top; }

#skargard a { color: #968A55; }
#interreg a { color: #CCCCCC; }
#footer a { font-weight: bold; }

#interreg #container a { color: #6B84A6; }

#skargard #footer {color: #FFF;}
#footer a {color: #FFF; }

a {text-decoration: none; }

a:hover { text-decoration: underline; }

a.linkText {font-family: Verdana, Arial, Helvetica, sans-serif;font-size: 8pt;color: #5584AE; text-decoration: none;}

table {font-size: 11px;}
#skargard table, #skargard td {color: #333; }
.left {float: left !important;}
.right {float: right !important;}
#startpage #container img.start {border: solid #000; border-width: 1px 0; margin: 0 0 3px 1px;}
#startpage {background: #BFBDC3;}
#startpage #container {position: absolute; top: 50%; left: 50%; width: 645px; height: 280px; margin: -250px 0 0 -325px;}
#startpage #inter { width: 300px;  height: 180px; }
#startpage #inter img {position: relative; top: 50%; left: 50%; margin: -37px 0 0 -116px;}
#startpage #samarbete {width: 300px;  border-width: 1px 1px 1px 1px; height: 180px; position: relative; }
#startpage #samarbete img {position: absolute; top: 50%; left: 50%; margin: -25px 0 0 -115px;}
#startpage #inter {background: #FFF; }
#startpage #samarbete {background: #FFF;}
#startpage>#samarbete { height: auto !important;}
#startpage>#inter { height: auto !important;}
.samarbete, .inter {border: 0 !important; width: 300px !important;}
#startpage #footer { clear: both; padding: 10px; }

#startpage div div div div div div.text { height: 180px; margin: 0 10px 0 10px; } 
#startpage #innerbox1 {width: auto !important;}
#startpage #innerbox3 {width: 300px !important; background: #FFF;}

/* --------------------------------IDS--------------------------------------*/

#wrap { position: relative; left: 50%; width: 770px; margin: 40px 0 20px -385px;}

#menu {clear: both; margin-left: 10px;  padding: 0; float: right;}
/* Ska modifiera efterhand */
#menu ul { list-style: none; white-space: nowrap; margin: 0; padding: 0 0 0 0;}
#menu ul li { font-size: 13px; display: inline; margin: 0 0.6em 0 0em; }
#menu ul li a { text-decoration: none; font-size: 11px;  padding: 0;}
/* for the different colors*/
#interreg #menu ul li a {color: #F4F4F4;}
#skargard #menu ul li a {color: #F3F1E8;}
#interreg #menu ul li a:hover, #interreg #menu ul li { color: #A3A9D1;  }
#skargard #menu ul li a:hover, #skargard #menu ul li { color: #DAD4BA;  }

#menu ul li a:hover, #menu ul li {font-weight: bold;}
/* Slut h‰r fˆr menu-modif. */

#innerbox1 { /*boxen som rymmer de fyra delboxarna, inklusive mellanbl ramen o kanten utanfˆr, egentligen bara en bakgrund*/

  border: 1px solid #EEEEEE;
  width: 769px;
  clear: both;
  }

#interreg #innerbox1 {background-color: #6C9ACA; }
#skargard #innerbox1 { background: #C8BE92;}  
#innerbox2 { /*boxen som rymmer de fyra delboxarna, inklusive mellanbl ramen, egentligen bara en bakgrund*/
  position: relative;
  margin: 1px;  
  }
#interreg #innerbox2 {border: 7px solid #8CB2D9; }
#skargard #innerbox2 { border: 7px solid #D6D1B8; }

#innerbox3 { /*boxen som rymmer de fyra delboxarna, innanfˆr mellanbl ramen, ger smala vita ramar*/
  position: relative;
  border: 1px solid #C5CAE4;
  width: 751px;
  margin: 0px;
  background-color: #EEE;    
  }

#newsbox {
  margin: 10px 0 10px 24px;
  }
  
#interreg #topImage { height: 100px; background: url("../img/top_bg.jpg"); width: 750px; cursor: hand;}

#skargard #topImage { height: 100px; background: url("../img/top_bg2.jpg"); width: 750px; cursor: hand;}

#interreg #container { background: url("../img/bg.jpg") repeat-y; height: 1%; width:auto;  margin: 0; padding: 0; }

#innerbox3>#container {height: auto !important;}

#skargard #container { background: url("../img/bg2.jpg") repeat-y; height: 1%; width: auto; margin: 0; padding: 0; }

/* ovanfˆr h‰r*/
#interreg #bottomBreak { clear: both; background: url("../img/bottom_bg.jpg") no-repeat; height: 5px; font-size: 0px;}
#skargard #bottomBreak { clear: both; background: url("../img/bottom_bg2.jpg") no-repeat; height: 5px; font-size: 0px;}

/* Hides from IE-mac \*/
#container:after {content: ".";  display: block;  height: 0; clear: both; visibility: hidden;}
/* End hide from IE-mac */
#footer { text-align: center;  color: #FFF; padding: 5px 0 5px 0; }
.lbl1 {
  margin: 8px;
  }

.lbl2 {
  margin: 15px;
  }

.sign {
  margin-left: 8px;
  }

.inputtext1 {
  font-family: verdana;
  font-size: 10px;
  color: #333333;
  margin-left: 1px;
  }

.columntext { padding-left: 8px; padding-right: 8px; font-family: verdana; font-size: 10px; color: #666666; clear: both;}


H1 {  margin: 10px 0px 10px 0px; padding-top: 0px; font-family: verdana; font-size: 14px; color: #333333; border-bottom: 1px solid #333333; } /* Sidrubrik */

.newsheadline {  margin: 0px 0 0px 24px;
  padding-top: 0px;
  font-family: verdana;
  font-size: 12px;
  color: #333333;

}

.newstext {  margin: 10px 0 10px 24px; padding-top: 0px; font-family: verdana; font-size: 10px; color: #333333; height: 15px;}
.textblock { font-family: verdana; font-size: 10px; color: #666666; margin: 10px 24px 10px 0px !important; height: 15px;}
#wideColumn>.textblock {height: auto !important;}
#narrowColumn>.newstext {height: auto !important;}

#wideColumn { width: 526px; float: right;}
#narrowColumn { float: left; width: 180px;  }

.norden {position: absolute; bottom: 5px; right: 10px;}
.norden img {border: 0;}