/* *****************************************************************
    Default HTML tags
****************************************************************** */
body {
	font-family: Verdana, Arial, Helvetica, sans-serif;

	padding: 0px;
	margin: 0px;
	background-color: #CCCC9A;
	background-image: url(pics/fondo.jpg);
	background-repeat: repeat-x;
}

h1, h2, h3, h4, h5, h6 {
	font-family: "Eras Light ITC", "Arial Narrow", Arial, "Times New Roman";
	margin: 0px;
	padding: 0px;
}

h1, h2, h3 {
	margin-top:5px;
	margin-bottom:5px;
}

p {
	font-size: smaller;
	margin: 5px 0px 20px 0px;
	padding: 0px;
	b-order: 1px dashed black; /* DEBUG */
}

label {
	margin: 0px;
	padding: 0px;
}

/*
table tr td {
	padding: 0px;
	margin: 0px;
	vertical-align: top;

}*/

.NoPaddingMargin {
	padding: 0px;
	margin: 0px;
}

a, a:hover {
	color: #0066CC;
	text-decoration: none;
}

a img {
	border: 0px;
}

/* *****************************************************************
    CLASSES
****************************************************************** */

.transparent80 {
	filter:alpha(opacity=80); 
	-moz-opacity: 0.8; 
	opacity: 0.8;
}

.transparent60 {
	filter:alpha(opacity=60); 
	-moz-opacity: 0.6; 
	opacity: 0.6;
}

.transparent40 {
	filter:alpha(opacity=40); 
	-moz-opacity: 0.4; 
	opacity: 0.4;
}

.transparent20 {
	filter:alpha(opacity=20); 
	-moz-opacity: 0.2; 
	opacity: 0.2;
}

.BildeRamme {
	padding: 0px;
	margin: 0px;
	border: 1px solid black;
}

.Bilde {
	text-align: center;
	font-weight: bold;
}

.FloatRight {
	float: right;
}

.FloatLeft {
	float: left;
}

.LinkHoverOnly {
	color: inherit;
	text-decoration: none;
}

.FakeLink, .FakeLinkOnlyHover:hover {
	color: #0066CC;
	cursor:pointer;
}

.MenyBoks {
	padding: 0px 5px 5px 0px;
	margin: 0px 10px 10px 0px;
	border-right: 1px solid #CCBBAA;
	border-bottom: 1px solid #CCBBAA;
}

.TekstBoks {
	padding: 0px 5px 5px 0px;
	margin: 0px 10px 10px 0px;
	b-order-right: 1px solid #CCBBAA;
	b-order-bottom: 1px solid #CCBBAA;
}

.BildeBoks {
	padding: 15px 15px 15px 15px;
	margin: 0px 50px 20px 0px;
	border: 1px solid #CCBBAA;
}

.AnsattDetaljer {
	width: 300px;
}

/* *****************************************************************
    ID's
****************************************************************** */

#Referanse_Venstre {
	width: 240px;
	height: 480px;
	float: left;
	b-order: 1px solid red;
}

#Referanse_Hoyre {
	width: 670px;
	height: 480px;
	float: left;
	b-order: 1px solid blue;
}

#completepage { /* the page */
	width: 1135px;
	margin-top: 20px; /* Moves page down from the top */
	m-argin-left: 0px; /* Moves page out from the left */
	margin-left: -70px; /* Moves page out from the left */
	b-order: 1px dashed pink; /* DEBUG */
}

#completepage td {
	b-order: 1px dotted red; /* DEBUG */
}

#completepage-left-bottom {
	padding: 0px;
	margin: 0px;
	width: 205px;
	vertical-align: top;
	background-image:url(pics/shading-left-repeat.jpg);
	background-repeat:repeat-y;
	background-position:left;
	text-align:right;
}

#completepage-left {

	padding: 0px;
	margin: 0px;
	width: 205px;
	vertical-align: top;
	background-image: url(pics/shading-left-top.jpg);
	b-ackground-repeat:repeat-y;
	background-position:left;
	text-align:right;
}

#completepage-left-page2 {

	padding: 0px;
	margin: 0px;
	width: 205px;
	vertical-align: top;
	background-image: url(pics/shading-left-top2.jpg);
	background-repeat: no-repeat;
	background-position:top;
	text-align:right;
}

#completepage-main {
	width: 920px;
	height: 530px;
	background-color: #FFFFB7;
	vertical-align: top;
	margin: 0px;
	padding: 10px 10px 10px 1px;
	b-order: 1px dashed blue; /* DEBUG */
}

#completepage-logo {
	background-color: #FFFFB7;
	background-image: url(pics/logo.jpg);
	background-repeat:no-repeat;
	background-position:center;
	height: 160px;
	b-order: 1px dashed red; /* DEBUG */
}

#KontaktAnsatte {
	margin: 0px 30px 10px 0px;
	padding: 0px 0px 0px 0px;
	border-bottom: 1px solid black;
}

#KontaktKontor {
	margin: 0px 30px 0px 0px;
	padding: 0px 0px 0px 0px;
}

/* *****************************************************************
    SPECIAL: PopupWindow and related
****************************************************************** */

.PopupWindow {
	position: absolute;
	width: auto;
	height: auto;
	display: none;
	background-color: #FFFFB7;
	border: 2px solid #000000;
	padding:10px;
	right: 0px;
	top: 0px;
	z-index: 100;
}

#PopupBackground {
	position: absolute;
	top: 0px;
	right: 0px;
	bottom: 0px;
	left: 0px;
	z-index: 90;
	display: none;
	background-color: black;
	filter:alpha(opacity=30); 
	-moz-opacity: 0.3; 
	opacity: 0.3;
}



/* *****************************************************************
    SPECIAL: Menu gallery, Stickers
****************************************************************** */

.nobullets {
	list-style-type:none;
	margin: 0px;
	padding: 5px;
}

.nobullets a {
	text-decoration: none;
	color: black;
}

.nobullets a:visited {
	text-decoration:none;
	color:#000000;
}


.nobullets a:hover {
	color:#CC3333;
}

.nobullets a:active {

	font-weight:bold;
	color: #CC3333;
}

#stickers {
	padding-left: 66px;
	vertical-align:top;
}

	
#activepage {

	color:#CC3333;
	font-weight:bold;
}
	



/* *****************************************************************
    SPECIAL: ADDRESS BAR
****************************************************************** */

#address {
	font-size: smaller;
	margin: 0px;
	padding-top: 5px;
	text-align:center;
	c-olor: #CC3333; /* Redish colour */
	color: DimGray; /* http://www.w3schools.com/css/css_colornames.asp */
}

#address img {
	width: 17px;
	height: 13px;
	padding-right: 2px;
}

#address span {
	padding-right: 8px;
}

#address a {
	text-decoration: none;
	color: DimGray;
}

#address a:hover {
	color: #0066CC;
}



/* *****************************************************************
    SPECIAL: TOP MENU
****************************************************************** */

#topmenu {
	padding: 0px;
	margin: 0px;
	margin-left: 190px;
}

#topmenu li {
	margin: 0px;
	padding: 0px;
	margin-right: 5px; /* Space between topmenu tabs */
	list-style: none;
	float: left;
}

.topmenuitem {
	width: 145px;
	height: 20px;
	margin: 0px;
	padding: 0px;
	padding-top: 3px;
	padding-bottom: 3px;
	text-align: center;
	display: block;
	color: #CC3333; /* Redish colour */
	text-decoration: none;
	b-order: 1px dotted blue; /* DEBUG */
	background-image: url(pics/pestanya-sombra.jpg);
	background-repeat: no-repeat;
	
}

.topmenuitem:hover {
	background-image: url(pics/pestanya-basico.jpg);
}

.topmenuitem:active, .topmenuitem:link {
	text-decoration: none;
}

.itemactive {
	background-image: url(pics/pestanya-basico.jpg);
}