/* CSS Document */
@charset "utf-8";
/* CSS Document */

body{
	background-image:url(/templates/img/tmpl_img/kramm_bakgrund.jpg);
	background-repeat:no-repeat;
	background-position:center;
	background-position:top;
	background-color:#DCE9EF;
	margin:60px 0px 0px 0px;
	font-family:Arial, Helvetica, sans-serif;
	font-size:13px;
}
*body{
	background-image:url(/templates/img/tmpl_img/kramm_bakgrund.jpg);
	background-repeat:no-repeat;
	background-position:center;
	background-position:top;
	background-color:#DCE9EF;
	margin:60px 0px 0px 0px;
	font-family:Arial, Helvetica, sans-serif;
	font-size:13px;
}
a{
	color:#000000;
	text-decoration:none;
}
a:hover{	
	text-decoration:underline;
}
#container{
	margin:0 auto;
	width:970px;
}
#top{
	width:968px;
	height:250px;
	background-image:url(/templates/img/tmpl_img/menu_bg.gif);
	background-repeat:no-repeat;
	background-position:center;
	background-position:bottom;
}
	.bgimg_konf{
		background-image:url(/templates/img/tmpl_img/top_konf.gif);
		background-repeat:no-repeat;
		background-position:center;
		background-position:top;
	}
	.bgimg_hem{
		background-image:url(/templates/img/tmpl_img/top_hem.gif);
		background-repeat:no-repeat;
		background-position:center;
		background-position:top;
	}
	.bgimg_start{
		background-image:url(/templates/img/tmpl_img/top_vy.gif);
		background-repeat:no-repeat;
		background-position:center;
		background-position:top;
	}
	.bgimg_paket{
		background-image:url(/templates/img/tmpl_img/top_paket.gif);
		background-repeat:no-repeat;
		background-position:center;
		background-position:top;
	}
	.bgimg_rest{
		background-image:url(/templates/img/tmpl_img/top_restaurang.gif);
		background-repeat:no-repeat;
		background-position:center;
		background-position:top;
	}
	.bgimg_grupper{
		background-image:url(/templates/img/tmpl_img/top_grupper.gif);
		background-repeat:no-repeat;
		background-position:center;
		background-position:top;
	}
	.bgimg_spa{
		background-image:url(/templates/img/tmpl_img/top_spa.gif);
		background-repeat:no-repeat;
		background-position:center;
		background-position:top;
	}
	.bgimg_noje{
		background-image:url(/templates/img/tmpl_img/top_noje.gif);
		background-repeat:no-repeat;
		background-position:center;
		background-position:top;
	}
	.bgimg_recept{
		background-image:url(/templates/img/tmpl_img/top_recept.gif);
		background-repeat:no-repeat;
		background-position:center;
		background-position:top;
	}
	#top #nav {		
		padding:207px 0px 0px 10px;
		font-size:13px;
		line-height:normal;
		text-transform:uppercase;
		z-index:1;
		font-family:Arial, Helvetica, sans-serif;
	}
	#top #nav ul {
		margin:0;
		padding:10px 10px 0;
		list-style:none;
	}
	#top #nav li {
		float:left;
		margin:0;
		padding:0;
		height:35px;
	}
	#top #nav li.liOpen {
		float:left;
		margin:0px;
		padding:0px;
	}
	#top #nav a {
		display:block;
		padding:10px 15px 4px;
		color:#FFFFFF;
		text-decoration:none;
	}
	#top #nav a:hover {
		text-decoration:underline;
	}
	#top #nav li.liOpen a {
		display:block;
		color:#FFFFFF;
		text-decoration:underline;
	}
	
	#top #flags{
		float:right;
		padding:9px 10px 0px 0px;
	}
		#top #flags img{
			border:none;
			margin-right:3px;
		}
		#top #flags img.active{
			border:1px solid #CCCCCC;
		}

#skicka_epost{
	float:left;
	width:270px;
}

#booking_content{
	float:left;
	width:295px;
}

#booking{
	float:left;
	width:360px;
}

#content{
	width:926px;
	background-color:#FFFFFF;
	padding:0px 20px 10px 20px;
	margin:0px;
	border:1px solid #FFF;
}
	#content #submenu{
		height:25px;
	}
	#content #breadcrumb{
		margin:30px 0px 15px 0px;
		font-family:Arial, Helvetica, sans-serif;
		font-size:10px;
		color:#000;
	}
		#content #breadcrumb a{
			color:#000;
			text-decoration:none;
			text-transform:uppercase;
		}
		#content #breadcrumb a:hover{
			text-decoration:underline;
		}
	
	#content #left_contact{
		width:387px;
		margin:0px 5px 0px 0px;
		float:left;
	}
		
	#content #left{
		width:420px;
		margin:0px 5px 0px 0px;
		float:left;
	}
	#content #left p{
	font-family:Arial, Helvetica, sans-serif;
	font-size:13px;
	}
	#content #left .ingress{
		font-size:16px;
		font-family:Arial, Helvetica, sans-serif;
	}
	
	#content #left h1{
	font-family:Arial, Helvetica, sans-serif;
	font-size:36px;
	font-weight:100;
	}
	
	#content #left h2{
	font-family:Arial, Helvetica, sans-serif;
	font-size:32px;
	font-weight:100;
	}
	
	#content #left h3{
	font-family:Arial, Helvetica, sans-serif;
	font-size:26px;
	font-weight:100;
	}
	#content #left h4{
	font-family:Arial, Helvetica, sans-serif;
	font-size:13px;
	font-weight:100;
	}
	#content #left_content{
		font-family:Arial, Helvetica, sans-serif;
		width:657px;
		margin:0px 5px 0px 0px;
		float:left;
	}
	#content #left_content p{
	font-family:Arial, Helvetica, sans-serif;
	font-size:13px;
	}
	#content #left_content .ingress{
		font-size:16px;
		font-family:Arial, Helvetica, sans-serif;
	}
	
	#content #left_content h1{
		font-family:Arial, Helvetica, sans-serif;
		font-size:36px;
		font-weight:100;
		padding:0px;
		margin:0px;
	}
	
	#content #left_content h2{
		font-family:Arial, Helvetica, sans-serif;
		font-size:28px;
		font-weight:100;
		padding:0px;
		margin:0px;
	}
	
	#content #left_content h3{
		font-family:Arial, Helvetica, sans-serif;
		font-size:24px;
		font-weight:100;
		padding:0px;
		margin:0px;
	}
	#content #left_content h4{
	font-family:Arial, Helvetica, sans-serif;
	font-size:13px;
	font-weight:bold;
	}
	
	#content #food{
		width:207px;
		margin:0px 0px 5px 10px;
		padding:0px 0px 0px 20px;
		float:left;
		background-image:url(/templates/img/tmpl_img/lunch.jpg);
		background-repeat:no-repeat;
		height:690px;
	}
	#content #food .food_sq{
		margin:30px 0px 0px 0px;
		padding:0px;	
	}
	#content #food p{
		margin:0px 0px 8px 0px;
		padding:0px 10px 0px 0px;
		font-family:Arial, Helvetica, sans-serif;
		font-size:12px;
	}
	#content #food h2{
		margin:12px 0px 0px 20px;
		padding:0px;
		font-family:Arial, Helvetica, sans-serif;
		font-size:13px;
		color:#000000;
	}	
	#content #calender{
		width:207px;
		margin:0px 0px 5px 10px;
		padding:0px 0px 0px 20px;
		float:left;
		background-image:url(/templates/img/tmpl_img/lunch.jpg);
		background-repeat:no-repeat;
		height:690px;
	}
	#content #calender .cal_sq{
		margin:30px 0px 0px 0px;
		padding:0px;	
	}
	#content #calender p{
		margin:0px 0px 8px 0px;
		padding:0px 10px 0px 0px;
		font-family:Arial, Helvetica, sans-serif;
		font-size:12px;
	}
	#content #calender h1{
		margin:0px 0px 0px 0px;
		padding:0px;
		font-family:Arial, Helvetica, sans-serif;
		font-size:26px;
		color:#000000;
	}	
	#content #calender h2{
		margin:12px 0px 0px 20px;
		padding:0px;
		font-family:Arial, Helvetica, sans-serif;
		font-size:13px;
		color:#000000;
	}	
	
	#content #news{
		width:221px;
		margin:0px 0px 0px 20px;
		float:left;
		background-image:url(/templates/img/tmpl_img/header_news.jpg);
		background-repeat:no-repeat;
		background-position:top;
		padding:0px;
	}
	#content #news .news_sq{

		margin:40px 0px 0px 0px;
		padding:0px;	
	}
	#content #news p{
		margin:0px;
		padding:0px;
		font-family:Arial, Helvetica, sans-serif;
		font-size:12px;
	}
	#content #news h3{
		margin:1px 0px 1px 0px;
		padding:0px;
		position:relative;
		font-size:12px;
		color:#000000;
		font-family:Arial, Helvetica, sans-serif;
	}
	#content #news h2{
		margin:0px;
		padding:0px;
		position:relative;
		top:10px;
		left:55px;
		font-family:Arial, Helvetica, sans-serif;
		font-size:13px;
		color:#FFFFFF;
	}
	#content #news h2 a{
		color:#FFFFFF;
	}
	#content #news h2 a:hover{
		color:#FFFFFF;
		text-decoration:underline;
	}
		
	#content #news a{
		color:#000;
		text-decoration:none;
	}	
	#content #news a:hover{
		text-decoration:underline;
	}	
	#content #news a img{
		border:none;
	}
	#content #news .date{
		color:#999999;
		margin:0px;
		padding:0px;
	}
#content_lower{
	width:926px;
	height:280px;
	background-color:#FFFFFF;
	padding:0px 20px 0px 20px;
	margin:0px;
	background-image:url(/templates/img/tmpl_img/content_lower.jpg);
	background-position:center;
	background-repeat:no-repeat;
	border:1px solid #FFF;
}	
	#content_lower .content_lower_content{
		margin:135px 0px 0px 12px;
		font-family:Arial, Helvetica, sans-serif;
		font-size:13px;
		
	}
	#content_lower p{
		font-family:Arial, Helvetica, sans-serif;
		width:195px;
	}
	#content_lower h3{
		font-family:Arial, Helvetica, sans-serif;
		background-image:url(/templates/img/tmpl_img/content_lower_arrow.jpg);
		background-repeat:no-repeat;
		padding:0px 0px 0px 20px;
	}
#footer{
	width:968px;
	height:171px;
	margin:0px;
	padding:0px;
	background-image:url(/templates/img/tmpl_img/footer.gif);
	background-repeat:no-repeat;
	clear:both;s
}
	#footer .left{
		width:200px;
		height:100px;
		margin:30px 0px 0px 20px;
		float:left;
	}
	#footer .right{
		width:300px;
		height:100px;
		margin:30px 0px 0px 0px;
		float:right;
		font-family:Verdana, Arial, Helvetica, sans-serif;
		font-size:11px;
		line-height:16px;
	}

.textarea{
	font-family: Arial, Helvetica, sans-serif;
	font-size: 11px;
	padding: 1px;
	border: 1px solid #000000;
	color: #000000;
}
 

#print{
	margin:0px;
	padding:0px;
}
.btn{
	color: #000000;
	background: #FFFFFF;
	margin-right: 5px;
}

#admin_menu{
 position:absolute;
 top:0px;
 right:0px;
 border-left:1px solid #000000;
 border-bottom:1px solid #000000;
 background-color:#005478;
 color:#000000;
 width:200px;
 padding:3px 0px 3px 0px;
}
	#admin_menu ul{
		margin:0px; margin-left:10px; padding:0px;
	}
	#admin_menu ul li{ 
		padding-left: 15px;
		list-style: none;
	}
	#admin_menu ul li a{ 
		display:block;
		padding:10px 15px 4px;
		color:#FFFFFF;
		text-decoration:none;
	}
	#admin_menu a{ 
		color:#000000;
	}

.break{clear: both; float: none;}
/* Put this inside a @media qualifier so Netscape 4 ignores it */
@media screen, print { 
	ul.mktree  li 					{ list-style: none; float:left; margin:7px 15px 0px 0px;font-family:Arial, Helvetica, sans-serif;}
	ul.mktree  li a					{ text-decoration:none; color:#000000; font-family:Arial, Helvetica, sans-serif;}
	ul.mktree  li a.active     		{ text-decoration:underline; color:#000000;font-family:Arial, Helvetica, sans-serif;}	 
	ul.mktree  li a:hover			{ text-decoration:underline; color:#000000; font-family:Arial, Helvetica, sans-serif;} 
	/* Control how "spaced out" the tree is */
	ul.mktree				   		{ margin:0px; padding:0px; width:600px;font-family:Arial, Helvetica, sans-serif;}
	ul.mktree ul			   		{ margin:0px; padding:0px;font-family:Arial, Helvetica, sans-serif;}
	/* Provide space for our own "bullet" inside the LI */
	ul.mktree  li           .bullet { padding-left: 0px;font-family:Arial, Helvetica, sans-serif;}
	ul.mktree  li.liBullet  .bullet { padding-left: 15px; font-family:Arial, Helvetica, sans-serif;}
	/* Show "bullets" in the links, depending on the class of the LI that the link's in */
	ul.mktree  li.liOpen    .bullet { cursor: pointer; background: url(../../img/arrow_open.jpg) center left no-repeat; color:#0165B0;font-family:Arial, Helvetica, sans-serif;}
	ul.mktree  li.liClosed  .bullet { cursor: pointer; background: url(../../img/arrow_close.jpg) center left no-repeat; color:#0165B0;font-family:Arial, Helvetica, sans-serif;}
	ul.mktree  li.liBullet  .bullet { cursor: default; background: url(../../img/arrow_close.jpg) center left no-repeat; color:#0165B0;font-family:Arial, Helvetica, sans-serif;}
	/* Sublists are visible or not based on class of parent LI */
	ul.mktree  li.liOpen    ul { display: block; font-family:Arial, Helvetica, sans-serif;}
	ul.mktree  li.liClosed  ul { display: none; font-family:Arial, Helvetica, sans-serif;}
	/* Format menu items differently depending on what level of the tree they are in */
	ul.mktree  li { font-size: 12px; line-height:1.4em;font-family:Arial, Helvetica, sans-serif;}
	ul.mktree  li ul li { font-size: 11px; line-height:1.6em;font-family:Arial, Helvetica, sans-serif;}
	ul.mktree  li ul li ul li { font-size:12px; font-family:Arial, Helvetica, sans-serif;}
	ul.mktree  li ul li ul li ul li { font-size:12px; font-family:Arial, Helvetica, sans-serif;}
}