@import url("reset.css");

body{
	
	background: #fff;
	background-attachment: fixed;
}

/* Text */
*{
	"ff-meta-serif-web-pro-1","ff-meta-serif-web-pro-2", Georgia, Times, serif;
	
}

h1{
	font-family: "bello-pro-1","bello-pro-2",sans-serif;	
	color: #000;
	font-size: 1.7em;
	margin: 0.7em 0 0 0;
}



h1.header{
	font-family: "bello-pro-1","bello-pro-2",sans-serif;	
	color: #a9afa5;
	font-size: 2.5em;
	margin: 0 0 0 60px;
	font-style: normal;
	padding-top: 5px;
	letter-spacing: 0em;
	width: 200px;
	text-shadow: 1px 1px 0px #fff;
	
	}

h1.header:hover
	{
	color: #bec5b9;
	text-shadow: none;
	}

h1.header:active
	{
	color: #636660;
	}
		
h2{
	font-family: "ff-meta-serif-web-pro-1","ff-meta-serif-web-pro-2", Georgia, Times, serif;	
	color: #333;
	font-style: italic;
	font-size: 1.2em;
	margin: 1em 0 0 0;

}

p {
	color: #333;
	font-family: "ff-meta-serif-web-pro-1","ff-meta-serif-web-pro-2", Georgia, Times, serif;
	text-style: none;
	font-size: 0.9em;
	line-height: 1.7em;
	margin: 0px 0 5px 0;
}

p.index {
	color: #333;
	font-family: "ff-meta-serif-web-pro-1","ff-meta-serif-web-pro-2", Georgia, Times, serif;
	text-style: none;
	font-size: 0.9em;
	line-height: 1.7em;
	margin: 0px 0 5px 0;
	letter-spacing: -0.015em;
}

p.left {
	color: #333;
	font-family: "ff-meta-serif-web-pro-1","ff-meta-serif-web-pro-2", Georgia, Times, serif;
	text-style: none;
	font-size: 0.9em;
	line-height: 1.7em;
	margin: 5px 0 5px 5px;
	padding-left: 5px;
	
}

a {
	color: #3e5485;
	font-style: normal;
	text-decoration: none;
}

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

.dropCap
{
	float: left;
	font-size: 2em;
	line-height: 0em;
	margin: 15px 10px 20px 0px;
	font-family: "swingdancer-1","swingdancer-2",cursive;
	font-weight: normal;
	font-style: normal;
	color: #000;
	overflow: visible;
	width:0.4em;
	text-shadow: -1px 1px 2px rgb(200,200,200);
}

#Content p {
	color: #333;
}

#Footer p {
	color: #333;
}

/* DIVER */


div#element {
	width: 100%;
	height: 10px;
	background: #000;
	bottom: 0px;
	left: 0px;
	z-index: 1;
	position: fixed;
}

div#Wrapper {
	width: 840px;
	background: transparent;
	padding: 0px 20px 40px 0px;
	margin: 0px 0 0px 60px;
	min-height: 100%;
	
}

div#Header {
	width: 100%;
	height: 75px;
	top: 0px;
	padding: 0px 0 5px 0px;	
	background: transparent url(bg_gradient.png) top left repeat-x;
	margin: 0 0 5px 0;
	z-index: 0;
	overflow: visible;
	position: fixed;
	border-top: 5px solid #000;
	}


div#Container {
	background: transparent;
	margin: 80px 0 80px 20px;
	padding: 0 0 0px 0;	
	height: auto;
	width: 802px;
	float: left;

}


div#Container.short {
	background: transparent;
	margin: 80px 0 80px 20px;
	padding: 0 0 0 0;	
	height: auto;
	width: 400px;
	float: left;

}

div#Menu {
	width: auto;
	height: 20px;
	padding: 0 0 10px 0px;	
	background: transparent;
	margin: 0px  0 0px 0;
	overflow: visible;
}



div#submenu	{
	width: 60px;
	height: auto;
	left: 0px;
	top: 0px:
	position: fixed;
	margin-top: 400px;
	background: transparent;
	border: 1px solid #000;

}


div#Content {
	background-color: #fff;
	width:600px;
	float: left;
	padding: 20px 20px 40px 40px;
	margin-top: 1px;
	border-top: 1px dashed #000;

}


div#footer {
	background: #fff;
	height: 120px;
	width: 100%;
	border-top: 1px solid #000;
	margin:  0 0 0 0;
	bottom: 0;
	left: 0px;
	float:left;
	overflow: hidden;
}

div#push {
	height: 85px;
	width: 60px;
	top: 0px;
	left: 0px;
	z-index: 1;
	background: red;
	position: fixed;
}

div#hr {
	width: 800px;
	height: 1px;
	position: center;
	background: #000;
	margin: 20px 0 20px 0;
}

div#hr.short {
	width: 400px;
	height: 1px;
	position: center;
	background: #000;
	margin: 20px 0 20px 0;
}

div#navbox {
	left: 4px;
	top: 84px;
	width: 60px;
	height: 130px;
	background: #e2eadc;
	position: fixed;
	overflow: visible;
	border-top: 1px dotted #fff;
	padding-top:11px;
}

element.style {top:85px;}

/* MENY */


ul#Topnav {
	padding: 0 10px 0 0px;
	border: none;
	float: left;
	max-width: 100%;
	background: transparent;
	height: inherit;
	border: none;
	margin: -2px 0 0 78px;
	z-index: 1;
	}




ul#Topnav li {
	list-style: none;
	float: left;
	height: auto;	
	padding: 0 0 0 0; 
	text-transform: none;
	border: none;
	margin: 0 0 0 0;


}

#Topnav li a {
	font-family: "league-gothic-1","league-gothic-2",sans-serif;	
	color: #000;
	background: transparent;
	font-style: normal;
	font-size: 1.2em;
	letter-spacing: 0.05em;
	margin: 0 0 0 0;
	text-decoration: none;
	padding: 0px 2px 6px 3px;
	border: 1px solid transparent;

}

#Topnav li a:hover {
	color: #000;
	background: transparent;
	border: 1px solid #fff;
	border-bottom: none;
}

#Topnav li a:active {
	color: #000;
	border: 1px solid #fff;

}

#Topnav li a.front {
	color: #7f8bab;

}

/* NAV */

ul#nav {
	padding-top: 0px;
	padding-left: 0px;
	left: 0px;
	top: 0px;
	border: none;
	width: 60px;
	height: 80px;
	background: transparent;
	}


ul#nav li {
	list-style: none;
	height: auto;
	width: 50px;	
	padding: 0 2px 2px 0; 
	text-transform: none;
	border: none;
	margin: 5px 0 0 0px;
}



#nav li a {
	font-family: "league-gothic-1","league-gothic-2",sans-serif;	
	color: #000;
	font-style: normal;
	font-size: 1em;
	margin: 0px 0 0 5px;
	text-decoration: none;
	padding: 0px 10px 0 5px;
	float: left;
	border: 1px solid #e2eadc;

}

#nav li a:hover {
	color: #666;
	border: 1px solid #fff;	
	background: #e2eadc;
}

#nav li a:active {
	color: #000;
}


/*CONTENTNAV*/

ul#contentnav {
	padding-top: 0px;
	padding-left: 0px;
	margin: 10px 0 10px 0;
	border: none;
	float: left;
	width: 100%;
	background: url(bg_gradient.png) top left repeat-x;
	height: inherit;
	}


ul#contentnav li {
	list-style: none;
	float: left;
	height: auto;	
	padding: 0 0 5px 20px;
	text-transform: none;
	border: none;
	margin: 5px 0 0 0px;


}

#contentnav li a {
	font-family: "ff-meta-serif-web-pro-1","ff-meta-serif-web-pro-2";	
	color: #333;
	font-style: italic;
	font-size: 1em;
	margin: 0px 0 0 0;
	text-decoration: none;
	padding-right: 10px;
	float: left;

}

#contentnav li a:hover {
	color: #7f8bab;	
}

#contentnav li a:active {
	color: #000;
	text-shadow: 1px 1px 1px #fff;
}


/*BILDER*/

img.hvit {margin-top: 10px;}
img{max-width: 800px; margin: 0;}
img.left{float: left;}