* {
    margin: 0;
    padding: 0;
}
body {
    /*font-family: "Times New Roman", times;*/
	font-family: Verdana, Arial, Helvetica, sans-serif;
    font-size: 90%;
    text-align: center;
	background: #2b1601 url('images/lankku.jpg') repeat center top;
	color: #1a1a1a;
	margin: 0;
	padding: 0;
}
#bg1 { background: url('images/varjo_vas.png') repeat-y top left; width: 1070px; text-align: center; margin: 0 auto; }
* html #bg1 { width: 920px; background-position: -75px 0; }
#bg2 { background: url('images/varjo_oik.png') repeat-y top right; }
* html #bg2 { background-image: url('images/varjo_vas.png'); }

div, p, img, a, td, ul, ol {
    font-size: 1em; 
}
h1, h2, h3, h4 {
	font-family: "Times New Roman", times;
	font-weight: bold;
	margin: 0.2em 0 0.5em 0;
	letter-spacing: 0.07em;
	color: #6f130e;
}
h1 { font-size: 218% }
h2 { font-size: 164%; margin: 0.8em 0 1.2em 0; }
h3 { font-size: 145%; }
h4 { font-size: 118%; letter-spacing: .15em }

p { padding: 0 0 1em 0; }

a, a:link { 
    text-decoration: underline;
    color: #6f130e;
}
a:visited { color: #6f130e; }
a:hover {   color: #6f130e; text-decoration: underline; }
a:active {  color: #6f130e; }

a img, img {
    border: none;
}

ul {
    margin: 0 0 20px 1.3em;
	list-style-type: disc;
}
ul ul {
	margin-bottom: 0;
}
li {
    margin-bottom: 3px;
}

#page {
    width: 900px;
    margin: 0 auto;
    text-align: left;
	background-color: white;
	color: #353535;
}

#header {
	position: relative;
	height: 280px;
}
* html #header { margin-bottom: -7px; }

#banner {
	border-top: 11px solid #720e09;
	border-bottom: 4px solid #720e09;
	min-height: 180px;
	height: 265px;
}
#banner img {
	display: block;
}

#header h1 a {
	background: url('images/logo.jpg') top left no-repeat;
	display: block;
	width: 111px;
	height: 143px;
	text-indent: -9999px;
	float: left;
	overflow: hidden;
	position: absolute;
	top: 0;
	left: 36px;
}

#topmenu {
	height: 30px;
	background: #76973c url('images/menu_bg.jpg') repeat-x top left;
	overflow: hidden;
	position: relative;
}
#topmenu ul {
	padding: 0 0 0 23px;
	margin: 0;
	list-style: none;
}
#topmenu ul li {
	float: left;
	padding: 0;
	margin: 0;
}
* html #topmenu ul li {
	width: 1px;
}
#topmenu ul li a {
	display: block;
	color: #dbbfbf;
	/*font-weight: bold;*/
	padding: 3px 8px;
}
#topmenu ul li.active a,
#topmenu ul li a:hover {
	/*background: url('../a1modx/images/topmenu_hover.jpg') repeat-x top left;*/
	text-decoration: none;
	color: #b87500;
}

/*
<li id="topmenu1"> <a href="#">Etusivu</a></li>
<li id="topmenu3"> <a href="#">Kahvila-ravintola</a></li>
<li id="topmenu4"> <a href="#">Majoitus</a></li>
<li id="topmenu5"> <a href="#">Puoti</a></li>
<li id="topmenu20"><a href="#">Kokouspalvelut</a></li>
<li id="topmenu21"><a href="#">Ohjelmapalvelut</a></li>
<li id="topmenu22"><a href="#">Juhlapalvelut</a></li>
<li id="topmenu23"><a href="#">Info</a></li>
*/

#topmenu ul li a {
	height: 30px;
}

#topmenu ul li#topmenu1 a { padding: 0; overflow: hidden; text-indent: -9000px; width: 74px; background: url('images/topmenu1.jpg') no-repeat top left; }
#topmenu ul li#topmenu1.active a,
#topmenu ul li#topmenu1 a:hover { background-image: url('images/topmenu1b.jpg'); }

#topmenu ul li#topmenu3 a { padding: 0; overflow: hidden; text-indent: -9000px; width: 152px; background: url('images/topmenu3.jpg') no-repeat top left; }
#topmenu ul li#topmenu3.active a,
#topmenu ul li#topmenu3 a:hover { background-image: url('images/topmenu3b.jpg'); }

#topmenu ul li#topmenu4 a { padding: 0; overflow: hidden; text-indent: -9000px; width: 90px; background: url('images/topmenu4.jpg') no-repeat top left; }
#topmenu ul li#topmenu4.active a,
#topmenu ul li#topmenu4 a:hover { background-image: url('images/topmenu4b.jpg'); }

#topmenu ul li#topmenu5 a { padding: 0; overflow: hidden; text-indent: -9000px; width: 66px; background: url('images/topmenu5.jpg') no-repeat top left; }
#topmenu ul li#topmenu5.active a,
#topmenu ul li#topmenu5 a:hover { background-image: url('images/topmenu5b.jpg'); }

#topmenu ul li#topmenu20 a { padding: 0; overflow: hidden; text-indent: -9000px; width: 136px; background: url('images/topmenu20.jpg') no-repeat top left; }
#topmenu ul li#topmenu20.active a,
#topmenu ul li#topmenu20 a:hover { background-image: url('images/topmenu20b.jpg'); }

#topmenu ul li#topmenu21 a { padding: 0; overflow: hidden; text-indent: -9000px; width: 142px; background: url('images/topmenu21.jpg') no-repeat top left; }
#topmenu ul li#topmenu21.active a,
#topmenu ul li#topmenu21 a:hover { background-image: url('images/topmenu21b.jpg'); }

#topmenu ul li#topmenu22 a { padding: 0; overflow: hidden; text-indent: -9000px; width: 122px; background: url('images/topmenu22.jpg') no-repeat top left; }
#topmenu ul li#topmenu22.active a,
#topmenu ul li#topmenu22 a:hover { background-image: url('images/topmenu22b.jpg'); }

#topmenu ul li#topmenu23 a { padding: 0; overflow: hidden; text-indent: -9000px; width: 55px; background: url('images/topmenu23.jpg') no-repeat top left; }
#topmenu ul li#topmenu23.active a,
#topmenu ul li#topmenu23 a:hover { background-image: url('images/topmenu23b.jpg'); }

#sidebar {
	float: left;
	width: 211px;
}
* html #sidebar {
	width: 208px;
}

#sidebar h2 {
	margin: 8px 8px 0 8px;
	padding: 4px 5px;
	background-color: #76973c;
	color: #c7e177;
	font-size: 115%;
	text-align: center;
}
* html #sidebar h2 {
	margin-right: 5px;
}

#sidebar ul {
	margin: 0 0 0 8px;
	padding: 0;
	width: 195px;
	background-color: #c7e177;
	list-style: none;
}
#sidebar ul ul {
	margin: 0;
}
#sidebar ul li {
	margin: 0;
	padding: 0;
	width: 195px;
}
#sidebar ul li a {
	padding: 6px 0 6px 10px;
	width: 185px;
	display: block;
}
#sidebar ul li a,
#sidebar ul li a:link {
	color: #617c31;
}
#sidebar ul li a:hover,
#sidebar ul li a:active {
	background-color: #88bf63;
	color: #d7f381;
	text-decoration: none;
}
#sidebar ul ul li a {
	padding: 2px 0 2px 24px;
	width: 171px;
}
#sidebar ul ul ul li a {
	padding: 2px 0 2px 36px;
	width: 171px;
}

#content {
    text-align: left;
    line-height: 1.4em;
	/*width: 667px;
	margin-left: 211px;*/
	padding: 10px 30px;
	min-height: 300px;
	font-size: 85%;
	position: relative;
}
* html #content {
	height: 300px;
	/*margin-left: 208px;*/
}

#content ul li {
	line-height: 1.1em;
}

#langmenu {
	position: absolute;
	top: 5px;
	right: 5px;
}

#more_text {
	display: none;
}
#more_pic {
	display: block;
}

table#lounaslista {
	border-collapse: collapse;
	min-width: 470px;
}
table#lounaslista th,
table#lounaslista td {
	border: 1px solid black;
	padding: 10px;
	text-align: center;
	color: #111;
}
table#lounaslista th {
	background-color: #693;
	font-size: 1.2em;
}
table#lounaslista tr.otsikko th {
	background-color: #933;
	color: #1a1a1a;
}
table#lounaslista tr.viikonloppu th {
	background-color: #e3a206;
}
table#lounaslista td {
	background-color: #9ecd44;
}

.B_currentCrumb {
	color: #b87500;
}

.clear, .gapfix {
	height: 0;
}
* html .clear, * html .gapfix {
	overflow: hidden;
}
.clear {
	clear: both;
}

table.vatop td {
	vertical-align: top;
}

#middleline {
	height: 10px;
	margin-bottom: 1px;
	background-color: #cfbdb3;
	font-size: 0;
	line-height: 0;
}

#middlepanel {
	min-height: 160px;
	max-height: 250px;
	background: url('images/middlepanel.jpg') no-repeat top left;
	/*overflow: hidden;*/
	/*color: #aa8b79;*/
	color: #c3b5ac;
	font-size: 90%;
	line-height: 1.15em;
	display: none;
}
* html #middlepanel { height: 160px; }
#middlepanel.show {
	display: block;
}

#middlepanel a {
	color: #ccc;
}
#middlepanel a:hover {
	color: #b87500;
}

#infopanel {
	/*padding: 31px 27px;*/
	color: #333;
}
#infopanel table td {
	font-size: 90%;
}

#middlepanel p,
#infopanel p {
	padding: 0 0 0.5em;
}

#middlepanel table,
#infopanel table {
	margin: 0;
	padding: 0;
	border: 0;
	border-collapse: collapse;
}

#middlepanel table td,
#infopanel table td {
	margin: 0;
	padding: 0;
	/*border: 1px dotted silver;*/
	vertical-align: top;
}
#middlepanel table td div.cont {
	padding: 18px 20px;
}
#infopanel table td div.cont {
	padding: 28px 20px 15px 20px;
}

#footer {
	position: relative;
	clear: both;
	height: 30px;
	background: #464a00 url('images/footer.jpg') no-repeat top left;
	color: #eee;
	font-size: 80%;
}
#footer a,
#footer a:link {
	color: #eee;
}
#footer p {
	padding: 6px 0 0 14px;
	text-align: center;
}
#a1link {
	position: absolute;
	top: 0;
	right: 0;
	width: 82px;
	height: 30px;
	background: url('images/a1link.jpg') no-repeat top left;
	overflow: hidden;
	text-indent: -9000px;
}

hr { display: none; }


.error, .message {
    padding: 12px;
    background-color: red;
    color: #fff;
}
.message {
    background-color: green;
}

p img {
	padding: 0;
	max-width: 100%;
}

img.centered {
	text-align: center;
	display: block;
	margin: 0 auto;
}
img.alignright {
	float: right;
	padding: 4px;
	margin: 0 0 2px 7px;
	display: inline;
}
img.alignleft {
	float: left;
	padding: 4px;
	margin: 0 7px 2px 0;
	display: inline;
}

a.QE_Link {
	margin-top: -17px;
}