/**********************************************************
*														  *
*							Base 						  *
*														  *
***********************************************************/

body, html {
	width: 100%;
	height: 100%;
	background-color: #f6f6f6;
	font-family:Arial, Helvetica, sans-serif;
	font-size: 14px;
	color: #333333;
}

* {
	outline: none;
}

.clear {
	clear:both;	
}

h1, h2 {
	font-size: 24px;
	font-weight: bold;
}


p {
	margin-bottom: 10px;
}

strong {
	font-weight: bold;
}

a, a:visited {
	color: #222222;
}

textarea {
	font-family: Arial;
}

/**********************************************************
*														  *
*							Layout 						  *
*														  *
***********************************************************/

#wrapper {
	width: 962px;	
	margin: 0 auto;	
	position:relative;
}

#content {
	background-color: #FFFFFF;
	background-image: url(/img/bottom-gradient.jpg);
	background-repeat: repeat-x;
	background-position: bottom left;
}

.bordertop {
	border-top: 1px solid #e3e3e3;
	padding: 30px 0px;
}

.padded {
	padding-right: 20px;
	padding-left: 20px;
}

/**********************************************************
*														  *
*							Header 						  *
*														  *
***********************************************************/

#header {
	height: 73px;
	background-color: #FFFFFF;
}


#logo {
	position:absolute;
	top: 28px;
	left: 20px;
}


/**********************************************************
*														  *
*							Menu						  *
*														  *
***********************************************************/
#menu {
	position: absolute;
	right: 20px;
	top: 20px;
	color: #333333;
}

ul.flat, ul.flat li {	
	list-style-type: none;
}

ul.flat li {
	float: left;
	height: 30px;
	line-height: 30px;
	margin-left: 1px;
	border-top: 2px solid #cccccc;
}

ul.flat li:hover {
	border-top: 2px solid #000099;
}

ul.flat li a {
	display: block;	
	padding: 0 15px 0 15px;
}

ul.flat li a:link, ul.flat li a:visited {
	color: #333333;
	text-decoration: none;
}

ul.flat li.current {
	border-top: 2px solid #000099;
}


/**********************************************************
*														  *
*							Frontpage					  *
*														  *
***********************************************************/

#frontpage-image {
	padding: 2px;	
}

#frontpage-boxes {
	padding: 0px 13px;
	padding-bottom: 20px;
}


#frontpage-boxes .box {
	padding: 0px 10px 10px 0px;
	width: 226px;
	height: 150px;
	float: left;
}

#frontpage-boxes .box a {
	display: block;
	height: 160px;
}

#frontpage-boxes .box img {
	position: relative;
	top: 20px;	
}
td{vertical-align:top;}

#frontpage-boxes .box.last {
	padding: 0px 0px 10px 0px;	
}

#om-oss {
	font-size:12px;
	background-color: #FFFFFF;
	padding: 15px 15px 20px 20px;
	background-image: url(/img/top-gradient.jpg);
	background-repeat: repeat-x;
	background-position: top left;
	border-top: 1px solid #e3e3e3;
}

#frontpage-news {
	position: absolute;
	top: 220px;
	left: 17px;
	color: #fff;
	font-size: 11px;
	width: 200px;
	height: 100px;
	background-image: url(/img/news-background.png);
	background-repeat: no-repeat;
	padding: 10px;
}


#frontpage-news strong {
	color: #fff;
	font-size: 12px;
	font-weight: bold;
}

#frontpage-news a, #frontpage-news a:visited {
	color: #fff;
	text-decoration: none;
}
#frontpage-news a:hover {
	text-decoration: underline;
}

/**********************************************************
*														  *
*							Phus 						  *
*														  *
***********************************************************/

#phus-left {
	float: left;
	width: 380px;
	margin-right: 25px;
}


#phus-right {
	float: left;	
	color: #FFFFFF;
	font-size: 14px;
}

#phus-right .box {
	width: 243px;
	float: left;
	margin-left: 10px;
}

#phus-right .box .content {
	background-color: #999999;
	padding: 10px;
	height: 330px;
}

#phus-right .box .top {
	background-image: url(/img/greybox-top.jpg);
	width: 243px;
	height: 13px;
	background-repeat: no-repeat;
}

#phus-right .box .bottom {
	background-image: url(/img/greybox-bottom.jpg);
	width: 243px;
	height: 13px;
	background-repeat: no-repeat;
}

/**********************************************************
*														  *
*							Priser 						  *
*														  *
***********************************************************/


#priser-left {
	float: left;
	width: 350px;
}

#priser-right {
	float: left;
}


.yellowbox {
	width: 259px;
	height: 199px;
	background-image:url(/img/yellowbox.jpg);
	float: left;
	margin-left: 10px;
	padding-top: 10px;
	padding-left: 15px;
	font-size: 12px;
}


#bestill {
	background-color: #eaeaea;	
	padding: 25px 15px 25px 25px;
	font-size: 13px;
}


#bestill .box {
	height: 244px;	
	background-repeat: no-repeat;
	float: left;
	margin-right: 7px;
	padding-left: 10px;
	padding-top: 10px;
}

#bestill .small-box {
	background-image:url(/img/bestill-box-small.jpg);	
	width: 166px;
}

#bestill .large-box {
	background-image:url(/img/bestill-box-large.jpg);	
	width: 333px;
	height: 270px;
}

#bestill .medium-box {
	background-image:url(/img/bestill-box-medium.jpg);	
	width: 188px;
	font-size: 11px;
	height: 310px;
}

#bestill input {
	margin-bottom: 7px;
	padding: 2px;
}

#bestill .varighet input[type=text] {
	width: 	145px;
}
#bestill .varighet select {
	width: 151px;	
	margin-bottom: 10px;
}

#bestill input[type=button] {
	width: 	170px;
	height: 37px;
	font-size: 14px;
}

#bestill .kundeinformasjon input[type=text] {
	width: 	252px;
}

#bestill .kundeinformasjon textarea {
	width: 254px;
	height: 50px;	
}

#bestill .kundeinformasjon input.small {
	width: 	79px;
	margin-right: 0px;
}

#bestill .kundeinformasjon input.medium {
	width: 	165px;
}

#bestill-header {
	float: left;
	width: 300px;	
}

#bestill-feilmeldinger {
	color: red;
	float: right;
	width: 600px;
	text-align: right;	
}