/* CSS Document */

  
/*#################  STRUCTURE #############################*/


* {
margin-top: 0;
}

html{
height: 100%;
}

body {
	background-color:#000000;
	background-image: url(/images/common/ts_body_bgr.jpg);
	background-repeat: repeat-x;
	background-position: center -2px;
	height:100%;
	margin:0;
    padding:0;
}


#MainWrapper {
	background-color: #282828;
	width: 930px;
	margin-right: auto;
	margin-left: auto;
	margin-top: 110px;
	margin-bottom: 0px;
	text-align:left;
	min-height:100%;
	position:relative;
	border-left: #565656 1px solid;
	border-right: #565656 1px solid;
	color: #999999;
}

#LogoTop {
	background-image:url(/images/common/ts_logo_top.jpg);
	background-repeat:no-repeat;
	height: 73px;
	width: 310px;
	position: absolute;	
	top:-90px;
	left: -17px;
	cursor:pointer;
}



/*#################  MENU #############################*/

#MenuTopWrapper{
	position:absolute;
	display:block;
	height:48px;
	background-image:url(/images/common/ts_topmenu_bgr.jpg);
	background-repeat:repeat-x;
	width: 930px;
	
}

	  #MenuTop{
		  position:absolute;
		  font-size:16px;
		  font-weight:bold;
		  font-family:Arial,Verdana,Helvitica,sans-serif;
		  right: 5px;
		  top: 10px;
	  }
	  
	  #MenuTop ul{
		  margin-left:0;
		  padding:0;
		  list-style-type:none;
		  width:auto;
	  }
	  
	  #MenuTop ul li{
		  display:block;
		  float:left;
		  margin:0 1px 0 0;
		  border-left: 1px solid #555555;
	  }
		  
	  #MenuTop ul li a{
		  display:block;
		  float:left; 
		  color:#dddddd;
		  text-decoration:none;
		  padding:3px 18px 0 18px;
		  height:22px;
	  }
		  
	  #MenuTop ul li a:hover,
	  #MenuTop ul li a.current{
		  color:#a1c34a;
	  }



/* Langmenu ###### */

#LangMenu {
	font-family: Arial, Helvetica, sans-serif;
	font-size: 10px;
	position: absolute;
	top: -22px;
	right: 7px;
}


/*#################  Content Structure #############################*/

#MainContent {
	position: relative;
	top: 48px;
	padding: 0px 0px 0px 20px;
	padding-bottom: 220px;
	color:#dddddd;
	font-size:12px;
	font-family:Arial, Helvetica, sans-serif;
	/* IE 7 HACK below */
	min-height: 0;

}

.BarBottom {
	display:block;
	height:15px;
	margin-left: -20px;
	background-image:url(/images/common/ts_bar_bottom.jpg);
	background-repeat:repeat-x;
	width: 930px;
}



#FooterText {
color:#bbbbbb;
font-size:12px;
font-weight:bold;
text-align:center;
margin-top: 7px;
}

#Footer {
	position: absolute; 
	bottom:0px; 
	display:block;
	height:220px;
	background-color:#202020;
	border-bottom: thin solid #565656;
	font-family:Arial, Helvetica, sans-serif;
	
} 

#FooterBar {
	height:40px;
	background-image:url(/images/common/ts_topmenu_bgr.jpg);
	background-repeat:repeat-x;
	width: 930px;
	padding-top: 15px;
} 

#FooterBarText {
	color:#bbbbbb;
	font-size:12px;
	font-weight:bold;
	font-family:Arial, Helvetica, sans-serif;
	text-align:center;
}

#FooterLinkBox {
	padding: 0px 10px 0px 20px;;
}

.LinkBox {
	font-size: 11px;
}

.FooterLinkTitle {
	font-weight: bold;
	font-size: 13px;
	margin-left: -5px;
	
}



/*#################  COLUMNS #############################*/

.MainColumnWide {
	width: 590px;
	float:left;	
}


.MainColumn {
	width: 300px;
	float:left;	
}

.RightColumn {
	width: 300px;
	float:right;	
}


/*#################  Images #############################*/

img {
	border: none;
}



/*#################  Boxes #############################*/




.Box283BrownTop {
	background-image: url(/images/common/ts_box_283_brown_top.jpg);
	background-repeat:no-repeat;
	
	height: 10px;
	width: 287px;
}

.Box283BrownMiddle {
	background-color: #746851;
	border-left: 1px solid #848484;
	border-right: 1px solid #848484;
	width: 267px;
	padding: 8px;
	margin-left: 1px;
	position: relative;
}

.Box283BrownBottom {
	background-image: url(/images/common/ts_box_283_brown_bottom.jpg);
	background-repeat:no-repeat;
	
	height: 10px;
	width: 287px;
}

.Box283GreyTop {
	background-image: url(/images/common/ts_box_283_grey_top.jpg);
	background-repeat:no-repeat;
	
	height: 10px;
	width: 287px;
}

.Box283GreyMiddle {
	background-color: #3d3d3d;
	border-left: 1px solid #5e5d5d;
	border-right: 1px solid #5e5d5d;
	width: 267px;
	padding: 8px;
	margin-left: 1px;
	position: relative;
}

.Box283GreyBottom {
	background-image: url(/images/common/ts_box_283_grey_bottom.jpg);
	background-repeat:no-repeat;
	
	height: 10px;
	width: 287px;
}

.Box587GreyTop {
	background-image: url(/images/common/ts_box_587_grey_top.jpg);
	background-repeat:no-repeat;
	
	height: 10px;
	width: 587px;
}

.Box587GreyMiddle {
	background-color: #3d3d3d;
	border-left: 1px solid #5e5d5d;
	border-right: 1px solid #5e5d5d;
	width: 563px;
	padding: 10px;
	margin-left: 1px;
	
}


.Box283GreenMiddle {
	background-color: #535f35;
	border-left: 1px solid #5e5d5d;
	border-right: 1px solid #5e5d5d;
	width: 267px;
	padding: 8px;
	margin-left: 1px;
	position: relative;
}




.Box587GreyBottom {
	background-image: url(/images/common/ts_box_587_grey_bottom.jpg);
	background-repeat:no-repeat;
	
	height: 10px;
	width: 587px;
}


.Box587BrownTop {
	background-image: url(/images/common/ts_box_587_brown_top.jpg);
	background-repeat:no-repeat;
	height: 10px;
	width: 587px;
}

.Box587BrownMiddle {
	background-color: #534a3a;
	border-left: 1px solid #888888;
	border-right: 1px solid #888888;
	width: 543px;
	padding: 20px;
	margin-left: 1px;
	
}

.Box587BrownBottom {
	background-image: url(/images/common/ts_box_587_brown_bottom.jpg);
	background-repeat:no-repeat;
	
	height: 10px;
	width: 587px;
}

.BoxTitle {
	float: right;
	width: 195px;
	margin-top: 10px;

}



.BoxContent {
	clear:both;
	padding: 5px 5px 0px 0px;
	margin-left: 5px;
}

.BoxList
{
	padding: 15px 0px 0px 0px;
	clear: both;
	
}

.BoxTitleList {
	float: right;
	width: 480px;

}

.BoxContentList {
	float:right;
	width: 480px;
	margin-top: -10px;
}

.BoxContentWrapper {
	margin-top: 0px;
}

.BoxTopTitle {
	color: #a1c34a;
	font-weight: bold;
	position: absolute;
	top: -27px;
	left: 5px;
}



/*################### NEWS ###########################*/

.NewsTitle {
	font-weight: bold;
	font-size: 11px;
	margin-top: 8px;
	color: #cccccc;
}

.NewsText {
	font-size: 11px;
	margin-bottom: 18px;
	color: #cccccc;
}
	

/*################### FONTS ###########################*/

.h1green {
	color: #a1c43a;
	font-size: 18px;
	font-weight: 400;	
}

.h2green {
	color: #a1c43a;
	font-size: 16px;
	font-weight: bold;	
}

.h3green {
	color: #a1c43a;
	font-size: 14px;
	font-weight: bold;
	margin-bottom: 12px;
}

.h1grey {
	color: #dddddd;
	font-size: 18px;
	font-weight: 400;	
}

.h2grey {
	color: #dddddd;
	font-size: 16px;
	font-weight: bold;	
}

.h3grey {
	color: #dddddd;
	font-size: 14px;
	font-weight: bold;	
}


/*################### BUTTONS ###########################*/


.Button {
	float: left;
	padding: 0px 5px 5px 5px;
}

.ButtonList {
	float: left;
	padding: 0px 5px 5px 5px;
}



/*################### CONTENT ###########################
#########################################################*/

#StartSplash {
	margin-left: -20px;
}

.TextDiv {
	padding: 10px 10px 10px 20px;
	margin-left: -20px;
}
	



.ImgBox1 {
	padding: 10px;
		
}




/*#################  LINKS #############################*/

a:link {
text-decoration:none;
outline: none;
color:#a1c34a;
font-weight:bold;
font-family:Arial, Helvetica, sans-serif;
}
a:visited {
text-decoration:none;
color:#a1c34a;
font-weight:bold;
font-family:Arial, Helvetica, sans-serif;
outline: none;
}
a:hover {
text-decoration:none;
color:#ffffff;
font-weight:bold;
font-family:Arial, Helvetica, sans-serif;
outline: none;
}
a:active {
text-decoration:none;
color:#ffffff;
font-weight:bold;
font-family:Arial, Helvetica, sans-serif;
outline: none;
}

a.NavActive:link {
	color: #a1c34a;
}

.ProdMenuDiv {
	margin-left: 10px;
	margin-top: 0px;
	
}

.MenuLink {
	font-size: 16px;
	font-weight: bold;
	font-family:Arial, Helvetica, sans-serif;
	text-decoration:none;
	outline: none;
	margin-bottom: 10px;
	

}

a.MenuLink:link {
	color:#a1c34a;
}

a.MenuLink:visited {	
	color:#a1c34a;
}

a.MenuLink:hover {
	color:#ffffff;	
}

a.MenuLink:active {
	color:#a1c34a;
}