html, body {
    height: 99%;
}
body {
	background:#fff url("/img/sjo_bg_body.png") center top repeat;
	font-family: myriad,"trebuchet ms", verdana, trebuchet, sans-serif;
	font-size:0.8em;
	line-height:140%;
	/*text-align:justify;*/
	margin:0;
	padding:0;
	}
	
a {color:#900;text-decoration:none;}
a{-moz-outline:none; outline: none;}
a:hover {color:#000;text-decoration:underline;}
h1, h2, h3{font: normal bold 120% myriad,verdana, geneva, sans-serif;margin:0 0 5px 0;}
h2{font-size: 100% ;}
h3{font-size: 95% ;}

p{ margin: 0 0 0.7em 0;padding:0;/*text-indent: 1em*/}	

small{ margin:0;padding:0;}	
img{margin:7px 18px 5px 0;}
a img{border:0;}	
fieldset{border:0;}

#container {
	position:relative;		
	height:100%;	
	margin:10px auto 0 auto;
	width:692px;	
	/*border:1px solid #999;*/
	}

#maincontent{	
	position:absolute;
	top:8em;
	font:normal 100% myriad,trebuchet "trebuchet ms",verdana,geneva,sans-serif;
	line-height:130%;
	height: 80%; 
	padding:15px 10px 0 13px;
	margin:0; 

	}
#maincontent p, #maincontent h1, #maincontent h2{padding-left:20px;}
#maincontent ul{padding-left:33px;}
#pagename{	}
#pagename h1{ }


#intro{
	position:absolute;
	left:13px;
	height:68px;
	width:680px;
	background: url("/img/sjo_bg_top.png") center top no-repeat;
	}


#logo{position:absolute;	top:1px; left:12px; }
#logo h1 span{/*display:none;*/}
#logo a{display:block; width: 300px;height:66px;cursor:pointer;text-decoration:none;}


#menu {
	position: absolute;	
	top:77px;		
	text-transform: uppercase;
	width:686px;
	margin:0;
	padding:0;
	font:bold 110% myriad,palatino,times,georgia,sans-serif;
	}	
/*
#nav ul{ list-style:none; margin:0 ; padding: 0;clear: right;}	
#nav li{	position: relative; display:inline; float:left; margin:0;padding:0; }
#nav a{ color:#900;font: bolder 100% palatino,times, georgia, serif; margin:0; padding: 0 0.6em; }
#nav a:hover{text-decoration:none;color:#8BD3E5;}
#nav span{	position:absolute;background: #00A0C6 ;height:9px; width:9px; margin:3px 0 0 10px;}
#nav li li a{color:#000;font-size:90%;}
#nav li li{display:inline;float:left; line-height:100%; padding:5px 0 3px 0;}
#nav li ul{margin:0;}
#nav #current{background:#eee;}
*/


div#menu ul{
	list-style: none;
	margin: 0 0 0 15px;
	padding: 0;
	clear: right;
	}
div#menu ul li{
	display: block;
	float: left;
	margin: 0;
	padding: 0;
	}
	
div#menu ul li a,div#menu ul li a:visited, 
div#menu ul li a:active{
	display: block;
	letter-spacing:-0.05em;
	text-decoration: none;
	border: none;
	padding: 0.2em 1em 0 0;
	height: auto;
	}
	div#menu a:hover{color:#8adbff;}
	#nav li ul{margin:3px 0 0 0;}
	#nav li li a{color:#900;}



/*undermenyer */
#nav li ul {  position:absolute; margin-left:3px;/* -moz-opacity:0.9;opacity: 0.9;*/	}
#nav li ul li{font:normal 90% verdana, myriad,sans-serif;display:inline;text-transform: lowercase;}

/* för IE bug*/
#nav li>ul { top: auto;left: auto;}
li:hover ul, li.over ul,	ul li a, ul li a:visited, ul li a:active {display: block; }/* listobjekt nästade under hover element OBS klassen over för IE PC */ 
/*slut undermenyer*/


/* bildmenyskit - bara att ta bort om man vill visa texten igen*/
#hem{background:url("/img/m_hem.png") no-repeat;}
#hem:hover{background:url("/img/m_hem_on.png") no-repeat;}

#restaurang{background:url("/img/m_restaurang.png") no-repeat;}
#restaurang:hover{background:url("/img/m_restaurang_on.png") no-repeat;}

#meny{background:url("/img/m_meny.png") no-repeat;}
#meny:hover{background:url("/img/m_meny_on.png") no-repeat;}

#catering{background:url("/img/m_catering.png") no-repeat;}
#catering:hover{background:url("/img/m_catering_on.png") no-repeat;}

#festvaning{background:url("/img/m_festvaning.png") no-repeat;}
#festvaning:hover{background:url("/img/m_festvaning_on.png") no-repeat;}

#batcharter{background:url("/img/m_batcharter.png") no-repeat;}
#batcharter:hover{background:url("/img/m_batcharter_on.png") no-repeat;}

#kontakt{background:url("/img/m_kontakt.png") no-repeat;margin:0 5px 0 120px;width:85px;}
#kontakt:hover{background:url("/img/m_kontakt_on.png") no-repeat;}


#hem span, #restaurang span, #meny span, #catering span, #festvaning span, #batcharter span, #kontakt span{visibility:hidden;}
/*slut bildmeny*/



.borderdraw {border-style: solid; width: 0px; height: 0px; line-height: 0px; }
.arrow { border-width: 5px 20px 0px; border-color: #8BD3E5 #fff #fff; }

/*
.box1{position:relative;background: url("/img/sjo_bg_box_mid.png") right top repeat-y;width:689px;	margin:10px 0 10px -20px ; padding:0 0 0 10px;}
.box2{background: url("/img/sjo_bg_box_top.png") right top no-repeat; height:10px;	margin:0 0 0 10px ;	}
.box3{ background: url("/img/sjo_bg_box_bottom.png") right bottom no-repeat; height:12px;	margin:0 0 0 10px;	clear:both;}
.box1 img{float:right; }
.box1 ul{list-style-position: outside;margin-left:2px;}
*/



.box-f1{position:relative;background: url("/img/sjo_bg_box_mid.png") right top repeat-y;width:689px;	margin:10px 0 10px -20px ; padding:0 0 0 10px;}
.box-f2{background: url("/img/sjo_bg_box_top.png") right top no-repeat; height:10px;	margin:0 0 0 10px ;}
.box-f3{background: url("/img/sjo_bg_box_bottom.png") right bottom no-repeat; height:12px;	margin:0 0 0 10px;	clear:both;/*clearar img float*/}

.box1{position:relative;background: url("/img/sjo_bg_box_mid.png") right top repeat-y;width:689px;margin:10px 0 10px -20px ; padding:0 0 0 10px;}
.box2{background: url("/img/sjo_bg_box_top.png") right top no-repeat;	height:10px;margin:0 0 0 10px ;}
.box3{background: url("/img/sjo_bg_box_bottom.png") right bottom no-repeat; height:12px; width:689px;	margin:-13px 0 0 -10px;float:clear;}

.box-f1 img, .box1 img{float:right; }
.box1 ul, .box-f1 ul{list-style-position: outside;margin-left:2px;}



.inner_narrow{width:370px;margin:0;padding:5px 0 0 10px;}
.inner_wide{width:678px; padding:0 0 0 10px;}
.inner_wide p{margin-right:20px;}
.inner_wide img{float:right;}
.stretcher{min-height:450px;}

.teaser{
	/* background: url("/img/sjo_bg_quartercol.png")  repeat-y; */
	background: url("/img/sjo_bg_nyhetsbox.png")  left bottom no-repeat;	
	width:678px;
	margin:10px 0 12px 0;
	padding: 0 0 10px 0;
	min-height:5em;	
	}
.teaser_inner{background:#eee url("/img/sjo_bg_nyhetsbox.png")  left top no-repeat;margin: 0; height:30px;}


.quartercol{ 
	min-height:30px;
	width:155px;
	float:left; 
	margin:15px 0 10px 10px;
	
	/*text-align:center;
	border-right:1px solid #999;
	*/
	}
/*
.teaser p, .teaser h1, .more p{
	margin:0 ;
	padding:0;
	}
*/
.teaser h3{margin-left:20px;}	
.red{color:#900;}
	
#footer{
	height:0;
	background: url("/img/") 18px bottom no-repeat;		
	font-size: 90%;
	}





.floatright{float:right;}	
.clear{clear:both;}