/* 
		CSS Start Template for websites
		By Trond Ulseth - trond@idl.no
		   Jørgen Skogås - jorgen@idl.no
		Started 29th September 2009
		
		Goal:
					Not having to create the same stuff each time a new site is created
		
		Change log:
					29th September 2009 - 		started this template
					
		Once implemented for a site this template should/could be edited, added to and deleted from.
		Coments can be deleted as well, but it's adviced not to.
		Parst of this template is based on the article Squeaky Clean CSS by Lokesh
			http://www.huddletogether.com/2006/02/16/practical-web-development-tips/
		Styles for css/js navigation is kept in it's own stylesheet.
		
		Table of Contents:
		
					Setting up some Global Defaults
					Main Layout
					Page elements
					Header
					Logo
					Column Layout
					Footer
					Developed By
					Forms
*/

/* Setting up Some Global defaults
---------------------------------------------------------------------- */

/* since browsers have diferent default measures for margin and padding we're zeroing them out to be treated equaly all over */
@import url('reset.css');

body {
	background: #fff url('../wsimages/body_bg.jpg') repeat-x;	
}
		
/* a clear class often comes in handy in site layouts */
.clear {
	clear: both;
	height: 1px;
	overflow: hidden;
	position: relative;
	width: 10px;
}

.hidden {
	position:absolute;
	left: -999em;
	top: auto;
	width: 1px;
	height: 100px;
	overflow: hidden;
}

/* Main Layout
---------------------------------------------------------------------- */

/* There's almost always a main div container for the layout of a site */
div#mainWrapper {
	background-color: transparent;
	width: 980px;
	margin: 0 auto;
}

	/* Page elements
	---------------------------------------------------------------------- */
	div#pageTop {
			background-color: transparent;
			height: 102px;
			margin-bottom: 10px;
		}
		
		h1#logo {
			clear: none;
			margin: 0;
			padding: 0;
		}
		
			h1#logo a {
				background: #fff url('../wsimages/logo_pageTop.jpg') no-repeat;
				display: block;
				height: 102px;
				width: 64px;
				text-indent: -999em;
				float: right;
			}
	
	div#sections {
		background: #fff url('../wsimages/section_bg.jpg') repeat-x left bottom;
		height: 106px;
		overflow: hidden;
		margin-bottom: 10px;
	}

			div#mineSider {
				width: 188px;
				height: 106px;
				padding: 0;
				margin: 0;
				float: left;
				position: relative;
				overflow:hidden;
			}
			
				div#mineSider form input#usernameInput,
				div#mineSider form input#passwordInput {
					position:absolute;
					color: #006755;
					font-size: 10px;
					height: 12px;
					left: 20px;
					padding: 3px;
					width: 110px;
					background-color: transparent;
					border: none;
				}
				
					input#usernameInput {
						top: 36px;
						background: transparent url('../wsimages/mineSider_username_bg.gif') no-repeat 3px center;
					}
					
					input#passwordInput {
						top: 70px;
						background: transparent url('../wsimages/searchForm_small_password_bg.gif') no-repeat 3px center;
					}
					
				input#submitInput {
					left: 154px;
					position: absolute;
					top: 69px;
				}

	div#slideShowWrapper {
		background: #fff url('../wsimages/slideShow_wrapper.gif') repeat-x left bottom;
		height: 230px;
		margin-bottom: 16px;
	}

	div#pageWrapper {
			background-color: #fff;
		}
	
	div#pageBottom {
		background: #ff9999 url('../wsimages/pageBottom_bg.gif') no-repeat center top;
		height: 66px;
		padding: 20px 23px 0;
		text-align: center;
		line-height: 21px;
		font-size: 12px;
	}
	
		div#pageBottom p {
			font-size: 12px;
		}

	div#pageBottom a:visited {
		color: #482E2C;
	}
	
		div#pageBottom a:hover {
			color: #4799d4;
		}

	/* Header
	---------------------------------------------------------------------- */
	div#header {
		background-color: #fff;
	}
	
	/* Column Layout
	---------------------------------------------------------------------- */

	div#leftColumn {
		background-color: #fff;
		width: 237px;
		padding-right: 20px;
		float: left;
		min-height: 100px;
		margin-bottom: 20px;
		}

	div#mainColumn {
		background-color: #fff;
		width: 466px;
		float: left;
		margin-bottom: 20px;
		}
		
		div#mainWideColumn {
			background-color: #fff;
			width: 723px;
			float: right;
			margin-bottom: 20px;
		}
		
			/* Barnesider
			------------------------------------------------------------*/
			body#barnesider div#mainWideColumn {
				padding: 123px 0 0 0;
				background: url('../wsimages/barnesider_bg.jpg') no-repeat scroll top left;
			}
			
	div#rightColumn {
		background-color: #fff;
		width: 237px;
		padding-left: 20px;
		float: left;
		/*min-height: 100px;*/
		margin-bottom: 20px;
		}
	
	/* Main Page
	---------------------------------------------------------------------- */
	/* News -------------------------------------------------------------- */
	div#news {
		background: #fff url('../wsimages/news_bg.gif') repeat-x left top;
		float: left;
		width: 481px;
		margin: 1px 18px 20px 0;
	}
	
		div.newsItem {
			height: 100px;
			background: transparent url('../wsimages/news_bg.gif') repeat-x left bottom;
			padding: 14px 0 15px 0;
			position: relative;
			font-size: 12px;
			overflow: hidden;
		}
		
		div.newsItem a.readmore {
			position: absolute;
			width: 481px;
			height: 129px;
			display: block;
			left: 0px;
			top: 0px;
			background: transparent url('../wsimages/readmore_bg.gif') no-repeat 429px 107px;
			text-indent: -999em;
		}
		
			div#mainColumn div.newsItem a.readmore {
				background-position: 413px 107px;
			}
		
			div.newsItem a.readmore:hover {
				background-image: url('../wsimages/readmore_bg_hover.gif');
			}
		
		div.newsItem h2 a {
			color: #006653;
		}
		
			div.newsItem h2 a:hover {
				color: #4794d4;
				text-decoration: none;
			}
		
			div.newsItem h2 a:visited {
				color: none;
				text-decoration: none;
			}
		
		div.newsItem p {
			line-height: 16px;
		}
	
	div.embNews {
		float:left;
		width:223px;
		margin: 20px 0;
	}
	
		div.embNews.odd {
			margin-right: 20px;
		}
		
		div.embNews h2 {
			font-size: 14px;
		}
		
		div.embNews p {
			font-size: 11px;
			line-height:13px;
		}
		
		div.embNews a.readmore {
			background:url("../wsimages/readmore_bg.gif") no-repeat scroll right 0 transparent;
			display:block;
			float:left;
			height:25px;
			overflow:hidden;
			text-indent:-999em;
			width:223px;
		}
	
	/* Tab Box & items
	---------------------------------------------------------------------- */
	ul#tabBox {
		position: relative;
		overflow: hidden;
		background: #fafcf6 url('../wsimages/tabBox_bg.jpg') repeat-x;
		width: 481px;
		height: 388px;
		margin: 0;
		padding: 0;
		float: left;
		clear: none;
	}

		ul#tabBox ul,
		ul#tabBox li {
			margin: 0;
			padding: 0;
			list-style: none;
		}

			ul#tabBox li,
			ul#tabBox li a.tab {
				float: left;
				width: 159px;
				height: 29px;
				display: block;
			}

				ul#tabBox li {
					margin-right: 2px;
					background: #fafcf6 url('../wsimages/tabBox_li_bg.jpg') no-repeat;
				}

					ul#tabBox li.last {
						margin-right: 0;
					}

				ul#tabBox li a.tab {
					text-align: center;
					font-family: georgia;
					font-style: italic;
					font-size: 16px;
					color: #006f5b;
					text-decoration: none;
					line-height: 29px;
				}

					ul#tabBox li a.active {
						background-image: url('../wsimages/tabBox_li_active_bg.jpg');
					}

			ul#tabBox li ul {
				display: none;
				width: 441px;
				height: 311px;
				padding: 19px;
				position: absolute;
				overflow: hidden;
				top: 29px;
				left: 1px;
				background-color: transparent;
			}

				ul#tabBox li ul li {
					width: 100%;
					background-color: transparent;
					background-image: none;
					height: 85px;
					display: block;
				}

					ul#tabBox li ul li a {
						text-decoration: none;
						height: 75px;
						display: block;
						border-bottom: solid 1px #e9e9e9;
						background-image: none !important;
						background-color: transparent !important;
					}

					ul#tabBox li ul li a img {
						float: left;
						margin: 0 20px 0 0;
						padding: 0;
						border: none;
					}

					ul#tabBox li ul li a {
						color: #482e2c;
						font-size: 12px;
						font-family: arial;
						line-height: 1;
					}

	/* Icon (12 x 12px)
	-------------------------------------------------------------------------- */
	ul#tabBox li ul li span.icon12by12 {
		padding-left: 15px;
		line-height: 1;
		width: 340px;
	}

		/* Default */
		ul#tabBox li ul li a span.icon12by12 {
			background: url('../wsimages/icons/link_intern.gif') no-repeat 0px 2px;
		}
		
			ul#tabBox li ul li a:hover span.icon12by12 {
				background-position: 0px -48px;
			}
		
		/* External link */
		ul#tabBox li ul li a span.external {
			background: url('../wsimages/icons/link_ekstern.gif') no-repeat 0px 2px;
		}

	ul#tabBox li ul li .titleText {
		font-family: georgia;
		font-size: 16px;
		color: #006f5b;
		font-weight: normal;
		margin: 0 0 12px 0;
		padding: 0;
		line-height: 1;
		float: left;
		display: block;
		width: 356px;
	}
	
		ul#tabBox li ul li a:hover .titleText {
			color: #4799d4;
		}
	
	
	/* Rss Box ------------------------------------------------------------*/
	div#idlRss {
		background: #fff url('../wsimages/idlRss_bg.gif') repeat-x left bottom;
	}
		div#idlRss h3 {
			font-size: ;
			color: #006653;
			height: 28px;
			line-height: 28px;
			background: #fff url('../wsimages/idlRss_h3_bg.gif') repeat-x;
			margin: 0;
			padding: 0 8px;
			overflow: hidden;
		}
		
		div#idlRss div.idlRssItem {
			height: 23px;
			padding: 6px 8px;
			background: #fff url('../wsimages/idlRssItem_bg.gif') repeat-x left bottom;
			line-height: 13px;
			font-size: 12px;
		}
		
			div#idlRss div.idlRssItem.last {
				background-color: transparent;
				background-image: none;
			}
		
			div#idlRss div.idlRssItem a {
				text-decoration: none;
			}
			
			div#idlRss div.idlRssItem .idlRssItemMetaData {
				font-size: 10px;
				line-height: 9px;
			}
	
	/* Contact plugin
	---------------------------------------------------------------------- */
	div.idlflvplayer {
		margin-bottom: 20px;
	}
	
	/* Contact plugin
	---------------------------------------------------------------------- */
	div.idlDepartment * {
		font-family: Arial, sans-serif;
	}
	
		div.idlDepartment {
			float: left;
			clear: both;
			margin-bottom: 10px;
		}

		div.idlDepartment h3 {
			margin: 0;
			font-size: 15px;
		}
		
		div.idlDepartment p {
			font-size: 12px;
			line-height: 15px;
		}
	
		div.content50wBox {
			height: 121px;
			margin-bottom: 13px;
			padding-bottom: 14px;
			background: #fff url('../wsimages/line-dotted-9c908f.gif') repeat-x left bottom;
			width: 351px;
			margin-left: 21px;
			float: left;
		}
		
			div.content50wBox.odd {
				margin-left:0;
			}
			
			div.content50wBox a {
				text-decoration: none;
			}
		
			div.content50wBox.idlEmployee img {
				height: 121px;
				width: 81px;
			}
			
			div.content50wBox p.position {
				height: 12px;
				margin-bottom: 11px;
			}
			
			div.content50wBox p.positionDescription {
				height: 40px;
				line-height: 12px;
				margin-bottom: 15px;
			}

	/* Image Gallery
	---------------------------------------------------------------------- */
	div.imageGalleryItem {
		float: left;
		margin: 0 20px 0 0;
		padding: 0;
		clear: none;
		height: 178px;
		width: 128px;
	}

	div.imageGalleryItem.last {
		margin: 0;
	}

			div.imageGalleryItem img {
				margin: 0 0 4px 0;
				padding:0;
			}
		
			div.imageGalleryItem span.title {
				font-size: 12px;
				line-height: 12px;
				display: block;
			}
		
			div.imageGalleryItem a {
				font-size: 10px;
				line-height: 12px;
				background: transparent url('../wsimages/9x9/download.gif') no-repeat right 5px;
				padding: 2px 10px 5px 0;
			}
		
				div.imageGalleryItem a:hover {
					background-position: right -54px;
				}
	
	/* Pagination
	---------------------------------------------------------------------- */
	div.paginator {
		text-align: center;
		position: relative;
		font-size: 10px;
		padding-top: 3px;
	}
	
		.p-previous {
			position: absolute;
			left: 0px;
		}
		
		.p-next {
			position: absolute;
			right: 0px;
		}
		
		.paginator span.p-page {
			color: #4799d4;
		}
		
		.paginator a,
		.paginator a:visited {
			color: #482e2c;
			text-decoration: none;
		}
		
		.paginator a:hover {
			color: #4799d4;
			text-decoration: none;
		}
		
			.paginator a.p-page {
				text-decoration: none;
			}
	
	/* Search
	---------------------------------------------------------------------- */
	#searchInfo a,
	#searchInfo a:visited {
		text-decoration: none;
		color: #482e2c;
	}
	
	#searchInfo a:hover,
	#searchInfo a.active {
		text-decoration: none;
		color: #4799d4;
	}

	/* Secondary Content
	---------------------------------------------------------------------- */
	div.secondaryContentBox {
		background: #fff url('../wsimages/secondaryContentBox_bg.gif') repeat-x;
		padding: 18px 22px 4px;
	}
	
		div.secondaryContentBox ul,
		div.secondaryContentBox ul li {
			margin: 0;
			padding: 0;
			list-style: none;
		}
		
		
		div.secondaryContentBox ul li a {
			font-size: 11px;
			text-decoration: none;
			padding: 0 0 8px 15px;
			display: block;
			/* default icon */
			background: #fff url('../wsimages/icons/9x9-intern.gif') no-repeat 0 4px;
			
		}
		
			div.secondaryContentBox ul li a:hover {
				background-image: url('../wsimages/icons/9x9-intern-hover.gif');
			}
			
			div.secondaryContentBox ul.external li a {
				background-image: url('../wsimages/icons/9x9-ekstern.gif');
				background-position: 0 2px;
			}
			
				div.secondaryContentBox ul.external li a:hover {
					background-image: url('../wsimages/icons/9x9-ekstern-hover.gif');
				}
			
			div.secondaryContentBox ul.documents li a {
				background-image: url('../wsimages/icons/9x9-dokument.gif');
				background-position: 0 2px;
			}

				div.secondaryContentBox ul.documents li a:hover {
					background-image: url('../wsimages/icons/9x9-dokument-hover.gif');
				}

	/* Footer
	---------------------------------------------------------------------- */
	
	.toolbar {
		background-image: url(/wsimages/toolbarBg.gif);
		background-repeat: repeat-x;
		clear: both;
		margin-left:257px;
		padding-top:10px;
		font-size: 12px;
		margin-bottom: 20px;
	}
	
		.toolbar a:link,
		.toolbar a:visited {
			padding-left: 22px;
			text-decoration: none;
			margin-right: 20px;
			color: #382321;
			background-repeat: no-repeat;
			padding-top: 2px;
			background-position: 0px 0px;
		}
		
		.toolbar a:hover,
		.toolbar a:active {
			background-position: -200px 0px;
			text-decoration: none;
			color: #3686CA;
		}
	
		.toolbar a.rss {
			background-image:url(/wsimages/rss.gif);
		}
		
		.toolbar a.print {
			background-image:url(/wsimages/print.gif);
		}
		
		.toolbar a.subscribe {
			background-image:url(/wsimages/subscribe.gif);
		}
		
		.toolbar a.twitter {
			background-image:url(/wsimages/twitter.gif);
		}
		
		.toolbar a.facebook {
			background-image:url(/wsimages/facebook.gif);
		}
		
		.toolbar a.recomend {
			background-image:url(/wsimages/recomend.gif);
		}
		
		.toolbar #breadcrumb {
			margin-top: 20px;
		}
		
			.toolbar #breadcrumb a {
				margin:0;
				padding:0;
			}
	
		
	/* Footer
	---------------------------------------------------------------------- */
	div#footer {
		}

	/* Developed by
	---------------------------------------------------------------------- */
	a#dev {
			height: 20px;
			}
		
		/* this section usually has some other link styling than the default */
	a#dev:link,
	a#dev:active,
	a#dev:visited {
		text-decoration: none;
		color: #DDDDDD;
		float: right;
	}

	a#dev:hover {
		text-decoration: underline;
		color: #FFFFFF;	
	}

/* Forms
---------------------------------------------------------------------- */