/* standard elements */
* {
 margin: 0;
 padding: 0;
}

a {text-decoration: none;}

body {
 margin: auto;
 max-width: 90%;
 min-width: 60%;
 background: #fff;
 font: normal 62.5% "Arial";
}

p,ul {
 background: #fff;
 color: #000;
 font-size: 1.2em;
 padding-bottom: 1.2em;
}

img {border: none;}

ul {margin-left: 2em;}
h1 {font: normal 1.6em Arial,sans-serif;}
h2 {
 font: bold 1.4em Arial,sans-serif;
 padding-bottom: 4px;
}
h3 {
 font: bold 1.3em Arial,sans-serif;
 padding-bottom: 4px;
 color: #ccc;
}

#paivays {
 font: bold 1.0em Arial,sans-serif;
 padding-top: 4px;
 color: #C0C0C0;
}


/* misc */
.clearer {clear: both;}
.stripes {
 background: #333;
 height: 6px;
}
.left {float: left;}
.right {float: right;}

/* header */
.y1 {
 background: #fff url(../layout/header2011.jpg) no-repeat center top;
 border-bottom: 1px solid #C0C0C0;
 height: 150px;
}

/*.header {
 background: #fff url(../layout/motto.jpg) no-repeat center top;
 font: normal 2em "Arial Black",Gadget,sans-serif;
 color: #fff;
 height: 50px;
}*/

.header a {
 color: #888;
 display: block;
 line-height: 100px;
 text-decoration: none;
 width: 100%;
}
.header span {
 padding-top: 25px;
 padding-right: 53px;
 float: right; 
}

.header a:hover {
 background: #fff;
 color: #BBB;
}

/* structure */
.container {
 position:relative;
 margin-left: auto;
 margin-right: auto;
 margin-top: 2%;
 margin-bottom: auto;
/* width: 800px; */
 min-width: 600px;
 max-width: 65%; 
 border: 2px solid #C0C0C0;
 text-align: left;
}

.main {
 background: #fff;
}

.main .left {
 background: #fff; 
/* width: 175px; */
 width: 20%; 
 text-align: left;
 border-right: 0px solid #ccc;

}

.main .right {
 background: #fff; 
/* width: 625px; */
 width: 80%; 
 text-align: left;
 border-left: 0px solid #ccc;
}

.content {
 background: #fff;
 color: #000;
 padding-left: 12px;
 padding-top: 2px;
}

/* content elements */
.content h1 {
 font: normal 1.8em "Arial Black",Gadget,sans-serif;
 background: #fff;
 color: #3b51f3;
 margin-bottom: 10px;
 padding: 0 0 4px;
}
.content h2 {
 font: normal 1.4em "Arial Black",Gadget,sans-serif;
 color: #3b51f3;
 margin-bottom: 4px;
 padding: 6px 0 4px;
} 
.content h3 {
 font: normal 1.0em "Arial Black",Gadget,sans-serif;
 color: #3b51f3;
 margin-top: 2px;
 margin-bottom: 2px;
 padding: 6px 0 4px;
}

.content a {
 color: #777;
 text-decoration: none;
}

.content a:hover {color: #000; text-decoration: underline;}
/* .content a:visited {color: #CCC; text-decoration: none;} */
.content .descr {margin-bottom: 5px;}

/* bottom */
.bottom {
/* background: #fff url(layout/footer.png) no-repeat center top; */
 background: #fff;
 height: 20px;
 text-align: left;
 color: #3b51f3;
 clear: both;
 font-size: 1.2em;
}

.bottom span {
 padding-top: 2px;
 color: #3b51f3;
 padding-left: 12px;
 float: left; 
}

.bottom a {color: #3b51f3;}

/* navigaatio */
.menu a:link.valikko, a:visited.valikko {
 font-family: arial, verdana, helvetica, sans-serif;
 font-size : 10pt;
 font-weight: bold;
 color: #3b51f3;
 padding-left: 3px;
 text-decoration: none;
 letter-spacing: 1.4px;
}
.menu a:hover.valikko {
 font-family: arial, verdana, helvetica, sans-serif;
 font-size : 10pt;
 font-weight: bold;
/* color: #4074c0;*/
 color: #d3c1ff;
 padding-left: 3px;
 padding-top: 0px;
 text-decoration: none;
 letter-spacing: 1.4px;
}
#valittu {
 font-family: arial, verdana, helvetica, sans-serif;
 font-size : 10pt;
 font-weight: bold;
/* color: #4074c0;*/
 color: #d3c1ff;
 padding-left: 3px;
 padding-top: 0px;
 text-decoration: underline;
 letter-spacing: 1.4px;
}

.menu a:link.valikko2, a:visited.valikko2 {
 font-family: arial, verdana, helvetica, sans-serif;
 font-size : 8pt;
 font-weight: bold;
 color: #3b51f3;
 padding-left: 12px;
 text-decoration: none;
 letter-spacing: 1.4px;
}

.menu a:hover.valikko2 {
 font-family: arial, verdana, helvetica, sans-serif;
 font-size : 8pt;
 font-weight: bold;
 color: #d3c1ff;
 padding-left: 12px;
 padding-top: 0px;
 text-decoration: none;
 letter-spacing: 1.4px;
}

#valittu2 {
 font-family: arial, verdana, helvetica, sans-serif;
 font-size : 8pt;
 font-weight: bold;
 color: #d3c1ff;
 padding-left: 12px;
 padding-top: 0px;
 text-decoration: underline;
 letter-spacing: 1.4px;
}

.menu a:link.juttu {
 font-family: arial, verdana, helvetica, sans-serif;
 font-size : 8pt;
 font-weight: bold;
 color: #2858C0;
 padding-left: 3px;
 text-decoration: none;
 letter-spacing: 1.4px;
}

.menu a:visited.juttu {
 font-family: arial, verdana, helvetica, sans-serif;
 font-size : 8pt;
 font-weight: normal;
 color: #2858C0;
 padding-left: 3px;
 text-decoration: none;
 letter-spacing: 1.4px;
}

.menu a:hover.juttu {
 font-family: arial, verdana, helvetica, sans-serif;
 font-size : 8pt;
 font-weight: normal;
 color: #7391E5;
 padding-left: 3px;
 padding-top: 0px;
 text-decoration: none;
 letter-spacing: 1.4px;
}

#alavalittu {
 font-family: arial, verdana, helvetica, sans-serif;
 font-size : 8pt;
 font-weight: normal;
 color: #ccc;
 padding-left: 3px;
 padding-top: 0px;
 text-decoration: underline;
 letter-spacing: 1.4px;
}

/* lounaslaatikko */
.box {
 position:relative;
 margin-left: auto;
 margin-right: auto;
 margin-top: 1%;
 margin-bottom: auto;
 padding-left: 0px;
 border: 0px solid #aa470c;
 text-align: left;
 min-height: 60px;
 width: 220px;
}

.box p {
 margin-top: 1%;
 padding-left: 10px;
}

.box h1 {
 background: #fff url(layout/lunch.jpg) no-repeat left bottom; 
/* background: #fff; */
 min-height: 46px;
 font: normal 1.5em "Arial Black",Gadget,sans-serif;
 color: #aa470c;
 margin-top: 0;
}

.box2 {
 position:relative;
 margin-left: auto;
 margin-right: auto;
 margin-top: 1%;
 margin-bottom: auto;
 padding-left: 0px;
 border: 0px solid #aa470c;
 text-align: left;
 min-height: 60px;
 width: 220px;
}

.box2 p {
 margin-top: 1%;
 padding-left: 10px;
}

.box2 h1 {
     background: #fff url(layout/open.jpg) no-repeat left bottom;
     min-height: 46px;    
     font: normal 1.5em "Arial Black",Gadget,sans-serif;
     color: #aa470c;
     margin-top: 0;
}

code {
 background: #fff;
 color: #888;
 display: block;
 font: normal 1em "Lucida Sans Unicode",serif;
 margin-bottom: 12px;
 padding: 3px 6px;
 width: 220px;
 white-space: pre;
}

#imgrt{
 float: right;
 border: 0;
}

#imglt{
 float: left;
 border: 0;
}

/* b u t t o n s */
.upButton, A.upButton, A.upButton:link, A.upButton:visited{
	display:block;
	font-family: arial, verdana, helvetica, sans-serif;
	font-size : 8pt;
	font-weight: normal;
	text-align:center;
	padding-top:2px;
	border:0px;
	width:71px;
	height:18px;
	color:#666;
	text-decoration:none;
	background-image:url(../kuvakkeet/but_up_bg.gif);	
	background-repeat:no-repeat;
}

A.upButton:link:hover, A.upButton:visited:hover{
	text-decoration:none;
	color:#666666;
	background-image:url(../kuvakkeet/but_up_bg_2.gif);
	background-repeat:no-repeat;
}
.backButton, A.backButton, A.backButton:link, A.backButton:visited{
	display:block;
	font-family: arial, verdana, helvetica, sans-serif;
	font-size : 8pt;
	font-weight: normal;
	text-align:center;
	padding-top:2px;
	border:0px;
	width:71px;
	height:18px;
	color:#666;
	text-decoration:none;
	background-image:url(../kuvakkeet/but_back.gif);	
	background-repeat:no-repeat;
}

A.backButton:link:hover, A.backButton:visited:hover{
	text-decoration:none;
	color:#666666;
	background-image:url(../kuvakkeet/but_back_2.gif);
	background-repeat:no-repeat;
}

.comButton, A.comButton, A.comButton:link, A.comButton:visited{
	display:block;
	font-family: arial, verdana, helvetica, sans-serif;
	font-size : 8pt;
	font-weight: normal;
	text-align:center;
	padding-top:2px;
	border:0px;
	width:71px;
	height:18px;
	color:#666;
	text-decoration:none;
	background-image:url(../kuvakkeet/but_com_bg.gif);	
	background-repeat:no-repeat;
}

A.comButton:link:hover, A.comButton:visited:hover{
	text-decoration:none;
	color:#666666;
	background-image:url(../kuvakkeet/but_com_bg_2.gif);
	background-repeat:no-repeat;
}