a { color: #1d4365;text-decoration:none;}
a:link { color: #1d4365; text-decoration:none;}
a:visited { color: #1d4365; text-decoration:none;}
a:hover { color: #3981c1; text-decoration:none;}
a:active { color: #1d4365; text-decoration:none;}
a:id { color: #1d4365; text-decoration:none;}
a img { border:0;}

body
{
text-align:left;	
font-family: verdana, arial, helvetica, sans-serif;
color:#272829; font-size: 76%;
background-color:#EEEEEE; }

p { font-family: verdana, arial, helvetica, sans-serif; color:#000000; /*font-size: 76%;*/ margin-left:0px; margin-right:0px; margin-top:5px; margin-bottom:5px;}
li { font-family: verdana, arial, helvetica, sans-serif; color:#272829; /*font-size: 90%;*/ /*line-height: 150%*/} 
ol { font-family: verdana, arial, helvetica, sans-serif; color:#272829; font-size: 100%; }
ul { font-family: verdana, arial, helvetica, sans-serif; color:#272829; font-size: 100%;}
table { font-family: verdana, arial, helvetica, sans-serif; color:#272829; font-size: 100%; }
tbody { font-family: verdana, arial, helvetica, sans-serif; color:#272829; font-size: 100%;}
td { font-family: verdana, arial, helvetica, sans-serif; color:#272829; font-size: 100%;}
tr { font-family: verdana, arial, helvetica, sans-serif; color:#272829; font-size: 100%;}
form { font-family: verdana, arial, helvetica, sans-serif; color:#272829; font-size: 100%; }
select { font-family: verdana, arial, helvetica, sans-serif; color:#272829; font-size: 100%; }
input { font-family: verdana, arial, helvetica, sans-serif; color:#272829; font-size: 100%; }
textarea { font-family: verdana, arial, helvetica, sans-serif; color:#272829; font-size: 100%; }
pre { font-family: verdana, arial, helvetica, sans-serif; color:#272829; font-size: 100%; }
adress { font-family: verdana, arial, helvetica, sans-serif; color:#272829; font-size: 100%; }
legend { font-family: verdana, arial, helvetica, sans-serif; color:#272829; font-size: 100%; font-weight: bold;}

		
h1, h2, h3, h4, h5, h6
{
	font-family: verdana, arial, helvetica, sans-serif;
}


h1 {font-size:150%; margin-left:0px; margin-right:0px; margin-top:5px; margin-bottom:10px; color:#f68428;}
h2 {font-size:120%; margin-left:0px; margin-right:0px; margin-top:5px; margin-bottom:8px;color:#272829}
h3 {font-size:105%; margin-left:0px; margin-right:0px; margin-top:5px; margin-bottom:7px;color:#272829}
h4 {font-size:100%; margin-left:0px; margin-right:0px; margin-top:5px; margin-bottom:5px;color:#272829}
h5 {font-size:95%; margin-left:0px; margin-right:0px; margin-top:5px; margin-bottom:5px;color:#272829}
h6 {font-size:90%; margin-left:0px; margin-right:0px; margin-top:5px; margin-bottom:5px;color:#272829}

hr {border: thin solid #868686;}
.bildram {border-top-width: 0pt; border-left-width: 0pt; border-right-width: 0pt; border-bottom-width: 0pt;}
/*.footertxt {color:#868686; font-size:10px;font-weight: bold;letter-spacing: 3px}*/
.footertxt {color:#868686; font-size:10px;letter-spacing: 3px; vertical-align : bottom}
.picturetxt {color:#868686; font-size:10px;letter-spacing: 1px}
.linkblue a {color:#2e64a2; font-size:10px;letter-spacing: 1px}

#frame1{
width:1200px;
}

#frame{
width: 979px;
left: 5px;
top: 5px;
}

#banner{
width: 179px;
padding-left:5px;
/*border: red 1px solid;*/
float:left;
background-color:#FFFFFF;
margin-top:5px;
}
#main_container {
color:#CCCCCC;
/*background-color:#F5F5F5;*/
width:977px;
/*height:800px;*/
/*background-image: url("../../Kitesweden/CSS/bilder/ripstop.gif");*/
border: #EEEEEE 5px solid;
float:left;
overflow:hidden;
}
#holdertop{
width: 979px;
border-bottom: #EEEEEE 1px solid;
background-color:#FFFFFF;
overflow:hidden; /*auto*/
}
#holder{
width: 979px;
/*border: red 1px solid;*/
background-color:#FFFFFF;
overflow:hidden; /*auto*/
}

#holder2{
width: 847px;
height: 18px;
float:right;
}
#bottom{
width: 979px;
/*border: red 1px solid;*/
height:25px;
background-color:#FFFFFF;
background-image: url("../../Kitesweden/CSS/bilder/bottom.png");
background-repeat:no-repeat;
overflow:auto;
}
#lefttop{
width: 162px;
height:75px;
/*border: red 1px solid;*/
padding: 2px;
float:left;
background-image: url("../../Kitesweden/CSS/bilder/top_left.png");
background-repeat:no-repeat;
/*background-color:#EEEEEE;*/
}

#left{
width: 162px;
height:112px;
/*border: red 1px solid;*/
padding: 2px;
float:left;
background-image: url("../../Kitesweden/CSS/bilder/top_left.png");
background-repeat:no-repeat;
/*background-color:#EEEEEE;*/
}
#navleft{
width: 162px;
height: 100%; /*400px;*/
/*border: red 1px solid;*/
padding-left: 2px;
padding-right: 2px;
padding-top: 10px;
float:left;
/*background-color:#EEEEEE;*/
}
#center{
width: 560px;
/*border: red 1px dotted; */
padding-top:5px;
float:left;
overflow:hidden;
}
#centertop{
width: 560px;
/*border: red 1px dotted; */
padding-top:5px;
float:left;
overflow:hidden;
}

#center2{
width: 770px;
/*border: red 1px solid;*/
padding:5px;
float:left;
background-color:#FFFFFF;
}
#right{
width: 215px;
/*border: blue 1px dotted;*/
float:left;
text-align: right;
}
#righttop{
width: 215px;
/*border: blue 1px dotted;*/
float:left;
text-align: right;
}

#main2_left{
background-color:#FFFFFF;
Padding:5px;
margin:1px;
width: 424px;
color:#CCCCCC;
/*border: red 1px solid;*/
float:left;
}
#main1_left{
background-color:#FFFFFF;
Padding:5px;
margin:1px;
width: 770px;
color:#000000;
/*border: red 1px solid;*/
float:left;
}
#main2_right{
width: 320px;
Padding:5px;
margin:1px;
/*border: red 1px solid;*/
float:left;
}
#main1{
width: 770px;
/*border: red 1px solid;*/
float:left;
overflow:hidden;
}

/**** Default Tree Menue ****/
ul.CS_DefaultTreeMenu1,
ul.CS_DefaultTreeMenu1 li.CS_DefaultTreeMenuSelectedParent ul,
ul.CS_DefaultTreeMenu1 li.CS_DefaultTreeMenuSelectedItem ul {
  /* display: block;*/
  list-style-type: none;
  margin-left: 0px;
  padding-left: 0px;
  line-height: 12px;
}
ul.CS_DefaultTreeMenu1 ul,
ul.CS_DefaultTreeMenu1 li.CS_DefaultTreeMenuNotSelected ul {
  display: none;
  padding-left: 0px;
  list-style-type: none;
}
ul.CS_DefaultTreeMenu1 li.CS_DefaultTreeMenuSelectedParent,
ul.CS_DefaultTreeMenu1 li.CS_DefaultTreeMenuSelectedItem,
ul.CS_DefaultTreeMenu1 li.CS_DefaultTreeMenuNotSelected
{
  padding-left: 0px;
  padding-top: 4px;
  padding-bottom: 4px;
  margin-left: 0px;
/*  text-decoration: none;*/
}

ul.CS_DefaultTreeMenu1 li.CS_DefaultTreeMenuHasChildren a,
ul.CS_DefaultTreeMenu1 li.CS_DefaultTreeMenuHasChildren li.CS_DefaultTreeMenuSelectedItem li a,
ul.CS_DefaultTreeMenu1 li.CS_DefaultTreeMenuHasChildren li.CS_DefaultTreeMenuNotSelected a
{
  background: url("../../../Bilder/Sidobjekt/wplus.gif") top left no-repeat;
  padding-left: 15px;
  text-decoration: none;
}

ul.CS_DefaultTreeMenu1 a,
ul.CS_DefaultTreeMenu1 li.CS_DefaultTreeMenuSelectedItem a,
ul.CS_DefaultTreeMenu1 li.CS_DefaultTreeMenuSelectedItem ul li a
{
  background: none top left no-repeat;
  padding-left: 0px;
  text-decoration: underline;
}

ul.CS_DefaultTreeMenu1 li.CS_DefaultTreeMenuSelectedParent ul li.CS_DefaultTreeMenuHasNoChildren a,
ul.CS_DefaultTreeMenu1 li.CS_DefaultTreeMenuSelectedItem ul li.CS_DefaultTreeMenuHasNoChildren a
{
  background: none top left no-repeat;
  padding-left: 0px;
 /* text-decoration: none;*/
}

/* Alla val som inte har underval */
ul.CS_DefaultTreeMenu1 li.CS_DefaultTreeMenuHasNoChildren a
{
  background: none top left no-repeat !important;
  padding-left: 15px;
  margin-left: 0px;
}

ul.CS_DefaultTreeMenu1 li.CS_DefaultTreeMenuSelectedParent a,
ul.CS_DefaultTreeMenu1 li.CS_DefaultTreeMenuHasNoChildren.CS_DefaultTreeMenuSelectedItem a,
ul.CS_DefaultTreeMenu1 li.CS_DefaultTreeMenuHasChildren.CS_DefaultTreeMenuSelectedItem a,
ul.CS_DefaultTreeMenu1 li.CS_DefaultTreeMenuHasChildren li.CS_DefaultTreeMenuSelectedItem a
{
  background: url("../../../Bilder/Sidobjekt/wminus.gif") top left no-repeat;
  padding-left: 15px;
} 
/* and some link styles */
ul.CS_DefaultTreeMenu1 li a { color: #3c3c3c; display: inline; text-decoration: none; width:100%; margin-left: 0px; padding-bottom: 0px; }
ul.CS_DefaultTreeMenu1 li a:hover { color: #3c3c3c; text-decoration: none; }
ul.CS_DefaultTreeMenu1 li.CS_DefaultTreeMenuHasChildren { /* Nothing special */ }

/******** Navigerings meny webbshop ******************/
.nav_container0{
  max-width: 250px;
  height: 100%;
  margin-bottom: 2px;
  clear: both;
}
.nav_container1{
  max-width: 250px;
  height: 100%;
  margin-bottom: 2px;
  margin-left: 0px;
  clear: both;
 }
.nav_container2{
  max-width: 250px;
  height: 100%;
  margin-bottom: 2px;
  margin-left: 20px;
  clear: both;
}
.nav_container3{
  max-width: 250px;
  height: 100%;
  margin-bottom: 2px;
  margin-left: 30px;
  clear: both;
}
.nav_container4{
  max-width: 250px;
  height: 100%;
  margin-bottom: 2px;
  margin-left: 40px;
  clear: both;
}

/*--------width bestämmer indrag------------*/
.pil_h{
  width: 16px;
  min-height: 16px;
  height: 100%;
  float: left;
   background-image: url("../../Kitesweden/CSS/bilder/pilright.png");
   background-repeat: no-repeat;
}
.pil_n{
  width: 16px;
   min-height: 16px;
  height: 100%;
  float: left;
   background-image: url(../../Kitesweden/CSS/bilder/pilner.png);
   background-repeat: no-repeat;
}

.nav_filler {
  width: 16px;
   min-height: 16px;
  height: 100%;
  float: left;
}
/*--------margin left bestämmer indrag------------*/
.nav_link{
  width: auto;
  height: auto;
   margin-left: 16px;
  position: relative;
}

/*--------Modifiera text egenskaper------------*/
.nav_link a { color: #606567;font-size:11px;font-weight: normal;}
.nav_link a:hover {text-decoration: underline;}

/**************** LIGHTBOX ****************************/
#lightbox{	position: absolute;	left: 0; width: 100%; z-index: 100; text-align: center; line-height: 0;}
#lightbox img{ width: auto; height: auto;}
#lightbox a img{ border: none; }

#outerImageContainer{ position: relative; background-color: #fff; width: 250px; height: 250px; margin: 0 auto; }
#imageContainer{ padding: 10px; }

#loading{ position: absolute; top: 40%; left: 0%; height: 25%; width: 100%; text-align: center; line-height: 0; }
#hoverNav{ position: absolute; top: 0; left: 0; height: 100%; width: 100%; z-index: 10; }
#imageContainer>#hoverNav{ left: 0;}
#hoverNav a{ outline: none;}

#prevLink, #nextLink{ width: 49%; height: 100%; background-image: url(data:image/gif;base64,AAAA); /* Trick IE into showing hover */ display: block; }
#prevLink { left: 0; float: left;}
#nextLink { right: 0; float: right;}
#prevLink:hover, #prevLink:visited:hover { background: url(http://www.kitesweden.se/Kitesweden/CSS/lightbox/prevlabel.gif) left 15% no-repeat; }
#nextLink:hover, #nextLink:visited:hover { background: url(http://www.kitesweden.se/Kitesweden/CSS/lightbox/nextlabel.gif) right 15% no-repeat; }

#imageDataContainer{ font: 10px Verdana, Helvetica, sans-serif; background-color: #fff; margin: 0 auto; line-height: 1.4em; overflow: auto; width: 100%	; }

#imageData{padding:0 10px; color: #666; }
#imageData #imageDetails{ width: 70%; float: left; text-align: left; }	
#imageData #caption{ font-weight: bold;	}
#imageData #numberDisplay{ display: block; clear: left; padding-bottom: 1.0em;	}			
#imageData #bottomNavClose{ width: 66px; float: right;  padding-bottom: 0.7em; outline: none;}	 	

#overlay{ position: absolute; top: 0; left: 0; z-index: 90; width: 100%; height: 500px; background-color: #000; }
/************* IMAGES 2 WEBSHOP ******************/
.maximage {
  max-width: 350px;
  max-height: 350px;
  width: expression(this.width > 350 ? "350px" : true);
  height: expression(this.height > 350 ? "350px" : true);
/*  border: 1px solid #888888;*/
}