/*FÄRGER: grön: #089D20, röd: #8B0000 FONT: Century Gothic, sans-serif */

/*Grön2 #839B08, Brun: #9B6A08 , blå: #08839B, röd: #B2020F, Grå: #666666*/

* {margin:0;padding:0}

body {
	background: transparent url(../img/bg/black_80_opac.png) top left repeat;
	/*font-family: Tahoma, Geneva, sans-serif;*/
	font-family: Century Gothic, sans-serif;
	font-size: 76%;
	text-align:center;
	color: #333333;
}

#body_bg {
	position:fixed; top:0; left:0; width:100%; z-index: -99; overflow: visible;

}

#top_bg {
	position:fixed; top:0; left:0; width:100%; z-index: -99; overflow: visible;
}

#outer{
	/* Ändra denna sen - black_grad_1_145
	background: transparent url(../img/bg/black_grad_1_60.jpg) top left repeat-x;
	*/
	width:100%;
	display:table;
	vertical-align:middle;
}

#container {
	text-align: center;
	position:relative;
	vertical-align:middle;
	display:table-cell;
}

#inner {
	text-align: left;
	margin-left:auto;
	margin-right:auto;
	width: 880px; /*Sätt önskad bredd här*/
}

#top	{
	color: #333333;
	/*Ändra till denna sen
	color: #DFDFDF;
	*/
	height: 60px; /*Ta bort sen*/ 
}

/*Ta bort sen*/
#spec	{
	background-color: black;
	text-align: center;
	width: 100%; 
	margin: 0px 0px 0px 0px;
	padding: 0px 0px 0px 0px;
}

#spec #inner	{
	text-align: center;
	width: 880px; 
	margin: 0px auto 0px auto;
	padding: 20px 0px 20px 0px;
}
/*Ned hit*/

#top #logo	{	
		height: 110px;
		width: 260px;
		padding-left: 0px; 
		margin: 15px 0px 5px 0px;
}

#top #logo #keywords	{	
	float: right;
	margin: 20px 0px 5px 0px; 
	font-family: Tahoma, Geneva, sans-serif;
	font-size: 15px;
	letter-spacing: -1px;
	width: 144px;
}

#top #share-div {
	float: right;
	margin: 10px 10px 0px 0px;
}

h1,h2,h3,h4,h5,h6 {
	margin: 0.2em 0;
	font-weight: bold;
}

.pre_h1	{
	font-family: Courier New, Courier New, monospace;
	line-height: 0.8em;
	color: #CDCDCD;
	margin: 0 0 0 0;
}

h1	{
	font-size: 1.8em;
	margin: 0 0 0.2em 0;
}

#ingress 	{
	width: 50%;
	margin: 0 50px 20px 0;
}

#ingress h1	{
	font-family: Courier New, Courier New, monospace;
	font-size: 2.0em;
	line-height: 1.3em;
	margin: 0 0 0.5em 0;
}

h2	{
	margin: 0.5em 0;
	font-size: 1.4em;
}

h2.cat_head	{
	margin: 0 0 0.5em 0;
	font: normal bold normal 1.2em Comic Sans MS, cursive;
}

p 	{
	margin: 0px 0px 1em 0px;
	padding: 0px;
}

#overhead	{
		margin: 10px 0px 0px 0px; 
		padding: 0px 0px 0px 0px;
		height: 25px;
		text-align: right;
}

#textanim 	{
	float: right;
	width: 200px;
	height: 190px;
	margin: -20px 0px 0px 0px;
	padding: 0px 0px 0px 0px;
	display: inline;
}

#refs	{
	height: 170px;
	margin: 0px 0px 10px 0px;
	padding: 0px 0px 0px 0px;
	/*
	background-color: #666666;
	background-image: url(../img/misc/black_grad_1_110_usd.png);
	background-position: top left;
	background-repeat: repeat;
	*/
}

#refs #text	{
	height: 80px;
	padding: 25px 20px 25px 20px;
	background-image: url(../img/speech_bubble.png);
	background-position: top left;
	background-repeat: no-repeat;
	text-align: center;
	color: #121212;
	font: normal bold normal 1.1em Comic Sans MS, cursive;
	/*
	font: italic bold normal 1.1em Verdana, Verdana, Geneva, sans-serif;
	*/
	line-height: 1em;	
}

#refs #name	{
	color: #CDCDCD;
	font-size: 1.1em;
	font-weight: bold;
	/*
	font: normal bold normal 1.2em Comic Sans MS, cursive;
	font: normal bold normal 1.1em Verdana, Verdana, Geneva, sans-serif;
	*/
	line-height: 1.2em;	
	position: relative;
	left: 20px;
}

/* @group Horizontal Menu */
#horiz-menu		{
		background-color: transparent !important;
		position: relative;
		top: -10px;
		left: 0px;
		text-align: left;
		width: 780px;
		height: 35px;
		margin-top: 0px;
		margin-bottom: -20px;
}

#horiz-menu ul.menu {
	list-style: none;
	margin: 0;
	padding: 0;
}

#horiz-menu li {
	display: block;
	float: left;
	margin: 0;
	padding: 0px 10px 0px 10px;
	background: none;
}

#horiz-menu li.first {
	padding: 0px 10px 0px 10px;
	margin: 0px 0px 0px 90px;
}

#horiz-menu ul.menu li a {
	white-space: nowrap;
	font-size: 1.3em;
	font-family: Century Gothic, sans-serif;
	letter-spacing: -1px;
	color: white;
	vertical-align: middle;	
	display: block;
}

#horiz-menu ul.menu li.active,
#horiz-menu ul.menu li:hover,
#horiz-menu ul.menu li.active_menu {
	background: url(../img/menu_ball_red.png);
	background-repeat: no-repeat; 
	background-position: center center;
	overflow: visible;
}

#horiz-menu a:hover {
	text-decoration: none;
}

#horiz-menu ul.menu li.parent ul {
	display: none;
}

#horiz-menu ul.menu li.parent:hover ul {
	display: block;
	clear: both;
	position:absolute;
	top: auto;
	padding-top: 3px;
	margin-top: 0px;
	margin-left: 4px;
	z-index: 99;
}

#horiz-menu ul.menu li.parent ul li {
	display: block;
	position:relative;
	z-index:97;
	background: url(../img/bg/black_90_opac.png) 0 0 repeat;
	float: none;
}

#horiz-menu ul.menu li.parent ul li:hover {
	display: block;
	position:relative; 	
	z-index:97;
	background: url(../img/bg/black_90_opac.png) 0 0 repeat;	
	float: none;
}

#horiz-menu ul.menu li.parent ul li a {
	font-size: 10pt;
	font-family: Century Gothic, sans-serif;
	display: block;
	position:relative; 	
	z-index:98;
	background: none;	
	float: none;
	height: 25px;
	line-height: 25px;
}

#horiz-menu ul.menu li.parent ul li a:hover{	
	display: block;
	position:relative; 	
	z-index:98;
	float: none;
	height: 25px;
	line-height: 25px;
	overflow: visible;
	background: url(../img/menu_ball_red.png);
	background-repeat: no-repeat; 
	background-position: center center;
}	

/*END horiz-menu*/	

/*MAIN boxes etc.*/

#main	{
	background-color: #FFFFFF;
	margin: 0px 0px 0px 0px;
	padding: 0px 0px 0px 0px;
	/*Ta bort sen*/
	width: 840px;
	min-height: 500px;
	padding: 20px 20px 20px 20px;
	/*Ned hit*/
	
}

#bigbox	{
		width: 650px;
		min-height: 500px;
		margin: 0px 0px 0px 0px;
		padding: 20px 20px 20px 20px;
}

#bigbox img.main_head	{
		float: right;
		border: none;
		margin: 0px 10px 0px 15px;
		padding: 0px 0px 0px 0px;
}

#bigbox div.post {
	margin: 0px 0px 20px 0px;
}

#right_col	{
	float: right;
	margin: -64px 10px 20px 0px;
}


.news_head_img	{
		width: 120px;
		position: relative;
		top: 60px;
		margin: -60px 0px 0px 0px;
		padding: 0px 0px 0px 15px;
}

.news_box	{
		padding-bottom: 5px;
		padding-left: 5px;
		padding-right: 5px;
		padding-top: 5px;
		position: relative;
		top: 0px;
		width: 120px;
		font-size: 0.93em;
		overflow: visible;
		color: black;
		margin: 0;
}

.news_box div.news_link	{
	margin: 0px 0px 0px 0px;
	padding: 0px 0px 5px 0px;
}

.news_box div.news_link a	{
	font-size: 11px;
	font-weight: bold;
}

.news_box p	{
	font-size: 10px;
}

.news_box p#links	{
	font-size: 11px;
	margin: 0px;
	padding: 0px;
}

.news_box p.date	{
	font-size: 8px;
	color: #333333;
	font-weight: bold;
	margin: 0px;
}

.quicklinks  {
	height: 60px;
	line-height: 66px;
	padding: 0px;
	margin: -10px 0px 10px -30px;
	text-align: left;
	vertical-align: middle;
	font-family: Courier New, Courier New, monospace;	
	font-size: 1.3em;
	/*
	*/
}

#bottom	{
	/*background: url(../img/bottom_bg_V_572_31.png) no-repeat top left;*/
	background-color: black;
	text-align: center;
	width: 100%; 
	margin: 0px 0px 0px 0px;
	padding: 0px 0px 0px 0px;
}

#bottom #inner	{
	text-align: center;
	width: 880px; 
	margin: 0px auto 0px auto;
	padding: 20px 0px 20px 0px;
}

#bottom #inner #services	{
		text-align: left;
		margin: 0px 0px 0px 0px;
		padding: 0px 0px 20px 0px;
}

#bottom #inner #services #wedo_tbl td	{
		width: 33%;
		padding: 0px 27px 0px 32px;
		border-left: 2px solid white;
}

#bottom #inner #services #wedo_tbl td.first	{
		padding: 0px 27px 0px 27px;
		border: none;
}

#bottom #inner #services #wedo_tbl td:hover {
		background: url(../img/big_ball_red.png);
		background-repeat: no-repeat; 
		background-position: center center;
}

#bottom #inner #services #wedo_tbl td a	{
	display: block;
}

#bottom #inner #services #wedo_tbl td a .boxlink_head	{
	display: block;
	font: normal bold normal 1.6em Tahoma, Geneva, sans-serif;
	color: #FFFFFF;
	margin: 0 0 0.5em 0;
}

#bottom #inner #services #wedo_tbl td a .boxlink_text	{
	/*font: normal normal normal 1.1em Tahoma, Geneva, sans-serif;*/
	font-size: 1.1em;
}

#contactbox	{
		background: url(../img/misc/black_80_opac.png) repeat top left;
		float: right;
		width: 450px; 
		height: 73px;
		padding: 0px 10px 0px 10px;
		text-align: left;
		color: #FFFFFF;
}

#contactbox #textdiv	{
		margin: 10px auto 10px 10px;
}

/*****BUTTONS & FIELDS*****/
.buttonFormat {
		background-color: #FFFFFF;
		font-family: Verdana, Arial, sans-serif;
		border: silver 3px groove;
		font-size: 10px;
		font-weight: bold;
		color: #000000;
} 

.buttonFormat2 {
		background-color: #FFFFFF;
		font-family: Verdana, Arial, sans-serif;
		border: silver 2px groove;
		font-size: 9px;
		font-weight: bold;
		color: #000000;
		padding: 2px;
} 

.fieldFormat {
		background-color: #FFFFFF;
		font-family: Verdana, Arial, sans-serif;
		border: #908E8E 1px solid;
		font-size: 7pt;
		color: #000000;
		height: 12px;
} 

.textareaFormat {
		background-color: #FFFFFF;
		font-family: Verdana, Arial, sans-serif;
		border: #908E8E 1px solid;
		font-size: 7pt;
		color: #000000;
		height: 75px;
		width: 290px;
}

/*****BACKGROUNDS*****/
.trans	{
		background-color: transparent !important;
}

.black_bg	{
		background-color: #000000;	
}

.white_bg	{
		background-color: #FFFFFF;	
}

.blackbg_90	{
		background: url(../img/misc/black_90_opac.png) repeat fixed top left;
}

.blackbg_80	{
		background: url(../img/misc/black_80_opac.png) repeat fixed top left;
}

.blackbg_50	{
		background: url(../img/misc/black_50_opac.png) repeat fixed top left;
}

/*Grön: #089D20, Grön2: #839B08, Brun: #9B6A08 , blå: #08839B, röd: #9B2108*/
.green_bg	{ /*GRÖN*/
		background-color: #089D20;
}

.green2_bg	{ /*GRÖN*/
		background-color: #839B08;
}

.brown_bg	{ /*BRUN*/
		background-color: #9B6A08;
}

.blue_bg	{ /*BLÅ*/
		background-color: #08839B;
}

.red_bg	{ /*RÖD*/
		background-color: #9B2108;
}

.bottombgblack	{
		text-indent: 5px;
/*		background-color: #000000;*/
		padding: 0;
/*		border-left: 1px solid #089D20;
		border-bottom: 1px solid #089D20;
		border-right: 1px solid #089D20;
*/		
}

.middlebgblack	{
		text-indent: 10px;
		/*background-color: #000000;*/
		padding: 0;
}

.transbg	{
		/*background-color: transparent !important;*/
		padding-bottom: 10px;
		padding-left: 10px;
		padding-right: 10px;
		padding-top: 10px;
		background: url(../img/bg/black_80_opac.png) repeat fixed top left;
		margin: 0;
		z-index: 1;
		overflow: visible;
}


.clientbox	{
		margin-bottom: 15px;
		margin-left: 0px;
		margin-right: 0px;
		text-align: center;
		/*
		border: 1px solid silver;
		*/
}

.clientbox a	{
	display: block;
}

/*****LISTS*****/

ul	{
	list-style-type: none;
	margin: 0px;
	padding: 0px;
}

ul.indent	{
	text-indent: 10px;
}

ul.dekor	{
	color: #08839B;
	list-style-type: disc;
	line-height: 120%;
	padding-left: 15px;
	marker-offset: auto;
}

ul.grey_disc	{
	color: #CCCCCC;
	list-style-type: disc;
	line-height: 1em;
	padding-left: 15px;
	marker-offset: auto;
}

ul.grey_disc	li{
	padding-bottom: 1em;
}

/*****TABLES*****/
td	{
	padding: 2px;
	margin: 0;
	vertical-align: top;
}

td.contact	{
	padding: 2px;
	margin: 0;
	vertical-align: top;
}

td.clients	{
	padding: 0px 15px 0px 0px;
	margin: 0px;
	background-color: transparent !important;
	width: 140px;
}

/*****TEXT*****/
.notrans	{
	/* for IE */
	filter:alpha(opacity=100);
	/* CSS3 standard */
	opacity: 1;
}

.space_above	{
	padding-top: 10px;
}

.indent10	{
	text-indent: 10px;
}


.indent20	{
	text-indent: 20px;
}

.lineh20	{
	line-height: 20px;
}

.head	{
		font-size: 10pt;
		font-weight: bold;
		color: #000000;		
		text-decoration:none;		
}

.small_head	{
		font-size: 8pt;
		font-weight: bold;
		color: #000000;		
		text-decoration:none;		
}

.text4 {	font-size: 4pt;
}

.text5 {	font-size: 5pt;
}

.text6 {	font-size: 6pt;
}

.text7 {	font-size: 7pt;
}

.text8 {	font-size: 8pt;
}

.text10 {	font-size: 10pt;
}

.text11 {	font-size: 11pt;
}

.text12 {	font-size: 12pt;
}

.text14 {	font-size: 14pt;
}

.text20 {	font-size: 20pt;
}

.megatext	{
	font-family: Palatino Linotype, Book Antiqua, Palatino, serif;
	font-size: 25px;
	line-height: 0px;
	position: relative;
	top: 7px;
}

.bold { font-weight: bold;
}

.ital { font-style: italic;
	
}

.small_caps 	{
		font-variant: small-caps
}

.courier	{
	font-family: Courier New, Courier New, monospace;
}

.times	{
	font-family: times, serif;
}

.arial	{
	font-family: arial, sans-serif;
}

.arial_black	{
	font-family: Arial Black, Arial Black, Gadget, sans-serif;
}

/*****COLOR*****/
.black	{
	color: black;
}

.white	{
	color: white;
}

.brown 	{
	color: #9B6A08;
}		

.red 	{
	color: #9B2108;
}

.red1 	{
	color: #B2020F;
}

.blue 	{
	color: #08839B;
}

.green2	{
	color: #839B08;
}

.green	{
	color: #089D20;
}

.grey 	{
	color: #666666;
}

.default_text_color	{
	color: #333333;
}
	
/*****LINKS*****/	
a	{	
	text-decoration:none;
	color: #666666;
} 

.linkbox	{
	cursor: pointer;
} 
	
.linkbox:hover {
	background-color: black;
	color: white;
}

a.green:link {color: #0B9D20}     /* unvisited link */
a.green:visited {color: #0B9D20}  /* visited link */
a.green:hover {color: silver}   /* mouse over link */

a.green_dark:link {color: #2A772C}     /* unvisited link */
a.green_dark:visited {color: #2A772C}  /* visited link */
a.green_dark:hover {color: #333333}   /* mouse over link */

a.black:link {color: #000000}     /* unvisited link */
a.black:visited {color: #000000}  /* visited link */
a.black:hover {color: #9B2108}   /* mouse over link */

a.white_green:link {color: white}     /* unvisited link */
a.white_green:visited {color: white}  /* visited link */
a.white_green:hover {color: #0B9D20;}   /* mouse over link */
a.white_green:active {color: #0B9D20;}  /*active link*/

a.grey:link {color: #666666}     /* unvisited link */
a.grey:visited {color: #666666}  /* visited link */
a.grey:hover {color: silver}   /* mouse over link */

a.grey_dark:link {color: #333333}     /* unvisited link */
a.grey_dark:visited {color: #333333}  /* visited link */
a.grey_dark:hover {color: #666666}   /* mouse over link */

a.silver:link {color: silver}     /* unvisited link */
a.silver:visited {color: silver}  /* visited link */
a.silver:hover {color: white}   /* mouse over link */

a.brown1:link {color: #9B6A08}     /* unvisited link */
a.brown1:visited {color: #9B6A08}  /* visited link */
a.brown1:hover {color: silver}   /* mouse over link */

a.red1:link {color: #B2020F}     /* unvisited link */
a.red1:visited {color: #B2020F}  /* visited link */
a.red1:hover {color: #B0000D}   /* mouse over link */

a.blue1:link {color: #08839B}     /* unvisited link */
a.blue1:visited {color: #08839B}  /* visited link */
a.blue1:hover {color: silver}   /* mouse over link */

a.green21:link {color: #839B08}     /* unvisited link */
a.green21:visited {color: #839B08}  /* visited link */
a.green21:hover {color: silver}   /* mouse over link */

a.brown:link {color: white}     /* unvisited link */
a.brown:visited {color: white}  /* visited link */
a.brown:hover {color: #9B6A08}   /* mouse over link */

a.red:link {color: white}     /* unvisited link */
a.red:visited {color: white}  /* visited link */
a.red:hover {color: #9B2108}   /* mouse over link */

a.blue:link {color: white}     /* unvisited link */
a.blue:visited {color: white}  /* visited link */
a.blue:hover {color: #08839B}   /* mouse over link */

a.green2:link {color: white}     /* unvisited link */
a.green2:visited {color: white}  /* visited link */
a.green2:hover {color: #839B08}   /* mouse over link */

img { behavior: url(iepngfix.htc);	
}

img.icon	{
	vertical-align: middle;
	border: none;
	padding-right: 5px;
}

/*****EXTRA*****/
.valignc {
	vertical-align: middle;
}

.alignc{
	text-align: center;
}

.alignr	{
	text-align: right;
}

.floatl	{
	float: left;
}

.floatr	{
	float: right;
}

.noBorder	
		{
	border: 0;
}

.noPad
		{
		margin: 0;
		padding: 0;
}

/*FB*/
/**
 * Facebook Slide FanBox
 * @license    GNU/GPL http://www.gnu.org/copyleft/gpl.html
 * @link       http://facebooklikebox.net
 */
 
.slide_likebox {
	float:right;
	width:247px;
	height:380px; 
	background: url(../img/fbslide_bg.png) no-repeat !important;
	display:block;
	padding:0;
	margin: 0px 0px 0px 0px;
	position:fixed;
	top: -77px;
	right:-205px;
	z-index:1002;
}