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


body {
	font-family:Arial, Helvetica, sans-serif;
	/*background-image: url(img/bgjul.jpg);
	background-repeat: repeat-x;
	background-position: top ;*/
	line-height:18px;
	font-size:12px;
	margin: auto;
}


#top {
	width: 950px;
	height: 0px;
	margin-left: auto;
	margin-right: auto;
}

#logo {
	float:left;
}
#contact {
	float:right;
	padding-top: 85px;
	text-align: right;
}

/*  =============== CSS FOR FRONTROTATOR ======================== 	*/

		.p-title {
			font-size:18px;
			color:#336666;
		}
		.cap-title{
			font-size:15px;
			color:#336666;
			font-weight: normal;
		}
		.subtxt {
			font-size: 11px;
		}

.example-container{
	margin-left: auto;
	margin-right: auto;
	width: 950px;

}

.l-rotator{
font-family:Arial,Helvetica,sans-serif;
font-size:12px;
background-color:#000;
border:0px solid #000;
position:relative;
width:950px;
height:327px;
overflow:hidden;
clear: left;
}
.l-rotator a{
outline:none;
}
.l-rotator .screen{
position:relative;
top:0;
left:350px;
width:600px;
height:300px;
overflow:hidden;
}
.l-rotator .main-img{
display:none;
position:absolute;
top:0;
left:0;
z-index:0;
border:0;
}
.l-rotator .textbox{
position:absolute;
z-index:4;
overflow:hidden;
visibility:hidden;
}
.l-rotator .inner-bg{
position:absolute;
top:0;
left:0;
width:100%;
height:100%;
background-color:#000;
filter:alpha(opacity=70);
opacity:.9;
z-index:0;
}
.l-rotator .inner-text{
position:absolute;
top:0;
left:0;
padding:10px;
color:#FFF;
z-index:1;
}
.l-rotator #timer{
position:absolute;
left:0;
height:4px;
background-color:#FFF;
filter:alpha(opacity=50);
opacity:.5;
z-index:5;
visibility:hidden;
font-size:0;
}
.l-rotator .cpanel{
position:absolute;
margin:5px;
z-index:6;
visibility:hidden;
}
.l-rotator #play-btn{
position:relative;
float:left;
width:22px;
height:22px;
background:#000 url(assets/play_pause.png) 0 0 no-repeat;
background:rgba(0,0,0,.7) url(assets/play_pause.png) 0 0 no-repeat;
cursor:pointer;
}
.l-rotator .pause{
background-position:0 -22px !important;
}
.l-rotator #num-info{
position:relative;
float:left;
height:22px;
line-height:22px;
padding:0 4px;
text-align:center;
color:#FFF;
background:#000;
background:rgba(0,0,0,.7);
}
.l-rotator #preloader{
position:absolute;
top:50%;
left:50%;
width:34px;
height:34px;
margin-top:-17px;
margin-left:-17px;
z-index:7;
background:#000 url(assets/loader.gif) no-repeat center;
}
.l-rotator .thumbnails{
position:absolute;
top:0;
left:0;
width:250px;
height:300px;
overflow:hidden;
z-index:10;
}
.l-rotator .thumbnails ul{
list-style:none;
position:absolute;
top:0;
left:0;
height:999999px;
margin:0;
padding:0;
}
.l-rotator .thumbnails li{
position:relative;
display:block;
float:left;
clear:both;
}
.l-rotator .thumbnails li a{
display:none;
}
.l-rotator .thumbnails li div{
display:none;
color:#555;
background-color:#FFF;
}
.l-rotator #right-arrow,
.l-rotator #left-arrow{
position:relative;
display:block;
float:left;
width:12px;
}
.l-rotator #right-arrow{
background:url(assets/right_arrow.png) left center no-repeat;
}
.l-rotator #left-arrow{
background:url(assets/left_arrow.png) right center no-repeat;
}
.l-rotator .thumbnails .thumb{
position:relative;
display:block;
float:left;
cursor:pointer;
width:240px;
padding:5px;
color:#000;
background:#EEE;
background:-webkit-gradient(linear, left top, left bottom, from(#FFF), to(#EEE));
background:-moz-linear-gradient(top, #FFF, #EEE);
filter:  progid:DXImageTransform.Microsoft.gradient(startColorStr='#FFFFFF', EndColorStr='#EEEEEE'); 
-ms-filter: "progid:DXImageTransform.Microsoft.gradient(startColorStr='#FFFFFF', EndColorStr='#EEEEEE')"; 
border-color:#CCC;
border-style:solid;
border-width:0 0 1px 0;
overflow:hidden;
}
.l-rotator .thumb img{
display:block;
float:left;
padding-right:5px;
}
.l-rotator .thumb p{
display:block;
overflow: hidden;
margin:0;
}
.l-rotator .thumbnails li.selected,
.l-rotator .thumbnails li.selected .thumb{
background:#333;
background:-webkit-gradient(linear, left top, left bottom, from(#c9dede), to(#e7eded));
background:-moz-linear-gradient(top, #c9dede, #e7eded);
filter:progid:DXImageTransform.Microsoft.gradient(startColorStr='#c9dede', EndColorStr='#e7eded'); 
-ms-filter:"progid:DXImageTransform.Microsoft.gradient(startColorStr='#c9dede', EndColorStr='#e7eded')";
}
.l-rotator .thumbnails li.selected .thumb{
color:#666;
border-left:none;
border-right:none;
border-bottom:1px solid #999;
cursor:default;
}
.l-rotator .thumbnails li.item-over .thumb{
background:#DDD;
}
.l-rotator #scrollbar{
position:relative;
width:2px;
height:100%;
overflow:hidden;
background-color:#FFF;
visibility:hidden;
}
.l-rotator #knob{
position:absolute;
top:0;
left:0;
width:2px;
background-color:#333;
}
.l-rotator .btn-pane{
position:absolute;
top:0;
left:0;
width:100%;
height:24px;
background:url(assets/spacer.png) no-repeat;
z-index:2;
visibility:hidden;
}
.l-rotator #up-btn,
.l-rotator #down-btn{
position:absolute;
top:0;
left:50%;
width:60px;
height:24px;
margin-left:-30px;
}
.l-rotator #up-btn{
background:#DDD url(assets/up.png) center no-repeat;
background:rgba(221,221,221,0.7) url(assets/up.png) center no-repeat;
}
.l-rotator #down-btn{
background:#DDD url(assets/down.png) center no-repeat;
background:rgba(221,221,221,0.7) url(assets/down.png) center no-repeat;
}
.l-rotator .block,
.l-rotator .vpiece,
.l-rotator .hpiece{
position:absolute;
z-index:2;
}

#url-btn {
	margin-top: 50px;
	text-align: center;
	}
	
	
/* ==================================================================================*/




#flashcontainer {
	width: 950px;
	height: auto;
	clear: both;	
	margin-left: auto;
	margin-right: auto;
}

#frontinfo {
	width: 950px;
	height: auto;
	clear: both;	
	margin-left: auto;
	margin-right: auto;
}


#textcontainer {
	width: 930px;
	height: auto;
	clear: both;	
	padding: 30px 10px 30px 10px;
	margin-left: auto;
	margin-right: auto;
}

#newsbox{
	height: auto;
	width: auto;
	float: left;
}

#latestnews {
	float: left;
	height: auto;
	padding: 10px 10px 10px 10px;
	margin-bottom: 10px;
	width: 700px;
	clear: both;
}

#offer {
	float: left;
	padding: 10px 10px 10px 10px;
	margin-bottom: 10px;
	width: 677px;
	clear: both;
}


.bluebox {
	background-color: #f3f6f7;
	border: #336666 solid 1px;
}

.bluebox-center {
	background-color: #f3f6f7;
	border: #336666 solid 1px;
	padding: 30px;
	vertical-align: middle;
	text-align: center;
}



#formcontainer {
	width: 450px;
	float: left;
}

#contactform{
	float: left;
	padding: 10px 10px 10px 10px;
	margin-bottom: 10px;
	width: 420px;
}

#contactform2{
	float: left;
	padding: 10px 10px 10px 10px;
	margin-bottom: 10px;
	width: 680px;
}

#customercare{
	width: 460px;
	height: 320px;
	padding: 0px 10px 0px 10px;
	float: left;
}

#contacts {
	width: 220px;
	height: 100px;
	float: left;
	padding: 0px 10px 0px 0px;
}

#about {
	width: 444px;
	height: 450px;
	padding: 10px 10px 0px 10px;
	float: left;	
}

.handcursor{
cursor:hand;
cursor:pointer;
}

#pmenu, #newsarchive {
	width: 175px;
	padding: 10px 10px 0px 10px;
	float: left;	
}

.pmenuheader {
	font-size: 12px;
	font-weight: bold;
	display: block;
	margin-left: 0em;
	background-color: #f3f6f7;
	width: 130px;
	border: #999 dashed 1px;
	padding-left: 5px;
}

#pmenu ul li, #newsarchive li {

	margin-top: 3px;
	list-style: none;

}

#pmenu ul a:link, .pmenuheader a:link, .pmenuheader ul a:link {
	color: #333;
	padding-left: 15px;
	text-decoration: none;
	
}

#pmenu ul a:visited, .pmenuheader a:visited, .pmenuheader ul a:visited {
	color: #333;
	text-decoration: none;
	padding-left: 15px;
}

#pmenu ul a:active, .pmenuheader a:active, .pmenuheader ul a:active {
	color: #333;
	text-decoration: none;
	background-image: url(img/arrowbullet.png);
	background-margin-left: 15px;
	background-repeat: no-repeat;
	font-style: italic;

}

#pmenu ul a:hover, .pmenuheader a:hover, .pmenuheader ul a:hover {

	color: #333;
	text-decoration: none;
	padding-left: 15px;
	background-image: url(img/arrowbullet.png);
	background-margin-left: 15px;
	background-repeat: no-repeat;
}

#pmenu ul {
	margin-left: -2em;
	margin-top: 2px;
}


#mainprod {
	width: 687px;
	float: left;
	padding: 5px;
	border: #CCC 1px solid;
	background: #FFF;
}

#chooseprod {
	width: 211px;
	float: left;
	padding: 5px;
	border: #CCC 1px solid;
	background: #FFF;
}

#dualcol {
	width: 330px;
	float: left;
	padding: 5px;
	border: #CCC 1px solid;
	background: #FFF;
}

#chooseprod a:link, #dualcol a:link, #mainprod a:link {
	text-decoration: none;
	color: #333;
}

#chooseprod a:hover, #dualcol a:hover, #mainprod a:hover {
	text-decoration: none;
	color: #333;
	font-style: italic;
	font-weight: bold;
}

#chooseprod a:visited, #dualcol a:visited, #mainprod a:visited {
	text-decoration: none;
	color: #333;
}

.marg-left {
	margin-left: 15px;
}
.marg-right {
	margin-right: 15px;
}

.properties {
	float: right;
	height: 30px;
	width: 250px;
	text-align: right;
	vertical-align: bottom;
}

.properties-spacer {
	padding-left: 5px;
}

#nav {
	background: #CCC;
	border: #999 1px dashed;
	padding: 3px;
	font-size:11px;
	clear: none;
}

#nav a:link {
	color: #333;
	text-decoration: none;
}

#nav a:visited {
	color: #333;
	text-decoration: none;
}

#nav a:hover {
	color: #333;
	text-decoration: underline;
	font-style: italic;
}



#h-line {
	width: 950px;
	height: 13px;
	clear: both;
	margin-left: auto;
	margin-right: auto;

	
}

#footer {
	width: 950px;
	height: 50px;
	clear: both;
	text-align: center;
	margin-left: auto;
	margin-right: auto;
}

#background {

	width: 900px;
	background-color: #365168;
	padding: 10px 10px 10px 10px;
	margin-left: auto;
	margin-right: auto;
}

#menu {
	width: 600px;
	float: left;	
	height: 62px;
}

#menubox {
	clear: both;
	background: url(img/menu/menubg.gif) repeat-x; 
	width: 950px;
	height: 41px;
	margin-left: auto;
	margin-right: auto;
}

ul#umbramenu{
	margin:0;
	padding:0;
	list-style-type:none;
	width:auto;
	position:relative;
	display:block;
	height:36px;
	text-transform:uppercase;
	font-size:12px;
	font-weight:bold;
	background:transparent url("img/menu/bgOFF.gif") repeat-x top left;
	font-family:Helvetica,Arial,Verdana,sans-serif;
	border-bottom:4px solid #336666;
	border-top:1px solid #C0E2D4;
	float: left;
	clear:both;
}

ul#umbramenu li{
	display:block;
	float:left;
	margin:0;
	pading:0;
}

ul#umbramenu li a{
	display:block;
	float:left;
	color:#FFF;
	text-decoration:none;
	padding:12px 20px 0 20px;
	height:24px;
	background:transparent url("img/menu/bgDIVIDER.gif") no-repeat top right;
}

ul#umbramenu li a:hover{
	background:transparent url("img/menu/bgHOVER.gif") no-repeat top right;
	color: #666;
}

ul#umbramenu li a.current,ul#umbramenu li a.current:hover{
	color:#FFF;
	background:transparent url("img/menu/bgON.gif") no-repeat top right;
}


#left-col {
	width: 296px;
	padding: 10px 10px 0px 10px;
	float: left;	
}

#right-col {
	width: 280px;
	padding: 10px 10px 0px 10px;
	float: left;	
}

#news-col {
	width: 612px;
	padding: 10px 10px 0px 10px;
	float: left;	
	
}
#bookcontainer {
	width: 950px;
	height: 650px;
	margin: auto;
	clear: left;
	
}

#service {
	width: 535px;

	border-right: dashed 1px #666;
	float: left;
	padding: 5px 15px 0px 0px;
	background: #FFF;
}

#serviceavtale {
	width: 365px;
	float: left;
	padding: 5px 0px 0px 10px;
	border: none;
	background: #FFF;
}

.url a:link {
	color: #390;
}

.url a:visited {
	color: #390;
}

.url a:hover {
	color: #0CF;
}

.url a:active {
	color: #0CF;
}

.spacer {
	height: 10px;
}

.spacercl {
	height: 10px;
	clear: both;
}

#markiseduker {
	text-align: center;
}

#copyright {
	width: 920px;
	margin-left: auto;
	margin-right: auto;
	color:#FFF;
	font-size:smaller;
}

.date{
	font-size: 10px;
	margin: 0px 0px -10px 0px;
}

.date p {
	font-size: 10px;
	margin: 0px 0px -5px 0px;
}

.thumbnail {
	width: 50px;
	height: 50px;
	border: thin #000;
	float: left;
	margin: 4px 10px 5px 0px;
}

.newsimage {
	width: auto;
	height: auto;
	border: thin 1px #000;
	float: left;
	margin: 4px 10px 5px 0px;
}

.imagebox {
	width: 177px;
	float: left;
	margin-right: 10px;
}

.infoboxes {
	line-height: 21px;
	text-align: justify;
	color: #333;
}

.infoboxes a:link {
	color: #390;
}

.infoboxes a:visited {
	color: #390;
}

.infoboxes a:hover {
	color: #0CF;
}

.infoboxes a:active {
	color: #f56e4b;
}

.heading {
	font-size: 14px;
	font-weight: bold;
}

.justify {
	width: 100%;
	margin-left: auto;
	margin-right: auto;
	text-align: center;
}

.infobox {
	border: #000 1px dashed;
	background: #EEE;
	padding: 5px;
}

.buttonAsLink{
	font-family:       Verdana, Arial, Helvetica, sans-serif;
	font-size:         12px;
	color:             #390;
	cursor:            pointer;
	text-decoration:	underline;
	background-color: #FFF;
	border: none;
	display: block inline;
	padding: 0;
	text-align: left;
	}

.buttonAsLink_hover{
	font-family: Verdana, Arial, Helvetica, sans-serif;
	font-size: 12px;
	color: #0CF;
	cursor: pointer;
	text-decoration: underline;
	background-color: #FFF;
	border: none;
	padding: 0;
	text-align: left;
	}
	
.llumar {

	font-family: "Lucida Console", Monaco, monospace;
	font-size: 10px;
	width: 700;
	color: #CCC;
	border-collapse:collapse;
}

.odd  {
	background-color:#999;
}

.tableheader {
	text-align: center;
	font-size: 11px;
	background-color: #CCC;
}

.starred {
	font-size: 10px;
	font-style: italic;
}

/*//////////////////// IMAGE OVERLAYEFFECTS /////////////////////////*/



.overlay {
	position: relative; 
	display: inline-block;
}                    
	.overlay img {
		display: block;
	}  
.overlay .description {
	position: absolute;
	left: 0px; 
	width: 100%;
	
	/* Setting a zero opacity so we have a nice fading effect on mouse hover */
	filter: alpha(opacity=0);
	opacity: 0;
	-ms-filter: "progid:DXImageTransform.Microsoft.Alpha(Opacity=0)";
	/* Semi-transparent background for modern browsers, black for older browsers */
	background:#000000;
	background: rgba(0,0,0,0.8);
	/* CSS3 transition, makes the fading effect */ 
	-webkit-transition: opacity 0.4s ease-in-out;
	-moz-transition: opacity 0.4s ease-in-out;
	-o-transition: opacity 0.4s ease-in-out;
	transition: opacity 0.4s ease-in-out;
}
	.description p {
		/* Text styling */
		padding:10px;
		color:#ffffff;
	}
.overlay:hover .description {
	/* Setting a 100% opacity on mouse hover */
	filter: alpha(opacity=60);
	opacity: 0.6;
	-ms-filter: "progid:DXImageTransform.Microsoft.Alpha(Opacity=60)";
}
/* Aligning to the bottom of the image */
.bottom {
	bottom: 0px;
}
/* Aligning to the top of the image */
.top {
	top: 0px;
}






/*///////////////////////////////////////////////////////////////////*/



/*//////////////////// Campaign CSS ///////////////////////////*/

#vaar {
	background-image: url(img/kampanjer/vaar2011terrasse.jpg);
	background-repeat: no-repeat;
	color: #FFF;
	float: left;
	padding: 690px 10px 10px 15px;
	margin-bottom: 10px;
	width: 677px;
	height: 450px;
	clear: both;
}

#vaar p {
	padding-right: 220px;
}

#vaar li {
	padding-right: 220px;
}

#facebook-vaar {
	float: left;
	margin-top: -170px;
	margin-right: 20px;
}

/*/////////////////////////////////////////////////////////////////////////*/