/*

    The intention of this file is to determine the common layout scheme

    for the application. In former times this would have been your base

    table construct, where place all your spots like header, footer, etc.

*/





body

{

    text-align: left;

    font-family: arial, sans-serif;

    font-size: 11px;

    color: #FFFFFF;

    background: #000000 url(/resources/images/custom/page_bg.gif) repeat-y 0 0;

    padding: 0;

	margin: 0;

}



/*

   This is the very first container in each apondos application.

   It is used to determine basic layout-options like: width, alignment and padding of

   the application

*/

#base_container

{

    text-align: left;

    margin: 0px;

    padding: 0px;

}



/*

   The common header, usually used to place a logo, a claim and other common and global informations

*/

#header

{

    display: block;

    text-align: left;

    background-repeat: no-repeat;

    width: 100%;

    height: 34px;

    color: #961515;

    padding-left: 190px;

    padding-top: 4px;

    margin-left: 10px;

    font-size: 14pt;

}



/*

    used for common footer informations

*/

#footer

{

    position: absolute;

    left: 850px;

    top: 30px;

    list-style-type: none;

    display: inline;

    margin-top: 0px;

    padding-top: 0px;

    width: 200px;

}

/*

    this is where the real contents are renders

*/

#stage_body

{

    display: block;

    width:625px;

    margin-left: 199px;

    padding: 0px;

    margin: 0px;

}



#inner_stage

{

    padding: 0px;

    width: 625px;

}



/*

    A global and common navigation

*/

#global_navigation

{



}



/*

    The local navigation depends usually from the current context

    of the application.

*/

#local_navigation

{

    margin: 0px;

    padding: 0px;

    float: left;

}



/* The container for language selection */

#language_selection

{

    display: inline;

    margin-top: 0;

    margin-left:  7px;

    padding-top: 0;

}







/* Common Layout Element. It shall be in addition with other

   classes to define the "top" of something



   if e.g. the first item of a list shall have a red line on top and

   the others dont, it could be realized in this manner:

   <li class="common_list top">Time</li>

   <li class="common_list">Other List Item</li>



   The idea is to avoid many very special classes

*/

.top

{

    border-top: 1px solid #9F0102;

}



/* see the class .top */

.bottom

{

    border-bottom: 0px solid #9F0102;

}



/* see the class .top */

.left

{

    border-left: 1px solid #9F0102;

}



/* see the class .top */

.right

{

    border-right: 1px solid #9F0102;

}



/* the left column of 2 a two column layout, usually used within <p> tags */

.left_paragraph

{
    width: 625px;

    float: left;

    display: block;

    padding-left: 0px;

    padding-right: 0px;

    padding-top: 0;

    height: 100%;

}



/* the right column of 2 a two column layout, usually used within <p> tags */

.right_paragraph

{
    position: fixed;

    width: 210px;

    float: left;

    margin-left: 0px;

    padding-left: 0px;

    padding-right: 0px;

    padding-top: 0;

    display: inline;

    border-left: 1px solid #FF0000;

    height: 100%;

}



.full_row

{

    width: 624px;

    position: relative;

    float: left;

    display: block;

	z-index: 2;

}