﻿/* main selectors */
body {
	margin: 0;
	padding: 0;
	font: 11px/15px Verdana, Arial, Helvetica, sans-serif;
	background: #000 url(none) repeat-x;
	color: #eee;
}

a {
	color: #339900;
	text-decoration: none;
}

a:hover {
	text-decoration: underline;
}

p {
	margin: 0;
	padding: 0 0 8px 0;
}

p.more {
	font-size: 10px;
	padding: 0;
}

ol, ul {
	margin: 0 0 0 22px;
	padding: 0 0 8px 0;
}
.MainBody ul li, .MainBody ol li
{
	margin-bottom:10px;
}

img {
	border: none;
	vertical-align: middle;
}

.alignleft {
	float: left;
	margin: 0 20px 8px 0;
}

.alignright {
	float: right;
	margin: 0 0 8px 20px;
}

/* form elements  */
form {
	margin: 0;
	padding: 0;
}

input.text {
	border: 1px solid #2C2C2C;
	background: none;
	font: 12px/14px Verdana, Arial, Helvetica, sans-serif;
	color: #eee;
	margin: 0;
	padding: 2px 4px;
	vertical-align: middle;
}

input.image {
	font: 12px/14px Verdana, Arial, Helvetica, sans-serif;
	margin: 0;
	vertical-align: middle;
}

select {
	margin: 0;
	vertical-align: middle;
	border: 1px solid #2C2C2C;
	background: #353535;
	font: 12px/14px Verdana, Arial, Helvetica, sans-serif;
	color: #eee;
}

/* main headlines */
h1, h2, h3 {
	margin: 0;
	padding: 0 0 10px 0;
	font-weight: bold;
}
h1 {
	/*font-family:Arial;*/
	font-size: 26px;
	font-weight: normal;
	line-height:normal;
}
h2 {
	/*font-family:Arial;*/
	font-size: 18px;
	font-weight: normal;
	line-height:normal;
}
h3{
	/*font-family:Arial;*/
	font-size: 14px;
	line-height:normal;
}
/* main layouts and background */
#Page {
	width: 954px;
	margin: 0 auto;
	padding: 15px 0;
	border:solid 0px white;
}

/* header section */
#Header {
	position:relative;
	border:solid 0px white;
	width: 100%;
	height: 100px;
	background: url(AspiroTopMenu.gif) no-repeat;
	background-position: 148px 42px;
	margin-bottom: 0px;
}

/* logo section 
h1.logo, strong.logo, #Logotype {
	margin: 0;
	padding: 0;
	font-size: 11px;
	position: absolute;
	top: 12px;
	left: 40px;
}

h1.logo a, strong.logo a, #Logotype a{
	display: block;
	width: 210px;
	height: 50px;
	text-indent: -9999px;
	overflow: hidden;
	background: url(../images/logo.gif) no-repeat;
} */
#Logotype
{
	position: absolute;
	top: 42px;
	left: 0px;
	margin: 0;
	padding: 0;
	display: block;
}
/* quick search form section */
div.quick-search {
	position: absolute;
	top: 0px;
	right: 0px;
	border:0px solid red;
	background:url(AspiroSearchFieldBG.gif) no-repeat;
	background-position:bottom left;
	width:155px;
}
.searchBG
{
	background:url( none) no-repeat;
}

div.quick-search input {
	margin-left:5px;
	border:0px;
	padding:0px 0px 2px 5px;
	font-family:verdana;
	font-size:10px;
	color:#999;
}
.SearchButton 
{
	margin-top:5px;
	border:solid 0px green;
	padding-left:30px;
	width:30px;
}
div.quick-search input.SearchButton_en, div.quick-search input.SearchButton_sv
{
	background:url(AspiroSearchButton.gif) no-repeat bottom;
	border:solid 0px green;
	margin-left:0px;
	margin-top:8px;
	padding-left:0px;
}
div.quick-search input.text
{
	width: 92px;
	margin-right:10px;
}

/* MainMenu section */
#MainMenu {
	margin: 0;
	padding: 0;
	list-style: none;
	position: absolute;
	top: 42px;
	left: 180px;
}

#MainMenu li {
	float: left;
/*	padding-left: 58px; */
	padding-bottom: 0px;
}

#MainMenu li a {
	float: left;
	overflow: hidden;
	height: 24px;
	background-repeat: no-repeat;
}
/*
#MainMenu li a:hover, #MainMenu li.active a {
	background-position: 0 -25px;
}*/

/*#MainMenu li.item_1 a {width: 62px;background-image: url(../images/navigation/services.gif);}
#MainMenu li.item_2 a {width: 85px;background-image: url(../images/navigation/technology.gif);}
#MainMenu li.item_3 a {width: 77px;background-image: url(../images/navigation/customers.gif);}
#MainMenu li.item_4 a {width: 36px;background-image: url(../images/navigation/press.gif);}
#MainMenu li.item_5 a {width: 69px;background-image: url(../images/navigation/about.gif);} */
/* #MainMenu li.services a {width: 62px;} */

#MainMenu ul {
	margin: 0;
	padding: 5px 20px 0px 0;
	list-style: none;
	position: absolute;
	top: 24px;
	left: 0px;
	height:20px;
	line-height: normal;
/*	display: none;  */
}
/*
.SpaceFirst
{
 padding-left:230px;
}
*/
#MainMenu li.active ul {
	display: block;
}

li.menutopitem{

	border-bottom:20px;
}

#MainMenu ul a {
	background: none !important;
	text-indent: 0;
	line-height:normal;
	width: auto !important;
	white-space: nowrap;
	color: #fff; !important;
}

#MainMenu ul li.active a,
{
	color: #fff !important;
	text-decoration: none;
	font-weight:bold !important;
}

#MainMenu ul li a:hover {
	color: #ccc !important;
	text-decoration: none;
}


.unselected 
{
}

.MainMenuItems 
{
	background:url(MenuGreen.gif);
	background-position:bottom left;
	background-repeat:no-repeat;
	padding-left: 5px;
	padding-right: 50px;
	color:#fff;
}


/* latest news widget section */
div .submenu{border-top:0px;}
div.submenu ul {
	margin: 0 0 0 -5px;
	padding: 0;
	padding-left: 15px;
	list-style: none;
	border-top: 0px solid #20241d;
}

div.submenu ul span {
	display: block;
	color: #eee;
	padding-left: 17px;
	padding-bottom: 0px;
	padding-top: 0px;
	font-size: 11px;
	background-image: url(SubMenuSelBG.gif);
}

div.submenu ul li {
	padding-top: 4px;
	padding-bottom: 4px;
	border-bottom: 1px solid #20241d;
}
div.submenu ul li ul{
	margin-top:4px;
	margin-bottom:-5px;
}
div.submenu ul li a{
	display: block;
	padding-left: 17px;
	color:#8f8f8f;
	text-decoration:none;
	background-image:url(SubMenuArrow.gif); 
	background-repeat: no-repeat;
	background-position:5px 3px  ;
}
/* footer section */
#Footer {
	border-top: 1px solid #20241d;
	font-size: 10px;
	padding: 8px 0 40px 0;
	color: #404040;
	height: 1%;
	overflow: hidden;
}

#Footer a {
	color: #404040;
}

#Footer p {
	float: right;
	padding: 0 22px 0 0;
}

#Footer ul {
	margin: 0;
	padding: 0;
	list-style: none;
	float: left;
}

#Footer ul li {
	float: left;
	padding-left: 26px;
}

/* content section */
#StageArea {
	width: 100%;
	overflow: hidden;
	padding-bottom: 5px;
	border:solid 0px red;
}

#MainContentArea {
	width: 666px;
	float: left;
	margin-left:50px;
}

#sidebar {
	width: 200px;
	float: right;
}
.MainInfo
{
	margin-left:130px;
	padding:20px;
	margin-top:0px;
}
.StartPage .MainInfo
{
	padding:0px 20px 20px 20px;
	margin-top:0px;
}
.MainColumnItem
{
	margin-left:80px;
	padding:20px;
	margin-top:0px;
	padding-top:0px;
	border:0px;
}
.MainColumnItem ul li
{
	margin-bottom:5px;
}
.ColumnItem ul
{
	list-style: none;
}
.ColumnItem ul li span
{
	color:#999;
}
.ColumnItem ul li p
{
	margin-bottom:-10px;
	
}
.ColumnItem ul li a.more
{
	display:block;
	padding-bottom:10px;
	padding-top:2px;
}

/* box section */
div.box {
	width: 100%;
	background: url(none) no-repeat;
	padding-top: 0px;
	margin-top: 0px;
	margin-bottom: 0px;
}


div.box div.inner {
	width: 100%;
	background: url(none) no-repeat;
	position: relative;
	padding-bottom: 15px;
}

/* box section, wide pagwes without right column */
div.wide-box {
	width: 900px;
	background-image: none;
	padding-top: 0px;
	margin-bottom: 0px;
	padding-left:50px;
}


div.wide-box div.inner {
	background:  url(none) no-repeat bottom left;
	width: 100%;
	position: relative;
	padding-bottom: 5px;
}
/* widget section */
div.widget {
	margin-bottom: 25px;
	width: 100%;
	color: #808080;
	position: relative;
}

div.widget div.inner {
	background: #000;
}

div.widget strong.head {
	display: block;
	height: 23px;
	padding: 0 15px;
	background: url(../images/widget-top.gif) no-repeat;
	font: normal 15px/23px 'Trebuchet Ms', Trebuchet, sans-serif;
	color: #eee;
}

/* latest news widget section */
div.widget-news ul {
	margin: 0;
	padding: 0;
	list-style: none;
	border-top: 1px solid #171717;
}

div.widget-news ul span {
	display: block;
	color: #404040;
	padding-bottom: 2px;
	font-size: 10px;
}

div.widget-news ul  li {
	padding: 4px 15px;
	border-bottom: 1px solid #171717;
}

div.widget-news p.more {
	text-align: right;
	padding: 0 15px;
}

div.widget-news ul p.more {
	text-align: left;
	padding: 0;
}

/* subscribe widget section */
div.widget-subscribe select {
	display: block;
	margin-bottom: 4px;
	width: 130px;
}

div.widget-subscribe img.deco {
	position: absolute;
	top: -8px;
	right: 13px;
}

div.widget-subscribe input.text {
	width: 120px;
}

div.widget-subscribe p.more {
	text-align: right;
	border-top: 1px solid #171717;
	padding: 0 15px;
}

div.subscribe-form {
	padding-bottom: 12px;
	padding: 15px;
}

/* advertisiment widget section */
div.widget-ad img {
	vertical-align: baseline;
	display: block;
}

/* testimonial widget section */
div.widget-testimonial {
	background: url(../images/testimonial-bottom.gif) no-repeat bottom left;
	padding-bottom: 17px;
	margin-bottom: 6px;
	color: #8D9295;
}

div.widget-testimonial div.inner {
	background: url(../images/testimonial-top.gif) no-repeat;
	padding-top: 7px;
	padding-bottom: 0;
}

div.widget-testimonial blockquote {
	padding: 5px 15px;
	background: #1B252A;
	margin: 0;
}

div.widget-testimonial p.cite {
	font-size: 10px;
}

div.widget-testimonial p.cite cite {
	display: block;
}

/* inner boxes section */

/* promo box section */
#promo div.inner {
	background: #000;
}

/* flash box section */
#flash {
	margin-bottom: 10px;
}

#flash img {
	display: block;
	vertical-align: baseline;
}

/* teasers section */
#teasers {
	padding: 0 0 40px 0;
	list-style: none;
	width: 524px;
	height: 130px;
	margin: 0 auto;
	background: url(../images/teasers.png) no-repeat;
}

#teasers li {
	float: left;
	padding-left: 31px;
}

#teasers li.first {
	padding-left: 0;
}

#teasers li a {
	float: left;
	width: 80px;
	height: 80px;
	text-indent: -99999px;
	overflow: hidden;
}

/* headline section */
div.headline {
	font-size: 17px;
	color: #eee;
}

div.headline img {
	display: block;
	vertical-align: top;
}

/* text box section */
div.text {
	padding: 0px;
	background: url( none) repeat-x;
}

div.section {
	border-bottom: 1px solid #171717;
	padding-bottom: 10px;
	/*width: 602px;*/
	overflow: hidden;
}
div.section h3 {
	font-size:12px;
	margin-bottom:-10px;
	line-height:normal;
}
div.section p {
	margin:0px;
}

/* item preview box section */
div.preview {
	width: 100%;
	overflow: hidden;
	padding: 4px 0;
}

div.preview div.icon {
	width: 120px;
}

div.preview div.icon img {
	float: left; !important;
	border: 1px solid #C8C8C8 !important;
	background: #DEDEDE;
	width: 102px;
}


div.preview div.description {
	float:none;
}
.wide-box div.preview div.description {
}
/* subnavigation section */
ul.subnav {
	width: 100%;
	overflow: hidden;
	margin: 0;
	padding: 0;
	list-style: none;
	font-size: 10px;
}

ul.subnav a {
	margin-bottom: 0;
}

.hidden 
{
    display: none;
}

#Functions
{
    display: none;
}
.introduction
{
    font-weight:700;
	font-size:12px;
}
.ColumnItemHead
{
	margin-bottom: 10px;
	width: 100%;
	color: #eee;
	position: relative;

	border:solid 0px red;
}

.ColumnItemTop
{
	display: block;
	height: 21px;
	padding: 0px 5px 0px 5px;
	background:url(BoxMenuBG.gif);
	font: 800 13px/20px Verdana;
}
.ColumnItem
{
    background: #000;
	padding-bottom: 0px;
	padding: 5px 10px 0px 10px;
}
.ColumnItemBottom
{
}
div.ColumnItemHead ul
{
	overflow: hidden;
	margin: 0;
	padding: 5px 0px 5px 0px;
	list-style: none;
	line-height:normal;
}
div.ColumnItemHead ul h3
{
	font-size:11px;
	margin-bottom:-5px;
}
div.ColumnItemHead ul li
{
	margin-left:0px;
	padding-left:0px;
	margin-bottom:10px;
}
div.D_ColumnItemHead ul {

	border-top: 0px solid #ccc;
	padding-bottom:2px;
}
div.D_ColumnItemHead ul li {
	padding-top:0px;
	border-bottom:0px ;
	background:url(DivHorLine.jpg);
	background-repeat:no-repeat;
	background-position:bottom;
}
div.D_ColumnItem ul li
{
	padding:0px 0px 5px 0px;
	margin-bottom:10px;
}
div.D_ColumnItem ul li .more
{
	padding:0px 0px 0px 0px;
	margin-bottom:2px;
}
.D_seeMore a
{
	padding:0px 0px 0px 0px;
	margin-bottom:0px;
} 
.D_ColumnItem
{
	padding-bottom:20px;
} 
.MainColumnItem 
{
	border-bottom:solid 1px #171717;
	background-image:none;
	margin:0;
	margin-bottom:10px;
	padding-left:0;
}

div.pageList ul
{
	overflow: hidden;
	margin: 0;
	padding: 5px;
	list-style: none;
	line-height:normal;
}
div.pageList ul h2
{
	font-size:11px;
	margin-bottom:-5px;
}
div.pageList ul li
{
	
	padding-left:10px;
	margin-bottom:10px;
}
div.LanguageList
{
	float:right;
	color:#eee;
	display:block;
	margin:10px 100px 0px 0px;
	padding-bottom:8px;
	width:200px;
}
a.LanguageItem
{
	color:#eee;
	font-size:9px;
	float:left;
}
.LanguageSeparator
{
	background:url(LangDiv.gif) no-repeat center bottom;
	padding-top:2px;
	height:12px;
	width:11px;
	float:left;
}
.DarkMainBodyColor
{
	background:#000;
	color:#eee;
	padding:30px;
	padding-top:0px;
	padding-bottom:0px;
	margin-top:0px;
}
.LightMainBodyColor
{
	background:#f0f0f0 url(box-bottom536.gif) no-repeat left bottom  !important;
	color:#333;
	padding:30px;
	padding-top:0px;
}
.wide-box .LightMainBodyColor
{
	background:#f0f0f0 url(box-bottom770.gif) no-repeat left bottom  !important;
	color:#333;
	padding:30px;
	padding-bottom:0px;
	padding-top:0px;
}
#ResultArea
{
	margin-top:20px;
}
.LightMainBodyColor h1
{
	padding-top:20px;
}
div.printicon
{
	display:block;
	padding: 0px 0px 10px 20px;
	margin-top:0px;
	width:100%;
}

.LightMainBodyColor .MainColumnItem 
{
	border-bottom:solid 1px #ccc;
}
.LightMainBodyColor div.section, .LightMainBodyColor .PressReleaseItem, .LightMainBodyColor ul.fileList,
.LightMainBodyColor .ShareSubscription, .LightMainBodyColor .PressSubscription, .LightMainBodyColor .ShareTicker  {
	border-bottom: 1px solid #ccc;
}
.active a
{
	color: #ffffff !important;
	text-decoration: none;
	font-weight:bold !important;
}
ul li.menuitem a {
color:#fff !important;
	
}
.PressReleaseItem
{
	padding:20px;
	border-bottom:solid 1px #171717;
	margin-bottom:10px;
	padding-top:0px;
}
ul.fileList 
{
	list-style:none;
	margin:0px;
	padding:0px;
	margin-bottom:10px;
	padding-bottom:5px;
	border-bottom:solid 1px #171717;
}
ul.fileList li
{
	margin-bottom:10px;
}
a.htmExtension, a.htmlExtension, a.pdfExtension 
{
	padding:0 0 10px 20px;
}
/*Share and press subsribtion classes */
.ShareSubscription, .PressSubscription
{
	padding-left:20px;
	padding-bottom:30px;
	border-bottom:solid 1px #171717;
	margin-bottom:10px;
}

.ShareSubscriptionNoticeMeWhen, .ShareSubscriptionNoticeMe
{
	display:block;
	font-weight:bold;
	margin-bottom:10px;
	font-size:12px;
}
.ShareSubscriptionOverTextBox, .ShareSubscriptionBelowTextBox, .ShareSubscriptionChangedTextBox
{
	width:25px;
	height:12px;
}
.ShareSubscriptionBelow, .ShareSubscriptionChanged
{
	padding-left:20px;
}
.ShareSubscriptionNoticeMe
{
	margin-top:40px;
}
.ShareSubscriptionCheckBox input
{
	clear:both;
	display:block;
	float:left;
	margin-bottom:8px;
	margin-right:7px;
	border:solid 0px red;
}
.ShareSubscriptionCheckBox label
{
	display:block;
	float:none;
	height:30px;
	padding-top:2px;
}
.ShareSubscriptionEmailTextBox, .PressSubscriptionEmailTextBox
{
	height:12px;
}
.ShareSubscriptionSubscribe, .PressSubscriptionSubscribe
{
	margin-left:40px;
}
.ShareSubscriptionUnsubscribe, .PressSubscriptionUnsubscribe
{
	margin-left:20px;
}
.PressSubscriptionReleaseTypes, .PressSubscriptionLanguages
{
	margin-bottom:20px;
}
.ShareTicker 
{
	padding-left:20px;
	padding-bottom:30px;
	border-bottom:solid 1px #171717;
	margin-bottom:10px;
	color:#eee;
}
.ShareTickerTable
{
	width:500px;
	border:solid 1px #333;
}
.ShareTickerTable td, .ShareTickerTable th
{
	padding:5px;
}

.ShareTickerHeaderRow th
{
	background:#333;
	border-bottom:solid 1px #333;
}
.LightMainBodyColor .ShareTickerHeaderRow th
{
	border-bottom:solid 1px #999;
	background:#ccc;
}
.LightMainBodyColor .ShareTickerTable
{
	border:solid 1px #333;
}
.LightMainBodyColor .ShareTicker 
{
	color:#333;
}


.ShareTickerTableSmall
{
	border:solid 1px #333;
	margin-bottom:10px;
}
.ShareTickerTableSmall td, .ShareTickerTableSmall th
{
	padding:2px;
}
.LightMainBodyColor .ShareTickerTable
{
	border:solid 1px #333;
}
.ShareTickerSmall p
{
	display: block;
	height: 21px;
	padding: 0px 5px 0px 5px;
	background:url(BoxMenuBG.gif);
	font: 800 13px/20px Verdana;
	margin-bottom:10px;
}
div.ShareTickerSmall
{
	height: 100px;
}
table.SmallTableFormat
{
	font-size:10px;
}
.DateFormat
{
	color:#999;
	font-size:10px;
}
/* COLORFIXES */
.MainMenuItems 
{
	background:url(MenuLightBlue.gif);
	background-position:bottom left;
	background-repeat:no-repeat;
	padding-left: 5px;
	padding-right: 50px;
	color:#fff;
}
a {
	color: #00b1d7;
	text-decoration: none;
}

a:hover {
	text-decoration: underline;
}


