/* RESET **************************************************/

html, body, div, span, applet, object, iframe,
h1, h2, h3, h4, h5, h6, p, blockquote, pre,
a, abbr, acronym, address, big, cite, code,
del, dfn, em, font, img, ins, kbd, q, s, samp,
small, strike, strong, sub, sup, tt, var,
dl, dt, dd, ol, ul, li,
fieldset, form, label, legend,
table, caption, tbody, tfoot, thead, tr, th, td {
	margin: 0;
	padding: 0;
	border: 0;
	font-weight: inherit;
	font-style: inherit;
	font-size: 100%;
	font-family: inherit;
	vertical-align: baseline;
}

ol, ul { list-style: none; }
table { border-collapse: separate; border-spacing: 0; }
caption, th, td {text-align: left; font-weight: normal; }
blockquote:before, blockquote:after,
q:before, q:after { content: ""; }
blockquote, q { quotes: "" ""; }

strong { font-weight: bold; }
em { font-style: italic; }

/* BODY ***************************************************/
body { color:#555; line-height:1; font-family: "trebuchet ms", arial, helvetica, sans-serif; font-size:13px; background: #def3ff;}

/* small stuff */
h1, h2, h3, h4, h5, h6 { font-weight: normal; }
#mobile {position:absolute 0 0;z-index:1;}


/* MAIN LAYOUT ********************************************/

/* container etc */
#o { position:relative; margin:auto; top:225px; width:615px; z-index:3; }
#topgfx {position:absolute; top:0; z-index:2; height:328px; width:100%; background:url(images/topgradient-clouds.jpg) repeat-x;}
#sol {position:absolute; top:-10px;right:10px; width:184px; height:184px; background:url(images/sol.png) no-repeat; z-index:9999; cursor:move;}

#maintop {position:absolute; width:615px; height:79px; top:-79px; z-index:4; background:url(images/maintop.png) no-repeat; }
#logo {position:absolute; width:186px; height:196px; top:-165px; left:-60px; z-index:5; background:url(images/logo.png) no-repeat; }
#bild {position:absolute; width:214px; height:205px; top:-70px; right:-97px; z-index:5; /*background:url(images/topbild2.png) no-repeat top right;*/}
#bild img {margin-top:0px;}
#mainfooter {position:absolute; width:615px; height:173px; bottom:-173px; background:url(images/mainfooter.jpg) no-repeat;}

/* menu */
#menu {position:absolute;z-index:4;top:-139px; right:37px;}
#menu {height:60px;}
#menu {list-style-type:none;margin:0;padding:0;}
#menu li {float:left;margin-right:3px;text-align:center;}


#menu a {display:block;width:81px;height:25px;padding-top:10px;background:url(images/menu-off.gif) no-repeat 0 0; text-decoration:none; color:#fff;}
#menu a {margin-top:25px;}
#menu #on a {background:url(images/menu-on.gif) no-repeat;color:#3c647b;}


/* content */
#m {padding-left:107px;padding-right:120px;padding-bottom:50px;background:url(images/mainbkg.gif) repeat-y; min-height: 600px; height:auto !important;	height: 600px;}
#m p {margin-bottom:20px; line-height:19px;}


/* headers */
h1,h2,h3,h4 {font-weight:normal;}
h2 { font-size:24px; font-family:arial, helvetica, sans-serif; letter-spacing:-1px; margin-bottom:10px; }
h3 {font-weight:bold;font-size:12px;letter-spacing:0;line-height:20px;}
h4 {font-size:14px; font-weight:bold;line-height:24px;font-family:arial, helvetica, sans-serif;}


/* footer bottom */

#footer {position:relative;top:480px;bottom:0;width:100%; height:259px; background:url(images/footer.jpg) repeat-x; }
#ftxt {position:relative;margin:auto;top:80px;width:615px;}
#ftxt p {position:relative;left:175px;top:73px;color:#705e47; font-size:11px;line-height:20px;text-transform:uppercase;}
#ftxt img {position:absolute;top:9px;}
#ftxt a {color:#705e47;text-decoration:none;}
#ftxt a:hover {color:#897761;}
#ftxt strong {font-weight:normal;}
#ftxt span {font-size:10px;}

/* SLIMBOX */

#lbOverlay { position: absolute; left: 0; width: 100%; background-color: #23698F; cursor: pointer; z-index: 99991; }
#lbCenter, #lbBottomContainer {	position: absolute; left: 50%; overflow: hidden; background-color: #fff; z-index: 99999;}
#lbBottomContainer { background: #fff; }
.lbLoading { background: #fff url(js/loading.gif) no-repeat center; }
#lbImage { position: absolute; left: 0;	top: 0;	border: 10px solid #fff; background-repeat: no-repeat; }
#lbPrevLink, #lbNextLink { float: left; background: #fff; text-decoration:none;	font-size: 11px; }

#lbBottom a {color:#DF6192;}
#lbBottom a:hover {color:#EF2C78;text-decoration:underline;}

#lbPrevLink { margin-right: 5px; }

#lbNextLink { padding-right: 10px; background:url(js/whitearrow.gif) no-repeat; background-position:right 4px; }
a:hover#lbNextLink { background:url(js/whitearrow3.gif) no-repeat; background-position:right 4px; }
#lbPrevLink { padding-left: 10px; background:url(js/whitearrow2.gif) no-repeat;	background-position:left 4px; }
a:hover#lbPrevLink { background:url(js/whitearrow4.gif) no-repeat;	background-position:left 4px; }

#lbBottom {	font-size: 10px; color: #aaa; line-height: 1.4em; text-align: left; border: 10px solid #fff; border-top-style: none; }

#lbCloseLink { display:block; position:absolute;right:10px;bottom:10px;width: 66px; height: 22px; margin:0; margin-top: 5px; }
a#lbCloseLink { background: transparent url(js/closelabel2.jpg) no-repeat center; }
a:hover#lbCloseLink { background: transparent url(js/closelabel.jpg) no-repeat center; }

#lbCaption, #lbNumber { margin-right: 71px; margin-top:5px;margin-bottom:3px; font-size: 11px; }
#lbCaption { font-weight: bold; color:#777; }

/* galleri */

#m .galbox { height: 155px; padding:10px;border:1px solid #ccc; padding-top:0; cursor:pointer;background:#fff; display:block; margin-right:10px; -moz-border-radius:5px; border-radius:5px; }
#m .galbox { margin-bottom:40px; margin-top:40px;}
#m .galbox h3 {line-height:40px; }
#m .galbox img {margin-bottom:2px;}
#m .galbox a { text-decoration:none; color:#2F99BF; color:#444;}

#m .galbox .galleft {float:left;}
#m .galbox .galdesc {float:left; margin-top:-5px; margin-left:15px;width:165px; }
#m .galbox p {font-size:11px; margin:0;}
#m .galbox span {font-size:10px; position:absolute; display:block; margin-top:132px; right:130px; text-align:right; color:#888;}


#m .bildbox {float:left;margin-right:10px;margin-top:10px;width:170px;padding:4px; border:1px solid #ccc; -moz-border-radius:4px; border-radius:4px; -webkit-border-radius:4px;padding-top:8px;text-align:center;background:#fff;}
#m .bildbox p { display:block;height:30px;font-size:10px;margin:0; text-transform:uppercase; }
#m .bildbox p img {margin-right:3px;margin-left:3px;vertical-align:middle;margin-bottom:3px;}
#m .bildbox p a {margin-right:2px;margin-left:2px;line-height:34px;color:#666;text-decoration:none;}
#m .bildbox p a:hover {color:#EF2C78;text-decoration:none;}



/* forms */

#m #skriv {margin-right:-60px;}
#m .form {margin-top:100px;}
#m fieldset {margin:0;padding:10px;border:1px solid #ccc;}
#m input, textarea {border:1px solid #ccc;padding:7px;width:150px;color:#888;margin-top:10px;font-family:"comic sans", arial, "trebuchet ms", sans-serif; ;font-size:14px;font-weight:bold;-moz-border-radius:5px;border-radius:5px;-webkit-border-radius: 5px;}
#m label {font-size:11px;line-height:16px;background:#fff;border:1px solid #ccc;border-top-width:3px; display:block;width:170px;float:left;margin:10px;margin-left:0;padding:20px;border-radius:5px;-moz-border-radius:5px;-webkit-border-radius: 5px;}
#m label em {color:#bb0000;}

#m textarea {clear:both;}
#m label.wide {width:392px;}
#m label.wide textarea {width:96%;overflow:auto;height:200px;}
#m span {display:block;}
#m input.btn {width:90px;background:#fff;font-size:11px;cursor:pointer;}

/* gästboken */
#m #gb {margin-top:30px;}
#m #gb li {font-size:12px; background:#fff; background-image:none; border:1px solid #ccc; border-left-width:2px; padding:10px; padding-left:15px;margin-bottom:15px; min-height: 70px; height:auto !important; height:70px; border-radius:3px; -moz-border-radius:3px;-webkit-border-radius:3px;}
#m #gb li {background-image:none;}
#m #gb li p {}
#m #gb li div {font-size:10px;color:#888;margin-bottom:15px;}

.sidnr {text-align:right;font-style:normal;font-size:11px;}
h4.gbh4 {margin-top:60px;border-bottom:1px solid #aaa;}


/* pagination */
#m .pages {padding-top:20px;padding-bottom:30px;}
#m .pages ul {list-style-type:none;margin:0;padding:0;line-height:30px;width:100%;}
#m .pages li {float:left; margin-right:7px;background-image:none;padding-left:0;line-height:30px;}
#m .pages li a {padding:3px;padding-right:7px;padding-left:7px;border:1px solid #ccc;color:#555; text-decoration:none; border-radius:3px; -moz-border-radius:3px;-webkit-border-radius:3px;}
#m .pages li a:hover {background:#DFF4FF;color:#476B7F;border-color:#8BC1DF;}
#m .pages li.on a {background:#DFF4FF;color:#476B7F;border-color:#8BC1DF;}



/* press nyheter */
.news {margin-top:40px;border-bottom:1px solid #ccc;}
.news h4 {margin-top:30px;}
.news strong {font-size:11px;}
.nb {font-size:11px;text-align:right;color:#888; }
.nb em {font-size:13px;font-style:normal;}

/* kontakt */
#m .form {margin-top:40px;padding-top:30px;border-top:1px solid #ccc; }


/* ok och errorbox */
.box {padding:15px;border:2px solid;margin-right:15px;margin-bottom:30px;}
#m .box p, #m .box h4 {margin:0;line-height:20px;}

.ok { border-color:#368F35;background:#DFFFDF;color:#5A6F5A;}
.error { border-color:#BF3B3B;background: #FFEFEF;color:#BF3B3B;}
#m .error a { text-decoration:underline;}

/* vykort */
#m .vybild {margin-left:-15px;margin-top:10px;margin-bottom:10px;}
#m .vybild img {width:400px;height:301px;}
#m .vybild span { width: 401px; height: 301px; display: block; position: absolute; background: url(images/png-overlay.png) no-repeat; }
#m .vykort .form {margin-top:40px;padding-top:40px;border-top:1px solid #ccc;}


/* tipsa */
#m .tips {margin-top:30px;}
#m .tips .form {margin-top:0;}

/* content-bilder */
#m img.stor {padding:4px;border:1px solid #ccc;}}




/* main links */

#m a { color:#DF6192;text-decoration:none;}
#m a:hover {color:#EF2C78;text-decoration:underline;}
#m p a { color:#DF6192;text-decoration:none;}
#m p a:hover {color:#EF2C78;text-decoration:underline;}

/* default content */

#m ul {margin-bottom:20px;margin-top:10px;}
#m ul li {line-height:22px;padding-left:20px; background:url(images/bullet.gif) no-repeat 0 4px; }
#m ol { margin-bottom:20px;margin-top:10px;list-style-type:decimal; list-style-position:inside;}
#m ol li {line-height:22px}

#m img.cimg {padding:4px;border:1px solid #ccc;margin-bottom:10px;margin-top:10px;}
#m a:hover img.cimg {border-color:#EF2C78;}

#m img.left {float:left;margin-right:10px;margin-top:6px;margin-bottom:0;}
#m img.right{float:right;margin-left:10px;margin-top:6px;margin-bottom:0;}