﻿@charset "utf-8";
/* CSS Document */
* {margin: 0; padding: 0;}

body {
	margin: 0px;
	padding: 0;
	background: #f2f2f1 url(img/bg01.jpg) repeat left top ;
	font-family: Arial, Helvetica, sans-serif;
	font-size: 12px;
	color: #000000;
}

h1, h2, h3, h4 {
	margin: 0 0 5px 0;

}

h1 {
	font-size: 18px;
	color: #e75113;
	font-weight: normal;}

h2 {
	font-size: 16px;
	font-weight: normal;}

h3 {
	font-size: 20px;
	font-weight: bold;
	color: #e75113;}

h4	{
	font-size:18px;
	color:#FFF;
	font-weight: normal;}


a	{
  font-family: Arial, Helvetica, Sans-Serif;
  text-decoration: none;
  color: #000;}


a:link	{
  font-family: Arial, Helvetica, Sans-Serif;
  text-decoration: none;
  color: #e75113;}


a:visited, a.visited	{
  font-family: Arial, Helvetica, Sans-Serif;
  text-decoration: none;
  color: #e75113;}


a:hover
{
  font-family: Arial, Helvetica, Sans-Serif;
  text-decoration: none;
  color: #ff9d2a;
}

a img {
	border: none;
	text-decoration:none;
	color:#000;
}

a h1 {
	text-decoration: none;
	color:#e75113;
}

ul.omfrasses
{
list-style-type:none;
line-height:200%
}

ul.kontakt
{
list-style-type:none;
line-height:120%;
}

ul.map
{
list-style-type:none;
line-height:140%;
color: #e75113;
}

p.white
{
color: #FFF;
}

.pil
{
list-style-image:url('img/triangel.png');

}



.infoboxneutral {
	width:190px;
	float:left;
	margin:12px 10px 0px 0px;
	padding: 0px;
	height:90px;
	background-image:url(img/infobox2.png);
	background-repeat:no-repeat;
}

/* BOX varierande längd */

.boxwrap {width:950px; margin-bottom: 15px;}
.topr {height: 25px; background-image: url("img/topr.png"); background-position: right center; background-repeat: no-repeat;}
.topl {width: 932px; height:25px; background-image: url("img/topl.png"); background-repeat: no-repeat;}

.midr {background-image: url("img/midr.png"); background-position: right center; background-repeat: repeat-y; }
.midl {width: 932px; background-image: url("img/midl.png");}

.botr {height: 18px; background-image: url("img/botr.png"); background-position: right center; background-repeat: no-repeat;}
.botl {width: 932px; height:18px; background-image: url("img/botl.png");}

.boxcontent {padding: 0px 0px 0px 25px; overflow: hidden;}

/*Boxinnehåll kampanjsidan*/
.boxcontentkamp {margin: 0px; padding:0px; overflow:hidden;}

/*Högerkolumnt restauranger med lista över anläggningarna */
.orter {width:200px; float:left; margin: 0 0 0 60px;}





#wrapper {
	width:950px;
	margin: 0 auto;
	}
	
#header {
	height: 95px;
}

#logo {
	float: left;
	width: 325px;
	height: 45px;
	padding-left: 60px;
	padding-top:30px;

}

#menu {
	float:left;
	width:950px;
	height:70px;
}
	

/*Standardbox, fast höjd */
#maincaptop {
	width: 950px; 
	margin: 0 0; 
	padding: 0px 0px; 
	background-image: url("img/container.png");
	background-repeat:no-repeat;
	min-height: 363px; 
}

/*OM FRASSES */
#maincaphistory {
	width: 920px; 
	margin: 0 2px; 
	padding: 50px 0px 10px 30px; 
	background-image: url("img/historia.png");
	background-repeat:no-repeat;
	min-height: 242px; 
}
/*Wrapper för infoboxar Historia*/
#maincapboxar2 {
	width:950px;
	margin: 10px 0;
	padding: 0px 0px 0px 0px;
	background-image:url(img/container_historia.png);
	background-repeat:no-repeat;
	min-height:295px;
}

#infoboxhistory {
	width:430px;
	float:left;
	margin:0px 0px 0px 0px;
	padding: 20px 0px 0px 30px;
	height:252px;
	background-image:url(img/historybox_sallad.png);
	background-repeat:no-repeat;
	min-height:242px;
}

#infoboxhistory2 {
	width:410px;
	float:left;
	margin:0px 0px 0px 20px;
	padding: 20px 0px 0px 30px;
	height:242px;

}


/*MENYER MATEN */

#maincapmenyer {
	width: 950px; 
	margin: 0 0; 
	padding: 0px 0px; 
	background-image: url("img/container_menyer.png");
	background-repeat:no-repeat;
	min-height: 822px;
}

#maincaptillbehor {
	width: 950px; 
	margin: 0 0; 
	padding: 0px 0px; 
	background-image: url("img/container_tillbehor.png");
	background-repeat:no-repeat;
	min-height: 618px;
}

/*MENYER undersidorna*/

#menyleft {
	width:400px;
	float:left;
	margin:0 0 0 50px;
	padding:120px 0 0 0;
}

#menyright {
	width:450px;
	float:left;
	margin:0 0 0 10px;
	padding:30px 0 0 0;
}

/*Infoboxar för Maten*/

#infoboxmat1 {
	width:190px;
	float:left;
	margin:12px 10px 0px 0px;
	padding: 20px;
	height:90px;
	background-image:url(img/infoboxmat_menyer.png);
	background-repeat:no-repeat;
}

#infoboxmat2 {
	width:190px;
	float:left;
	margin:12px 10px 0px 0px;
	padding: 20px;
	height:90px;
	background-image:url(img/infoboxmat_tillbehor.png);
	background-repeat:no-repeat;
}

#infoboxmat3 {
	width:190px;
	float:left;
	margin:12px 10px 0px 0px;
	padding: 20px;
	height:90px;
	background-image:url(img/infoboxmat_fika.png);
	background-repeat:no-repeat;
}



#infoboxmat4 {
	width:190px;
	float:left;
	margin:12px 0px 0px 0px;
	padding: 20px;
	height:90px;
	background-image:url(img/infoboxmat_kampanj_jan.png);
	background-repeat:no-repeat;
}

/* JOBB */

#maincapjobb {
	width: 950px; 
	margin: 0 0; 
	padding: 0px 0px; 
	background-image: url("img/container_jobb.png");
	background-repeat:no-repeat;
	min-height: 684px;
}

/*Infoboxar Jobb*/
#infoboxjobb{
	width:515px;
	float:left;
	margin: 320px 50px 0 0;
	padding: 5px 0px 0px 30px;
	background-image:none;

	}
	
#infoboxjobb_frame {
	width:250px;
	float:left;
	margin: 350px 0 0 0;
	padding: 20px 15px 10px 20px;
	background-image:url(img/jobb_frame2.png);
	background-repeat:no-repeat;
	min-height:273px;

	}

/* KONTAKT */

#maincapkontakt {
	width: 950px; 
	margin: 0 0; 
	padding: 0px 0px; 
	background-image: url("img/container.png");
	background-repeat:no-repeat;
	min-height: 363px; 
	}
	
/*Infoboxar Kontakt*/
#infoboxkontakt{
	width:640px;
	float:left;
	margin: 20px 50px 0 0;
	padding: 5px 0px 0px 30px;
	background-image:none;

	}
	
#infoboxkontakt_frame {
	width:165px;
	float:left;
	margin: 50px 0 0 0;
	padding: 20px 5px 0px 20px;
	background-image:url(img/jobb_frame.png);
	background-repeat:no-repeat;
	min-height:273px;

	}

div.kontakter
{
width:190px;
float:left;
padding:30px 20px 0 0;
border:none;
margin:0px;
}	

#infoboxrestaurangerna {
	width:190px;
	float:left;
	margin:12px 10px 0px 0px;
	padding: 20px;
	height:90px;
	background-image:url(img/infoboxkontakt.png);
	background-repeat:no-repeat;
}

/*FRANCHISE */
	
#maincapfranchise {
	width: 950px; 
	margin: 0 0; 
	padding: 0px 0px; 
	background-image: url("img/container_franchise.png");
	background-repeat:no-repeat;
	min-height: 500px;
}	

/* Wrapper för infoboxar Franchise */
#infoboxfranchise
{
width:600px;
float:left;
margin: 30px;
padding:0;
border:none;

}

#infoboxfranchise_pic
{
width:208px;
float:left;
margin: 30px;
padding:0;
border:none;
background-image:url(img/franchise.png);
background-repeat:no-repeat;
min-height:350px;
}

/* RESTAURANGER */
	
#map {width:600px; height:800px; float:left;}

/*Restauranger*/

#restleft {
width:550px;
float:left;
margin: 30px;
}

#restright {
width: 300px;
float:left;
margin:30px 0px 0px 0px;
padding:10px;
}


/*Infoboxar för förstasidan*/
#infobox1 {
	width:190px;
	float:left;
	margin:12px 10px 0px 0px;
	padding: 20px;
	height:90px;
	background-image:url(img/infobox1jan.png);
	background-repeat:no-repeat;
}

.infobox:hover { cursor: pointer; }

#infobox2 {
	width:190px;
	float:left;
	margin:12px 10px 0px 0px;
	padding: 20px;
	height:90px;
	background-image:url(img/infobox2.png);
	background-repeat:no-repeat;
}

#infobox3 {
	width:190px;
	float:left;
	margin:12px 10px 0px 0px;
	padding: 20px;
	height:90px;
	background-image:url(img/infobox3.png);
	background-repeat:no-repeat;
}

#infobox4 {
	width:190px;
	float:left;
	margin:12px 0px 0px 0px;
	padding: 20px;
	height:90px;
	background-image:url(img/infobox4.png);
	background-repeat:no-repeat;
}

#infobox5 {
	width:190px;
	float:left;
	margin:12px 0px 0px 0px;
	padding: 20px;
	height:90px;
	background-image:url(img/infobox1.png);
	background-repeat:no-repeat;
}


/*Wrapper för infoboxar*/
div.maincapboxar {
	width:950px;
	margin: 0px;
	padding: 0px;
	height:135px;
}

div.infoboxneutral {
	width:190px;
	float:left;
	margin:12px 10px 0px 0px;
	padding: 20px;
	height:90px;
	background-image:url(img/infobox2.png);
	background-repeat:no-repeat;
}
div.infoboxneutral_right {
	width:190px;
	float:left;
	margin:12px 0px 0px 0px;
	padding: 20px;
	height:90px;
	background-image:url(img/infobox2.png);
	background-repeat:no-repeat;
}


/*BILDER KAMPANJBOXARNA*/

#dip
{	width:190px;
	float:left;
	margin:0px 0px 0px 0px;
	padding: 0px;
	height:90px;
	background-image:url(img/infobox_dip.png);
	background-repeat:no-repeat;
}

	
	
/*Wrapper för bilder menyer*/

#produktcontainer {
	width:237px;
	float:left;
	margin:0;
	padding:0;
	height:200px;
}


#footer {
	height:90px;
	margin-top:30px;
	font-size:10px;
}

/*#footer_line{
 	background: #bfbfbf url(img/line.png) repeat left;
	height:1px;
	width:940px;
	margin: 0px 0px 20px 0px;
	}*/
	
.cr {
	height:40px;
	float:right;
	margin-right:10px;
	}
	

.icons {
	height:40px;
	float:left;
	margin-left: 0px;}

	.meny {
	width: 230px;
	height: 200px;
	float: left;
}
.meny h4 {
	color:#e75113;
	text-align: center;
	text-decoration: none;
	
}

.tillbehor {
	width: 230px;
	height: 200px;
	float: left;
}
.tillbehor h4 {
	color: #000;
	text-align: center;
}

li ul li { list-style-image: none; }
