/*                                 VAYLANN
                                                                                                    */


/******************************** STANDARDS **********************************************************
*****************************************************************************************************/

*
{
    outline: none;
}

html
{
    overflow: -moz-scrollbars-vertical;
}

body
{
    margin: 0;
    padding: 0;
    
    color: #fefefe;
    font: 12px Arial, Helvetica, sans-serif;

    background: #121212;
}

a, a:hover
{
    color: #fff;
    font-weight: bold;
    outline: none;
    text-decoration: underline;
}
a:hover { text-decoration: none }

br.clearAll
{
    position: relative;
    display: block;
    clear: both;
    z-index: -10;

    line-height: 0 !important;
}

h1
{
    margin: 0 0 16px 0;
    padding: 0;

    line-height: 18px;
    font-size: 16px;
    font-weight: bold;
}
h2
{
    margin: 0 0 5px 0;
    padding: 0;

    color: #a8a8a8;
    line-height: 12px;
    font-family: Arial, Helvetica, sans-serif;
    font-size: 12px;
    font-weight: bold;
}
h3
{
    margin: 0 0 11px 0;
    padding: 0;

    line-height: 12px;
    font-size: 12px;
    font-weight: bold;
}

hr
{
    position: relative;
    clear: both;

    margin: 0 0 10px 0;
    padding: 0;
    height: 1px;

    color: #56b51c;

    border: 0;
    background: #56b51c;
}

img
{
    border: 0;
}
img.headline
{
    display: block;

    margin: 0 0 10px 0;
}

input, select, textarea
{
    font: 12px Arial, Helvetica, sans-serif;
    color: #666;
}

map
{
    display: none;
}

p
{
    margin: 0 0 14px 0;
    padding: 0;

    line-height: 16px;
}

ul
{
    margin: 2px 0 19px 0;
    padding: 0 0 0 10px;

    line-height: 19px;
}
    ul li
    {
        margin: 0 0 1px 0;
        padding: 0 0 0 8px;
    }
ol
{
    margin: 2px 0 12px 0;
    padding: 0 0 0 30px;

    line-height: 19px;
}
    ol li
    {
        margin: 0 0 4px 0;
        padding: 0;
    }

td
{
    padding: 0 0 4px 0;
    
    vertical-align: top;
}
td.jahre
{
    width: 100px;
    
    color: #a8a8a8;
    font-weight: bold;
}


/******************************** BODY BACKGROUNDS ***************************************************
*****************************************************************************************************/
div#body_backgrounds {
    position:absolute;
}

    div#body_backgrounds img {
        position:fixed;
    }

/******************************** CONTAINER **********************************************************
*****************************************************************************************************/
div#container
{
    position: relative;
    
    width: 968px;
}
    div#meter
    {
        
    }
    
    /******************************** NAVIGATION *****************************************************
    *************************************************************************************************/
    div#navigation
    {
        position: absolute;
        top: 30px;
        left: 15px;
        
        padding: 80px 25px 0;
        width: 420px; /*465px*/
        height: 111px; /*191px*/
        
        background: url(../images/construct/vaylann_logo.png) 0 0 no-repeat;
    }
        img#home_link
        {
            position: absolute;
            top: 22px;
            left: 25px;
            
            width: 261px;
            height: 30px;
        }
        div#navigation a, div#navigation a:hover
        {
            display: block;
            float: left;
            
            margin: 0 14px 5px 0;
            
            color: #969696;
            font-size: 18px;
            font-weight: normal;
            text-decoration: none;
            text-transform: uppercase;
        }
        div#navigation a:hover
        {
            color: #fff;
        }
        div#navigation a.active, div#navigation a.active:hover
        {
            color: #fff;
            cursor: default;
        }

    /******************************** CONTENT ********************************************************
    *************************************************************************************************/
    div#content
    {
        position: absolute;
        top: 231px;
        left: 15px;
        
        padding: 40px 25px 100px;
        width: 406px; /*456px*/
        
        background: url(../images/construct/content_background.png) 0 0;
    }
        span.tel
        {
            padding: 0 0 0 20px;
            
            background: url(../images/construct/tel.gif) 0 0 no-repeat;
        }

    /******************************** FLASH GALLERY **************************************************
    *************************************************************************************************/
    div#flashcontent_gallery
    {
        position: absolute;
        top: 231px;
        left: 41px;
    }
    img#gallery_legend
    {
        position: absolute;
        top: 511px;
        left: 824px;
    }