/* marikoo.com */

* {
	margin:0;
	padding:0;
	
}

p, table, pre, ul, h1, h2, h3, h4, h5, h6 {
	margin-bottom: 1em;
}


body {
	background:#000000;
	color:#e9e9e9;/*vaalea harmaa*/
	text-align:center;
}

/*--------  rakenne ---------- */

#container {
	margin-left:auto;
	margin-right:auto;
	border-left:#414141 solid 1px; /*tummin harmaa*/
	width:965px;
	text-align:left;
}

#topbar {

}



#left {
	width: 210px;
	float:left;
	
}

#main {
	margin-left:250px;
	font: normal 0.9em "Trebuchet MS", Georgia, "Times New Roman", sans-serif;
	line-height:1.5em;
	position:relative;
}

#bottombar_1 {
	position:relative;
	margin:0 auto;
	width:720px;
	clear:both;
	margin: 1em auto 0 auto;
	padding:20px 0 0 250px;
	font: normal 0.7em "Trebuchet MS", Georgia, "Times New Roman", sans-serif;
	text-align:left;
	color: #b5b5b5; /*harmaa*/
	letter-spacing: 0.2em;
	line-height:1.8em;
}

#topnuoli {
	position:absolute;
	left: 210px;
	top:24px;

} 

#alasivujen_navipalkki {
	position:absolute;
	right:0;
	top:35px;
	font-size:0.8em;
	z-index:5;
	color:#3E3E3E;
} 

#pentu {
	position:absolute;
	right:0px;
	top:-72px;
	z-index:5;
} 


#alasivujen_navipalkki a {
	color:#3E3E3E!important;

}

#uutissivu {
	margin-left:50px;

}

#uutissivu h3 {
	margin-left:-50px;
}

/*--------  left sisältö ---------- */

#left ul {
	display:block;
	font: italic 0.9em Georgia, "Times New Roman", Times, serif;
}

#left ul li{
   list-style:none;
   }

#left ul li a{
   display:block;
   background:#000000 url(graf/valikko_tumma.gif) no-repeat left top;
   padding:10px 0 0 15px;
   text-decoration:none;
   width:193px;
   height:31px;
   }
   
#left ul li a:link, #left ul li a:visited{
   color:#000000;
}
 
#left ul li a:hover, #left ul li a:active{
   background:#000000 url(graf/valikko_hover.gif) no-repeat left top;
   color:#414141;
}  

#left ul li a.eka  {
	 background:#000000 url(graf/valikko_yla_vaalea.gif) no-repeat left top;
}

#left ul li a:hover.eka, #left ul li a:active.eka{
   background:#000000 url(graf/valikko_yla_hover.gif) no-repeat left top;
}  

#left ul li a.vaalea  {
	 background:#000000 url(graf/valikko_vaalea.gif) no-repeat left top;
}

#left ul li a:hover.vaalea, #left ul li a:active.vaalea{
   background:#000000 url(graf/valikko_hover.gif) no-repeat left top;
} 

#left ul li a.viimvaalea  {
	 background:#000000 url(graf/valikko_ala_tumma.gif) no-repeat left top;
}

#left ul li a.viimtumma  {
	background:#000000 url(graf/valikko_ala_tumrusk.gif) no-repeat left top;
}

#left ul li a:hover.viimvaalea, #left ul li a:active.viimvaalea, #left ul li a:hover.viimtumma, #left ul li a:active.viimtumma{
   background:#000000 url(graf/valikko_ala_hover.gif) no-repeat left top;
} 

#left ul li a#current {
	text-decoration:underline;
	cursor:default;
}

.cursor {
	cursor:default;
}

#yhteystiedot {
	font: normal 0.7em Verdana, Arial, Helvetica, sans-serif;
	line-height:1.6em;
	margin-left:18px;
}

/*--------  tekstit, linkit, kuvat ---------- */

#main a, #bottombar_1 a, #yhteystiedot a {
	color: #C9BC92;
	text-decoration: underline;
}

#main a:visited, #bottombar_1 a:visited, #yhteystiedot a:visited {
	color: #b5b5b5; /*harmaa*/
	text-decoration: underline;
}

#main a:hover, #bottombar_1 a:hover, #yhteystiedot a:hover {
	color: #FFFFFF;
	text-decoration: underline;
}

#main img {
	border:#414141 double; /*tummin harmaa*/
}

#main a:hover img {
	border:#e9e9e9 double;/*vaalea harmaa*/
}


.rightimage {
	float:right;
	margin-left:10px;
	margin-bottom:10px;
}

.leftimage {
	float:left;
	margin-right:10px;
	margin-bottom:10px;
}

.noborder {
	border:none!important
}

.nuoli_oikealle {
	border:none!important;
	margin-bottom: -5px;
}

.pieni {
	font-size:0.9em;
}

.punainen {
	color:#990000;
}

/*--------  taulukot ---------- */

table {
	border-collapse:collapse;
}

table p {
	margin-bottom:0.8em;
	line-height:1.3em;
}

table.koiramme, .w99 {
	width:99%;
}


table.koiramme td {
	text-align:center;
}

table.border td {
	border:solid 1px #414141; /*tummin harmaa*/
}

table.center td {
	text-align:center;
}

table.top td, td.top {
	vertical-align:top;
}

.aling_center td {
	vertical-align:middle;

}

td.pad, .td_pad td {
	padding:3px;
}

th {
	color:#414141; /*tummin harmaa*/
	text-align:center;
}

table#nayttelyt {
	width:99%
}

table#nayttelyt th {
	padding:10px;
	letter-spacing: normal;
}

table#nayttelyt td {
	padding:5px;
	text-align:center;
	border:solid 1px #414141; /*tummin harmaa*/
	margin-bottom:0;
	font: 12px/1.3em "Trebuchet MS", Georgia, "Times New Roman", sans-serif;
	letter-spacing: normal;
}

table#nayttelyt td p {
	margin-bottom:0;
}

table#sukutaulu td {
	font-size:0.9em;
	vertical-align: middle;
	text-align:center;
	border:solid 1px #414141; /*tummin harmaa*/
	padding:3px;

}

table#sukutaulu td  p{
	margin-bottom:0;

}

table#linkit td {
	font-size:0.8em;
	vertical-align: middle;
	text-align:center;
	border:solid 1px #414141; /*tummin harmaa*/
	padding:8px 5px 5px 5px;
	width:50%;
}
table#linkit td.h4 {
	background:#828282; /*tumma harmaa*/
	padding:10px;
	color:#000000;
}

table#linkit td.h4 h4 {
	font-size:1em;
	margin:0;
	padding:0;
	color:#000000;
}


/*--------  listat ---------- */

#main ol li{
	margin-left: 20px;
	padding-bottom: 8px;
}

#main ul {
	list-style: none;
	padding: 0;
	margin: 0;
	margin-top:20px;
}
#main ul li {
	background:transparent url(graf/ar_right.jpg) no-repeat scroll 0pt 0.3em;
	height:1%;
	line-height:1.6em;
	margin-left:20px;
	padding-bottom:6px;
	padding-left:34px;
}


/*--------  h1 ---------- */

#main h1 {

	text-align: left;
	font-size:30px;
	font-weight: normal;

	
	color:#C9BC92;
	font-style: normal;
}


#main h1 img {visibility:hidden;}

#tervetuloa, #esittely, #urokset, #nartut, #uutiset, #pentuja, #linkit, #galleria, #pentueet {
  height: 71px;
  position: relative;
  width: 673px;
  z-index:2;
}

#tervetuloa span, #esittely span, #urokset span, #nartut span, #uutiset span, #pentuja span, #linkit span, #galleria span, #pentueet span {
	height: 100%;
	position: absolute;
	width: 100%;
	left: 0;
	top: 0;
}

#tervetuloa span {background: #000000 url(graf/ots_tervetuloa.gif) no-repeat;}
#esittely span {background: #000000 url(graf/ots_esittely.gif) no-repeat;}
#urokset span {background: #000000 url(graf/ots_urokset.gif) no-repeat;}
#nartut span {background: #000000 url(graf/ots_nartut.gif) no-repeat;}
#uutiset span {background: #000000 url(graf/ots_uutiset.gif) no-repeat;}
#pentuja span {background: #000000 url(graf/ots_pentuja.gif) no-repeat;}
#linkit span {background: #000000 url(graf/ots_linkit.gif) no-repeat;}
#galleria span {background: #000000 url(graf/ots_galleria.gif) no-repeat;}
#pentueet span {background: #000000 url(graf/ots_pentueet.gif) no-repeat;}


/*--------  headings ---------- */

h2 {
	font-size:1.6em;
	font-weight: normal;
}

h3 {
	font-weight:normal;
	font-family: Georgia, "Times New Roman", Times, serif;
	letter-spacing: 0.2em;
}

h4 {
	color: #414141; /*tummin harmaa*/
	font: bold 0.8em Verdana, Arial, Helvetica, sans-serif;
	text-transform: none;

}