body
{
	/* background-color:rgb(102,102,102); */
	background-color:rgb(64,64,64);
	font: normal 70% "Helvetica","Lucida Sans Unicode",sans-serif;
	color: #BBB;
}

#maincontent{
	display:block;
	position:relative;
	padding: 20px 0px 0px 0px;
}

#maincontent a{
	text-decoration:none;
	color: black;
}

#maincontent a:hover{
	text-decoration: none;
	color: #666;
}


#wrapper{
	margin-left: auto;
	margin-right: auto;
	width: 850px;
}

#logo{
	position: relative;
	top: 5px;
	height: 50px;
	margin-bottom:10px;
}

#bigfooter{
	display:block;
	position:relative;
}

#smallfooter{
	display:block;
	position:relative;
	width:850px;
	height:35px;
	background-color:rgb(38,38,38);
}

#clearer{
	clear: both;
	height: 400px;
}

#help
{
	position:absolute;
	bottom:5px;
	right:5px;
}

/*****************************************
*
*	MENUPALKKI - MENUPALKKI
*
*
******************************************/

#uppermenu{
	display:block;
	font-size: 12px;
	font: "Helvetica","Lucida Sans Unicode",sans-serif;
	text-decoration:none;
	position:relative;
	top:0px;
	height:36px;
	margin-left:0px;
	margin-right:0px;
	background: rgb(38,38,38);
	width: 850px;
}

#uppermenu ul{
	list-style: none;
	display: block;
	padding: 0px 0px 0px 0px;
	margin: 0px;
}

#uppermenu li{
	list-style: none;
}

#uppermenu li a{
	padding: 10px 29px 10px 29px;
	background: rgb(38,38,38);
	color: white;
	text-decoration:none;
	float:left;
}

#uppermenu li a:hover{
	background: rgb(32,32,32);
}

/*****************************************
*
*	SUBMENU
*
*
******************************************/

#navcontainer { }
#navcontainer a { text-decoration: none; }

#navcontainer ul
{
	padding: 0;
	margin: 0;
	list-style-type: none;
	position: relative;
}

#navcontainer li { display: inline; }

/*1st level elements*/

#navcontainer ul
{
	background-color: rgb(38,38,38);
	padding-top:5px;
	padding-bottom:5px;
	margin-bottom: 2em;
	width: 100%;
}

#navcontainer li { margin: 0 0 0px; }

#navcontainer ul a,
#navcontainer ul a:link,
#navcontainer ul a:visited
{
	background-color: rgb(38,38,38);
	border: 0px solid #ADADAD;
	color: white;
	padding: 0px 15px;
}

#navcontainer ul a:hover,
#navcontainer ul a:focus
{
	background-color: rgb(38,38,38);
	border: 0px solid black;
	color: #666;
}

li.active
{
	font-weight: bold;
}

/*current Link*/
#navcontainer ul a#current,
#navcontainer ul a#current:link,
#navcontainer ul a#current:visited { font-weight: bold; }

/*Second and subsequent levels*/
#navcontainer ul ul
{
	font-size: 100%;
	position: absolute;
	top: 20px;
	left: 0;
	width: 100%;
	border-top: none;
	background-color: rgb(38,38,38);
}

#navcontainer ul ul li { display: inline; }

#navcontainer ul ul a,
#navcontainer ul ul a:link,
#navcontainer ul ul a:visited
{
	color: white;
}

#navcontainer ul ul a:hover,
#navcontainer ul ul a:focus
{
	background-color: #999999;
	border: 0px solid black;
	color: black;
}

/*current Link*/
#navcontainer ul ul a#subcurrent,
#navcontainer ul ul a#subcurrent:link,
#navcontainer ul ul a#subcurrent:visited { font-weight: bold; }

/*****************************************
*
*	ETUSIVU - ETUSIVU - ETUSIVU
*
*
******************************************/

#textbox {
	position: absolute;
	top:40px;
	right:20px;
	width:250px;
	height:360px;
	background-color:black;
	opacity:0.6;
}

#bottomimage {
	position:absolute;
	height: 400px;
	width:850px;
	background-image:url(./rotationpicture_1.jpg);
	background-repeat: no-repeat;
	border:0px solid blue;
}

#news1 {
	color:white;
	position:absolute;
	right:30px;
	top:50px;
	width:210px;
	height:350px;
	opacity:1;
	display:block;
	font-size:small;
}
#news2 {
	color:white;
	position:absolute;
	right:30px;
	top:50px;
	width:210px;
	height:350px;
	opacity:0;
	display:none;
	font-size:small;
}
#news3 {
	color:white;
	position:absolute;
	right:30px;
	top:50px;
	width:210px;
	height:350px;
	opacity:0;
	display:none;
	font-size:small;
}
#news4 {
	color:white;
	position:absolute;
	right:30px;
	top:50px;
	width:210px;
	height:350px;
	opacity:0;
	display:none;
	font-size:small;
}


/*****************************************
*
*	YRITYS - YRITYS - YRITYS
*
*
******************************************/

#yritysteksti{
	color: #FFF;
	background-color:rgb(38,38,38);
	padding: 20px 20px 20px 20px;
	font-size: 14px;
}


/*****************************************
*
*	TECLUX NEWS - TECLUX NEWS
*
*
******************************************/


#allnews a {
	color: #FFF;
	text-decoration:none;
	font: normal 100% "Helvetica","Lucida Sans Unicode",sans-serif;
}

#uutisvuosiluvut{
	background-color:rgb(32,32,32);
	width: 850px;
	height: 20px;
	padding-top: 5px;
	padding-bottom: 5px;
	padding-right: 10px;
	font: 12px Helvetica,"Lucida Sans Unicode",sans-serif;
	font-weight: bold;
	text-align: right;
}

#uutisvuosiluvut a{
	color: #FFF;
	text-decoration:none;
}

#darkuutisteksti{
	color: rgb(32,32,32);
	width:100%;
	text-decoration:none;
	background-color: #FFF;
	font: 120% Helvetica,Arial,sans-serif; 
	padding: 0px 20px 0px 20px;
	line-height: 1.4em;
	letter-spacing: 0.08em;
}

#darkuutisteksti a{
	color: rgb(32,32,32);
	background-color: #FFF;
	text-decoration:none;
}

#uutisteksti{
	color: #FFF;
	width:100%;
	text-decoration:none;
	background-color: rgb(32,32,32);
	font:120% Helvetica, Arial, sans-serif;
	padding: 0px 20px 20px 20px;
	line-height: 1.4em;
	letter-spacing: 0.08em;
}

#uutisteksti a{
	color: #FFF;
	text-decoration:none;
}

#uutislinkki{
	color: #FFF;
	text-align:right;
	text-decoration:none;
	background-color: rgb(32,32,32);
	font: normal 120% "Helvetica","Lucida Sans Unicode",sans-serif;
}

#uutislinkki a{
	color: #FFF;
	text-decoration:none;
}

#darkuutislinkki{
	color: rgb(32,32,32);
	text-align:right;
	text-decoration:none;
	background-color: #FFF;
	font: normal 120% "Helvetica","Lucida Sans Unicode",sans-serif;
}

#darkuutislinkki a{
	color: rgb(32,32,32);
	text-decoration:none;
}


#uutiskuva{
	background-color:rgb(32,32,32);
}

#uutisidtyhja{
	background-color: rgb(32,32,32);
}

#uutisidteksti{
	padding-top:20px;
	padding-left: 20px;
	padding-right: 20px;
	background-color: rgb(32,32,32);
	color:#FFF;
}

#uutisidkuva{
	vertical-align:top;
	background-color: rgb(32,32,32);	
	padding-top:20px;
}

#tinymce {
    color: #111 !important;
    width: 810px !important;
    background-color: white !important;
    letter-spacing: 0.08em !important;
    font: 12px Helvetica,Arial,sans-serif !important;
}

#tinymce td {
    font: 12px Helvetica,Arial,sans-serif !important;
}

#wysiwyg_ifr {
    width: 810px !important;
}

/*****************************************
*
*	TUOTTEET TUOTTEET
*
*
******************************************/

#valmistajalistakuva{
	background-color:white;
	padding: 20px 20px 20px 20px;
	/* width:20%; */
	width:200px;
	height:150px;
	vertical-align:middle;
}

#valmistajalistateksti{
	width:610px;
	color: #FFF;
	background-color: white; /* rgb(32,32,32);
	text-decoration:none;
	font: normal 120% "Helvetica","Lucida Sans Unicode",sans-serif;
	padding: 0px 20px 20px 20px;
	border-bottom-width:2px; 
	border-bottom-color:#111;
	border-bottom-style:solid; */
}

#valmistajalistakuva a{
	color: rgb(38,38,38);
	text-decoration:none;
}

#valmistajalistapikkukuvat{
	width:80%;
	background-color: white;
}

#valmistajavalitayte{
	width:100%;
	height:35px;
	background-color:rgb(38,38,38);
}

#valmistajakuva{
	background-color:white;
	padding: 20px 20px 20px 20px;
	width:20%;
}

#valmistajateksti{
	color: black;
	width:80%;
	text-decoration:none;
	background-color: white; /* rgb(32,32,32); */
	font: normal 120% "Helvetica","Lucida Sans Unicode",sans-serif;
	padding: 0px 20px 20px 20px;
}

#valmistajateksti a{
	color: white;
	text-decoration:none;
}


#valmistajataulu{
	background-color: rgb(32,32,32);
	width: 100%;
}

#valmistajataulu a{
	color: black;
	text-decoration: none;
}

#tuoteluettelosolu{
	/* width: 50px; */
	padding-bottom: 20px;
	vertical-align:left;
	/* background: green; */
}

#tuoteluettelolistataulu{
	background-color: rgb(32,32,32);
	width: 100%;
	padding-top: 20px;
}

#tuoteluettelolista{
	width: 230px;
	color: #FFF;
	vertical-align:top;
	font-weight:bold;
	padding-left:20px;
	padding-right:20px;
	/* background: blue; */
}

#tuoteluettelolista a{
	color: #FFF;
	text-decoration:none;
}

#tuoteluettelolistaviiva{
	width: 520px;
	border-bottom-style: solid;
	border-bottom-width: 1px;
	border-bottom-color: #AAA;
}

/*****************************************
*
*	YHTEYS - YHTEYS - YHTEYS
*
*
******************************************/


#yhteys .otsikko{
	color: #FFF;
	padding: 30px 0px 0px 20px;
	background-color: rgb(32,32,32);
}

#yhteys .otsikko_valkoinen{
	color: rgb(32,32,32);
	padding: 40px 0px 0px 20px;
	background-color: #FFF;
}

#yhteys .tieto{
	color: #FFF;
	padding: 20px 20px 30px 20px;
	background-color: rgb(32,32,32);
	border-bottom-width: 1px;
	border-bottom-style: solid;
	border-bottom-color: #111;
}

#yhteys .tietovalkoinen{
	color: rgb(32,32,32);
	padding-top:20px;
	padding-bottom: 30px;
	padding-right: 0px;
	padding-left: 20px;
	background-color: #FFF;
}

#yhteys .tietoylarivi{
	color: #FFF;
	padding: 20px 20px 20px 20px;
	background-color: rgb(32,32,32);
}

#yhteys .tietovalkoinen a{
	color: rgb(32,32,32);
	text-decoration:none;
}

#yhteys .yhteys_v{
	background-color: rgb(32,32,32);
	border-bottom-width: 1px;
	border-bottom-style: solid;
	border-bottom-color: #111;
}

#yhteys .yhteys_v_ylarivi{
	background-color: rgb(32,32,32);
}

#yhteys .yhteys_v_valkoinen{
	background-color: #FFF;
}