@import "hacks.css";

/* base.css */

/**
* Base rules to be applied on all pages. 
*/

html, body {
	margin:   0 !important; 
	padding:  0 !important;
	width:    100% !important;
	height:   100% !important;
}

body {
	font-family: helvetica, arial, sans-serif;
	font-size:   0.81em;
	line-height: 1.235em;
	color:       #000;
	background-color: #fff;
}

h1, h2, h3, h4, h5, h6 {
	margin:      0;
	padding:     0 0 0.1em 0;
	line-height: 1;
}
h1 {
	font-size:   2.6em;
	color:       #000;
}
h2 {
	font-size: 1.5em;
}
img {
	border: none;
}

legend {
	color: #000;
}

a:link {
	color: #000; 
	text-decoration: underline;
}
a:visited {
	color: #000; 
	text-decoration: underline;
}
a:hover {
	color: #FF0000; 
	text-decoration: underline;
}
a:active {
	color: #000; 
	text-decoration: underline;
}
.hidden {
	display: none;
}
.column {
	float: left;
}
ul.linkedList {
	margin:      0;
	padding:     0;
	list-style:  none;
	line-height: 1.2em;
}
	ul.linkedList a {
		padding: 0;
	}
	ul.linkedList li a:after {
		content: " >";
	}
	

#pageWrapper {
	margin:     0 auto;
	padding:    0;
	width:      960px;
	min-height: 400px;
}

#headSection {
	margin:  0;
	padding: 0;
	height:   96px;
	background-image:    url("../images/pagehead_bg.png");
	background-repeat:   no-repeat;
	background-position: left top;
	position: relative;
}
	
	#logo {
		display: none;
	}
	
	#navigationMenu {
		position:   relative;
		margin:     0;
		padding:    0;
		float:      left;
		list-style: none;
	}
		#navigationMenu li {
			margin:  0;
			padding: 0;
			float:   left;
		}
			#navigationMenu li.first a {
				padding: 40px 0 0 220px;
			}
			#navigationMenu img, #navigationMenu a {
				border:  none;
				margin:  0;
				padding: 0;
			}
			
			#navigationMenu .submenu {
				position:   absolute;
				margin:     0;
				padding:    0;
				list-style: none;
				left:       140px;
				top:        34px;
				bottom:     0;
				width:      580px;
			}
				#navigationMenu .submenu a {
					color: #585858;
				}
				#navigationMenu .submenu a:hover {
					color: #cc0033;
				}
				
				#navigationMenu .submenu li {
					padding: 4px 7px 1px 7px;
					float:   left;
					border-right: 1px solid #a1a1a1;
					border-left:  1px solid inherit;
				}
					#navigationMenu .submenu li.first {
						border-left: 1px solid #a1a1a1;
					}
						#navigationMenu .submenu li.first a {
							padding-left: 0;
						}
					#navigationMenu .submenu li.last {
						border: none;
					}
					#navigationMenu .submenu li.current,
					#navigationMenu .submenu li.current a {
						color:       #000;
						font-weight: bold;
					}
				
			
			
	#usefulLinks {
		margin:     0 5px 0 0;
		padding:    0;
		list-style: none;
		text-align: right;
		position: absolute;
		top:   0;
		right: 0;
	}
	#usefulLinks a {
		font-weight: bold;
		color: #fff;
	}


#contentSection {
	min-height: 400px;
	_height:    400px;
	position: relative;
}
	
	#searchArticleForm label {
		display: none;
	}
	#searchArticleForm div.campaign label {
		display: block;
	}
	#searchArticleForm div.campaign input {
		margin:  0;
		padding: 0;
	}
	
	
	
	#articleSearch {
		margin:  0;
		padding: 0;
		width:   200px;
		float:   left;
	}
		#articleSearch form {
			width: 100%;
		}
			#articleSearch fieldset {
				margin:  0;
				padding: 0;
				border:  none;
			}
				#articleSearch legend {
					margin:      0;
					padding:     0 0 1em 0;
					font-size:   1.2em;
					font-weight: bold;
				}
				
			#articleSearch fieldset label span:after {
				content: ":";
			}
			/* if labels are not to be displayed, uncomment the following rule: 
			#articleSearch fieldset label span {
				display: none;
			}
			*/
		
		#articleSearch select {
			width: 100%;
			margin: 0 0 1em 0;
		}
	
#footerSection {
	margin:     0;
	padding:    0;
	height:     85px;
	min-height: 85px;
	float:      none;
	clear:      both;
	background-image:    url("../images/pagefooter_bg.png");
	background-repeat:   no-repeat;
	background-position: left top;
}
	#footerSection .quickSearch form {
		margin:  0;
		padding: 20px 0 0 10px;
	}
		.quickSearch fieldset,
		.quickSearch legend  {
			margin:  0;
			padding: 0;
			color: #fff;
		}
		.quickSearch form fieldset {
			border:  none;
		}
		.quickSearch form label span {
			display: block;
		}




select, input {
		font-family: Verdana, Arial, Helvetica, Sans-serif;
		font-size: 1em;
		border: 1px solid #aaa;
		margin-top: 5px;
		margin-bottom: 5px;
}
#articleSearch select {
	background-color: #fff;
	width: 160px;
}

input[type="checkbox"],
input[type="radio"] {
	border: 0;
}



/* start.css */
	
	
	#content {
		margin:  0 auto;
		padding: 0;
		width:   540px;
		float:   left;
	}
	
		#mainContent {
			margin:  0 auto;
			width:   500px;
			float:   none;
		}
			#mainContent img {
				display: block;
				margin:  0;
				padding: 0;
			/*	borttaget av iduna
				width:   500px;
				height:  220px;	*/
			}
			#mainContent p {
				margin: 0 0 1em 0;
				padding: 0;
			}
		
		#subContent {
			position:   relative;
			margin:     0 auto;
			margin-top: 10px;
			width:      500px;
			margin-bottom: 20px;
		}

			#subContent div.module {
				margin:  0 auto;
				padding: 4px;
				width:   150px;
				min-height: 5em;
				_height:  5em;
				float:   left;
				background: #ebebef;

				border: 1px solid #000;
				height: 340px;
			}
			#subContent div.module img {
				border: 1px solid #000;
			}
			#subContent div.module.first {
				margin-right: 10px;
				float: left;
			}
			#subContent div.module.last {
				/*margin-left: 15px;*/
				float: right;
			}
			#subContent div.module h2 {
				font-size: 1em;
				text-transform: uppercase;
			}
			#subContent div.module p {
				margin:  0 0 1em 0;
				padding: 0;
			}



			/* START ORIGINAL *

			#subContent div.module {
				margin:  0 auto;
				padding: 0;
				width:   150px;
				min-height: 5em;
				_height:  5em;
				float:   left;
			}
			#subContent div.module.first {
				margin-right: 20px;
				float: left;
			}
			#subContent div.module.last {
				margin-left: 15px;
				float: right;
			}
			#subContent div.module h2 {
				font-size: 1em;
				text-transform: uppercase;
			}
			#subContent div.module p {
				margin:  0 0 1em 0;
				padding: 0;
			}
			
			* END ORIGINAL */




			
			/* below is working
			#subContent div.module {
				margin:  0 auto;
				padding: 0;
				width:   150px;
				height:  5em;
				border:  1px dotted blue;
			}
			
			#subContent div.module.first {
				margin-right: 10px;
				float: left;
			}
			#subContent div.module.middle {
				position: absolute;
				left: 175px;
			}
			#subContent div.module.last {
				float: right;
			}
			*/
		#relatedContent {
			margin:      0;
			padding:     0;
			float:       right;
			width:       180px;
/*			min-height:  7em;	*/
			
		}
			#relatedContent div.module {
				
			}
			#relatedContent div.module img {
				display: block;
			}
			#relatedContent div.module h2 {
				margin:    0;
				padding:   0;
				font-size: 1em;
			}
			#relatedContent div.module h2 {
				text-transform: uppercase;
				margin-top: 5px;
			}
			#relatedContent div.module p {
				margin: 0 0 1em 0;
			}


.my-favorites ul {
	margin:     0 0 1em 0;
	padding:    0;
	list-style: none;
}
	.my-favorites .thumbnails li {
		margin:   2px;
		padding:  0px;
		float:    left;
		width:    75px;
		height:   75px;
		border:   2px solid #eee;
		overflow: hidden;
	}
	
/* needed for editor to display text properly (with the correct font size) */
table, td {
	font-size: 1em;
}