/*  
Theme Name: KappaKappaHej
Theme URL: http://www.kapuseru.se/
Description: Kapuserus förstasida
Version: 1 (2008-02-21)
Author: Aron Hallborg
*/

/*
Revision History:
08-06-19
Årets bästa kooperativ
*/

/*menu*/
#idList {
	margin: 0;
	padding: 0;
}
#idList li {
	display: block;
	margin: 0;
	padding: 4px;
	width: 140px;
	background: #fff;
	color: #888;
	border-top: #000000 solid 1px;
}
#idList a {
color:#000000;
text-decoration:none;
}
#idList img {
border:0px;
}

/*thumbs*/
#kanter{
margin-bottom: 11px;
margin-right: 11px;
}
.Tips2{
	 border: #FFFFFF 1px solid;
 	 filter:progid:DXImageTransform.Microsoft.Alpha(opacity=50);
	-moz-opacity: 0.5;
	margin-left:9px;
	margin-bottom:9px;
}

/* Allmänt */
img{
border:0;
}


* {
  margin: 0;
  padding: 0;
}

html {

  /*background: url(../images/bg_mac_classic.gif);*/
	/*height: 100%;*/
	  min-width:800px;
}
body {
  background: url(../images/bg_mac_classic.gif);
  font: 10px Verdana, Helvetica, Arial, sans-serif;
  line-height: 18px;
  height:100%;
  min-width:800px;
}
h1, h2, h3, h4, h5, h6 {
  font-family: "Trebuchet MS", Trebuchet, Verdana, Arial, Helvetica, sans-serif;
}
a {
	text-decoration: none;
	color:#000000;
}
a:hover {
	text-decoration: underline;
}
/* logo & contact-info */
#logo{
	position: absolute;
	left: 78px;
	top: 322px;
	width:186px;
	height:103px;
	/*visibility:hidden;
	background-image:url(kappa_logo.png);
	background-repeat:no-repeat;	*/
}
/*#contactInfo{
	position: absolute;
	left: 285px;
	top: 440px;
	font-family: "Trebuchet MS", Trebuchet, Verdana, Arial, Helvetica, sans-serif;
}*/

/*de dragbara lådorna*/
#fxTarget, .fxTarget { 
	display: block;
	visibility: visible;
}
/*d de tre lådorna (1-3 används)
dessa innehåller i sin tur ett lager som innehåller meny, tumnaglar och content*/
#d1{
	position: absolute;
	height: 100px;
	left: 78px;
	top: 60px;
}
#d2{
	position: absolute;
	height: 180px;
	left: 279px;
	top: 60px;
}
#d3{
	position: absolute;
	height: 176px;
	left: 507px;
	top: 60px;
}
#e1{
	position: absolute;
	left: 15px;
	top: 41px;
}
#imageDiv1{
	opacity: 1;
   filter: alpha(opacity=100);
	position: absolute;
	left: 0px;
	top: 0px;
}
#imageDiv2{
	opacity:0;
   filter: alpha(opacity=0);
	position: absolute;
	left: 0px;
	top: 0px;
}
/*#e2{
	position: absolute;
	left: 12px;
	top: 38px;
}*/
#e3{ /*innehåller imageDiv1 & 2 och beskrivningstexten*/
	position: absolute;
	left: 10px;
	top: 32px;
	width: 423px;
}
#descr1{
	opacity:1;
	position: absolute;
	left: 16px;
	top: 262px;
	width: 464px;
}
#descr2{
	opacity:1;
	position: absolute;
	left: 16px;
	top: 262px;
	width: 464px;
}


#d4{
	position: absolute;
	height: 100px;
	left: 755px;
	top: 46px;
}
#d5{
	position: absolute;
	height: 100px;
	left: 991px;
	top: 221px;
}
#aretsBasta{
	position: absolute;
	height: 150px;
	width: 150px;
	left: 995px;
	top: 415px;
}

/*Tools*/
.tool-tip {
	color: #fff;
	width: 139px;
	z-index: 13000;
}

.tool-title {
 font: Verdana, Arial, Helvetica, sans-serif;
	font-weight: bold;
	font-size: 11px;
	margin: 0;
	padding: 8px 8px 4px;
	background: url(../images/bubble.png) top left !important;
	background: url(../images/bubble.gif) top left;
}

.tool-text {
	font-size: 11px;
	margin: 0px;
	padding: 4px 8px 8px;
	background: url(../images/bubble.png) bottom right !important;
	background: url(../images/bubble.gif) bottom right;
}
#descs{
   display: none;
   visibility: hidden;
}

/* Klockan */
#clock{
   position: absolute;
   right: 0px; 
   top: 0px; 
   /*border: 1px solid black;*/
   height: 14px;
   width: 90px;
/*   background-color: white;*/
background: url(../images/system_bar_03.gif) top right no-repeat;
   padding: 2px;
   padding-right: 8px;
}
.numbers{
   margin: 0px;
   padding: 1px;
  /* border: 1px solid red;*/
}
/* SystemBar */
#SystemBar{
   position: absolute;
   left: 0px; 
   top: 0px; 
   background: url(../images/system_bar_02.gif) top repeat-x;
   height: 20px;
   width: 100%;
   padding: 0px;
}
/*floppy*/
#floppy {
   position:absolute;
   bottom:54px;
   right:100px;
   width:38px;
   height: 44px;
}
/*hörn i nederkant*/
#bottomCornerLeft {
   position:absolute;
   display: block;
   left:0px;
   bottom:0px;
   width:4px;
   height:4px;
}
#bottomCornerRight {
   position:absolute;
   display: block;
   right:0px;
   bottom:0px;
   width:4px;
   height:4px;
}
/* First thumb in first gallery */
#thumb1{
   border: 1px solid #000000;
}