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

 * {
padding:0;
margin:0;
border:0;

/* masonry */
        -webkit-box-sizing: border-box;
        -moz-box-sizing: border-box;
        box-sizing: border-box;
}

 



body {
font: 0.8em;
font-family: 'Droid Sans', sans-serif; 
	text-align:center !important;
	background-color:#fff;
}

 
/* HEADER */
#header {
border:0;
width:100%;
text-align:center;
padding:0.5em 0 ;
margin:0.5em 0 0 0;
	background-color:#fff;
}

#wrap { 
border:0;
width:90%;
height:100%;
margin:0 auto;
padding:0;
font-size:90%;
	background-color:#fff;
}

#wrap_etusivu { 
border:0;
width:90%;
height:100%;
margin:0 auto;
padding:0;
font-size:90%;

}



/* .textbox {width:350px !important; max-width:100% !important;}
.picbox {width:350px !important; max-width:100% !important;  text-align:center !important;}*/
.textbox {        background: #fff; max-width:100% !important;   border: 1px dashed #ddd;}
.picbox {        background: #fff; max-width:100% !important; text-align:center !important;  border: 1px dashed #ddd;}

 
.note {font-size:85%; color:#999;}

 
 

/* otsikot */
h1 {color:#444;
font-size:200%;
	font-family: 'Julius Sans One', sans-serif !important;
	font-weight:normal;
padding: 0;
margin: 1em 0 2em 0;
	text-transform:lowercase;
	font-variant:small-caps;
	width:100%;
	text-align:center;
	min-width:100% !important;
	max-width:100% !important;
	clear:both;
line-height:160%;
letter-spacing:0.1em;
}
			
h2 {
		font-family: 'Julius Sans One', sans-serif !important;
	font-size: 130%;	
	color: #666;
	padding:0px;
	margin: 0 0 1em 0;
}

h3 {
		font-family: 'Droid Sans', sans-serif !important;
	font-size: 180%;
	color:#666;
		font-weight:normal;
	margin: 2em 0 1em 0;
	letter-spacing:0.1em;
	text-transform:lowercase;
	font-variant:small-caps;
	width:auto;  
		max-width:100% !important;
border-bottom:1px solid #ddd;
clear:both;
text-align:left;
}

h4 {
		font-family: 'Droid Sans', sans-serif;
	font-size: 120%;
	color:#888;
	margin: 0 0 1em 0;
	letter-spacing:0;
	text-transform:lowercase;
	font-variant:small-caps;
	width:100%;
	text-align:center;
	font-weight:normal;
}

/* h5 muuten sama koko kuin h3 mutta clear all ja keskitys ja padding */
h5 {
		font-family:  'Droid Sans', sans-serif;
	font-size: 120%;
	color:#666;
	margin: 2em 0 0 0 !important;
	padding:1.5em 0 1em 0;
	letter-spacing:0.1em;
	text-transform:lowercase;
	font-variant:small-caps;
	width:100%; 
	text-align:center; 
		max-width:100% !important;
		clear:both;
		border-top: 1px #CCCCCC dotted;
}

h6 {
		font-family:  'Droid Sans', sans-serif;
	font-size: 120%;
	color:#888;
	margin: 1em 0 1em 0;
	padding: 1em 0 1em 0;
	letter-spacing:0;
	text-transform:lowercase;
	font-variant:small-caps;
	width:100%;
	text-align:center;
	font-weight:normal;
			clear:both;
}

#leipis h3 {font-size: 150%;}
#leipis h4 {font-size: 150%; text-align:left;}
#leipis h5 {font-size: 150%;}
#leipis h6 {font-size: 150%;}
.nosto h3 {margin:0 0 1em 0;}

#front {text-align:center;}
#front img {max-width:100% !important;} 

.full {width:100%; max-width:100% !important;} 

/* JOS KUVA LINKIN ETEEN padding: 0 0 0 17px;
      background: url("img/base/nuoli.png") no-repeat top left; */
a:link {	color: #656565; text-decoration:none;    font-weight:normal; border:0;   }
a:visited {	color: #656565; text-decoration:none;     font-weight:normal; border:0; }
a:active  {	color: #656565; text-decoration:none;    font-weight:normal; border:0; }
a:hover { 	color: #000; text-decoration:none;  font-weight:normal;}

#footer a:link {border:0 !important;}

img {height:auto !important;}

p {margin: 1em 0 2em 0;
line-height:140%;
font-family: 'Droid Sans', sans-serif;}


 

.palstafi {float:left !important; padding: 0 1em 0 0; width:45%; max-width:45% !important; color:#666; display:block; text-align:right;}
.palstaen {float:right !important; padding: 0 1em 0 0; width:45%; max-width:45% !important; display:block;}

 




/* KIELET */
#lang {float:right;
border:0;
text-align:right;
color: #666666;
padding: 1em;
}

#lang a:link, #lang a:visited, #lang a:active {	color: #666666; text-decoration:none;   padding:0px;
      background: none; font-size:95%; font-weight:normal; font-variant:small-caps; text-transform:lowercase;}
 
#lang a:hover { 	color: #7b7b7b; text-decoration:none; padding:0px;
      background: none; font-size:95%; font-weight:normal; font-variant:small-caps; text-transform:lowercase;}


/* NAVIGAATIOT */

#navigaatio {
width:100%;
color:#dedede;
padding:0;
margin:0 0 0 0;
border: 0;
border-top:  1px solid #f4f4f4  !important;
border-bottom:  1px solid #f4f4f4  !important;
text-align:center !important;
	background-color:#fff;
	
}

#navigaatio_teokset {
width:100%;
padding:2em 1em 1em 1em;
margin:0 0 1em 0;
border: 0;
border-bottom:  1px solid #efefef  !important;
text-align:center !important;
	background-color:#fff;
}

#nav {font-family: 'Julius Sans One', sans-serif !important;}

 
/* SISÄLTÖ */

/* sisältö antaa kehykset sisältöosalle */
 
 

/* LEIPISOSUUS */

#innerwrap { 
border:0;
width:80%;
height:100%;
margin:0 auto;
padding:0;
font-size:90%;
text-align:center !important;
	background-color:#fff;
}

#leipis {clear:both !important;
border:0px solid black;
width:100%;
background-color:#FFF;
text-align:left;
padding:2em;
margin:auto;
overflow: auto;
}
/* ilman overflowta taustavalkoinen ei veny   */


/* piti tehdä erillinen etusivu, jotta voi alasivuille tehdä listamääritteet  */
#leipisfront {clear:both !important;
border:0px solid black;
width:100%;
background-color:#FFF;
text-align:left;
padding:2em;
margin:auto;
overflow: auto;
}
/* ilman overflowta taustavalkoinen ei veny   */

#footer {clear:both !important;
text-align:center !important;
border: 0;
border-top:  1px solid #efefef  !important;
padding:2em;
margin:2em !important;
}

 
 
/* IFRAMET
#box {
border:0px solid black;
	background:none;
	width:500px;	
	height:413px;
padding: 0px;
margin: 0px;
	overflow-x: hidden; 
overflow-y: scroll; 
} 

 
	
iframe { 
overflow-x: hidden; 
padding: 0px;
margin: 0px;
} 

 */

/* TEHOSTEET*/
.ingressi {font-style:italic;}
.sitaatti {color:#777;
margin:0;
padding:0;}
.huom {font-weight:bold; padding:2em 0;}

.date {float:right;
border:0;
text-align:right;
color: #444;
padding: 1em;
}

.bgclear {background-color:none;}

.tuote {border:1px solid #777;}
.old {color:#666666; font-size:90%;}
blockquote {padding:1em 0 0 2em;
border:0;
border-left: 1px dotted #999999;
font-style:italic;
}

.nosto {float:right;
width:300px;
max-width:40%;
margin:0 0 1em 1em;
padding: 0 0 1em 1em;
font-size:90%;
}

.nosto_2 {float:right;
width:50%;
max-width:50%;
margin:0 0 1em 1em;
padding: 0 0 1em 1em;
font-size:100%;
}

.nosto_3 {float:left;
width:30%;
max-width:30%;
margin:0 0 1em 1em;
padding: 0 0 1em 1em;
font-size:100%;
}


INPUT, textarea {border:1px solid black;
padding:1em;
max-width:100% !important;
}






.tek-info {width:100%; text-align:center;}
/* jos vain height ei min-height, niin leipiksen overflowhun tulee vieritys */
.kuva {float:left; text-align:center; margin:1em; min-height:240px !important; }
.kuva img {margin:0.5em; border:0 !important; max-height:180px; }
.kuva a {border:0 !important;}



/*  EI VOI SISENTÄÄ, koska sitten etusivu sisentyy! */
#leipis ul  {padding: 0 0 0.5em 3em;}
#leipis ul li {padding: 0 0 0.5em 3em;}