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

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

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

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

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

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

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

.pealkiri {
	font: 400 28px/36px lato; 
	margin-top: 6px;
	margin-bottom: 3px;	padding:0px;
	color: #c5b591; } 

.sissejuhatus {
	font: 400 22px/27px lato;
	padding:0px; margin:0px; padding-bottom:4px;
	color: #37332a }

.alapealkiri {
	font: 400 23px/32px lato; 
	color: #e0a905 }

.quote {
	font: normal 28px 'Dancing Script', cursive;
	color: #60bb48;
	display: inline-text;
	background: url('graaf/logo.png') -350px -500px;
	float: right;
	width: 315px; 
	padding: 15px 0px; 
	margin: 12px 0px 0px 20px; 
	text-indent: 70px; } 

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

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

.codewizard {
	font: normal 10px/16px verdana;
	background-color: #fdfbf2;
	color: #5e5027;
	margin: 10px 0px 15px 25px;
	border-left: solid 3px #ffc722;
	padding: 5px 15px 8px 20px; }

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

body.mceContentBody {
 	background: #ffffff; 
}


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

body { 
	font: normal 17px/24px Arial, Helvetica, sans-serif;
	background: #fff; /*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: 1080px) {
body { 
	overflow-x: hidden; /*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: #ece3bc;
	z-index: 12;
	margin:0;
	padding:0; }

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



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

@media only screen and (min-width: 1025px) {
#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: 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: 8px;  
/*	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;  }

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

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

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

#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: -38px; } 

#susie {
	display: none; float: left; 
	margin-top: 6px; margin-left: 70px; 
	width: 240px;
	margin-bottom: 0px; }

#susie p, #susie {
	color: #231f20; 
	font: 300 24px/24px Lato, sans-serif; /*	font: 400 18px/18px Lato, sans-serif; */}

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

#susie p {
	font: 300 62px/62px Lato, sans-serif; /*	font: 400 45px/45px Lato, sans-serif;*/ 
	margin:0px; padding:0px;
	position: relative; top: -14px; margin-bottom: -14px;
	color: #fff0bf; text-shadow:0px 0px 10px #555;  }

#susie b {
	font: 300 24px/24px Lato, sans-serif;
	display:block; text-align: right; margin-right: 5px; }

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

#olivia { /* ## OLIVIA ################################################## OLIVIA */
	width: 150px; height: 34px; margin-top: 0px;
	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') -845px -40px 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:#8a6800; 
	-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;}

.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: 2px 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: #aed4f6; /* |½ 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 -180px repeat; /*|½ HANNA full background |½*/ 
	border-top: solid 6px #231f20; /*
	border-left: solid 1px #000; 
	border-right: solid 1px #000;*/
	margin-bottom:0px;
	color: #fff; 
	padding: 2px 0px 8px 0px; 	
	margin-top: 7px;
	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: 1024px) {
#hanna { padding: 8px 0px 14px 0px; }}

#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 22px/22px Lato, sans-serif;
	color: #fff; /* |½ HANNA lingi värv |½*/
	margin: 6px 2px 1px 2px;
	padding: 2px 16px 5px 16px; 
	text-decoration: none }

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

#hanna a:hover, #hanna .lMActive {
/*	border-top: solid 1px #2e2920; 	border-left: solid 1px #2e2920; 	border-right: solid 1px #2e2920;*/
	color: #231f20; /* |½ HANNA link hoover ja active värv |½*/
	border-radius: 4px;
	text-decoration: none;
/*	padding: 2px 15px 5px 15px; 
	border: solid 1px #694807; */
/*	background: #bb9d62 url('graaf/ha.png'); |½ HANNA lingi background |½*/ } 

.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:#231f20; 
	text-decoration: none;}

#hanna .tnp a:hover,  #hanna .tnp .tnpActive {
	color: #e0a905; 
	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 {
	width: 100%; 
	position: relative; z-index: 11;
	display: block;
    height: 300px;
	background:url('graaf/susanna.jpg') top center no-repeat;
	background-size: 100% auto;
/*  padding-top: 28%; 
	display: block;
    height: 0; 
	background-image:url('graaf/susanna.jpg');
    background-repeat:no-repeat;
    background-size:contain; */ }

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

.fionSsisu {
	display: none; }

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

.fionSfirst {
	font: normal 26px Lato, sans-serif;
	color: #001f6e }
	

.fionSsisuNupp {
	margin-top: 8px; 
	display: inline-block; text-decoration:none; 
	font: normal 18px Lato, sans-serif;
	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 Lato, sans-serif; }
.fionSfirst { font: normal 16px Lato, sans-serif;  } } 

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

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

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

#megan ul, #megan ol {
	list-style-position: inside;
	padding: 10px 0px 15px 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; 
	font:normal 10px/10px verdana;
	color:#c6c0af; }

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

/*@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: -50px; 
		max-width: 645px }

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

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

#lM a:hover, #lM .lMActive {
	color: #e0a905;
	background:  url('graaf/logo.png') -754px -493px 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;
	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: 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: #e0a905 }

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

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

.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 18px/22px Lato, sans-serif; 	
	text-decoration: none; 
	color: #e0a905 }

.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 {
	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 18px/22px Lato, sans-serif;
	color: #fff; } /* |½ KIMBERLY külgveeru kontakt text color |½*/

#kimberly { /* ## KIMBERLY ####################################### KIMBERLY */
/*	background: #3c3c3c url('graaf/wendy.jpg') 0px -30px no-repeat*/; 
	background: #e0a905; /* |½ Kimberly background color |½*/   
	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 {
	text-align: center; 
	margin: 15px 10px 5px 0px;
	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 a {
	background: url('graaf/logo.png'); 
	background-color: #e0a905; /* |½ 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: 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 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: #c5b591; 
	margin-top: 4px }

.an { /* aasta nimetus sündikaadis */
	color: #c5b591; 
	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 {
	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: #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 #e0a905; 
	background:#e0a905; 
	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 );*/
}

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: #37332a;
	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 |½*/


#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 #edc547; /* |½ WENDY border-top color |½*/
	width: 100%;
	position: relative; 
	z-index: 5;
	font: normal 11px/16px verdana;
	background: #1d1914 url('graaf/wendy.jpg') center 0px no-repeat;
	color: #f0cc59; 
/*	box-shadow: 0px 0px 18px #9b9b7f;*/
	padding: 60px 0px 120px 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: #f0cc59; font-weight: normal;  } 
#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: #968f77; } 

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

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

h4, h4 a {
	display: inline-block; 
	font-weight: normal;
	text-decoration: none;
	color: #968f77; 
	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'); position: relative; left: -985px; top: -1065px }
body.mceContentBody {
   background: #1d1914 /*url('graaf/wendy.jpg') 0px -15px no-repeat*/;  
	padding:0px; margin:0px; }

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

p {	margin: 0; 
	padding: 0;}

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

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

.wendy_col { /* ## WENDY COL ############################################ WENDY COL */
	width: 224px; margin: 5px 15px 10px 0px; 
	float: left; 
	padding: 5px 6px; 
	font: normal 11px/16px verdana;
	color: #f0cc59;
	text-align: left; 
	/*background: rgba(0,0,0,.1)*/ } 
body.mceContentBody2 {
   background: #fff; 
	color: #968f77;
	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: #968f77;
	font: normal 10px/16px verdana;}

.bot_content2 a {
	text-decoration: underline }

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