/*BODY*/

html {
	padding:0;
	}

body {
	background-color:#2fc6cd;
	background-image: url(images/bakgrunn3.gif);
	background-repeat: repeat-x;
	font-family:Arial, Helvetica, sans-serif;
	color:#928ffa;
	font-size:12px;
	}


a	{
	color:#2fc6cd;
	text-decoration:none;
	
	}

a:link, a:visited {
	color:#2fc6cd;
	text-decoration:none;
	
	}

a:hover {
	background-color:#010080;
	color:#C2DFF3;
	}

/*CONTAINER STYLES*/

#main {
	width:760px;
	margin:auto;
	background-color:#ffffff;
	}
	
#header {
	margin:0;
	background-image: url(images/header10.jpg);
	background-repeat: no-repeat;
	background-position: center;
	background-color:#ffffff;
	width:100%;
	color:#010080;
	height:150px;
	font-family:Arial, Helvetica, sans-serif;
	text-align:left;
	font-size:48px;
	}

#left {
	width:215px;
	float:left;
	margin:0;
	background-color:#ffffff;
	}


#beskrivelse {	
	width:185px;
	border:2px #928ffa solid;
	margin:10px 0 0 10px;
	color:#ffffff;
	background-color:#010080;
	}
	
#tekst {
	width:545px;
	float:right;
	margin:0;
	background-color:#ffffff;
	}

#right {
	width:100%
	background-color:#ffffff;
	margin:20px 0 20px 0;
	}

#right a {
	color:#928ffa;
	text-decoration:underline;
	}

#right a:hover {
	color:#010080;
	background-color:#ffffff;
	}

#img2 {
	border: 2px #928ffa solid;
	}

#bunn {
	width:760px;
	line-height:20px;
	background-color:#010080;
	color:#ffffff;
	margin:0 0 5px 0;
	text-align:center;
	font-family:Arial, Helvetica, sans-serif;
	float:right;
	}

#bunn2 {
	text-align:center;
	font-family:Arial, Helvetica, sans-serif;
	float:center;
	clear: both;
	}

#bunn a {
	color:#2fc6cd;
	text-decoration:none;
	}

#bunn a:hover {
	color:#C2DFF3;
	text-decoration:none;
	}

#bunn2 a {
	color:#2fc6cd;
	text-decoration:none;
	font-weight:normal;
	}

#bunn2 a:hover {
	color:#C2DFF3;
	text-decoration:none;
	}

.ul2 {
	list-style-type:solid circle;
	}

.ul2 li {
	padding-right:40px;
	padding-bottom:12px;
	font-family:arial, helvetica, sans-serif;
	font-size:12px;
	}

/*TEXT STYLES*/

h4 {
	color:#928ffa;			
	font-size:14px;
	font-weight: bold;
	font-family:"times new roman" , "trebuchet ms" , arial, sans-serif;
	}

h1 {
	color:#010080;
	font-size:30px;
	padding-right:20px;
	}
	
h2 {	
	color:#928ffa;
	font-size:24px;
	padding-left:5px;
	font-family:"times new roman" , "trebuchet ms" , arial, sans-serif;
	}
	
h3 {	
	color:#928ffa;
	font-size:16px;
	padding-left:5px;
	padding-right:20px;
	font-family:"times new roman" , "trebuchet ms" , arial, sans-serif;
	}

.beskrivelse_tekst {
	padding:5px 2px 5px 2px;
	text-align:center;
	}
	
.innhold {
	padding:0 65px 0px 30px;
	text-align:left;
	color:#928ffa;
	font-family:"times new roman", georgia, "new york", serif;
	font-size:14px;
	}
	
.copy {	
	font-size:12px;
	}

/*NAVIGATION STYLES*/
#navbuttons {
	width:760px;
	height:20px;
	background-color:#010080;
	text-align:center;
	margin:0;
	}

#navbuttons ul {
	display:inline;  
	list-style:none;
	}

#navbuttons li {
	font-family:Arial, Helvetica, sans-serif;
	display:inline;
	background-color:#010080;
	list-style:none;
	float:left;
	border-left:2px #928ffa solid;
	padding:0 13px 0 13px;
	line-height:20px;
}
	
#navbuttons li a {
	color:#2fc6cd;
	text-decoration:none;
	}

#navbuttons li a:hover {
	color:#C2DFF3;
	}

#navbuttons li.first {
	border-left:none;
	}

#navbuttons li.last {
	border-right:2px solid #928ffa;
	}

/*MISC*/

/*IMG POP-UP*/

.thumbnail{
position: relative;
z-index: 0;
}

.thumbnail:hover{
background-color: transparent;
z-index: 50;
}

.thumbnail span{ /*CSS for enlarged image*/
position: absolute;
background-color: #010080;
padding: 5px;
left: -1000px;
border: 2px solid #928ffa;
visibility: hidden;
color: #ffffff;
text-decoration: none;
}

.thumbnail span img{ /*CSS for enlarged image*/
border-width: 2px;
padding: 2px;
}

.thumbnail:hover span{ /*CSS for enlarged image on hover*/
visibility: visible;
top: -150px;
left: -250px; /*position where enlarged image should offset horizontally */
}


.thumbnail2{
position: relative;
z-index: 0;
}

.thumbnail2:hover{
background-color: transparent;
z-index: 50;
}

.thumbnail2 span{ /*CSS for enlarged image*/
position: absolute;
background-color: #010080;
padding: 5px;
left: -1000px;
border: 2px solid #928ffa;
visibility: hidden;
color: #ffffff;
text-decoration: none;
}

.thumbnail2 span img{ /*CSS for enlarged image*/
border-width: 2px;
padding: 0;
}

.thumbnail2:hover span{ /*CSS for enlarged image on hover*/
visibility: visible;
top: 0px;
left: 50px; /*position where enlarged image should offset horizontally */

}

.clearfix:after {
    content: "."; 
    display: block; 
    height: 0; 
    clear: both; 
    visibility: hidden;
}