@charset "utf-8";
/* CSS Document */

html {font-size:125%;}
body {font-size:50%;
background-color:#B4AB9C}

#wrapper	
{width:600px;
height: 400px;
margin: 50px auto 30px auto;
background-color: #FFF}

#wrapper2	
{width:600px;
height: 550px;
margin: 40px auto 30px auto;
background-color: #FFF}

#logga
{width: 134px;
height: 110px;
background-image:url(logga.jpg);
float:left;

}

#header
{width: 400px;
height: 110px;
background-image:url(header.jpg);
float:left;
margin-top: 5px;
}

#topmenu
{width:600px;
height:28px;
float:left;
background-color:#B4AB9C;

}

#bild
{width: 200px;
height:200px;
margin: 10px;
margin: 0px 10px 10px 10px;
float:left;
	}
	
#innehall
{width: 340px;
height: 200px;
float:right;
margin: 0px 10px 10px 10px;
padding: 0px;
}

#innehall2
{width: 580px;
height: 340px;
float:right;
margin: 0px 10px 10px 10px;
overflow:auto;
}


#sidfot
{width: 580px;
height:35px;
border-top: 1px solid #000;
float:left;
margin:10px;
font-family:Verdana, Geneva, sans-serif;
font-size:1.0em;
text-align:center;
padding: 4px;}

#table
{font-family: verdana, san-serif;
font-size: 16px;}

h1
{font-sixe:1.6em;
font-family:Verdana, Geneva, sans-serif;
color:black;
font-weight:bold;
}

h2
{font-sixe:1.4em;
font-family:Verdana, Geneva, sans-serif;
color:black;
}	

p
{font-sixe:1.4em;
font-family:Verdana, Geneva, sans-serif;
color:black;
padding-top: 0px;
padding-left: 10px;
padding-right: 10px;
}	

	
	
	/* Photo-Caption PZ3 CSS v080630 
* copyright: http://randsco.com/copyright 
* www.randsco.com 
*/

.PZ3-l { float:left; margin-right:10px; }
.PZ3-r { float:right; margin-left:10px; direction:rtl; }
  html>/**/body .PZ3-r { position:relative; }

.PZ3zoom { /**border:1px solid #369;**/ }
.PZ3zoom a,.PZ3zoom a:visited { display:block;
  padding:0; overflow:hidden; text-decoration:none;
  height:100%; width:100%; }
  html>/**/body .PZ3-r a { right:0; }

.PZ3zoom a:hover { position:absolute;
  z-index:999; padding:0; background:none; 
  cursor:default; height:auto; width:auto;
  overflow:visible; /**border:1px solid #369;**/
  margin:-1px 0 0 -1px; }
  html>body .PZ3zoom a:hover { margin:-1px -1px 0 -1px; }

.PZ3zoom a img { border:0; height:100%; width:100%; }
.PZ3zoom a:hover img { height:auto; width:auto;
  border:0; }

a:hover .PZ3cap,
a:hover .PZ31cap { display:block;
  direction:ltr; font:10pt verdana,sans-serif;
  margin-top:-3px; /**background:#369;**/ color:#fff;
  text-align:left; }
a:hover .PZ3cap { padding:3px 5px; }
.PZ3inr { display:block; padding:2px 5px; }

.noCap a:hover .PZ3cap,
.noCap a:hover .PZ31cap { display:none; }
.noBdr,.noBdr a:hover { border:0; }
.Lnk a:hover { cursor:pointer; }

/* End Photo-Caption Zoom CSS */ 

/*Credits: Dynamic Drive CSS Library */
/*URL: http://www.dynamicdrive.com/style/ */

.mattblacktabs{
width: 100%;
overflow: hidden;
/**border-bottom: 1px solid black;**/ /*bottom horizontal line that runs beneath tabs*/
}

.mattblacktabs ul{
margin: 0;
padding: 0;
padding-right: 0px; /*offset of tabs relative to browser left edge*/
font: bold 12px Verdana;
list-style-type: none;
}

.mattblacktabs li{
display: inline;
margin: 0;
}

.mattblacktabs li a{
float: right; /*ndra till right om du vill ha flikarna till hger*/
display: block;
text-decoration: none;
margin: 0;
padding: 7px 8px; /*padding inside each tab*/
border-left: 1px solid #B4AB9C; /*left divider between tabs*/
border-bottom: 1px solid #B4AB9C;
color: black;
background: white; /*background of tabs (default state)*/
}

.mattblacktabs li a:visited{
color: black;
}

.mattblacktabs li a:hover, .mattblacktabs li.selected a{
color: black;
background: #CFC8BE; /*background of tabs for hover state, plus tab with "selected" class assigned to its LI */
}