/* HEADERS & TEXTELEMENTS ETC. */

h1,
h2,
h3,
h4
{
	font-family: Helvetica, "Lucida Sans", "Trebuchet MS", Sans-Serif;
	font-size: 28px;
	font-weight: bolder;
	margin: 5px 0 1px 0;
}

h3
{
	font-size: 18px;
	margin: 0 0 10px 0;
	line-height: 20px;
}

h4
{
	font-size: 12px;
}

p.byline 
{ 
	font-size: 12px; 
	font-style: italic; 
	margin: 0;
}

a,
a:visited
{
	text-decoration: none;
}

div.horizontal-divider
{
	width: 30px;
	margin-top: 30px;
	height: 150px;
	float: left;
	background: transparent url(../images/layout/dd-divider.png) center center no-repeat;
}

/* LAYOUT */ 

#slideviewer
{
	width: 937px;
	height: 360px;	
	margin: 20px 0 0 0;
	background: #3b3b3b;
}

	div.slide-image
	{
		display: block;
		float: left;
		width: 463px;
		height: 360px;
	}
	
	div.slide-arrow
	{
		position: relative;
		top: 34px;
		left: 438px;
		width: 25px;
		height: 32px;		
		background: transparent url(../images/layout/slide-arrow-png24.png) top left no-repeat; 
	}
	
		.png8 div.slide-arrow
		{
			background: transparent url(../images/layout/slide-arrow.png) top left no-repeat; 
		}
	
	div.slide-text
	{
		display: block;
		float: left;
		width: 400px;
		height: 300px;
		margin: 0 20px 20px 40px;
	}
	
		div.slide-text h2
		{
			font-size: 42px;
		}		
		
		/* CODA-SLIDER */		
		
		.stripViewer .panelContainer .panel ul {
			text-align: left;
			margin: 0 15px 0 30px;
		}

		.slider-wrap { /* This div isn't entirely necessary but good for getting the side arrows vertically centered */
			margin: 0;
			position: relative;
			width: 100%;
		}

		/* These 2 lines specify style applied while slider is loading */
		.csw {width: 100%; height: 40px; background: #fff; overflow: scroll}
		.csw .loading {margin: 200px 0 300px 0; text-align: center}

		.stripViewer { /* This is the viewing window */
			position: relative;
			overflow: hidden; 			
			margin: 0; /*auto;*/
			width: 937px; /* Also specified in  .stripViewer .panelContainer .panel  below */
			height: 360px;
			clear: both;
			background: transparent;
		}

		.stripViewer .panelContainer { /* This is the big long container used to house your end-to-end divs. Width is calculated and specified by the JS  */
			position: relative;
			left: 0; 
			top: 0;
			width: 100%;
			list-style-type: none;
			/* -moz-user-select: none; // This breaks CSS validation but stops accidental (and intentional - beware) panel highlighting in Firefox. Some people might find this useful, crazy fools. */
		}

		.stripViewer .panelContainer .panel { /* Each panel is arranged end-to-end */
			float: left;
			height: 100%;
			position: relative;
			width: 937px; /* Also specified in  .stripViewer  above */		
		}

		.stripNav,
		.stripNavR,
		.stripNavL 
		{
			display: none;
		}
		
		.cross-link,
		.cross-link-back
		{
			float: right;
			/*width: 25px;*/
			/*height: 27px;*/
			display: block;
			/*background: transparent url(../images/content/case-arrow.png) top left no-repeat;*/
			margin: 10px 0 0 0;
		}
		
		.cross-link span,
		.cross-link-back span
		{
			/*display: none;*/
			font-weight: bold;
		}		
		
/* ADS */	

dl#pushlist
{
	margin: 20px 0;
	padding: 0;
	width: 940px;
	height: auto;
}

	dl#pushlist dd
	{
		margin: 0;
		padding: 0 25px 0 5px;
		float: left;
		width: 210px;
		font-size: 11px;
		line-height: 16px;
		background: transparent url(../images/layout/dd-divider.png) top right no-repeat;
		min-height: 146px;
	}
	
	dl#pushlist dd.last
	{
		margin: 0;
		padding: 0 0 0 5px;
		background: transparent url(../images/layout/envelope.png) top right no-repeat;
	}

/* ADDRESS */
dl#addressList 
{
	margin: 20px 0 0 0;
	padding: 0;	
}

	dl#addressList dd
	{
		margin: 0 5px 0 0;
		padding: 0;
		width: 145px;
		float: left;
		background: transparent url(../images/layout/dd-divider.png) top right no-repeat;
		min-height: 150px;
		font-size: 11px;
	}
	
	dl#addressList dd.last
	{
		background: none;
		margin: 0;
	}

div#imagecontainer
{
	margin: 20px 0 30px 0;
	padding: 0;
	border: 1px solid #ccc;
}

/* REFERENCE CASES */

div.case-content-container
{
	display: block;
	float: left;
	width: 615px;
	margin: 10px 15px 10px 0;
}

	div.case-content-container .case-text-container
	{
		margin: 30px 0 0 0;
	}

div.case-list-container
{
	display: block;
	width: 300px;
	float: left;
	margin: 0 0 0 10px;
	padding: 0;
	list-style-image: url(../images/layout/case-arrow.png); 
}
	
	div.case-list-container h3
	{
		margin: 0 0 0 20px;
	}
	
	div.case-list-container ul
	{
		margin-left: 10px;
		list-style-type: none;
	}
	
	div.case-list-container li
	{
		padding: 0;
	}
	
		div.case-list-container li.active
		{
			list-style-image: url(../images/layout/case-arrow-active.png); 
			margin: 0 0 0 0;
		}
		
		div.case-list-container li a.current
		{
			color: #FFBB00;
			list-style-image: none;
		}
	
		div.case-list-container li a.head
		{
			display: block;
			height: 15px;
			font-family: Helvetica, "Lucida Sans", "Trebuchet MS", Sans-Serif;
			font-size: 14px;
			font-weight: bolder;
			margin: 5px 0 5px 0;
			padding: 0;
			cursor: pointer;
		}
	
		div.case-list-container ul li ul
		{		
			list-style-image: none;
			margin: 10px 0 0 0;
			padding: 0;
		}
			
			div.case-list-container ul li ul li
			{
				margin: 1px 0 0 0;
			}
		
		
		/* kunder */
		
		div.case-list-container ul.customers li
		{
			margin: 0;
		}
		
			div.case-list-container ul.customers li.pageffw,
			div.case-list-container ul.customers li.pagerev
			{
				margin: 10px 0 0 0;
				list-style-image: none;
			}
		
		
/* NEWS */

ul#newslist		
{
	list-style-type: none;
	margin: 0;
	padding: 0;
}

	ul#newslist	span.date
	{
		font-size: 11px;
	}


/* CONTACT-LIST */

ul.contact-list
{
	list-style-type: none;
	margin: 0 20px 10px 0;
	padding: 0;
}

	ul.contact-list.no-margin
	{
		margin: 0;
	}

	ul.contact-list li
	{
		margin: 0 0 6px 0;
	}

	
/* COLUMNS */

div.column
{
	width: 450px;
	display: block;
}

div.wide-column
{
	width: 470px;
	display: block;
}

div.wider-column
{
	width: 600px;
	padding: 10px 20px 0 0;
	display: block;
}

/* COLORS */

.black,
dl#pushlist dd h3,
div.case-list-container li a.head,
div.case-list-container ul.customers li a.active
{
	color: #000;
}

.white,
div.slide-text,
div.slide-text a,
div.slide-text a:visited
{
	color: #fff;
}

.maroon,
a,
a:visited,
div.case-list-container li.current a,
div.case-list-container ul li ul li a:hover
{
	color: Maroon;
}

.lightgrey,
#footer
{
	color: #ccc;
}

.darkgrey,
dl#pushlist dd,
div.case-list-container ul li ul li a,
div.case-list-container ul li ul li a:visited,
a:hover
{
	color: #3d3d3d;
}

.forestgreen,
#nav a,
#nav a:visited
{ 
	color: #006c4d;
}