@import "/includes/tabpanel.css";

.invisible   { display: none; color: white; background-color: white }

/*           BODY           */

body
{ color: #000000;
  font-family: tahoma,verdana; 
  font-size: 11px; 
  font-weight: 400;
  line-height:16px;
  leftmargin-left: 20px;
  margin-top: 20px;
  margin-bottom: 20px;
  margin-width: 0;
  margin-height: 0;
  background-image:url(/images/layout/bg3.gif);

}

div,li { color: #000000;
  font-family: tahoma,verdana; 
  font-size: 11px; 
  font-weight: 400;
  line-height:16px;
  background-color: #FFFFFF;
  leftmargin-left: 20px;
  margin-top: 0px;
  margin-width: 0;
  margin-height: 0;
  vertical-align:top;
}

td{ color: #000000;
  font-family: tahoma,verdana; 
  font-size: 11px; 
  font-weight: 400;
  line-height:16px;
  vertical-align:top;
}

p { 
  font-family: tahoma,verdana; 
  font-size: 11px; 
  font-weight: 400;
  line-height:16px;
  }


/*           LINKS         */

a:link       { color: #4A4848 }
a:visited    { color: #979797 }
a:active     { color: #D58800 }
a:hover      { color: #bc1523 }





/*           LAYOUT         */

p.separator, div.separator
 {
 font-size: 0px;
 line-height: 0px;
 height: 15px;
 width: 100%;
 padding-top: 10px;
 padding-bottom: 10px;
 background-image: url(/images/layout/dottedline.gif);
 background-repeat: repeat-x;
 background-position: left center;
}

div.verticalseparator {
  background:url(/images/vertdottedline.gif);
  background-repeat: repeat-y top;
  text-align:center;
  }

.fieldset {
  margin: 1em o;
  padding 1em;
  border: 1px solid #ccc;
  background: #f8f8f8; 
}

.legend {
  font-weight: bold;
}  

div.base {
  background-color:#FFFFFF;
  width: 800px;
  margin-left: 10px;
  margin-top: 0px;
  padding-left: 20px;
  padding-right: 0px;
  float:left;
    border: 4px solid #b7b7b7;
}

div.main {
  background-color:#FFFFFF;
  width: 100%;
  margin-left: 0px;
  margin-top: 0px;
  padding-left: 0px;
  padding-right: 0px;
  float:left;
}

div.logobar {
  width: 780px;
  height: 100px;
  margin-top: 0px;
  background-color:#FFFFFF;
}

div.logoplacement {
  width: 300px;
  height: 100%;
  margin-top: 0px;
  margin-bottom:0px;
  float:left;
}

div.logocitation {
  width: 300px;
  height: 100%;
  padding-top: 20px;
  float: right;
}


div.randompic {
  background-color: #f5f5f5;
  width: 750px;
  height: 270px;
  margin-left: 10px;
  padding-left: 10px;
  padding-bottom: 25px;
  padding-top: 10px;
  overflow:hidden; _height: 1%;  /* clear floats inside */
 
}

div.logobarcontact {
  width: 200px;
  height: 100%;
  padding-top: 30px;
  padding-right:20px;
  float: right;
}

img#randompicimg {
float:left;
}

div.randombarcontact {
  background-color: #f5f5f5;
  width: 150px;

  float:right;
 
}

div.randombarprenpush {
  background-color: #f5f5f5;
  width: 120px;
  float:right;
  padding: 5px;
}



div.content {
  background-color:#FFFFFF;
  width: 750px;
  margin-left: 0px;
  margin-top: 0px;
  padding-left: 20px;
  padding-right: 20px;
  float:left;
  
}

td#gutter {
	background: url(/images/layout/vert_divider.gif) repeat-y; 
}

/*           TRE KOLUMN CONTENT         */

div.firstcolumn{
  width: 400px;
  padding: 10px;
  margin: 0 0 20px 0px;
  
  float:left;
}


div.secondcolumn{
  width: 300px;
  padding: 0px;
  margin: 0 0 20px 15px;
  
  float:left;

}

div.latestitemscolumn{
  width: 150px;
  padding: 0px;
  margin: 0 0 20px 15px;
  float:left;

}

div.thirdcolumn{
 
  width: 150px;
  padding: 5px;
  margin: 0 0 20px 15px;
  float: right;

}

/*          TVÅ KOLUMN CONTENT         */

div.firstcolumnwide{
  width: 680px;
  padding: 10px;
  margin: 0 0 20px 0px;
   float:left;

}




div.functionbox {
  background-color: #f5f5f5;
  width: 140px;
  padding: 5px;
  margin-left:0px;
  
}

div.bannerlist {
  width: 130px;
  padding: 5px;
  margin-left:0px;  
}

  



.clear { clear: both; }

.clearfix:after {
    content: "."; 
    display: block; 
    height: 0; 
    clear: both; 
    visibility: hidden;
}

.clearfix {display: inline-block;}

/*           TEXT         */

.logobarcitation {
 font-size: 18px;
 font-family: georgia, verdana, sans-serif;
 line-height: 20px;
 text-align:right;
}

.citation {
 font-size: 18px;
 font-family: georgia, verdana, sans-serif;
 line-height: 20px;
}

.text {
  font:normal 11px verdana, arial, helvetica, sans-serif;
  color:#2B2B2B;
  line-height:15px;
}
  
.ingress {
  font:bold 11px verdana, arial, helvetica, sans-serif;
  color:#2B2B2B;
  line-height:15px;
}

h1 {
  font-size: 18px;
  font-weight:  400;
  margin-bottom: 20px;
  padding-bottom: 0px;
  font-family: georgia, tahoma, verdana, sans-serif;
}

h2 {
  font-size: 12px;
  font-weight:  700;
  margin-bottom: 0px;
  padding-bottom: 0px;
  font-family: tahoma, verdana, sans-serif;
}

h3 {
  font-size: 10px;
  font-weight:  700;
  margin-bottom: 0px;
  padding-bottom: 0px;
  font-family: tahoma, verdana, sans-serif;
}

/*           FOOTER         */

div.footer {
font-family: verdana,arial;
font-size: 9px;
color:#959595;;
background-color: #ffffff;
margin: 10px 10px 20px 20px;
padding: 10px;
border: 0px solid #b7b7b7;
}