@charset "UTF-8";
/* Kopmannenskok.se main CSS -- By Drummerboy International (www.drummerboy.se) */




/* Global
------------------------------------------------------------------*/

html, body, form, fieldset, h1, h2, h3, h4, h5, h6, p, pre, blockquote, ul, li, ol, dl, address {
	margin:0;
	padding:0;
	}
h4 {
	
	}
h3 {
	
	}
h2 {

	}
h1 {

	}
ul,li {
	list-style-type:none;
	}
body {
	color:#000000;
	background:#000000 url(images/bakgrund.jpg) repeat-x center top;
	font-family: Georgia , Arial, Helvetica, Verdana, sans-serif;
	font-size: 16px;
	text-align:center;
	padding-bottom:40px;
	}
.hidden {
	display:none;
	}
p {
	line-height:23px;
	margin-bottom:1.2em;
	}
.smallinfo {
	font-size:10px;
	}
a {
	text-decoration:none;
	color:#4d4d4c;
	}
a:hover {
	color:#98042a;
	}
em {
	color:#98042a;
	}	
.clear {
	font-size:0px;
	clear:both;
	line-height:0px;
	height:0px;
	display: block;
	}
.clear { display: inline-block; }
/* Hide from IE Mac \*/
* html .clear {height: 1%;}
.clear { display: block; }
/* End hide from IE Mac */
.centered, p.centered {
	text-align:center;
	}
.clearfix:after {
	font-size:0;
	line-height:0;
	content: ".";
	display: block;
	height: 0;
	clear: both;
	visibility: hidden;
}
.clearfix:after {
	content: ".";
	display: block;
	height: 0;
	font-size:0;
	line-height:0;
	clear: both;
	visibility: hidden;
}
.clearfix { display: inline-block; }
.clearfix { display: block; }
.floatleft {
	float:left;
	}
.floatright {
	float:right;
	}
	
	
/* Navigation
------------------------------------------------------------------*/
ul#mainmenu {
	width:950px;
	padding: 0;
	list-style: none;
	margin:13px 0 0 0;
	}
ul#mainmenu li {
	margin:0 8px 0 0;
	padding: 0;
	float:left;
	height: 24px;
	overflow: hidden;
	}
ul#mainmenu a {
	height: 24px;
	line-height: 100px;
	display: block;
	}
ul#mainmenu li#menu-hem {
	width:39px;
	margin-left:80px;
	display:inline;
	}
ul#mainmenu li#menu-mat {
	width:114px;
	margin-left:60px;
	}
ul#mainmenu li#menu-historia {
	width:83px;
	margin-left:320px;
	}
ul#mainmenu li#menu-kontakt {
	width:85px;
	margin-left:65px;
	}				

li#menu-hem a {
	background:url(images/menu_hem.gif) no-repeat;
	}
li#menu-hem a:hover {
	background:url(images/menu_hem.gif) no-repeat 0px -24px;
	}
body#home-page li#menu-hem a {
	background:url(images/menu_hem.gif) no-repeat 0px -48px;
	}
	
li#menu-mat a {
	background:url(images/menu_mat.gif) no-repeat;
	}
li#menu-mat a:hover {
	background:url(images/menu_mat.gif) no-repeat 0px -24px;
	}
body#food-page li#menu-mat a {
	background:url(images/menu_mat.gif) no-repeat 0px -48px;
	}
	
li#menu-historia a {
	background:url(images/menu_historia.gif) no-repeat;
	}
li#menu-historia a:hover {
	background:url(images/menu_historia.gif) no-repeat 0px -24px;
	}
body#history-page li#menu-historia a {
	background:url(images/menu_historia.gif) no-repeat 0px -48px;
	}	
	
li#menu-kontakt a {
	background:url(images/menu_kontakt.gif) no-repeat;
	}
li#menu-kontakt a:hover {
	background:url(images/menu_kontakt.gif) no-repeat 0px -24px;
	}
body#contact-page li#menu-kontakt a {
	background:url(images/menu_kontakt.gif) no-repeat 0px -48px;
	}		

	

/* Containers
------------------------------------------------------------------*/
#container {
	margin:40px auto 0 auto;
	text-align:left;
	width:950px;
	background:url(images/bottom_border.gif) no-repeat bottom;
	padding:0 0 20px 0;
	}
	
#introbox {
	background:url(images/intro_standard.jpg) no-repeat;
	height:361px;
	text-indent:-9999px;
	}
body#home-page #introbox {
	background:url(images/intro_hem.jpg) no-repeat;
	}
body#history-page #introbox {
	background:url(images/intro_historia.jpg) no-repeat;
	}
#content {
	background:url(images/content_bg.gif) repeat-y;
	padding-top:15px;
	}
#mainwrap {
	width:580px;
	float:left;
	display:inline;
	margin:0 0 0 45px;
	}	
#maincontent {
	width:535px;
	margin:0 0 40px 20px;
	}
#bordsreservering {
	width:535px;
	margin:0 0 0px 20px;
	}
#alacarte {	

	}
#sub {
	float:right;
	width:320px;
	}
#home-page #sub,
#history-page #sub,
#contact-page #sub {
	margin-top: 33px;
	}	
.subbox1 {
	width:258px;
	height:188px;
	position:relative;
	right:-11px;
	margin-bottom:10px;
	padding:35px 25px 20px 30px;
	background:url(images/subbox1_bg.gif) no-repeat;
	}
.subbox2 {
	width:258px;
	height:224px;
	position:relative;
	right:-11px;
	margin-bottom:10px;
	padding:105px 25px 20px 30px;
	background:url(images/subbox2_royal_bg.gif) no-repeat;
	}	
.subbox1 p,
.subbox2 p {
	font-size:12px;
	}

#footer {
	text-align:center;
	width:860px;
	height:50px;
	float:left;
	margin:0 0 0 45px;
	padding:30px 0 0 0;
	background:url(images/horiz_doubleline.gif) repeat-x top;
	display:inline;
	}
#footer p {
	margin:0;
	}	


/* Header
------------------------------------------------------------------*/
#header {
	background:url(images/header_bg.gif) no-repeat top;
	height:153px;
	}
#header a.mainlogo {
	text-indent:-9999px;
	line-height:200px;
	overflow:hidden;
	display:block;
	width:210px;
	height:105px;
	margin:0 0 0 371px	
	}

	
/* Headings
------------------------------------------------------------------*/
#home-page h1 {
	background:url(images/head-om_kopmannens.gif) no-repeat;
	height:51px;
	width:580px;
	text-indent:-9999px;
	margin:0 0 24px 0;
	}
#food-page h1 {
	background:url(images/head-matochdryck.gif) no-repeat;
	height:51px;
	width:580px;
	text-indent:-9999px;
	margin:0 0 24px 0;
	}
#history-page h1 {
	background:url(images/head-historien_om.gif) no-repeat;
	height:51px;
	width:580px;
	text-indent:-9999px;
	margin:0 0 24px 0;
	}	
#contact-page h1 {
	background:url(images/head-kontaktaoss.gif) no-repeat;
	height:51px;
	width:580px;
	text-indent:-9999px;
	margin:0 0 24px 0;
	}
h2.reserverabord {
	background:url(images/head-reserverabord.gif) no-repeat;
	height:68px;
	width:580px;
	text-indent:-9999px;
	margin:0 0 14px 0;
	}			
#alacarte h2 {
	background:url(images/head-alacarte.gif) no-repeat;
	height:51px;
	width:580px;
	text-indent:-9999px;
	margin:0 0 50px 0;
	}		
h2.menyer {
	background:url(images/head-menyerpdf.gif) no-repeat;
	height:51px;
	width:252px;
	text-indent:-9999px;
	margin:0 0 24px 21px;
	}	
h2.oppettider {
	background:url(images/head-oppettider.gif) no-repeat;
	height:24px;
	width:121px;
	text-indent:-9999px;
	font-size:1px;
	margin:0 0 10px 65px;
	}
h2.nyheter {
	background:url(images/head-nyheter.gif) no-repeat;
	height:24px;
	width:86px;
	text-indent:-9999px;
	font-size:1px;
	margin:0 0 10px 85px;	
	}
h2.psst {
	background:url(images/head-psst.gif) no-repeat;
	height:24px;
	width:52px;
	text-indent:-9999px;
	font-size:1px;
	margin:0 0 10px 105px;	
	}	
h2.bokabord {
	background:url(images/head-bokabord.gif) no-repeat;
	height:19px;
	width:156px;
	text-indent:-9999px;
	font-size:1px;	
	margin:0 0 8px 50px;	
	}	
h3.forratter {
	background:url(images/head-forratter.gif) no-repeat;
	height:37px;
	width:220px;
	text-indent:-9999px;
	margin:0 auto 20px auto;	
	}
h3.varmratter {
	background:url(images/head-varmratter.gif) no-repeat;
	height:37px;
	width:220px;
	text-indent:-9999px;
	margin:0 auto 20px auto;	
	}		
h3.desserter {
	background:url(images/head-desserter.gif) no-repeat;
	height:37px;
	width:220px;
	text-indent:-9999px;
	margin:0 auto 20px auto;	
	}	

							

/* Lists
------------------------------------------------------------------*/
.subbox1 ul {
	line-height:24px;
	margin:0 0 20px 0;
	text-align:center;
	}
ul.pdf {
	margin:0 0 40px 21px;
	}
ul.pdf li {
	border-bottom:1px solid #98042a;
	height:26px;
	width:207px;
	padding:8px 0 0 45px;
	background:url(images/pdf-icon.gif) no-repeat 8px 4px;	
	}	
#alacarte ul {
	line-height:23px;
	width:380px;
	margin:0 0 60px 100px;
	text-align:center;	
	}
#alacarte ul li {
	margin:0 0 30px 0;
	}

		

/* Links
------------------------------------------------------------------*/
.btn_menynhittarduhar {
	width:132px;
	height:17px;
	background:url(images/btn_menynhittarduhar.gif) no-repeat;
	display:block;
	line-height:99px;
	overflow:hidden;
	margin-bottom:16px;
	}





/* Forms
------------------------------------------------------------------*/






/* Misc.
------------------------------------------------------------------*/
img.bottom_img {
	margin-bottom:40px;
	}

/* XXXXXXXX
------------------------------------------------------------------*/

/* XXXXXXXX
------------------------------------------------------------------*/

/* XXXXXXXX
------------------------------------------------------------------*/

/* XXXXXXXX
------------------------------------------------------------------*/

/* XXXXXXXX
------------------------------------------------------------------*/

/* XXXXXXXX
------------------------------------------------------------------*/