#hinnasto {
  width: 900px ;
  margin-left: auto ;
  margin-right: auto ;
  align: center ;
      COLOR: black;
	font-family: Carrois Gothic, sans-serif;
    FONT-SIZE: 13pt;
	COLOR: #5E5E5E;
    FONT-WEIGHT: normal;
    TEXT-DECORATION: none;
    LETTER-SPACING: 1pt;
}

#hinnasto table {border-spacing: 5px; align: center; width: 850px ;}
#hinnasto table  td{text-align: center; align: center;}
#hinnasto_teksti {border-spacing: 10px; align: center;}

.clear{clear:both; height: 10px}
#yhteys {overflow-y: hidden;}.i1 {float: left;}.o1 {float: left;}

.potretti2 div {
  float: left;
  clear: none; }

.potretti{ float:left; width:100%; display: inline; }
.potretti div{ float:left; width:50%;}
.pot { float:left;}

.vihkiminen{ float:left; width:100%; display: inline; }


.hrow{ float:left; width:100%; display: inline; }
.div40_l{ float:left; align: center; width:40%;}
.div40_r{ float:right; align: center; width:40%;}
.div60_l{ float:left; align: center; width:60%;}
.div60_r{ float:right; align: center; width:60%;}

.vert
{ 
    margin: auto 5px;
}

.imgborder
{ 
	padding: 8px;
	border: solid 1px #CCC;
	-moz-box-shadow: 1px 1px 5px #999;
	-webkit-box-shadow: 1px 1px 5px #999;
    box-shadow: 1px 1px 5px #999;
}

.paketit{ float:left; width:100%; display: inline; }
.paketit div{ float:left; align: center;}



.linkit
{
    FONT-SIZE: 13pt;
    FONT-COLOR="#0000FF";
	text-decoration:none;
	font-family: Carrois Gothic SC, sans-serif;
}

.green
{
    FONT-COLOR: green;
 	font-family: Tahoma;
    FONT-SIZE: 12pt;
    FONT-WEIGHT: normal;
    TEXT-DECORATION: none;
    LETTER-SPACING: 1pt;  
}

.red
{
    COLOR: red;
    FONT-FAMILY: Tahoma;
    FONT-SIZE: 9pt;
}

.blue
{
    COLOR: blue;
    FONT-FAMILY: Tahoma;
    FONT-SIZE: 10pt;
}

.center
{
margin-left: auto;
margin-right: auto;
}
  
@media (max-width: 600px) {
.leipis
{
    COLOR: black;
	font-family: Carrois Gothic, sans-serif;
    FONT-SIZE: 16pt;
	COLOR: #5E5E5E;
    FONT-WEIGHT: normal;
    TEXT-DECORATION: none;
    LETTER-SPACING: 1pt;
}    
}

@media (min-width: 601px) {
.leipis
{
    COLOR: black;
	font-family: Carrois Gothic, sans-serif;
    FONT-SIZE: 13pt;
	COLOR: #5E5E5E;
    FONT-WEIGHT: normal;
    TEXT-DECORATION: none;
    LETTER-SPACING: 1pt;
}
}

.otsikko2
{
	font-family: 'Marcellus SC', serif;
	COLOR: rgb(204, 0, 0);
	FONT-SIZE: 18pt;
	font-weight: 400;
	align: center;
	vertical-align: middle;
	display: block;
	position: relative;
	top: 50%;	
}

.leipis_w
{
    COLOR: white;
    FONT-FAMILY: Verdana;
    FONT-SIZE: 9pt;
    FONT-WEIGHT: normal;
    TEXT-DECORATION: none;
    LETTER-SPACING: 1pt;
}

@media (min-width: 601px) {
.otsikko
{
	font-family: 'Marcellus SC', serif;
	color: #333;
	letter-spacing: 1.0px;
	font-weight: 400;
	FONT-SIZE: 20pt;
	COLOR: #696969;
	margin-top: 1px;
	margin-bottom: 2px;
}
}

@media (max-width: 601px) {
.otsikko
{
	font-family: 'Marcellus SC', serif;
	color: #333;	
	letter-spacing: 1.0px;
	font-weight: 400;
	FONT-SIZE: 28pt;
	COLOR: #696969;
	margin-top: 1px;
	margin-bottom: 2px;
}
}

.imgbox {
	display: grid;
	height: 100%;
}

.center-fit {
	max-width: 100%;
	max-height: 100vh;
	margin: auto;
}

.main
{
	font-family: 'Marcellus SC', serif;
	color: #333;
	letter-spacing: 3.0px;
	font-weight: 400;
	FONT-SIZE: 48pt;
	COLOR: #BABABA;
	margin-top: 1px;
	margin-bottom: 2px;
}

.main2
{
	font-family: 'Carrois Gothic SC', sans-serif;
	color: #333;
	letter-spacing: 4.0px;
	font-weight: 400;
	FONT-SIZE: 22pt;
	COLOR: #BABABA;
	margin-top: 1px;
	margin-bottom: 2px;
}

.otsikkop
{
    font-family: Gill Sans / Gill Sans MT, sans-serif;
	color: #333;
	line-height: 90%;
	margin: .2em 0 .4em 0;
	letter-spacing: -1.5px;
	FONT-SIZE: 20pt;
	COLOR: #C22F2F;
}

.otsikkob
{
    COLOR: rgb(204, 0, 0);
    FONT-FAMILY: Tahoma;
    FONT-SIZE: 14pt;
    FONT-WEIGHT: normal;
    TEXT-DECORATION: none;
    LETTER-SPACING: 0.2em;

.leipis2
{
    COLOR: black;
    FONT-FAMILY: "Trebuchet MS", Verdana, Arial, Helvetica, sans-serif;
    FONT-SIZE: 9pt;
    FONT-WEIGHT: normal;
    TEXT-DECORATION: none;
    LETTER-SPACING: 1pt;
}


.pieni
{
    COLOR: black;
    FONT-FAMILY: font-family: "Trebuchet MS", Verdana, Arial, Helvetica, sans-serif;
    FONT-SIZE: 8pt;
    FONT-WEIGHT: normal;
    TEXT-DECORATION: none
    LETTER-SPACING: 1pt
}

#leipis4 { position:relative; text-align:left; z-index:9998; 
	-khtml-border-radius:4px; -ms-border-radius:4px; -o-border-radius:4px; -moz-border-radius:4px; -webkit-border-radius:4px; border-radius:4px;
	-khtml-box-shadow:rgba(0,0,0,0.3) 0 1px 2px; -ms-box-shadow:rgba(0,0,0,0.3) 0 1px 2px; -o-box-shadow:rgba(0,0,0,0.3) 0 1px 2px; -moz-box-shadow:rgba(0,0,0,0.3) 0 1px 2px; -webkit-box-shadow:rgba(0,0,0,0.3) 0 1px 2px; box-shadow:rgba(0,0,0,0.3) 0 1px 2px;
	font:12px/18px "Lucida Grande", "Lucida Sans Unicode", Helvetica, Arial, Verdana, sans-serif;}
	
.imgText {padding:0px 18px 2px 26px; font: 12px/14px "Lucida Grande", "Lucida Sans Unicode", Arial, Verdana, sans-serif; color:#7D7D7D;}

#logocontainer
{
    height:300px;
    width:600px;
    position:relative;
}

#logotext1
{
    z-index:100;
    position:absolute;    
    //color:white;
    //font-size:24px;
    font-weight:bold;
    left:10px;
    top:180px;
	font-family: 'Marcellus SC', serif;
	color: #333;
	letter-spacing: 3.0px;
	font-weight: 400;
	FONT-SIZE: 56pt;
	COLOR: #BABABA;
	margin-top: 1px;
	margin-bottom: 2px;
	text-shadow: 0px 2px 1px #555;
}
#logotext2
{
    z-index:100;
    position:absolute;    
    left:150px;
    top:230px;
	
	font-family: 'Marcellus SC', serif;
	color: #333;
	letter-spacing: 3.0px;
	font-weight: 400;
	FONT-SIZE: 24pt;
	COLOR: #808080;
	text-shadow: 0px 2px 1px #555;
	//margin-top: 1px;
	//margin-bottom: 2px;
}