/**
 * GENERAL
 * Body information
 */

body{
font-family: Verdana, "times new roman", serif;
color: black;
font-size: 8pt;
}

/**
 * LAYOUT
 * var divarna ligger.
 */

#toppram{
position: absolute;
left: 20px;
top: 20px;
width: 931px;
height: 230px;
margin: 10px;
padding: 0px;
}

#ram{
position: absolute;
left: 20px;
top: 250px;
background-color: #FFFFFF;
width: 931px;
height: 1000px;
border: 1px solid gray;
margin: 10px;
padding: 0px;
}


/**
 * Head Title
 */
#title{
position: absolute;
float: left;
left: 280px;
top: 0px;
}
#title2{
position: absolute;
float: left;
left: 285px;
top: 85px;
}
#fraile{
position: absolute;
float: left;
left: 750px;
top: 25px;
}

/**
 * Menu
 */
#titlemenu{
position: absolute;
float: left;
left: 0px;
top: 180px;
}

/**
 * Right boxes
 */

#rightram{
position: absolute;
float: right;
right: 0px;
top: 0px;
width: 160px;
height: 1000px;
border-left: 1pt solid grey;
}

#infobox{
position: absolute;
float: right;
right: 0px;
top: 0px;
width: 160px;
}

#infobox2{
position: absolute;
float: right;
right: 0px;
top: 90px;
width: 160px;
}

#infobox4{
position: absolute;
float: right;
right: 0px;
top: 250px;
width: 160px;
}

/*
 * Page content
 */

#content{
position: absolute;
float: left;
left: 0px;
top: 0px;
width: 769px;
}


/*
 * Start Page
 */

#text{
position: absolute;
float: left;
left: 10px;
top: 10px;
width: 230px;
}

#redbox{
position: absolute;
float: left;
left: 250px;
top: 20px;
}

#redbox2{
position: absolute;
float: left;
left: 250px;
top: 220px;
}

#blackbox3{
position: absolute;
float: left;
left: 20px;
top: 20px;
}
#blacktext{
position: absolute;
float: left;
left: 10px;
top: 10px;
width: 180px;
}

/*
 * Info Page
 */
#infoblackbox{
position: absolute;
float: left;
left: 10px;
top: 210px;
}

#infotext{
position: absolute;
float: left;
left: 25px;
top: 215px;
width: 280px;
}

/* 
 * Promocion page
 */
#promotitle{
padding: 4px;
text-align: center;
}

#promobox{
border: 2pt solid #570C9C;
border-left: 30pt solid #570C9C;
width: 120px;
text-align: center;
padding: 4px;
}

/*
 * Instrumentos Page
 */
#instro_title{
position: absolute;
float: left;
left: 20px;
top: 0px;
}
#instro_text{
position: absolute;
float: left;
left: 20px;
top: 40px;
}
#instro_table{
position: absolute;
float: left;
left: 20px;
top: 90px;
}


/**
 * STIL
 * Hur texten ser ut
 */

img{
margin: 0pt;
padding: 0pt;
}

a {
font-family: Verdana, "times new roman", serif;
color: black;
font-size: 8pt;
text-decoration: uncerline;
}

a.menu
{
font-family: Verdana, "times new roman", serif;
color: black;
font-size: 12pt;
text-decoration: none;
}

a:hover {
color: black;
text-decoration: underline;
}
h1 {
font-family: Verdana, "times new roman", serif;
color: #000000;
font-size: 64pt;
line-height: 10%;
}
h2 {
font-family: Verdana, "times new roman", serif;
color: #000000;
font-size: 25pt;
}
h3 {
font-family: Verdana, "times new roman", serif;
color: black;
font-size: 11pt;
}
h4 {
font-family: Verdana, "times new roman", serif;
color: #960B07;
font-size: 14pt;
}

b.white{
color: white;
}

/*
 * Titlemenu
 */
td.gul{
background-color: #960b07;
padding: 3pt;
}
td.gul:hover{
background-color: #F3534f;
}
table.gul{
}
/* 
 * Box styles
 */
#boxupper{
background-color: #e61d17;
height: 20px;
padding: 4px;
}

#boxlower{
border-top: 1px solid grey;
padding: 4px;
}

#boxpurple{
background-color: #e61d17;
height: 20px;
padding: 4px;
}
#boxlowerpurple{
padding: 4px;
}