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

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

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

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

.pealkiri {
	font: 300 36px/42px Oswald, sans-serif; 
	margin-top: 6px;
	margin-bottom: 3px;	padding:0px;
	color: #4762a7; } 

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

.alapealkiri {
	font: 300 28px/36px Oswald, sans-serif;
	color: #628a0d;}

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

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

.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: #fff url('graaf/norma.jpg') center -788px fixed no-repeat;
	z-index: 12;
	margin:0;
	padding:0; }

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

#naomi { /* ## NAOMI #################################################### NAOMI */
	background: url('graaf/naomi.png') center 0px repeat-x fixed;
	padding: 0px; 
	margin:0px; }

#lorengreener {
	background: url('graaf/lorengreener.png') center 0px repeat-x fixed; }

@media only screen and (max-width: 1024px) {
#lorengreener {	background: url('graaf/lorengreener.png') -448px 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: 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;  }

#cristina a {
	color: #001f6e; 
	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: 100px; }}

#loren { /* ## LOREN ##################################################### LOREN */
	width: 320px; height: 114px;
	float: left;
	overflow:hidden;
	margin:0px; padding:0px;
	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/loren.png'); } 

#susie {
	display: none; float: left; 
	position: relative;
	top:5px;  
	margin-top: 0px; margin-left: 80px; 
	width: 450px;
	margin-bottom: -10px; }

#susie p, #susie {
	font: 400 34px/34px 'Dancing Script', 'Arial Narrow', Calibri;
	color: #001f6e; }

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

#susie p {
	font: 400 55px/55px 'Dancing Script', 'Arial Narrow', Calibri;
	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: 34px; 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/olivia.png') 3px 4px 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:#5d6600; 
	-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;}

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

.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: #001f6e; /*|½ 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: 14px;/**/
	position: relative; 
	z-index: 12;
	clear: both; 
	border-bottom: solid 4px #e0e0e0; /**/
/*-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 { }}

#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 Oswald, sans-serif;
	color: #fff; /* |½ 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 Oswald, sans-serif; }}

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

#hanna a:hover {
	color: #fff; 
	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-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:#001f6e; 
	text-decoration: none;}

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

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: url('graaf/megan.png') center -20px repeat-x;
	position: relative; 
/*	box-shadow: 0px 0px 18px #9b9b7f;*/
	top: -90px;
	padding-top: 15px;
	z-index: 4; }

#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; 
	font:normal 10px/10px verdana;
	color:#84a245; }

#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: 13px;
	color: #84a245 }

/*@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/spritels.png') -120px -48px no-repeat; 
	display: inline-block; 
	height: 20px; width: 57px;
	margin: 0px 10px 0px 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: #001f6e; 
/*	background: #ffffff; |½ VIRGINIA vertic link background |½*/
	text-decoration: none; }

#lM a:hover, #lM .lMActive {
	color: #628a0d;
	background:  url('graaf/va.jpg') 0px 7px 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; }

}

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

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

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

.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: 300 22px/26px Oswald, sans-serif; 	
	text-decoration: none; 
	color: #628a0d }

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

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

.varvisilt {
	background: url('graaf/wendy.jpg'); color: white;
	font: normal 12px/12px arial; display: inline-block; 
	padding: 2px 12px 3px 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 Oswald, sans-serif;
	color: #525252; } /* |½ KIMBERLY külgveeru kontakt text color |½*/

#kimberly { /* ## KIMBERLY ####################################### KIMBERLY */
	background: #e9e9e9 /*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: #525252; 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: #628a0d 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 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: #4762a7; 
	margin-top: 4px }

.an { /* aasta nimetus sündikaadis */
	color: #4762a7; 
	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 #52740a; 
	background:#628a0d; 
	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: #333;
	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: #001f6e; } /* |½ 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 #e9e9e9;
	width: 100%;
	position: relative; 
	z-index: 5;
	font: normal 11px/16px verdana;
	background: #b4c503 url('graaf/wendy.jpg') center 0px no-repeat/**/;
	color: #ffffff; 
/*	box-shadow: 0px 0px 18px #9b9b7f;*/
	padding: 30px 0px 40px 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: #ffffff; 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: #a7b710; } 

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

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

h4, h4 a {
	display: inline-block; 
	font-weight: normal;
	text-decoration: none;
	color: #a7b710; 
	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: #b4c503 /*url('graaf/wendy.jpg') 0px -15px no-repeat*/;  
	padding:0px; margin:0px; }

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

p {	margin: 0; 
	padding: 0;}

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

.bot_header, .bot_header a {
	color: #f4ff7b;
	text-shadow:2px 2px 5px #596105;/**/
	font: 300 22px/26px Oswald, 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: #ffffff;
	text-align: left; 
	/*background: rgba(0,0,0,.1)*/ } 
body.mceContentBody2 {
   background: #fff; 
	color: #a7b710;
	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: #a7b710;
	font: normal 10px/16px verdana;}

.bot_content2 a {
	text-decoration: underline }

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