body       { font-size: 75%; font-family: "Lucida Sans", "Lucida Grande", "Lucida Sans Unicode", sans-serif; margin: 0;}
:focus     { outline-style: none; outline-width: 0px; }
.container { width: 950px; }

/* fix body margin-bottom bug (but disables clearfix)... */
/* .clearfix:after, .container:after {content:""} */

/* typography - overrrides blueprint defaults */
h1, h2, h3, h4, h5, h6 { font-weight: normal; color: #f58220; font-family: Helvetica, sans-serif; }
h1 { font-size: 1.3em; line-height: 1; margin-top: 1em; margin-bottom: 1.5em; letter-spacing: 0px; font-weight: bold; }
/*h2 { font-size: 1.25em; line-height: 1.25; margin-top: 1em; margin-bottom: 0.5em; letter-spacing: 0px; font-weight: bold; }*/
h2, h3 { font-size: 1.25em; line-height: 1.25; margin-bottom: 0.25em; height: 1.25em; color: #707173;}
h4 { font-size: 1em; font-weight:bold; margin-bottom:1.5em; }
h5 { font-size: 1em; font-weight:bold; }


#navigation li { font-family: Helvetica, sans-serif; font-size: 1.3em; line-height: 1; margin-top: 1em; margin-bottom: 1.5em; letter-spacing: 0px; font-weight: bold; padding: 0 0 5px 0; list-style-type: none; }

p + p  { text-indent: 0; margin-top: 1.5em;}
/*#content p + p  { text-indent: 20px; margin-top: -1.5em;}*/


.alt   { color: #8c6751; font-size: 2.5em; letter-spacing: 0;}
.highlight, em { background: #D0E9F2; }
.pull em { background: none; }


/* links */
a:link     { color: #f58220; }
a:visited  { color: #f58220; }
a:hover    { color: #000; }
a:active   { color: #000; }

/* layout */
body       { background: url(../images/bg-body.gif) repeat top left; }
.container { background: url(../images/bg-content.gif) repeat-y; margin-top: 30px; }

/* header */
#header           { background: #fff url(../images/bg-header.jpg) bottom left no-repeat; height: 200px; }
#grafisk  #header { background: #fff url(../images/bg-header-grafisk.jpg) bottom left no-repeat; height: 200px; }
#papper   #header { background: #fff url(../images/bg-header-papper.jpg) bottom left no-repeat; height: 200px; }
#verkstad #header { background: #fff url(../images/bg-header-verkstad.jpg) bottom left no-repeat; height: 200px; }
#ishallar #header { background: #fff url(../images/bg-header-ishall.jpg) bottom left no-repeat; height: 200px; }
#logo             { margin-top: 5px; margin-left: 25px;}

/* navigation */
#navigation           { min-height: 400px; padding-top: 60px; } 
#navigation a         { color: #fff; text-decoration: none; }

#navigation ul { margin-left: -5px;}
/*#navigation li { list-style-type: none; color: #5d6971; font-size: 1.5em; line-height: 1; margin-top: 1em; margin-bottom: 0.5em; letter-spacing: -1px; font-weight: bold; padding: 0 0 10px 0; }*/
#navigation li.active { list-style-type: none; color: #ee7f00; }
#navigation li a.active { color: #ee7f00; }
#navigation li a:hover  { color: #ee7f00; }

#navigation ul ul { margin: 7px 0 7px 18px; }
#navigation li li { list-style-type: disc; color: #fff; font-size: 0.8em; margin:0; padding: 6px 0 6px 0; font-weight: normal; }

#navigation li li.active { list-style-type: disc; color: #f9c188;}
#navigation li li.active a { color: #f9c188;}
#navigation li li:hover { color: #f9c188;}
#navigation li li a:hover { color: #f9c188;}

/* content */
#content     { background: #fff; padding-top: 10px; }
#start #content p   { width: 500px; }
#sidebar     { padding-top: 30px; }
#sidebar img { padding-bottom: 20px; }

#subnav      { height: 30px; margin-top: 20px; }
#subnav ul   { margin: 0; padding: 0; border-left: 1px solid #ccc; }
#subnav li   { display: inline; border-right: 1px solid #ccc; padding: 0 10px 0 10px; margin: 0;}
#subnav a    { color: #707173; text-decoration: none; }
#subnav a.active { color: #707173; text-decoration: none; font-weight: bold; }
#subnav a:hover  { color: #707173; text-decoration: underline; }

#start #content, #maskinpark #content, #om #content, #kontakt #content { background: #fff; padding-top: 60px; }
#start #sidebar, #maskinpark #sidebar, #om #sidebar, #kontakt #sidebar { padding-top: 80px; }


ul.back    { margin: 40px 0 20px 0;}
ul.back li { list-style-type: none; font-size: 0.9em; }

/* footer */
#footer    { background: #f58220; text-align: center; padding-top: 7px; padding-bottom: 7px; margin-top: 20px; font-family: tahoma; font-size: 0.85em; }
#footer p  { margin: 0; padding: 0;}
#footer a  { color: #000; font-weight: normal; }

/* vcard */
.vcard .type { display: none; }
.vcard .fn   { font-weight: bold; }
.vard .hide  { display: none; }
a.savevcard  { padding: 3px 0 3px 22px; background: url(../images/icons/vcard_add.png) left center no-repeat; }

/*
    ColorBox Core Style
    The following rules are the styles that are consistant between themes.
    Avoid changing this area to maintain compatability with future versions of ColorBox.
*/
#colorbox, #cboxOverlay, #cboxWrapper{position:absolute; top:0; left:0; z-index:9999; overflow:hidden;}
#cboxOverlay{position:fixed; width:100%; height:100%;}
#cboxMiddleLeft, #cboxBottomLeft{clear:left;}
#cboxContent{position:relative; overflow:visible;}
#cboxLoadedContent{overflow:auto;}
#cboxLoadedContent iframe{display:block; width:100%; height:100%; border:0;}
#cboxTitle{margin:0;}
#cboxLoadingOverlay, #cboxLoadingGraphic{position:absolute; top:0; left:0; width:100%;}
#cboxPrevious, #cboxNext, #cboxClose, #cboxSlideshow{cursor:pointer;}

/* 
    ColorBox example user style
    The following rules are ordered and tabbed in a way that represents the
    order/nesting of the generated HTML, so that the structure easier to understand.
*/
#cboxOverlay{background:#fff;}

#colorbox{}
    #cboxContent{margin-top:32px;}
        #cboxLoadedContent{background:#000; padding:1px;}
        #cboxLoadingGraphic{background:url(/images/colorbox/loading.gif) center center no-repeat;}
        #cboxLoadingOverlay{background:#000;}
        #cboxTitle{position:absolute; top:-22px; left:0; color:#000;}
        #cboxCurrent{position:absolute; top:-22px; right:205px; text-indent:-9999px;}
        #cboxSlideshow, #cboxPrevious, #cboxNext, #cboxClose{text-indent:-9999px; width:20px; height:20px; position:absolute; top:-20px; background:url(/images/colorbox/controls.png) 0 0 no-repeat;}
        #cboxPrevious{background-position:0px 0px; right:44px;}
        #cboxPrevious.hover{background-position:0px -25px;}
        #cboxNext{background-position:-25px 0px; right:22px;}
        #cboxNext.hover{background-position:-25px -25px;}
        #cboxClose{background-position:-50px 0px; right:0;}
        #cboxClose.hover{background-position:-50px -25px;}
        .cboxSlideshow_on #cboxPrevious, .cboxSlideshow_off #cboxPrevious{right:66px;}
        .cboxSlideshow_on #cboxSlideshow{background-position:-75px -25px; right:44px;}
        .cboxSlideshow_on #cboxSlideshow.hover{background-position:-100px -25px;}
        .cboxSlideshow_off #cboxSlideshow{background-position:-100px 0px; right:44px;}
        .cboxSlideshow_off #cboxSlideshow.hover{background-position:-75px -25px;}