a:link,a:visited,a:active {
	text-decoration: underline;
	font-weight:normal;
	color: #0272ba;}

a:hover {
	text-decoration: underline;
	color: #095689 }

.pildiaar {
	padding: 6px 0px;
	border:0px solid #e8e8e8; }

.tooteruut {
	padding:4px;
	border: solid 1px #e8e8e8;  }

.toot_hr_jn {
	display: block;
	padding-bottom: 2px;
	color: #5c5c5c;
	border-bottom:solid 1px #e8e8e8; }

#pildihigh {
	border:1px solid #5e5e5e; }

.hinnad_tblr tr {border-bottom: solid 1px gray }

.hinnad_tblr tr .noborder {border-bottom: 0 }

.spilt {
	clear:both;
	margin-top:11px }

body.mceContentBody {
   background: #ffffff;
}

img, div, input { 
	_behavior: url('js/js/iepngfix.htc'); } /* _ on IE6 spetsiifiline*/


.carol, #carol, .c, #c {
	clear: both; } 
.sisutekst {
	font: normal 17px/24px Arial, Helvetica, sans-serif;
	color: #5c5c5c; } 

body {
	font: normal 17px/24px Arial, Helvetica, sans-serif;
	color: #5c5c5c;
	background:  }

td, table {
	font: normal 17px/24px Arial, Helvetica, sans-serif;
	color: #5c5c5c;}

p {
	font: normal 17px/24px Arial, Helvetica, sans-serif;
	color: #5c5c5c; } 

.pealkiri {
	font: 400 36px/42px Roboto Condensed, sans-serif;   font-display: swap; ; 
	margin-top: 6px;
	margin-bottom: 3px;	padding:0px;
	color: #956a95; } 

.sissejuhatus {
	font: normal 21px/26px arial;
	padding:0px; margin:0px; padding-bottom:4px;
	color: #67645c }

.alapealkiri {
	font: 400 26px/32px Roboto Condensed, sans-serif;   font-display: swap; ;
	color: #1561a9 }

.quote {
	font: normal 28px 'Yesteryear', cursive;   font-display: swap; ;
	color: #f49a0b;
	display: inline-text;
	background: url('graaf/logo.png') -469px -602px;
	float: right;
	width: 315px; 
	padding: 15px 0px; 
	margin: 12px 0px 0px 20px; 
	text-indent: 70px; } 

.autor {
	font: normal 10px/16px verdana;
	color: #5c5c5c;}

.pildiallkiri {	
	font: italic 13px/16px verdana;
	color: #5c5c5c; }

.heledam { color: rgb(206, 70, 18); font-size: medium;}
.tumedam { color: rgb(128, 0, 0); font-size: medium;}

body.mceContentBody {
 	background: #ffffff;}

.megan_col {  	/* ## MEGAN COL FRONTPAGE ############## MEGAN COL */
	width: 290px; 
	margin: 5px 18px 10px 0px;  
	display: inline-block; 
	vertical-align: top;  
	text-align: left; 
	background: #fff; } 

.megan_col a {
	color: #4c4f60; }

.megan_col_pealkiri {
	display: block; margin: 4px 3px 0px 3px; 
	font: bold 17px/22px open sans; }

.megan_col_sissejuh {
	display:block; margin: 3px; 
	font: normal 17px/21px open sans; }

.megan_col_date {
	display: block; margin: 4px 3px; 
	font: normal 11px open sans;
	color: #999 } 

.call_to_action {
	text-align: center; margin-right: auto; margin-left: auto;
}  

.call_to_action a {
	display: inline-block; 
	background: #0272ba /*url('graaf/logo.png') right -615px top -621px*/; 
	border-radius: 4px;
	font: 400 13px/13px Roboto Condensed, sans-serif;   font-display: swap; ; 
	box-shadow: 0 4px 8px 0 rgba(0, 0, 0, 0.1), 0 6px 20px 0 rgba(0, 0, 0, 0.05);
 	cursor:pointer;
	text-align: center;
	color:#fff;
	vertical-align:middle;
	text-transform: uppercase;
	margin-top: 5px; margin-right: auto; margin-left: auto;
	color: #fff; text-decoration: none; 	padding:16px 40px 16px 40px; 
	width: 200px; }

.call_to_action a:hover {
	background: #0087e0 }



body.mceContentBody {
   margin:0px; padding:0px; /**/ }

body.mceContentBody .megan_col {
	border: dashed 1px gray; }/**/

.megan_col {  	/* ## MEGAN COL FRONTPAGE ############## MEGAN COL */
	width: 290px; margin: 5px 18px 10px 0px;
	display: inline-block; 
	vertical-align: top;  
	text-align: left; 
	background: #fff	/**/ } 

.megan_col:nth-of-type(4), .megan_col:nth-of-type(8) {
	margin-right:0; border: normal 1px red }

.megan_col_pealkiri {
	display: block; margin: 4px 3px; 
	font: bold 17px/22px open sans; }

.megan_col_sissejuh {
	display:block; margin: 3px; 
	font: normal 17px/21px open sans; }

.megan_col_date {
	display: block; margin: 4px 3px; 
	font: normal 11px open sans;
	color: #999 }

.megan_big {
	font: normal 42px/42px 'anton', 'arial narrow', sans-serif;
	padding: 15px; color: #fff;
	background: #f9bf00 }


html * {
	margin: 0;
	padding: 0;
	color: #333; } 

body { 
	font: normal 17px/24px Arial, Helvetica, sans-serif;
	background: #e9e8e8; /*url('graaf/susanna.jpg') center -900px fixed no-repeat  |½ BODY back of background |½*/
	margin: 0;
	padding: 0;
	overflow-y: auto;
	overflow-x: auto; /*hidden*/}

@media only screen and (max-width: 1280px) {
body { 
	overflow-x: auto; /*hidden*/}
}

div {
	margin:0; padding:0;
	-webkit-box-sizing: border-box;
	-moz-box-sizing: border-box;
	box-sizing: border-box; }

#norma { /* ## NORMA #################################################### NORMA */
	width: 100%;
	position: relative; 
	background: #fff /*url('graaf/norma.jpg') center 0px fixed no-repeat*/;
	z-index: 12;
	margin:0;
	padding:0; }

@media only screen and (min-width: 681px) {
/*#norma { 	background: #fff url('graaf/norma.jpg') center 0px fixed no-repeat; }*/}

#susanna { /* ## SUSANNA ################################################# SUSANNA */
	margin: 0px; padding:0px; 
/*	box-shadow: 0px 0px 8px #9b9b7f;*/ z-index:8;
	position: relative; 
	z-index: 15;
/*	border-bottom: solid 1px #cdcdcc*/ }

@media only screen and (min-width: 681px) {
#susanna { 	background: #303032 url('graaf/norma.jpg') center 0px fixed no-repeat; }/**/}

#naomi { /* ## NAOMI #################################################### NAOMI */
	background: #fff; /**/
	padding: 0px; 
	margin:0px; }

@media only screen and (min-width: 1281px) {
/*#naomi { background: url('graaf/naomi.png') center 0px repeat-x fixed; }*/}

.betty { /* ## BETTY #################################################### BETTY */
	padding-top: 0px; margin-top: 0px; position: relative; 
	margin-left:auto; 
	width: 1280px; 
	margin-right:auto; }

@media only screen and (max-width: 1280px) { 
.betty {
		width: auto; margin: 0 auto; } }


@media only screen and (min-width: 1280px) { 
.betty {
		max-width: 1280px; margin: 0 auto; } }

#may { /* ## MAY ######################################################### MAY */
	position: absolute; top: 38px; left: 0px; 
	font: normal 10px/11px arial }

#alice { /* ## ALICE ################################################### ALICE*/
	width: 100%; 
/*	background: url('graaf/alice.png');  |½ ALICE background |½*/
	color: #fff; 
	margin: 0px;
	padding: 0px; 
	position: relative; z-index: 16;
	padding-bottom: 4px;  
/*	box-shadow: 0px 0px 8px #9b9b7f; */ }

#alice_i {
	padding: 0px 1px; 	
	text-align: left; }



#cristina { /* ## CRISTINA ############################################## CRISTINA */
	font: normal 12px/12px verdana; 
	float: right;
	margin:  0px 50px 0px 5px; /*border: solid 1px red;*/ 
	text-align: right;  }

#cristina a {
	color: #3d4560; /* |½ CRISTINA link color |½*/
	display: inline-block; margin-top: 5px; margin-bottom: 7px; 
	text-decoration: none; 
	font-weight: normal } 

@media only screen and (max-width: 830px) {
#cristina { text-align: center; width: 100%; margin:2px }} /**/

#loren { /* ## LOREN ##################################################### LOREN */
	width: 343px; height: 78px;
	float: left;
	overflow:hidden;
	margin:0px; padding:0px; 
	margin-bottom: 7px; margin-left: 60px;  }

#loren a {
	width: 100%; height: 100%;
	display: inline-block; 
	overflow: hidden; } 

#loren a:before, #loren a[href^="javascript:"]:after {
	content: url('graaf/logo.png'); position: relative;  top: -48px; left: -65px } 

@media only screen and (max-width: 820px) {
#loren { float:none; margin: 5px auto 0px auto; position: relative; top: 2px;  }}

#susie {
	display: none; float: left; 
	margin-top: 4px; margin-left: 75px; 
	width: 400px;
	margin-bottom: -20px; }

#susie p, #susie {
	color: #a9a8a8; 
	font: 400 20px/20px Roboto Condensed, sans-serif;   font-display: swap; ; /*	font: 400 18px/18px Roboto Condensed, sans-serif;   font-display: swap; ; */}

#susie a:link {
	font-weight: 300; }

#susie p {
	font: 400 55px/55px 'Yesteryear', cursive;   font-display: swap; ; /*	font: 400 45px/45px Roboto Condensed, sans-serif;   font-display: swap; ;*/ 
	margin:0px; padding:0px;  }

@media only screen and (min-width: 1280px) {
#susie { display: block; position: relative; z-index:14 }}

#olivia { /* ## OLIVIA ################################################## OLIVIA */
	width: 158px; height: 32px; margin-top: 6px;
	overflow: hidden;
	margin-left: 10px; margin-right: 0px; margin-bottom:0px;
	padding: 2px 0px 0px 8px;
	background: #f9f; 
	display: none; 
	background: url('graaf/logo.png') -1082px -68px no-repeat;
	position: absolute; right: 20px; top: 5px }

@media only screen and (min-width: 990px) {
#olivia { display: block }}

label {
	position: relative; left: 160px; top: -34px; 
	display: inline block;
	font: normal 9px arial;
	width: 15px; height: 15px }

/* ---- ---- ----- ----------OTSINGUNUPP ---- */
#onpinp { 
	border:0;  
	background: 0 ;
	margin: 0px 0px 0px 0px;
	height: 19px;
	padding: 0px; 
	font:normal 11px/15px verdana;  
	color:#ffffff; 
	-webkit-box-shadow: none;
	-moz-box-shadow: none;
	box-shadow: none; }

html>body #onpinp  {
	margin: 0px 0px 0px 0px;}

#onpsmt  { 
	border:0; 
	background:	url('graaf/logo.png') 0 0 no-repeat;
	height: 22px;
	width: 22px; 
	font: normal 12px/12px verdana;
	padding: 0;
	color:0; 
	-webkit-box-shadow: none;
	-moz-box-shadow: none;
	box-shadow: none;  
	opacity: 0.01;
	filter: alpha(opacity=1); }

html>body #onpsmt  {
	padding: 0px 5px 5px 5px;}

.oliviapealkiri { margin-top:2px; font: normal 18px/22px arial; color: #1e0fbe; } /* otsingutulemuste lehel */
.oliviapealkiri strong { margin-top:2px; font: bold 18px/22px arial; color: #1e0fbe; }

	
#kaia { /* ## KAIA ##################################################### KAIA */
	clear:both; 
	color: #bbbbbb;
	margin-right: 5px; min-height: 20px;  }

@media only screen and (min-width: 1024px) {
#kaia { margin-right: 60px; }}
 
#kaia a:link, #kaia a:active, #kaia a:visited {
	display:block;
	padding: 4px 10px 2px 10px; 
	float:right; 
/*	border-bottom-right-radius: 5px; 
	border-bottom-left-radius: 5px; 
	background: url('graaf/alice.png') -1px -1px repeat ;*/
	text-decoration: none; }

#kaia a:hover, #kaia .keel_active {
	background: #e7e5dc; /* |½ Kaia keel active background |½*/  }

.flag {
	background: url('graaf/logo.png');  
	display: block; 
	height: 16px; width: 16px; }

#gillian { }


/* ##############   ###   ###   ##########################
#################   ###   ###   ### 240 #####################
#################   #########   ######### HANNA horisontaal - lM 
#################   #########   ##################################### 
#################   ###   ###   ################ HANNA #############
#################   ###   ###   ### HANNA ###########################*/

#hanna { /* ## HANNA ##################################################### HANNA */
	width: 100%;
	background: url('graaf/logo.png') 0px -210px; /*|½ HANNA full background |½*/ 
	margin-bottom:0px;
	height: 70px; 
	color: #fff; 
	padding: 0px 0px 0px 0px; 	
	margin-top: 45px;
	position: relative; 
	z-index: 12;
	clear: both; 
/*	border-bottom: solid 4px #ffffff;  |½ Hanna border bottom 4 px |½*/ 
/*-webkit-box-shadow: 0px 10px 10px 0px rgba(73, 57, 23, 0.51);
-moz-box-shadow:    0px 10px 10px 0px rgba(73, 57, 23, 0.51);
box-shadow:         0px 10px 10px 0px rgba(73, 57, 23, 0.51);*/ }

@media only screen and (min-width: 1280px) {
#hanna { padding: 0px; }}

@media only screen and (min-width: 800px) {
#hanna { height: 58px;  }}

#hanna ul {
	margin: 0px;
	padding: 0px; 
	padding-left: 2px; } 

#hanna a { /* HORISONTAALMENÜÜ link*/
	display: block; 
	position: relative;
	font: 400 20px/20px Roboto Condensed, sans-serif;   font-display: swap; ;
	color: #ffffff; /* |½ HANNA lingi värv |½*/
	margin: 0px;
	padding: 18px 30px 20px 30px; 
	text-decoration: none }

@media only screen and (max-width: 800px) {
#hanna a { 	font: 500 14px/14px Roboto Condensed, sans-serif;   font-display: swap; ; 	padding: 6px 10px 8px 10px;    }}

#hanna a:hover, #hanna .lMActive {
	color: #f6deed; /* |½ HANNA link hoover ja active värv |½*/
	background: #675865; /* |½ HANNA link hoover background |½*/
	text-decoration: none; } 

/*#hanna a:hover:before, #hanna .lMActive:before { 
	content:''; 
	position: absolute; 
	top: 100%; left: 44%; 
	width: 0; height: 0; 
	border-left: 6px solid transparent; 
	border-right: 6px solid transparent;
	border-top: 6px solid #3549ff; 
 }*/

.hid {
	position: absolute;
	display: none; 
	/* for IE */
  	filter:alpha(opacity=98);
  	/* CSS3 standard */
  	opacity:0.98;
	margin: 0px; padding: 0px;
	z-index:5;
	width: 202px;}

.tnp {
	position: relative;
 	background-color:#fff; /* |½ HANNA tnp rolldown background |½*/
	padding: 5px 2px 5px 2px;
	border-left: solid 1px #aaa;
	border-bottom: solid 1px #aaa;
	border-right: solid 1px #aaa;
	margin:0px;
	margin-top:0px;
	list-style: none;	
	text-align: left; 
	width: 267px;}

html>body .tnp {
	width:265px }  

#hanna li {
	list-style: none;
    list-style-image: none;
    list-style-type: none;
	display: inline-block;   zoom: 1; *display: inline; 
	margin:0px;
	padding: 0px;}


#hanna div li {
	height: 20px; }

#hanna .tnp a {
	display: block;
/*	background: ;*/
	border: 0;
	background: 0;
	margin: 0px 0px 3px 8px;
	padding: 2px 2px 5px 8px;
	font: normal 16px/20px arial;
	color:#353535; 
	text-decoration: none;}

#hanna .tnp a:hover,  #hanna .tnp .tnpActive {
	color: #095687; 
	padding: 2px 2px 5px 8px; border-radius: 0px;
	margin: 0px 0px 3px 8px;
	background: 0; }

/*################################ END HANNA #############################
########################################################### END HANNA ##########*/

#fiona { /* ## FIONA ##################################################### FIONA */
	position: relative; z-index: 4; 
	background: transparent; }

#fionS {
	width: 100%; 
	position: relative; z-index: 11;
	display: block;
    height: 300px;
	background:url('graaf/susanna.jpg') top center no-repeat;
	background-size: 100% auto;}

#fionS a {
	display: block; 
	width: 100%;
	height: 100%;
	box-sizing: border-box;
	color: white; text-decoration:none;
	position: absolute; display: none; }

.fionSsisu {
	display: none; }

.fionSsisu2 {
	color: #333;
/*	text-shadow: 4px 4px 4px black;*/
	padding: 20px 5px 30px 40px;
	font: normal 16px Roboto Condensed, sans-serif;   font-display: swap; ;
	width: 500px; height: auto; 
	margin: 40px auto 0px 10%;
	position: absolute;  
	background: url('graaf/fions_transparent.png');
	display: block; }

.fionSfirst {
	font: normal 26px Roboto Condensed, sans-serif;   font-display: swap; ;
	color: #001f6e }
	

.fionSsisuNupp {
	margin-top: 8px; 
	display: inline-block; text-decoration:none; 
	font: normal 18px Roboto Condensed, sans-serif;   font-display: swap; ;
	background: #001f6e; border-radius: 5px; 
	padding: 4px 25px 6px 25px; 
	color: white; 	text-shadow: none; }

@media only screen and (max-width: 799px) {
#fionS {      height: 250px;  }
.fionSsisu2 { margin: 20px auto 0px 10px;  }}  

@media only screen and (max-width: 599px) {
#fionS {      height: 200px;  }
.fionSsisu2 { width: auto; margin: 0px; font: normal 12px Roboto Condensed, sans-serif;   font-display: swap; ; }
.fionSfirst { font: normal 16px Roboto Condensed, sans-serif;   font-display: swap; ;  } } 

h1 {
 	font: normal 18px/22px verdana;
	color: #fff }

h2 { 
	font: normal 16px/20px verdana;
	color: #fff }

h3 {	
	position: absolute; top: 22px; left: 5px; 	
	padding: 10px 2px 18px 2px; 
	overflow: hidden;
	font: normal 16px/22px verdana;
	width: 72px;
	border: solid 1px red;
	padding-top: 42px; 
	max-height: 140px; } 

#cts, #cts a, .cts, .cts a { 
	font: normal 14px/16px verdana;
	color: #fff }

#cts2, #cts2 a, .cts2, .cts2 a  { 
	position: relative; 
	padding-left: 5px;
	font: normal 3px/5px verdana;
	color: #fff;
  	/* CSS3 standard */
  	opacity:0.2;
	z-index: 1 }


#melody { /* ## MELODY ################################################### MELODY */
	background: #fff;/**/
	padding: 0px;
	margin-top: 0px;  
	height: auto;
	z-index: 4;  }

#megan { /* ## MEGAN ##################################################### MEGAN */	
	background: #fff;
	position: relative; 
/*	box-shadow: 0px 0px 18px #9b9b7f;*/
	top: 0px;
	padding-top: 50px; margin-bottom: 0px;  padding-bottom: 0px;  
	z-index: 4;  }

@media only screen and (min-width: 1280px) {
#megan { 	background: transparent url('graaf/megan.png') 0px -20px repeat-x; }}

@media only screen and (max-width: 1280px) {
#megan { text-align: center; }} 

#megan ul, #megan ol {
	list-style-position: inside;
	padding: 15px 0px 20px 40px; }/**/

.hw, #hw {
	position: absolute;
	left: 0; 	top: -840px; 
	text-align:left;
	width: 615px;
	z-index: 1 }
#ingrid { /* ## INGRID ################################################### INGRID */
	padding-left: 5px;
	padding-bottom: 0px; 
	padding-right: 50px;
	font:normal 10px/10px verdana;
	color:#d1d2d2; }

#ingrid a:link, #ingrid a:active, #ingrid a:hover,  #ingrid a:visited {
	font: normal 10px/10px verdana;
	text-decoration: none; 
	display: inline-block; margin-bottom: 12px;
	color: #d1d2d2 }

/*@media only screen and (min-width: 1280px) {
#ingrid { margin-bottom: 0px; }}*/

.arrow { display: inline-block; margin-bottom: 1px}
@media only screen and (max-width: 600px) {
.arrow { margin-bottom: 8px; }}

#julia { /* ## JULIA and CARLA ################################### JULIA and CARLA */
		float: left;
		margin: 0 60px; 
		width: 800px;
		text-align: left; 
		margin-bottom: 0px; 
		max-width: 800px; word-break: break-word;  } 

#carla {
		float: right; clear: right;  
		max-width: 340px; padding: 0px; margin:0px;
		margin: 0px auto; 
		margin-bottom: -50px; }

@media only screen and (max-width: 1279px) {
#julia, #carla {
		float: none; 
		margin:auto;  
		width: auto;
		max-width: 800px; } 

#carla {
		margin-top: 20px; } }

@media only screen and (max-width: 666px) { 
#julia, #carla { 
	float: none; 
	padding: 5px 10px;  
	margin:auto; 
	width: 100%;
	max-width: 800px;} }

#priscilla { /* ## PRISCILLA ###########################################PRISCILLA */
	text-align:right; margin-right: 8px; margin-top: 12px; margin-bottom:12px }

#priscilla a {
	background: url('graaf/logo.png') -1220px -548px no-repeat; 
	display: inline-block; 
	height: 20px; width: 57px;
	margin: 10px 10px 10px 0px }

/* ########################################################
###################### VIRGINIA & #lM #####################
########################################################### */

#virginia { /* ## VIRGINIA ############################################# VIRGINIA */
	float: right;
	width: 315px; 
	padding: 5px 30px; } 

#lM {    
	position:relative;
	margin: 0px 0px 0px 10px;
	padding:10px 0px 3px 3px; }

#lM a {
	display: block;
	margin-bottom: 12px; 
	padding: 0px 5px 0px 14px;
	font: normal 16px/20px arial;
	color: #353535; 
/*	background: #ffffff; |½ VIRGINIA vertic link background |½*/
	text-decoration: none; }

#lM a:hover, #lM .lMActive {
	color: #095687;
	background:  url('graaf/logo.png') -1003px -408px no-repeat; 
/* 	background: #760808; |½ VIRGINIA vertic link background hover |½ */	} 

#lM .lMSecond {
	display: block; margin-left: 30px;} 

@media only screen and (max-width: 1280px) { 

#virginia {
	float: none;
	text-align: center; 
	width: 100%; padding: 0px;  }

#virginia, #lM a, #lM div, #lM .lMSecond  {
 	display: inline-block; margin-left: 0px;}

#lM {
	padding:0px; }

#lM div  {
	width: auto; 
	float: none; 
	display: inline-block; }

}

/*#########   ###    ###   ####################### END VIRGINIA ##################
###########   ###    ###   ###############################################################
###########   ###    ###   #############################################################
###########   ###    ###   #############################################################
###########   ###    ###   #############################################################
###########   ##########    #############################################################
###########    ########     ####### START URSULA ############ START URSULA #################*/

#ursula, #sonja, #kimberly, #melinda, #lara { /* ## URSULA SONJA KIMBERLY ##### URSULA SONJA KIMBERLY */
	width: 340px; float: right; 	font: normal 12px/18px verdana;
	padding: 10px; }

.uudis_main {
/*	background: url('graaf/vasak_horisontaal.jpg')  center 3px no-repeat; */
	text-align:right;
	font: bold 14px arial; 
	color: #1561a9 }

.uudis_blokk {
	padding: 5px 0px 0px 0px; }

.uudis_main a {
	font: bold 14px arial; color: #1561a9 }

.uudis_date, .uudis_date a {
	font: normal 10px verdana; color: #5c5c5c }

.uudis_pealk, .uudis_pealk a { /* UUDISE PEALKIRI KÜLGVEERUS ja SÜNDIKAADI SISUS */
	font: 400 18px/22px Roboto Condensed, sans-serif;   font-display: swap; ; 	
	text-decoration: none; 
	color: #2184c4 }

.uudis_sissejuh, .uudis_sissejuh a, .uudis_sissejuh a:hover { /* UUDISE väike tekst KÜLGVEERUS */
	font: normal 12px/18px verdana; padding-bottom: 25px; 
	text-decoration: none; color: #5c5c5c }

.syndic_sissejuh, .syndic_sissejuh a, .syndic_sissejuh a:hover { /* SISSEJUHATUSED SÜNDIKAADIS */
	font: font: normal 17px/24px Arial, Helvetica, sans-serif;; padding-bottom: 10px; color: #5c5c5c ;
	font-weight: normal; 	display: block; text-decoration: none  }

.syndic_date, .syndic_date a {
	font: normal 10px verdana; color: #5c5c5c }

.uudis_social {
	position: relative; top: 5px; left: -5px; margin-bottom: 8px; text-align: center; }

.varvisilt {
	background: #feff19; color: #596010;
	font: normal 14px/14px 'Vollkorn', serif; display: inline-block; 
	padding: 2px 12px 2px 12px } 

/* ---- ---- ---- Laptops, Desktops, etc ---- */ 
@media only screen and (min-width: 1024px) { 

#ursula, #sonja, #kimberly, #melinda, #lara {
		float: right;
		width: 340px; } 	

}

#kimberly, #kimberly a {
	font: 400 18px/22px Roboto Condensed, sans-serif;   font-display: swap; ;
	color: #fff; } /* |½ KIMBERLY külgveeru kontakt text color |½*/

#kimberly { /* ## KIMBERLY ####################################### KIMBERLY */
/*	background: #3c3c3c url('graaf/wendy.jpg') 0px -30px no-repeat*/; 
	background: #675865; /* |½ Kimberly background color |½*/   
	padding:0px; margin:0px; 
	text-align: left; 
	border-top-left-radius: 7px;
	border-bottom-left-radius: 7px;
	margin-left: 10px; padding: 8px 10px 12px 20px; } 

@media only screen and (max-width: 1024px) {
#kimberly { clear:both; float: none; display: inline-block; margin: 10px auto; }}

#kimberly a {
	color: #fff; text-decoration: underline; } /* |½ KIMBERLY link color |½*/

.fourvalues {
	margin: 10px 10px 20px 16px }

.fourvalues div {
	margin-top:10px; 
	color: #670000;
	font: normal 16px/24px calibri; 
	font-style:italic }

#sonja {
	text-align: center; 
	margin: 15px 10px 5px 0px;
	margin: 15px 0px 5px 10px; }

#melinda {
	margin-top: 10px;
	text-align: center; }

#ursula {
	padding-bottom: 0px; text-align: left; }

@media only screen and (max-width: 1024px) {
#ursula { clear:both; float: none; display: inline-block; margin: 10px auto; }}

#sonja, #melinda { /* ## SONJA ############################################# SONJA */
	padding:10px 0px 0px 0px; }

#sonja a {
	background: url('graaf/logo.png'); 
	background-color: #5f5f5f; /* |½ Sonja background color |½*/  
	display: inline-block; 
	height: 24px; width: 24px;
	margin: 0px 2px 4px 2px }

#melinda img {
	margin: 0px 2px 4px 2px }

.comment_header {
	background: #dddce4 ;/*url('graaf/lang_high.jpg') no-repeat center 0px*/
	margin: 28px 0px 3px 0px; 
	width: 810px } 

/*######### END URSULA END KIMBERLY END SONJA END MELINDA END LARA #########
  ######### END uudise END kontaktp END socia END mrksplv END link #########
#############################################################################*/


/*######### END URSULA END KIMBERLY END SONJA END MELINDA END LARA #########
  ######### END uudise END kontaktp END socia END mrksplv END link #########
#############################################################################*/


/*######### END URSULA END KIMBERLY END SONJA END MELINDA END LARA #########
  ######### END uudise END kontaktp END socia END mrksplv END link #########
#############################################################################*/

table {
	border-spacing:0;
	background-repeat : no-repeat }

#kalenderpos {
	position:absolute;
	left:709px;
	top:34px;
	z-index:29;
/*	background: #333333;*/ }

#cal {
	margin:0px 10px 10px 10px;}	

#cal, #cal table, #cal td, #cal th {
	padding:3px;
	border-spacing:0px; 
	border-padding:0px; 
	border-collapse: collapse;
	color: #455147;
	text-align:right;
	font:10px verdana }

#cal {
	background: #efc01a;
	position: relative; 
	padding-top: 45px; 
	color: white; 
/*	border-radius: 200px ;*/
	width: 230px; height: 230px; 
	text-align: center;
	padding-left: 44px;
	vertical-align: middle; }

#tnane { /* tänase päeva numbri värv kalendris */
	color: #157e4f; 
	font-weight: bold }

#tdhighl, .tdhighl { /* kalendris highlighted sündmusega päeva taust */
	background: #c34603;
	padding:3px;
	text-align:right;
	font:10px verdana }

#tdhighl a, .tdhighl a {
	color: #455147 } 

.cmpl { /* kalendri mitme sündmuse popup */
	margin: 2px;	 
	color: #9f7d04; 
	width: 218px; 
	text-align:left; 
	background: #f8f3e0; 
	border: solid 1px #e9d58d; 
	padding: 2px 5px 3px 2px }

.cmpl a {
	color: #9f7d04; }

html>body .cmpl {
	width:207px }

.kn { /* kuu nimetus sündikaadis  */
	color: #956a95; 
	margin-top: 4px }

.an { /* aasta nimetus sündikaadis */
	color: #956a95; 
	font: bold 14px verdana } 


#korv { 
	float: left; margin-top: 8px; margin-left: 150px; padding-bottom: 8px; 
	font: normal 12px/18px verdana;
	position: relative;
	z-index:5;
	width: 200px; 
	padding: 5px 0px 0px 55px; }

#korv b {
	background: url('graaf/logo.png') -750px -44px no-repeat;
	display: block; width: 50px; height: 42px; top:0px; left:0px;
	position: absolute; } 

#korv a, #korv span {
	color: #e9cb08;
	text-decoration: none;
	font-weight: normal; }

#korv a:hover {
	text-decoration: underline; }

#login {
	position:absolute; right: 20px; top: 50px; 
	width: 350px; text-align:right;
	z-index:5  }


#mrkspilv {
	width: 180px;
/*	border: solid 1px red;*/
	position: relative;
	left: 15px;
	top: 12px;
	text-align: center; }

#highlight { 
	background-color: #fffdf0; } /* |½ OTSINGUTULEM highlight background |½*/

.toimetaja {
	text-align:right;
	clear:both;
	width:120px;
	margin:4px 0px 4px 0px;
	color:#777777; /* |½ TOIMETAJA text color |½*/
	padding-right:4px;
	border:1px dashed #9f9f9f; /* |½ TOIMETAJA dashed joon |½*/
	background-color: #ffffff; /* |½ TOIMETAJA dialog box background |½*/
	font: normal 9px/14px verdana }

.toimetaja a:link, .toimetaja a:active, .toimetaja a:visited, #kimberly .toimetaja a {
	font: normal 9px/14px verdana;
	color: #777777; /* |½ TOIMETAJA link color |½*/
	font-weight: bold;
	text-decoration: none; }

.toimetaja a:hover {
	text-decoration: underline;}

.vasakjuhend { /* VASAK juhend */
	font: normal 10px/12px verdana;
	color: #898989; } /* |½ VASAKJUHEND tekst color |½*/

.vasakjuhendin { /* VASAK juhend input */
	border:1px solid #a9a9a9;  /* |½ VASAKJUHEND input border |½*/
	background: 0 ; 
	font:normal 11px verdana; 
	height: 20px; 
	color: #808080; /* |½ VASAKJUHEND input text color |½*/ 
	vertical-align:middle }

.juhend {
	font: normal 10px/12px verdana;
	color: #5c5c5c }

#fs {
	font: normal 10px/12px verdana;
	margin-top:3px; }

.r_gallup {
	border:none;
	margin-bottom:-4px}

/*## INPUT color ######################*/
input { 
	border:1px solid #aaaaaa;  
	background: 0 ; 
	font:normal 11px verdana; 
	height: 24px; 
	color:#777777;
	vertical-align:middle;
	-moz-border-radius:3px;
	-khtml-border-radius:3px; 
	-webkit-border-radius: 3px;
	border-radius: 3px; 
 /*  behavior: url(js/js/border-radius.htc); */}

textarea   { 
	border:1px solid #aaaaaa;  
	background: 0 ; 
	font: 11px verdana; 
	color:#777777;
	overflow:auto;
	-moz-border-radius:0.2em;
	-khtml-border-radius:0.2em; 
	-webkit-border-radius: 0.2em;
	border-radius: 0.2em; 
 /*    behavior: url(js/js/border-radius.htc); */}

input, textarea {
	border: solid 1px #aaaaaa;
	outline: 0;
	background: #FFFFFF;
	background: -webkit-gradient(linear, left top, left 8, from(#FFFFFF), color-stop(4%, #EfEfEf), to(#FFFFFF));
	background: -moz-linear-gradient(top, #FFFFFF, #EfEfEf 2px, #FFFFFF 8px);
	box-shadow: rgba(0,0,0, 0.1) 0px 0px 8px;
	-moz-box-shadow: rgba(0,0,0, 0.1) 0px 0px 8px;
	-webkit-box-shadow: rgba(0,0,0, 0.1) 0px 0px 8px;
 	}

input:hover, textarea:hover, input:focus, textarea:focus {
	border-color: #403438;
	-webkit-box-shadow: rgba(0, 0, 0, 0.15) 0px 0px 8px;
	-moz-box-shadow: rgba(0,0,0, 0.15) 0px 0px 8px;
	}

.caction input, .caction textarea {
	border: solid 1px #aaaaaa;
	box-shadow: none; 	-moz-box-shadow: none; 	-webkit-box-shadow:none; 
	font: normal 17px arial; }

.caction input {
	height: 43px; }

.caction input:hover, .caction textarea:hover {
	border-color: #403438; }


.drop {
	font: 10px verdana; 
	color:#777777 }



.submit, .caction .submit, .hinnad_tblr a  { 
	border-radius: 4px; 
	height: auto; 
	border:0; 
	background: #0272ba /*url('graaf/logo.png') right -615px top -621px*/; 
	font: 400 13px/13px Roboto Condensed, sans-serif;   font-display: swap; ; 
	box-shadow: 0 4px 8px 0 rgba(0, 0, 0, 0.1), 0 6px 20px 0 rgba(0, 0, 0, 0.05);
 	cursor:pointer;
	text-align: center;
	color:#fff;
	vertical-align:middle;
	text-transform: uppercase;
	margin-top: 5px; 
	padding:16px 40px 16px 40px; } 

.submit:hover, .caction .submit input:hover {
	background-color: #0087e0; 
	border:0; 
	box-shadow: 0 4px 18px 0 rgba(0, 0, 0, 0.1), 0 6px 20px 0 rgba(0, 0, 0, 0.15); }

p {	margin: 0; 
	padding: 0;}

#timer {
	position: absolute; 
	top: 3px; left: 2px; z-index: 65;
	color: #000000; 
	font: normal 9px verdana; }

#update {
	position:absolute;
	top:-15px;
	left:220px }

.query_head {
	color: #67645c;
	font: normal 14px/16px arial;
	padding: 10px 0px 0px 0px }

#logout {
	text-align:right;
/*	background: #6497c1; border-radius: 3px; padding: 5px; */
	font: normal 10px/12px verdana;
	position: absolute;
	width: 90px;
	right: 12px; top: 75px;
	z-index:15 }

#logout a {
	color: #ffffff; /* |½ ADMIN logout upper right |½*/
	text-shadow: 0px 0px 10px #362f20;} 

#logout a:hover {
	color: #ffffff; text-shadow: 0px 0px 10px #000;}


#theresa {
	width: 100%;
	background:0; /* |½ THERESA background color |½*/
	color: #666666; 
/*	border-top: solid 1px #cdcdcc;*/
	padding: 0px 0px 0px 0px; 
	margin-bottom: 0px; position: relative; z-index: 5;  } 
#wendy { /* ## WENDY ##################################################### WENDY */
	border-top: solid 10px #606582; /* |½ WENDY border-top color |½*/
	width: 100%;
	position: relative; 
	z-index: 5;
	font: normal 11px/16px verdana;
	background: #383d61 url('graaf/wendy.jpg') center 0px no-repeat/**/;
	color: #c8c8c8; 
/*	box-shadow: 0px 0px 18px #9b9b7f;*/
	padding: 80px 0px 130px 0px; margin-bottom: 0px;
	text-align: center;
/*	margin-bottom: -60px;
-webkit-box-shadow: 0px 10px 10px 0px rgba(73, 57, 23, 0.51);
-moz-box-shadow:    0px 10px 10px 0px rgba(73, 57, 23, 0.51);
box-shadow:         0px 10px 10px 0px rgba(73, 57, 23, 0.51);*/  } 


@media only screen and (max-width: 681px) {
#wendy { 	background: #383d61 /**/; }}

#wendy_i {
	padding: 0px 15px; }

#wendy a {
	color: #c8c8c8; font-weight: normal; text-decoration:underline } 
#may {
	top: -2935px; width: 318px;  }
#zara { /* ## ZARA ##################################################### ZARA */
	background: #291e27; /*url('graaf/zara.jpg') left top no-repeat;*/ 
	font: normal 10px/16px verdana; }

#zara_i {
	padding: 10px 15px 8px 15px; 
	font: normal 10px/16px verdana;
	color: #857b83; } 

#zara_z {
	font: normal 10px/16px verdana;
	color: #857b83;
	float: right; }

#zara_z a {
	font-weight: normal;
	text-decoration: none;
	color: #857b83; }

h4, h4 a {
	display: inline-block; 
	font-weight: normal;
	text-decoration: none;
	color: #857b83; 
	padding: 0px; margin: 0px; }

#az {
    opacity: 0.6;
    filter: alpha(opacity=60);
	position: relative; top: 1px; left: 5px;
	margin-bottom: -3px; 
	display:inline-block; 
	width: 63px; height: 15px;
	font: normal 36px verdana;   
	overflow: hidden }

#az:before, #az input[id^="footer:"]:after { 
	content: url('graaf/logo.png'); position: relative; left: -1287px; top: -1011px }
body.mceContentBody {
   background: #383d61 /*url('graaf/wendy.jpg') 0px -15px no-repeat*/;  
	padding:0px; margin:0px; }

body.mceContentBody .wendy_col {
	border: dashed 1px gray;	padding: 5px 5px; 	color: #c8c8c8 ; }

p {	margin: 0; 
	padding: 0;}

.bot_header, .bot_header a, .bot_content, .bot_content a, .bot_content p, .bot_content td {
	color: #c8c8c8 ;
	font: normal 11px/16px verdana;}

.bot_header, .bot_header a {
	color: #e2d6a4;
/*	text-shadow:2px 2px 8px #82795e;*/
	font: 400 24px/28px Roboto Condensed, sans-serif;   font-display: swap; ; }

.wendy_col { /* ## WENDY COL ############################################ WENDY COL */
	width: 290px; margin: 5px 15px 10px 0px; 
	vertical-align: top; 
	padding: 5px 6px; 
    display: inline-block; 
	font: normal 12px/20px verdana;
	color: #c8c8c8;
	text-align: left; 
    box-sizing: border-box; 
	/*background: rgba(0,0,0,.1)*/ } 
body.mceContentBody2 {
   background: #291e27; 
	color: #857b83;
	font: normal 10px/16px verdana;}

p {	margin: 0; 
	padding: 0;} 

.bot_header2, .bot_header2 a, .bot_content2, .bot_content2 a, .bot_content2 p, .bot_content2 td {
	color: #857b83;
	font: normal 10px/16px verdana;}

.bot_content2 a {
	text-decoration: underline }

.bot_header2, .bot_header2 a { 
	font: bold 14px arial; }