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


#container {
	width: 960px;
	margin: 0 auto;  
}

/* PageHeader */
#header {
	width: 960px;
	height: 345px;
	margin: 0 auto;
	position: relative;
	background-image: url(img/bg_header.jpg);
}




#navigation
{
	width: 960px;
	height: 59px;
	float: left;
	background-color: #050a44;
	margin-bottom: 20px;
	margin-top: 1px;
	
}
	
	
	
#navigation ul {

	list-style-type: none;
	
}

#navigation li {
	font-size: 12px;
	display: inline; 
	letter-spacing: 2px;
	
	
	
}


#navigation li a {display: block; padding: 25px 25px 22px 25px; float: left; text-decoration: none; color: #FFFFFF;}
#navigation li a:hover { background-color: #030975;  color:#fff; }
#navigation li.active a {  background-color: #030975;  color: #FFCC00; }



/* Page */



#content
{
	width: 960px;
	margin: 0 auto;
}


#content-left
{
	width: 640px;
	background-repeat: no-repeat;
	float: left;
	background-image: url(img/bg_content-left.jpg);
	margin-bottom: 20px;
	padding: 20px;

}


.referenser
{
	width: 640px;
	height: 400px;
	background-repeat: no-repeat;
	float: left;
	background-image: url(img/bg_content-left_two.jpg);
	margin-bottom: 20px;
	padding: 20px;

}

#sound
{
	width: 296px;
	height: 50px;
	float: left;
	margin-left: -5000px;
}


.kontakt
{
	width: 640px;
	height: 500px;
	background-repeat: no-repeat;
	float: left;
	background-image: url(img/bg_content-left_three.jpg);
	margin-bottom: 20px;
	padding: 20px;

}


.kontakt p
{
	margin-bottom: 7px;
}

.referenser p
{
	margin-bottom: 7px;
}


#content-left img
{
	float: right;
}	

#content-right
{
	width: 200px;
	height: 350px;
	float: right;
	padding: 25px;
	background-image: url(img/bg_content-right.jpg);
	background-repeat: no-repeat;
	margin-bottom: 20px;
}




#content-right a.block
{
	width: 150px;
	height: 30px;
	float: left;
	display: block;
	margin-top: 15px;
}


#content-right a.foretagarna
{
	background-image: url(img/loggo/foretagarna.gif);
}


#content-right a.bf
{
	background-image: url(img/loggo/barncancerfonden.gif);
}


#content-right a.block-two
{
	width: 150px;
	height: 50px;
	float: left;
	display: block;
	background-color: #993333;
	margin-top: 15px;
	
}


#content-right a.stbf
{
	background-image: url(img/loggo/bf.gif);
}

/*slideshow*/
#myslides {
	width: 250px;
	height: 304px;
	float: right;
	padding: 20px;
} 

#myslides img {
    width: 250px;
    height: 304px;
}



/*bottom*/

#bottom
{
	width: 960px;
	height: 30px;
	border-top: solid 1px #efc528;
	clear: both;
	padding-top: 10px;
}
	
#info-bottom {
	width: 960px;
	margin: 10px auto;
	margin-top: 20px;
}