body,html {
	margin				:	0px;
	padding				:	0px;
	width				:	100%;
}

body {
	font-size			:	10px;
	text-align			:	center;
	font-family			:	Verdana, Geneva, sans-serif;
	background			:	url('http://www.primula.fi/ravintolat/img/bg_pattern.gif') repeat-x top left #b4b4b4;
	color				:	#000;
}



table, td, tr, tbody {
	font-size			:	1.0em;
}	


p {
	margin				:	0 0 1em 0;
}

ul {
	padding-left		:	20px;	
}

h1,h2,h3,h4,h5,h6 {
 	font-size			:	1em;
	color				:	#000;
	margin				:	0;
	padding				:	0;
	margin-bottom		:	0.8em;
	line-height			:	1em;
	font-weight			:	normal;
}

img {
	border				:	0px;
}

a {
	color				:	#909090;
	font-weight			:	bold;
	text-decoration		:	none;
}

a:hover {
	text-decoration		:	underline;
}

#pageWidth {
	width				:	896px;
	margin-left			:	auto;
	margin-right		:	auto;
	text-align			:	left;
}

#headerHolder {
	height				:	105px;
	position			:	relative;
}

#logoHolder {
	width				:	243px;
	height				:	48px;
	position			:	absolute;
	top					:	36px;
	left				:	0;
}

#mapHolder {
	width				:	420px;
	height				:	29px;
	position			:	absolute;
	top					:	42px;
	right				:	0;
}

#pageHolder {
	border				:	1px solid #767676;
	padding				:	5px;
	background			:	#fff;
}

#decPic {
	width				:	882px;
	height				:	228px;
	overflow			:	hidden;
	border				:	1px solid #2a2a2a;
	position			:	relative;
}

#picpop {
	width				:	254px;
	height				:	68px;
	position			:	absolute;
	left				:	310px;
	bottom				:	14px;
	z-index				:	10;
}

.contentColHolder {
	width				:	222px;
	float				:	left;
}


.contentColHolderLast {
	width				:	218px;
	float				:	left;
}

.contentCol {
	width				:	218px;
	background			:	#000;
}

.contentCol {
	color				:	#fff;
	font-size			:	11px;
	line-height			:	13px;
	font-family			:	Verdana, Geneva, sans-serif;
}

.content {
	/*padding				:	10px;*/
}

.infoText {
	padding				:	10px;
	padding-top			:	0px;
	height				:	410px;
}

.cardHolder {
	padding				:	10px;
	padding-bottom		:	0;
}

.cardHolder .headerImg {
	padding-bottom		:	10px;
}

.cardHolder a {
	margin-right		:	10px;

}

.cardHolder a img {
	margin-bottom		:	10px;
}

.newsHolder {
	padding				:	10px;
	padding-top			:	0;
}

.newsHolder .headerImg {
	padding-bottom		:	10px;
}

#mapBody {
	background			:	#2c2c2c;
	color				:	#fff;
}

#mapContentHolder {
	width				:	530px;
	margin-left			:	auto;
	margin-right		:	auto;
	padding-top			:	20px;
}

#addressHolder {
	margin-left			:	auto;
	margin-right		:	auto;
	width				:	600px;
	height				:	130px;
	text-align			:	left;
	font-family			:	Georgia, serif;
	font-size			:	1.2em;
}

.address {
	width				:	160px;
	float				:	left;
}


/* card page */

#cardPageBody {
	background			:	#fff;
}

#cardPageWidth {
	width				:	670px;
	padding-top			:	20px;
	padding-left		:	20px;
	text-align			:	left;
}

.cardInput, .cardTextarea {
	width				:	220px;
	font-size			:	1em;
	border				:	1px solid #424343;
	background			:	#e6e6e6;
	font-family			:	Verdana, Geneva, sans-serif;
}

.cardSubmit {
	background			:	#000;
	color				:	#fff;
	border				:	none;
	padding				:	5px;
	font-size			:	1em;
	font-family			:	Verdana, Geneva, sans-serif;
}

.cardTextarea {
	height				:	100px;
}

.cardContent {
	font-size			:	1.2em;
}

.cardContent img {
	margin				:	0 0 20px 20px;
}

#cardPageWidth h1 {
	font-size			:	2em;
}

#cardPageWidth h2 {
	font-size			:	1.8em;
}

#cardForm {
	padding-top			:	110px;
}

#cardForm p {
	margin-bottom		:	10px;
}

.iframeForm {
	width				:	100%;
	height				:	1150px;
	border				:	none;
}


.clearfix:after {
	content				:	".";
	display				:	block;
	height				:	0;
	clear				:	both;
	visibility			:	hidden;
}

.clearfix {display:inline-block;}
/* Piilotellaan IE Mac:lta \*/
.clearfix {display:block;}
/* Lopetellaan piilottelu */

@media print{

#mapBody { 
	color : #000000;
	width: auto;
	margin: 0;
	background-color: #ffffff;
	background : transparent; 
}

#mapPrintLink {
	display: none;
}

}