body {
	font-family: Arial, Helvetica, sans-serif;
	margin: 0;
	background:url(http://vinterhus.jodochus.net/k/vintsitau.png); 
}

.header {
	width: 1100px;
	position: relative;
	margin: auto;
	padding: 0px;
	text-align: center;
	background: #333333;
	color: white;
	padding: 0px;
	background: url(http://vinterhus.jodochus.net/k/hepatyla.png) no-repeat center bottom, url(http://vinterhus.jodochus.net/k/norjamaisemax.png) no-repeat center; 
}


.row {  
  display: -ms-flexbox;
  display: flex;
  -ms-flex-wrap: wrap;
  flex-wrap: wrap;
}

.main {   

	width: 1100px;
	position: relative;
	margin: auto;
	padding: 0px;
	box-shadow: 0 0 30px #000000; 
	border: 30px solid transparent;
	border-image: url(http://vinterhus.jodochus.net/k/borderimg2.png) 30 round;
	background: url(http://vinterhus.jodochus.net/k/2021tausta.jpeg); 
	font-family: 'Crimson Text', serif;
	font-size: 14pt;
	color: #493D2F;
	line-height: 23px;
	text-align: justify;
	cursor: default;

}
.pikkuboxi {
	width: 660px;
	border: 30px solid transparent;
	border-image: url(http://vinterhus.jodochus.net/k/borderimg2.png) 30 round;
	background: url(http://vinterhus.jodochus.net/k/2021tausta2.jpeg) fixed;
	padding: 0px;
	margin: 0px;

}

.jarlballin {
	font-family: 'Lora', 'serif';
	font-size: 20pt;
	color: #352801;
	letter-spacing: 3px;
	line-height: 22px;
	text-align: right;
	cursor: default;

}


.allekirj {
	font-family: 'Dancing script', serif;
	font-size: 13pt;
	color: #352801;
	text-align: right;
	cursor: default;
	text-shadow: 1px 1px #F7F1DD;
}
.allekirj2 {
	font-family: 'Crimson Text', serif;
	font-size: 13pt;
	color: #352801;
	text-align: right;
	cursor: default;
}


.texti {
	font-family: 'Crimson Text', serif;
	font-size: 13pt;
	text-align: right;
	color: #333333;
	cursor: default;

}


.txt {
	font-family: 'Baskervville', serif;	
	font-size: 12pt;
	color: #352801;
	line-height: 20pt;
	cursor: default;


}
.copyt {
	font-family: arial;
	font-size: 8pt;
	color: #2d270a;
	letter-spacing:2px;
	text-align: right;
	cursor: default;
}


.pieneen {
	font-family: 'Dancing script', serif;
	font-size: 16pt;
	color: #2d270a;
	text-align: right;
	cursor: default;
}


.suku {
	font-family: 'Baskervville', serif;
	font-size: 12pt;
	color: #2d270a;
	text-align: justify;
	text-transform:uppercase;
	cursor: default;
}



.h2 {
	font-family: 'Crimson Text', serif;
	font-size: 30pt;
	color: #5c3e0a;
	text-align: left;
	display:inline-block;
	position:relative;
	text-transform:uppercase;
	line-height:30px;
	cursor: default;
	text-shadow: 1px 1px #F7F1DD;
}
.h2::after{
    content: '';
    display: block;
    width: 120px;
    height: 2px;
    background: #5c3e0a;
    margin-left: 0;
    margin-top: 15px;
    margin-bottom: 0px;

}

.h3 {
	font-family: 'Crimson Text', serif;
	font-size: 23pt;
	color: #5c3e0a;
	text-align: left;
	display:inline-block;
	position:relative;
	text-transform:uppercase;
	line-height:30px;
	cursor: default;
	text-shadow: 1px 1px #F7F1DD;

}
.h3::after{
    content: '';
    display: block;
    width: 120px;
    height: 1px;
    background: #5c3e0a;
    margin-left: 0;
    margin-top: 12px;
    margin-bottom: 0px;

}

.h4 {
	font-family: 'Crimson Text', serif;
	font-size: 18pt;
	color: #5c3e0a;
	text-align: left;
	display:inline-block;
	position:relative;
	text-transform:uppercase;
	line-height:30px;
	cursor: default;
	text-shadow: 1px 1px #F7F1DD;

}
.h4::after{
    content: '';
    display: block;
    width: 120px;
    height: 1px;
    background: #5c3e0a;
    margin-left: 0;
    margin-top: 12px;
    margin-bottom: 0px;

}
.rollo {
	font-family: 'Baskervville', serif;
	font-size: 11.5pt;
	color: #352801;
	text-transform:uppercase;
	line-height: 20pt;
	letter-spacing: 0.5px;
	cursor: default;


}

.meriitit {
	font-family: 'Baskervville', serif;
	font-size: 10pt;
	text-transform:uppercase;
	color: #352801;
	line-height: 20pt;
	letter-spacing: 1px;
	cursor: default;

}
.keskel {
    font-family: 'Baskervville', serif;
	font-size: 13pt;
    text-align:center;
	color: #352801;
	line-height: 20pt;
	letter-spacing: 1px;
	cursor: default;
}


.img {
	background: url("http://vinterhus.jodochus.net/k/2021tausta.jpeg");
	margin: 5px;
	padding: 5px;
	height: 130px;

}

.img2 {
	background: url("http://vinterhus.jodochus.net/k/2021tausta.jpeg");
	margin: 5px;
	padding: 5px;
	height: 230px;

}

A:link{color:#2d270a;text-decoration:none;cursor:hand;font-weight:bold;}
A:visited{color:#2d270a;text-decoration:none;cursor:hand;font-weight:bold;}
A:active{color:#877833;text-decoration:none;cursor:hand;font-weight:bold;}
A:hover{color:#877833;text-decoration:none;cursor:hand;font-weight:bold;transition: all .3s linear;
}

.menyy{
font-weight: bold;
width: 100%;
}

.menyy ul{
padding: 20px 0 40px 0; 
margin: 0;
text-align: center; 
}

.menyy ul li{
display: inline;
}

.menyy ul li a{
font-weight: bold;
text-shadow : 0px 0px 2px #000000;
color: #907C06;
margin-right:20px;
margin-left:20px;
padding: 10px 20px 10px 10px;
text-decoration: none;
font-family:'Baskervville', serif;
letter-spacing:3px;
font-size:19px;
}

.menyy ul li a:visited{
font-weight: bold;
text-shadow : 0px 0px 2px #000000;
color: #907C06;
margin-right:20px;
margin-left:20px;
padding: 10px 20px 10px 10px;
text-decoration: none;
font-family:'Baskervville', serif;
letter-spacing:3px;
font-size:19px;
}
.menyy ul li a:hover, .menyy ul li a.selected{
font-weight: bold;
color:#ffffff;
font-family:'Baskervville', serif;
letter-spacing:3px;
font-size:19px;
background-image: url(http://vinterhus.jodochus.net/k/vinimage2.png);
  background-repeat: no-repeat;
  background-position: 0;
 
}
  /* latin */
@font-face {
  font-family: 'Crimson Text';
  font-style: normal;
  font-weight: 400;
  font-display: swap;
  src: local('Crimson Text Regular'), local('CrimsonText-Regular'), url(https://fonts.gstatic.com/s/crimsontext/v11/wlp2gwHKFkZgtmSR3NB0oRJfbwhT.woff2) format('woff2');
  unicode-range: U+0000-00FF, U+0131, U+0152-0153, U+02BB-02BC, U+02C6, U+02DA, U+02DC, U+2000-206F, U+2074, U+20AC, U+2122, U+2191, U+2193, U+2212, U+2215, U+FEFF, U+FFFD;
}
/* cyrillic-ext */
@font-face {
  font-family: 'Lora';
  font-style: normal;
  font-weight: 700;
  font-display: swap;
  src: url(https://fonts.gstatic.com/s/lora/v16/0QI6MX1D_JOuGQbT0gvTJPa787z5vBJMkq1umA.woff2) format('woff2');
  unicode-range: U+0460-052F, U+1C80-1C88, U+20B4, U+2DE0-2DFF, U+A640-A69F, U+FE2E-FE2F;
}
/* cyrillic */
@font-face {
  font-family: 'Lora';
  font-style: normal;
  font-weight: 700;
  font-display: swap;
  src: url(https://fonts.gstatic.com/s/lora/v16/0QI6MX1D_JOuGQbT0gvTJPa787z5vBJFkq1umA.woff2) format('woff2');
  unicode-range: U+0400-045F, U+0490-0491, U+04B0-04B1, U+2116;
}
/* vietnamese */
@font-face {
  font-family: 'Lora';
  font-style: normal;
  font-weight: 700;
  font-display: swap;
  src: url(https://fonts.gstatic.com/s/lora/v16/0QI6MX1D_JOuGQbT0gvTJPa787z5vBJOkq1umA.woff2) format('woff2');
  unicode-range: U+0102-0103, U+0110-0111, U+0128-0129, U+0168-0169, U+01A0-01A1, U+01AF-01B0, U+1EA0-1EF9, U+20AB;
}
/* latin-ext */
@font-face {
  font-family: 'Lora';
  font-style: normal;
  font-weight: 700;
  font-display: swap;
  src: url(https://fonts.gstatic.com/s/lora/v16/0QI6MX1D_JOuGQbT0gvTJPa787z5vBJPkq1umA.woff2) format('woff2');
  unicode-range: U+0100-024F, U+0259, U+1E00-1EFF, U+2020, U+20A0-20AB, U+20AD-20CF, U+2113, U+2C60-2C7F, U+A720-A7FF;
}
/* latin */
@font-face {
  font-family: 'Lora';
  font-style: normal;
  font-weight: 700;
  font-display: swap;
  src: url(https://fonts.gstatic.com/s/lora/v16/0QI6MX1D_JOuGQbT0gvTJPa787z5vBJBkq0.woff2) format('woff2');
  unicode-range: U+0000-00FF, U+0131, U+0152-0153, U+02BB-02BC, U+02C6, U+02DA, U+02DC, U+2000-206F, U+2074, U+20AC, U+2122, U+2191, U+2193, U+2212, U+2215, U+FEFF, U+FFFD;
}
/* latin */
@font-face {
  font-family: 'Dancing Script';
  font-style: normal;
  font-weight: 400;
  font-display: swap;
  src: url(https://fonts.gstatic.com/s/dancingscript/v15/If2cXTr6YS-zF4S-kcSWSVi_sxjsohD9F50Ruu7BMSo3Sup8.woff2) format('woff2');
  unicode-range: U+0000-00FF, U+0131, U+0152-0153, U+02BB-02BC, U+02C6, U+02DA, U+02DC, U+2000-206F, U+2074, U+20AC, U+2122, U+2191, U+2193, U+2212, U+2215, U+FEFF, U+FFFD;
}
/* latin-ext */
@font-face {
  font-family: 'Baskervville';
  font-style: normal;
  font-weight: 400;
  font-display: swap;
  src: local('Baskervville Regular'), local('Baskervville-Regular'), url(https://fonts.gstatic.com/s/baskervville/v1/YA9Ur0yU4l_XOrogbkun3kQQvpmptvY.woff2) format('woff2');
  unicode-range: U+0100-024F, U+0259, U+1E00-1EFF, U+2020, U+20A0-20AB, U+20AD-20CF, U+2113, U+2C60-2C7F, U+A720-A7FF;
}
/* latin */
@font-face {
  font-family: 'Baskervville';
  font-style: normal;
  font-weight: 400;
  font-display: swap;
  src: local('Baskervville Regular'), local('Baskervville-Regular'), url(https://fonts.gstatic.com/s/baskervville/v1/YA9Ur0yU4l_XOrogbkun3kQQsJmp.woff2) format('woff2');
  unicode-range: U+0000-00FF, U+0131, U+0152-0153, U+02BB-02BC, U+02C6, U+02DA, U+02DC, U+2000-206F, U+2074, U+20AC, U+2122, U+2191, U+2193, U+2212, U+2215, U+FEFF, U+FFFD;
}