/*
''''''''''''''''''''''''''''''''''''''''''''''''''''''''''''''''''''''''''''''''''''''''''''''''''''''''''''''''''''''''''''
CSS (css.css), innehåller stilmall för hemsidan. 
''''''''''''''''''''''''''''''''''''''''''''''''''''''''''''''''''''''''''''''''''''''''''''''''''''''''''''''''''''''''''''
************************
Skapare: Andreas Karlsson
E-post: anka0409@student.miun.se
Hemsida: Eva Norberg
Datum: 2009-09 - 2009-10
************************
*/

/*********************************************************************
HUVUDELEMENT
*********************************************************************/
body{
position: relative;
margin: 0px 0px 0px 0px;
padding: 0px 0px 0px 0px;
background: rgb(255,255,255);
z-index: 0;
text-align: center;
}

a{
position: relative;
margin: 0px 0px 0px 0px;
padding: 0px 0px 0px 0px;
text-decoration: none;
}

a:active
{
outline: none;
}

a:focus
{
-moz-outline-style: none;
}

img{
border: none;
}

h1{
margin: 0px 0px 10px 0px;
padding: 10px 0px 0px 0px;
font: normal 70px "Verdana";
color: rgb(105,105,105); 
white-space: nowrap;
}

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

/*********************************************************************
A ELEMENT 
*********************************************************************/
a.amenu{
position: relative;
margin: 0px 0px 0px 0px;
padding: 0px 0px 4px 0px;
font: bold 16px "Verdana";
color: rgb(105,105,105);
text-decoration: none;
z-index: 20;
}

a.amenu:hover{
position: relative;
margin: 0px 0px 0px 0px;
padding: 0px 0px 4px 0px;
font: bold 16px "Verdana";
color: rgb(105,105,105);
text-decoration: underline;
z-index: 20;
}

a.afront{
position: relative;
margin: 0px 0px 0px 0px;
padding: 0px 0px 0px 0px;
font: normal 18px "Verdana";
color: rgb(105,105,105);
border: none;
float: left;
}

a.afront:hover{
position: relative;
margin: 0px 0px 0px 0px;
padding: 0px 0px 0px 0px;
font: normal 18px "Verdana";
color: rgb(105,105,105);
float: left;
}

a.afront2{
position: relative;
margin: 0px 0px 0px 0px;
padding: 0px 0px 0px 0px;
font: bold 0px "Verdana";
color: rgb(76,76,76);
border: none;
float: left;
}

a.afront2:hover{
position: relative;
margin: 0px 0px 0px 0px;
padding: 0px 0px 0px 0px;
font: bold 0px "Verdana";
color: rgb(76,76,76);
float: left;
}

a.alink{
position: relative;
margin: 1px 1px 1px 1px;
padding: 0px 0px 0px 0px;
font: bold 12px "Verdana";
color: rgb(76,76,76);
text-decoration: none;
}

a.alink:hover{
position: relative;
margin: 1px 1px 1px 1px;
padding: 0px 0px 0px 0px;
font: bold 12px "Verdana";
color: rgb(76,76,76);
text-decoration: underline;
}

a.alink2{
position: relative;
margin: 0px 0px 0px 0px;
padding: 0px 0px 0px 0px;
font: normal 20px "Comic Sans MS";
color: rgb(0,0,0); 
text-decoration: none;
}

a.alink2:hover{
position: relative;
margin: 0px 0px 0px 0px;
padding: 0px 0px 0px 0px;
font: normal 20px "Comic Sans MS";
color: rgb(0,0,0);
text-decoration: underline;
}

a.alink3{
width: 20px;
height: 20px;
position: relative;
margin: 0px 0px 0px 0px;
padding: 0px 0px 0px 0px;
font: bold 12px "Verdana";
color: rgb(76,76,76);
text-decoration: none;
float: left;
background: url(pics/left.png);
}

a.alink3:hover{
position: relative;
margin: 0px 0px 0px 0px;
padding: 0px 0px 0px 0px;
font: bold 12px "Verdana";
color: rgb(76,76,76);
text-decoration: underline;
background: url(pics/left2.png);
}

a.alink4{
width: 20px;
height: 20px;
position: relative;
margin: 0px 0px 0px 0px;
padding: 0px 0px 0px 0px;
font: bold 12px "Verdana";
color: rgb(76,76,76);
text-decoration: none;
float: left;
background: url(pics/right.png);
}

a.alink4:hover{
position: relative;
margin: 0px 0px 0px 0px;
padding: 0px 0px 0px 0px;
font: bold 12px "Verdana";
color: rgb(76,76,76);
text-decoration: underline;
background: url(pics/right2.png);
}

a.alink5{
width: 20px;
height: 20px;
position: relative;
margin: 0px 0px 0px 0px;
padding: 0px 0px 0px 0px;
font: bold 12px "Verdana";
color: rgb(76,76,76);
text-decoration: none;
float: left;
background: url(pics/close.png);
}

a.alink5:hover{
position: relative;
margin: 0px 0px 0px 0px;
padding: 0px 0px 0px 0px;
font: bold 12px "Verdana";
color: rgb(76,76,76);
text-decoration: underline;
background: url(pics/close2.png);
}

a.alink6{
width: 20px;
height: 20px;
position: relative;
margin: 0px 0px 0px 0px;
padding: 0px 0px 0px 0px;
font: bold 12px "Verdana";
color: rgb(76,76,76);
text-decoration: none;
float: left;
background: url(pics/leftto.png);
}

a.alink6:hover{
position: relative;
margin: 0px 0px 0px 0px;
padding: 0px 0px 0px 0px;
font: bold 12px "Verdana";
color: rgb(76,76,76);
text-decoration: underline;
background: url(pics/leftto2.png);
}

a.alink7{
width: 20px;
height: 20px;
position: relative;
margin: 0px 0px 0px 0px;
padding: 0px 0px 0px 0px;
font: bold 12px "Verdana";
color: rgb(76,76,76);
text-decoration: none;
float: left;
background: url(pics/rightto.png);
}

a.alink7:hover{
position: relative;
margin: 0px 0px 0px 0px;
padding: 0px 0px 0px 0px;
font: bold 12px "Verdana";
color: rgb(76,76,76);
text-decoration: underline;
background: url(pics/rightto2.png);
}

a.adel{
position: relative;
top: 2px;
margin: 0px 0px 0px 5px;
padding: 0px 0px 0px 0px;
float: right;
}

a.abut{
position: relative;
top: 2px;
margin: 0px 0px 0px 0px;
padding: 0px 0px 0px 0px;
float: right;
}

a.aflagg{
position: relative;
margin: 0px 0px 0px 5px;
padding: 0px 0px 0px 0px;
float: left;
}

a.apic{
position: relative;
top: 0px;
margin: 0px 0px 0px 0px;
padding: 0px 0px 0px 0px;
float: left;
}

/*********************************************************************
IMG ELEMENT 
*********************************************************************/
img.imgloggo{
border: none;
float: left;
}

img.imgfront{
position: relative;
margin: 0px 0px 0px 0px;
padding: 0px 0px 0px 0px;
}

img.imglist{
margin: 0px 0px 0px 0px;
padding: 0px 0px 0px 0px;
}

img.imgicon{
position: relative;
top: 2px;
margin: 0px 0px 0px 5px;
padding: 0px 0px 0px 0px;
float: right;
}

img.imgicon2{
position: relative;
top: 2px;
margin: 0px 0px 0px 5px;
padding: 0px 0px 0px 0px;
}

img.imgpic{
margin: 0px 0px 0px 0px;
padding: 0px 0px 0px 0px;
}

/*********************************************************************
TABLE, TD, TR ELEMENT  
*********************************************************************/


/*********************************************************************
FORM, INPUT ELEMENT 
*********************************************************************/
.formlg{
margin: 0px 0px 0px 0px;
padding: 0px 0px 0px 0px;
}

.inputlgout{
width: 20px;
height: 20px;
position: relative;
margin: 0px 0px 0px 0px;
padding: 0px 0px 0px 0px;
background: transparent url(pics/logout.png) no-repeat;
border: none;
}

.arne:hover{
background: url(pics/logout.png) no-repeat;
}

/*********************************************************************
DIV ELEMENT 
*********************************************************************/
div.divmain{
position: relative;
width: 100%;
min-width: 800px;
margin: 0px 0px 0px 0px;
padding: 0px 0px 0px 0px;
z-index: 1;
}

div.divsitehead{
position: relative;
width: 100%;
height: 160px;
margin: 0px 0px 0px 0px;
padding: 0px 0px 0px 0px;
background: url(pics/skulp.png) no-repeat;
z-index: 2;
}

div.divsitebody{
position: relative;
width: 700px;
min-height: 591px;
height: expression(this.scrollHeight < 592 ? "591px" : "auto"); /* sets min-height for IE */
margin: 30px auto 30px auto;
padding: 0px 0px 0px 0px;
z-index: 2;
text-align: left;
}

div.divsitefoot{
position: relative;
width: 100%;
height: 50px;
margin: 0px 0px 0px 0px;
padding: 0px 0px 0px 0px;
float: left;
z-index: 2;
}

div.divmainmenu{
position: relative;
width: 700px;
height: 30px;
margin: 0px auto 0px auto;
padding: 0px 0px 0px 0px;
z-index: 3;
text-align: left;
}

div.divmenubutton{
position: relative;
width: 85px;
height: 30px;
margin: 0px 0px 0px 0px;
padding: 0px 0px 0px 0px;
z-index: 19;
float: left;
}

div.divfrontimg{
position: relative;
width: 210px;
height: 350px;
margin: 0px 17px 0px 0px;
padding: 0px 0px 0px 0px;
z-index: 3;
float: left;
text-align: left;
border: 1px solid black; 
}

div.divlistimg{
position: relative;
width: 130px;
height: 220px;
margin: 0px 5px 14px 0px;
padding: 0px 0px 0px 0px;
z-index: 3;
float: left;
text-align: left;
border: 1px solid black; 
}

div.divimginner{
margin: 5px 5px 0px 5px; 
padding: 0px 0px 0px 0px;
}

div.imginner2{
margin: 0px 0px 0px 0px; 
padding: 0px 0px 0px 0px;
float: left;
}

div.divopen{
position: relative;
margin: 0px 30px 0px 33px;
padding: 0px 0px 0px 0px;
z-index: 5;
overflow: auto;
float: left;
font: normal 12px "Verdana";
text-align: left;
}

div.divdecor{
width: 420px; 
height: 1420px; 
float: left; 
position: absolute; 
top: -60px; 
z-index: 10;
left: -300px; 
background: url(pics/test.png) no-repeat;
}

div.divcont{
width: 550px; 
height: 360px;
margin: 0px 0px 0px 0px;
padding: 5px 5px 5px 5px; 
float: left; 
position: absolute; 
z-index: 10;
background: url(pics/old2.jpg) no-repeat;
border: 1px solid black; 
}

div.divtext{
width: 430px; 
position: relative; 
left: 130px;
}

div.divlist{
width: 60px;  
margin: 0px 0px 0px 0px;
padding: 0px 0px 0px 0px;
float: left; 
}
/*********************************************************************
P ELEMENT 
*********************************************************************/
p.ploggo{
position: relative;
margin: 0px 0px 0px 0px;
padding: 0px 0px 0px 0px;
font: normal 60px "Verdana";
color: rgb(105,105,105); 
}

p.psubloggo{
position: relative;
margin: 0px 0px 15px 0px;
padding: 0px 0px 0px 15px;
font: bold 18px "Verdana";
color: rgb(76,76,76); 
}

p.ptitle{
position: relative;
margin: 0px 0px 10px 0px;
padding: 0px 0px 0px 0px;
font: bold 18px "Verdana";
color: rgb(76,76,76); 
}

p.psubtitle{
position: relative;
margin: 15px 0px 5px 0px;
padding: 0px 0px 0px 0px;
font: bold 16px "Geneva";
color: rgb(76,76,76); 
}

p.ptext{
position: relative;
margin: 0px 0px 0px 0px;
padding: 0px 0px 0px 0px;
font: normal 12px "Verdana";
color: rgb(76,76,76); 
}

p.ptext2{
position: relative;
margin: 0px 0px 0px 0px;
padding: 0px 0px 0px 0px;
font: normal 11px "Geneva";
color: rgb(76,76,76); 
}

p.pinfo{
position: relative;
margin: 0px 0px 0px 0px;
padding: 0px 0px 0px 0px;
font: normal 12px "Geneva";
color: rgb(76,76,76); 
white-space: nowrap;
}



p.pdesc{
position: relative;
margin: 0px 0px 10px 0px;
padding: 0px 0px 0px 0px;
font: normal 13px "Geneva";
color: rgb(76,76,76); 
}

p.pfront{
position: relative;
position: relative;
margin: 0px 10px 0px 10px;
padding: 0px 0px 0px 0px;
font: normal 18px "Verdana";
color: rgb(105,105,105);
float: left;
}