/*  LGM ABC MJ web CSS v1.1/2010/06/10  */
/*           By Lars Magnusson            */

/*   *****  Body basics  ******* */

body {
	background: url("http://www.abc.se/~m8827/img/nzrail-bkgrd.jpg")
	no-repeat 
	center
	fixed;
	background-size: cover;
}


/*   ***** Basic text positions *****  */
.text-l {
    position:       absolute;
    text-align:     left;  
    background:     #FFFFFF;
    top:            3%;   
    height:         88%; 
    left:           2%;
    width:          95%;
    overflow:       auto;
    border:         0px solid #666;
    padding:        8px;
} 
 
.menu-box {
    position:       absolute;
    text-align:     left;  
    background:     #FFFFFF;
    top:            5%;   
    height:         68%; 
    left:           26%;
    width:          80%;
    overflow:       auto;
    border:         0px solid #666;
    padding:        8px;
} 

.menu-boxv {
    position:       absolute;
    text-align:     left;  
    background:     #FFFFFF;
    top:            3%;   
    height:         78%; 
    left:           20%;
    width:          70%;
    overflow:       auto;
    border:         0px solid #666;
    padding:        8px;
} 

.menu_left {
    position:       absolute;
    text-align:     right;
    top:            1.5%;
    left:           0%;
    width:	    15%;
}

/* *****         Text box        ***** */

.text-box {
    position:       absolute;
    background:     transparent;
    text-align:     left;  
    top:            20%;   
    height:         77%; 
    left:           18%;
    width:          72%;
} 

.text-boxf {
    position:       absolute;
    text-align:     left;  
    background:     #FFFFFF;
    top:            18%;   
    height:         70%; 
    left:           16%;
    width:          75%;
    overflow:       auto;
    border:         0px;
    padding:        8px;
} 


/*  *****  positioning of header ***** */
.head {
    position:       absolute;
    text-align:     left;  
    top:            2%;   
    height:         24%; 
    left:           20%;
    width:          75%;
    border:         0px solid #666;
    padding:        8px;
}

.head_txt {
    position:       absolute;
    text-align:     left;
    top:            52%;
    left:           22%;
}
.head_full {
    position:       absolute;
    text-align:     left;
    top:            0%;
    height:         10%; 
    left:           16%;
    width:          80%;
}

/*  *****  positioning of foot ***** */
.foot_left {
    position:       absolute;
    background:     #FFFFFF;
    text-align:     left;
    top:            87%;
    left:           4%;
}

.foot_left2 {
    position:       absolute;
    background:     #FFFFFF;
    text-align:     left;
    top:            87%;
    left:           6%;
}

.foot_hleft {
    position:       absolute;
    background:     #FFFFFF;
    text-align:     left;
    top:            78%;
    left:           3%;
}

.foot_center {
    position:       absolute;
    background:     #FFFFFF;
    text-align:     left;
    top:            87%;
    left:           36%;
}

.foot_center1 {
    position:       absolute;
    background:     #FFFFFF;
    text-align:     left;
    top:            87%;
    left:           32%;
}

.foot_center2 {
    position:       absolute;
    background:     #FFFFFF;
    text-align:     left;
    top:            87%;
    left:           55%;
}

.foot_right {
    position:       absolute;
    background:     #FFFFFF;
    text-align:     right;
    top:            87%;
    right:          7%;
}

/* ***** positioning of pictures ***** */

.icon_pic {
    position:       absolute;
    top:            7%;
    left:           40%;
}

/* ***** text format definitions ***** */

menu {
	font-size: 9pt;
	font-weight: bold;
	font-family: Geneva, Arial, Helvetica, sans-serif;
}

bmenu {
	font-size: 9pt;
	font-family: Geneva, Arial, Helvetica, sans-serif;
}

big { 
    color:          #0000cc;
    font-family:    Arial;
    font-size:      21pt;
    font-weight:    bold;
}

large { 
    color:          #000000;
    font-family:    Arial;
    font-size:      17pt;
    font-weight:    bold;
}

medium { 
    color:          #000000;
    font-family:    Arial;
    font-size:      15pt;
    font-weight:    bold;
}

base { 
    color:          #000000;
    font-family:    Arial;
    font-size:      14pt;
    font-weight:    bold;
}

small { 
    color:          #000000;
    font-family:    Arial;
    font-size:      14pt;
    font-weight:    bold;
} 

tiny {
    color:          #000000;
    font-family:    Arial;
    font-size:      10pt;
    font-weight:    bold;
}

winy {
    color:          #FFFFFF;
    font-family:    Arial;
    font-size:      10pt;
    font-weight:    bold;
}

micro {
    color:          #000000;
    font-size:      8pt;
    font-family:    Geneva, Arial, Helvetica, sans-serif;
}

pico {
    color:          #0000cc;
    font-size:      7pt;
    font-family:    Geneva, Arial, Helvetica, sans-serif;
}

large2 { 
    color:          #0000cc;
    font-family:    Arial;
    font-size:      17pt;
    font-weight:    bold;
}

base2 { 
    color:          #0000cc;
    font-family:    Arial;
    font-size:      14pt;
    font-weight:    bold;
}


a:link    { color:  #0000cc; }
a:visited { color:  #0000ff; }
a:hover   { color:  #DC143C; }
a:active  { color:  #FF0000; }