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

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


.pildiaar {
	padding:4px;
	border:1px solid #cacaca; }

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

.toot_hr_jn {
	display: block;
	padding-bottom: 2px;
	color: #333;
	border-bottom:solid 1px #cacaca; }

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

.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: #333; } 

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

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

@media only screen and (max-width: 1023px) {
td, td p {font: normal 13px arial;}
}

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

.pealkiri {
	font: 400 26px/32px Lato, sans-serif; 
	margin-top: 6px;
	margin-bottom: 3px;	padding:0px;
	color: #316285; } 

.sissejuhatus {
	font: normal 19px/24px arial;
	padding:0px; margin:0px; padding-bottom:4px;
	color: #bb8945 }

.alapealkiri {
	font: 400 22px/28px Lato, sans-serif;
	color: #316285;}

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

.pildiallkiri {	
	font: italic 14px/18px verdana;
	color: #333; }

.sv li div {
	display: inline; }

.endsv {
	margin-bottom: 24px; }

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

body.mceContentBody {
 	background: #ffffff; 
}

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

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

.megan_col {  	/* ## MEGAN COL FRONTPAGE ############## MEGAN COL */
	display: inline-block; 
	font: normal 10px/16px verdana;
	color: #333;
	text-align: left; 
	width: 224px; 
	background: #eef5f6; 
	padding: 12px 12px 12px 12px; 
	margin:12px 12px 12px 12px; 
	height: 260px; 
	overflow: hidden;	
	position:relative	/**/ }

.megan_col a {
	display:block; margin-bottom: 10px; 
	text-decoration:none;
	color: #333; }

.megan_col h6 {
	position: absolute; width: 248px; 
	height: 43px; background: url('graaf/esi-bot-trans.png'); 
	bottom: 0px; left:0px; }	

.megan_col em {
	display: block; 
	width: 200px; height: 128px; 
	padding:0px; overflow: hidden; 
	margin: 0px 0px 8px 0px; }

.megan_col img {
	border: 0px; }

.megan_col_pealk {
	font: normal 13px/17px verdana; 
	color: #316285; }

.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: #a9c5cf; 
	margin: 0;
	padding: 0;
	overflow-x: auto; /*hidden*/}

.foorumilingistiil a:link,a:visited,a:active {
	font-weight: normal; color: #316285; text-decoration:none }

.foorumilingistiil a:hover {
	text-decoration: underline;
	color: #7187bd }

@media only screen and (min-width: 1025px) {
body { 	background: #a9c5cf url('graaf/body.png');  }}

@media only screen and (max-width: 1080px) {
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: #bad2d6;
	z-index: 12;
	margin:0;
	padding:0; }

@media only screen and (min-width: 1025px) {
#norma { background: transparent url('graaf/norma.png') center top fixed repeat-x }}

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

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

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


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

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

#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*/ }

#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 5px 0px 5px; /*border: solid 1px red;*/ 
	text-align: right; }

@media only screen and (min-width: 800px) {
#cristina { margin-bottom: -10px; }} 

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

@media only screen and (min-width: 830px) {
#cristina { margin-right: 10px; }}


/* uus LOREN */
#loren { /* ## LOREN ##################################################### LOREN */
	width: 390px; height: 71px;
	overflow:hidden;
	float: left;
	position: relative; z-index: 14;
	margin:0px auto; padding:0px;
	margin-bottom: 7px; margin-left:20px  }

@media only screen and (min-width: 800px) {
#loren { top: -5px }} 

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

#loren a:before, #loren a[href^="javascript:"]:after {
	content: url('graaf/loren_90.png'); } 

@media only screen and (min-width: 500px) {
#loren { width: 500px; height: 87px; float: left; margin-left:10px }
#loren a:before, #loren a[href^="javascript:"]:after {
	content: url('graaf/loren500_90.png'); } }

#loren { /* ## LOREN ##################################################### LOREN */
	width: 315px; height: 71px;
	overflow:hidden;
	float: left;
	position: relative; z-index: 14;
	margin:0px auto; padding:0px;
	margin-bottom: 7px; margin-left:40px;
	float: none; margin: 0px auto; top: 30px; margin-bottom: 30px; }

@media only screen and (min-width: 800px) {
#loren { top: -5px; float: left; margin-left:10px;  }} 

@media only screen and (min-width: 620px) {
#loren { top: -5px; float: left; margin-left:10px; top: 0px; margin-bottom: 0px; }}

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

#loren a:before, #loren a[href^="javascript:"]:after {
	content: url('graaf/loren.png'); } 

@media only screen and (min-width: 500px) {
#loren { width: 405px; height: 87px; float: left; margin-left:10px }
#loren a:before, #loren a[href^="javascript:"]:after {
	content: url('graaf/loren500.png'); } }




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

#susie p, #susie {
	font: 400 26px/26px 'Dancing Script', cursive;
	color: white; }

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

#susie p {
	font: 400 105px/100px 'Dancing Script', cursive;
	margin:0px; padding:0px;  }

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

#olivia { /* ## OLIVIA ################################################## OLIVIA */
	width: 150px; height: 32px; margin-top: 6px;
	overflow: hidden;
	margin-left: 10px; margin-right: 0px; margin-bottom:0px;
	padding: 2px 0px 0px 8px;
	background: #f9f; 
	display: block; z-index: 55;
	background: url('graaf/olivia.png') 3px 4px no-repeat;
	position: absolute; right: 20px; top: -5px }

@media only screen and (min-width: 660px) {
#olivia { top: 5px }}

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:0; 
	height: 22px;
	width: 22px; 
	font: normal 12px/12px verdana;
	padding: 0;
	color:0; 
	-webkit-box-shadow: none;
	-moz-box-shadow: none;
	box-shadow: none;}

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

	
#sonjakaia {
	clear:both; width: 260px; 
	float:right; position: relative; z-index: 14; }

@media only screen and (min-width: 660px) {
#sonjakaia { top: -20px; margin-bottom: -20px }}

#kaia { /* ## KAIA ##################################################### KAIA */
	width: 120px; 	
	float: right; position: relative; z-index: 14;
	display: inline-block; 
	color: #bbbbbb;
	margin-right: 15px; min-height: 20px;  }


#kaia a:link, #kaia a:active, #kaia a:visited {
	display:block;
	padding: 4px 6px 4px 6px; 
	margin: 0px 4px; 
	float:right; 
/*	border-bottom-right-radius: 5px; 
	border-bottom-left-radius: 5px; 
	background: url('graaf/lang_high.png') -1px -1px repeat ;*/
	text-decoration: none; }

#kaia a:hover, #kaia .keel_active {
	background: url('graaf/lang_high.png') -1px -1px repeat }

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

#gillian { }


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

#hanna { /* ## HANNA ##################################################### HANNA */
	width: 100%;
	background: #cb9f51; /*|½ HANNA full background |½*/ 
/*	border-top: solid 1px #000; 
	border-left: solid 1px #000; 
	border-right: solid 1px #000;*/
	margin-bottom:0px;
	color: #fff; 
	padding: 0px; 	
	margin-top: 7px;/**/
	position: relative; 
	z-index: 12;
	clear: both; 
/*	border-bottom: solid 4px #edb34d; */
/*-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: 1025px) {
#hanna { background: #cb9f51 url('graaf/hanna.png') 0px 0px ; /*|½ HANNA full background |½*/ }}

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

#hanna a { /* HORISONTAALMENÜÜ link*/
	display: block; 
/*	border-top: solid 1px #b8b7b6;
	border-left: solid 1px #b8b7b6;
	border-right: solid 1px #b8b7b6;*/
	font: 300 20px/20px Lato, sans-serif;
	color: #333333; /* |½ HANNA lingi värv |½*/
	margin: 0px;
	padding: 10px 16px 12px 16px; 
	text-decoration: none }

@media only screen and (max-width: 800px) {
#hanna a { 	font: 300 18px/18px Lato, sans-serif; }}

#hanna .lMActive {
/*	border-top: solid 1px #2e2920; 	border-left: solid 1px #2e2920; 	border-right: solid 1px #2e2920;*/
	color: #333333; /* |½ HANNA link hoover ja active värv |½*/
	text-decoration: none;
/*	padding: 2px 15px 5px 15px; 
	border: solid 1px #694807; */
	background: #e9ce7e; /*|½ HANNA lingi background |½*/ } 

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

.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: url('graaf/hanna.png') 0px 0px; /* |½ 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:#333; 
	text-decoration: none;}

#hanna .tnp a:hover,  #hanna .tnp .tnpActive {
	color: #333; 
	text-decoration: underline; 
	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: url('graaf/fiona.jpg') center top; height: 19px; */}

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

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

.fionSsisu {
	color: #fff;
	text-shadow: 4px 4px 4px black;
	padding: 40px 5px 30px 40px;
	font: normal 28px Lato, sans-serif;
	position: absolute; display: none; }

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

#@media only screen and (min-width: 1024px) {
##fionS { display: block; }}

@media only screen and (max-width: 799px) {
#fionS {      height: 200px;  }}  

@media only screen and (max-width: 599px) {
#fionS {      height: 150px;  }
.fionSsisu { padding: 15px 5px 5px 15px; }} 	

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;
	padding-bottom: 0px; 
	height: auto;
	z-index: 4; }

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

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

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

#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: 23px;
	color: #a9a5a6 }

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

@media only screen and (min-width: 666px) { 
#ingrid { display: block; } }	

/*@media only screen and (min-width: 1024px) {
#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 30px; 
		width: 645px;
		margin-bottom: 40px;
		max-width: 645px }

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

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

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

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

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

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

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

#lMburger { display: none; }

#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: #313131; 
/*	background: #ffffff; |½ VIRGINIA vertic link background |½*/
	text-decoration: none; }

#lM a:hover, #lM .lMActive {
	color: #316285;
	background:  url('graaf/va.png') 0px 8px no-repeat; 
/* 	background: #760808; |½ VIRGINIA vertic link background hover |½ */	} 

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

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

#virginia {
	float: none;
	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; }

@media only screen and (max-width: 635px) {
#lM { display:none; }
#lMburger { display: block; }}

}

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

#ursula, #kimberly, #melinda, #lara { /* ## URSULA SONJA KIMBERLY ##### URSULA SONJA KIMBERLY */
	width: 300px; 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: #316285 }

.uudis_blokk {
	margin: 14px 0px 2px 0px; clear: both }
	
.uudis_blokk img {
	margin-right: 8px; margin-top: 8px; float: left; }

.uudis_blokk a {
	text-decoration: none }

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

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

.uudis_pealk, .uudis_pealk a { /* UUDISE PEALKIRI KÜLGVEERUS ja SÜNDIKAADI SISUS */
	font: 400 22px/26px Lato, sans-serif; 	
	text-decoration: none; 
	color: #316285 }

.uudis_pealk_small, .uudis_pealk_small a { /* UUDISE PEALKIRI KÜLGVEERUS ja SÜNDIKAADI SISUS */
	font: 400 14px/19px Lato, sans-serif; 	
	text-decoration: none; 
	color: #316285 }

.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: #333 }

.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: #333 ;
	font-weight: normal; 	display: block; text-decoration: none  }

.syndic_date, .syndic_date a {
	display: block;
	font: normal 10px verdana; color: #333 }

.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: 310px; } 	

}

#kimberly, #kimberly a {
	font: 300 19px/24px Lato, sans-serif;
	color: #dbcfb1; } /* |½ KIMBERLY külgveeru kontakt text color |½*/

#kimberly { /* ## KIMBERLY ####################################### KIMBERLY */
	background: #316285 /*url('graaf/wendy.jpg') 0px -30px no-repeat*/; 
	padding:0px; margin:0px; 
	border-top-left-radius: 7px;
	border-bottom-left-radius: 7px;
	margin-left: 10px; padding: 8px 10px 12px 20px; } 

#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 {
	margin: 15px 0px 5px 10px; }

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

#ursula {
	padding-bottom: 0px; }

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

#sonja {
	display: inline-block; 
	float: right; padding: 0px; margin:0px;  
	width: 115px; }

#sonja a {
	background: #316285 url('graaf/spritels.png');  
	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: 645px } 

/*######### 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 0px;}	

@media only screen and (max-width: 1023px) {
#cal { display: none; }} 

#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 {
	padding-left: 80px; 
	color: white; 
	text-align: center;
	vertical-align: middle; }

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

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

#tdhighl a, .tdhighl a {
	font-weight: normal; 
	color: #316285 } 

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

.cmpl a {
	color: #316285; }

html>body .cmpl {
	width:207px }

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

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


#korv {
	float: left; margin-top: 8px; margin-left: 150px; padding-bottom: 8px; 
	font: normal 12px/18px verdana;
	color: #95947e;
	z-index:5  }

#korv a {
	color: #95947e;
	font-weight: normal; }

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


#mrkspilv {
	color: #316285;
	text-align: center;
	margin-top: 10px; 
	margin-bottom: 12px; }

#mrkspilv a:link {
	color: #316285; 
	text-decoration: none }

#mrkspilv span {
	display: inline-block; margin: 2px; 
	color: #316285; }

@media only screen and (max-width: 1023px) {
#mrkspilv { display: none; }} 

#mrkspilv a:hover {
	text-decoration: underline }

.ulabel {
	display: inline-block; 
	color: white;
	background: url('graaf/label_back.png') left center no-repeat;
	font: normal 10px/11px verdana; 
	padding: 3px 12px 4px 20px; }

#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: #333 }

#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;
	}


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


.submit { 
	border:solid 1px #316285; 
	background:#316285; 
	font: normal 11px/11px verdana; 
	height:24px; 
 	cursor:pointer;
	text-align: center;
	color:#fff;
	vertical-align:middle;
	padding:3px 10px 5px 10px; 
/*background: #efb55d;
background: -moz-linear-gradient(top,  #efb55d 0%, #a8833f 50%, #a37530 51%, #e9d4b3 100%);
background: -webkit-gradient(linear, left top, left bottom, color-stop(0%,#efb55d), color-stop(50%,#a8833f), color-stop(51%,#a37530), color-stop(100%,#e9d4b3));
background: -webkit-linear-gradient(top,  #efb55d 0%,#a8833f 50%,#a37530 51%,#e9d4b3 100%);
background: -o-linear-gradient(top,  #efb55d 0%,#a8833f 50%,#a37530 51%,#e9d4b3 100%);
background: -ms-linear-gradient(top,  #efb55d 0%,#a8833f 50%,#a37530 51%,#e9d4b3 100%);
background: linear-gradient(to bottom,  #efb55d 0%,#a8833f 50%,#a37530 51%,#e9d4b3 100%);
filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#efb55d', endColorstr='#e9d4b3',GradientType=0 );*/
}


.frontlogin .submit, .bluebutton a {
	display: inline-block; 
	color: white; height: auto; 
	font: 400 14px Lato, sans-serif;
	text-transform: uppercase;
	text-decoration: none; 
	background: #099dd3;
	box-shadow: 0 4px 8px 0 rgba(0, 0, 0, 0.1), 0 6px 20px 0 rgba(0, 0, 0, 0.05);
	border-radius: 5px; 
	padding:12px 25px 12px 25px;  }

.frontlogin .submit:hover, .bluebutton a:hover { 
	background:#0582b0; 
	box-shadow: 0 4px 18px 0 rgba(0, 0, 0, 0.1), 0 6px 20px 0 rgba(0, 0, 0, 0.15); }

.frontlogin .input {
	height: auto; 
	font: 400 14px Lato, sans-serif;
	padding:12px 25px 12px 25px; }


p {	margin: 0; 
	padding: 0;}

#timer {
	position: absolute; 
	bottom: 1px; left: 2px; 
	color: #000000; 
	font: normal 9px verdana; }

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

.query_head {
	color: #bb8945;
	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: #fff; } /* |½ ADMIN logout upper right |½*/


#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 */
	width: 100%;
	position: relative; 
	z-index: 5;
	font: normal 11px/16px verdana;
	background: #4a5d7e url('graaf/wendy.png') center 0px repeat/**/;
	color: #dedede; 
/*	box-shadow: 0px 0px 18px #9b9b7f;*/
	padding: 10px 0px 50px 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);*/  } 

#wendy_i {
	padding: 0px 15px; }

#wendy a {
	color: #dedede; font-weight: normal;  } 

@media only screen and (max-width: 600px) {
#wendy a { display: inline-block; margin: 0px 0px 9px 9px }} 
#may {
	top: -2935px; width: 318px;  }
#zara { /* ## ZARA ##################################################### ZARA */
/*	background: 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: #333; } 

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

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

h4, h4 a {
	display: inline-block; 
	font-weight: normal;
	text-decoration: none;
	color: #333; 
	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: 15px; height: 15px;
	font: normal 36px verdana;   
	overflow: hidden }

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

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

body.mceContentBody .wendy_col a {
	color: #dedede; }

p {	margin: 0; 
	padding: 0;}

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

.bot_header, .bot_header a {
	color: #f9b83d;
/*	text-shadow:2px 2px 8px #82795e;*/
	font: 400 20px/24px Lato, sans-serif; }

.wendy_col { /* ## WENDY COL ############################################ WENDY COL */
	width: 224px; margin: 5px 15px 10px 0px; 
	display: inline-block;
	vertical-align: top;   
	padding: 5px 6px; 
	font: normal 11px/16px verdana;
	color: #dedede;
	text-align: left; 
	/*background: rgba(0,0,0,.1)*/ } 

.wendy_col2 {
	width: 460px; 
	text-align: left; display:inline-block; 
	margin-top:30px; 
	vertical-align: top;
/*	border:solid 1px red; */}

@media only screen and (max-width: 600px) {
.wendy_col2 { display: block; width: auto }}


body.mceContentBody2 {
   background: #fff; 
	color: #333;
	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: #333;
	font: normal 10px/16px verdana;}

.bot_content2 a {
	text-decoration: underline }

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