@charset "utf-8";
/* CSS Document */

/* PääNavigaation sisältö ja muu määritelty ajaxtabs tyyleissä */
#navi {position:absolute;
top:103px; 
left:0px;
width:100%;
}

/* Yläoikean navigaatio */
#navi2 {position:absolute;
top:7px; 
right:7px;
width:200px;
font: 90% Arial, Helvetica, sans-serif;
letter-spacing:0.1em;
text-transform:lowercase;
font-variant:small-caps;
text-align:right;
}



/* wrappiin tulee taustakuvat ynnä muu 
background-image:url(kuvat/gfx/bg1.jpg);
background-repeat:no-repeat;
background-position:top left; 
 */
#wrap1 {position:absolute;
top:130px; 
left:0px;
width:100%;
height:100%;
min-height:100%;
z-index:0;

}
#wrap1 img {border:0px;}


/* sisältö pitää sisällään leipiksen ja floaterin + etusivun kuvajutun */
#sisalto {position:absolute;
top:0px; 
left:0px;
width:98%;
min-height:500px;
height:500px;
padding:0px 10px 10px 0px;
margin:10px 0px 0px 0px;
z-index:2;
}


/* leipiksen sisään sijoittuu kaikki pääteksti */
#leipis {position:absolute;
top:50px; 
left:79px;
min-width: 650px; width: 60%;
float:left;
border:black solid 0px;
padding:0px 20px 0px 0px;
margin:0px 0px 0px 20px;
z-index:3;
color:#000000;
}

 

/* floateriin mahtuu pieniä faktoideja mahd linkkejä ynnä muuta */
.floater {
min-width: 240px; width: 20%; 
float:right;
border:red solid 0px;
padding:0 0 0 1em;
margin:2em 0 1em 1em;
z-index:2;
background:none;
font-size:95%;
background:url(kuvat/gfx/floater-tausta.png) top right no-repeat;
}

#floater {
min-width: 240px; width: 20%; 
float:right;
border:red solid 0px;
padding:0 0 0 1em;
margin:2em 0 1em 1em;
z-index:2;
background:none;
font-size:95%;
background:url(kuvat/gfx/floater-tausta.png) top right no-repeat;
}

#floater img {margin:3px;
padding:5px;
background-color:#FFF;
border:1px solid black;
}
 

/* ETUSIVU */

/* etusivun kuvakokoelma 
background-image:url(kuvat/gfx/etusivubg.jpg);
background-position:top left;
background-repeat:no-repeat;

 */
#etusivu {position:absolute;
top:0px; 
left:0px;
width:100%;
height:450px;
padding:0px 10px 10px 0px;
margin:0px;
z-index:2;


}

 * {
        -webkit-box-sizing: border-box;
        -moz-box-sizing: border-box;
        box-sizing: border-box;
      }
 
      .item {
       width: 300px;
	   max-width:100%;
         float: left;
        background: none;
		padding:0.5em 1.5em;
		margin:0;
        border: 2px solid #fff;
      }
 
      .item.thumbnail {
        width:  150px;
        height: 100px;
        background:none;
		padding:0.5em;
      }
 
      .item.medium {
        width:  600px;
        background: none;
		padding:0.5em;
      }
 
      .item.large {
        width:  100%;
        background: none;
		padding:0.5em;
      }

 .white {color:#FFF !important;}
 .black {color:#000 !important;}
 

#etu-box0 {position:absolute;
top:30px; 
left:140px;
width:420px;
height:400px;
border:0px solid black;
padding:0px;
margin:0px;
background:none;
}

#etu-box1 {position:absolute;
top:35px; 
left:140px;
width:230px;
height:250px;
border:0px solid black;
padding:0px;
margin:0px; 
font-size:90%;
}

#etu-box2 {position:absolute;
top:25px; 
left:390px;
width:185px;
height:400px;
border:0px solid black;
padding:0px;
margin:0px;
background:none;
font-size:90%;
}

#etu-box3 {position:absolute;
top:310px; 
left:130px;
width:235px;
height:130px;
border:0px solid black;
padding:0px;
margin:0px;
background:none;
font-size:90%;
}

 

/* Blogi ja coloriasto-mainokset */
#etu-box5 {position:absolute;
top:375px; 
left:600px;
width:270px;
height:70px;
border:0px solid black;
padding:0px 0px 0px 10px;
margin:0px 0px 0px 0px;
background:none;
}


#logi {position:absolute;
top:65px; 
left:635px;
width:230px;
height:290px;
border:0px solid black;
padding:0px;
margin:0px;
background:none;
}

#dhtmlgoodies_scrolldiv{
width:230px; /* The total width of the scrolling div including scrollbar */
height:290px;	/* The height of the scrolling div */
}
	
#scrolldiv_parentContainer{
width:230px;	/* Width of the scrolling text */
height:290px;
		overflow:hidden;
		border:0px solid #BC8FBD;
		float:left;
		position:relative;
	}
	
	/* 	CSS for the scrolling content */
	#logitekstit {
		padding: 5px;
		position:relative;
		font-family:Arial, Helvetica, sans-serif;
		font-size:90%;
		line-height:130%;
		color: #333;
	}
	
#logitekstit p {
margin:0px 0 10px 0 ;
padding:0px;
	}
	
#logitekstit p:first-line {font-weight:bold;}
	
	/*	The scrollbar slider  	*/
	#scrolldiv_slider{
		width:1px;
		margin-left:2px;
height:280px;
		float:left;
	}
	
	/* 	The scrollbar (The bar between the up and down arrow ) 	*/
	#scrolldiv_scrollbar{
		width:1px;
height:280px;
		border:0px solid #f9f7ee;
		position:relative;
			}
	/*
	The scrollbar handle
	*/
	#scrolldiv_theScroll{
		margin:1px;
		width:13px;
		height:13px;
		background-color:none;
		position:absolute;	
		top:0px;
		left:0px;
		cursor:pointer;
	}
	/*
	Scroll buttons(The up and down arrows)
	*/
	#scrolldiv_scrollUp,#scrolldiv_scrollDown{
		width:21px;
		height:35px;
		border:0px solid #BC8FBD;
		color:none;
		text-align:center;
		font-size:16px;
		line-height:16px;
		cursor:pointer;
	}
	#scrolldiv_scrollUp{
		margin-bottom:2px;
		position:absolute;
		top:30;
		right:1px;
	}
	#scrolldiv_scrollDown{
		margin-top:2px;
		position:absolute;
		top:40px;
		right:1px;
	}
	#scrolldiv_scrollDown span,#scrolldiv_scrollUp span{
		font-family: Symbol;
	} 



/* KELLUT */
 
.left {float:left;
margin:5px;
border:0px;
}

.right {float:left;
margin:5px;
border:0px;
}

/* KELLUT, sivupuolitus */
 
.left50 {float:left;
margin: 0 1em 0 0;
border:0px;
width:40%;
}

.right50 {float:right;
margin: 0 1em 0 0;
border:0px;
width:40%;
}





/* KILKKEET */
 
#date {position:absolute;
right:5px;
bottom:5px;
margin:0px 20px 0px 0px;
padding:0px;
border:0px;
font-family:Arial, Helvetica, sans-serif;
font-size:85%;
color:#999999;
}