body, html {
	margin:0;
	padding:0;
	height:100%;
	text-align: left;
	background: #624a42;
	/* background-attachment: fixed;
	background-image: url(""); */
	font-size: 12px;
	font-family: 'Open Sans', sans-serif;
	line-height:16px;
	color: #FFF;
}

h1, h2, h3	{ padding: 0; margin: 0px; }
p	{ padding: 0; margin: 0px; }
img	{ border:none; }

ul, li, tr, td, form { list-style: none; margin: 0; padding: 0; }



/*//////////////////////////
// Grunder
//////////////////////////*/

#wrap { position: relative; margin: 0 auto; margin-top: 0; background: #FFF; width: 100%; overflow: hidden; }

#container {
	position: relative;
	width: 960px;
	min-height: 730px;
	margin: 0 auto;
	margin-top: 45px;
	background-image: url('/bilder/bg_centershadow.png');
	background-repeat: no-repeat;
	background-position: 468px -50px;
}

.clear { clear: both; }

.green { color: #00998d !Important; }
.darkgreen { color: #00998d !Important; }
.orange { color: #f17e48 !Important; }
.blue { color: #3b5a9b !Important; }
.cyan { color: #4b9eb0 !Important; }
.white { color: #FFF !Important; }
.black { color: #000 !Important; }
.populaire { margin: 0; padding: 0; }
.mr_moustache_display { margin: 0; padding: 0; font-size: 1em;}

#bgstart { background-image: url('/bilder/bgstart.jpg'); }
#bginfo { background-image: url('/bilder/bginfo.jpg'); }
#bgmeny { background-image: url('/bilder/bgmeny.jpg'); }


a:link { text-decoration: none; }



#header { margin: 0 auto; position: relative; width: 839px; height: 112px; background-image: url("/bilder/bg_top.png"); }

#logo { margin-left: 30px; width: 119px; height: 112px; float: left; }

#menuleft { margin: 0 0 0 50px; height: 112px; width: 263px; float: left; }
#menuright { margin: 0 0 0 50px; height: 112px;	width: 300px; float: left; }

	.menu_item { margin: 43px 0 0 14px; color: #FFF; font-size: 26px; float: left; padding-bottom: 0px; letter-spacing: 1px; }
		.menu_item:hover { border-bottom: #FFF 1px solid; }
		.first { margin-left: 0px; }
		.menu_item.active { border-bottom: #FFF 1px solid; }


#content { position: relative; margin-top: 20px; min-height: 250px; }
#contentleft { position: relative; width: 460px; float: left; }
#contentright { position: relative; width: 460px; float: right; }



#footer { margin-top: 20px; width: 100%; background-image: url("/bilder/bg_footer.png"); overflow: hidden; padding-bottom: 35px; }
	#footercontainer { position: relative; width: 839px; margin: 0 auto; }
	
	#footercontactinfo { float: left; margin-top: 37px; margin-left: 36px; width: 320px; font-size: 22px; line-height: 25px; letter-spacing: 1px; overflow: hidden; }
		#footercontactinfo a { color: #f17e48 !Important; }

	#footersocial { float: right; padding: 0 25px 0  0; width: 218px; height: 97px; margin-top: 30px; margin-right: 42px; background: url("/bilder/bg_social_media.png") no-repeat; }
		#footersocial img { float: right; margin: 33px 0 0 10px; }


	
	

/*//////////////////////////
// Start 
//////////////////////////*/

.start { position: relative; width: 338px; height: 565px; margin-left: 70px; }
	
	.startslide { position: relative; width: 338px; }
	
	#startslidenav { position: absolute; bottom: 6px; left: 99px; width: 338px; margin: 0 auto; }
		#startslidenav a { width: 20px; height: 20px; font-size: 0px; background-image: url("/bilder/btn_slide_inactive.png"); margin: 0 auto; margin-left: 20px; float: left; }
		#startslidenav a.activeSlide { background-image: url("/bilder/btn_slide_active.png"); }

		.startbildspelcontainer { position: relative; margin: 46px 0 0 10px; width: 424px; height: 344px; }
			.startbildspelram { position: absolute; top: 0; right: 0; width: 424px; height: 344px; background-image: url("/bilder/bg_bildram.png"); z-index: 200; }
			.startbildspel { position: absolute; top: 17px; left: 15px; width: 424px; height: 344px; z-index: 150; }
			.startbildspels_item { position: absolute; top: 0; right: 0; width: 392px; height: 303px; z-index: 150; }
			#next2 { position: absolute; top: 215px; right: 15px; width: 14px; height: 48px; background-image: url("/bilder/btn_next.png"); cursor: pointer; z-index: 250; }
			#prev2 { position: absolute; top: 197px; left: -5px;  width: 14px; height: 48px; background-image: url("/bilder/btn_prev.png"); cursor: pointer; z-index: 250; }	
			
			

/*//////////////////////////
// Våra menyer 
//////////////////////////*/

.menyval { position: relative; margin: 20px 0 30px 44px; width: 381px; z-index: 9; overflow: hidden; }
	.menyval ul { margin: 25px 0 65px 94px; font-size: 24px; }
	.menyval li:first-child { margin: 20px 0 0 0; }
	.menyval li { margin: 13px 0 0 0 !Important; }
	.menyvaltop { margin: 0 auto; width: 103px; height: 41px; background: url("/bilder/bg_menyvaltop.png") no-repeat; }
	.menyvalbottom { margin: 0 auto; width: 103px; height: 41px; background: url("/bilder/bg_menyvalbottom.png") no-repeat; }
		.menyval li a { padding: 0 7px 3px 7px; }
		.menyval li a:hover { background: url("/bilder/bg_line_activehover.png") repeat-x bottom left; padding: 0 7px 3px 7px; }
		.menyval li a.active { background: url("/bilder/bg_line_activehover.png") repeat-x bottom left; padding: 0 7px 3px 7px; }
		
	.menyval_items { width: 381px; z-index: 100; margin: 6px 0 0 0; }
		.menyval_items:hover { background: url("/bilder/bg_meny_activehover3.png") no-repeat; cursor: pointer; z-index: 100; }
		.menyval_items a { color: #FFF !Important; }
	

/*		
	.menu_item_takeaway { width: 381px; z-index: 100; overflow: hidden; }
		.menu_item_takeaway:hover { background: url("/bilder/bg_meny_activehover3.png") no-repeat; cursor: pointer; z-index: 100; }
		.menu_item_takeaway a { color: #FFF !Important; }
		
	.menu_item_kafemeny { width: 381px; z-index: 100; overflow: hidden; }
		.menu_item_kafemeny:hover { background: url("/bilder/bg_meny_activehover3.png") no-repeat; cursor: pointer; z-index: 100; }
		.menu_item_kafemeny a { color: #FFF !Important; }
		
	.menu_item_lunchmeny { width: 381px; z-index: 100; overflow: hidden; }
		.menu_item_lunchmeny:hover { background: url("/bilder/bg_meny_activehover3.png") no-repeat; cursor: pointer; z-index: 100; }
		.menu_item_lunchmeny a { color: #FFF !Important; }
		
	.menu_item_alacarte { width: 381px; z-index: 100; overflow: hidden; }
		.menu_item_alacarte:hover { background: url("/bilder/bg_meny_activehover3.png") no-repeat; cursor: pointer; z-index: 100; }
		.menu_item_alacarte a { color: #FFF !Important; }
*/	
	.menyactive { background: url("/bilder/bg_meny_activehover3.png") no-repeat; z-index: 200; }

	
#menytitle { position: absolute; top: 3px; left: 5px; background-image: url("/bilder/bg_menytitle.png"); background-repeat: no-repeat;	background-position: bottom; }
	#menytitle h1 { font-size: 44px; transform:rotate(-11deg); -ms-transform:rotate(-11deg); /* Internet Explorer */ -moz-transform:rotate(-11deg); /* Firefox */ -webkit-transform:rotate(-11deg); /* Safari and Chrome */ -o-transform:rotate(-11deg); /* Opera */  margin-bottom: 13px; }
	
#varamenyer { margin: 50px 0 0 75px; color: #FFF; font-size: 24px; line-height: 29px; }
	#varamenyer h2 { font-size: 33px; line-height: 29px; margin: 12px 0 10px 0; }
	#varamenyer h3 { line-height: 29px; margin: 0px; font-size: 24px; margin: 10px 0 1px 0; }
	#varamenyer p { line-height: 29px; margin: 10px 0 23px 0; line-height: 20px; font-size: 16px; color: #FFF; font-family: 'Open Sans', sans-serif; }
	#varamenyer span { line-height: 29px; margin: 0px; font-size: 24px; margin-bottom: 1px; }
	#varamenyer table { margin-top: 15px; }
	#varamenyer td { line-height: 29px; font-size: 24px; }
	#varamenyer a { color: #FFF; cursor: pointer; }
	#varamenyer ul { margin: 0 0 20px 25px; }
	#varamenyer li { /* list-style-type: circle; list-style: circle;*/ font-style: italic; font-size: 16px; margin: 15px 0 0 0; }
	
/* jQuery UI Tooltip 1.9.2 */
	 .ui-tooltip {
		background: #8b7e7a;
	}
	.ui-tooltip {
		padding: 8px 15px;
		position: absolute;
		z-index: 9999;
		max-width: 250px;
		color: #FFF;
		font-size: 14px;
		box-shadow: 0 0 6px black;
	}

		.menyitem { margin-top: 30px; }
		.menyitem.first { margin-top: 40px; }
		
		.info.varamenyer { margin-left: 13px; width: 420px; color: #FFF; }
			
			.info.varamenyer h1 { 
				margin: 0 auto;
				margin-left: -5px;
				font-size: 60px;
				text-align: center;
				transform:rotate(-1deg);
				-ms-transform:rotate(-1deg); /* Internet Explorer */
				-moz-transform:rotate(-1deg); /* Firefox */
				-webkit-transform:rotate(-1deg); /* Safari and Chrome */
				-o-transform:rotate(-1deg); /* Opera */
				 color: #f17e48;
			}
			
			.info.varamenyer p { width: 372px; /*text-align: justify;*/ margin: 10px 23px 23px 23px; /* line-height: 35px; font-size: 27px;*/ color: #FFF; line-height: 20px; font-size: 16px; font-family: 'Open Sans', sans-serif; }
			.info.varamenyer span { width: 372px; /*text-align: justify;*/ margin: 10px 23px 5px 23px; line-height: 35px; font-size: 27px; color: #FFF; }
			.info.varamenyer a { color: #FFF; }
			.info.varamenyertd td { font-size: 27px; }
/*
#takeaway { margin: 50px 0 0 75px; color: #FFF; font-size: 24px; line-height: 29px; }
	#takeaway h2 { font-size: 33px; line-height: 29px; margin: 12px 0 10px 0; }
	#takeaway span { line-height: 29px; margin: 0px; font-size: 24px; margin-bottom: 1px; }
	#takeaway table { margin-top: 15px; }
	#takeaway td { line-height: 29px; font-size: 24px; }
	#varamenyer p { line-height: 29px; font-size: 24px; margin: 10px 0 0 0; }

#kafemeny { margin: 50px 0 0 75px; color: #FFF; font-size: 24px; line-height: 29px; }
	#kafemeny h2 { text-transform: uppercase; font-size: 33px; line-height: 29px; margin: 12px 0 10px 0; }
	#kafemeny h3 { text-transform: uppercase; line-height: 29px; margin: 12px 0 10px 0; }
	
#lunchmeny { margin: 54px 0 0 70px; color: #FFF; font-size: 24px; line-height: 29px; }
	#lunchmeny h2 { text-transform: uppercase; font-size: 32px; line-height: 29px; margin: 12px 0 4px 0; }
	#lunchmeny h3 { text-transform: uppercase; font-size: 24px; line-height: 29px; margin: 13px 0 8px 0; }
	
#alacarte { margin: 50px 0 0 75px; color: #FFF; font-size: 24px; line-height: 29px; }
	#alacarte h2 { text-transform: uppercase; font-size: 33px; line-height: 29px; margin: 12px 0 10px 0; }
	#alacarte h3 { text-transform: uppercase; line-height: 29px; margin: 12px 0 10px 0; }
*/
	
	
/*//////////////////////////
// Våra kaféer
//////////////////////////*/

.kafeval { position: relative; margin: 20px 0 0 60px; width: 385px; min-height: 521px; z-index: 9; overflow: hidden; }
	.kafeval ul { margin: 25px 0 65px 94px; font-size: 24px; }
	.kafeval ul a { color: #00998d !Important; }
	.kafeval li:first-child { margin: 20px 0 0 0; }
	.kafeval li { margin: 13px 0 0 0 !Important; }
		.kafeval li a { padding: 0 7px 3px 7px; }
		.kafeval li a:hover { background: url("/bilder/bg_line_activehover2.png") repeat-x bottom left; padding: 0 7px 3px 7px; }
		.kafeval li a.active { background: url("/bilder/bg_line_activehover2.png") repeat-x bottom left; padding: 0 7px 3px 7px; }

	.kafe_item_jarntorget { margin: 5px 0 0 0; width: 385px; z-index: 100; }
		.kafe_item_jarntorget:hover { background-image: url("/bilder/bg_kafeer_activehover.png"); background-repeat: no-repeat;	background-position: 0 17px; cursor: pointer; z-index: 100; }

	.kafe_item_kyrkogatan { margin: 45px 0 0 0; width: 385px; z-index: 100; }
		.kafe_item_kyrkogatan:hover { background-image: url("/bilder/bg_kafeer_activehover.png"); background-repeat: no-repeat;	background-position: 0 17px; cursor: pointer; z-index: 100; }

/*
	.kafe_item_bantorget { margin: 45px 0 0 0; width: 385px; height: 144px; z-index: 100; }
		.kafe_item_bantorget:hover { background-image: url("/bilder/bg_kafeer_activehover.png"); background-repeat: no-repeat; background-position: 0 17px; cursor: pointer; z-index: 100; }
		
	.kafe_item_gallerian { margin: 45px 0 0 0; width: 385px; height: 145px; z-index: 100; }
		.kafe_item_gallerian:hover { background-image: url("/bilder/bg_kafeer_activehover.png"); background-repeat: no-repeat; background-position: 0 17px; cursor: pointer; z-index: 100; }
*/

	.kafeactive { background-image: url("/bilder/bg_kafeer_activehover.png"); background-repeat: no-repeat;	background-position: 0 17px; z-index: 200; }



	
/*//////////////////////////
// Om oss
//////////////////////////*/

.omossval { position: relative; margin: 20px 0 0 72px; width: 313px; z-index: 9; overflow: hidden; background-image: url("/bilder/bg_omossval.png"); background-repeat: no-repeat; }

	.omoss_item_vadawaycup { margin: 63px 0 0 0; width: 313px; height: 78px; font-size: 105px; z-index: 100; padding: 0 0 0 10px; }
		.omoss_item_vadawaycup:hover { background-image: url("/bilder/bg_omoss_activehover.png"); background-repeat: no-repeat;	background-position: bottom; cursor: pointer; z-index: 100; }
	
	.omoss_item_jobbahososs { margin: 0 0 0 0; width: 313px; height: 78px; z-index: 100; padding: 0 0 0 17px; }
		.omoss_item_jobbahososs:hover { background-image: url("/bilder/bg_omoss_activehover.png"); background-repeat: no-repeat; background-position: bottom; cursor: pointer; z-index: 100; }

/*		
	.omoss_item_payitforward { margin: -5px 0 0 0; width: 313px; height: 72px; z-index: 100; }
		.omoss_item_payitforward:hover { background-image: url("/bilder/bg_omoss_activehover.png"); background-repeat: no-repeat; background-position: bottom; cursor: pointer; z-index: 100; }
		
	.omoss_item_gillavaxten { margin: 1px 0 0 0; width: 313px; height: 85px; z-index: 100; }
		.omoss_item_gillavaxten:hover { background-image: url("/bilder/bg_omoss_activehover.png"); background-repeat: no-repeat;	background-position: bottom; cursor: pointer; z-index: 100; }
	
	.omoss_item_videowaycup { margin: 3px 0 0 0; width: 313px; height: 75px; z-index: 100; }
		.omoss_item_videowaycup:hover { background-image: url("/bilder/bg_omoss_activehover.png"); background-repeat: no-repeat;	background-position: bottom; cursor: pointer; z-index: 100; }
		
	.omoss_item_frankiefranchise { margin: 0px 0 0 0; width: 313px; height: 64px; z-index: 100; }
		.omoss_item_frankiefranchise:hover { background-image: url("/bilder/bg_omoss_activehover.png"); background-repeat: no-repeat; background-position: bottom; cursor: pointer; z-index: 100; }
*/

	.omossactive { background-image: url("/bilder/bg_omoss_activehover.png"); background-repeat: no-repeat;	background-position: bottom; z-index: 200; }
	
	.omossvalbottom { margin: 5px 0 0 0; width: 313px; height: 56px; background-image: url("/bilder/bg_omossvalbottom.png"); background-repeat: no-repeat; }


/*//////////////////////////
// Standardmall
//////////////////////////*/

#soonenough { position: relative; margin: 48px 0 0 81px; width: 309px; height: 413px; background-image: url("/bilder/bg_soonenough.png"); z-index: 9; }
#vadtyckerni { position: relative; margin: 0px 0 0 5px; width: 450px; height: 472px; background-image: url("/bilder/bg_vadtyckerni.png"); z-index: 9; }
#gottkaffe { position: relative; margin: 0px 0 0 104px; width: 351px; height: 494px; background-image: url("/bilder/bg_gottkaffe.png"); z-index: 9; }

.infobild { width: 281px; height: 214px; margin: 44px 0 40px 45px; background-image: url("/bilder/bg_macka.png"); }
.info { margin-left: 13px; width: 420px; color: #4b9eb0; }
	
	.info h1 { 
		margin: 0 auto;
		margin-left: -5px;
		font-size: 60px;
		text-align: center;
		transform:rotate(-1deg);
		-ms-transform:rotate(-1deg); /* Internet Explorer */
		-moz-transform:rotate(-1deg); /* Firefox */
		-webkit-transform:rotate(-1deg); /* Safari and Chrome */
		-o-transform:rotate(-1deg); /* Opera */
		margin-bottom: 30px;
		color: #006c64
	}
	
	.info p { width: 372px; /*text-align: justify;*/ margin: 10px 23px 23px 23px; line-height: 20px; /*font-size: 27px;*/ font-size: 16px; color: #006c64; font-family: 'Open Sans', sans-serif; }
	.info span { width: 372px; /*text-align: justify;*/ margin: 10px 23px 5px 23px; line-height: 35px; font-size: 27px; color: #006c64; }
	.info a { color: #006c64; }
	.info td { /*font-size: 27px;*/ font-size: 16px; color: #006c64; }
	
		
		.bildspelcontainer {position: relative; margin: 20px 0 20px 43px; width: 325px; height: 268px; }
		.bildspelram { position: absolute; top: 0px; left: 0px; width: 325px; height: 268px; z-index: 300; background-image: url("/bilder/bg_bildram_small.png"); }
		.bildspels_item { position: absolute; top: 23px; left: 20px; width: 301px; height: 231px; z-index: 150; }
		.bildslide { position: absolute; top: 13px; left: 13px; width: 301px; height: 231px; }
				.bildslidenav { position: absolute; top: 216px; left: 105px; width: 325px; margin: 0 auto; z-index: 400; }
					.bildslidenav a { width: 20px; height: 20px; font-size: 0px; background-image: url("/bilder/btn_slide_inactive.png"); margin: 0 auto; margin-left: 18px; float: left; }
					.bildslidenav a.activeSlide { background-image: url("/bilder/btn_slide_active.png"); }
						.bildslidenav a:first-child { margin-top: -1px; }
						.bildslidenav a:nth-child(2) { margin-top: 0px; }
						.bildslidenav a:nth-child(3) { margin-top: 1px; }
						.bildslidenav a:nth-child(4) { margin-top: 2px; }
						.bildslidenav a:nth-child(5) { margin-top: 3px; }
						.bildslidenav a:nth-child(6) { margin-top: 4px; }
		
		.contactform { width: 380px; margin: 0 auto; margin-top: 50px; margin-bottom: 20px; }
			.contactform .formitem { margin: 15px 0 0 0; }
				.contactform  .float { float: left; margin: 0 0 0 26px; }
				.contactform  .first { margin: 0px; }
				
				.contactform .formitem span { margin: 0 0 0px 0; font-size: 22px; color: #006c64; }
				.contactform .formitem .input { width: 136px; padding: 5px 7px 3px 7px; height: 22px;font-size: 15px; color: #006c64; font-family: 'Open Sans', sans-serif; background: #e6e6e6; border: 1px #006c64 solid; }
				.contactform .formitem .input:focus { color: #000000; background: #f7f7f7; border: 1px #f17e48 solid; }
				.contactform .formitem .textarea { width: 186px; padding: 5px 7px 3px 7px; height: 230px;font-size: 15px; color: #006c64; font-family: 'Open Sans', sans-serif; background: #e6e6e6; border: 1px #006c64 solid; margin-top: -1px; resize: vertical; }
				.contactform .formitem .textarea:focus { color: #000000; background: #f7f7f7; border: 1px #f17e48 solid; }
				.contactform .submit { margin-top: 20px; float: right; width: 380px; height: 35px; font-size: 15px; font-weight: bold; color: #FFFFFF; font-family: 'Open Sans', sans-serif; background: #006c64; border: 1px #006c64 solid; -webkit-border-radius: 5px; -moz-border-radius: 5px; border-radius: 5px; text-transform: uppercase; }
				.contactform .submit:hover { color: #FFFFFF; background: #f17e48; border: 1px #000000 solid; }
				
				.contactform h3 { font-weight: bold; color: #006c64; font-size: 32px; margin: 0 0 12px 0; }
				.contactform strong { font-weight: bold; color: #006c64; font-size: 20px; }
				.contactform span { color: #006c64; font-size: 23px; margin: 0 0 12px 0; }

	
/*//////////////////////////
// 404
//////////////////////////*/

.bred { margin: 0 auto; margin-top: 80px; width: 500px; color: #4b9eb0; }
	.bred h1 { margin: 0 auto; font-size: 60px; text-align: center; }
	.bred p { margin: 0 auto; margin-top: 20px; width: 400px; line-height: 35px; font-size: 27px; color: #006c64; }
	.bred a { color: #006c64; text-decoration: underline; }
	.bred ul { margin: 0 auto; margin-top: 30px; }
	.bred li { list-style: circle; margin: 10px 0 0 20px; font-size: 22px; }
		.bred li a { padding: 0 7px 2px 7px; }
		.bred li a:hover { background: url("/bilder/bg_line_activehover3.png") repeat-x bottom left; }