@import url(http://fonts.googleapis.com/css?family=Source+Sans+Pro);




html {
    overflow-y: scroll;
}


body {
	margin:0;
	background-image:  url('./images/back_repeat.png');
	background-repeat: repeat-x;
	background-position: top;
	background-color: #b6b8ba;
	font-family: arial, 'Source Sans Pro', sans-serif;
	color:#000;
}

h1 {
	color:#388646;
	border-bottom:1px dashed #ccc;
	padding-bottom:10px;
	text-transform:uppercase;
}

h2 {
	font-size:22px;
	color:#388646;
	border-bottom:1px dashed #ccc;
	padding-bottom:10px;
}

h3 {
	color:#388646;
	border-bottom:1px dashed #ccc;
	padding-bottom:10px;
}



p {
	line-height:normal;
}


/* ----------- HEADER -------------*/

#header {
	position:absolute;
	background-repeat:repeat-x;
	width:100%;
	height:130px;
	z-index:999;
	top:0;
	}


#header_content {
	position:absolute;
	width:1000px;
	height:130px;
	left:50%;
	margin-left:-500px;
	z-index:999;
}

#header_logo {
	height:145px;
	width:1001px;
	float:left;
	z-index:999;
	margin-left:px;
	margin-top:px;
	background-image:  url('./images/logo.png');
}

#header_phone {
	float:right;
	color:#fff;
	font-family:impact;
	font-size:35px;
	z-index:999;
}



#phonebox {
	left:50%;
	margin-left:245px;
	position:absolute;
	width:250px;
	height:198px;
	background:url('images/phone.png');
	background-repeat:no-repeat;
}

#adressehead {
	position:relative;
	margin-right:00px;
	float:right;
	text-align:right;
	margin-top:0px;
	font-size:18px;
	color:#fff;
}



/* --------------- TOPBANNER / SLIDESHOW --------------- */

#slideshow {
	position:absolute;
	left:50%;
	margin-left:-500px;
	margin-top:55px;
}

/* ---------------- SLIDESHOW ------------------ */


#slideshow IMG {
    position:absolute;
    top:0;
    left:0;
    z-index:8;

}

#slideshow IMG.active {
    z-index:10;
}

#slideshow IMG.last-active {
    z-index:9;
}

#svin {
	position:absolute;
	width:100%;
	top:142px;
	height:250px;
}





/* ----------------- MENU BOKSE ------------------- */

.boks {
	height:90px;
	width:330px;
	margin-top:60px;
}

#boks1 {
	background-image:url('images/boks1.jpg');
	position:absolute;
	left:50%;
	margin-left:-500px;
	top:400px;
}	

#boks2 {
	background-image:url('images/boks2.jpg');
	position:absolute;
	left:50%;
	margin-left:-247px;
	top:400px;
}

#boks3 {
	background-image:url('images/boks3.jpg');
	position:absolute;
	left:50%;
	margin-left:-165px;
	top:400px;
}

#boks4 {
	background-image:url('images/boks4.jpg');
	position:absolute;
	left:50%;
	margin-left:170px;
	top:400px;
}	




/* ---------------------- MENU ----------------------- */

#menu_div {
	position:absolute;
	width:1000px;
	height:80px;
	top:440px;
	left:50%;
	margin-left:-500px;
	z-index:999;
}

#menu_wrapper {
	padding-top:7px;
	z-index:999;
}




/* ---------------- CONTENT -------------------- */

#wrapper {
	position:absolute;
	top:550px;
	left:50%;
	margin-left:-500px;
	height:auto;
	width:1000px;
}

#left_content {
	float:left;
	width:620px;
}

#right_content {
	float:right;
	width:250px;
	background-repeat:no-repeat;
	padding-left:20px;
	border-left:solid #ccc 1px;
	margin-top:25px;
	min-height:400px;
}


#ring_op {
	position:absolute;
	left:50%;
	margin-left:190px;
	top:290px;
	width:260px;
	height:100px;
	text-align:center;
}



#wrapper_content {
	position:relative;
}





/* ------------------ FOOTER -------------------- */

#footer {
	position:relative;
	width:1000px;
	height:150px;
	background:#3300ff;
}






/*Drop-down menu*/
.header-bottom {width: auto;display:block;clear:both;border-right:0px solid #000;margin-top: -10px;}


/* Remove List Formattings
~~~~~~~~~~~~~~~~~~~~  */
 ul.menu, li.menu {
	list-style-type: none;
	margin: 0px;
	padding: 0px;
	z-index:999;
}

/* Drop Down menu */	 

#nav2 	{
	position:absolute;
	width:1090px;
	left:50%;
	margin-left:-500px;
	border:none; 
	background:none;
	color: #fff;
	margin-top:145px;
	z-index:1000;
	height:46px;
	background-image:url('images/menubar.png');
		background-repeat:no-repeat;
	} 

#nav2 ul {
	list-style-type:none;
	position: relative; 
	margin: 0;
	padding: 0;
	width: auto;
	z-index:999;
	height:46px;
	margin-top:px;
	margin-left:10px;
	}

#nav2 ul li 	{	
		float:left;
		text-align:center;
		width:auto;
		z-index:999;
		}
		
#nav2 ul li a 	{	
		display:block; 
		font-size:14px; 
		height:33px;
		padding:0 15px 0 15px; 
		text-decoration:none; 
		color: #fff;
		padding-top:12px;
		z-index:999;
		border-right:1px solid #3f9758;
		line-height:22px;
		}

#nav2 ul li a:hover 	{	
		color: #fff;
		background-color:#2f313f;

		}

/* Root Level Link Formatting */
#nav2 ul li a:hover, #nav2 li a:focus {background-color: rgb (0,0,0); text-decoration:none;}
#nav2 li a:active, #nav2 ul li a.active {background-color: rgb (0,0,0); text-decoration:none;}

/* Current page Customisations*/
#nav2 li.menu-current a		{
	color: #fff;
		background-color:#2f313f;
		
}

#nav2 li.menu-current a:hover		{
	color: #fff;
} 

/* 2nd Child menu */
#nav2 .menu li ul {
z-index:21;
position: absolute; 
width: 10em; 
margin: 0; 
display: none; 
text-transform: none; 
border: none; 
font-size: 13px;
left:0;
margin-top:0px;
}

#nav2 .menu li ul li {
width: 10.5em; 
text-align: left; 
font-weight: normal; 
line-height: normal;
}

#nav2 .menu li ul a {
width: 10em; 
height:25px; 
margin-left:-1px; 
padding:10px 16px 10px 16px; 
background-image:url('images/menu_sub_bg.png');
font-size:16px;
color:#fff;
line-height:25px;
}

/* 2nd Child link hover */
#nav2 .menu li ul a:hover {
background-image:url('images/menu_sub_hover.png');
}

/* Show and hide */
#nav2 .menu li:hover ul, #nav2 .menu li a:focus ul, #nav2 .menu li.subMenu ul {display: block;}
#nav2 .menu li ul ul {display: none;}
#nav2 .menu li:hover ul ul, #nav2 .menu li.subMenu ul ul {display: none;}
#nav2 .menu li:hover ul, #nav2 .menu li li:hover ul, #nav2 .menu li.subMenu ul, #nav2 .menu li li.subMenu ul {display: block;}


/* 3rd Child Menu Appreances */
#nav2 .menu li ul li ul li a 	{ width: 10em; height:auto; line-height:1.3em; margin-left:0; padding:4px 16px 4px 16px; border-left:solid 1px rgb(175,175,175); border-bottom: solid 1px rgb(175,175,175); background-color:#dfdfdf; font-weight:normal; color:rgb(0,0,0);}

/* Positioning the Pop-out Drops */
#nav2 li {position: relative;}

#nav2 ul ul ul {
	position: absolute;
	top: 1px;
	left: 119%;
}

/* MAIN NAVIGATION */

.nav3-grid {
width:199px; 
border-bottom:solid 1px rgb(200,200,200);
}

.nav3-grid dt a, .nav3-grid dt a:visited {
display:block; 
min-height:2.0em /*Non-IE6*/; 
height:auto !important; 
height:2.0em /*IE6*/; 
line-height:2.0em; 
padding:0px 10px 0px 10px;  
border-top: solid 1px rgb(200,200,200); 
text-decoration:none; 
color:rgb(70,122,167); 
font-weight:bold; 
font-size:120%;}
.nav3-grid dd a, .nav3-grid dd a:visited {display:block; min-height:1.7em /*Non-IE6*/; height:auto !important; height:1.7em /*IE6*/; line-height:1.7em; padding:0px 10px 0px 20px; border:none; font-weight:normal; text-decoration:none; color:rgb(70,122,167); font-size:120%;}
.nav3-grid dd a:hover, .nav3-grid dt a:hover {background-color:rgb(225,225,225); /*background-color:rgb(143,174,215) /*For blue background*/; color:rgb(42,90,138); text-decoration:none;}

.nav3-bullet {width:170px; margin:10px 0 0 10px;}
.nav3-bullet dt a, .nav3-bullet dt a:visited {line-height:2.0em; padding:0 0 0 10px; background:url(./img/bg_bullet_full_1.gif) no-repeat 0px 50%; text-decoration:none; color:rgb(70,122,167); font-weight:bold; font-size:120%;}
.nav3-bullet dd a, .nav3-bullet dd a:visited {line-height:1.7em; margin:0 0 0 5px; padding:0 0 0 10px; background:url(../img/bg_bullet_half_1.gif) no-repeat 0px 50%; text-decoration:none; color:rgb(70,122,167); font-weight:normal; font-size:120%;}
.nav3-bullet dt a:hover {background:url(./img/bg_bullet_full_2.gif) no-repeat 0px 50%; text-decoration:underline; color:rgb(42,90,138);}
.nav3-bullet dd a:hover {background:url(./img/bg_bullet_half_2.gif) no-repeat 0px 50%; text-decoration:underline; color:rgb(42,90,138);}

.nav3-nobullet {width:170px; margin:10px 0 0 20px;}
.nav3-nobullet dt a, .nav3-nobullet dt a:visited {line-height:2.0em; text-decoration:none; color:rgb(70,122,167); font-weight:bold; font-size:120%;}
.nav3-nobullet dd a, .nav3-nobullet dd a:visited {line-height:1.7em; margin:0 0 0 15px; text-decoration:none; color:rgb(70,122,167); font-weight:normal; font-size:120%;}
.nav3-nobullet dt a:hover, .nav3-nobullet dd a:hover {text-decoration:underline; color:rgb(42,90,138);}


