/* CSS 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; outline: 0; font-weight: inherit; font-style: inherit; font-size: 100%; font-family: inherit; vertical-align: baseline }
:focus { outline: 0 }
body { line-height: 1; color: black; background: #fff }
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: "" "" }

/* CSS Styles */
body { background: #000 url(../img/bg.jpg) top center no-repeat }
#main { margin: 0 auto; position: relative; width: 833px }

/* Left Menu */
#menu { left: 40px; vertical-align: top; position: absolute; top: 120px; width: 272px }
#menu a { display: block; width: 100% }
.m0 { background: url(../img/bg_menu.png) 0 0 no-repeat; height: 33px }
.m1 { background: url(../img/bg_menu.png) 0 -33px no-repeat; height: 25px }
.m2 { background: url(../img/bg_menu.png) 0 -58px no-repeat; height: 25px }
.m3 { background: url(../img/bg_menu.png) 0 -83px no-repeat; height: 25px }
.m4 { background: url(../img/bg_menu.png) 0 -108px no-repeat; height: 25px }
.m5 { background: url(../img/bg_menu.png) 0 -133px no-repeat; height: 25px }
.m6 { background: url(../img/bg_menu.png) 0 -158px no-repeat; height: 25px }
.m7 { background: url(../img/bg_menu.png) 0 -183px no-repeat; height: 25px }
.m8 { background: url(../img/bg_menu.png) 0 -208px no-repeat; height: 25px }
.m9 { background: url(../img/bg_menu.png) 0 -233px no-repeat; height: 33px }

.m0:hover { background: url(../img/bg_menu.png) 0 -266px no-repeat; height: 33px }
.m1:hover { background: url(../img/bg_menu.png) 0 -299px no-repeat; height: 25px }
.m2:hover { background: url(../img/bg_menu.png) 0 -324px no-repeat; height: 25px }
.m3:hover { background: url(../img/bg_menu.png) 0 -349px no-repeat; height: 25px }
.m4:hover { background: url(../img/bg_menu.png) 0 -374px no-repeat; height: 25px }
.m5:hover { background: url(../img/bg_menu.png) 0 -399px no-repeat; height: 25px }
.m6:hover { background: url(../img/bg_menu.png) 0 -424px no-repeat; height: 25px }
.m7:hover { background: url(../img/bg_menu.png) 0 -449px no-repeat; height: 25px }
.m8:hover { background: url(../img/bg_menu.png) 0 -474px no-repeat; height: 25px }
.m9:hover { background: url(../img/bg_menu.png) 0 -499px no-repeat; height: 33px }

/* Content */
#content { background: url(../img/bg_content.png); height: 314px; left: 294px; position: absolute; top: 117px; vertical-align: top; width: 513px }

#ajax { height: 292px; margin: 11px; width: 491px }
#ajax p { font: normal 19px Arial, Helvetica, sans-serif; margin: 35px 30px 0; position: relative }
.adb { position: absolute; top: -12px; right: -20px }
#ajax p span { color: #aaa; display: block; font: normal 12px Arial, Helvetica, sans-serif; margin: 15px; text-align: center; width: 100% }
.docs { background: #eceded; color: #9d9d9d; display: block; font: bold 12px Arial, Helvetica, sans-serif; margin: 0 0 6px 0; padding: 4px 15px; position: relative; text-decoration:none; text-transform: uppercase; }
.docs:hover { background: #cbcbcc; color: #fff; }
.ladda { color: #df1f26; cursor: pointer; display: block; font-size: 11px; position: absolute; right: 10px; text-transform: uppercase; top: 4px; width: 100px }

/* Footer and Menu */
#footer { height: 110px; left: 2px; position: absolute; text-align: center; top: 452px; vertical-align: top; width: 833px }
#nyheter, #bokningar, #instruktion { margin-top: 6px; vertical-align: top }

#video { background: url(../img/video.jpg); display: inline-block; margin: 14px 0; height: 82px; width: 342px }
#video:hover { background: url(../img/video.jpg) bottom }

#nyheter { background: url(../img/bg_menu_hor.png); display: inline-block; height: 99px; width: 116px }
#nyheter:hover { background-position: left bottom }

#bokningar { background: url(../img/bg_menu_hor.png) center top; display: inline-block; height: 99px; width: 110px }
#bokningar:hover { background-position: center bottom }

#instruktion { background: url(../img/bg_menu_hor.png) right top; display: inline-block; height: 99px; width: 116px }
#instruktion:hover { background-position: right bottom }