body
{
background: #eee;
font: small "Trebuchet MS", Georgia, serif;
color: #999; 
text-align: left;
}


#ytter
{
background-color: #FFF;
width: 700px;
margin-right: auto;
margin-left: auto;
margin-top: 20px;
font-size: 100%;
line-height: 1.35em;
display:block; 
border-top: 1px solid #ccc;
border-bottom: 1px solid #ccc;
border-right: 1px solid #ccc;
border-left: 1px solid #ccc;
}


#huvud
{
height:100px;
width: 660px;
margin-left:auto;
margin-right:auto;  
background-color:#FFF;
color:#000099;
}


.logga
{
float:left;
text-align:left;
padding:15px 0 15px 0;
overflow: hidden;
}


#mittstart
{
width:460px;
float:left;
padding: 40px 20px 20px;
text-align: left;
font-size: 18px;
color: #333;
line-height: 130%;
}


#mitt
{
width:460px;
float:left;
padding: 15px 20px 20px;
text-align: left;
font-size: 12px;
color: #333;
line-height: 130%;
}


#spalt
{
width:180px;
float:left;
margin-top: 10px;
margin-right:5px;
color: #555;
clear: right;
}


#spalt2
{
width:180px;
float:right;
margin-top: 10px;
margin-right:10px;
color: #555;
}
  

.spalthuvud
{
width:170px;
height:18px;
padding: 3px 3px 0 5px;
border-right:#ddd 1px solid;
border-left:#ddd 1px solid;
border-top:#ddd 1px solid; 
text-align: center;
font-size: 80%;
background-color:#eee;
color: #555;
text-transform: uppercase;
}


.spaltsak
{
width:172px;
padding: 10px 3px 0 3px;
border-bottom:#ddd 1px solid;
border-right:#ddd 1px solid;
border-left:#ddd 1px solid;
border-top:#ddd 1px solid;  
padding-bottom: 6px; 
font-size: 85%;
font-weight: normal;
text-align: left;
color: #555;
}

  
ul 
{
list-style:none;
margin:0 5px;
padding:0;
color: #555;
}


li
{
padding:0 4px 4px 10px;
background: url(http://dibbuk.se/e6/img/arrow_mini_right.gif) 0 3px  no-repeat;
line-height: 120%;
color: #555;
}


#ner
{
height:100px;
width: 660px;
margin-left:auto;
margin-right:auto;  
background-color:#FFF;
color: #555;
clear: both;
padding-top:20px;
font-size: 85%;
line-height: 120%;
}


#ett
{
width:220px;
float:left;
margin-right:5px;
margin-top:0px;
}

  
#tre
{
width:172px;
padding: 5px 3px 0;
border-bottom:#ddd 1px solid;
border-right:#ddd 1px solid;
border-left:#ddd 1px solid;  
font-size: 11px;
font-weight: normal;
text-align:justify;
border-top: 1px solid #ddd;
float: right;
margin-left: 15px;
}

  
#fot
{
height:20px;
width:500px;
padding: 10px 0 5px;
font-size: 75%;
color:#999;
text-align:center;
clear: both;
top: 10px;
display: block;
margin: 20px auto 5px;
text-decoration: none;
line-height: 85%;
}

  
#fot a:link
{ text-decoration: none; color:#999;}
#fot a:visited
{ text-decoration: none; color:#999;}
#fot a:active
{ text-decoration: none; color:#999;}
#fot a:hover
{ text-decoration: underline; color:#009;}  
  

a:link
{ text-decoration: none; color:#555;}
a:visited
{ text-decoration: none; color:#555;}
a:active
{ text-decoration: none; color:#555;}
a:hover
{ text-decoration: underline; color:#009;} 


.small
{
font-size: 75%;
color:#999;
}


.ikon
{
vertical-align: text-bottom;
margin-left: 8px;
margin-right: 5px;
}


.ikonmini
{
margin-left: 12px;
margin-right: 10px;
position: relative;
}


.piclink
{
text-decoration: none;
border-style: none;
float:left;
margin: 2px;
}


.right
{
margin:  2px 0 2px 10px;
float:  right;
}


.left
{
margin:  2px 2px 2px 2px;
float:  left;
}


.rightclear
{
margin:  2px 0 2px 10px;
float:  right;
clear: right;
}


.leftclear
{
margin:  2px 2px 2px 2px;
float:  left;
clear: left;
}