@charset "utf-8";
/* CSS Document */

body {
	font-family: Arial, Helvetica, sans-serif;
	font-size: 12px;
	background: #FFFFFF;
	background-image: url(../images/bg.png);
	background-repeat: repeat-x;
	margin: 0;
}

/*Wraps up the whole content to keep it centered*/
#wrap_all {
	width: 980px; /*1024px viser vertical scrollbars i noen browsere, så bruk heller noe mindre*/
	margin: 0 auto;
}

/*Top header containing logo and the horizontal menu 1*/
#header {
	width: 100%;
	height: 100px;
	background-image: url(../images/top_banner.png);
}

/*Horizontal menu 1 inside of the top header*/
#menu1 {
	width: 100%;
	height: 40px;
	background-image: url(../images/menu1_bg.png);
}

/*Top banners for the different sections*/
#top_hovedsiden {
	width: 100%;
	height: 200px;
	background-image: url(../images/top_hovedsiden.png);
}

#top_tjenester {
	width: 100%;
	height: 200px;
	background-image: url(../images/top_tjenester.png);
}

#top_portfolio {
	width: 100%;
	height: 200px;
	background-image: url(../images/top_portfolio.png);
}

#top_kontaktoss {
	width: 100%;
	height: 200px;
	background-image: url(../images/top_kontaktoss.png);
}

/*Wraps up the content between the header and footer. This is to be able to float the right modules to the right, and content it self including breadcrumbs to the left*/
#wrap_content {
	overflow: hidden;
	height: 100%; /* Denne trengs i noen sammenhenger i IE 6 -*/
	padding: 0 0 0 0;
}

/*Shows url path. Displayed on top of the content, floating left*/
#breadcrumbs {
	width: 750px;
	height: 15px;
	margin-left: 10px;
	padding: 5px 5px 0px 5px;
	border-bottom: 1px dotted #cccccc;
	background: #eeeeee;
}

/*Full width breadcrumbs*/
#breadcrumbs_full {
	width: 950px;
	height: 15px;
	margin-left: 10px;
	padding: 5px 5px 0px 5px;
	border-bottom: 1px dotted #cccccc;
	background: #eeeeee;
}

/*Main content it self. Floats to the left inside wrap_content, displayed under the breadcrumbs*/
#content {
	width: 750px;
	margin: 0px 0px 10px 10px;
	padding: 5px;
	float: left;
	background-image: url(../images/bg_content.png);
	background-repeat: repeat-x;
}

/*Full width content*/
#content_full {
	width: 950px;
	margin: 0px 0px 10px 10px;
	float: left;
	padding: 5px;
	background-image: url(../images/bg_content.png);
	background-repeat: repeat-x;
}


/*Wraps the right content. This is still inside the wrap content div, but makes it possible to have multiple right modules*/
#wrap_right {
	width: 190px;
	float: right;
	margin: 0px 10px 0px 0px;
}

/*Vertical menu to the right of content*/
#menu2 {
	width: 190px;
	margin: 0px 0px 10px 0px;
	background-image: url(../images/bg_right.png);
	background-repeat: repeat-y;
}

/*News modul on the right, displaying the latest news*/
#right_news {
	width: 190px;
	background-image: url(../images/bg_right.png);
	background-repeat: repeat-y;
}

/*Menu module for showing news categories. Makes it possible to browse all news*/
#right_news_cat {
	width: 190px;
	background-image: url(../images/bg_right.png);
	background-repeat: repeat-y;
}

/*Newsletter module making the user able to register in the newsletter*/
#right_newsletter {
	width: 190px;
	margin: 10px 0px 0px 0px;
	padding: 0px 0px 0px 0px;
	background-image: url(../images/bg_right.png);
	background-repeat: repeat-y;
}

/*Top image for right tables*/
#right_top {
	width: 190px;
	height: 20px;
	background-image: url(../images/bg_right_top.png);
}

/*Bottom image for right tables*/
#right_bottom {
	width: 190px;
	height: 2px;
	background-image: url(../images/bg_right_bottom.png);
}

/*The table on top of the footer it self, containing a picture or text. This is outside of wrap_content, but inside of wrap_all*/
#footer_banner {
	width: 100%;
	height: 100px;
	background-image: url(../images/footer_banner_hovedsiden.png);
}

/*The bottom footer. This is outside of wrap_content, but inside of wrap_all*/
#footer {
	width: 100%;
	padding: 5px;
	text-align: center;
}