@charset "utf-8";
/* 

	Created for Skyltspektrum AB by Angry Creative.
	http://www.angrycreative.se

*/

/* **************************************************************************************************
*****************************************************************************************************
*																									*
*	GENERIC																							*
*																									*
*****************************************************************************************************
************************************************************************************************** */

a, a:visited {
color: #1fa89f;
text-decoration: none;
}

a:hover, a:visited:hover {
color: #5cbeb7;
text-decoration: none;
}

/* darkspace = all the areas that have dark bakgrounds and needs inverted text */
.darkSpace {
color: #FFFFFF;
}

.darkSpace a, .darkSpace a:visited {
color: #ffffff;
text-decoration: none;
}

.darkSpace p a, .darkSpace p a:visited {
color: #29e4d8;
text-decoration: none;
}

.darkSpace a:hover, .darkSpace a:visited:hover {
color: #2defe2;
text-decoration: none;
}


/* `Logo & Menu header
----------------------------------------------------------------------------------------------------*/
#headerTop {
	height: 80px;
	width: 100%;
	position: absolute;
	background:url(images/header/headertop-bg.png) repeat-x;
	z-index: 30;
}

#headerLogo {
	width: 250px;
margin-top: 5px; /* adjust this to make the logo fit */
}

#headerMenu {
width: 670px;
margin-top: 21px;
}

#headerBottom #headerInfo {
float: left;
}

#headerBottom h5 {
	font: 16px/1.2em 'Helvetica Neue',Helvetica, Arial, 'Liberation Sans', FreeSans, sans-serif;
	font-weight: normal;
}

#headerBottom h5 a {
	padding: 0px 0px;
}

#headerBottom span.divider {
	padding: 0px 5px;
}

#headerBottom h5 a, #headerBottom h5 a:visited {
	color: #FFFFFF;
}

#headerBottom h5 a:hover, #headerBottom h5 a:visited:hover {
	color: #57efe5;
}

#headerBottom h5 a.breadcrumbsHome {
	padding: 0px 0px 0px 0px;
}


#headerBottom #contactInfo {
	float: right;
	margin-top: 17px;
}

#headerBottom #contactInfo .contactInfoPhone {
float: right;
clear: both;
	text-align: right;
	background: url(images/header/phone.png) no-repeat left center;
	padding-left: 30px;
	font-weight: bold;
}

#headerBottom #contactInfo .contactInfoMail {
float: right;
clear: both;
	text-align: right;
	background: url(images/header/mail.png) no-repeat left center;
	padding-left: 26px;
	padding-top: 3px;
	font-weight: bold;
}

/* `Menu
----------------------------------------------------------------------------------------------------*/

#headerMenuBar li a {
	font-family: Rockwell,Helvetica,Arial,Verdana,sans-serif;
	font-size: 16px;
	font-weight: bold;
	color: #FFFFFF;
	text-decoration: none;
	outline: none;
	text-align: center;
	letter-spacing: 0;
	z-index: 10;
	display: block;
	float: left;
	position: relative;
}

#headerMenuBar li.current {
height: 41px;
background: url(images/header/lava.png) no-repeat top left;
padding-left:10px;
margin: auto 3px;
line-height: 41px;
}

#headerMenuBar li.current a {
background: url(images/header/lava.png) no-repeat right -41px;
padding-right: 9px;
height: 41px;
line-height: 41px;
}

#headerMenuBar li a span {
margin: 0px;
padding: 0px;
}

#headerMenuBar a:hover {
	color: #57efe5;
}

#headerMenuBar .clientLogin {
	background: url(images/header/clientlogin-separator.png) no-repeat left center;
	padding: 0px 0px 0px 19px;
	margin: auto 0px auto 11px; 
}
#headerMenuBar .clientLogin a, #headerMenuBar .clientLogin a:visited {
	color: #57efe5;
}

#headerMenuBar .clientLogin a:hover, #headerMenuBar .clientLogin a:visited:hover {
	color: #9dfff9;
}

#headerMenuBar {
	float: right;
	height: 41px;
	padding: 0px;
	margin: 0px;
}
#headerMenuBar ul {
	margin: 0px;
}

#headerMenuBar li {
	line-height: 41px;
	height: 41px;
	margin: 0px 10px;
	float: left;
	list-style: none;
}

#headerBottom {
height:114px;
padding-top:102px;
}

#headerBottom h1, #headerBottom h5 {
color:#FFFFFF;
margin:0;
text-align:left;
}


/* `Content
----------------------------------------------------------------------------------------------------*/

#content {
float: left;
margin: 5px 0px;
}

.contentRow  {
float: left; 
margin: 30px 0px;
}

.contentRowNospace  {
margin: 0px 0px 30px 0px;
}

.splitHr {
float: left;
width: 620px; 
background: url(images/generic/2splithr.gif) no-repeat center center;
height: 2px;
margin: 0px 10px 10px 10px;
}

.container_12 .hr {
float: left;
width: 940px; 
border-color:#dcdada #ffffff #ffffff;
border-left:0 solid #ffffff;
border-right:0 solid #ffffff;
border-style:solid;
border-width:1px 0;
clear:both;
height:0px;
margin:0px 10px;
}

.eightHr {
float: left;
width: 620px; 
border-color:#dcdada #ffffff #ffffff;
border-left:0 solid #ffffff;
border-right:0 solid #ffffff;
border-style:solid;
border-width:1px 0;
clear:both;
height:0px;
margin:0px 10px;
}

.container_8 .hr, .grid_8 .hr {
float: left;
width: 620px; 
border-color:#dcdada #ffffff #ffffff;
border-left:0 solid #ffffff;
border-right:0 solid #ffffff;
border-style:solid;
border-width:1px 0;
clear:both;
height:0px;
margin:0px 0px;
}

.container_4 .hr, .grid_4 .hr {
float: left;
width: 300px; 
border-color:#dcdada #ffffff #ffffff;
border-left:0 solid #ffffff;
border-right:0 solid #ffffff;
border-style:solid;
border-width:1px 0;
clear:both;
height:0px;
margin:0px 0px;
}

.darkSpace .hr {
float: left;
width: 280px; 
border-color:#000000 #363636 #363636;
border-left:0 solid #363636;
border-right:0 solid #363636;
border-style:solid;
border-width:1px 0;
clear:both;
height:0px;
margin:-7px 0px 13px 0px;
}

.contentDisplay .contentDisplayImage .smallOverlay {
background: url(images/generic/smalloverlay.png) no-repeat top left;
height: 9px;
width: 300px;
position: absolute;
}

.contentDisplay {
background: #202020;
border-bottom: 8px solid #25cbc0;
}

.contentDisplayText {
color: #FFFFFF;
padding: 0px 10px;
}

p.contactInfoPhone {
float: left;
clear: both;
width: 248px;
	text-align: left;
	background: url(images/header/phone.png) no-repeat left center;
	padding-left: 32px;
	font-weight: normal;
	margin-bottom: 3px;
}

p.contactInfoFax {
float: left;
clear: both;
width: 248px;
	text-align: left;
	background: url(images/header/fax.png) no-repeat left center;
	padding-left: 32px;
	font-weight: normal;
	margin-bottom: 3px;
}

p.contactInfoMail {
float: left;
clear: both;
width: 248px;
	text-align: left;
	background: url(images/header/mail.png) no-repeat left center;
	padding-left: 32px;
	padding-top: 0px;
	font-weight: normal;
		margin-bottom: 13px;
}

/* `Posts
----------------------------------------------------------------------------------------------------*/

.postTitle a:link, .postTitle a:visited  {
color: #000000;
}

.postTitle a:hover, .postTitle a:visited:hover  {
color: #2B2B2B;
}

.postContent {
float: left;
margin-top: 5px;
width: 620px;
clear: both;
}

.postInfo {
float: left;
width: 620px;
clear: both;
margin: 5px 0px 2px 0px;
}

.postInfo p {
margin-bottom: 0px;
}

.addthis_toolbox {
height: 21px;
margin-top: 3px;
margin-right: 10px;
float: right;
}

.addthis_toolbox .addthis_button_compact {
width: 16px;
}

.postDate {
line-height: 29px;
float: left;
}

.sorting p.sortingCategories {
float: left;
clear: both;
margin-bottom: 6px;
}

.sorting p.sortingTags {
float: left;
clear: both;
margin-bottom: 10px;
}

.post img {
border-bottom:8px solid #25CBC0;
}

.post a img {
border-bottom:8px solid #25CBC0;
}

.post a img:hover {
border-bottom:8px solid #29e4d8;
}

.post img.postImage {
margin: 0px 0px 10px 0px;
}

.post object {
float: left;
border-bottom:8px solid #25CBC0;
margin: 10px 0px;
}

.post object.postVideo {
margin: 0px 0px 10px 0px;
}

.post h4.postExcerpt {
	font-weight: normal;
	margin: 5px 0px;
}

.post .captionContainer .caption {
float: left;
text-align: right;
margin-left: -320px;
}

.post .captionContainer .caption h5, .post .captionContainer .caption p {
padding-right: 15px;
}

.relatedPostContainer h4 a:link, .relatedPostContainer h4 a:visited  {
color: #000000;
}

.relatedPostContainer h4 a:hover, .relatedPostContainer h4 a:visited:hover  {
color: #2B2B2B;
}


/* `Widgets
----------------------------------------------------------------------------------------------------*/


.sideBar {
width: 320px !important;
}

.sideBar h4 {
text-align: right;
padding-right: 15px;
}

.grayWidget {
width: 292px !important;
border-right: 8px solid #e2e8e8;
border-bottom: 8px solid #e2e8e8;
padding-bottom: 7px;
}

.grayWidget h4 {
color: #515050;
}

.sidebarRight h4  {
text-align: right;
margin-right: 15px;
margin-bottom: 3px;
}

.sidebarRight p {
text-align: right;
margin-right: 15px;
margin-bottom: 15px;
}

.sideBar .blackWidget {
margin-bottom: 20px;
}

.blackWidget {
width: 292px !important;
border-right: 8px solid #000000;
border-bottom: 8px solid #000000;
}

.blueWidget {
width: 292px !important;
border-right: 8px solid #25cbc0;
border-bottom: 8px solid #25cbc0;
}

.widgetContent {
padding-right: 15px; 
text-align: right;
float: right;
}

.widgetContent a, .widgetContent p {
clear: both;
float: right;
}

.searchWidget .searchContainer {
float: none;
height:40px;
margin-top: 5px;
margin-bottom: 20px;
}

.searchWidget .searchContainer #searchSpace {
background:url("images/generic/searchbg.png") no-repeat scroll 0 0 transparent;
color:#000000;
float:left;
padding:0 0 0 37px;
clear: both;
float:left;
font-size:14px;
height:40px;
}


.searchWidget .searchContainer #searchSpace #s {
background:none repeat scroll 0 0 transparent;
border:0 none;
float:left;
padding:12px 4px 12px 0;
width:170px;
}


.archiveLink {
margin-top: 8px;
text-align: right;
}

/* `Comments
----------------------------------------------------------------------------------------------------*/

.commentsContainer {
float: left;
margin-bottom: 15px;
}

.comments .commentsUser .avatar {
border: #e2e8e8 solid 4px;
}

.comments .commentsUser h5 {
margin-top: 2px;
}

.comments .commentsUser p {
margin-top: 5px;
}

.commentInput p {
margin-bottom: 0px;
}

.commentInput {
margin-bottom: 15px;
}


/* `Content slider
----------------------------------------------------------------------------------------------------*/

#content .sliderContainer {
height: 265px;
float: left;
overflow: hidden;
}

#content .slider {
border-bottom:8px solid #25CBC0;
margin-bottom: 5px;
}

#content .slider ul {
	list-style-image:none;
	list-style-position:outside;
	list-style-type:none;
}

#content .slider li {
	margin: 0px;
	width:620px;	/* define width and height of list item (slide). entire slider area will adjust according to the parameters provided here	*/ 
	height:235px;
	overflow:hidden; 
}

#content .mediumSliderOverlay {
background:url("images/generic/mediumoverlay.png") no-repeat scroll left top transparent;
height:9px;
margin-top:-267px;
position:relative;
width:620px;
}

#content .controls {
height:19px;
margin: 0;
padding:0;
}

#content .controls li {
float:left;
height:19px;
line-height:19px;
list-style:none outside none;
margin:0 0 0 0;
padding:0;
}

#content .controls li a {
background:url("images/slider/not-selected.png") no-repeat scroll center center transparent;
border: none;
color:transparent;
float:left;
height:19px;
line-height:19px;
width: 19px;
text-decoration:none;
}

#content .controls li.current a {
background:url("images/slider/selected.png") no-repeat scroll center center transparent;
color:transparent;
}
    
/* `Buttons
----------------------------------------------------------------------------------------------------*/

.nextIcon span {
background:url("images/buttons/next-left.png") no-repeat scroll left top transparent;
color:#515050;
font: 14px/1.4em 'Rockwell','Helvetica Neue',Helvetica, Arial, 'Liberation Sans', FreeSans, sans-serif;
cursor:pointer;
float:left;
font-size:14px;
height:23px;
padding-left:6px;
margin-top: 0px;

}

.nextIcon {
background:url("images/buttons/next-right.png") no-repeat scroll right top transparent;
cursor:pointer;
float:right;
color:#515050;
height:23px;
line-height:23px;
padding:0px 15px 0 0;
text-align:center;

text-decoration:none;
margin-right: 2px;
margin-bottom: 5px;
font-weight:normal;

margin-top: 10px;

}

.previousIcon {
background:url("images/buttons/previous-left.png") no-repeat scroll left top transparent;
color:#515050;
font: 14px/1.4em 'Rockwell','Helvetica Neue',Helvetica, Arial, 'Liberation Sans', FreeSans, sans-serif;
cursor:pointer;
float:left;
font-size:14px;
font-weight:normal;
height:23px;
padding-left:15px;
margin-top: 0px;
text-decoration:none;
margin-right: 2px;
margin-bottom: 5px;

margin-top: 10px;
}

.previousIcon span {
background:url("images/buttons/category-right.png") no-repeat scroll right top transparent;
cursor:pointer;
float:left;
color:#515050;
height:23px;
line-height:23px;
padding:0px 6px 0 0;
text-align:center;
}


.tagIcon {
background:url("images/buttons/tag-left.png") no-repeat scroll left top transparent;
color:#515050;
font: 14px/1.4em 'Rockwell','Helvetica Neue',Helvetica, Arial, 'Liberation Sans', FreeSans, sans-serif;
cursor:pointer;
float:left;
font-size:14px;
font-weight:normal;
height:23px;
padding-left:15px;
margin-top: 0px;
text-decoration:none;
margin-right: 2px;
margin-bottom: 5px;
}

.tagIcon span {
background:url("images/buttons/category-right.png") no-repeat scroll right top transparent;
cursor:pointer;
float:left;
color:#515050;
height:23px;
line-height:23px;
padding:0px 6px 0 0;
text-align:center;
}

.categoryIcon {
background:url("images/buttons/category-left.png") no-repeat scroll left top transparent;
color:#515050;
font: 14px/1.4em 'Rockwell','Helvetica Neue',Helvetica, Arial, 'Liberation Sans', FreeSans, sans-serif;
cursor:pointer;
float:left;
font-size:14px;
font-weight:normal;
height:23px;
padding-left:6px;
margin-top: 0px;
text-decoration:none;
margin-right: 5px;
margin-bottom: 5px;
}

.categoryIcon span {
background:url("images/buttons/category-right.png") no-repeat scroll right top transparent;
cursor:pointer;
float:left;
color:#515050;
height:23px;
line-height:23px;
padding:0px 6px 0 0;
text-align:center;
}


.commentCounter {
background:url("images/buttons/commentcounter-left.png") no-repeat scroll left top transparent;
color:#515050;
font: 14px/1.4em 'Rockwell','Helvetica Neue',Helvetica, Arial, 'Liberation Sans', FreeSans, sans-serif;
cursor:pointer;
float:right;
font-size:14px;
font-weight:normal;
height:29px;
padding-left:8px;
margin-top: 0px;
text-decoration:none;
}

.commentCounter span {
background:url("images/buttons/commentcounter-right.png") no-repeat scroll right top transparent;
cursor:pointer;
float:left;
color:#515050;
height:29px;
line-height:21px;
padding:0px 7px 0 0;
text-align:center;
}


.moreButton {
background:url("images/buttons/more-left.png") no-repeat scroll left top transparent;
clear:both;
color:#003d38;
text-shadow: 2px 2px 0px #72e8e0;
font: 14px/1.4em 'Rockwell','Helvetica Neue',Helvetica, Arial, 'Liberation Sans', FreeSans, sans-serif;
cursor:pointer;
float:left;
font-size:14px;
font-weight:bold;
height:36px;
padding-left:13px;
margin-top: 10px;
text-decoration:none;
}

.moreButton span {
background:url("images/buttons/more-right.png") no-repeat scroll right top transparent;
cursor:pointer;
float:left;
color:#003d38;
height:36px;
line-height:36px;
padding:0px 25px 0 0;
text-align:center;
}

.moreButton span:hover {
color: #000000;
}

.downloadButton {
background:url("images/buttons/download-left.png") no-repeat scroll left top transparent;
clear:both;
color:#003d38;
text-shadow: 2px 2px 0px #e8e8e8;
font: 14px/1.4em 'Rockwell','Helvetica Neue',Helvetica, Arial, 'Liberation Sans', FreeSans, sans-serif;
cursor:pointer;
float:left;
font-size:14px;
font-weight:bold;
height:36px;
padding-left:36px;
margin-top: 10px;
text-decoration:none;
}

.downloadButton span {
background:url("images/buttons/download-right.png") no-repeat scroll right top transparent;
cursor:pointer;
float:left;
color:#2b2b2b;
height:36px;
line-height:36px;
padding:0px 17px 0 0;
text-align:center;
}

.downloadButton span:hover {
color: #000000;
}

.addButton {
background:url("images/buttons/add-item.png") no-repeat scroll left top transparent;
clear:both;
color:#003d38;
text-shadow: 2px 2px 0px #e8e8e8;
font: 14px/1.4em 'Rockwell','Helvetica Neue',Helvetica, Arial, 'Liberation Sans', FreeSans, sans-serif;
cursor:pointer;
float:left;
font-size:14px;
font-weight:bold;
height:24px;
padding-left:33px;
margin-top: 10px;
text-decoration:none;
}

.addButton span {
cursor:pointer;
float:left;
color:#2b2b2b;
height:24px;
line-height:24px;
padding:0px 0px 0 0;
text-align:center;
}

.addButton span:hover {
color: #000000;
}

.darkSpace .addButton {
background:url("images/buttons/add-item.png") no-repeat scroll left top transparent;
clear:both;
color:#003d38;
text-shadow: 2px 2px 0px #2b2b2b;
font: 14px/1.4em 'Rockwell','Helvetica Neue',Helvetica, Arial, 'Liberation Sans', FreeSans, sans-serif;
cursor:pointer;
float:left;
font-size:14px;
font-weight:bold;
height:24px;
padding-left:33px;
margin-top: 10px;
text-decoration:none;
}

.darkSpace .addButton span {
cursor:pointer;
float:left;
color:#e8e8e8;
height:24px;
line-height:24px;
padding:0px 0px 0 0;
text-align:center;
}

.darkSpace .addButton span:hover {
color: #ffffff;
}

/* `Background
----------------------------------------------------------------------------------------------------*/

body {
	background: #fbfbfb url(images/background/page-cont-bg.gif) repeat-x top;
}

#outsideWrap {
	background: url(images/background/page-bg.jpg) no-repeat top center;
}


/* `Footer
----------------------------------------------------------------------------------------------------*/

/* by making sub-containers we are making sure that it will both float  (with the footer id) and
 expand if it grows bigger by some freak accident (IE, hint hint) ;) */
 
#footer p, #footer h5 {
margin-bottom: 7px;
}

#footer a, #footer a:visited {
color: #000000;
text-decoration: none;
}

#footer a:hover, #footer a:visited:hover {
color: #39837e;
text-decoration: none;
}

#footerTop {
width: 100%;
background: #ededed url(images/footer/top-bg.gif) repeat-x top;
}

#footerTopContainer {
padding-top: 20px;
height: 80px;
}

#footerBottom {
width: 100%;
background: #2d2d2d url(images/footer/bottom-bg.gif) repeat-x top;
}

#footerBottomContainer {
height: 50px;
}

#footer .facebook {
height: 22px;
line-height: 22px;
padding-left: 30px;
background: url(images/footer/facebook.png) no-repeat left center;
}

#footer .twitter {
height: 22px;
line-height: 22px;
padding-left: 30px;
background: url(images/footer/twitter.png) no-repeat left center;
}

#footer #footerNewsletterInfo {
padding-top: 1px;
background: url(images/footer/arrow.png) no-repeat right center ;
}

#footer #footerNewsletterOpt {
margin-top: 7px;
}

#footer #footerCopy {
text-align: left;
margin-top: 17px;
color: #A1A1A1;
}

#footer #footerCopy a, #footer #footerCopy a:visited {
text-decoration: none;
color: #A1A1A1;
}

#footer #footerCopy a:hover, #footer #footerCopy a:visited:hover {
color: #BABABA;
text-decoration: none;
}

#footer #footerAuthor {
text-align: right;
margin-top: 17px;
color: #A1A1A1;
}

#footer #footerAuthor a, #footer #footerAuthor a:visited {
text-decoration: none;
color: #A1A1A1;
}

#footer #footerAuthor a:hover, #footer #footerAuthor a:visited:hover {
color: #BABABA;
text-decoration: none;
}

/* **************************************************************************************************
*****************************************************************************************************
*																									*
*	FRONTPAGE-SPECIFIC																				*
*																									*
*****************************************************************************************************
************************************************************************************************** */

/* `Header
----------------------------------------------------------------------------------------------------*/

.frontpage #header {
	height: 567px;
}

.frontpage #headerBottom {
	padding-top: 105px;
	height: 101px; /* total size = 206px */
}

.frontpage #headerBottom h1, .frontpage #headerBottom h5 {
	text-align: center;
	margin: 0px;
	color: #FFFFFF;
}

/* `Background
----------------------------------------------------------------------------------------------------*/

.frontpage #outsideWrap {
	background: url(images/background/frontpage-bg.jpg) no-repeat top center !important;
}

.frontpage {
	background: #fbfbfb url(images/background/frontpage-cont-bg.gif) repeat-x top !important;
}

/* `Slider
----------------------------------------------------------------------------------------------------*/

.frontpage #headerSliderContainer {
height: 320px;
}

.frontpage #headerSlider {
height: 320px;
}

.frontpage  #headerSlider ul {
	list-style-image:none;
	list-style-position:outside;
	list-style-type:none;
}

.frontpage  #headerSlider li {
	margin: 0px;
	width:940px;	/* define width and height of list item (slide). entire slider area will adjust according to the parameters provided here	*/ 
	height:320px;
	overflow:hidden; 
}

.frontpage  #headerSliderOverlayTop {
background:url("images/slider/slideroverlay-top.png") no-repeat scroll left top transparent;
height:9px;
margin-top:-320px;
position:relative;
width:940px;
}

.frontpage  #headerSliderOverlayBottom {
background:url("images/slider/slideroverlay-bottom.png") no-repeat scroll left bottom transparent;
height:9px;
margin-top:302px;
position:relative;
width:940px;
}
    
.frontpage .graphic, .frontpage #prevBtn, .frontpage #nextBtn {
	margin:0;
	padding:0;
	display:block;
	overflow:hidden;
	text-indent:-8000px; /* image replacement */
}

.frontpage #prevBtn, .frontpage #nextBtn{ 
	z-index:30;
	display:block;
	width:63px;
	height:100px;
	position:absolute;
	top:190px;
		}	
.frontpage #prevBtn {
	left:-15px;
}
.frontpage #nextBtn { 
	left:892px;
}		
.frontpage #prevBtn a, .frontpage #nextBtn a {  
	z-index:30;
	display:block;
	position:relative;
	width:63px;
	height:100px;
	background:url(images/slider/leftarrow.png) no-repeat 0 0;	
}	
.frontpage #nextBtn a { 
	background:url(images/slider/rightarrow.png) no-repeat 0 0;	
}	

.frontpage .contentRow {
float: left;
margin:30px 0px;
}



/* **************************************************************************************************
*****************************************************************************************************
*																									*
*	CLIENTPAGE-SPECIFIC																				*
*																									*
*****************************************************************************************************
************************************************************************************************** */


/* `Content slider
----------------------------------------------------------------------------------------------------*/

.kunder .contentRow {
float: none;
margin:0 0 30px;
}

.kunder .sliderContainerFull{
margin-top: 30px;
}

.kunder .container_12 .hr {
margin: 0px 10px 30px 10px;
}

.kunder #content .sliderContainer {
height: 265px;
float: left;
overflow: hidden;
}

.kunder #content .slider {
float: left;
border-bottom:8px solid #25CBC0;
margin-bottom: 5px;
}

.kunder #content .slider ul {
	list-style-image:none;
	list-style-position:outside;
	list-style-type:none;
}

.kunder #content .slider li {
	margin: 0px;
	width:940px;	/* define width and height of list item (slide). entire slider area will adjust according to the parameters provided here	*/ 
	height:235px;
	overflow:hidden; 
}

.kunder #content .fullSliderOverlay {
background:url("images/generic/fulloverlay.png") no-repeat scroll left top transparent;
height:9px;
margin-top:-267px;
position:relative;
width:940px;
float: left;
}

.kunder #content .controls {
clear: both;
height:19px;
margin: 0;
padding:0;
}

.kunder #content .controls li {
float:left;
height:19px;
line-height:19px;
list-style:none outside none;
margin:0 0 0 0;
padding:0;
}

.kunder #content .controls li a {
background:url("images/slider/not-selected.png") no-repeat scroll center center transparent;
border: none;
color:transparent;
float:left;
height:19px;
line-height:19px;
width: 19px;
text-decoration:none;
}

.kunder #content .controls li.current a {
background:url("images/slider/selected.png") no-repeat scroll center center transparent;
color:transparent;
}

/* **************************************************************************************************
*****************************************************************************************************
*																									*
*	PRODUCTPAGE-SPECIFIC																			*
*																									*
*****************************************************************************************************
************************************************************************************************** */

.produkter .contentRow {
float: left;
margin:30px 0px;
}


/* `Content slider
----------------------------------------------------------------------------------------------------*/

.produkter #content .sliderContainer {
height: 265px;
float: left;
overflow: hidden;
}

.produkter #content .slider0, .produkter #content .slider1, .produkter #content .slider2, .produkter #content .slider3, .produkter #content .slider4, .produkter #content .slider5, .produkter #content .slider6, .produkter #content .slider7, .produkter #content .slider8, .produkter #content .slider9 {
border-bottom:8px solid #25CBC0;
margin-bottom: 5px;
}

.produkter #content .slider0 ul, .produkter #content .slider1 ul, .produkter #content .slider2 ul, .produkter #content .slider3 ul, .produkter #content .slider4 ul, .produkter #content .slider5 ul, .produkter #content .slider6 ul, .produkter #content .slider7 ul, .produkter #content .slider8 ul, .produkter #content .slider9 ul {
	list-style-image:none;
	list-style-position:outside;
	list-style-type:none;
}

.produkter #content .slider0 li, .produkter #content .slider1 li, .produkter #content .slider2 li, .produkter #content .slider3 li, .produkter #content .slider4 li, .produkter #content .slider5 li, .produkter #content .slider6 li, .produkter #content .slider7 li, .produkter #content .slider8 li, .produkter #content .slider9 li  {
	margin: 0px;
	width:620px;	/* define width and height of list item (slide). entire slider area will adjust according to the parameters provided here	*/ 
	height:235px;
	overflow:hidden; 
}

.produkter #content .mediumSliderOverlay {
background:url("images/generic/mediumoverlay.png") no-repeat scroll left top transparent;
height:9px;
margin-top:-267px;
position:relative;
width:620px;
}

.produkter #content .controls0, .produkter #content .controls1, .produkter #content .controls2, .produkter #content .controls3, .produkter #content .controls4, .produkter #content .controls5, .produkter #content .controls6, .produkter #content .controls7, .produkter #content .controls8, .produkter #content .controls9  {
height:19px;
margin: 0;
padding:0;
}

.produkter #content .controls0 li, .produkter #content .controls1 li, .produkter #content .controls2 li, .produkter #content .controls3 li, .produkter #content .controls4 li, .produkter #content .controls5 li, .produkter #content .controls6 li, .produkter #content .controls7 li, .produkter #content .controls8 li, .produkter #content .controls9 li {
float:left;
height:19px;
line-height:19px;
list-style:none outside none;
margin:0 0 0 0;
padding:0;
}

.produkter #content .controls0 li a, .produkter #content .controls1 li a, .produkter #content .controls2 li a, .produkter #content .controls3 li a, .produkter #content .controls4 li a, .produkter #content .controls5 li a, .produkter #content .controls6 li a, .produkter #content .controls7 li a, .produkter #content .controls8 li a, .produkter #content .controls9 li a {
background:url("images/slider/not-selected.png") no-repeat scroll center center transparent;
border: none;
color:transparent;
float:left;
height:19px;
line-height:19px;
width: 19px;
text-decoration:none;
}

.produkter #content .controls0 li.current a, .produkter #content .controls1 li.current a, .produkter #content .controls2 li.current a, .produkter #content .controls3 li.current a, .produkter #content .controls4 li.current a, .produkter #content .controls5 li.current a, .produkter #content .controls6 li.current a, .produkter #content .controls7 li.current a, .produkter #content .controls8 li.current a, .produkter #content .controls9 li.current a {
background:url("images/slider/selected.png") no-repeat scroll center center transparent;
color:transparent;
}