@charset "utf-8";
/* CSS Document */

html { overflow: -moz-scrollbars-vertical; } /* show scrollbar */

body {font-family: Arial, Helvetica, sans-serif; font-size: 12px; color: #3D3C3F; padding: 0; margin: 0}

form {margin: 0; padding: 0}

button, input, select, textarea {font-family: Arial, Helvetica, sans-serif; font-size: 12px; margin: 0}

hr {color: #C0C0C0; height: 1px}

#sisutaust_vahe {float: left; padding: 0 0 22px 0;}

#sisutaust {float: left; width: 900px; background: url(../img/sisuleht.gif) repeat-y}

#sisu2 {width: 900px; float: left;}

#sisupais {width: 900px; padding: 0px 0px 22px 0px; background-color: #ffffff;}

#bannerbox {width: 225px; float: left;}

#main {margin: auto; width: 900px; background: url(../img/main.gif) #FFF repeat-y top right; overflow: hidden;}
#main2 {margin: auto; width: 900px; background: url(../img/main2.gif) #FFF no-repeat top right; overflow: hidden;}

#main_variall {width: 900px; background: url(../img/main_variall.gif) no-repeat bottom center; padding: 0 13px 14px 13px; overflow: hidden;}

.album {margin:auto;}

/* Sisu */

#sisu {width: 900px; background: #FFF; overflow: hidden;}

#pais {width: 900px; height: 84px; overflow: hidden}

#logo {float: left}



/* Menüü */

#navmenu_line {background: #F0F0F0; width: 900px; height: 33px; overflow: hidden;}

#navmenu {width: 815px; height: 33px; float: left; overflow: hidden;}

#languages {float: right; width: 75px; text-align: right}

#languages a {display: block; line-height: 33px; padding: 0 4px; float: left; color: #3D3C3F}

#languages a.aktiv {font-weight: bold}

.menulevel1 {display: block; padding: 0 6px 0 16px; height: 33px; line-height: 33px; font-weight: bold; color: #3D3C3F; text-decoration:none; text-transform: uppercase}

.menulevel1:hover {text-decoration: none; color: #C70911}

.menulevel1_aktiv{display: block; padding: 0 6px 0 16px; height: 33px; line-height: 33px; font-weight: bold; color: #C70911; text-transform: uppercase}

/* Aadressiriba */

#aadress {background: #303030; padding: 0 0 1px 0; width: 900px; float: left;}

#aadress_joon {border-bottom: 1px solid #202020; padding: 17px 18px 12px 18px; width: 864px; overflow: hidden}

/* Aadressiriba > Otsing */

#otsing {float: right}

#otsing_box {background: url(../img/otsing_box.gif) repeat-x top center; padding: 1px}

#otsing_box a {color: #929292}

input.formsearch {background: #6E6E6E; color: #000; border: none; width: 92px; height: 15px; padding: 0 4px}

input.textsearch {color: #4F4F4F; vertical-align: text-bottom}

#asukoht {float: left; color: #929292; font-size: 11px}

#asukoht ul {margin: 0; padding: 0; list-style: none}

#asukoht ul li {float: left; margin: 0; padding: 0 36px 0 0}




.backbody {
	background: #FFFFFF;
}

.backlight {
	background: #F9F9F9;
}

.backmedium {
	background: #F0F0F0;
}

.backwhite {
	background: #FFFFFF;
}

.bodytextlight {
	color: #666666;
	font-size: 11px;
}

#bodytable {
	border: 1px solid #E1E1E1;
}

.borderbottom {
	border-bottom: 1px solid #DCDCDC;
}

.bordertop {
	border-top: 1px solid #DCDCDC;
}

.bordercolor {
	border: 1px solid #DCDCDC;
}

.formbutton {
	border: 1px solid;
	border-color: #CACACA #818181 #818181 #CACACA;
	background-color: #D8D8D8;
	background-image: url(../img/back_button.gif);
	height: 23px;
	padding: 1px 4px 2px 4px;
}

.formfield {
}

.formfield50 {
	width: 50px;
}

.formfield100 {
	width: 100px;
}

.formfield140 {
	width: 140px;
}

.formfield200 {
	width: 200px;
}

.formfield250 {
	width: 250px;
}

.formfield300 {
	width: 300px;
}


.menuback {
	background-color: #FFFFFF;
	width: 190px;
}

#menubox {
	width: 225px;
	padding: 0px 0px 0px 0px;
	float: left;
}

#menubox ul {margin: 0; padding: 5px 0px 30px 30px; list-style: none}

#menubox ul li {margin: 0; padding: 0}

#menubox ul a {display: block; padding: 0 0 0 13px; height: 16px; line-height: 16px}

.menulevel2 a {
	background: url(../img/nool.gif) no-repeat center left;
	text-decoration:none;
	color: #3d3c3f;
}

.menulevel2 a:hover {
	background: url(../img/nool_yle.gif) no-repeat center left;
	text-decoration:none;
	color: #C70911;
}

.menulevel2 a:active {
	background: url(../img/nool.gif) no-repeat center left;
	color: #3d3c3f;
	font-weight: bold;
}

.menulevel3 a {
	position: relative;
	left: 5px;
	color: #C61A22;
}

.menulevel3 a:hover,
.menulevel3-active a:hover {
	color: #C61A22;
	text-decoration: underline;
}

.menulevel3-active a {
	position: relative;
	left: 5px;
	font-weight: bold;
	color: #C61A22;
}

.menulevel4 a {
	position: relative;
	left: 20px;
	color: #3D3C3F;
	background: url(../img/nool.gif) no-repeat center left;
	background-position: 5px 6px;
}

.menulevel4 a:hover,
.menulevel4-active a:hover {
	text-decoration: underline;
}

.menulevel4-active a {
	position: relative;
	left: 20px;
	font-weight: bold;
	color: #3d3c3f;
	background: url(../img/nool.gif) no-repeat center left;
	background-position: 5px 6px;
}

.menulevel5 {
	border-bottom: 1px solid #DCDCDC;
	padding: 5px 5px 5px 36px;
	display: block;
	color: #000000;
}


.menuleveltop {
	padding-left : 5px;
	padding-right : 5px;
}

.navitheme {
	background: #C61A22;
}

.adminbutton {
	padding : 4px 6px 4px 6px;
	border : 1px solid Silver;
	border-top : 1px solid Silver;
	height: 23px;
	background-color: White;
}

.adminarea {
	border: 1px solid Silver;
	background-color: #D8D8D8;
	background-image: url(../img/back_button.gif);
	background-repeat: no-repeat;
}

.subtitle {
	color: #696969;
	font-size: 14px;
	font-weight: bold;
}

.textcomment {
	color: Red;
}

.textlang {
	color: Black;
}

.textlight {
	color: #B7B7B7;
}

.textred {
	color: #C22B2B;
}

.title {
	font-family: Arial, Helvetica, sans-serif;
	color: #3d3c3f;
	font-size: 16px;
	margin : 0;
	font-weight: bold;
}

.album_title {
	font-family: Arial, Helvetica, sans-serif;
	color: #c3c3c3;
	font-size: 16px;
	margin : 0px 0px -5px 18px;
	font-weight: bold;
}

.sisutekst {
	padding: 16px 30px 0px 20px;
}

.tabelauto {
	width : 100%;
	border-left: 1px solid #E1E1E1;
	border-right: 1px solid #E1E1E1;
	border-top: 1px solid #E1E1E1;
}

.tabelauto td {
	border-bottom: 1px solid #E1E1E1;
	vertical-align: top;
	padding : 3px;
}

.tabelautoodd {
	background-color: #F9F9F9;
}

#ankeet {
	background-color: #F8F8F8;
	border-left: 1px solid #D9D9D9;
	border-right: 1px solid #D9D9D9;
	border-top: 1px solid #D9D9D9;
}

#ankeet td {
	border-bottom: 1px solid #E3E3E3;
	border-top: 1px solid #FEFEFE;
	padding: 5px;
}

#bodytext {
	float:left;
	width: 675px;
}

#bodytext td {
	line-height: 18px;
}

#thumb {
	height: 126px;
}

#footer td {
	padding: 8px;
	background-color: #eeeeee;
}

#footer a {
	color: Black;
	}

.tabel {
	border-right: 0px solid #DCDCDC;
	border-top: 0px solid #DCDCDC;	
}

.tabel td {
	border-bottom: 0px solid #DCDCDC;
	border-left: 0px solid #DCDCDC;
	padding: 3px;
}

.tabelsmall {
	border-right: 1px solid #DCDCDC;
	border-top: 1px solid #DCDCDC;	
}

.tabelsmall td {
	border-bottom: 1px solid #DCDCDC;
	border-left: 1px solid #DCDCDC;
	padding: 2px;
	font-size: 11px;
}

.tabelclear td {
	font-size: 11px;
}

.tabel2 {
	border-left: none;
	border-right: none;
	border-top: none;
	padding: 3px;
	margin : 0;
}

.tabel2 td {
	border-bottom: none;
	padding: 3px;
}

#title {
	border-bottom: 0px solid #E1E1E1;
	padding: 0px 20px 0px 20px;
}

/************* DROPDOWNMENU ************************************************/
	
.menu {background-color: #FFF; opacity: .85; filter: alpha(opacity=85); margin: 0px 0px 0px 0px; width: 100%}

.menu .raam {border-left: 1px #D1D1D3 solid; border-bottom: 1px #D1D1D3 solid; border-right: 1px #D1D1D3 solid; padding: 0px 0px 0px 0px; overflow: hidden}

.menu .raam_hor {border-left: 1px #D1D1D3 solid; border-bottom: 1px #D1D1D3 solid; border-right: 1px #D1D1D3 solid; padding: 10px 0px 5px 0px; overflow: hidden; width: 913px}

.menu .options {width: 100%}
	
.menu .options .active {font-weight: bold;}	

.menu .options_hor {width: 91px; height: 80px; float: left; text-align: center; display: block}

.menu a {color: #3D3C3F; display: block; line-height: 23px; text-decoration: none; padding: 0 0 0 10px; width: 100%}
	
.menu a:hover {color: #C70911; text-decoration: none}

/************* DROPDOWNMENU ************************************************/

.login {
font-family:Verdana, Arial, Helvetica, sans-serif;
font-size: 9pt;  
color: #669900;
}

.login_sc {
border-bottom: 1px dotted;
}


a.log {color: #0033FF; text-decoration: none}

a.log:hover {color: #0033FF; text-decoration: underline}

a.copyright{color: #cccccc; text-decoration: none}
a.copyright:hover {color: #666666; text-decoration: underline}

a.book {color:#0000FF; text-decoration: none}
a.book:hover {color: #0000FF; text-decoration: underline}
a book:visited {color: #0000FF; }

a.mail {color:#3d3c3f; text-decoration: none}
a.mail:hover {color: #3d3c3f; text-decoration: underline}
a.mail:visited {color: #3d3c3f; }

.menulevel22 a {
	text-decoration:none;
	font-weight:bold;
	color: #3d3c3f;
}

.menulevel22 a:hover {
	text-decoration:none;
	font-weight:bold;
	color: #C70911;
}

#menulevel22 td {
	padding: 8px;
	background-color: #eeeeee;
	}
	
input.log {
border: 1px solid;
border-color:#669900;
background-color:#FFFFFF;
font-family:Verdana, Arial, Helvetica, sans-serif;
font-size: 8.5pt;

}

submit.log {
border: 3px solid;
border-color:#669900;
background-color:#FFFFFF;
font-family:Verdana, Arial, Helvetica, sans-serif;
font-size: 8.5pt;
}

textarea.log  {
border: 1px solid;
border-color:#669900;
background-color:#FFFFFF;
font-family:Verdana, Arial, Helvetica, sans-serif;
font-size: 8.5pt;
}


td.sisuv {

border-right:1px solid #ededed;
vertical-align: top;
padding: 5px;
}

td.sisuvp {

border-left:1px solid #ededed;
vertical-align: top;
padding: 5px;
}

td.sisup {
vertical-align: top;
padding: 5px;
}

.sisutext {
	font-family:Tahoma, Arial, Helvetica, sans-serif;
	color: #333333;
	font-size: 13px;
	margin : 0;
	}
table.avaleht  {margin: auto; width: 895px; background: url(../img/avaleht.jpg) repeat-y top right; overflow: hidden;}

/* uusiskast*/
table.kasttop { padding: 5px 0px 0px 5px; width:225px; background: url(../img/kast_1.gif) #FFF no-repeat top left;}
table.kast { padding: 0px 0px 0px 5px;  background: url(../img/kast_3.gif) #FFF repeat-y ; }
table.kastbot { padding: 5px 0px 5px 5px; width:225px; background: url(../img/kast_2.gif) #FFF no-repeat top left;}

#hintbox{ /*CSS for pop up hint box */
position:absolute;
top: 0;
background-color: white;
width: 150px; /*Default width of hint.*/ padding: 3px;
border:1px solid gray;
font:normal 11px Verdana;
line-height:18px;
z-index:100;
border-right: 1px solid gray;
border-bottom: 1px solid gray;
visibility: hidden;
}
.hintanchor{ /*CSS for link that shows hint onmouseover*/
font-weight: bold;
color: navy;
margin: 3px 8px;
}


/********** Kalender *********************/
.sddm
{	margin: 0;
	z-index: 30}
	
.sddm div
{	position: absolute;
	visibility: hidden;
	margin: 0;
	padding: 0;
	background: #EAEBD8;
	border: 1px solid #5970B2}

	.sddm div a
	{	position: relative;
		display: block;
		margin: 0;
		padding: 5px 10px;
		width: auto;
		white-space: nowrap;
		text-align: left;
		text-decoration: none;
		background: #EAEBD8;
		color: #2875DE;
		font: 11px arial}
/*
	.sddm div a:hover
	{	background: #49A3FF;
		color: #FFF}
		
		*/

.cr{background-color:#b3cb37; color: #FFFFFF;}
.cb{background-color:#FF0000; color: #FFFFFF;}
.cg{background-color:#FFFFCC; color: #FFFFFF;}

.calendar {font-family: Verdana, Arial, Helvetica, sans-serif;	font-size: 11px;	color: #7c6f62;	 text-decoration: none;}
.calendar a:link {font-family: Verdana, Arial, Helvetica, sans-serif;	font-size: 11px;	color: #7c6f62;	text-decoration: none;}
.calendar a:visited {font-family: Verdana, Arial, Helvetica, sans-serif;	font-size: 11px;	color: #7c6f62;text-decoration: none;}
.calendar a:active {font-family: Verdana, Arial, Helvetica, sans-serif;	font-size: 11px;	color: #7c6f62;	 text-decoration: none;}
.calendar a:hover {font-family: Verdana, Arial, Helvetica, sans-serif;	font-size: 11px;	color: #7c6f62;	 text-decoration: none;}