/**
 * Olipakerran.fi
 * Stylesheet
 * v1.000
 * Copyright (c) Mediaani, 2007
 */
body {
	margin: 0;
	padding: 0;
	background: url(/pics/bg.gif) no-repeat center top #bf000c;
}

/* Common */
img {
	border: 0;
}

td {
	vertical-align: top;
}

.image_right {
	margin: 0 0 20px 20px;
}

/* Wrapper */
#wrapper {
	width: 780px;
	margin: 0 auto;
}

/* Fonts */
p,div,th,td,input,select,textarea {
	font-family: Arial, Helvetica, sans-serif;
	font-size: 12px;
}

/* Text */
p {
	margin: 0 0 13px 0;
}

/* Links */

/* Titles */
h2 {
	margin: 0 0 15px 0;
	padding: 0;
}

h3 {
	font-size: 20px;
	margin: 0 0 10px 0;
}

/* Header */
#header {
	position: relative;
	height: 150px;
}

/* Logo */
#logo {
	margin: 0 0 0 0;
	padding: 33px 0 15px 35px;
}

#logo a {
	display: block;
	height: 70px;
	background-repeat: no-repeat;
}

#logo a span {
	display: none;
}

#logo .logo_fi { background-image: url(/pics/logo/fi.gif); width: 366px; }
#logo .logo_en { background-image: url(/pics/logo/en.gif); width: 481px; }
#logo .logo_se { background-image: url(/pics/logo/se.gif); width: 448px; }
#logo .logo_no { background-image: url(/pics/logo/no.gif); width: 448px; }

/* Language */
#language {
	position: absolute;
	right: 35px;
	top: 0;
}

#language a {
	display: block;
	float: left;
	width: 80px;
	height: 28px;
	background-repeat: no-repeat;
	margin-left: 5px;
}

#language a span {
	display: none;
}

#language .language_fi { background-image: url(/pics/language/off/fi.gif); background-position: 0 -4px; }
#language .language_en { background-image: url(/pics/language/off/en.gif); background-position: 0 -4px; }
#language .language_se { background-image: url(/pics/language/off/se.gif); background-position: 0 -4px; }
#language .language_no { background-image: url(/pics/language/off/no.gif); background-position: 0 -4px; }

#language .language_fi:hover { background-position: 0 0; }
#language .language_en:hover { background-position: 0 0; }
#language .language_se:hover { background-position: 0 0; }
#language .language_no:hover { background-position: 0 0; }

#language .language_fi_active { background-image: url(/pics/language/on/fi.gif); }
#language .language_en_active { background-image: url(/pics/language/on/en.gif); }
#language .language_se_active { background-image: url(/pics/language/on/se.gif); }
#language .language_no_active { background-image: url(/pics/language/on/no.gif); }

/* Procidis */
#procidis {
	position: absolute;
	right: 35px;
	top: 65px;
}

#procidis a {
	display: block;
	width: 87px;
	height: 28px;
	background: url(/pics/logo_procidis.gif) no-repeat;
}

#procidis a span {
	display: none;
}

/* Navi */
#navi {
	height: 33px;
	padding-left: 35px;
	background: url(/pics/bg_navi.gif) no-repeat left bottom;
}

#navi a {
	display: block;
	height: 33px;
	background-repeat: no-repeat;
	float: left;
	width: 750px;
	margin-right: 5px;
}

#navi a span {
	display: none;
}

	/* Fi */
	#navi .fi_dvd { background-image: url(/pics/navi/fi/off/dvd.gif); width: 50px; background-position: 0 6px; }
	#navi .fi_books { background-image: url(/pics/navi/fi/off/books.gif); width: 63px; background-position: 0 6px; }
	#navi .fi_boardgames { background-image: url(/pics/navi/fi/off/boardgames.gif); width: 90px; background-position: 0 6px; }
	#navi .fi_tv { background-image: url(/pics/navi/fi/off/tv.gif); width: 40px; background-position: 0 6px; }
	#navi .fi_onceuponatimeplanetearth { background-image: url(/pics/navi/fi/off/onceuponatimeplanetearth.gif); width: 214px; background-position: 0 6px; }
	
	#navi .fi_dvd:hover { background-image: url(/pics/navi/fi/hover/dvd.gif); width: 50px; background-position: 0 0; }
	#navi .fi_books:hover { background-image: url(/pics/navi/fi/hover/books.gif); width: 63px; background-position: 0 0; }
	#navi .fi_boardgames:hover { background-image: url(/pics/navi/fi/hover/boardgames.gif); width: 90px; background-position: 0 0; }
	#navi .fi_tv:hover { background-image: url(/pics/navi/fi/hover/tv.gif); width: 40px; background-position: 0 0; }
	#navi .fi_onceuponatimeplanetearth:hover { background-image: url(/pics/navi/fi/hover/onceuponatimeplanetearth.gif); width: 214px; background-position: 0 0; }
	
	#navi .fi_dvd_active { background-image: url(/pics/navi/fi/on/dvd.gif); width: 50px; }
	#navi .fi_books_active { background-image: url(/pics/navi/fi/on/books.gif);width: 63px; }
	#navi .fi_boardgames_active { background-image: url(/pics/navi/fi/on/boardgames.gif); width: 90px; }
	#navi .fi_tv_active { background-image: url(/pics/navi/fi/on/tv.gif); width: 40px; }
	#navi .fi_onceuponatimeplanetearth_active { background-image: url(/pics/navi/fi/on/onceuponatimeplanetearth.gif); width: 214px; }

	/* En */
	#navi .en_dvd { background-image: url(/pics/navi/en/off/dvd.gif); width: 50px; background-position: 0 6px; }
	#navi .en_books { background-image: url(/pics/navi/en/off/books.gif); width: 67px; background-position: 0 6px; }
	#navi .en_boardgames { background-image: url(/pics/navi/en/off/boardgames.gif); width: 112px; background-position: 0 6px; }
	#navi .en_tv { background-image: url(/pics/navi/en/off/tv.gif); width: 40px; background-position: 0 6px; }
	#navi .en_onceuponatimeplanetearth { background-image: url(/pics/navi/en/off/onceuponatimeplanetearth.gif); width: 234px; background-position: 0 6px; }
	
	#navi .en_dvd:hover { background-image: url(/pics/navi/en/hover/dvd.gif); width: 50px; background-position: 0 0; }
	#navi .en_books:hover { background-image: url(/pics/navi/en/hover/books.gif); width: 67px; background-position: 0 0; }
	#navi .en_boardgames:hover { background-image: url(/pics/navi/en/hover/boardgames.gif); width: 112px; background-position: 0 0; }
	#navi .en_tv:hover { background-image: url(/pics/navi/en/hover/tv.gif); width: 40px; background-position: 0 0; }
	#navi .en_onceuponatimeplanetearth:hover { background-image: url(/pics/navi/en/hover/onceuponatimeplanetearth.gif); width: 234px; background-position: 0 0; }
	
	#navi .en_dvd_active { background-image: url(/pics/navi/en/on/dvd.gif); width: 50px; }
	#navi .en_books_active { background-image: url(/pics/navi/en/on/books.gif); width: 67px; }
	#navi .en_boardgames_active { background-image: url(/pics/navi/en/on/boardgames.gif); width: 112px; }
	#navi .en_tv_active { background-image: url(/pics/navi/en/on/tv.gif); width: 40px; }
	#navi .en_onceuponatimeplanetearth_active { background-image: url(/pics/navi/en/on/onceuponatimeplanetearth.gif); width: 234px; }
	
	/* Se */
	#navi .se_dvd { background-image: url(/pics/navi/se/off/dvd.gif); width: 50px; background-position: 0 6px; }
	#navi .se_books { background-image: url(/pics/navi/se/off/books.gif); width: 72px; background-position: 0 6px; }
	#navi .se_boardgames { background-image: url(/pics/navi/se/off/boardgames.gif); width: 83px; background-position: 0 6px; }
	#navi .se_tv { background-image: url(/pics/navi/se/off/tv.gif); width: 40px; background-position: 0 6px; }
	#navi .se_onceuponatimeplanetearth { background-image: url(/pics/navi/se/off/onceuponatimeplanetearth.gif); width: 219px; background-position: 0 6px; }
	
	#navi .se_dvd:hover { background-image: url(/pics/navi/se/hover/dvd.gif); width: 50px; background-position: 0 0; }
	#navi .se_books:hover { background-image: url(/pics/navi/se/hover/books.gif); width: 72px; background-position: 0 0; }
	#navi .se_boardgames:hover { background-image: url(/pics/navi/se/hover/boardgames.gif); width: 83px; background-position: 0 0; }
	#navi .se_tv:hover { background-image: url(/pics/navi/se/hover/tv.gif); width: 40px; background-position: 0 0; }
	#navi .se_onceuponatimeplanetearth:hover { background-image: url(/pics/navi/se/hover/onceuponatimeplanetearth.gif); width: 219px; background-position: 0 0; }
	
	#navi .se_dvd_active { background-image: url(/pics/navi/se/on/dvd.gif); width: 50px; }
	#navi .se_books_active { background-image: url(/pics/navi/se/on/books.gif); width: 72px; }
	#navi .se_boardgames_active { background-image: url(/pics/navi/se/on/boardgames.gif); width: 83px; }
	#navi .se_tv_active { background-image: url(/pics/navi/se/on/tv.gif); width: 40px; }
	#navi .se_onceuponatimeplanetearth_active { background-image: url(/pics/navi/se/on/onceuponatimeplanetearth.gif); width: 219px; }
	
	/* No */
	#navi .no_dvd { background-image: url(/pics/navi/no/off/dvd.gif); width: 50px; background-position: 0 6px; }
	#navi .no_books { background-image: url(/pics/navi/no/off/books.gif); width: 64px; background-position: 0 6px; }
	#navi .no_boardgames { background-image: url(/pics/navi/no/off/boardgames.gif); width: 87px; background-position: 0 6px; }
	#navi .no_tv { background-image: url(/pics/navi/no/off/tv.gif); width: 40px; background-position: 0 6px; }
	#navi .no_onceuponatimeplanetearth { background-image: url(/pics/navi/no/off/onceuponatimeplanetearth.gif); width: 257px; background-position: 0 6px; }
	
	#navi .no_dvd:hover { background-image: url(/pics/navi/no/hover/dvd.gif); width: 50px; background-position: 0 0; }
	#navi .no_books:hover { background-image: url(/pics/navi/no/hover/books.gif); width: 64px; background-position: 0 0; }
	#navi .no_boardgames:hover { background-image: url(/pics/navi/no/hover/boardgames.gif); width: 87px; background-position: 0 0; }
	#navi .no_tv:hover { background-image: url(/pics/navi/no/hover/tv.gif); width: 40px; background-position: 0 0; }
	#navi .no_onceuponatimeplanetearth:hover { background-image: url(/pics/navi/no/hover/onceuponatimeplanetearth.gif); width: 257px; background-position: 0 0; }
	
	#navi .no_dvd_active { background-image: url(/pics/navi/no/on/dvd.gif); width: 50px; }
	#navi .no_books_active { background-image: url(/pics/navi/no/on/books.gif); width: 64px; }
	#navi .no_boardgames_active { background-image: url(/pics/navi/no/on/boardgames.gif); width: 87px; }
	#navi .no_tv_active { background-image: url(/pics/navi/no/on/tv.gif); width: 40px; }
	#navi .no_onceuponatimeplanetearth_active { background-image: url(/pics/navi/no/on/onceuponatimeplanetearth.gif); width: 257px; }

/* Content */
#content_top {
	background: url(/pics/bg_content.gif) repeat-y;
}

#content_image {
	width: 780px;
	height: 200px;
	background: url(/pics/header/1.jpg) no-repeat 6px 0;
}

#content {
	padding: 20px 80px;
}

/* Tail */
#tail {
	position: relative;
	background: url(/pics/bg_tail.gif) no-repeat 6px 0;
	padding-top: 23px;
	height: 50px;
}

#tail a {
	display: block;
}

#tail a span {
	display: none;
}

#tail .cnp {
	position: absolute;
	top: 30px;
	left: 300px;
	width: 159px;
	height: 14px;
	background: url(/pics/cnp.gif) no-repeat;
}

#tail .mediaani {
	position: absolute;
	right: 20px;
	width: 43px;
	height: 32px;
	background: url(/pics/mediaani.gif) no-repeat;
}

/* Form */

/* Barille quote */
#barille_quote {
	display: block;
	width: 369px;
	height: 222px;
	margin: 0 auto;
	background: url(/pics/barille_quote.gif) no-repeat;
}

#barille_quote_fi {
	display: block;
	width: 557px;
	height: 222px;
	margin: 0 auto;
	background: url(/pics/barille_quote_fi.gif) no-repeat;
}

#barille_quote_en {
	display: block;
	width: 557px;
	height: 222px;
	margin: 0 auto;
	background: url(/pics/barille_quote_en.gif) no-repeat;
}

#barille_quote_se {
	display: block;
	width: 557px;
	height: 222px;
	margin: 0 auto;
	background: url(/pics/barille_quote_se.gif) no-repeat;
}

#barille_quote_no {
	display: block;
	width: 557px;
	height: 222px;
	margin: 0 auto;
	background: url(/pics/barille_quote_no.gif) no-repeat;
}

#barille_quote span,
#barille_quote_fi span,
#barille_quote_se span,
#barille_quote_no span,
#barille_quote_en span {
	display: none;
}

