/* --------------------------------------------------------
  Project:		Företagsnamn
  Author:		Xelera Communication AB | www.xelera.se
---------------------------------------------------------*/

/* body
---------------------------------*/
#index_body {
	margin:0 0 15px 0;
	background-color:#EEE7E2;
	text-align:center;
}
body { 
	margin:10px;
	background-color:#fff;
	font-family: trebuchet ms, tahoma, verdana;
	color:#666;
}



/* text
---------------------------------*/
.text, .text td { 
	font-size:0.7em;
	line-height:1.6em;
	margin:0;
}

/* structure
---------------------------------*/
#container {
	width:770px;
	background:url(../bilder/bg.gif) 0 0 repeat-y;
	margin:0 auto;
	text-align:left;
}

#header {
	background-color:#A59895;
	margin:0 10px;
	color:#E4DCD1;
	text-align:center;
	padding:0.4em 0 0.3em 0;
	text-transform:uppercase;
	letter-spacing:2px;
}

#contentContainer {
	margin:0 10px;
	width:750px;
}

#sidebar {
	float:left;
	width:240px;
}

#main {
	float:right;
	padding-bottom:15px;
}

#bottom {
	background:url(../bilder/bottom.gif) 0 0 no-repeat;
	width:770px;
	height:37px;
	margin:0 auto;
}

#mainContent {
	width:479px;
	padding:0 15px;
}

/* navigation
---------------------------------*/
#navigation {
	background:#fff;
}

#navigation .actState,
#navigation .inactState {
	border-top:#CCC 1px solid;
	color:#888;
	font-weight:bold;
	display:block;
	padding:0.3em 15px 0.3em 15px;
	width:210px;
}

#navigation .actState {
	background-color:#F2F2F2;
	color:#4F84CD;
}

#navigation .actState:hover,
#navigation .inactState:hover,
.submenu:hover,
.submenu_act:hover {
	color:#000;
	text-decoration:none;
}

.line {
	background:url(../bilder/line.gif) 0 0 repeat-x;
	font-size:1px;
	line-height:1px;
	display:block;
	background-color:#F2F2F2;
	padding-bottom:4px;
}

.submenu {
	color:#888;
	padding:0 15px;
	display:block;
	font-weight:bold;
	background-color:#F2F2F2;
}
.submenu_act {
	color:#4F84CD;
	padding:0 0 0 23px;
	background:url(../bilder/arrow.gif) 15px 55% no-repeat;
	display:block;
	font-weight:bold;
	background-color:#F2F2F2;
}

.navSpace {
	background-color:#F2F2F2;
	height:3em;
	font-size:1px;
	display:block;
}


/* standard elements
---------------------------------*/
h1 {
	width:240px;
	height:132px;
	background:#4F84CD url(../bilder/logo.gif) center center no-repeat;
	text-indent:-9999px;
	margin:0;
}

h2 {
	margin:0.6em 0 0.4em 0;
	font-size:1.5em;
	font-weight:normal;
}

h3 {
	background-color:#4BAAB5;
	color:#fff;
	margin:0;
	padding:0.3em 15px 0.3em 15px;
}
h4 {
	margin:0;
	padding:0;
	font-size:100%;
	font-weight:bold;
}
a {
	color:#4F84CD;
	text-decoration:none;
}

a:hover {
	color:#000;
	text-decoration:underline;
}

ul {
	padding:0 0 0 25px;
}

li {
	list-style-type:disc;
	padding-bottom:0;
}

form, p, ul {
	margin:0;
}

/* elements
---------------------------------*/
.mandatory {
	color:#c03;
	font-weight:bold;
}

.main_width {
	width:469px;
}

.img1,
.img2,
.img3,
.img4,
.img5,
.img6,
.img7,
.img8 {
	width:509px;
	height:133px;
}
.img1 { background:#ccc url(../bilder/img1.jpg) 0 0 no-repeat; }
.img2 { background:#ccc url(../bilder/img2.jpg) 0 0 no-repeat; }
.img3 { background:#ccc url(../bilder/img3.jpg) 0 0 no-repeat; }
.img4 { background:#ccc url(../bilder/img4.jpg) 0 0 no-repeat; }
.img5 { background:#ccc url(../bilder/img5.jpg) 0 0 no-repeat; }
.img6 { background:#ccc url(../bilder/img6.jpg) 0 0 no-repeat; }
.img7 { background:#ccc url(../bilder/img7.jpg) 0 0 no-repeat; }
.img8 { background:#ccc url(../bilder/img8.jpg) 0 0 no-repeat; }

#adressBox {
	padding:10px 15px;
	color:#fff;
	font-weight:bold;
}

#adressBox a {
	color:#fff;
	text-decoration:underline;
}

#newsBox {
	background:#fff;
	padding:10px 15px;
	line-height:1.4em;
}

.newsItem {
	margin-bottom:0.7em;
}

#newsBox a {
	font-weight:bold;
	color:#888;
}
#newsBox a:hover {
	color:#000;
}

#newsBox b {
	font-size:0.9em;
	color:#4F84CD;
}

.showAll {
	background:url(../bilder/arrow.gif) 0 55% no-repeat;
	padding-left:8px;
}

.newsLeft {
	vertical-align:top;
	padding-right:1.2em;
}

.newsRight {
	vertical-align:top;
}

#header a {
	color:#fff;
}
#header a:hover {
	text-decoration:underline;
}

.min_lineheight {
	line-height:1.4em;
}

.main_width img {
	border:0;
	margin:5px 10px 7px 0;
	float:left;
}

/* newsManager
-------------------------------------------------*/
div.newsManagerImage_left,
div.newsManagerImage_right {
	border:#ccc 1px solid;
	background:#fff;
	padding:3px;
	display:block;
}
div.newsManagerImage_left {
	float:left;
	margin:0 10px 10px 0;
}
div.newsManagerImage_right {
	float:right;
	margin:0 0 10px 10px;
}


/* other - no edit
---------------------------------*/
.clearer {
	clear:both;
	line-height:0;
	min-height:0;
}