@import url("reset.css");
@import url("clearfix.css");


body {
	background: #2b2a24;
	color: #dee1cb;
	font: 62.5% thin Helvetica, Arial, sans-serif;	
}

a {color: #5c9c20;text-decoration: none}
a:visited {color: #7d8069;}
a:hover,a:focus {color: #7d8069; }
a:active { color: #5c9c20; }

h1 { font-size: 2.2em; }
h2 { font-size: 1.5em; font-weight: lighter; margin-bottom: 0.8em; line-height: 1.1em; }


/*===============================================================================/
// Page structure
/===============================================================================*/

#container {
	margin: 0 auto;
	width: 800px;
}

#photos { margin-bottom: 5px; }


#mainContent {
	clear: both;
	float: left;
	font-size: 1.3em;
	line-height: 1.5em;
	min-height: 590px;
	margin: 30px 0 0 0;
	width: 500px;
}
#mainContent li {
	list-style:url(/bilder/bullit_star_green_2.gif);
	margin-left: 15px;
	padding-bottom:3px;
	width:470px; 
}

#sideBar {
	border-left: 1px solid #3c3b32;
	float: right;
	font-size: 1.1em;
	line-height: 1.5em;
	margin: 30px 0;
	min-height: 550px;
	padding-left: 19px;
	width: 200px;
}
#sideBar li {
	border-bottom: 1px solid #3c3b32;
	display: block;
	margin-bottom: 30px;
	padding-bottom: 10px;
	width: 200px;
}

/* Welcome page
================================================================================*/
body#vaelkommen_till_ekensdal #mainContent {
	background: url(/bilder/dna_lampa.gif) bottom center no-repeat;
	width: 310px;
}
body#vaelkommen_till_ekensdal #news {
	background: url(/bilder/puff_aktuellt_green_209x332.gif) 20px 0 no-repeat;
	border-left: 1px solid #3c3b32;
	float: left;
	font-size: 1.2em;
	height: 550px;
	line-height: 1.5em;
	margin: 30px 0 0 20px;
	position: relative;
	width: 229px;
}
body#vaelkommen_till_ekensdal #news #newsContent {
	left: 40px;
	position: absolute;
	top: 60px;
	width: 175px;
}
body#vaelkommen_till_ekensdal #news #newsContent a:link, body#vaelkommen_till_ekensdal #news #newsContent a:hover, body#vaelkommen_till_ekensdal #news #newsContent a:visited, body#vaelkommen_till_ekensdal #news #newsContent a:active { color: #fff; text-decoration: underline; }
body#vaelkommen_till_ekensdal #news #newsFooter {
	background: url(/bilder/puff_kontakt.gif) top left no-repeat;
	height: 147px;
	left: 20px;
	position: absolute;
	top: 345px;
	width: 209px;
}

/*===============================================================================/
// Footer
/===============================================================================*/

#footer {
	background: url(/bilder/bg_bottom.gif) repeat-x;
	clear: both;
	position: relative;
}
#footerContent {
	background-image:url(/bilder/bg_footer.gif);
	font-size: 1.2em;
	margin: 0 auto;
	width: 800px;
}
#footerContent a, #footerContent a:visited { color: #7d8069; }
#footerContent a:hover, #footerContent a:active { color: #5c9c20; }
#droppar {
	background:url(/bilder/droppar_footer.gif);
	height:91px;
	left: 50%;
	margin-left: 420px;
	position: absolute;
	top: 1px;
	width:37px;
}

#footerContent #footerNav {
	background: url(/bilder/meny_nere2.gif);
	float: left;
	height: 126px;
	padding: 55px 0 0 13px;
	width: 120px;
}
#footerContent #footerNav li {
	display: block;
	margin-bottom: 10px;
	width: 120px;
}
#map { padding-top: 32px; }

#map, #footerLogo {
	float: left;
}
#contactInfo {
	color: #7d8069;
	padding: 200px 0 40px 0;
	text-align: center;
}
#spalt4 {float:left; width:333px; height:181px; background-image:url(../bilder/meny_nere2.gif);}
	#spalt4 ul, #spalt4 li {padding:0; margin:0; list-style-type:none;}
	#spalt4 ul {padding:55px 0 0 13px;}
	#spalt4 li {padding:0 0 10px 0;}
	
		#meny_v {float:left; width:155px; height:181px;}
		#meny_h {float:left; width:155px; height:181px;}
	
	#spalt4 a {text-decoration:none; color:#7d8069; }
	#spalt4 a:hover {color:#5c9c20;}
	
	#spalt5 {float:left; width:246px; height:181px;}
	#spalt6 {float:left; width:221px; height:181px;}

/*===============================================================================/
// Headers
/===============================================================================*/
h1 {
	display: block;
	margin-bottom: 20px;
	text-indent: -9999em;
}
body#vaelkommen_till_ekensdal h1 {
	background: url(/bilder/rubriker/valkommen_till_ekensdal.gif) top left no-repeat;
	height: 53px;
	width: 161px;
}
body#om_ekensdal h1 {
	background: url(/bilder/rubriker/om_ekensdal.gif) top left no-repeat;
	height: 23px;
	width: 330px;
}
body#kocken_sommelieren h1 {
	background: url(/bilder/rubriker/kocken_sommelieren_och_mia_le.gif) top left no-repeat;
	height: 29px;
	width: 500px;
}
body#fester_hoegtider h1 {
	background: url(/bilder/rubriker/fester_och_hogtider.gif) top left no-repeat;
	height: 29px;
	width: 330px;
}
body#matkurser_provningar h1 {
	background: url(/bilder/rubriker/matkurser_och_provningar.gif) top left no-repeat;
	height: 29px;
	width: 330px;
}
body#konferenser_event h1 {
	background: url(/bilder/rubriker/konferenser_och_event.gif) top left no-repeat;
	height: 23px;
	width: 330px;
}
body#var_syn_pa_mat h1 {
	background: url(/bilder/rubriker/var_syn_pa_mat.gif) top left no-repeat;
	height: 29px;
	width: 330px;
}
body#bageri h1 {
	background: url(/bilder/rubriker/bageri.gif) top left no-repeat;
	height: 27px;
	width: 84px;
}
body#catering h1 {
	background: url(/bilder/rubriker/catering.gif) top left no-repeat;
	height: 27px;
	width: 111px;
}
body#lunch h1, body#lunch_catering h1 {
	background: url(/bilder/rubriker/lunch.gif) top left no-repeat;
	height: 21px;
	width: 77px;
}
body#expo_lounge h1 {
	background: url(/bilder/rubriker/lounge.gif) top left no-repeat;
	height: 27px;
	width: 171px;
}
body#bokningsrutiner h1 {
	background: url(/bilder/rubriker/bokningsrutiner.gif) top left no-repeat;
	height: 30px;
	width: 300px;
}
body#mat_buffe h1 {
	background: url(/bilder/rubriker/buffe.gif) top left no-repeat;
	height: 30px;
	width: 185px;
}
body#dekor h1 {
	background: url(/bilder/rubriker/dekor.gif) top left no-repeat;
	height: 30px;
	width: 300px;
}
body#dryck_och_bar h1 {
	background: url(/bilder/rubriker/dryckerochbar.gif) top left no-repeat;
	height: 30px;
	width: 300px;
}
body#foeretagsevenemang h1 {
	background: url(/bilder/rubriker/foretagsevenemang.gif) top left no-repeat;
	height: 30px;
	width: 300px;
}
body#mat_frukost h1 {
	background: url(/bilder/rubriker/frukost.gif) top left no-repeat;
	height: 30px;
	width: 185px;
}
body#hogtid_och_brollop h1 {
	background: url(/bilder/rubriker/hogtidbrollop.gif) top left no-repeat;
	height: 30px;
	width: 300px;
}
body#konferens_mote h1 {
	background: url(/bilder/rubriker/konferens.gif) top left no-repeat;
	height: 30px;
	width: 300px;
}
body#matlagningskurser h1 {
	background: url(/bilder/rubriker/matlagningskurser.gif) top left no-repeat;
	height: 30px;
	width: 300px;
}
body#mat_middag h1 {
	background: url(/bilder/rubriker/middag.gif) top left no-repeat;
	height: 30px;
	width: 185px;
}
body#mat_mingel h1 {
	background: url(/bilder/rubriker/mingel.gif) top left no-repeat;
	height: 30px;
	width: 185px;

}
body#musik_och_underhallning h1 {
	background: url(/bilder/rubriker/musikochunderhallning.gif) top left no-repeat;
	height: 30px;
	width: 300px;
}
body#mat_ovriga_teman h1 {
	background: url(/bilder/rubriker/ovrigateman.gif) top left no-repeat;
	height: 32px;
	width: 185px;
}
body#personal h1 {
	background: url(/bilder/rubriker/personal.gif) top left no-repeat;
	height: 30px;
	width: 300px;
}
body#porslin_och_utrustning h1 {
	background: url(/bilder/rubriker/porslinochutrustning.gif) top left no-repeat;
	height: 30px;
	width: 300px;
}
body#priser h1 {
	background: url(/bilder/rubriker/priser.gif) top left no-repeat;
	height: 30px;
	width: 300px;
}
body#mat_sista_minuten h1 {
	background: url(/bilder/rubriker/sistaminuten.gif) top left no-repeat;
	height: 30px;
	width: 185px;
}
body#transport h1 {
	background: url(/bilder/rubriker/transport.gif) top left no-repeat;
	height: 30px;
	width: 300px;
}
body#vin-_och_matprovningar h1 {
	background: url(/bilder/rubriker/vinmatprovningar.gif) top left no-repeat;
	height: 30px;
	width: 300px;
}
body#lokaler h1 {
	background: url(/bilder/rubriker/lokaler.gif) top left no-repeat;
	height: 30px;
	width: 300px;
}
h2#historia,h2#filosofi,h2#verksamheter,h2#kontakt {
	display: block;
	height: 30px;
	margin-bottom: 20px;
	text-indent: -9999em;
	width: 300px;
}
h2#historia { background: url(/bilder/rubriker/historia.gif) top left no-repeat; }
h2#filosofi { background: url(/bilder/rubriker/filosofi.gif) top left no-repeat; }
h2#verksamheter { background: url(/bilder/rubriker/verksamheter.gif) top left no-repeat; }
h2#kontakt { background: url(/bilder/rubriker/kontakt.gif) top left no-repeat; }

/*===============================================================================/
// Sidebar
/===============================================================================*/
#sideBar a {color: #7d8069;text-decoration: none}
#sideBar a:visited {color: #575a41;}
#sideBar a:hover, #sideBar a:focus {color: #5c9c20; }
#sideBar a:active { color: #7d8069; }


/*===============================================================================/
// Catering sidebar
/===============================================================================*/
.cateringSidebar {
	color: #7e816a;
}
.cateringSidebar h3 {
	background: url(/bilder/rubriker/nyhetsbrev.gif) top left no-repeat;
	display: block;
	height: 29px;
	margin-bottom: 1.3em;
	text-indent: -9999em;
	width: 129px;
}
.cateringSidebar #senderEmail {
	background: transparent url(/bilder/form.gif) top left no-repeat;
	border: none;
	font-size: 1.5em;
	height: 25px;
	margin-bottom: 0.6em;
	padding: 5px 5px 0 5px;
	width: 188px;
}
.cateringSidebar #newsletterOptions { float: left; }
.cateringSidebar #newsletterOptions label { display: block; float: left; width: 80px; }
.cateringSidebar #send { float: right; display: block; margin: 3px 0 3em 0;}

.cateringSidebar #newsFooter {
	background: url(/bilder/puff_kontakt.gif) bottom left no-repeat;
	/*border-top: 1px solid #3c3b32;*/
	clear: both;
	height: 147px;
	/*height: 207px;*/
	width: 209px;
}


/* New Index (june 2009)
============================================================ */
body#newIndex {
	background: #2b2a24 url(/bilder/index_bkg.jpg) top center no-repeat;
}

#indexContainer {
	width: 930px;
	margin: 0 auto;
	padding-top: 100px;
}

p#indexWelcome {
	background: url(/bilder/index_streck.png) bottom left no-repeat;
	color: #5c9c20;
	display: block;
	font: 13px Helvetica Verdana, Arial, sans-serif;
	margin-bottom: 50px;
	padding-bottom: 10px;
}
p#indexFooter {
	background: url(/bilder/index_streck.png) top left no-repeat;
	color: #5c9c20;
	display: block;
	font: 13px Helvetica, Verdana, Arial, sans-serif;
	margin-top: 50px;
	padding-top: 10px;
}

#indexNavigation {
	background: url(/bilder/index_kista.png) center right no-repeat;
	width: 930px;
	position: relative;
}
#indexNavigation #indexLogo {
	left: 0;
	margin-top: -35px;
	position: absolute;
	top: 50%;
}
#indexNavigation ul {
	margin-left: 548px;
	padding: 0;
}
#indexNavigation ul li {
	background: url(/bilder/index_streck_meny.png) bottom left no-repeat;
	display: block;
	height: 62px;
	list-style: none;
	padding-left: 20px;
	width: 238px;
}
#indexNavigation ul li a {
	color: #5c9c20;
	display: block;
	clear: left;
	float: left;
	height: 30px;
	font: 30px Helvetica, Verdana, Arial, sans-serif;
	padding: 15px 0;
	text-decoration: none;
}
#indexNavigation ul li a:hover {
	background: url(/bilder/index_navigation.gif) bottom left repeat-x;
}
#indexNavigation ul li span {
	background: url(/bilder/index_streck_meny.png) top left no-repeat;
	display: block;
	margin-left: -20px;
	padding-left: 20px;
	width: 238px;
}