* {
border: none;
margin: 0px;
list-style: none;
padding: 0px;
text-decoration: none}

/** NY **/
html, body {margin:0; padding:0; width:100%; height:100%; overflow:hidden;}
#background{position:absolute; z-index:1; top:80px; width:100%; height:100%;}
#scroller {position:absolute; width:100%; height:100%; top:0; left:0; overflow:auto; z-index:2;} 
#fixed {position:absolute; top:25px; left:10px; width:150px; z-index:10; color:#567; border:1px solid #000; padding:10px;}
/*********/

body {
/* background-color: #fff;
background-image: url(../images/background-body.png);
background-position: center 80px;
background-repeat: no-repeat; */
color: #333;
font: normal 12px/14px Corbel, Trebuchet MS, Helvetica, sans-serif;}
p { font: normal 12px/14px Corbel, Trebuchet MS, Helvetica, sans-serif;}
div { font: normal 12px/14px Corbel, Trebuchet MS, Helvetica, sans-serif;}
span { font: normal 12px/14px Corbel, Trebuchet MS, Helvetica, sans-serif;}
#wrapper {
background: transparent url(../images/background-wrapper.png) top right no-repeat;
margin: 0 auto;
min-height: 400px;
width: 1200px}
#container {
margin: 0 auto;
width: 800px}

/******************************************
  Header
******************************************/
#header {}

/*****  Logo  *****/
#logo {
float: left;
padding: 70px 0 0 0}
	
/***** Huvudmeny och undermeny *****/
#menu {
margin: 0 0 0 250px}		
#menu ul.mainmenu {
padding: 96px 0 0 0}
#menu ul.submenu {
padding: 3px 0 0 0}
#menu ul.mainmenu li, #menu ul.submenu li {
float: left;
padding: 0 11px 0 0;
font-size: 12px;}
#menu ul.mainmenu li a, #menu ul.submenu li a {
color: #224d9d;
text-decoration: none}
#menu ul.mainmenu li a:hover, #menu ul.submenu li a:hover {
color: #002a38;
text-decoration: none} 
#menu ul.mainmenu li a.active, #menu ul.submenu li a.active {
font-weight: bold}
#menu ul.mainmenu li a span, #menu ul.submenu li a span {
padding: 0 2px 0 0;
text-decoration: none}

#container-inner {
background-image: url(../images/background-content-inner.png);
background-position: 0px 30px;
background-repeat: no-repeat;
margin: 8px 1px 0 0;
min-height: 200px}
#container-inner2 {
background-image: url(../images/background-content-inner2.png);
background-position: 0px 8px;
background-repeat: no-repeat}
#container-inner3 {
background-image: url(../images/background-content-inner3.png);
background-position: 0px 20px;
background-repeat: no-repeat}
/******************************************
  Vänsterkolumn
******************************************/
#sidebar {
float: left;
width: 240px}

/*****  Bla ruta *****/
#box {
margin: 8px 0 12px 0;
width: 240px}
#box .top {
background: url(../images/background-box-top.png) top left no-repeat;
height: 19px}
#box .content {
background: url(../images/background-box.png) top left repeat-y;
min-height: 195px;
padding: 2px 0 0 15px}
	#box .content h1 {
	color: #fff;
	font: italic bold 22px/24px Corbel, Trebuchet MS, Helvetica, sans-serif;
	padding: 0 0 13px 0;}
	#box .content p {
	color: #fff;
	font: italic 17px/20px Corbel, Arial, Helvetica, sans-serif}

/*****  Nyheter, Undermeny, Kontakt  *****/
#news, #contact, #submenu {
background-color: #eae7dd;
margin: 0 0 12px 0;
min-height: 120px;
padding: 0 0 10px 0;
width: 240px}
	#news h1, #contact h1, #submenu h1 {
	background: url(../images/background-heading.png) top left no-repeat;
	color: #fff;
	font: bold 12px/14px Corbel, Trebuchet MS, Helvetica, sans-serif;
	height: 20px;
	margin: 0 0 10px 0;
	padding: 7px 0 0 15px;
	text-transform: uppercase}
	#news p, #submenu p {
	color: #2d2b29;
	padding: 0 0 10px 15px}
	
	#news div , #submenu div {
	color: #2d2b29;
	padding: 0 0 10px 15px
	}
	
	div.into_puff {
	padding:15px;
	padding-top:0px;

	}
	
	#news p.date {
	color: #8c8c8c;
	font-size: 12px;
	padding: 0 0 0 15px;}
	#news p a, #contact p a, #submenu p a {
	color: #2766a2;
	font: bold 12px Corbel, Trebuchet MS, Helvetica, sans-serif;
	text-decoration: none;
	}
	#news p a:hover, #contact p a:hover, #submenu p a:hover{
	border-bottom: 1px solid #a5a5a5;
	text-decoration: none} 
	#submenu ul {
	margin: 0 0 15px 15px}
	#submenu li a {
	color: #2766a2;
	font: bold 10px/16px Corbel, Trebuchet MS, Helvetica, sans-serif;
	text-decoration: none}
	#submenu li a span {
	color: #2766a2;
	padding: 0 2px 0 0}
	#submenu li a:hover {
	border-bottom: 1px solid #a5a5a5;
	text-decoration: none}
	#contact p a.mail {
	color: #2d2b29;
	text-decoration: none;
	text-transform: none}
	#news p a span, #contact p a span {
	color: #2766a2;
	padding: 0 2px 0 0}
	#contact p span {
	color: #8c8c8c;
	font: bold 10px Corbel, Trebuchet MS, Helvetica, sans-serif;
	padding: 0 5px 0 0;}
	#submenu .gallery {
	margin: 0 0 0 0px;
	padding: 0 0 10px 0}
	/*#submenu .gallery img {
	background: url(../images/background-gallery-img.png) top left no-repeat;
	padding: 4px 12px 4px 5px;
	float: left; }*/
	#submenu .galleryim { float: left; 
						  display:block;
						  width:72px;
						  margin:0px 5px 5px 0px;
						  padding:0px; }
						  
		#submenu .galleryimgtop { float:left;
								  display:block;	
								  width:72px;
								  height:4px;
								  margin:0px;
								  padding:0px;
								  background: url(../images/background-gallery-imgtop.png) top left no-repeat;}
								  
		#submenu .galleryimg { float:left;
							   display:block;	
							   width:72px;
							   margin:0px;
							   padding:0px;
							   background: url(../images/background-gallery-imgbg.png) repeat-y; }
							   
			#submenu .galleryimg img{ display:block;
									  margin:0px;
									  padding:0px 0px 0px 5px;}
							   
		#submenu .galleryimgbottom { float:left;
								  	 display:block;	
									 width:72px;
									 height:4px;
									 margin:0px;
								     padding:0px;
									 background: url(../images/background-gallery-imgbottom.png) top left no-repeat;}
	#submenu .gallery h2 {
	color: #006a8c;
	font: bold 14px Corbel, Trebuchet MS, Helvetica, sans-serif;
	padding: 2px 0 10px 0}
	#submenu .gallery p {
	color: #000}
	#submenu .gallery p a span {
	padding: 0 2px 0 0}
	
/******************************************
  bokning
******************************************/
	div.bokning { float:left;
				  display:block;
				  width:499px;
				  margin:8px 0px 0px 0px;
				  padding:35px 25px;
				  background:#f5f3f3; }

		div#subpage div.bokning a.instruktioner	{ /*float:right;	*/
												  text-decoration:underline;
												  color:#aaa;
												  font:bold 11px "Trebuchet MS", Arial, Helvetica, sans-serif; }
		.loginfield	{ display:block;
					  width:185px;
					  height:30px;
					  padding:0px 5px;
					  border:none;
					  background:#fff; }
					  
		.loginbtn {  display:block;
					 width:110px;
					 height:40px;
					 margin:0px 0px 0px 85px;
					 text-align:center;
					 cursor:pointer;
					 color:#fff !important;
					 font:bold 14px/40px "Trebuchet MS", Arial, Helvetica, sans-serif;
					 border:none;
					 background:url(../images/valjpassbg.png) repeat-x; }
		.loginbtn:hover {  background:url(../images/valjpassbg2.png) repeat-x; }
					
												  
		div#subpage div.bokning h1	{ margin:0px;
									  padding:0px;
									  color:#486cab;
									  font:bold 22px "Trebuchet MS", Arial, Helvetica, sans-serif; }
		div#subpage div.bokning h2	{ color:#a0a0a0;
									  font:bold 16px "Trebuchet MS", Arial, Helvetica, sans-serif; }
		div#subpage div.bokning h2 span.namn	{ color:#33334b;
												  font:bold 16px "Trebuchet MS", Arial, Helvetica, sans-serif; }
												  
			div.boka { width:510px; }
			
				div#subpage div.bokning div.boka h2 { clear:both;
													  display:block;
													  margin:0px 0px 8px 0px;
													  padding:4px 15px;
													  text-align:left;
													  text-transform:uppercase;
													  color:#fff;
													  font:bold 13px "Trebuchet MS", Arial, Helvetica, sans-serif;
													  background:#496dab; }
											 
				div.boka div.pass { float:left;
									display:block;
									width:360px;
									/*height:32px;*/
									margin:0px 8px 8px 0px;
									padding:4px 15px;
									text-align:left;
									color:#33334b;
									font:11px "Trebuchet MS", Arial, Helvetica, sans-serif;
									background:#e5e5e5; }
					div.boka div.pass  a { color:#486dab; }
					div.boka div.pass  a:hover { text-decoration:underline; }
					
				div.boka div.passlast { float:left;
										display:block;
										width:360px;
										height:16px;
										margin:0px 8px 8px 0px;
										padding:12px 15px;
										text-align:center;
										color:#33334b;
										font:italic 11px "Trebuchet MS", Arial, Helvetica, sans-serif;
										background:#e5e5e5; }
					div.boka div.passlast a { color:#486dab; }
					
				div.boka div.passbokning { float:left;
										   display:block;
										   width:110px;
										   margin:0px 0px 8px 0px;
										   padding:0px; }
					
					a.reserverat { display:block;
									  width:110px;
									  height:40px;
									  text-align:center;
									  color:#fff;
									  font:bold 14px/40px "Trebuchet MS", Arial, Helvetica, sans-serif;
									  background:#66b856;}
						a:hover.reserverat { background:#438a35;}
					a.valjpass { display:block;
								 width:110px;
								 height:40px;
								 text-align:center;
								 color:#fff !important;
								 font:bold 14px/40px "Trebuchet MS", Arial, Helvetica, sans-serif;
								 background:url(../images/valjpassbg.png) repeat-x;}
						a:hover.valjpass { background:url(../images/valjpassbg2.png) repeat-x;}
					a.bokapass { display:block;
								 width:110px;
								 height:40px;
								 text-align:center;
								 color:#fff !important;
								 font:bold 16px/40px "Trebuchet MS", Arial, Helvetica, sans-serif;
								 background:#d40000;}
						a:hover.bokapass { background:#ab0000;}
								 
					.btn { float:left;
						   display:block;
						   width:110px;
						   height:40px;
						   margin:0px 10px 0px 0px;
						   text-align:center;
						   color:#fff !important;
						   font:bold 14px/40px "Trebuchet MS", Arial, Helvetica, sans-serif;
						   background:url(../images/valjpassbg.png) repeat-x;}
					a:hover.btn { background:url(../images/valjpassbg2.png) repeat-x;}
								  
/******************************************
  Högerkolumn
******************************************/
#content {
margin: 15px 0 0 250px}
/*
#highlight {
background-image: url(../images/background-highlight.png);
background-position: 0px 0px;
background-repeat: no-repeat;
height: 300px;
margin: 0 0 12px 0;
position: relative;
width: 549px}
#highlight-inner {
background: url(../images/background-highlight-img.png) top left no-repeat;
min-height: 222px}
	#highlight-bubble {
	position: absolute;  
	z-index: 10;  
	left: 29px; 
	top: 37px}
		.bubble-default {
		position: absolute;
		left: 29px;
		top: 22px}
			.bubble-default img {
			float: left}
			.bubble-default-inner {
			margin: 30px 0 0 225px;
			width: 275px}
			.bubble-default h2 {
			color: #006a8c;
			font: bold 18px Corbel, Trebuchet MS, Helvetica, sans-serif;
			margin: 0 0 15px 0}
			.bubble-default p {}
			.bubble-default p a {
			color: #2766a2;
			font:  12px/16px Corbel, Trebuchet MS, Helvetica, sans-serif;
			text-decoration: none;}
			.bubble-default p a span {
			padding: 0 2px 0 0}
			.bubble-default p a:hover {
			border-bottom: 1px solid #a5a5a5;
			text-decoration: none} 

		.bubble {
		position: absolute; }
			.bubble img {
			float: left}
			.bubble-inner {
			background-color: #f6f5f5; 
			min-height: 120px;
			margin: 30px 0 0 225px;
			padding: 0 0 10px 0;
			width: 275px;
			position:relative; }
			.bubble h2 {
			color: #006a8c;
			font: bold 18px Corbel, Trebuchet MS, Helvetica, sans-serif;
			margin: 0 0 15px 0}
			.bubble p {
			font: 12px/16px Corbel, Trebuchet MS, Helvetica, sans-serif;}
			.bubble div {
			font: 12px/16px Corbel, Trebuchet MS, Helvetica, sans-serif;}
			.bubble div p {
			font: 12px/16px Corbel, Trebuchet MS, Helvetica, sans-serif;}
			.bubble div a {
			font: 12px/16px Corbel, Trebuchet MS, Helvetica, sans-serif;}
			.bubble a {
			font: 12px/16px Corbel, Trebuchet MS, Helvetica, sans-serif;}
			.bubble p a {
			color: #2766a2;
			font: 12px/16px Corbel, Trebuchet MS, Helvetica, sans-serif;
			text-decoration: none;}
			.bubble p a span {
			padding: 0 2px 0 0}
			.bubble p a:hover {
			border-bottom: 1px solid #a5a5a5;
			text-decoration: none} 
	#highlight-menu {
	background: url(../images/background-highlight-menu.png) top left no-repeat;
	height: 70px;
	position: absolute;
	margin: 0 0 0 1px;
	top: 236px;  
   	left: 0px;  
	z-index: 5;
	width: 549px}
		#highlight-menu .item, #highlight-menu .item2 {
		float: left;
		height: 70px}
		#highlight-menu .item a:hover, #highlight-menu .item a.active, #highlight-menu .item2 a:hover, #highlight-menu .item2 a.active {
		background: url(../images/background-highlight-item.png) top left repeat-x;
		display: inline-block;
		height: 70px}
		#test{ width:100px; height:100px ;background-Image:url(http://www.vicsjavascripts.org.uk/StdImages/One.gif); }

		#highlight-menu .item a:visited,  #highlight-menu .item2 a:visisted {
		background: url(../images/background-highlight-item.png) top left repeat-x;
		display: inline-block;
		height: 70px}
		
		.item3 {
		background: url(../images/background-highlight-item.png) top left repeat-x;
		display: inline-block;
		height: 70px
		} 
		
		#highlight-menu .item a, #highlight-menu .item2 a  {
		text-decoration: none}
		#highlight-menu .item a h2, #highlight-menu .item2 a h2 {
		color: #006a8c;
		font: bold 14px Corbel, Trebuchet MS, Helvetica, sans-serif;
		padding: 25px 13px 0 12px}
		#highlight-menu .item a p, #highlight-menu .item2 a p {
		color: #000;
		padding: 0 12px 0 12px;}
	*/
#about { float:left;}
	#about h2 {
	color: #006a8c;
	font: bold 18px Corbel, Trebuchet MS, Helvetica, sans-serif;
	padding: 22px 0 27px 3px}
	#about .intro {
	float: left;
	margin: 0 0 15px 0;
	width: 265px}
	#about .intro img {
	background: url(../images/background-about-item.png) top left no-repeat;
	padding: 7px 15px 8px 7px;
	float: left;}
	#about .intro h3 {
	color: #006a8c;
	font: bold 14px Corbel, Trebuchet MS, Helvetica, sans-serif;
	padding: 0 0 10px 0}
	#about .intro p a {
	color: #2766a2;
	font: bold 10px Corbel, Trebuchet MS, Helvetica, sans-serif;
	text-decoration: none}
	#about .intro p a span {
	padding: 0 2px 0 0}
	#about .intro p a:hover {
	border-bottom: 1px solid #a5a5a5;
	text-decoration: none} 
	
#subpage {
width: 549px}
div.contentpages {
padding:12px;
font: normal 12px/14px Corbel, Trebuchet MS, Helvetica, sans-serif;}

div.contentpages p { font: normal 12px/14px Corbel, Trebuchet MS, Helvetica, sans-serif;}
div.contentpages div { font: normal 12px/14px Corbel, Trebuchet MS, Helvetica, sans-serif;}
div.contentpages span { font: normal 12px/14px Corbel, Trebuchet MS, Helvetica, sans-serif;}

	#subpage-img {
	background: url(../images/background-subpage-frame.png) top left no-repeat;
	height: 231px;	
	margin: 0 0 5px 0;
    }
		.subpage-img2 {
			overflow:hidden;
			height: 209px;
	    }
		#subpage-img img {
		width:506px;
		padding: 12px 0 0 23px
        }
	#subpage h1 {
	color: #006a8c;
	font: bold 18px Corbel, Trebuchet MS, Helvetica, sans-serif;
	padding-bottom:12px;}
	#subpage h2 {
	color: #333333;
	font: italic 15px Corbel, Trebuchet MS, Helvetica, sans-serif;
	padding-bottom:20px;
	}
	#subpage h3 {
	color: #333333;
	font: bold 12px/16px Corbel, Trebuchet MS, Helvetica, sans-serif;
	padding: 0 90px 0 15px}
	#subpage p {
	font: normal 12px/14px Corbel, Trebuchet MS, Helvetica, sans-serif;}
	#subpage p a {
	color: #2766a2;
	font: bold 12px/14px Corbel, Arial, Helvetica, sans-serif}
	#subpage p a:hover {
	border-bottom: 1px solid #a5a5a5;
	text-decoration: none}
	
#footer {
background: url(../images/background-footer.png) top left repeat-x;
height: 20px}

#footer img {margin-top:15px;}

   #gallery
   {
        width: 520px;
		padding:0px 0px 0px 10px;
   }
   
   #gallery .item 
   {
        width: 160px;
        height: 160px;
        float: left;
        background-color: #DDDDDD;
		margin:5px;
		padding-top:20px;
		text-align:center;
		
       
           
   }
   
   #gallery .item span p
   {

   }