@charset "UTF-8";
/* reset */ 
ul, li, h1, h2, h3, p, form, td {margin:0; padding:0;}
a, img, fieldset, td, table {border:none;}
.clearfix:after {content: ".";display: block;clear: both;visibility: hidden;line-height: 0;height: 0;}
.clearfix {display: inline-block;}
html[xmlns] .clearfix {display: block;}
* html .clearfix {height: 1%;}
	
body {margin:0; padding:0; font-family:Arial, Helvetica, sans-serif; font-size:12px; /* overflow:scroll; */ }
body {background:url('../img/body-pattern.png') fixed;}

a {border:none !important; outline-style:none !important;}

.clear {clear:both;}

#parking {width: 131px; height:171px; position:absolute; margin-left:740px; top:0;}

#pageTop 	{background:url('../img/wrapperTop.png') top center no-repeat; padding-top:25px; margin-top:30px;}
#wrapper 	{background: url('../img/wrapper.png') top center repeat-y;}
#pageBtm	{background:url('../img/wrapperBtm.png') bottom center no-repeat; height:28px;}

#header {height:145px;}

.page {margin:0 auto; width:920px;}

#topMenu {background:url('../img/topMenu.png') top left repeat-x #a6957a; overflow:hidden; margin:0 0px 8px 1px;}
#topMenu ul {margin-left:18px;}
#topMenu li {float:left; padding:0 0 0 9px; list-style:none; margin-right:0px;}
#topMenu a {display:block; padding:17px 12px 10px 5px;  text-transform:uppercase; color:white; text-decoration:none;}
#topMenu li.active {background:url('../img/topMenu1.png') bottom left  no-repeat;}
#topMenu li.active a {background:url('../img/topMenu2.png') bottom right no-repeat; color:#695d4a;}

#header .search {position:relative; float:right; width:220px; margin:14px 17px 0 0; background:url('../img/search2.png') top right no-repeat; padding:0 9px 0 0;}
#header .search form {background:url('../img/search1.png') top left no-repeat; height:29px;}
#header .search form div {float:left; display:inline;}
#header .search form div.button {margin:10px 0 0 ;}
#header .search form div.button button {color:white; font-size:12px;}
#header .search form div.inputTxt {margin:10px 10px 0 10px;}
#header .search form div.inputTxt input {width:140px;}
#header .search input,
#header .search button {border:none; background:none;}

#topMenuOuter,
#content, 
#header {margin:0 1px 0 0 ;}

#content {background-color:white; margin-left:1px; height:auto;}

#header h1 span,
#header h2 span,
#header h3 span {display:block; text-indent:-9999px;}

#header h1 {margin:  9px 20px 0 ; float:left; width:  90px; height: 108px; background:url('../img/logo.png') top left no-repeat;}
#header h2 {margin: 30px 0 0; float:left; width: 583px; height:  46px; background:url('../img/slogan.png') top left no-repeat;}
#header h3 {margin:  0px 0 0; float:left; width: 583px; height:  26px; background:url('../img/sub-slogan.png') top left no-repeat;}

#thin, 
#main {float:left; display:inline; position:relative;}

#main {width:580px; padding:0 8px 0 6px; border-right:1px dashed #ccc;}
#thin {width:310px; padding:0 6px 0 7px;}

#main .box, 
#thin .box {margin:0 0 10px; position:relative;}

#main .text {margin-top:20px;}
#main .text p {margin:10px 35px 10px 25px; line-height:18px;}
#main .text h1 {font-size:16px; font-weight:100; margin:10px 35px 10px 25px;} 
#main .text h2 {font-size:14px; font-weight:900; margin:20px 35px 10px 25px;}
#main .text a {color:#666;}
#main .text a:hover {color:#999;}
#main .text ul {margin:20px 35px 10px 25px;}
#main .text ul.aktiviteter li {list-style:none;}

#main .text h1.pageTitle {background:white url('../img/rubriker.png') 0px 0px no-repeat; width:388px; height:47px; clear:both; text-indent:-9999px;}

#page-butiker h1.pageTitle {padding:0 !important; background-image:none !important; width:auto !important; height:auto !important; text-indent:0 !important;}

#page-start h1.pageTitle 			{background-position:0px  -94px !important;  margin-left:10px !important;}
#page-aktiviteter h1.pageTitle 		{background-position:0px  -47px !important; margin-left:10px !important;}
#page-om h1.pageTitle 			{background-position:0px    0px !important; margin-left:10px !important;}
#page-faq h1.pageTitle 				{background-position:0px -235px !important; margin-left:10px !important;}
#page-kontakt h1.pageTitle 			{background-position:0px -141px !important; margin-left:10px !important;}
#page-ledigalokaler h1.pageTitle 	{background-position:0px -188px !important; margin-left:10px !important;}
#page-album h1.pageTitle 		{background-position:0px -282px !important; margin-left:10px !important;}

#main .extra {margin-top:20px; height:242px;}
#main .extra .over {background:url('../img/startpageExtra.png') top left no-repeat; width:580px; height:242px; display:block; position:absolute;}
#main .extra .image {position:absolute; overflow:hidden; width:276px; height:193px; margin:32px 0 0 16px;}
#main .extra .image img {max-width:300px;}
#main .extra .news {position:absolute; margin:91px 0 0 325px; width:210px; height:130px; font-size:13px; font-style:italic;}
#main .extra .news p {margin:0 0 10px 0; line-height:18px;}
#main .extra .news a {color:#0066CC; text-decoration:none;}

#main .text img {padding:2px; border:1px solid #ccc;}

#page-aktiviteter .extra h2 {border-top:1px dashed #ccc; padding-top:20px;}

#page-fotoalbum,
#page-butiker {margin-top:0 !important;}
#page-album #dropdown,
#page-butiker h1 {font-size:18px; background-color:#a6957a !important; background-image:none; font-weight:100; padding:7px; color:white; margin:0 !important;}
#page-butiker .top { padding:10px 0;}
#page-butiker .top img {float:left; margin:0 10px 0 0;}
#page-butiker .top p {font-size:11px; margin:5px 0; line-height:13px;}

#page-butiker .logo img {float:left; margin:0px 10px 10px 0;}
#page-butiker .info p 	{font-size:11px; margin:5px;}

#dropdown { height:20px; font-size:11px !important;}
#dropdown form {float:right;}

#page-fotoalbum #gallery {text-align:center; padding:0 6px;}
#page-fotoalbum h2 {text-align:center;}
#page-fotoalbum #thumbnails 	{float:left; margin:20px 30px 10px;}
#page-fotoalbum #thumbnails li {float:left; width:100px; height:125px; padding:2px 0; list-style:none; margin:0 2px 20px; text-align:center; background-color:#fff;}
#page-fotoalbum #gallery #next {margin-top:75px; height:62px; width:24px; background:url('img/gallery/next.png'); display:block; position:relative;}
#page-fotoalbum #gallery #prev {margin-top:75px; height:62px; width:24px; background:url('img/gallery/prev.png'); display:block; position:relative;}

#page-fotoalbum .showThumbnails {margin:10px 35px 10px !important; border-top:1px solid #ccc; border-bottom:1px solid #ccc; text-align:center; line-height:30px !important;}

#page-fotoalbum #gallery #next,
#page-fotoalbum #gallery #prev,
#page-fotoalbum #gallery img {float:left; display:inline;}
#page-fotoalbum #gallery img {margin:0 2px;}

#butikslista {background:#ccc; padding:7px 14px;}
#butikslista h2 {color:#444; font-weight:100; font-size:18px; padding:1px 0;}
#butikslista ul {margin:10px 0 20px;}
#butikslista li {list-style:none; font-size:11px; font-weight:900; margin:2px 0;}
#butikslista li a {color:#333; text-decoration:none;}

strong.butik {font-size:1.2em; margin:0 0 4px; display:block;}

#s3slider {
	width: 309px; /* important to be same as image width */
	height: 358px; /* important to be same as image height */
	position: relative; /* important */
	overflow: hidden; /* important */
}
#s3sliderContent {
	width: 309px; /* important to be same as image width or wider */
	position: absolute; /* important */
	top: 0; /* important */
	margin: 0; /* important */
}
.s3sliderImage {
	float: left; /* important */
	position: relative; /* important */
	display: none; /* important */
}
.s3sliderImage span {
	position: absolute; /* important */
	left: 0;
	font: 10px/15px Arial, Helvetica, sans-serif;
	padding: 0;
	width: 580px;
	background:none;
	filter: alpha(opacity=70); /* here you can set the opacity of box with text */
	-moz-opacity: 0.7; /* here you can set the opacity of box with text */
	-khtml-opacity: 0.7; /* here you can set the opacity of box with text */
	opacity: 0.7; /* here you can set the opacity of box with text */
	color: #fff;
	display: none; /* important */
	top: 0; 
}
/* 
	CSS3
*/ 


#page-butiker h1,
#topMenu li a,
#header .search button span {text-shadow: 0px 1px 0px #666;}
#topMenu li.active a {text-shadow: 0px 1px 0 #fff;}


/*
#main .extra .news {
-moz-transform:rotate(4deg);
-webkit-transform: rotate(4deg);
filter: progid:DXImageTransform.Microsoft.BasicImage(rotation=4);
}
*/


#gallery{
background-color:#CCCCCC;
display:block;
min-height:336px;
height:auto;
float:left;
overflow:hidden;
width:450px;}
#gallery img {
margin:0 auto;
display:block;}
div#buttons{
margin-left:30px;
margin-top:-220px;}
#main .text a.prev img{
float:left;
margin-top:120px;
	border:none;!important}	
#main .text a.next img{	border:none;!important
float:left;
margin-top:120px;
}
p.showThumbnails{
text-align:center}
ul#thumbnails{
	}
ul#thumbnails li{
	float:left;
	margin-right:15px;
	margin-bottom:15px;
	list-style:none;}	
#page-album {}