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

#siteContainer {
	position:relative;
	margin:30px auto 0px auto;
	font-size:130px;
	width:5em;
	overflow:hidden;
	height:auto;
	font-family: Arial, Helvetica, sans-serif;
	}
#headerOuter{
	position:relative;
	width:100px;
	margin-left:auto;
	margin-right:auto;
	}
#header{
	position:absolute;
	background-image:url(../images/anderswidlund_logga_ny.png);
	background-repeat:no-repeat;
	background-position:top center;
	height:650px;
	width:82px;
	left:-365px;
	}
#headerClickbar{
	display:none;
	cursor:pointer;
	cursor:hand;
	width:100%;
	height:100%;
	}


/*SIDOR*/
#sheetContainer{
	position:relative;
}


#galleri,#storbildVisare{
	position:relative;

}
/*-- heights --*/

#storbildVisare{
	display:none; /*gömmer SIDOR inledningsvis*/
	}
	
.rubrik{
	position:relative;
	color:#CCC;
	margin-left:10px;
	width:150px;
	}

/*sida - galleri & storbildVisare*/
#sheetContainer{
	margin-bottom:20px;
	/*font-size:130px;
	height:5em;*/
	height:650px;
	font-family: Arial, Helvetica, sans-serif;	
	}
#sheet1,#sheet2,#sheet3 {
	position:absolute;
	font-size:130px;
	width:5em;
	}
#sheet1{
	left:0px;
	font-family: Arial, Helvetica, sans-serif;
	}
#sheet2{
	left:1000px;
	}
#sheet3{
	left:2000px;
	}
	
div#sheetContainer > div > div{
	position:relative;
	width:130px;
	height:130px;
	text-align:center;
	float:left !important;
	}
	
#sheetContainer p{
	position:absolute;
	top:0px;
	font-size:13px;
	opacity:0;
	filter: alpha(opacity=0);
	background:#EE3983;
	color:#fff;
	width:118px;
	height:80px;
	padding:50px 6px 0px 6px;
	cursor:pointer;
	cursor:hand;	
	/*line-height:130px;*/
	}

#pilarContainer{
	width:135px;
	height:40px;
	margin-left:auto;
	margin-right:auto;
	margin-top:30px;
	}/*
#pil_left{
	float:left;
	margin-right:20px;
	}
#pil_left img, #pil_right img{
	width:15px;
	height:15px;
	cursor:pointer;
	cursor:hand;
	}*/
#indicatorOuter{
	position:relative;
	font-size:12px;
	}
#indicatorContainer{
	position:absolute;
	top:-13px;
	float:left;
	left:25px;
	}
#indicator1 , #indicator2,#indicator3{
	float:left;
	margin-right:13px;
	cursor:pointer;
	cursor:hand;
	}
/*
#pil_rightOuter{
	position:relative;
	width:15px;
	height:15px;
	float:right;
	}*/



/*sida - ENSKILD FILM*/

#storbildVisare{
	margin-bottom:20px;
	}
div #pictureWrapperOuter{
	position:relative;
	width:1400px;				/*väl tilltagen bredd för att slippa förskjutning*/
	height:650px;
	text-align:center;
	left:-375px;				/*parerar den förskjutning som blir pga de   (tillkommer i jQueryn) -tecknen som behövs för att vertical align ska fungera*/
	}
#pictureWrapperInner { 			/*vertical centrerar*/
	color:black;
	font-size:567px;
	line-height:1;
	white-space:nowrap;
	}
#pictureWrapperInner img{		/*vertical centrerar*/
	vertical-align:middle;
	}
	
#rubrikOuter{/* Rubrikhållare */
	position:absolute; 
	top:350px; 
	z-index:-10;
	}
#heightContainerRubrikStorbild{
display: table; height: 400px; #position: relative; overflow: hidden;
}
#rubrikInner{
	#position:absolute; 
	#top:50%;
	display:table-cell;
	vertical-align:middle;
	}
#rubrikIEfixer{
	#position:relative;
	#top: -50%;
	width:650px; 
	text-align:center;
	}
#rubrikInner h3{
	color:#999;
	font-size:10px;
	font-style:italic;
	}/* slutCss Rubrikhållare */

#pilarContainerStorbild{
	margin-top:20px;
	height: 30px;
	width:80px;
	margin-left:auto;
	margin-right:auto;
	}
#pil_leftStorbild{
	float:left;
	}
#pil_rightStorbild{
	float:right;
	}
#pil_leftStorbild img, #pil_rightStorbild img{
	width:25px;
	height:25px;
	cursor:pointer;
	cursor:hand;
	}
	
#storbildBank{ 
	display:none;/*comment to SHOW for test*/
	width:567px; 
	height:567px; 
	position:absolute; 
	top:0px; 
	left:-300px;
	}
#rubrikBank{
	display:none;
	}
#footer{
	text-align:center;
	/*color:#C4C6C8;*/
	color:#888;
	font-size:10px;
	}
a{
	color:#888;
	}
a:link{
	text-decoration:none;
	}
a:hover{
	text-decoration:underline;
	color:#EE3983;
	}