/* css file designed by David Todd Watson (david at aktivnett dot no)
   updated: August 1, 2005
   site layout: 100% + centered
   site width: 955px
   
   tested with: 	

   ? Internet Explorer 5.2.2 (MAC)
   ? Safari 1.0.3 (MAC)
   x Internet Explorer 6.0 (WIN)
   x FireFox 1.4 (WIN)
   ? Opera 7.5 (WIN)


*/


@import url("http://cop.nidelven-it.no/main_theme/layout.css");


/* body attributes
*************************************/
body {
	background-color: #339;
	font-family: verdana;
	font-size: .8em;
}

/* #header elements
*************************************/
	#header-container {
		padding: 0;
		margin: 0;
		border: 0 none;
		background-color: #fff
	}
/* double buffer the background-image by placing it on BOTH the containing element and the anchor */
		#logo {
			display: block;
			width: 325px;
			height: 90px;
			padding: 0;
			border: 0;
			margin: 0;
			background: url("http://cop.nidelven-it.no/turonor/theme/logo.jpg") no-repeat;
		}
			#logo a {
				display: block;
				width: 325px;
				height: 90px;
				padding: 0;
				border: 0;
				margin: 0;
				background: url("http://cop.nidelven-it.no/turonor/theme/logo.jpg") no-repeat;
			}
			#logo a span {
				display: none;
			}
		#navigation {
			height: 40px;
			background-color: #048C7E;
			padding: 0;
			margin: 0;
			border: 0 none;
		}
		#navigation li {
			display: inline;
			list-style: none;
		}
		#navigation span {
			display: none;
		}
			#navigation li a {
				float: left;
				position: relative;
				height: 30px;
				margin: 0;
				border: 0 none;
				text-decoration: none;
				color: #fff;
				font-size: 1.3em; 
				padding: 10px 15px 0 15px;
				font-weight: normal;
			}
			#navigation li a:hover {
				float: left;
				position: relative;
				height: 30px;
				margin: 0;
				border: 0 none;
				background-color: #699;
				padding: 10px 15px 0 15px;
				font-weight: normal;
			}	

		#banner {
			float: left;
			position: absolute;
			width: 530px;
			height: 200px;
			background-color: #fff; 
			padding: 0 0 0 0;
			margin: 0 0 -3px 0;
			border-top: #fff 2px solid;
		}
		#banner img {
			padding: 0;
			margin: 0;
			border: 0 none;
		}
		#banner-xtra {
			float: right;
			width: 425px;
			height: 200px;
			padding: 0 0 0 0;
			margin: 0 0 -3px 0;
			border-top: #fff 2px solid;
			background: #fff url("http://cop.nidelven-it.no/turonor/theme/bkg_banner-xtra.jpg") no-repeat;
			color: #fff;
		}

/* #sm content elements
************************************/
	#sm #content-container {
		width: 955px;
		background: #fff url("http://cop.nidelven-it.no/turonor/theme/bkg_content-container.jpg") repeat-y;
		border-top: 5px #fff solid;
	}
		#sm #main {
			width: 620px;
			padding: 0 0 0 0;
			margin: 0 0 20px 0;
		}
		#sm #sidebar {
			width: 240px;
			margin: 0 0 20px 0;
		}

/* #ms content elements
************************************/
	#ms #content-container {

	}
		#ms #main {

		}
		#ms #sidebar {

		}

/* #smx content elements
************************************/

	#smx #content-container {
		padding: 0 0 0 0;
		margin: 0 0 0 0;
		width: 955px;
		background: #fff url("http://cop.nidelven-it.no/turonor/theme/home_bkg_content.jpg") repeat-y;
		border-top: 5px #fff solid;
	}
		#smx #main {
			width: 475px;
		}
		#smx #sidebar {
			width: 240px;
		}

		#smx #xtra {
			padding: 0;
			margin: 0;
			border-top: 5px #fff solid;
			width: 220px;
			height: 350px;
			background-color: #fff
		}

/* #xms content elements
************************************/
	#xms #content-container {

	}
		#xms #main {

		}
		#xms #sidebar {

		}

	#xms #xtra {

	}

/* #footer elements
***************************************************/
	#footer-container {
		float: left;
		width: 700px;
		height: 40px;
		margin: 0;
		border: 0 none;
		background-color: #fff;
		color: #666; 
		padding: 15px 0 0 0;
	}
		#info {
			float: left;
			position: relative;
			width: 260px;
			margin: 0 20px 0 20px;
		}
		#copyright {
			float: left;
			position: relative;
			width: 350px;
		}
	#footer-xtra {
		float: right;
		width: 255px;
		height: 40px;
		padding: 15px 0 0 0;
		background-color: #fff;
	}

/* CUSTOM elements
******************************************************/
#navigation li a {
	display: block;
	float: left;
	position: relative;
}
.home li#home a, .pumper li#pumper a, .pumpstasjoner li#pumpstasjoner a, .aqua li#aqua a, .referanser li#referanser a, .about li#about a, .service li#service a {
	display: none;
}			
.home li#home span, .pumper li#pumper span, .pumpstasjoner li#pumpstasjoner span, .aqua li#aqua span, .referanser li#referanser span, .about li#about span, .service li#service span  {
	display: block;
	float: left;
	position: relative;
	height: 30px;
	margin: 0;
	border: 0 none;
	color: #fff;
	background-color: #699;
	font-size: 1.3em; 
	padding: 10px 15px 0 15px;
}
#banner-xtra h1, #banner-xtra h2 {
	font-family: "century gothic", verdana;
	margin: 20px 20px 0 20px;
}

#content ul {
	margin: 0;
	border: 0 none;
	padding: 0px 10px 0 10px;
	list-style: disc url("http://cop.nidelven-it.no/turonor/theme/bullet.gif");
}

#main p, #sidebar p {
	padding: 5px 10px 5px 0;
}
#sidebar p, #xtra p {
	padding: 0 0 0 10px;
}
#sidebar h2, #sidebar h3, #xtra h3 {
	padding: 5px 15px 0 10px;
}
#main h2, #xtra h2 {
	padding: 5px 10px 5px 0;
}
#main h1 {
	margin: 10px 0 0 0;
}
h2 {
	padding: 5px 10px 5px 10px;
	font-size: 1.5em;
}
h3 {
	padding: 5px 10px 5px 10px;
	font-size: 1.2em;
}
#news a {
text-decoration: none;
}
td {
vertical-align: top;
	padding: 0 0 20px 0;
	border: 0;
	margin: 0;
}
#sidebar li, #content li {
	padding: 0;
	border: 0;
	margin: 0 0 0 20px;
}

.new {
color: #CF3232;
font-weight: bold;
}

#kontakt {
float: right;
position: relative;
margin: -80px 20px 0 0;
}

/* Standard TEXT elements
******************************************************/

img {
	padding: 0;
	border: 0 none;
	margin: 0
}
p, span, div {
	padding: 0;
	border: 0 none;
	margin: 0
}
h1, h2, h3, h4, h5, h6 {
	padding: 0;
	border: 0 none;
	margin: 0
}
blockquote {
	padding: 0;
	border: 0 none;
	margin: 0
}
em {
}
strong {
}
code {
}
address {
}

/* Standard LIST elements
*******************************************************/
ul {
}
ul li {
}
ol {
}
ol li {
}
dl {
}
dl dt {
}
dl dd {
}

/* Standard HYPERLINK elements
*******************************************************/
a {
text-decoration: none;
color: #369;
font-weight: bold;
}
a:hover {
color: #000;
}