/* -------------------------------------------------------------------------
    Design template www.arlt-reisen.de
   ------------------------------------------------------------------------- */

/* ----- BASE STUFF ----- */

html,body{
    margin:0;padding:0;
}

body{
    background: #0b8fd2;
    font-family: arial;
    font-size: 11px;
}

p{
}

a{
    color: #999999;
    font-family: arial;
    font-size: 11px;
    font-weight: bold;
    text-decoration: none;
    border-bottom: none;
}

input, select, textarea, .check, radio
{
    border: 1px solid #777777;
    font-family: arial;
    color:#000000;
    background:#EEEEEE;
    padding:2px;
}

/* ----- CONTAINER ----- */

div#container {
    background:#0a3667;
}

/* ----- HEADER ----- */

div#header {
    height: 149px;
    background-image:url('gfx/head_endless.jpg');
}

    div#header h1{
        height:80px;
        line-height:80px;
        margin:0;
        padding-left:10px;
        color: #79B30B;
    }

    div#content p{
        line-height:1.4;
    }

/* ----- NAVIGATION ----- */

div#navigation{
    background:#0a3667;
}

/* ----- EXTRA ----- */

div#extra{
    background:#0a3667;
}

/* ----- FOOTER ----- */

div#footer{
    background: #333;
    color: #FFF;
    text-align: center;
}

    div#footer p{
        margin:0;
        padding:5px 10px;
        font-size: 11px;
    }

    div#footer a{
        color: #ccc;
        font-size: 11px;
        font-weight: normal;
        text-decoration:none;
    }

/* ----- WRAPPER ----- */

div#wrapper{
    float:left;
    width:100%;
    background:#0a3667;
}

/* ----- CONTENT ----- */

div#content{
    margin: 0 200px;
    background:#fff;
}

/* ----- NAVIGATION ----- */

div#navigation{
    float:left;
    width:200px;
    margin-left:-100%;
}

    div#navigation a {
        text-decoration: none;
        color: #4f81bd;
    }

/* ----- EXTRA ----- */

div#extra{
    float:left;
    width:200px;
    margin-left:-200px;
}

    div#extra a {
        color: #4f81bd;
        text-decoration:none;
    }


/* ----- FOOTER ----- */

div#footer{
    clear:left;
    background-image:url('gfx/bottom_endless.jpg');
    height: 51px;
    width:100%;
}


/* ----- BOX ----- */

div.box {
    background-image:url('gfx/leftmenu_endless.gif');
}
div.box_top {
    background-image:url('gfx/leftmenu_top.gif');
    background-position: top left;
    background-repeat: no-repeat;
}
div.box_bottom {
    background-image:url('gfx/leftmenu_bottom.gif');
    background-position: bottom left;
    background-repeat: no-repeat;
}

div.box_content {
    padding: 10px;
    padding-top: 0px;
    padding-left: 20px;
    padding-right: 20px;
}

    div.box h1 {
        color: #fff;
        font-size: 14px;
        padding-top: 6px;
    }

/* ----- CONTENT BOX ----- */

div.cbox {
    background: #fff;
}
div.cbox_tl { background-image:url('gfx/content_topleft.gif'); background-position: top left; background-repeat: no-repeat; }
div.cbox_te { background-image:url('gfx/content_topendless.gif'); background-position: top left; background-repeat: repeat-x; }
div.cbox_tr { background-image:url('gfx/content_topright.gif'); background-position: top right; background-repeat: no-repeat; }

div.cbox_bl { background-image:url('gfx/content_bottomleft.gif'); background-position: bottom left; background-repeat: no-repeat; }
div.cbox_be { background-image:url('gfx/content_bottomendless.gif'); background-position: bottom left; background-repeat: repeat-x; }
div.cbox_br { background-image:url('gfx/content_bottomright.gif'); background-position: bottom right; background-repeat: no-repeat; }

div.cbox_le { background-image:url('gfx/content_left.gif'); background-position: top left; background-repeat: repeat-y; }
div.cbox_re { background-image:url('gfx/content_right.gif'); background-position: top right; background-repeat: repeat-y; }

/* ------------------------------------------------------------------------- */