 /* CSS Mastery: Advanced Web Standards Solutions - Simon Collison's tutorial */

/* the appropriate background class will be applied based on class attached to the body */

body {
	margin: 0;
	padding: 0;
	font:70% 'Lucida Grande',Verdana, Helvetica, sans-serif;
	background-image : url(Bg_1x1pix_ukomprimert.jpg);
	background-repeat : repeat;
}

.mya  {
	text-decoration: underline;
	color: Black;
	background-color : #CEFFFF;
}

.mini {
	font-size : 80%;
}

.meny  {
	text-decoration: none;
	color: #999999;
	background-color : transparent;
	font-weight : bold;
	font-size : 100%;
}

input.trans {
	background-color : transparent;
	color : Black;
	border : none;
}
/* headers here */

h1 {
	margin: 0;
	padding: 30px;
	font-size: 150%;
	color: Black;
}

h2 {
	margin: 0 10px 0 10px;
	padding: 2px;
	font-size: 130%;
	color : #999999;
}

/* and then these h3 statements, unique to whichever section has been attached above, will give the headers the appropriate background color */

h3 {
text-transform: uppercase;
display: inline;
font-size: 92%;
margin: 10px 5px 0 5px;
padding: 2px;
}

/* main wrapper that holds it all centrally */

#wrapper {
width:750px;
margin:0 auto;
background-color: #B2DAF2;
padding: 0 10px 10px 10px;
}

/* default masthead holding the banner and mainNav */

#header {
	width: 490px;
	height: 170px;
	background:url(bluebar.jpg);
}


/* image control. First we define stuff common to ALL images on the page. It is then up to other styles to override these. By default, all images will have a 2px border, and bottom and right margins of 5px. They will all float left. */

img {
	float: none;
	border : thin solid #999999;
}

img.globe {
	float: none;
	border : thin none #003163;
}

img.foto {
	float: none;
	border : medium solid #003163;
}

input.submit {
	border: 0;
	margin-bottom: -6px;
	padding: 2px;
	background: transparent;
	font-size: 10px;
}

input.input {
	border: thin solid Black;
	font-size: 120%;
	background-color : #999999;
	padding-bottom : 0%;
	padding-top : 0%;
}

button {
	border: thin solid Black;
	font-size: 120%;
	background-color : #999999;
	text-align : center;
}


table.head {
	text-align : center;
	background-color : #336699;
	color : Black;
	font-weight : bold;
}

td {
	font-size : 110%;
}

td.text {
	font-size : 120%;
	padding-left : 6pt;
}

a {
	font-size : 100%;
	color : Black;
	font-weight : bold;
}

a.grey {
	font-size : 100%;
	color : #999999;
}

.grey {
	font-size : 100%;
	color : #999999;
}

.greybg {
	background-color : #999999;
}

div.bg {
	margin: 0;
	padding: 0;
	background-image : url(BgHorisontal-1.jpg);
	background-repeat : repeat-y;
}