/* Begin top navigation bar */



div#nav{
	position: absolute;
	display: block;
	top: 25px;
	left: 265px;
	width: 520px;
	}
	
ul {
	margin: 4px 0 0 29px;
	padding: 0;
}

#nav li {
	display: block;
	float: left;
	}
#nav li span{
	display: none;
	}
	
#nav li span a{
	display: block;
	background:  url(images/knoppen1.gif) no-repeat;
}
#nav li span a:hover{
	background:  url(images/knoppen2.gif) no-repeat;
}

a.about{
	display: block;
	width: 72px;
	height: 25px;
	background:  url(images/knoppen1.gif) no-repeat;
	}
a.about:hover{
	background:  url(images/knoppen2.gif) no-repeat;
	}
	
a.summerpackage{
	display: block;
	width: 136px;
	height: 25px;
	background: url(images/knoppen1.gif) no-repeat -72px 0;
	}
a.summerpackage:hover{
	background:  url(images/knoppen2.gif) no-repeat -72px 0;
	}

a.winterpackage{
	display: block;
	width: 121px;
	height: 25px;
	background:  url(images/knoppen1.gif) no-repeat -208px 0;
	}
a.winterpackage:hover{
	background:  url(images/knoppen2.gif) no-repeat -208px 0;
	}	
	
a.bedandbreakfast{
	display: block;
	width: 160px;
	height: 25px;
	background:  url(images/knoppen1.gif) no-repeat -329px 0;
	}
a.bedandbreakfast:hover{
	background:  url(images/knoppen2.gif) no-repeat -329px 0;
	}

a.klaralvsbanan{
	display: block;
	width: 126px;
	height: 29px;
	background:  url(images/knoppen1.gif) no-repeat 0 -25px;
	}
a.klaralvsbanan:hover{
	background:  url(images/knoppen2.gif) no-repeat 0 -25px;
	}
	
a.outdoor{
	display: block;
	width: 140px;
	height: 29px;
	background:  url(images/knoppen1.gif) no-repeat -126px -25px;
	}
a.outdoor:hover{
	background:  url(images/knoppen2.gif) no-repeat -126px -25px;
	}
	
a.information{
	display: block;
	width: 220px;
	height: 29px;
	background:  url(images/knoppen1.gif) no-repeat -266px -25px;
	}
a.information:hover{
	background:  url(images/knoppen2.gif) no-repeat -266px -25px;
	}
	
	
	
	
	
/* winter knoppen */	
	
	
	
	
	
	
body.winter #nav li span a{
	display: block;
	background:  url(css/img/knoppenwinter-a.gif) no-repeat;
}
body.winter #nav li span a:hover{
	background:  url(css/img/knoppenwinter-b.gif) no-repeat;
}

body.winter a.about{
	display: block;
	width: 72px;
	height: 25px;
	background:  url(css/img/knoppenwinter-a.gif) no-repeat;
	}
body.winter a.about:hover{
	background:  url(css/img/knoppenwinter-b.gif) no-repeat;
	}
	
body.winter a.summerpackage{
	display: block;
	width: 136px;
	height: 25px;
	background: url(css/img/knoppenwinter-a.gif) no-repeat -72px 0;
	}
body.winter a.summerpackage:hover{
	background:  url(css/img/knoppenwinter-b.gif) no-repeat -72px 0;
	}

body.winter a.winterpackage{
	display: block;
	width: 121px;
	height: 25px;
	background:  url(css/img/knoppenwinter-a.gif) no-repeat -208px 0;
	}
body.winter a.winterpackage:hover{
	background:  url(css/img/knoppenwinter-b.gif) no-repeat -208px 0;
	}	
	
body.winter a.bedandbreakfast{
	display: block;
	width: 160px;
	height: 25px;
	background:  url(css/img/knoppenwinter-a.gif) no-repeat -329px 0;
	}
body.winter a.bedandbreakfast:hover{
	background:  url(css/img/knoppenwinter-b.gif) no-repeat -329px 0;
	}

body.winter a.klaralvsbanan{
	display: block;
	width: 126px;
	height: 29px;
	background:  url(css/img/knoppenwinter-a.gif) no-repeat 0 -25px;
	}
body.winter a.klaralvsbanan:hover{
	background:  url(css/img/knoppenwinter-b.gif) no-repeat 0 -25px;
	}
	
body.winter a.outdoor{
	display: block;
	width: 140px;
	height: 29px;
	background:  url(css/img/knoppenwinter-a.gif) no-repeat -126px -25px;
	}
body.winter a.outdoor:hover{
	background:  url(css/img/knoppenwinter-b.gif) no-repeat -126px -25px;
	}
	
body.winter a.information{
	display: block;
	width: 220px;
	height: 29px;
	background:  url(css/img/knoppenwinter-a.gif) no-repeat -266px -25px;
	}
body.winter a.information:hover{
	background:  url(css/img/knoppenwinter-b.gif) no-repeat -266px -25px;
	}
	
	
	
	
	
	

/* End top navigation bar */






/* Begin subnavigation bar */

div#subnav{
	float:left;
	width: 550px;
	text-align: center;
	}
	


div#subnav p{
	padding: 2px 5px;
	margin: 0;
	}

#subnav a:hover {
	color: white;
	text-decoration: underline;
	}
	
body.winter div#subnav a {
	text-decoration: none;
	color: #0b5311;
	}
body.winter div#subnav a:visited {
	text-decoration: none;
	color: #999;
	}
 body.winter div#subnav a:hover {
	text-decoration: underline;
	color: #0e8017;
	}




/* End subnavigation bar */