body{
	font:12px Arial;
	background:url(body_bg.gif) repeat;
}
.logo{
	height:158px;
	background:#FFF url(food4.jpg) no-repeat;
}

.konteiner{
	margin-left:auto;
	margin-right:auto;
	border: 1px dotted #CCC;
	background:#FFF;
}
.konteiner1{
	height:200px;
	background:#ECEDF0;
}

.konteiner2{
	height:200px;
	background:#FFFEEB;
}

.konteiner3{
	height:200px;
	background: #E8FFE6;
}

/*Parem esimene tulp*/
.paremTop{
	background:url(RightTitleBg.png) no-repeat;
	height:24px;
	text-align:left;
	text-indent:10px;
	font-weight:bold;
}

.paremSisu{
	border-right:1px solid #CCC;
	background: #fffeeb;
}

.paremTop2{
	background:url(RightTitleBg2.png) no-repeat;
	height:24px;
	text-indent:10px;
	font-weight:bold;
}

.paremSisu2{
	background: #e8ffe6;
}

.chromestyle ul li a:hover, .chromestyle ul li a.selected{ /*script dynamically adds a class of "selected" to the current active menu item*/
background: #bdbcf6; /*THEME CHANGE HERE*/
color:#000;
}

.chromestyle ul{
background: #9493ca; /*THEME CHANGE HERE*/
padding: 4px 0;
margin: 0;
font: 14px Verdana;
color:#FFFFFF;
text-align: center; /*set value to "left", "center", or "right"*/
}


.chromestyle:after{ /*Add margin between menu and rest of content in Firefox*/
content: "."; 
display: block; 
height: 0; 
clear: both; 
visibility: hidden;
}


.chromestyle ul li{
display: inline;
}

.chromestyle ul li a{
color: #FFF;
padding: 4px 7px;
margin: 0;
text-decoration: none;
border-right: 1px solid #DADADA;
}

/* ######### Style for Drop Down Menu ######### */

.dropmenudiv{
position:absolute;
top: 0;
border: 1px solid #BBB; /*THEME CHANGE HERE*/
text-align:left;
border-bottom-width: 0;
font:normal 12px Verdana;
line-height:18px;
z-index:100;
background-color: white;
width:130px;
visibility: hidden;
}


.dropmenudiv a{
display: block;
text-indent: 3px;
border-bottom: 1px solid #BBB; /*THEME CHANGE HERE*/
padding: 2px 0;
text-decoration: none;
font-weight: bold;
}

* html .dropmenudiv a{ /*IE only hack*/
width: 100%;
}

.dropmenudiv a:hover{ /*THEME CHANGE HERE*/
background-color: #F3F4EC;
padding: 2px 2px 2px 3px;
}

a{
	text-decoration:none;
	color: #005B5B;
	font:  12px Verdana;
	padding-left:6px;
	padding-right:6px; 
}

a:hover {
	text-decoration: underline;
	color: #800000;
	padding-left:6px;
	padding-right:6px; 
}

.a2{
	text-decoration:none;
	color: #739EAC;
	font: 14px Verdana;
	font-weight:400;
}

.a2:hover {
	text-decoration: underline;
	color:#842b0c;
}

.pildiinfo{
	margin:10px auto;
	text-align:left;
	padding:1px;
}
.pildiinfo img {
	float:left;
	margin:5px;
	display:inline;
	border:3px solid #60777D;

}
.pildiinfo img:hover{
	border:3px solid #CB8E34;

}
.pildiinfo ul{
	font-size:12px Arial;
	font-weight:bold;
	margin:0;
	padding:0;
	list-style:none;
}
.pildiinfo ul li{margin:2px 0}

.pildiinfo ul{
 overflow:auto;/* this is the key for good browsers*/
}

.tekst{
	font:10px Verdana;
	border:1px solid #CCC;
	width: 130px;
}
/*retsept.php*/
.retsept{
	border-bottom:1px dashed #999;
	font: 12px Verdana, Geneva, sans-serif;
	text-align:left;
	padding-left:17px;
}
.retsept1{
	width:170px;
	border:1px solid #CCCCCC;
	padding-left:5px;
	text-align:left;
}
.retsept2{
	background-color:#BDAEC6;
	border-bottom:2px solid #000;
    font:12px Arial, Helvetica, sans-serif;
	text-align:left;
	padding-left:7px;
	font-weight:bold;
	text-transform:uppercase;
}

/*kommentaar.php*/
.title5{
	font-weight:bold;
	padding-left:25px;
	vertical-align:top;
	padding-top:2px;
}
/*kategooria.php*/
.title{
	text-align:left;
	text-transform:uppercase;
	background: url(tulpTop.gif) repeat-x;
}
.title a{
	font:13px Verdana;
	color:#FFF;
}
.title a:hover{
	color: #000;
}



input[type="submit"], input[type="button"]{
	background: url(../icons/submit_bg.gif);
	height:20px;
	font-size:12px Arial; 
	padding: 1px 2px;
	border: 1px  solid #004080;
	color:#004080;
	text-decoration: none;
	cursor: pointer; /* hand-shaped cursor */
}

input[type="submit"]:hover, input[type="button"]:hover{
	background: url(../icons/submit_bg.gif);
    border:1px solid #A32330;
    color: #9B0F1D;
}

input[type="text"], input[type="password"]{
	width:120px;
	height:16px;
	border:1px solid #800040;
	font:10px Verdana, Geneva, sans-serif;
}
input[type="text"]:hover, input[type="password"]:hover{
	background:#FFC;
}

textarea {
        width: 300px;
        height: 100px;
        border: 2px solid #cccccc;
        padding: 5px;
        font-family: 12px Tahoma, sans-serif;
		resize: none !important;
}
/*show/hide*/
 .more {
      display: none;
 }
 /*Teateaken  minumenuu.php*/	
.transparent {
	opacity: 0.9;
	-moz-opacity: 0.9;
	-khtml-opacity: 0.9;
	filter: alpha(opacity=90);
    background-color: #DADFC4;
    display:none;
    position:absolute;
    color: #1D1D1D;
    border: 1px solid #008000;
	text-align:left;
	padding:4px 14px 4px 14px;
}
/*haldus.php*/
.haldus a{
	text-transform:uppercase;
	font: 12px Arial;
	color:#556929;
	font-weight:bold;
}
.haldus a:hover{
	color: #F90;
	text-decoration:underline;

}


.haldus1{
	height:26px;
	text-align:left;
	margin-left:auto;
	margin-right:auto;	
	border-bottom:3px dotted #800000;
	text-transform:uppercase;
	color: #746F10;
	font-weight:bold;
}

/*reavärv vahelduv*/
.hele{
	background:#F6F9ED;
	border-bottom:1px dashed #C4DB8F;
}

.strength0{
        width:150px;
        background:#cccccc;
}

.strength1{
        width:30px;
        background:#ff0000;
}

.strength2{
        width:50px; 
        background:#FFA500;
}

.strength3{
        width:80px;
        background:#56e500;
}

.strength4{
        background:#4dcd00;
        width:100px;
}

.strength5{
        background:#399800;
        width:150px;
}