/* Landahl Öhman */

@import "reset.css";

body {
  font: 1em verdana, arial, sans-serif;
  color: #000;
  background: #ededed url(../images/page-bg-grey.jpg) repeat-x top left;
}

body#feature {
  background: #fff none;
  padding: 3em;
}

div#container {
  width: 960px;
  margin: 0 auto;
  padding: 0 11px 0 5px;
  background: url(../images/content-bg.png) repeat-y top left;
}

div#topShadow {
  width: 976px;
  height: 20px;
  margin: 20px auto 0;
  background: url(../images/content-top-bg.png) no-repeat top left;
  overflow: hidden;
}

div#bottomShadow {
  width: 976px;
  height: 24px;
  margin: 0 auto;
  background: url(../images/content-bottom-bg.png) no-repeat top left;
}

div#content {
  width: 930px;
  position: relative;
  padding: 0px 0 0 30px;
}

/* header */

div#header {
  position: relative;
  width: 960px;
}

div#greenLine {
  position: relative;
  width: 900px;
	height: 20px;
	background-color: #adc59a;
	margin-left: 30px;
}

h1#logo, p#logo {
  display: block;
  margin: 0;
	width: 230px;
}

h1#logo a, p#logo a {
  display: block;
  width: 190px;
  height: 80px;
  margin: 0 0 0px;
  padding-top: 15px;
  background: url(../images/landahl-logo.gif) no-repeat right;
  text-indent: -999em;
  position: relative;
  overflow: hidden;
}

div.language { 
position: absolute;
	right: 32px;
	top: 5px;
	text-align: right;
	width: 200px;
}

div.language a	{ 
font-size:10px; 
font-weight:normal; 
text-decoration:none;
}

div.language a:hover {
	text-decoration: underline;
}

/* footer */

div#footer {
  text-align: center;
  padding: 10px 0 0;
}

div#footer p { color: #999; margin: 0;
	font: 11px Arial, Helvetica, Geneva, sans-serif;
}

div#footer a { color: #999; text-decoration:none; }

div#footer p span { padding: 0 .5em; }

div#logos {
  width: 900px;
  padding: 0 30px;
}

/* columns */

div.column280,
div.column350,
div.column520 {
  float: left;
  padding: 0 30px 6px 0;
}

div.column280right {
  float: right;
  padding: 0 0px 6px 0;
  width: 280px;
}

div.column280 { width: 280px; }

div.column280_2 { 
	width: 280px; 
	float: left;
  	padding: 0 20px 6px 0;
}

div.column350 { width: 350px; padding-right: 0; }

div.column520 { width: 520px; padding: 0 30px 30px 0; }

div.column900 { width: 900px; }

div.column590 {
  float: left;
  width: 590px;
  padding: 0 30px 10px 0;
}

div.column540left {
  float: left;
  width: 540px;
  padding: 0 30px 10px 0;
}

div.column540right {
  float: right;
  width: 480px;
  padding: 0 0px 30px;
}

div.column320left {
  float: left;
  width: 400px;
	padding: 0 20px 6px 0;
}

div.column320right {
  float: right;
  padding: 0 0px 6px 0;
  width: 300px;
}

div.column150left {
  float: left;
  width: 170px;
	margin-top: 55px;
	border-right-style: solid;
	border-right-width: 1px;
	padding-right: 12px;
	padding-top: 0;
	padding-bottom: 6px;
}

div.column150left2 {
  float: left;
  width: 170px;
	margin-top: 55px;
	border-right-style: solid;
	border-right-width: 1px;
	padding: 0 15px 6px 10px;
}

div.column279 {
  position: relative;
  left: -1px;
  float: left;
  width: 279px;
  padding: 0 0 35px 35px;
  border-left: 1px solid #f1f1f1;
}

div.column225left {
  float: left;
  width: 239px;
  border-right: 1px solid #f1f1f1;
  padding: 16px 35px 16px 0;
}

div.column225right {
  position: relative;
  left: -1px;
  float: left;
  width: 239px;
  border-left: 1px solid #f1f1f1;
  padding: 16px 0 16px 35px;
}

div.column260left {
  float: left;
  width: 260px;
  padding: 16px 30px 16px 0;
}

div.column260right {
  float: left;
  width: 260px;
  padding: 16px 0 16px 0;
}

/* medarbetare */
div.column240left {
  float: left;
  width: 260px;
	margin-top: 55px;
	padding-right: 20px;
	padding-top: 0;
	padding-bottom: 6px;
}

#column240left #LeftAreaTop
{
	width:260px;
}

div.ProfileImage
{
	text-align:center;
	margin-bottom: 10px;
	width: 260px;
	height: 300px;
	overflow: hidden;
}

div.kontaktTop {
	width: 260px;
	height: 10px;
	margin: 0;
	padding: 0;
	background: #99cc99 url(../images/kontakt_bg_01.png) no-repeat;
}

div.kontaktMiddle {
	width: 260px;
	margin: 0;
	padding: 0;
	background: #99cc99 url(../images/kontakt_bg_02.png) no-repeat;
}

div.kontaktBottom {
	width: 260px;
	height: 10px;
	margin: 0;
	padding: 0;
	background: #fff url(../images/kontakt_bg_03.png) no-repeat;
}

div.kontaktContent {
	width: 240px;
	margin: 0 10px 0 10px;
	padding: 10px 0 0;
	overflow: auto;
}

div.column400 {
  float: left;
  width: 620px;
  margin-top: 55px;
  padding: 0 0px;
	margin-bottom: 30px;
}

div.column400adress {
  width: 620px;
  margin-top: 0;
  padding: 0px 0px;
	position: relative;
	margin-bottom: 0;
	float: right;
	background-color: #adc59a;
	margin-left: 280px;
}

div.column400back {
  width: 620px;
  margin-top: 0;
  padding: 0px 0px 30px;
	position: relative;
	margin-bottom: 0;
	float: right;
}


div.column170left {
  float: left;
  width: 150px;
	padding-left: 10px;
	padding-top: 10px;
	padding-bottom: 6px;
}

div.column230left {
  float: left;
  width: 250px;
	padding-top: 10px;
	padding-left: 10px;
	padding-bottom: 6px;
}


div.kontaktBottomVid {
	width: 620px;
	height: 10px;
	position: relative;
	margin: 0 0 10px 280px;
	padding: 0;
	float: right;
	background: #fff url(../images/kontakt_bg_2_03.jpg) no-repeat;
}

.column400 h3
{
	font-weight:bold;
	margin:0;
	padding:0;
	margin-bottom:2px;
}

/* administration */

div.adminMain {
  float: left;
  width: 420px;
	margin-top: 55px;
	padding-right: 20px;
	padding-top: 0;
	padding-bottom: 6px;
}

div.adminContainer {
  float: left;
  width: 420px;
	padding-top: 0;
	padding-bottom: 20px;
}

div.adminPers {
  float: left;
  width: 200px;
  padding-bottom: 6px;
	height: 231px;
}

.adminBild {
	margin: 0 20px 0 0;
	float: left;
}


/* nyhetskolumn */

div.newsColumn {
  float: right;
  padding: 0;
  width: 280px;
	margin-top: 50px;
	margin-bottom: 30px;
}

div.newsTop {
	width: 280px;
	height: 10px;
	margin: 0;
	padding: 0;
	background: #c0e2ea url(../images/news_bg_01.png) no-repeat;

}

div.newsMiddle {
	width: 280px;
	margin: 0;
	padding: 0;
	background: #daecf2 url(../images/news_bg_02.png) no-repeat;
}

div.newsBottom {
	width: 280px;
	height: 10px;
	margin: 0;
	padding: 0;
	background: #fff url(../images/news_bg_03.png) no-repeat;
}

div.newsContent {
	width: 260px;

	margin: 0 10px 0 10px;
	padding: 0;
	overflow: auto;
}

/* kurskolumn */

div.kursBild {
	width: 225px;
	margin: 25px 0 0;
	padding: 0;
	float: left;
}

div.kursColumn {
  padding: 0;
  width: 255px;
	margin-top: 25px;
	float: right;
}

div.kursTop {
	width: 255px;
	height: 10px;
	margin: 0;
	padding: 0;
	background: #c0c9c2 url(../images/kurser_bg_01.png) no-repeat;

}

div.kursMiddle {
	width: 255px;
	margin: 0;
	padding: 0;
	background: #eaeaea url(../images/kurser_bg_02.png) no-repeat;
	height: 390px;
}

div.kursBottom {
	width: 315px;
	height: 2px;
	margin: 0;
	padding: 0;
	background: #fff url(../images/kurser_bg_03.png) no-repeat;
}

div.kursContent {
	width: 205px;
	height: 345px;
	margin: 0;
	padding: 30px 20px 0 30px;
	overflow: auto;
}

/* text */

h1 {
  font-size: 1.25em;
  color: #2b704b;
	margin: 1em 0 .3em;
}

content#startpage h1 {
  font-size: 1.3em;
  color: #2b704b;
  margin: 25px 0 10px;
}

h2 {
  font-size: 1.05em;
  color: #2b704b;
  margin: 1em 0 .3em 0;
}

h3 {
  font-size: 0.95em;
  color: #000;
  margin: 15px 0 6px;
}

h4 {
  font-size: 0.9em;
  color: #000;
  margin: 0 0 6px;
	line-height: 1.5em;
}

h5 {
  font-size: 1em;
  line-height:1.4em;
  margin: 0.6em 0;
}

p {
  font-size: .7em;
  line-height: 1.4em;
  color: #000;
}

p.noMargin { margin: 0; }

h3.noMargin { margin: 0 0 6px; }

p.big {
  font-size: .9em;
}

a.green {
	color: #66b467
}

.underline {
	line-height: 1.2em;
	border-bottom: 1px solid #a7d8e3;
	margin-bottom: 8px;
	padding-bottom: 5px;
	font-size: .9em;
}

.underlineSmall {
	line-height: 1.2em;
	border-bottom: 1px solid #a7d8e3;
	margin-bottom: 8px;
	padding-bottom: 5px;
	font-size: .82em;
}

/* links */

a:link {
	color: #000000;
	text-decoration: underline;
}
a:visited {
	text-decoration: underline;
	color: #000000;
}
a:hover {
	text-decoration: underline;
	color: #000000;
}
a:active {
	text-decoration: underline;
	color: #000000;
}

div.column150left a {
text-decoration: none;
}
div.column150left2 a {
text-decoration: none;
}

/* lists */

div.column550 ul {
  list-style: disc outside;
  font-size: .68em;
  margin: 1em 0 1em 2em;
  color: #000;
}

div.column550 ul ul {
  font-size: 1em;
}

div.column550 li {
  margin: .3em 0;
  line-height:1.6em;
}

div.column550 ol {
  list-style: decimal outside;
  font-size: .68em;
  margin: 1em 0 1em 3em;
  color: #000;
}

/* navigation */
div#tabarea {
	width: 100%;
	height: 30px;
}

#nav {
	margin: 0;
	width: 900px;
	height: 30px;
	overflow: hidden;
	font: bold 11px Arial, Helvetica, Geneva, sans-serif;
	padding: 0 30px 0 30px;
	text-transform: uppercase;
}

#nav li {
	margin: 0;
	float: right;
	display: block;
	padding-right: 7px;
	margin-left: 6px;
	background: url(../images/fr_tab_r.png) 100% -40px no-repeat;
}


#nav li:hover,
#nav li.over {
	background-position: 100% -80px;
}

#nav li.on,
#nav li.on:hover,
#nav li.over.on {
	background-position: 100% 0;
}


#nav li ul {
	display: none;
	margin: 0;
	padding: 0;
	position: absolute;
	top: 23px;
	height: 30px;
	left: 0;
	width: 100%;
	overflow: hidden;
}

#nav a {
	text-decoration: none;
	cursor: pointer;
	background: url(../images/fr_tab_l.png) 0 -40px no-repeat;
	color: #fff;
}

#nav li.on li.on a {
	text-decoration: underline;
}

#nav li:hover a,
#nav li.over a {
	background-position: 0 -80px;
}

#nav li.on a, 
#nav li.on:hover a,
#nav li.over.on a {
	background-position: 0 0;
	color: #000;
}

#nav li.on ul {
	display: block;
	background: #fff;
}

#nav li:hover ul, 
#nav li.over ul {
	display: block;
	z-index: 6000;
}

#nav li a {
	display: block;
	float: left;
	height: 30px;
	line-height: 28px;
	padding: 0 4px 0 10px;
}

/* sub level links */


#nav ul li {
	border-right: 0;
	padding: 3px 0;
	background: none;
}

#nav li ul {
	background: #fff;
}

#nav li ul a, #nav li.on ul a {
	display: block;
	float: left;
	padding: 0 15px;
	background: none;
	height: 20px;
	line-height: 20px;
	border-right: 1px solid #282828;
}

/* misc */

.clearLeft { clear: left; }

.clearRight { clear: right; }

.clear { clear: both; }

div.hr {
  height: 1px;
  margin: 20px 0;
  border-top: 1px solid #f5f3f2;
}

.div_hr2
{
	width:100%;
	height:2px;
	background-image: url(../images/hr.gif);
	background-repeat:repeat-x;
	background-position:left center;
	margin-top:7px;
	margin-bottom:7px;	
}

div.hr hr { display: none; }

div.alt { display: none; }