/******** General tags ********/
body{
	font:Verdana,Tahoma,Arial,sans-serif;
	color:#404040;
	line-height:1.2em;
	margin:0 auto;
	padding:0;
	}

a{
text-decoration:underline;
color:#666666;
font-weight:normal;
}

a:hover{text-decoration:none;}
a img{border:0;}
p{
	margin:7px 20px 4px 10px;
	font-size: 1em;
	font-family: "Trebuchet MS", Calibri, Arial;
	line-height: 1.4em;
	color: #666666;
}
ul,ol,dl{
	font-size:0.9em;
	margin:2px 0 16px 60px;
}
ul ul,ol ol{margin:4px 0 4px 35px;}

h1{
	font-size:1.4em;
	letter-spacing:0px;
	margin:2px 5px 15px 9px;
	color:#666666;
	font-family: "Segoe UI", Calibri, Arial;
	font-weight: normal;
}

h1 a{text-transform:none; color:#FFFFFF;}

h3{
	font-size:3em;
	color:#666666;
	letter-spacing:-2px;
	margin: 30px 20px 8px 4px;
	font-family: Calibri, Arial;
	text-align: left;
	line-height: 0.9;
	font-weight: normal;
}

h2{
	font-size:1.2em;
	letter-spacing:0px;
	margin:14px 0px -5px 9px;
	color:#666666;
	font-family: "Segoe UI", Calibri, Arial;
	font-weight: normal;
}
h2 a{
	text-decoration: underline;
	font-weight: normal;
	margin-right: 37px;
}
h2 a:hover{text-decoration: none;}

blockquote{
font-size:0.9em;
border:1px solid #dadada;
margin:20px 10px;
padding:8px;
}

/******** Main wrap ********/
#wrap{
	width:800px;
	margin:0px auto;
	padding:0;
	height: 650px;
	background-image: url(bilder/bg_2-copy2.jpg);
	background-repeat: no-repeat;
}

#header{}

#toplinks{
	text-align:right;
	padding:8px 0px 2px 10px;
	font-size: 1em;
	float: left;
	margin-right: 300px;
}
#toplinks2{
	text-align:left;
	padding:8px 0px 2px 0px;
	font-size: 1em;
	float: left;
}

#content_pic_holder{
	background-image: url(images/one_massa.jpg);
	height: 500px;
	background-repeat: no-repeat;
}

#slogan{
font-size:1.5em;
color:#808080;
font-weight:bold;
letter-spacing:-1px;
margin:15px 0px 20px 35px;
line-height:1.2em;
}

#start_tcs{
	background-image: url(bilder/tjej.gif);
	padding: 30px 0px 0px 0px;
	margin: 20px 7px 5px 0;
	background-repeat: no-repeat;
}
#om_oss{
	background-image: url(bilder/tjej2.gif);
	padding: 30px 60px 0px 0px;
	margin: 20px 0px 5px 0;
	background-repeat: no-repeat;
	background-position: right;
	width: 708px;
}
#om_oss2{
	padding: 30px 60px 0px 0px;
	margin: 20px 0px 5px 0;
	width: 708px;
}
#historik{
	background-image: url(bilder/tjej2.gif);
	padding: 30px 160px 0px 0px;
	margin: 20px 0px 5px 0;
	background-repeat: no-repeat;
	background-position: top right;
	width: 608px;
}
#bio{
	background-image: url(bilder/bio.jpg);
	padding: 30px 210px 0px 0px;
	margin: 20px 0px 5px 0;
	background-repeat: no-repeat;
	background-position: top right;
	width: 558px;
}
#prislista{
	background-image: url(bilder/tjej3.jpg);
	padding: 30px 160px 10px 0px;
	margin: 20px 0px 5px 0;
	background-repeat: no-repeat;
	background-position: top right;
	width: 608px;
	min-height:770px;
	height:auto; 		/* Ignoreras av IE */

}
/******** sidebar ********/
#sidebar{
	float:left;
	width:170px;
	margin:280px 0 12px 0;
	padding:20px 0 0 0;
	color: #FFFFFF;
	font-family: Calibri, Arial;
	font-size: 1.4em;
}

#sidebar2{
	float:left;
	width:175px;
	color: #FFFFFF;
	padding-left: 15px;
}


#sidebar ul{
list-style:none;
font-size:0.9em;
margin:0;
padding:0 0 15px 10px;
}

#sidebar li{
	list-style:none;
	margin:0 0 4px 0;
	padding:0;
	display: inline;
}

#sidebar li a{
	font-size:0.9em;
	font-weight:normal;
	padding:2px;
	color: #666666;
	font-family: Georgia, "Times New Roman", Times, serif;
}

#sidebar ul ul{
margin:4px 0 3px 15px;
line-height:1.2em;
padding:0;
}

#sidebar ul ul li a{
	font-weight:normal;
	font-size: 1.2em;
}
#sidebar h2{margin:3px 0px 8px 0px;}

/******** Content variations ********/
#start_first{
	line-height:1.5em;
	width:740px;
	float:left;
	text-align:left;
	margin:-35px 0 0px 0;
	padding:120px 0px 0px 48px;
}

#start{
	line-height:1.5em;
	width:770px;
	float:left;
	text-align:left;
	margin:-35px 0 0px 0;
	padding:30px 0px 0px 30px;
}
#contentinside{
line-height:1.5em;
float:right;
text-align:left;
margin:140px 0 0 0;
padding:0;
}

#contentalt{
line-height:1.5em;
width:545px;
float:left;
text-align:left;
padding:0;
margin-right:20px;
}

#content h3, #contentalt h3{}
#PRIS_HOLDER{
	float: left;
	width: 600px;
}
#PONE{
	float: left;
	width: 300px;
}
#PTWO{
	float: left;
	width: 70px;
}
#PTHREE{
	float: left;
	width: 150px;
}
/******** Footer ********/
#footer{
	clear:both;
	color:#666666;
	font-size:0.7em;
	padding:5px 7px 0 30px;
	font-family: Arial, Helvetica, sans-serif;
	background-image: url(images/bg2333.jpg);
	background-repeat: no-repeat;
	line-height: 2em;
	height: 30px;
	border-top: 6px solid #F5F5F5;

}





#footer a{
	color:#808080;
	text-decoration:none
}
#footer a:hover{
	color:#808080;
	text-decoration:underline
}


/******** Various classes ********/
.box{
	margin:0px 20px 10px 12px;
	font-size: 0.9em;
	font-family: Arial, Helvetica, sans-serif;
	line-height: 1.2em;
	color: #666666;
	text-align: left;
}

.box a{
	color:#FFFFFF;
}
.left{float:left; margin:0 15px 4px 0;}
.right{
	float:left;
	font-size: 11px;
	color: #666666;
	padding-left: 2px;

}
.textright{text-align:right;}
.readmore{text-align:left; margin:50px 10px 12px 0;}

.center{text-align:center;}
.blue{color:#4088b8;}
.big{font-size:1.3em;}
.small{font-size:0.6em;}
.small2{font-size:0.8em;}
.bold{font-weight:bold;}

.clear{clear:both;}
.hide{display:none;}
.fade{
	color:#666666;
	font-size: 1.6em;
	line-height: 0.9em;
	margin-left: -1px;
}
.gray{
	color:#808080;
}

#texttoplinks{
	font-size: 1.1em;
	font-family: "Trebuchet MS", Times, serif;
	padding-bottom: 5px;
	border-top: 1px solid #cccccc;
	background-image: url(bilder/bg_buttons.jpg);
	background-repeat: repeat-x;
	padding-top: 5px;
}

#texttoplinks li{
	list-style:none;
	display: inline;
	padding-left: 0px;
	padding-right: 20px;
	padding-bottom: 0px;
}

#texttoplinks a{
	text-decoration: none;
	color: #FFFFFF;
}

#texttoplinks a:hover{
	text-decoration: underline}

.photo{
	border:1px solid #bababa;
	padding:1px 1px 1px 1px;
	background-color:#ffffff;
	margin:20px 0px 17px 7px;
	float: left;
}

.photo_right{
	border:1px solid #bababa;
	padding:1px 1px 1px 1px;
	background-color:#ffffff;
	margin:20px 160px 17px 7px;
	float: left;
}

.photo_right2{
	border:1px solid #bababa;
	padding:1px 1px 1px 1px;
	background-color:#ffffff;
	margin:20px 240px 17px 7px;
	float: left;
}

.photobuttons{
	padding:2px;
	background-color:#ffffff;
	margin:0px 0px 0px 0px;
	float: left;
}

.photobutton1{
	padding:2px;
	margin:0px 0px -20px 300px;
	float: right;
}

.photologo{
	padding:2px;
	margin:0px 50px 0px 5px;
	float: left;
}

.photowelcome{
	margin:0px 0px -4px 10px;
}
.photokontakt{
	margin:0px 0px -4px 4px;
}
.photoheadings{
	margin:0px 0px -17px -4px;
}
.photoheadingstop{
	margin:0px 0px -15px 16px;
}
.ingress{
	font-family: "Trebuchet MS", Georgia;
	font-size: 1.3em;
	color: #333333;
	line-height: 1.5em;
	margin-top: 4px;

}
#col1{
	width: 700px;
	float: left;
	background-image: url(start/starter_ny.gif);
	padding-top: 350px;
	background-repeat: no-repeat;
	padding-bottom: 50px;
	margin-top: 0px;
}
#col2{
	width: 240px;
	float: left;
	padding-top: 200px;
		padding-bottom: 20px;
			margin-top: 20px;
}
#col3{
	width: 240px;
	float: left;
	padding-top: 200px;
		padding-bottom: 20px;
			margin-top: 20px;
}
#upp{
	padding-top: 115px;
}
#col1_kontakt{
	width:230px;
	float:left;
	text-align:left;
	padding:0;
	margin-top: 2px;
	padding-left: 10px;

}


#rightyy{
	float: left;
	width: 400px;
	padding: 0 0 50px 350px;
	margin-bottom: 10px;
}
#col2_kontakt{

	width:260px;

	float:left;

	text-align:left;

	padding:0;

	margin-right:0px;

	margin-top: 2px;

	padding-left: 9px;

}
.decoration{
	background-image:url(buttons/formular.jpg);
	background-repeat: no-repeat;
}
.photobutton{
	padding:2px;
	background-color:#ffffff;
	color: #666666;
	font-family: "Myriad Pro", Verdana, Arial;
	margin: 1px 2px 15px 3px;
	font-size: 14px;
	font-weight: bold;
	float: left;
	width: 120px;

}






/******** lightbox ********/

#lightbox{

	position: absolute;

	left: 0;

	width: 100%;

	z-index: 100;

	text-align: center;

	line-height: 0;

	}



#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: transparent url(lightbox/images/blank.gif) no-repeat; /* Trick IE into showing hover */

	display: block;

	}

#prevLink { left: 0; float: left;}

#nextLink { right: 0; float: right;}

#prevLink:hover, #prevLink:visited:hover { background: url(lightbox/images/prevlabel.gif) left 15% no-repeat; }

#nextLink:hover, #nextLink:visited:hover { background: url(lightbox/images/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;	}	

		

#overlay{

	position: absolute;

	top: 0;

	left: 0;

	z-index: 90;

	width: 100%;

	height: 500px;

	background-color: #000;

	}

	
.image_left{
margin: 10px 15px 10px 15px;
float: left;
}
.image_right{
margin: 10px 15px 10px 15px;
float: right;
}
.image_standard{
margin: 10px 15px 10px 15px;
}




/******** lightbox-end ********/