@import url('reset.css');
@import url('960.css');
@import url('fontface.css');
@import url('table.css');
@import url('form.css');

body {
	font-family: 'Anivers', 'Helvetica';
	/*color: #f2f2ff;*/
	color: #404040;
	background-repeat: repeat-x;
	/*background-image: url('../img/bg6.jpg');*/
	background-image: url('../img/bgbg.jpg');
	background-color: #000;
	background-attachment: fixed;
	font-size: 0.9em;
}

a{
	color: #44B2D6;
	text-decoration: none;
}

a:hover {
	text-decoration: underline;
}

.lajit {
	margin: 20px;
	list-style-type: disc;
}

.lajit li {
	margin-left: 20px;
	margin-bottom: 10px;
}

.tarkistuskentta {
	margin: 0px 20px 0px 20px;
	float: left;
	width: 580px;
}

.tarkistuswrap {
	float: left;
}

.logo {
	margin-left: 20px;
	float:left;
	height: 170px;
	position: relative;
	overflow: visible;
	z-index: 12;
}

.menu {
	color: #ffffff;
	font-size: 0.85em;
	font-family: 'Anivers', 'Helvetica';
	width: 100%;
	height: 50px;
	margin-top: -90px;
	margin-bottom: -20px;
	position: relative;
}

.box_line {
	margin: 0px 20px 20px 20px;
	border-top: double 3px #404040;
	border-right: none;
	border-left: none;
	height: 1px;
	clear: both;
}

.box_line_footer{
	margin: 20px 20px 20px 20px;
	border-top: double 1px #404040;
	border-bottom: double 1px #404040;
	border-right: none;
	border-left: none;
	height: 1px;
	clear: both;
}

.box_line_single {
	margin: 20px;
	border-top: solid 1px #404040;
	border-bottom: none;
	border-right: none;
	border-left: none;
	height: 1px;
	display: block;
	clear: both;
}

.main_img {
	height: 333px;
	margin-top: -51px;
	position: relative;
	z-index: 0;
	background-color: #ffffff;
	background-position: -10px -10px;
	margin-bottom: 20px;
}

.varausetusivu {
	margin-bottom: 20px;
	height: 155px;
}

ul.list {
	margin-left: 20px;
	margin-bottom: 20px;
}

ul.errorlist li {
	float: left;
	color: red;
	margin-top: 5px;
	clear:both;
	width: 170px;
}

.big_img {
	margin-left: 10px;
	margin-top: 10px;
	position: relative;
	z-index: 3;
}

.tabs li a {
	width: 100%;
	height: 100%;
	display: block;
	color: #fff;
	text-decoration: none;
}

.tabs {
	margin-left: 200px;
}

.tabs ul li:hover {
	margin-top: 1px;
}

.content {
	float: left;
	height: auto;
	margin-bottom: 20px;
	background-color: #f0f0f0;
	z-index: 1;
	
}

.tab {
	background-image: url('../img/tab.png');
	background-repeat: no-repeat;
	background-position: top;
	width: 111px;
	height: 39px;
	margin-right: -20px;
	margin-top: 10px;
	text-align: center;
	padding-top: 10px;
	float: left;
}

.tab a, .tab a:hover {
	text-decoration: none;
}

.artisti {
	background-color: #44B2D6;
	margin: 0px 20px 20px 20px;
	color: #ffffff;
	font-size: 1.7em;
	padding-bottom: 10px;
	width: 260px;
	float: left;
	display: inline;
}

.artisti p {
	margin-bottom: 0px;
	margin-top: 0px;
	font-size: 0.8em;
	font-variant: normal;
}

.artisti a {
	color: #fff;
}

.artisti img.band {
	height: 260px;
	width: 260px;
}
.galleria {
	margin: 0px 20px 20px 20px;
	color: #ffffff;
	font-size: 1.7em;
	width: 260px;
	float: left;
}

.galleria_wrap {
	margin-bottom: 20px;
	float: left;
	height: auto;
	background-color: #f0f0f0;

}

.aika {
	font-size: 0.8em;
	color: #44B2D6;
	margin-top: -15px;

}

p {
	margin: 20px;
	font-size: 0.9em;
	line-height: 1.2em;
}

h1, h2, h3, h4 {
	font-weight: normal;
}

h2 {
	font-size: 1.3em;
	margin: 20px 20px 10px 20px;
}

#ruokalista h2 {
	margin: 10px;
}

h1 {
	font-size: 2.3em;
	margin: 20px 20px 10px 20px;
	font-family: 'Tertre', 'Helvetica';
	color: #44b2d6;
	font-weight: normal;
	text-transform: uppercase;
}

.facebook {
	margin: 20px;
}

.gallery_img {
	float: left;
	width: 220px;
	margin-left: 20px;
	margin-top: 0px;
	margin-bottom: 20px;
	display: inline;
}

.map {
	height: 153px;
	width: 217px;
	margin-left: auto;
	margin-right: auto;
	position: relative;
	margin-bottom: 10px;
	background: url('../img/kartta_bw.jpg') no-repeat;
}

.footlogo {
	height: 135px;
	width: 98px;
	margin-left: 0px;
	margin-bottom: 10px;
	background: url('../img/footlogo_bw.jpg') no-repeat;
}

.footlogo:hover {
	background: url('../img/footlogo_vari.jpg') no-repeat;
}

.map:hover {
	background: url('../img/kartta_vari.jpg') no-repeat;
}

.block {
	width: 580px;
	margin-left: 20px;
}

.footercontent {
	margin-top: 0px;
	height: auto;
	background-color: #f0f0f0;
	display: inline;
}

.footer p, .footer h2 {
	margin-top: 0px;
	margin-bottom: 2px;
}

.left {
	float: left;
}

input.kentta {
	margin: 5px 20px 10px 20px;
}

.kartta {
	margin: 20px;
	text-decoration: none;
	color: #404040;
}

small {
	margin: 20px;
	text-decoration: none;
	color: #404040;
}

.hide {
	display: none;
}

.tabcontainer {
	background-image: url('../img/large_tab_fb_2.png');
	background-repeat: no-repeat;
	height:420px;
	width: 350px;
	position: relative;
	z-index: 100;
	margin-left: -3px;
}

.tabcontaineryht {
	background-image: url('../img/large_tab_fb_2.png');
	background-repeat: no-repeat;
	height:420px;
	width: 350px;
	position: relative;
	z-index: 250;
	margin-left: -3px;
}

.tab_fb {
	background-image: url('../img/small_tab_fb_2.png');
	background-repeat: no-repeat;
	float: right;
	margin-top: 15px;
	height: 121px;
	width: 41px;
	position: relative;
	z-index: 100;
}

.tab_yht {
	background-image: url('../img/small_tab_yht.png');
	background-repeat: no-repeat;
	float:right;
	margin-top: 15px;
	height: 121px;
	width: 46px;
	position: relative;
	z-index: 250;
}

.yhteys_form {
	width: 350px;
	height: 425px;
}

#kesa2010 {
	background-image: url('../img/2010.png');
	background-repeat: no-repeat;
	height:120px;
	width: 120px;
	position: relative;
	z-index: 500;
	float: right;
	margin-right: -30px;
	margin-top: -30px;
}

#jussilinkki {
	height:128px;
	width: 180px;
	position: relative;
	z-index: 999;
	float: right;
	margin-right: -175px;
	margin-top: 220px;
}

#loose {
	background-image: url('../img/loose.png');
	height:115px;
	background-repeat: no-repeat;
	width: 144px;
	position: absolute;
	z-index: 350;
	float: left;
	margin-top: 210px;
	margin-left: 10px;
}

.varaus {
	font-size: 0.5em;
}

form input:focus, .ytwrap input:focus, .ytwrap textarea:focus {
 	background: #44B2D6;
	color: #fff;
}

input, label, textarea {
	font-family: 'Anivers', 'Helvetica';
}

.ytwrap input[type="checkbox"] {
	float: left;
	width: 15px;
	display: inline;
	clear: none;
		margin: 20px 0px 5px 0px;
}

label {
	margin: 20px 0px 5px 0px;
	width: auto;
	float: left;
}

.yhteyslomake input {
	width: 220px;
	margin: 20px 20px 20px 10px;
	clear: right;
	font-family: 'Anivers', 'Helvetica';
}

input#button {
	float: right;
	width: auto;
	background-color: #44B2D6;
	color: #fff;
	padding-left: 20px;
	padding-right: 20px;
	margin-right: -5px;
}

input#right {
	float: right;
	margin: 0px;
}

.left {
	float: left;
}

input.viesti {
	height: 80px;
}

.containerfortoggle{
	width: auto;
	margin-bottom: 20px;
	margin-top: 20px;
	float: left;
}

.footerbox {
	margin-left: 20px;
	width: 280px;
	
	float: left;
	margin-bottom: 20px;
}

h2.trigger {
	padding: 0 0 0 50px;
	margin: 5px 20px 0px 20px;
	background-color: #44B2D6;
	background-image: url('../img/nuoli2.png');
	background-position: right top;
	background-repeat: no-repeat;
	height: 46px;
	line-height: 46px;
	width: 530px;
	font-size: 2em;
	font-weight: normal;
	float: left;
	clear: left;
	display:inline;
}
h2.trigger a {
	color: #fff;
	text-decoration: none;
	display: block;
}
h2.trigger a:hover { color: #ccc; }
h2.active {background-position: right bottom;} /*--When toggle is triggered, it will shift the image to the bottom to show its "opened" state--*/
.toggle_container {
	margin: 0 20px 0px 20px;
	padding: 0;
	border: 1px solid #d6d6d6;
	background: #f0f0f0;
	overflow: hidden;
	font-size: 1.2em;
	width: 578px;
	clear: both;
}
.toggle_container .blocktoggle {
	padding: 20px; /*--Padding of Container--*/
}

.margin-bottom {
	margin-bottom:20px;
}

.uutiskuva {
	margin: 20px;
}

form#lisatieto {
	margin: 0px;
}

form#yhteystiedot {
	margin: 20px 20px 20px 0px;
}

.tinymce p, .tinymce li, .tinymce img {
	margin: 20px;
}

.tinymce_img_small {
	width: 260px;
	margin-bottom: 20px;
	float: left;
	display: inline;
}

.tinymce ul {
	list-style-type: disc;
	margin-left: 20px;
}

.tinymce ol {
	list-style-type: decimal;
	margin-left: 20px;
}

.blocktoggle form#lisatieto .varaa, .blocktoggle .varaa {
	background:none repeat scroll 0 0 #44B2D6;
	border:medium none;
	color:#FFFFFF;
	cursor:pointer;
	display:block;
	margin-right: 10px;
	margin-bottom: 20px;
	height:30px;
	text-align:center;
	font-size: 12px;
	width: 110px;
	float: left;
}

a.varaa:hover {
	text-decoration: none;
}

.varaacustomer, a.varaacustomer:hover {
	background:none repeat scroll 0 0 #44B2D6;
	border:medium none;
	color:#FFFFFF;
	cursor:pointer;
	display:block;
	margin-right: 19px;
	margin-bottom: 20px;
	margin-top: 10px;
	height:30px;
	text-align:center;
	text-decoration: none;
	font-size: 12px;
	width: 110px;
	float: right;
}

.buttonlink, a.buttonlink {
	text-decoration: none;
	padding-top:9px;
	font-size: 12px;
}

a.varaa {
	text-decoration: none;
	height: 30px;
}

form#yhteystiedot .ytwrap label {
	float: left;
	width: 150px;
	margin-left: 20px;
	display: inline;
}

form#yhteystiedot .ytwrap ul.errorlist {
	float:left;
	margin-left: 0px;
	display:block;
}

form#yhteystiedot .ytwrap ul.errorlist li {
	float:left;
	width: 150px;
	margin-top: 0px;
	margin-left: 20px;
	font-size: 0.9em;
	display: inline;
}

.ytwrap {
	height: auto;
	width: 300px;
	display: block;
	float: left;
	margin: 0px;
}

.ytwrap input, .ytwrap textarea {
	clear: both;
	width: 255px;
	background: #fff;
	border: none;
	margin-left: 20px;
	margin-bottom: 10px;
	padding: 5px 3px;
	float: left;
	display: inline;
}

p.email span a {
	color: #404040;
}

p.email span a:hover {
	color: #404040;
	text-decoration: underline;
}

/*#yhteystiedot input[type="submit"] {
	float: right;
	width: auto;
	background-color: #44B2D6;
	color: #fff;
	margin: 10px 0px 20px 0px;
	padding-left: 20px;
	padding-right: 20px;
	border-style: none;
	padding: 10px 5px;
}*/

.varausnapit {
	margin-top: 0px;
	float: left;
	width: 260px;
	margin-left: 20px;
}

.varausnapit p {
	margin-left: 0px;
	margin-top: 0px;
}

.mokintiedot {
	float: left;
	width: 258px;
	font-size: 0.9em;
	margin-left: 20px;
}

.mokintiedotroom {
	float: left;
	width: 250px;
	font-size: 1.1em;
	margin-left: 20px;
}

.mokintiedot p, .mokintiedotroom p {
	margin: 0px;
	margin-bottom: 0px;
}

.mokinkuva {
	margin: 0px 0px 10px 0px;
	float: left;
}

p .majvaihtoeht {
	margin: 0px 20px 10px 20px;
}

.footlinkit {
	text-align: center;
}
.footerbox h1 {
	margin-top: 0px;
}

.palautelomake h1 {
	margin-left: 0px;
	margin-top: 0px;
}

.palautelomake {
	width: 280px;
	height: auto;
	text-align: left;
}

.palautelomake form {
	margin-left: 0px;
}

.palautelomake form label {
	margin-top: 10px;
	clear:both;
}

.palautelomake form input, .palautelomake form textarea {
	margin-left: 0px;
	margin-bottom: 0px;
	clear: both;
}

.palautelomake .ytwrap form textarea {
	font-size: 0.8em;
}

.palautelomake .ytwrap .varaacustomer {
	background:none repeat scroll 0 0 #44B2D6;
	border:medium none;
	color:#FFFFFF;
	cursor:pointer;
	display:block;
	margin-left: 0px;
	margin-bottom: 0px;
	margin-top: 10px;
	height:30px;
	text-align:center;
	text-decoration: none;
	font-size: 12px;
	width: 110px;
	float: left;
}

.palautelomake form .errorlist li {
	font-size: 0.9em;
	margin-bottom: 5px;
}