/* @override 
	http://ursula.fi/piritta/assets/css/style.css
*/

/* -----------------------------------------------------------

	Project:		PirittaCafe
	Version:		1.0
	Created:		31/03/10
	Modified:
	
		[Table of contents]
		1. Reset
		2. Typography
			2.1	Headings
			2.2	Text elements
			2.3	Lists
			2.4	Tables
			2.5	Forms
		3. Structure
			3.1	Header
			3.2	Navigation
			3.3	Content
			3.4 Classes
			3.5	Footer
		4. Clear floats
	
/* -----------------------------------------------------------

	Reset
	
----------------------------------------------------------- */
img, div, input, ul li, #ylanavi a, .language-bar a, .sidebar-lounaslistat{ behavior: url("iepngfix.htc") }

html, body, div, span, object, iframe,
h1, h2, h3, h4, h5, h6, p, blockquote, pre,
a, abbr, acronym, address, code,
del, dfn, em, img, q, dl, dt, dd, ol, ul, li,
fieldset, form, label, legend,
table, caption, tbody, tfoot, thead, tr, th, td {
	margin: 0;
	padding: 0;
	border: 0;
	font-weight: inherit;
	font-style: inherit;
	font-size: 100%;
	font-family: inherit;
	vertical-align: baseline;
	outline: 0 !Important;
}

/* Tables still need 'cellspacing="0"' in the markup. */
table 			{ border-collapse: separate; border-spacing: 0; }
caption, th, td { text-align: left; width: 150px;font-weight: normal; }
table, td, th 	{ vertical-align: middle; }

/* Remove possible quote marks (") from <q>, <blockquote>. */
blockquote:before, blockquote:after, q:before, q:after { content: ""; }
blockquote, q { quotes: "" ""; }
a img { border: none; }


/* -----------------------------------------------------------

	Typography
	
----------------------------------------------------------- */

/* Default font settings. 
   The font-size percentage is of 16px. (0.75 * 16px = 12px) */
body { 
	font-size: 88%;
	color: #24252b;
	line-height: 1.5;
	font-family: Georgia, Arial, sans-serif;
}


/* Headings
-------------------------------------------------------------- */

h1,h2,h3,h4,h5,h6 { font-weight: normal; color: #24252b; font-family: Georgia, Arial, sans-serif; z-index: 0;}

h1 { font-size: 2em; display:block;line-height: 1; margin-bottom: 0.5em; font-weight: bold;}
h2 { font-size: 1.2em; margin-bottom: 0.25em; font-weight: bold; font-style: italic;}
h3 { font-size: 1.3em; line-height: 1;}
h4 { font-size: 1.2em; line-height: 1.25; margin-bottom: 1.25em; height: 1.25em; }
h5 { font-size: 1em; font-weight: bold; margin-bottom: 1.5em; }
h6 { font-size: 1em; font-weight: bold; }

h1 img, h2 img, h3 img, 
h4 img, h5 img, h6 img {
  margin: 0;
}


/* Text elements
-------------------------------------------------------------- */

p           { margin: 0 0 1.5em; }
p img       { float: left; margin: 1.5em 1.5em 1.5em 0; padding: 0; }
p img.right { float: right; margin: 1.5em 0 1.5em 1.5em; }

a:focus, 
a:hover     { color: #6e8200; text-decoration: underline; }
a           { color: #6e8200; text-decoration: none;}

blockquote  { margin: 1.5em; color: #666; font-style: italic; }
strong      { font-weight: bold; }
em,dfn      { font-style: italic; }
dfn         { font-weight: bold; }
sup, sub    { line-height: 0; }

abbr, 
acronym     { border-bottom: 1px dotted #666; }
address     { margin: 0 0 1.5em; font-style: italic; }
del         { color:#666; }

pre,code    { margin: 1.5em 0; white-space: pre; }
pre,code,tt { font: 1em 'andale mono', 'lucida console', monospace; line-height: 1.5; } 


/* Lists
-------------------------------------------------------------- */

li ul, 
li ol       { margin:0 1.5em; }
ul, ol      { margin: 0 1.5em 1.5em 1.5em; }

dl          { margin: 0 0 1.5em 0; }
dl dt       { font-weight: bold; }
dd          { margin-left: 1.5em;}


/* Tables
-------------------------------------------------------------- */

table       { margin-bottom: 1.4em; width:100%; }
th          { font-weight: bold; background: #fff; }
th,td       { padding: 4px 10px 4px 5px; }
tr.even td  { background: #fff; }
tfoot       { font-style: italic; }
caption     { background: #eee; }

tr{
	width: 500px;
}
tr td{
	width: 170px;
}
/* Forms
-------------------------------------------------------------- */

label { font-weight: bold; }

fieldset    { padding:1.4em; margin: 0 0 1.5em 0; border: 1px solid #ccc; }
legend      { font-weight: bold; font-size:1.2em; }

input.text, input.title   { width: 230px; margin:0.5em 0.5em 0.5em 0; }
input.text, input.title   { border:1px solid #bbb; background:#f6f6f6 url(../img/input-bg.png) no-repeat 0 0; padding:5px; }
input.text:focus,
input.title:focus         { border:1px solid #999; background:#fff; }
input.title               { font-size:1.5em; }
input#liity{
	width: 60px;
	height: 35px;
	border: none;
	cursor: pointer;
	background: transparent url(../img/liity.png) no-repeat 0 0;
}
textarea            { width: 400px; height: 250px; margin:0.5em 0.5em 0.5em 0; }
textarea            { border:1px solid #bbb; background:#eee; padding:5px; }
textarea:focus      { border:1px solid #999; background:#fff; }

select              { border:1px solid #ccc; background:#f6f6f6; width:200px; }
select:focus        { border:1px solid #999; background:#fff; }


/* -----------------------------------------------------------

	Structure
	
----------------------------------------------------------- */

body {
	background: #000 url(../img/bg.jpg) no-repeat center 0px;
	text-align: center; /*ie hack for centered layout. if not centered, remove this line and the next hack in wrapper*/
}
#border{
	width: 100%;
	background: #fff;
	height: 40px;
}
#page {
	margin: auto;
	overflow: hidden;
	position: relative;
	padding-left: 30px;
	margin-top: -40px;
	background: transparent;
	margin-bottom: 50px;
	width: 890px; /*fill in the width of the page*/
	text-align: left; /*for previous ie hack*/
}
#ylanavi{
	float: left;
	display: inline;
	width: 850px;
	height: 40px;
	position: relative;
}
#ylanavi a#ursula{
	float: left;
	display: inline;
	width: 105px;
	text-indent: -9000px;
	height: 40px;
	background: transparent url(../img/sprite.png) no-repeat -24px -37px;
}
#ylanavi a#aleksi{
	float: left;
	display: inline;
	width: 155px;
	text-indent: -9000px;
	height: 40px;
	background: transparent url(../img/sprite.png) no-repeat -25px -75px;
}
a.fb{
	float: right;
	display: inline;
	font-weight: bolder;
	width: auto;
	font-size: 0.85em;
	height: 30px;
	color: #779900;
	margin-top: 5px;
	padding: 0 2px 0 23px;
	line-height: 2.7em;
	background: transparent url(../img/sprite.png) no-repeat -27px -3px;
}

/* Header
-------------------------------------------------------------- */

#header{
	float: left;
	display: inline;
	width: 850px;
	height: 200px;
	position: relative;
	background: transparent url(../img/header-bg.png) no-repeat 0 0;
}
#header a#logo img{
	float: left;
	display: inline;
	width: auto;
}

#header a#logo img{
	float: left;
	display: inline;
	width: auto;
}
#header-nosto{
	position: absolute;
	top: 90px;
	right: 0px;
	width: 170px;
	height: 165px;
	z-index: 10;
	text-align: center;
	font-family: Georgia;
	background: transparent url(../img/sprite.png) no-repeat -220px -110px;
}
#header-nosto a{
	color: #000;
	text-decoration: none;
}
#header-nosto a:hover{
	color: #000;
	text-decoration: underline;
}
#header-nosto .header-nosto-green{
	font-size: 1em;
	color: #545454;
	margin: 40px 0 0 0px;
}
#header-nosto .header-nosto-text{
	font-size: 1.2em;
	font-weight: bold;
	color: #000;
}
#header-nosto .header-nosto-text p, #header-nosto .header-nosto-green p{
	margin: 0;
	padding-top: 50px;
}
#header-nosto .header-nosto-price{
	font-size: 3.8em;
	font-weight: bold;
	color: #24252b;
	margin-top: -25px;
}
#header-nosto .header-nosto-price p{
	margin: 0;
}
#print{
	float: left;
	display: inline;
	padding-top: 20px;
}
.header-lounas-nosto, .header-nostot{
	float: left;
	display: inline;
	margin: 5px 0 0 40px;
	width: 435px;
	position: relative;
	height: 190px;
	background: transparent url(../img/lounas-bg.png) no-repeat 0 20px;
}
.header-nostot{
		margin: 0px 0 0 50px;
	background: transparent url(../img/header-box-bg.png) no-repeat 0 20px;
}
.header-lounas-nosto p, .header-nostot p{
	float: left;
	display: inline;
	width: auto;
	margin: 0 0 0 35px;
	font-style: italic;
}
.header-nostot p{
	margin-left: 0;
	font-style: normal;
	font-size: 15px;
}
.header-nostot p a{
	font-size: 13px;
}
.header-nosto{
	float: left;
	display: inline;
	width: 370px;
	height: 140px;
	padding: 40px 10px 0 50px;
}
.header-nosto h2{
	color: #637f00;
	font-size: 18px;
	font-style: normal;
}
.header-lounas-nosto p span{
	font-size: 1.3em;
}
.header-lounas-nosto h1{
	float:left;
	display: inline;
	margin: 0;
	width: auto;
}
.header-lounas-nosto h3{
	float: left;
	display: inline;
	width: 100%;
	padding-bottom: 10px;
}
.header-lounas-nosto a{
	float: left;
	display: inline;
	margin: 3px 0 0 120px;
	width: auto;
	font-style: italic;
	font-size: 0.85em;
}
.header-lounas-nosto-text p{
	font-style: normal;
	margin: 0;
}
.header-lounas-nosto-menu{
	float: left;
	display: inline;
	width: 360px;
	font-size: 0.9em;
	padding: 15px 0 0 20px;
}
.header-lounas-nosto-menu ul li{
	list-style-type: none;
}
a#koko-lounas{
	position: absolute;
	bottom:10px;
	right: 15px;
	height: 155px;
	width: 380px;
}
#header .language-bar{
	position: absolute;
	top: -10px;
	right: -200px;
	width: 50px;
	height: 40px;
}
#header .language-bar a{
	margin-left: 5px;
	background: transparent url(../img/sprite.png) no-repeat;
}
#header .language-bar a#swe{
	background-position: -305px -35px;
	width: 20px;
	height: 25px;
}
#header .language-bar a#eng{
	background-position: -280px -35px;
	width: 20px;
	height: 25px;
}
/* Navigation
-------------------------------------------------------------- */
#navi, #navi2{
	float: left;
	display: inline;
	width: 850px;
	height: 48px;
	position: relative;
	line-height: 2.5em;
	background: transparent url(../img/navi-bg.png) no-repeat 0 0;
}
#navi-print{
	float: left;
	display: inline;
	width: 100%;
	height: 20px;
	background: transparent url(../img/navi-bg.png) no-repeat 0 -40px;
}
#navi ul li, #navi2 ul li{
	float: left;
	display: block;
	z-index: 100;
	width: auto;
}
#navi ul li a{
	display: block;
	width: auto;
	text-indent: -9000px;
	background: transparent url(../img/sprite.png) no-repeat;
}
#navi2 ul li a{
	display: block;
	width: auto;
	text-indent: -9000px;
	background: transparent url(../img/sprite2.png) no-repeat;
}
#navi ul li a#etusivu, #navi2 ul li a#etusivu{
	width: 70px;
	background-position: -17px -554px;
}
#navi ul li a#lounas, #navi2 ul li a#lounas{
	width: 75px;
	background-position: -95px -554px;
}
#navi2 ul li a#alacarte{
	width: 100px;
	background-position: -185px -554px;
}
#navi2 ul li a#alacarte:hover, #navi2 ul li a#alacarte.selected{
	background-position: -185px -581px !Important;
	width: 100px !important;
}
#navi ul li a#klubit{
	width: 120px;
	background-position: -307px -554px;
}
#navi2 ul li a#klubit{
	width: 120px;
	background-position: -310px -554px;
}
#navi2 ul li a#klubit:hover, #navi2 ul li a#klubit.selected{
	width: 120px;
	background-position: -310px -585px !Important;
}
#navi ul li a#vaiheita, #navi2 ul li a#vaiheita{
	width: 145px;
	background-position:-438px -554px;
}
#navi ul li a#kabinetti, #navi2 ul li a#kabinetti{
	width: 120px;
	background-position: -580px -554px;
}
#navi ul li a#yhteystiedot, #navi2 ul li a#yhteystiedot{
	width: 110px;
	background-position: -700px -549px;
}
#navi ul li a#etusivu:hover, #navi ul li a#etusivu.selected, #navi2 ul li a#etusivu:hover, #navi2 ul li a#etusivu.selected{
	width: 70px;
	background-position: -17px -581px;
}
#navi ul li a#lounas:hover, #navi ul li a#lounas.selected, #navi2 ul li a#lounas:hover, #navi2 ul li a#lounas.selected{
	width: 75px;
	background-position: -95px -581px;
}
#navi ul li a#ajankohtaista:hover,#navi2 ul li a#ajankohtaista:hover, #navi ul li a#ajankohtaista.selected{
	width: 125px;
	background-position: -175px -582px;
}
#navi ul li a#klubit:hover, #navi ul li a#klubit.selected, #navi2 ul li a#klubit:hover{
	width: 120px;
	background-position: -307px -581px;
}
#navi ul li a#vaiheita:hover, #navi ul li a#vaiheita.selected, #navi2 ul li a#vaiheita:hover, #navi2 ul li a#vaiheita.selected{
	width: 145px;
	background-position:-438px -581px;
}
#navi ul li a#kabinetti:hover, #navi ul li a#kabinetti.selected, #navi2 ul li a#kabinetti:hover, #navi2 ul li a#kabinetti.selected{
	width: 120px;
	background-position: -580px -581px;
}
#navi ul li a#yhteystiedot:hover, #navi ul li a#yhteystiedot.selected, #navi2 ul li a#yhteystiedot:hover, #navi2 ul li a#yhteystiedot.selected{
	width: 110px;
	background-position: -701px -579px;
}
#jsddm{
	margin: 0 0 0 30px;
	z-index: 1000 !Important;
}
#jsddm li a{	
	text-decoration: none;
	white-space: nowrap;
}	
#jsddm li ul{
	position: absolute;
	top: 33px;
	left: 66px;
	z-index: 105 !Important;
	visibility: hidden;
	width: 100px;
	background: #fff;
	border: 1px solid #c3c3c3;
}	
#jsddm li ul li{	
	float: none;
	display: inline;
	width: 80px;
}	
#jsddm li ul li a{	
	text-indent: 0;
	border-bottom: 1px solid #c3c3c3;
	background: #fff;
	width: 80px;
	height: 30px;
	margin: 0 10px 0 10px;
	color: #000 !Important;
	float: left;
	display: block !Important;
}
#jsddm li ul li a:hover{	
	background: #fff;
	color: #779900 !Important;
	text-decoration: underline;
}
.lunch-week p{
	float: left;
	display: inline;
	width: 420px;
	margin-bottom: 0;
}
.lunch-week p a{
	padding-left: 10px;
	display: inline;
	font-size: 0.8em;
	padding-top: 2px;
}
#lunch-nav{
	float: left;
	display: inline;
	width: 100%;
}
#lunch-nav ul{
	margin: 0;
}
#lunch-nav ul li{
	float: left;
	display: inline;
	width: auto;
}
#lunch-nav ul li a{
	float: left;
	display: inline;
	width: auto;
	height: 35px;
	text-indent: -9000px;
	background: transparent url(../img/sprite.png) no-repeat;
}
#lunch-nav ul li#maanantai a{
	width: 93px;
	background-position: -25px -637px;
}
#lunch-nav ul li#tiistai a{
	width: 58px;
	background-position: -117px -637px;
}
#lunch-nav ul li#keskiviikko a{
	width: 85px;
	background-position: -177px -637px;
}
#lunch-nav ul li#torstai a{
	width:60px;
	background-position: -265px -637px;
}
#lunch-nav ul li#perjantai a{
	width: 85px;
	background-position: -325px -637px;
}

#lunch-nav ul li#maanantai a:hover, #lunch-nav ul li#maanantai a.selected{
	width: 93px;
	background-position: -25px -678px;
}
#lunch-nav ul li#tiistai a:hover, #lunch-nav ul li#tiistai a.selected{
	width: 58px;
	background-position: -117px -678px;
}
#lunch-nav ul li#keskiviikko a:hover, #lunch-nav ul li#keskiviikko a.selected{
	width: 85px;
	background-position: -177px -678px;
}
#lunch-nav ul li#torstai a:hover, #lunch-nav ul li#torstai a.selected{
	width:60px;
	background-position: -265px -678px;
}
#lunch-nav ul li#perjantai a:hover, #lunch-nav ul li#perjantai a.selected{
	width: 85px;
	background-position: -325px -678px;
}



/* Content
-------------------------------------------------------------- */


/* Ala carte
-------------------------------------------------------------- */
#a-la-carte{
	float: left;
	display: inline;
	width: 100%;
	z-index: 10;
}
#a-la-carte p{
	float: left;
	display: inline;
	width: 100%;
	font-size: 1.1em;
	margin: 0 0 0 0;
}
#a-la-carte p img{
	float: left;
	display: inline;
	width: auto;
	margin-top: 0;
	margin-bottom: 0.7em;
}
#a-la-carte .menu, #muut-menut .menu{
	overflow: hidden;
	width: 270px;
	margin: auto;
	display: block;
	clear: both;
	background: #fff url(../img/alacarte-border.png) no-repeat bottom center;
	padding: 10px 0 20px 0;
	text-align: center;
}
#muut-menut .menu{
	padding-bottom: 30px;
}
#a-la-carte .menu h2, #muut-menut h2{
	padding: 0 10px 0 10px;
	background: #8cb54e;
	font-style: normal;
	font-weight: normal;
	color: #fff;
	margin: auto;
	width: 100px !Important; 
	padding-top: 0 10px 0 10px;
	font-size: 14px;
}
#muut-menut h2{
	width: 150px !Important;
	margin-bottom: 10px;
}
#a-la-carte .menu p{
	margin-bottom: 0;
	font-size: 1em;
	margin-top: 10px;
}
ul.list{
	list-style-type: none;
	padding-bottom: 20px;
	background: #fff url(../img/alacarte-border.png) no-repeat bottom 
}

#audioplayer1{
	margin-top: 50px;
	xpadding: 50px 0 0 20px;
	z-index: 100;
}
#content{
	float: left;
	display: inline;
	width: 770px;
	padding: 10px 40px 40px 40px;
	background: #fff;
}
#content-area{
	float: left;
	display: inline;
	width: 490px;
	padding: 20px 20px 0 0;
	background: transparent url(../img/border-bg.png) repeat-y top right;
}
#content-area-whole-page{
	float: left;
	display: inline;
	width: 770px;
	padding: 20px 0px 0 0;
}
#content-area-whole-page .klubiaikataulut{
	float: left;
	display: inline;
	width: 770px;
}
#content-area-whole-page .klubiaikataulu{
	float: left;
	display: inline;
	width: 385px;
}
#content-area-whole-page .klubiaikataulut p{
	float: left;
	display: inline;
	width: auto;
	color: #787878;
	font-weight: normal;
	font-style: normal;
	padding: 0;
}
#content-area-whole-page .klubiaikataulu table{
	float: left;
	display: inline;
	width: 360px;
	font-size: 0.85em;
	padding: 10px 0 0 0;
	margin-bottom: 0.5em;
}
#content-area-whole-page .klubiaikataulu table th{
	background: #8ab746;
	padding: 0;
	color: #fff;
	padding: 4px 5px 4px 5px;
	font-weight: normal;
}
#content-area-whole-page .klubiaikataulut table tr td{
	text-align: center;
	border-bottom: 1px solid #cccccc !Important;
}
#content-area-whole-page .klubiaikataulut table tr td.align-left{
	text-align: left;
}
#content-area-whole-page .klubiaikataulut table tr th.deep-green {
	background: #67a131 !Important;
	font-weight: bold;
	padding-right: 0;
	width: 100%;
}
.content-area-klubit{
	float: left;
	display: inline;
	width: 760px;
}
.content-area-klubit .klubi{
	float: left;
	display: inline;
	width: 180px;
	margin-right: 10px;
	position: relative;
}
.content-area-klubit .klubi p{
	width: 180px !Important;
	padding: 0 !Important;
	margin: 0 !Important;
	font-size: 0.85em !Important;
	font-style: normal !Important;	
	font-weight: normal !Important;
}
.content-area-klubit .klubi p span{
	font-size: 1.2em;
}
.content-area-klubit .klubi h2{
	float: left;
	display: inline;
	text-transform: uppercase;
	font-size: 0.9em;
	font-style: normal;
}
.content-area-klubit .klubi a.klubi-image{
	float: left;
	display: inline;
	width: 180px !important;
}
.content-area-klubit .klubi a.klubi-image img{
	border: 1px solid #c3c3c3;
	margin-bottom: 5px;
}
.content-area-klubit .klubi img.arrow{
	position: absolute;
	top: 50px;
	right: 15px;
	z-index: 2000;
}
.content-area-block{
	float: left;
	display: inline;
	width: 260px;
	padding: 10px 0 0 0px;
	min-height: 500px;
	height: auto !Important;
	height: 500px;
	background: transparent url(../img/border-bg.png) repeat-y top right;
}
.content-area-block p{
	float: left;
	display: inline;
	font-size: 0.85em;
	padding: 0 0 0 0!important;
	font-weight: normal !Important;
	font-style: normal !Important;
	width: 230px !Important;
}
#center{
	padding: 0 0 0 10px;
	width: 250px;
}
#right{
	background: none;
	padding: 0 0 0 20px;
	width: 230px;
}
.content-area-block #klubin-tapahtumia{
	float: left;
	display: inline;
	width: 100%;
	padding-bottom: 1px;
	border-bottom: 1px solid #989898;
}
.content-area-block .tapahtuma{
	float: left;
	display: inline;
	width: 100%;
	padding-top: 10px;
	padding-bottom: 10px;
	border-bottom: 1px solid #989898;
}
.content-area-block .tapahtuma p{
	margin-bottom: 0;
}
.content-area-block .tapahtuma a.luelisaa{
	float: right;
}
#first{
	padding-top: 0 !Important;
}
.content-area-block h2{
	float: left;
	display: inline;
	width:100%;
	font-size: 1.3em;
	margin-bottom: 0;
	font-weight: bold;
}
.content-area-block h3{
	font-weight: bold;
	font-size: 1.1em;
	color: #4c4d51;
}
.content-area-block #gallery{
	float: left;
	display: inline;
	width: 230px;
	position: relative;
	padding-top: 15px;
}
.content-area-block #gallery a{
	float: left;
	display: inline;
	border: 1px solid #c3c3c3;
	margin: 3px;
}
.content-area-block #gallery a img{
	padding: 1px;
	margin-bottom: 0;
}
.content-area-block #gallery a.next{
	position: absolute;
	top: 10px;
	right: 0;
	border: none;
}
.content-area-block #gallery a.prev{
	position: absolute;
	top: 10px;
	right: 15px;
	border: none;
}
.content-area-block form{
	float: left;
	display: inline;
	width: 100%;
	padding-top: 10px;
}
.content-area-block form p{
	float: left;
	display: inline;
	width: 240px !Important;
	margin-bottom: 0;
}
.content-area-block form p span.error{
	color: red;
}

#content-area-whole-page img{
	float: left;
	display: inline;
	margin-bottom: 1em;
}
.content-area-whole-page-text p{
	float:left;
	display: inline;
	width: 500px;
	font-style: italic;
	font-weight: bold;
	padding: 20px 0 0 20px;
}
#content-area-whole-page #pirittan-vaiheita{
	float: left;
	display: inline;
	width: 100%;
	min-height: 650px;
	height: auto !important;
	height: 650px;
	
}
#content-area-whole-page #pirittan-vaiheita .vaiheita-left{
	float: left;
	display: block;
	width: 380px;
	clear: both;
	padding-right: 20px;	
}
#content-area-whole-page #pirittan-vaiheita .vaiheita-right{
	float: left;
	display: inline;
	width: 370px;
}
#content-area-whole-page #pirittan-vaiheita .vaiheita-top{
	float: left;
	display: inline;
	width: 100%;
	padding-bottom: 230px;
	background: transparent url(../img/vaiheita-bg.jpg) no-repeat bottom left
}
#content-area-whole-page #pirittan-vaiheita .vaiheita-bottom{
	float: left;
	display: inline;
	width: 100%;
	padding-top: 10px;
}
#contact-info{
	float: left;
	display: inline;
	width: 250px;
}
#contact-info p{
	float: left;
	display: inline;
	width: 120px;
	padding: 0;
	margin-bottom: 0;
	font-style: normal;
	font-weight: normal;
}
.contact-person{
	float: left;
	display: inline;
	width: 100%;
	padding-top: 15px;
}
.contact-person p{
	float: left;
	display: inline;
	width: 140px !Important;
	margin-bottom: 0;
	font-size: 0.85em;
}
.contact-person img{
	float: left;
	display: inline;
	margin-right: 10px;
	border: 1px solid #898989;
}
.googlemap{
	float: left;
	display: inline;
	width: 515px;
	height: 380px;
	border: 1px solid #898989;
}
#content-area-wide{
	float: left;
	display: inline;
	width: 580px;
	min-height: 400px;
	height: auto !important;
	height: 400px;
	padding: 20px 20px 0 0;
	background: transparent url(../img/border-bg.png) repeat-y top right;
}
#content-area-thin{
	float: left;
	display: inline;
	width: 400px;
	min-height: 500px;
	height: auto !Important;
	height:500px;
	padding: 20px 20px 0 0;
	background: transparent url(../img/border-bg.png) repeat-y top right;
}	
.kabinetti-right{
	float: left;
	display: inline;
	width: 355px;
	height: 225px;
	z-index: 0;
	position: relative;
}
.kabinetti-left{
	float: left;
	display: inline;
	width: 355px;
}
#muut-menut p, #muut-menut h1{
	margin-bottom: 0;
}
#poytajarjestys-img{
	position: absolute;
	top: 0px;
	left: 5px;
	z-index: 1000 !Important;
}
#poytajarjestys-images, #kabinetti-images{
	position: absolute;
	top: 20px;
	left: 35px;
	width: 310px;
	height: 180px;
	padding-left: 5px;
	z-index: 1 !Important;
	background: #d4d4d4;
}
#kabinetti-images{
	padding: 7px 5px 5px 5px;
	width: 300px;
	height: 150px;
}
#kabinetti-images a{
	float: left;
	display: inline;
	border: 1px solid #8a8a8a;
	padding: 1px;
	margin: 0 0 5px 5px; 
	background: #fff;
}
#kabinetti-images a img{
	margin: 0 0 0 0;
}
#poytajarjestys-images a, #poytajarjestys-images a img{
	float: left;
	display: inline;
	z-index: -1;
	padding: 3px 3px 0 0;
	margin: 0;
}
.lunch-block{
	float: left;
	display: inline;
	width: 100%;
}
.lunch-block img{
	clear: both;
	margin-left: 250px;
}
.lunch-block ul{
	float: left;
	display: inline;
	margin: 0;
}
.lunch-block .en{
	clear: both;
	width: 100px;
}
.lunch-block ul li{
	float: left;
	display: inline;
	margin-right: 20px;
	list-style-type: none;
}
/* Sidebar
-------------------------------------------------------------- */
#sidebar{
	float: left;
	display: inline;
	width: 235px;
	padding: 0 0 0 25px;
}
#sidebar h3{
	margin-bottom: 0.5em;
}
#sidebar-wide{
	float: left;
	display: inline;
	width: 350px;
	padding-top: 10px;
}
#sidebar-wide img{
	float: left;
	display: inline;
	width: auto;
	margin: 0 5px 5px 20px;
	border: 1px solid #b3b3b2;
	padding: 2px;
}
#sidebar-wide p {
	float: left;
	display:inline;
	width: 1;
	margin: 0 0 0 20px;
	margin-bottom: 1.5em;
}
#sidebar-wide .sidebar-lounaslistat{
	float: left;
	display: inline;
	width: 350px;
	height: 75px;
	text-indent: -9000px;
	background: transparent url(../img/ursula-lounaslista-bg.png) no-repeat 0 0;
}
#sidebar-wide .sidebar-muutmenut ul{
	float: left;
	display: inline;
	width: 320px;
	list-style-type: none;
}
#sidebar-wide .sidebar-muutmenut ul li a{
	float: left;
	display: inline-block;
	padding: 0 0 0 10px;
	width: 310px;
	text-align: center;
	color: #000 !important;
	margin-bottom: 5px;
	background: #c5daa6;
}
#sidebar-wide .sidebar-muutmenut ul li a:hover, #sidebar-wide .sidebar-muutmenut ul li a.selected{
	float: left;
	display: block;
	color: #567d1a !Important;
	background: #d6e487;
	text-decoration: none;
}

#sidebar-wide .sidebar-lounaslistat a#ursula-lounas{
	float: left;
	display: inline;
	height: 30px;
	margin: 10px 0 0 75px;
	width: 270px;
}
#sidebar-wide .sidebar-lounaslistat a#aleksi-lounas{
	float: left;
	display: inline;
	height: 30px;
	margin: 0px 0 0 75px;
	width: 270px;
}
#sidebar-ajankohtaista{
	float: left;
	display: inline;
	width: 170px;
}
#sidebar-ajankohtaista h2{
	float: left;
	display: inline;
	width: auto;
	font-weight: normal;
	padding-left: 20px;
	font-style: italic;
}
#sidebar-ajankohtaista a{
	float: left;
	display: inline;
	width: auto;
	margin: 0 9px 0 0px;
	padding-right: 8px;
	font-size: 0.8em;
	font-style: normal;
	font-weight: normal;
}
#sidebar-ajankohtaista p span.stripes{
	float: left;
	display: inline;
	width: auto;
	font-size: 1.1em;
	padding: 0 0 10px 20px;
	background: transparent url(../img/sprite.png) no-repeat -510px -848px;
}
#sidebar-ajankohtaista p span.stripes a.clearfilters{
	margin-right: 0;
	background: #fff;
}
#sidebar-ajankohtaista p span.stripes input{
	background: none;
	border: none;
	color: #6e8200;
	cursor: pointer;
}

/* Content bottom
-------------------------------------------------------------- */

#content-bottom{
	float: left;
	display: inline;
	width: 100%;
	padding: 20px 0 0 0;
}
.content-bottom-box{
	float: left;
	display: inline;
	width: 245px;
	margin-right: 15px;
}
.content-bottom-box a{
	float: left;
	display: inline;
	width: 245px;
	height: 80px;
	text-indent: -9000px;
	background: transparent url(../img/sprite.png) no-repeat 0 0;
}
.content-bottom-box a.luelisaa{
	clear: both;
	height: auto;
	width: 100%;
	background: none;
	text-indent: 0;
	color: #637f00;
}
.content-bottom-box a#nosto-left{
	 background-position: -25px -297px;
}
.content-bottom-box a#nosto-center{
	 background-position: -25px -384px;
}
.content-bottom-box a#nosto-right{
	 background-position: -25px -470px;
}
.content-bottom-box-text{
	float: left;
	display: inline;
	width: 223px;
	xmin-height: 145px;
	xheight: auto !Important;
	height: 145px;
	padding: 10px;
	border-bottom: 1px solid #b3b3b2;
	border-right: 1px solid #b3b3b2;
	border-left: 1px solid #b3b3b2;
}
.content-bottom-box-text p{
	font-size: 0.85em;
	margin-bottom: 0;
}
.contact-info{
	float: left;
	display: inline;
	width: 220px;
	margin: 10px 0 0 20px;
}
.contact-info p{
	float: left;
	display: inline;
	width: 110px;
	font-size: 0.85em !Important;
}

/* Lunch
-------------------------------------------------------------- */
.lunch{
	float: left;
	display: inline;
	width: 100%;
	padding: 20px 0 0 0;
}
.lunch p{
	clear: both;
}
.lunch-text{
	float: left;
	display: inline;
	width: 100%;
}
.lunch-menu{
	float: left;
	display: inline;
	width: 250px;
	margin: 0 0 0 70px;
}
.lunch-menu p{
	margin-bottom: 0;
	text-align: center;
}
.lunch-price{
	height: 40px;
	background: transparent url(../img/sprite.png) no-repeat 30px -720px;
}
 .lunch-menu ul {
	clear: both;
	list-style-type: none;
}
 .lunch-menu ul li{
	text-align: center;
}
/* Ajankohtaista
-------------------------------------------------------------- */
label{
	float: left;
	display: inline;
	height: 45px;
	color: transparent;
	width: 150px;
	margin-left: 20px;
	padding-bottom: 10px;
	background: #fff url(../img/sprite.png) no-repeat;
}
input.filter{
	margin-top: 20px;
}
label#category_3{
	background-position: 15px -889px;
}
label#category_2{
	background-position: 15px -830px;
}
label#category_1{
	background-position: 15px -775px;
}
label#category_4{
	background-position: -195px -890px;
}
label#category_5{
	background-position: -195px -830px;
}
.news-block{
	float: left;
	display: inline;
	padding-bottom:20px;
	margin-bottom: 10px;
	width: 100%;
	position: relative;
	background: transparent url(../img/bottom-border.png) no-repeat bottom left;
}
.news-block{
	z-index:1 !Important;	
}
.news-block h2{
	float: left;
	display: inline;
	width: 460px;
	font-size: 1.14em;
	margin-bottom: 0;
}
.news-share{
	position: absolute;
	bottom:10px;
	right: 20px;
}
.news-block p span{
	color: #5f5f60;
	font-size: 0.85em;
}
.news-category-1{
	float: left;
	display: inline;
	width: 110px;
	margin-right: 10px;
	z-index: 1 !important;
	height: 47px;
	background: transparent url(../img/sprite.png) no-repeat -23px -775px;
}
.news-category-2{
	float: left;
	display: inline;
	width: 110px;
	margin-right: 10px;
	height: 47px;
	background: transparent url(../img/sprite.png) no-repeat -23px -831px;
}
.news-category-3{
	float: left;
	display: inline;
	width: 110px;
	margin-right: 10px;
	height: 47px;
	background: transparent url(../img/sprite.png) no-repeat -23px -889px;
}
.news-category-4{
	float: left;
	display: inline;
	width: 110px;
	margin-right: 10px;
	height: 47px;
	background: transparent url(../img/sprite.png) no-repeat -233px -892px;}
.news-category-5{
	float: left;
	display: inline;
	width: 110px;
	margin-right: 10px;
	height: 47px;
	background: transparent url(../img/sprite.png) no-repeat -232px -832px;
}
input#clear, input#check{
	background: none;
	border: none;
	cursor: pointer;
	color: #6e8200;
}

/* Livetorstai
-------------------------------------------------------------- */
#ohjelma{
	 float: left;
	 display: inline;
	 width: 380px;
	 padding-top: 20px;
}
#ohjelma p span{
	float: left;
	display: inline;
	width: auto;
	padding: 5px;
	font-weight: bold;
	color: #fff;
	background: #67a131;
}
#ohjelma ul{
	float: left;
	display: inline;
	width: 100%;
	margin: 0;
	padding-top: 10px;
	list-style-type: none;
}
#ohjelma ul li{
	border-bottom: 1px solid #c1c1c1;
	font-weight: bold;
	line-height: 1.8em;
}
#ohjelma ul li span{
	float: left;
	display: inline;
	width: 90px;
	font-weight: normal;
	
}


/* classes
-------------------------------------------------------------- */
.no-margin{
	margin: 0 !important;
}
.no-padding{
	padding: 0 !important;
}
.no-border{
	border: none !Important;
}
.map a{
	float: left;
	display: inline;
	margin: 0;
	padding: 0;
}
.map a img{
	border: 1px solid #b3b3b2;
}
.no-background{
	background: none !important;
}
.floatleft{
	float: left !important;
}	

.kabinetti-link{
	margin-left: 20px;
}


/* Footer
-------------------------------------------------------------- */
#footer{
	clear: both;
	overflow: hidden;
	width: 850px;
	text-align: center;
	background: #779900;
}
#footer ul{
	float: left;
	display: inline;
	margin: 0;
	width: 850px;
	text-align: center;
}
#footer ul li{
	display: inline;
	width: auto;
	text-align: center;
	color: #fff;
	font-style: normal !Important;
	font-size: 12px !Important;
	line-height: 3.5em;
	font-weight: normal !Important;
}
#footer a{
	color: #fff;
}
.footer-info{
	float: left;
	display: inline;
	width: 100%;
	font-weight: bold;
	padding-top: 10px;
	text-align: center;
}
.footer-info p span{
	color: #6e8200;
}

/* -----------------------------------------------------------

	Clear floats
	
----------------------------------------------------------- */
.wrapper 		{ display: inline-block; }
.wrapper:after 	{ content: "."; display: block; height: 0; clear: both; visibility: hidden; }
* html .wrapper { height: 1%; }
.wrapper 		{ display: block; }