/********************************************************
/
/ CSS:                  Styles for Interserv Website
/ Copyright:                    All rights by Interserv
/ Authors:              sia, 2007-06-05
/                       rfi, 2010-01-18
/
*********************************************************/

html, body, img, top, logo, div
{
        position:               relative;
        margin:                 0px;
        padding:                0px;
        border:                 none;
}

html
{
        height:                 100%;
        width:                  99%;
}

body
{
        background:             url(../img/layout/hg_index.jpg) repeat;
        font-family:            Verdana, Geneva, Arial, Helvetica, sans-serif;
        line-height:            1.45em;
        font-size:              75%;
        color:                  #666666;        
}

html>body {
        font-size: 12px; 
}

body#term
{
        background-image: none;
}


#container
{
        margin:                 0px auto 0px auto;
        width:                  900px;
        height:                 99%;
}

#top, logo
{
        height:                 50px;
}


#logo
{
        width:                  300px;
}

#imgLogo
{
        position:               absolute;
        margin:                 0px 0 0 10px;
}

#column1                        /*  contains div#menu + div#content */
{
        margin:                 0px 0px 0px 0px;
        background:             #FF0033; 
        width:                  100%;
        border:                 solid 4px #ffffff;
}

#header
{
        padding:                0px;
        height:                 100px;
        background:             #FFCC66; 
        border-left:            solid 4px #ffffff;
        margin:                 0px 0px 0 160px;
}

#background
{
        position:               absolute;
        background:             url(../img/layout/HeaderBackground.gif) repeat;
        height:                 100px;
        width:                  160px;
}

#languageSelection
{
        position:               Absolute;
        right:                  0px;
        font-size:              0.9em;
}

#image
{
        position:               absolute;
        float:                  right;
        top:                    0px;
        right:                  0px;
}

#title
{
        position:                relative;
        width:                   335px;
        height:                  100px;
}

#mainmenu
{
        margin:                 0px 0 0 5px;
        width:                  160px;
        float:                  left;
}

#content
{
        padding:                10px;
        height:                 auto;
        background:             #ffffff;
        border-left:            solid 4px #ffffff;
        margin:                 0px 0px 0 160px;
        *margin:                -2px 0px 0 162px;
}

#content_footer
{
        margin:                 20px 0px 0px;
        text-align:             center;
}

#footer
{
        padding:                2px 0px 2px 172px;
}

.clear 
{
        clear:                  both;
        display:            block;
        height:             1px;
        overflow:           hidden;
        margin:             0px;
        padding:            0px;
}


/********************************************************
/
/ Font styles
/
*********************************************************/

p, H1, H2, H3, H4
{
        line-height:            1.6em;
        padding:                0px;
        margin:                 6px 0 6px 0;
}

#termsmall {
        font-family : Verdana, Geneva, Arial, Helvetica, sans-serif;
        font-size : 10;
}


HR
{
        width:                  98%;
}

p
{
        font-size:              1em;
}

.red
{
        color:                  #FF0033;
}

#logo p
{
        position:               relative;
        left:                   170px;
        font-size:              0.9em;
        line-height:            1.2em;
        color:                  #ffffff;
        top:                    17px;
        *top:                   11px;
        
}

h1
{
        position:               absolute;
        bottom:                 0px;
        font-size:              1.4em;
        font-weight:            normal;
        padding:                0px 5px 0px 12px;
        color:                  #333333;
        *padding:               65px 0 0 13px;
}

h2                              
{
        font-size:              1.2em;
}

h3
{
        font-size:              1.1em;
}

h4
{
        font-size:              1em;
        color:                  #333333;
        font-weight:            normal;
}

.small
{
        font-size:              0.9em;
}

a:link  
{       
        color:                  #FF0033;
        text-decoration: none;
}

a:active  
{       color:                  #CC0033;
        text-decoration: none;
}

a:hover  
{       color:                  #FF0033;
        text-decoration: underline;
}

a:visited  
{       color:                  #FF0033;
        text-decoration: none;
}

a#termcolor
{
        color:                  #330000;
}

#content_footer p
{
        color:                  #666666;
        font-size:              0.9em
}

#content_footer a
{
        color:                  #FF0033;
}


#footer p, #footer a
{
        color:                  #ffffff;
}


/********************************************************
/
/ Table styles
/
*********************************************************/

table
{
        margin:                 0px;
        padding:                0px;
}

table#term
{
        background-color:       White;
        margin:                 0px;
        padding:                0px;
}

tr#term
{
        background-color:       #FF0033;
        border: 1px  solid      White;
}

tr#termhead
{
        background-color:       White;
        border:                 1px solid White;
}

td#term
{
        border:                 1px solid White;
        color:                  white;
}

td#term_special
{
        background-color:       #FFCC66;
        border:                 1px solid White;
        color:                  #666666;
}

td p
{
        line-height:            1.2em;
        margin:                 0px;
        padding:                0px;
}

/********************************************************
/
/ Info boxes on welcome pages
/
*********************************************************/

.box                            /* infobox on index page */
{
        float:                  left;
        margin:                 40px 4px 0px 4px;
        padding:                2px;
        width:                  250px;
        height:                 270px;
        border:                 solid 1px #8A8A8A;
}

.box p                          /* Text infobox on index page */
{
        float:                  left;
        margin:                 10px;
        line-height:            1.3em;
}

.box h3                         /* title infobox*/
{
        margin:                 5px 0px 0px 10px;
        padding:                4px;
        height:                 18px;
        color:                  #ffffff;
        color:                  #666666;
        background:             url(../img/layout/hg_index.jpg);
        background:             #ffffff;
}

/********************************************************
/
/ Menu styles
/
*********************************************************/

#mainmenu ul 
{
    list-style-type:            none;
    list-style-position:        outside;
    margin:                     15px 0 0 -38px;
    *margin:                    17px 0 0 2px;
}

#mainmenu li 
{
    clear:                      both;
}
 
#mainmenu ul li div div a
{
    margin:                     1px 0 1px 0px;
    font-size:                  0.9em;
}

#mainmenu li.menusep {
    margin:                     0px;
    border-bottom:              0px solid #fff;
}

#mainmenu .menutitle {
    /*border-left: 2px solid #fff;*/

}

#mainmenu #Login
{
        text-align:             right;
        font-size:              1.2em;
        padding:                5px 10px 5px 5px;
}

#mainmenu #Login a
{
        color:                  #ffffff;
}

#mainmenu #Login a:hover  
{       
        text-decoration:        underline;
}


.MenuRootIMG
{
        position:               relative;
        top:                    0px;
        *top:                   0px;   
        left:                   -4px;
}

.MenuChildIMG
{
        position:               relative;
        top:                    0px;
        left:                   0px;
}

#mainmenu li a, #mainmenu li p
{
        color:                  #ffffff;
}

/********************************************************
/
/ Search field style
/
*********************************************************/

#search 
{
        position:               absolute;
        text-align:             right;
        right:                  -5px;
        top:                    23px;
        *top:                   21px;
}

#search .searchfield
{
        width:                  120px;
}

#search .button
{
        position:               relative;
        *top:                   1px;
        width:                  75px;
}

/********************************************************
/
/ Form styles
/
*********************************************************/

input, textarea, select
{
        border-top:             1px solid #999999;
        border-left:            1px solid #999999;
        border-right:           1px solid #FF9999;
        border-bottom:          1px solid #FF9999;
}

input
{
        width:                  160px;
}

.checkbox
{
        width:                  20px;
        border:                 0px solid white;
}

textarea, .FileUpload
{
        width:                  365px;
}

.buttonSend
{
        width:                  160px;
}

legend
{
        color:                  #FF0033;
}

div.infobox
{
        float:                  right;
        width:                  250px;
        margin:                 10px 20px;
        padding:                5px 10px;
        border:                 none;
        background-color:       #FFEECC;
}

/********************************************************
/
/ List styles
/
*********************************************************/

#content ul
{
        list-style-image:       url(../img/menu/ChildCollapsed.gif);
        list-style-position :   outside;
        padding :               0px 0px 0px 30px;
}