/*****************
design Michael Ljungqvist (c) 2006 
juhlamintut.fi
*****************/

/*****************
Muokattu:07.12.2006
*****************/

/*****************
Rakenne
*****************/
  

body {
 	font-family: Verdana, Helvetica, sans-serif;
    font-size: 99%;
  	color:	#494848;
	margin: 0 0 0 0;
	padding: 0;
 	font-style: normal;
	font-weight: normal;
	background-image: url(../img/bg.jpg);
	background-repeat: repeat-x;
	background-color: #23673d;
	background-repeat: repeat-x;
	background-position: top center;
	}

 

div#header {
 
	height: 258px;
	width: 806px;
	background-image: url(../img/header_01.jpg);
	}
div#headerTilausravintola,div#headerTarjouspyynto,div#headerHinnasto {
 
	height: 258px;
	width: 806px;
	background-image: url(../img/header_02.jpg);
	}
div#headerTuotteet {
 
	height: 258px;
	width: 806px;
	background-image: url(../img/header_03.jpg);
	}
div#headerJuhlatila {
 
	height: 258px;
	width: 806px;
	background-image: url(../img/header_04.jpg);
	}
	
 
div#footer {
	clear: both;
 	height: 42px;
 	background: url(../img/footer.jpg);
 	background-repeat: no-repeat;
	background-position: bottom;
 	padding-top:10px;
 	 }
 
div#content {
	margin: 0em 0 2em 0;   /* some air above and under menu and content */
	background-repeat:repeat-x;
}

div#pagewrapper {
	border: 0px solid black;
	margin: 0 auto 10px auto;       /* this centers wrapper */
	width:806px;
	background: url(../img/tausta.jpg) repeat-y;
	}

div#main {
	margin-right:0px;
	margin-left:0px;
 	width: 806px; 
	float: left; 
}

 

div#oikea {
	float: left;       
   	width: 200px;     
  	padding:20px 0 0 25px;
	}
	
div#vasen {
 	padding:20px 0 0 20px;
	width: 520px; 
	float: left; 
	}
.text {
	padding:10px;
	}
/*****************
Vakiot
*****************/
a {
 	color:#238348;
	text-decoration: underline;

	}
a:active {
 	color:#238348;
	text-decoration: underline;
	}

a:visited {
 	color:#238348	;
	text-decoration: underline;
	}
a:hover {
 	color:	#83a63d;
 	text-decoration:none;
	}

h1 {
	font-family: "Trebuchet MS";
	margin: 0 -10px 0.15em;
	font-weight: normal;
 	padding: 0 10px; word-spacing: 0.05em;
 	color:#238348;
	}	

h2 {
	font-size:1em;
	color:#494848;
	font-weight:bold;
	}	

h3 {
 	font-size:0.8em;
	font-weight:bold;
	}

 
p, ul {
	margin-top:2px;
	font-size:0.85em;
	line-height:1.5em;
 	}

/*****************
Teksti maarittelyt
*****************/
.copy {
	text-transform:uppercase;
	border-top:1px #eee solid;
	color:#656565;
	text-align:center ;	
	padding:10px 20px 5px 20px;
	font-size:0.6em;
	letter-spacing:1px;
 	}
 
.nuoli {
	padding: .3em 0 .5em 32px;
	background:url(../img/nuoli.jpg) no-repeat left;
	}
	
 
fieldset {
 
	}
legend
{
	color: #fff;
	background: #238348	;
	border: 1px solid #D0D0BF;
	padding: 2px 6px
}
.hinta {
	font-size:0.9em;
	color: #000;
	text-align:right;
	font-weight:bold;
	}
.pakollinen {
	font-size:0.9em;
	color: red;
	}
.error {
	font-size:0.9em;
	color: red;
	}
.warn {
	font-size:0.9em;
	color: #238348;
	}
 	
.viiva {
	padding:8px 0 8px 0;
	border-bottom:1px solid #DDD;
	}
.backtotop{
	text-align:right;
	}
/*****************
Navigaatio
*****************/

#nav {
 	background-image:	url(../img/menubg.jpg);
 	height:32px;
 	background-repeat:	no-repeat;
	padding:0 0 0 10px;
 	margin:0;
 	width:806px;
 	}



#nav ul {
	list-style-type:none;
	display:inline;
	margin:0;
	padding:0;
	}

#nav li {
	display:inline;
	color: #666666;
	font-size: 0.9em;
	margin:	0 20px 0 0;
	}

#nav a {
	display:block;
	float:left;
	width:131px;
	height:32px;
	background-image:	url(../img/nappi_tyhja.jpg);
	background-repeat:	no-repeat;
	color:	#FFF;
	padding:4px 0 0 0;
	margin:	0;
	line-height:33px;
	text-decoration:none;
	text-align:	center;
	}

#nav a:visited {
	display:block;
	float:left;
	width:131px;
	height:32px;
	background-image:	url(../img/nappi_tyhja.jpg);
	background-repeat:	no-repeat;
	color:	#FFF;
	padding:4px 0 0 0;
	margin:	0;
	line-height:33px;
	text-decoration:none;
	text-align:	center;
	}

#nav a:active {
	display:block;
	float:left;
	width:131px;
	height:32px;
	background-image:	url(../img/nappi_tyhja.jpg);
	background-repeat:	no-repeat;
	color:	#FFF;
	padding:4px 0 0 0;
	margin:	0;
	line-height:33px;
	text-decoration:none;
	text-align:	center;
	}

#nav a:hover {
	color:	#EEE;
	}

#nav a.valittu {
	background-image:	url(../img/nappi_aktiivi.jpg);
	color:	#83a63d;
	}
#nav a.valittu:visited {
	background-image:	url(../img/nappi_aktiivi.jpg);
	color:	#83a63d;
	}
#nav a.valittu:active {
	background-image:	url(../img/nappi_aktiivi.jpg);
	color:	#83a63d;
	}
#nav a.valittu:hover {
	background-image:	url(../img/nappi_aktiivi.jpg);
	color:	#83a63d;
	}


/*****************
Extra
*****************/

img {
	border: 0;
	} 

/********************
tablet
********************/
 table.tuote {
	font-size:0.8em;
    margin:10px 10px 10px 0px;
	border: none;
	padding:5px;
	color: #000;
	text-align:center;
    }