/**
 *  Stylesheet for E-grip demo website
 *  ===============================================================
 *  $Id: region.css,v 1.1.2.8 2006/08/08 08:26:10 nijenhuis Exp $
 *  ===============================================================
 *
 *  global styleguide:
 *
 *  colors {
 *    white  : #fff;
 *    black  : #000;
 *    orange : #f60;
 *    blue   : #003384;
 *  }
 *
 *  fonts {
 *    logo    : FF Unit - Medium;
 *    headers : Verdana, Helvetica, sans-serif;
 *    text    : Verdana, Helvetica, sans-serif;
 *  }
 */


/**
 * GLOBAL HTML ELEMENTS
 *
 * default html elements, such as html, body, img, p, a.
 */

html, body {
height: 100%;
margin: 0; padding: 0;
border: 0;
overflow: hidden; }

body {
font: normal .65em/1.2em Verdana, Helvetica, sans-serif;
background-color: transparent; background-repeat: repeat; background-position: left top; }

/* links */
a, a:link {
padding: 0;
font-weight: bold;
text-decoration: none; }


/* headers */
h1, h2, h3, h4, h5, h6 { margin: 0 0 1em 0; font-family: Verdana, Helvetica, sans-serif; }
h1 { font-size: 1.25em; }
h2 { font-size: 1.1em; }
h3 { font-size: 1em; }


/* images */
img, a img { border: 0; }


/* paragraphs */
p { }


/* lists and definition lists */
ul { list-style: none; margin: 0; padding: 0; }
    ul li {}

dl {}
    dl dt {}
    dl dd {}


/* tables */
table { font-size: 1em; vertical-align: top; border-collapse: collapse; }
    table thead { }
    table tbody { }

    table td, table th { text-align: left; }

/**
 * BASIC PAGE LAYOUT
 *
 * describes the default page layout
 */

#body {
height: 100%; }

    #total {
    height: 100%; }

        #body>#total { height: auto; min-height: 100%; }

    #container {
    width: 100%; height: 100%;
    position: absolute;
    top: 0; left: 0;
    border-style: solid; border-width: 17px 0 17px 0;
    overflow: auto;
    background: none; }

        #total>#container {
        top: 17px; left: 0; bottom: 17px; right: 0;
        height: auto;
        border: 0; }

        #content {
        text-align: left;
        height: 100%; width: 371px;
        margin-left: 257px; }

            /* Problem: to fill the content div in the body, height is set to 100%. IE auto-stretches the element, !IE does not. */
            /* Solution: set the height back to auto, and provide a min-height value of 100% */
            #container>#content {
            padding-left: 0;
            height: auto; min-height: 100%; }

        #header {
        position: absolute;
        top: 0; left: 0;
        height: 17px; width: 796px;
        text-indent: -9000px; }

            #header h1 { width: 100%; height: 17px; margin: 0; }
                #header h1 a { display: none; height: 100%; border: 0; padding-left: 0; background: none; }

        #mainnav {
        position: absolute;
        top: 0; left: 628px;
        width: 168px; height: 100%; }

            #mainnav_banner a {
            display: block;
            width: 130px; height: 166px;
            text-indent: -9000px;
            margin: 3em 0 0 .5em; }

            #mainnav ul {
            position: absolute;
            bottom: 2em;
            width: 168px;
            margin: 0; padding: 0; }

                #mainnav ul li {
                padding: 0 1em; margin: 0; }

                    #mainnav ul li a {
                    display: block;
                    width: 100%;
                    background-color: transparent; background-position: right center; background-repeat: no-repeat; }

                        #mainnav ul li a span { display: none; }

        #breadcrumbs {
        display: none; }

        #globalnav {
        position: absolute;
        top: 0; left: 0; bottom: 0;
        width: 257px; height: 100%;
        background-color: transparent; }

            #globalnav .header {
            text-indent: -1000px;
            width: 257px; height: 161px;
            margin-bottom: 2em; }

            #globalnav .header_visual {
            text-indent: -1000px;
            width: 257px; height: 168px; }

            #globalnav h3 {
            height: 30px;
            margin: 4em 0 0 2em; padding: 0;
            text-indent: -1000px;
            background-color: transparent; background-repeat: no-repeat; background-position: left top; }

            #globalnav select {
            width: 160px;
            margin-left: 2em;
            font-size: .9em; }

            #globalnav ul li { float: left; }

                #globalnav ul li a {
                border: 0;
                padding: 0 .3em .3em .3em;
                text-transform: uppercase; text-decoration: none;
                background-repeat: no-repeat; background-position: 50% 4px; }

                    #globalnav ul li a span { visibility: hidden; }

        #breadcrumbs h2, #globalnav h2 { display: none; }

    #footer {
    position: absolute;
    bottom: 0; left: 0;
    height: 17px; width: 796px;
    text-indent: -9000px;
    overflow: hidden; }


/**
 * PAGE-SPECIFIC ELEMENTS
 *
 * Style specially for pages
 */

/* contenttext: for all basic content text, such as page body's */
#content .header { padding-top: 2em; }

#content h1 { display: none; }

#content h2.menuheader {
width: 100%; height: 30px;
text-indent: -1000px;
margin: 1em 0 0 0; padding: 0;
background-color: transparent; background-repeat: no-repeat; background-position: left top; }

#content h3.contentheader {
font-size: 1.1em;
margin-top: 1em; }

.contenttext { margin: 1.5em; }

.contenttext a#transport, .contenttext a#acco {
display: block;
width: 250px; height: 34px;
text-indent: -1000px;
margin-top: 1em; }

.contenttext .info_pictures img { margin: 0 1em 1em 0; }

/* default and rich menu */
.menu_default { padding: .5em 1em; }

    .menu_default li {
    margin-bottom: .5em; padding-left: 1.5em;
    background: transparent url(/images/a_bullet.gif) no-repeat left 3px; }

        .menu_default li .menu_linkinfo {
        display: none;
        position: absolute;
        left: 420px;
        width: 200px;
        border-style: solid;
        border-width: 1px;
        margin-top: 0px;
        z-index: 10; }

            .contenttext>.menu_default li .menu_linkinfo { margin-top: -15px; }

        .menu_default li:hover .menu_linkinfo {	display: block;	}

        .menu_default li.sfhover .menu_linkinfo { display: block; }

        .menu_linkheader {
        font-size: .9em;
        line-height: 12px;
        padding: 2px 5px 2px 5px; }

        .menu_linktext { padding: 2px 5px 2px 5px; }

        .menu_linktext, .menu_linktext p, .menu_linktext span {
        font-size: .95em;
        line-height: 15px; }

/* .feed: RSS-feed button placement */
.feed { float: right; border: 0 !important; margin: .5em .5em 1.5em 2em; padding: 0; background-image: none !important; }


/**
 * GLOBAL CLASSES
 *
 * global classes are used for very common styles, such as floating, coloring or clearing. Often used in combination, such as: <a href="link.html" class="align-right no-border">link to the right without border</a>.
 */

/* positioning and visibility */
.clear-both     { clear: both; }
.float-left     { float: left; }
.float-right    { float: right; }
.inline         { display: inline; }
.show           { display: block; }
.hide           { display: none; }
.align-left     { text-align: left; }
.align-right    { text-align: right; }

/* coloring and text decoration/transformation */
.no-border      { text-decoration: none; }
.plain          { padding-left: 0 !important; background: none !important; }
.back           { background-image: url(/images/arrow_left.gif); }
.back:hover     { background-image: url(/images/arrow_left_over.gif); }
.red            { color: red; }
.req            { color: red; background-color: white; }
.err            { color: red; font-weight: bold; }
.notice         { background-color: #ffa; color: #f60; }
.white          { color: white; }

/* default list behaviour */
.bulleted       { list-style: square inside; margin: .4em; padding: 0 1em; }

/* file types */
.doc            { padding: 2px 0 2px 20px; background: url(/images/ico_doc.gif) center left no-repeat; }
.pdf            { padding: 2px 0 2px 20px; background: url(/images/ico_pdf.gif) center left no-repeat; }