html {
	background:				#e3e3e3 url(../images/background.jpg) repeat-y;
}

html, body {
	height:						100%;
	margin:						0;
	padding:					0;
}

body {
	/*background:				url(../images/body_background.png) repeat-y;*/
}

img {
	border:						0;
}

a {
	font:							normal 11px "Trebuchet MS", sans-serif;
	color:						#ff8c21;
	line-height:			9px;
}

p {
	margin:						0 0 5px 0;
	padding:					0;
	font:							normal 11px "Trebuchet MS", sans-serif;
	line-height:			13px;
}

h1 {
	margin:						0 0 10px 0;
	padding:					0;
	font:							bold 15px "Trebuchet MS", sans-serif;
}

h2 {
	margin:						0 0 5px 0;
	padding:					0;
	font:							bold 12px "Trebuchet MS", sans-serif;
}

h3 {
	margin:						0 0 5px 0;
	padding:					0;
	font:							bold 11px "Trebuchet MS", sans-serif;
}

ul {
	margin:						0 0 10px 22px;
	padding:					0;
	font:							normal 11px "Trebuchet MS", sans-serif;
}

ul li {
	margin:						0;
	padding:					0;
	list-style:				outside url(../images/icon_dot.png);	
}

.files ul li, ul.files li {
	list-style:				inside url(../images/icon_file.png);
}

.align_clear {
	clear:						both;
}

#layout {
	width:						748px;
	background:				#FFFFFF url(../images/layout_background.png) repeat-y;
}

#leftCol {
	width:						172px;
	float:						left;
}

#main {
	width:						575px;
	float:						left;
	background-color:	#FFFFFF;
}

#bottom {
	height:						69px;
	clear:						both;
	padding-top:			38px;
	text-align:				center;
	background:				#FFFFFF url(../images/bottom_background.png) repeat-x;
}

#logo {
	display:					block;
}

#menu {
	height:						144px;
	margin:						0;
	padding:					7px 0 0 0;
	background:				#919191 url(../images/left_menu_background.png) no-repeat;
}

#menu li {
	width:						156px;
	height:						23px;
	float:						right;
	clear:						right;
	padding: 					0;
	margin:						0;
	list-style:				none;
	border-top:				1px solid #919191;
	display:					inline;
}

#menu li a {
	display:					block;
	height:						18px;
	padding:					5px 0 0 33px;
	background:				#727272 url(../images/left_menu_arr_dark_inactive.png) no-repeat 12px 4px;	
}

#menu li a:hover {
	background:				#727272 url(../images/left_menu_arr_dark_active.png) no-repeat 12px 4px;	
}

#menu li.active a {
	background:				#919191 url(../images/left_menu_arr_light_inactive.png) no-repeat 12px 4px;
}

#menu li.active a:hover {
	background:				#919191 url(../images/left_menu_arr_light_active.png) no-repeat 12px 4px;
}

#newsList {
	width:						171px;
	border-top:				1px solid #FFFFFF;
	padding:					0 1px 0 0;
	background-color: #ff8c21;
}

#newsList h2 {
	height:						17px;
	margin:						0;
	padding:					8px 0 0 17px;
	font:							bold 11px "Trebuchet MS", sans-serif;
	color:						#FFFFFF;
	line-height:			8px;
}

#newsList ul {
	background-color:	#FFFFFF;
	padding:					10px 0 10px 12px;
	margin:						0;
}

#newsList ul li {
	padding:					0 0 0 18px;
	margin:						0 0 10px 0;
	list-style:				none;
	background:				url(../images/left_news_arrow.png) no-repeat left bottom;
	font:							normal 10px "Trebuchet MS", sans-serif;
	color:						#727272;
	line-height:			10px;
}

#newsList ul li a {
	display:					block;
	font:							bold 11px "Trebuchet MS", sans-serif;
	color:						#ff8c21;
	line-height:			11px;
}

#contact {
	padding:					10px 0 10px 24px;
	font:							normal 11px "Trebuchet MS", sans-serif;
	color:						#FFFFFF;
	line-height:			14px;
	background:				#FFFFFF url(../images/left_background.png) repeat-y;
}

#contact h2 {
	margin:						0 0 8px 0;
	padding:					0;
}

#contact a {
	color:						#FFFFFF;
}

#contact div {
	width:						30px;
	float:						left;
	font-weight:			bold;
}

#leftFade {
	margin-bottom:		10px;
}

#heading {
	height:						91px;
	padding:					0 0 0 23px;
}

#heading h1 {
	height:						60px;
	padding:					24px 0 0 6px;
	margin:						0;
	font:							bold 30px "Trebuchet MS", sans-serif;
	color:						#FFFFFF;
}

#main.orange #heading {
	background:				url(../images/heading_background_orange.jpg) no-repeat;
}

#main.orange #heading h1 {
	background-color:	#ff8c21;
}


#main.green #heading {
	background:				url(../images/heading_background_green.jpg) no-repeat;
}

#main.green #heading h1 {
	background-color:	#80b60a;
}

#main.purple #heading {
	background:				url(../images/heading_background_purple.jpg) no-repeat;
}

#main.purple #heading h1 {
	background-color:	#b3006e;
}

#main.blue #heading {
	background:				url(../images/heading_background_blue.jpg) no-repeat;
}

#main.blue #heading h1 {
	background-color:	#0098b3;
}


#main p {
	padding:					0 0 10px 0;
	line-height:			15px;
}

#main h2 {
	font:							normal 18px "Trebuchet MS", sans-serif;
	padding:					3px;
	margin-bottom:		10px;
	line-height:			15px;
}

#main.orange h2 {
	background:				#ff8c21 url(../images/main_heading_orange_bg.jpg) repeat-y right top;
	color:						#FFFFFF;
}

#main.green h2 {
	background:				#99c53b url(../images/main_heading_green_bg.jpg) repeat-y right top;
	color:						#FFFFFF;
}

#main.blue h2 {
	background:				#0098b3 url(../images/main_heading_blue_bg.jpg) repeat-y right top;
	color:						#FFFFFF;
}

#main.purple h2 {
	background:				#b3006e url(../images/main_heading_purple_bg.jpg) repeat-y right top;
	color:						#FFFFFF;
}

#path {
	font:							normal 12px "Trebuchet MS", sans-serif;
	padding:					0 0 20px 0;
	color:						#727272;
	background-color:	#FFFFFF;
	padding:					0 0 0 23px;
}

#path a {
	font:							normal 12px "Trebuchet MS", sans-serif;
	color:						#727272;
}

#content {
	padding:					20px 23px 23px 23px;
}

#content.left {
	width:						280px;
	float:						left;
	padding:					20px 0 0 23px;
}

#column.right {
	width:						237px;
	height:					 	520px;
	float:						right;
	padding:					0 10px 20px 10px;
	background:				#cbcbcb url(../images/sub_right_background.jpg) repeat-x;
}

#column h2 {
	margin:						0 0 5px 0 !important;
	padding:					0 !important;
	font:							bold 14px "Trebuchet MS", sans-serif !important;
	color:						#ff8c21 !important;
	background:				none !important;
}

#start {
	padding:					0 0 0 1px;
}

#start #products {
	height:						324px;
	background:				url(../images/start_col_background.jpg) repeat-x left bottom;
}

#start .prodCol {
	float:						left;
	width:						187px;
	height:						324px;
	display:					inline; /* IE Doubled Float-Margin Bug */
	position:					relative;
}

.prodCol a {
	position:					absolute;
	top:							145px;
	left:							46px; 
	padding:					5px 5px 5px 23px; 
	 
}

#start .prodCol .info {
	width:						187px;
	height:						172px;
	margin:						0 0 2px 0;
}

#start .prodCol h2 {
	margin:						0 0 20px 0;
	padding:					6px 0 0 7px;
}

#start .prodCol h3 {
	margin:						0 0 5px 0;
	padding:					6px;
	font:							bold 11px "Trebuchet MS", sans-serif;
	line-height:			9px;
	color:						#FFFFFF;
	position: 				relative;
}

#start .prodCol p {
	margin:						0;
	padding:					6px;
	font:							normal 11px "Trebuchet MS", sans-serif;
}

#start .prodCol ul {
	margin:						0;
	padding:					0;
	font:							normal 11px "Trebuchet MS", sans-serif;
}

#start .prodCol ul li {
	margin:						0 0 0 22px;
	padding:					0;
}

#prod_bokningsmotor .info {
	background:				url(../images/start_col_bokningsmotor.jpg);
}

#prod_bokningsmotor a {
	background:				url(../images/arrow_green.png) no-repeat;
}

#prod_bokningsmotor h3 {
	background:				#7eb801;
}

#prod_partnersystem {
	margin:						0 7px 0 6px;
}

#prod_partnersystem .info {
	background:				url(../images/start_col_partnersystem.jpg);
}

#prod_partnersystem a {
	background:				url(../images/arrow_blue.png) no-repeat;
}

#prod_partnersystem h3 {
	background:				#0198b3;
}

#prod_webservice .info {
	background:				url(../images/start_col_webservice.jpg);
}

#prod_webservice a {
	background:				url(../images/arrow_purple.png) no-repeat;
}

#prod_webservice h3 {
	background:				#b3006e;
}


#info {
	height:						170px;
	clear:						both;
	padding:					10px;
}

#info h2 {
	margin:						0 0 8px 0;
	padding:					0;
}

#info p {
	margin:						0 0 8px 0;
	padding:					0;
	font:							normal 11px "Trebuchet MS", sans-serif;
}

#info #about {
	width:						260px;
	float:						left;
	padding:					10px;
}

#info #modules {
	float:						left;
	width:						210px;
	height:						160px;
	margin:						0 0 0 13px;
	padding:					10px 0 0 30px;
	background:				url(../images/start_info_background.png) repeat-y left top;
}

#info #modules ul {
	margin:						0;
	padding:					0;
}

#info #modules ul li {
	float:						left;
	list-style:				none;
	margin:						5px 0 0 0;
}

#news .row {
	padding:					10px 20px 20px 20px;
	background:				url(../images/news_row_background.jpg) repeat-x left bottom;
	font:							normal 11px "Trebuchet MS", sans-serif;
}

#news .row h2 {
	font:							normal 18px "Trebuchet MS", sans-serif;
	background:				none;
	color: 						#f8831c;
	vertical-align:		middle;
	position:					relative;
}

#news .row .date {
	margin-left:			8px;
	padding-left:			8px;
	font:							normal 10px "Trebuchet MS", sans-serif;
	border-left:			2px solid #777777;
	color:						#777777;
}

#products .row {
	padding:					10px 20px 20px 20px;
	background:				url(../images/news_row_background.jpg) repeat-x left bottom;
	font:							normal 11px "Trebuchet MS", sans-serif;
}

#products .row h2 {
	font:							bold 24px "Trebuchet MS", sans-serif;
	background:				none;
	vertical-align:		middle;
	color: 						#f8831c;
	position:					relative;
	background:				transparent none;
}

#products .row h3 {
	font:							normal 18px "Trebuchet MS", sans-serif;
	padding:					3px;
	margin-bottom:		10px;
	line-height:			15px;
	position:					relative;

}

#products .row.orange h2 {
	color:						#ff8c21;
}

#products .row.orange h3 {
	background:				#ff8c21 url(../images/main_heading_orange_bg.jpg) repeat-y right top;
	color:						#FFFFFF;
}

#products .row.green h2 {
	color:						#99c53b;
}

#products .row.green h3 {
	background:				#99c53b url(../images/main_heading_green_bg.jpg) repeat-y right top;
	color:						#FFFFFF;
}

#products .row.blue h2 {
	color:						#0098b3;
}

#products .row.blue h3 {
	background:				#0098b3 url(../images/main_heading_blue_bg.jpg) repeat-y right top;
	color:						#FFFFFF;
}

#products .row.purple h2 {
	color:						#b3006e;
}

#products .row.purple h3 {
	background:				#b3006e url(../images/main_heading_purple_bg.jpg) repeat-y right top;
	color:						#FFFFFF;
}
#products .row .col {
	float:						left;
	width:						50%;
}

#products #modules .module {
	height:						110px;
	float:						left;
	width:						50%;
}

#products #modules .module img {
	float:						left;
	margin:						0 10px 60px 10px;
}

#products #modules .module h3 {
	padding:					0;
	margin:						0;
	font:							bold 14px "Trebuchet MS", sans-serif;
	background:				transparent none;
	color:						#000000;
}

#references h2 {
	font:							normal 18px "Trebuchet MS", sans-serif;
	background:				transparent none !important;
	color: 						#f8831c !important;
	vertical-align:		middle;
	position:					relative;
	margin:						10px 0 10px 20px;
	padding:					0;
}

#references .row {
	padding:					20px;
	background:				url(../images/news_row_background.jpg) repeat-x left bottom;
	font:							normal 11px "Trebuchet MS", sans-serif;
	border-bottom:		1px solid black;
	position:					relative;
}

#references .row .images {
	width:						164px;
	float:						right;
	margin-left:			20px;
	position:					relative;
}

#references .row .images img {
	border:						2px solid #ff8f26;
	margin-bottom:		10px;
}

#references .row h3 {
	font:							bold 13px "Trebuchet MS", sans-serif;
}

/*
#references .row .spec strong {
	width:						100px;
	float:						left;
}
*/

#references .row .links {
	clear:						both;
	position:					relative;
	width:						535px;
}

#references .row .links div {
	height:						14px;
	float:						left;
	padding:					4px 0;
	overflow:					hidden;
	position:					relative;
	display:					inline;
}