/* TinyMCE specific rules */
body.mceContentBody
{
	background: #FFF;
}

/*CSS */
body
{
	margin: 0;
	font-family: Arial, Helvetica, sans-serif;
	font-size: 12px;
	color: #332d1f;
}
.clear
{
	clear: both;
}
.floatleft
{
	float: left;
	margin: 0px 10px 10px 0px;
}
.floatright
{
	float: right;
	margin: 0px 0px 10px 10px;
}
img
{
	border: none;
}
#headerbg
{
	height: 145px;
	background: url(/images/header_bg.jpg);
	margin-bottom: 40px;
}
#header
{
	width: 800px;
	margin: auto;
}
#logo
{
	float: right;
	margin: 18px -20px 0px 0px;
}
#banner
{
	width: 890px;
	height: 300px;
	background: url(/images/banner_bg.jpg);
	margin: 0px 0px 15px -45px;
}
#container
{
	margin: auto;
	width: 800px;
	min-height: 200px;
	margin-bottom: 50px;
}
#content
{
		
}
#content.small
{
	float: left;
	width: 495px;
	margin-right: 45px;
}
#col1
{
	width: 390px;
	float: left;
	margin-right: 20px;
}
#col2
{
	width: 390px;
	float: left;
}
#sidebar
{
	float: left;
	width: 258px;
}
#sidebar .box
{
	margin-bottom: 25px;
}

/* ----------------- */
/* Menu formating */
/* ----------------- */
#menu
{
	padding-top: 78px;
	margin-left: -6px;
}
#menu li
{
	margin: 0;
	padding: 0;
	float: left;
	display: inline;
	margin-right: 25px;
	list-style-type: none;
}
#menu a
{
	display: block;
	padding: 0px 6px;
	line-height: 30px;
	height: 44px;
}
#menu a, #menu a:visited
{
	text-decoration: none;
	font-size: 18px;
	color: #fff;
}
#menu a:hover, #menu a.active
{
	text-decoration: none;
	background: url(/images/menu_highlight.png) left no-repeat;
}

/* ----------------- */
/* Text formating */
/* ----------------- */

h1, h2, h3, p
{
	margin: 0;
	padding: 0;
}
h1
{
	padding: 0px 0px 12px 0px;
	font-size: 18px;
	text-transform: uppercase;
	font-weight: normal;
}
h2
{
	padding: 3px 0px 6px 0px;
	font-size: 15px;
}
p
{
	padding: 6px 0px;
}
a, a:visited
{
	color: #73b094;
	text-decoration: none;
}
a:hover, a:active
{
	text-decoration: underline;
}
ul
{
	margin: 0;
	padding: 0;
}
li
{
	margin: 0;
	padding: 0;
}

/* Text formating */
.headerbox
{
	margin-bottom: 20px;
}
.greenheader
{
	padding: 4px 6px;
	color: #fff;
	display: inline;
	background: #7eb89f;
}
#intro
{
	padding-left: 12px;
	background: url(/images/green_bar.gif) repeat-y;
	margin-bottom: 35px;
	width: 495px;
}
#intro h2
{
	padding: 0px 0px 6px 0px;
}
#intro p
{
	padding: 6px 0px 0px 0px;
}

/* ----------------- */
/* Sidebar Twitter  */
/* ----------------- */
#twitter
{
}
#twitter li
{
	list-style: none;
	border-bottom-style: dotted;
	border-bottom-width: 1px;
	border-bottom-color: #918c80;
	font-size: 11px;
	line-height: 1.4em;
	padding-bottom: 10px;
	margin-bottom: 8px;
}
#twitter li a
{
	font-size: 11px;
}
#twitter li a.date
{
	font-size: 11px;
	display: block;
	text-align: right;
	margin: 3px 0px 0px 0px;
}
#twitterlink
{
}

/* ----------------- */
/* Sidebar Contact  */
/* ----------------- */
.contact
{
	float: left;
}
.contact li
{
	list-style: none;
	display: inline;
	float: left;
	clear: both;
	padding: 0px 4px;
	line-height: 1.5em;
	cursor: default;
}
.contact li:hover
{
	background: #f59124;
}
.contact img
{
	vertical-align: text-bottom;
	margin-right: 3px;
}

/* ----------------- */
/* Contact Page  */
/* ----------------- */
.employee
{
	margin-bottom: 35px;
	line-height: 1.6em;
}
.employee img.contact
{
	float: left;
	position: relative;
	margin-right: 10px;
}
.employee img
{
	vertical-align: text-bottom;
	margin-right: 3px;
}
.employee p
{
	padding-top: 0px;
}

/* ----------------- */
/* Referenser page  */
/* ----------------- */
#referenser
{
	
}
#referenser li
{
	list-style: none;
	list-style: none;
	border-bottom-style: dotted;
	border-bottom-width: 1px;
	border-bottom-color: #918c80;
	font-size: 11px;
	line-height: 1.4em;
	padding-bottom: 18px;
	margin-bottom: 20px;

}
#referenser li span
{
	float: left;
	display: block;
	width: 390px;
}
#referenser li > span:first-child
{
	margin-right: 20px;
}
#referenser li h2
{
	margin-top: 5px;
}
#referenser li .link
{
	float: right;
	display: block;
}


/* ----------------- */
/* Coda nav  */
/* ----------------- */
	.coda-slider-wrapper { padding: 0px 0 }
	.coda-slider { background: none;}
	
	/* Use this to keep the slider content contained in a box even when JavaScript is disabled */
	.coda-slider-no-js .coda-slider { height: 270px; overflow: auto !important; padding-right: 0px }
	
	/* Change the width of the entire slider (without dynamic arrows) */
	.coda-slider, .coda-slider .panel { width: 495px } 
	
	/* Change margin and width of the slider (with dynamic arrows) */
	.coda-slider-wrapper.arrows .coda-slider, .coda-slider-wrapper.arrows .coda-slider .panel { width: 500px }
	.coda-slider-wrapper.arrows .coda-slider { margin: 0 0px }
	
	/* Arrow styling */
	.coda-nav-left a, .coda-nav-right a { background: #000; color: #fff; padding: 5px; width: 100px }
	
	/* Tab nav */
	.coda-nav ul li a.current { background: #e54628; }
	
	/* Panel padding */
	.coda-slider .panel-wrapper { padding: 0px }
	
	/* Preloader */
	.coda-slider p.loading { padding: 20px; text-align: center }

	/*Title*/
	.panel-wrapper .title { display: none; }
	
	/*Tabbed nav*/
	.coda-nav ul { clear: both; display: block; margin: 0; overflow: hidden }
	.coda-nav ul li { display: inline }
	.coda-nav ul li a { background: #483f2c; color: #fff; display: block; float: left; margin-right: 1px; padding: 3px 6px; text-decoration: none }
	
	/* Miscellaneous */
	.coda-slider-wrapper { clear: both; overflow: auto}
	.coda-slider { float: left; overflow: hidden; position: relative }
	.coda-slider .panel { display: block; float: left }
	.coda-slider .panel-container { position: relative }
	.coda-nav-left, .coda-nav-right { float: left }
	.coda-nav-left a, .coda-nav-right a { display: block; text-align: center; text-decoration: none }
	

























/* EDITOR PROPERTIES - PLEASE DON'T DELETE THIS LINE TO AVOID DUPLICATE PROPERTIES */
h1 {

}

h2 {

}

h3 {

}