body {
	background: #0B0B09 url('../img/body2010_bg.jpg') repeat scroll top left;
	margin: 0;
	padding: 6px 0 20px 0;
}

body, td, th {
	font: normal normal normal 12px/12px "Trebuchet MS", Arial;
}

.dev {
	border: 1px dotted red;
}

/*
	Basics first
*/
td, th {
	vertical-align: top;
}

a img {
	border: 0;
}

div.spacer {
	clear: both;
	line-height: 0;
	font-size: 0;
}

img.img_left {
	float: left;
	clear: left;
	margin-right: 1em;
	margin-bottom: 0.5em;
	border: 1px solid #999999;
}

img.img_right {
	float: right;
	clear: right;
	margin-left: 1em;
	margin-bottom: 0.5em;
	border: 1px solid #999999;
}

img.img_ {
	display: block;
	clear: both;
	border: 1px solid #999999;
}

/*
	Basic elements
*/
#wrapper {
	width: 770px;
	margin: 0 auto 0 auto;
}

#main {
	width: 580px;
}

#main td {
	background-color: #0B0B09;
}

#main tr.toppic td {
	height: 230px;
}

	#main tr.toppic div {
		line-height: 8px;
		border: 1px solid #3F3739;
		width: 578px;
		height: 228px;
		overflow: hidden;
	}

#main tr.footer td {
	background-color: #161616;
	border-top: 2px solid #5e5e5e;
	padding: 4px 10px 15px 10px;
	font-size: 0.9em;
	background: #181818 url('../img/content_h1_bg.jpg') repeat-x scroll top left;
}

	#main tr.footer td a {
		text-decoration: none;
		color: #FFFFFF;
		margin-right: 15px;
	}

		#main tr.footer td a:hover {
			text-decoration: none;
			color: #FF9BE1;
		}

	#main tr.footer td span.copyright {
		float: right;
		color: #FFFFFF;
	}

/* Navigation */
#main tr.nav a {
	text-decoration: none;
}

#main tr.nav td {
	background-color: transparent;
}

#main tr.nav div.primary {
	background: #FF9BE1 url('../img/2010/nav_primary_bg.jpg') repeat-x scroll top left;
}

	#main tr.nav div.primary a {
		color: #000000;
		display: block;
		float: left;
		height: 35px;
	}

	#main tr.nav div.primary a img.border {
		border-left: 1px solid #FF9BE1;
	}

		#main tr.nav div.primary a:hover img.border {
			border-left: 1px solid #707D02;
		}

#main tr.nav div.secondary {
	background-color: #1A1B02;
	padding: 7px 0 4px 14px;
	clear: both;
	margin-top:4px;
}

	#main tr.nav div.secondary a {
		color: #ffffff;
		font-size: 10px;
		margin-right: 12px;
	}

	#main tr.nav div.secondary a:hover {
		color: #FF9BE1;
	}


/* Content: Grid */
#main tr.grid td {
	background: #F4F4F4 url('../img/content_bg.jpg') repeat scroll top left;
	width: 33%;
	height: 235px;
	padding: 0;
}

	/* reset width and height of child tables */
	#main tr.grid div.content td {
		width: auto;
		height: auto;
	}

	tr.grid td div.greentop,
	td.subnav div.greentop,
	td.content div.greentop {
		line-height: 0;
		font-size: 0;
		height: 5px;
		background: #0B0B09 url('../img/2010/grid_blacktop.jpg') repeat-x scroll top left;
	}

	tr.grid td div.title {
		padding: 0;
		line-height: 8px;
	}

		/* color variations for div.title */
		tr.grid td.black div.title { color: #ffffff; background-color: #F6BC00; }
		tr.grid td.green div.title { color: #ffffff; background-color: #427B21; }
		tr.grid td.blue div.title { color: #ffffff; background-color: #3673BA; }

		
		tr.grid td.support div.title { color: #ffffff; background-color: #D6A555; }
			tr.grid td.support { background: #ffffff !important; }
			tr.grid td.support img { border: 0 !important; }

		tr.grid td.faq div.title,
		tr.grid td.poll div.title,
		tr.grid td.template_black div.title,
		tr.grid td.template_green div.title,
		tr.grid td.template_yellow div.title,
		tr.grid td.template_blue div.title,
		tr.grid td.template_grey div.title,
		tr.grid td.template_answer div.title,
		tr.grid td.skaba div.title  {
			color: #ffffff;
			height: 50px;
			background-repeat: no-repeat;
			background-position: top right;
			
		}

		tr.grid td.template_black div.title { background-color: #000000; background-image: url('../img/2010/b_first.jpg'); }
		tr.grid td.template_yellow div.title { background-color: #000000; background-image: url('../img/2010/b_second.jpg'); }
		tr.grid td.template_green div.title { background-color: #000000; background-image: url('../img/2010/b_third.jpg'); }
		tr.grid td.skaba div.title { background-color: #000000; background-image: url('../img/2010/b_third.jpg'); }
		
		
		tr.grid td.template_blue div.title { background-color: #000000; background-image: url('../img/2010/b_third.jpg'); }
		
		tr.grid td.template_answer div.title { background-color: #000000; background-image: url('../img/2010/g_second.jpg'); }
		tr.grid td.faq div.title { background-color: #000000; background-image: url('../img/2010/g_first.jpg'); }
		
		tr.grid td.template_blue div.title { background-color: #000000; background-image: url('../img/2010/g_first.jpg'); }
		tr.grid td.template_grey div.title { background-color: #000000; background-image: url('../img/2010/g_second.jpg'); }
		tr.grid td.poll div.title { background-color: #000000; background-image: url('../img/2010/g_third.jpg'); }
		

		tr.grid td.template_black div.title h1 {
			font-size: 20px;
			font-weight: bold;
			color: #F6BC00;
			margin: 0;
			padding: 30px 4px 2px 12px;
			margin-bottom:10px;
		}
		tr.grid td.template_yellow div.title h1 {
			font-size: 20px;
			font-weight: bold;
			color: #A0D209;
			margin: 0;
			padding: 30px 4px 2px 12px;
			margin-bottom:10px;
			
		}
		
		tr.grid td.template_green div.title h1,
		tr.grid td.skaba div.title h1
		 {
			font-size: 20px;
			font-weight: bold;
			color: #1DBEF1;
			margin: 0;
			padding: 30px 4px 2px 12px;
			margin-bottom:10px;
		}
		
		
		tr.grid td.poll div.title h1,
		tr.grid td.faq div.title h1,
		tr.grid td.template_blue div.title h1,
		tr.grid td.template_grey div.title h1,
		tr.grid td.template_answer div.title h1 {
			font-size: 20px;
			font-weight: bold;
			color: #ffffff;
			margin: 0;
			padding: 30px 4px 2px 12px;
			margin-bottom:10px;
			
			
		}

		#main tr.grid td.faq {
			background: #f4f4f4 url('../img/grid_question.jpg') no-repeat scroll bottom right;
		}

		#main tr.grid td.template_answer {
			background: #f4f4f4 url('../img/grid_exclamation.jpg') no-repeat scroll bottom right;
		}



	tr.grid td div.content {
		padding: 10px;
	}

		tr.grid td div.content p {
			margin: 0 0 1em 0;
			padding: 0;
		}

			/* color variations for content b */
			tr.grid td.black div.content b { color: #000000; }
			tr.grid td.green div.content b { color: #427B21; }
			tr.grid td.blue div.content b { color: #3673BA; }

			tr.grid td.poll div.content b { color: #91401C; }
			tr.grid td.skaba div.content b { color: #1C9190; }
			tr.grid td.faq div.content b { color: #1C9190; }
			tr.grid td.support div.content b { color: #7B5E24; }

			tr.grid td.template_black div.content b { color: #000000; }
			tr.grid td.template_answer div.content b { color: #000000; }
			tr.grid td.template_grey div.content b { color: #000000; }
			tr.grid td.template_green div.content b { color: #427B21; }
			tr.grid td.template_blue div.content b { color: #3673BA; }

		tr.grid td div.content a.readmore {
			text-decoration: none;
			font-weight: bold;
			font-size: 0.9em;
		}

		tr.grid td div.content a.readmore:hover {
			text-decoration: underline;
		}

			/* color variations for content a */
			tr.grid td.black div.content a { color: #000000; }
			tr.grid td.green div.content a { color: #427B21; }
			tr.grid td.blue div.content a { color: #3673BA; }

			tr.grid td.poll div.content a { color: #91401C; }
			tr.grid td.skaba div.content a { color: #1C9190; }
			tr.grid td.faq div.content a { color: #1C9190; }
			tr.grid td.support div.content a { color: #7B5E24; }

			tr.grid td.template_black div.content a { color: #000000; }
			tr.grid td.template_answer div.content a { color: #000000; }
			tr.grid td.template_green div.content a { color: #427B21; }
			tr.grid td.template_blue div.content a { color: #3673BA; }

/* Content: Typical */
#main td.subnav {
	/*background: #F4F4F4 url('../img/subnav_logo.jpg') no-repeat scroll center 92%;*/
	background: #F4F4F4;
	width: 33%;
	height: 235px;
	padding: 0 0 90px 0;
}

	#main td.subnav div.subtop {
		line-height: 0;
		font-size: 0;
		height: 21px;
		margin: 0 0 5px 0;
		background: #C5D200 url('../img/2010/subnav_top.jpg') repeat-x scroll top left;
	}

	#main td.subnav ul {
		margin: 0;
		padding: 0 0 0 0;
		list-style: none;
		line-height: 18px;
	}

		#main td.subnav li {
			display: inline;
		}

		#main td.subnav li a {
			display: block;
			padding: 0 0 0 15px;
			color: #000000;
			text-decoration: none;
		}

			#main td.subnav li a:hover {
				text-decoration: none;
				background-color: #FF9BE1;
			}

		#main td.subnav ul ul {
			font-size: 90%;
		}

			#main td.subnav ul ul a {
				padding-left: 30px;
				color: #5F6301;
			}

				#main td.subnav ul ul a:hover {
					background-color: #D8DE5D;
				}

#main td.content {
	background: #F4F4F4;
	padding: 0;
}

	#main td.content h1 {
		font-size: 16px;
		font-weight: normal;
		line-height: normal;
		padding: 20px 10px 4px 10px;
		margin: 0;
		color: #ffffff;
		background: #181818 url('../img/content_h1_bg.jpg') repeat-x scroll top left;
	}

	#main td.content h2 {
		padding: 0;
		margin: 0;
		font-size: 14px;
		font-weight: bold;
	}

	#main td.content h3 {
		padding: 0;
		margin: 0;
		font-size: 12px;
		font-weight: bold;
	}


	#main td.content div.container {
		padding: 10px;
		color: #333333;
		line-height: 14px;
	}

	#main td.content div.solo {
		padding: 10px 30px 30px 30px;
	}

		#main td.content div.container table td {
			background-color: transparent;
		}

		#main td.content p {
			margin: 0 0 0.5em 0;
			padding: 0;
		}

		#main td.content div.container a {
			color: #727D18;
		}

			#main td.content div.container a:hover {
				color: #1a1a1a;
			}

		#main td.content div.container hr {
			color: #CCCCCC;
			background-color: #CCCCCC;
			height: 1px;
			border: 0;
			margin: 0;
		}

		#main td.content table.lomake {
			margin-top: 10px;
		}

			#main td.content table.lomake td {
				padding: 4px;
			}


	#main td.content div.container div.goback {
		float: right;
		text-align: right;
		display: block;
		width: 100%;
		margin-bottom: 10px;
	}

div.linkToNettiTV {
	padding: 8px 8px 0 8px;
	margin: 0 10px 0 10px;
	border: 1px solid #CCCCCC;
}

	div.linkToNettiTV img.thumb {
		border: 1px solid #999;
		margin-right: 10px;
	}

	div.linkToNettiTV p {
		margin-top: 0;
		padding-left: 70px;
	}

	div.linkToNettiTV a.title {
		display: block;
		color: #758200;
		font-size: 12px;
		font-weight: bold;
		text-decoration: none;
		border-bottom: 1px solid #999999;
		margin-bottom: 2px;
	}

		div.linkToNettiTV a.title:hover {
			color: #666666;
			text-decoration: none;
		}

	div.linkToNettiTV span.comment {
		color: #666666;
		line-height: 11px;
	}


/*
	Banners
*/
div.banners-side {
	width: 160px;
	float: right;
/*	padding-top: 300px;
	position: absolute;
	z-index: 2;
	left: 795px;
	top: 310px;
*/
}

div.banners-header,
div.banners-footer {
	width: 580px;
	padding: 4px;
	text-align: center;
	
	
}

	div.banners-footer {
		margin-top: 10px;
	}

	div.banner {
	}

	div.banners-side div.banner {
		margin-bottom: 10px;
	}

/* Partners */
div#partners {
	height: 400px;
	padding-top: 12px;
}

	div#partners a img {
		margin: 2px 4px 2px 0;
	}

/*
	Forms
*/
input,
select,
textarea {
	font: normal normal normal 12px "Trebuchet MS", Arial;
	padding: 2px;
	border: 1px solid #666666;
}

	input.checkbox,
	input.radio {
		border: 0;
		width: auto !important;
	}

/*
	Poll
*/
form.poll {
	width: 150px;
}
form.poll input.button {
	color: #ffffff;
	font-weight: bold;
	background-color: #923F1D;
	border: 1px solid #923F1D;
	margin-top: 1em;
}