/* CSS Document */
* { margin:0; padding:0;}
html, body { height:100%; }
body {font-size:100%; line-height:1em; background:url(images/skybluesv.jpg) center 0 #5c5c5c;}
html, input, textarea	{	font-family: Arial, Helvetica, sans-serif; color:#1b3d4f;}	

.alignMiddle{ vertical-align:middle}
.alignCenter{ text-align: center}
.container1{ width:100%}
.clear { clear:both;}
.fleft{ float:left}
.fright{ float:right}
div.container {	overflow:hidden; width: 100%;}
a img{ border:0}
img{ vertical-align:top;  }

a{color:#617d87; text-decoration:underline; outline:none} 
a:hover{text-decoration:none}

.link{color:#617d87; padding:15px 0 4px 49px; text-decoration:none; font-size:1.6em; background:url(images/marker-1.gif) center left no-repeat; height:28px; display:block; vertical-align:text-bottom; }
.link:hover{text-decoration:none; color:#8c0000 }
.link1{color:#d6584e; padding:3px 0 4px 49px; text-decoration:none; font-size:2.16em; background:url(images/marker-1.gif) center left no-repeat; display:block;  }
.link1:hover{text-decoration:none; color:#3984a9 }

.link2{color:#000000; background:url(images/marker.gif) top left no-repeat; background-position:0 6px; padding-left:8px; text-decoration: underline; font-weight:bold}
.link2:hover{text-decoration:none; }
.link3{ color:#a2a2a2; line-height:1.5em}
.link4{color:#e43a51; background:url(images/marker3.gif) top left no-repeat; background-position:0 6px; padding-left:8px; text-decoration: underline; font-weight:bold }
.link4:hover{text-decoration:none; }

.button{color:#fff; font-weight:bold; padding:0 12px 0 12px; text-decoration:none;  }
.button:hover{text-decoration:underline }


h1 {font-family: Arial; font-size:1.4em; font-weight:normal; line-height:1.2em;  padding-bottom:3px; margin-bottom:16px; padding-top:0px;
}


.svborder {	margin:10px 0; padding:5px; background:#f8f8f8; border-left:10px solid #8c0000;}
.svborder p {margin:0;}

/*header*/
#header {font-size:0.75em; color:#FFFFFF }
#header .logo{ margin:31px 0 0 37px }
#header .indent{margin:446px 0 0 715px; position:absolute; width:226px}
#header .indent2{margin:434px 0 0 40px; position:absolute; width:290px}
#header .indent3{margin:434px 0 0 383px; position:absolute; width:280px}
#header .indent4{margin:434px 0 0 730px; position:absolute; width:280px; }
#header .indent2a{margin:290px 0 0 40px; position:absolute; width:290px}
#header .indent3a{margin:290px 0 0 383px; position:absolute; width:280px}
#header .indent4a{margin:290px 0 0 730px; position:absolute; width:280px; }
#header .logo{margin:18px 0 0 5px; position:absolute}
#header .img1{margin:480px 0 0 687px; position:absolute}
#header .img1z{margin:338px 0 0 687px; position:absolute}


#header h1{color:#325a53; font-size:1.75em; margin-bottom:13px; line-height:1.2em  }
#header h1 a{color:#325a53; text-decoration:none  }
#header h1 a:hover{text-decoration:none  }
.menu{margin:18px 0 0 234px; position:absolute; width:760px; z-index:3}
.menurod1{color:#666666; margin:76px 0 0 25px; position:absolute; width:760px}
.menurod1 a{color:#666666; text-decoration:none; outline:none;} 
.menurod1 a:hover{text-decoration:none; color:#8c0000}
.indent_links {color:#666666; margin:76px 0 0 840px; position:absolute; }
.indent_links  a{color:#666666; text-decoration:none; outline:none;} 
.indent_links  a:hover{text-decoration:none; color:#8c0000}
.indent1{ padding:99px 0 0 5px}
.block{ background:url(images/bg_block.jpg) top left no-repeat; width:979px; height:324px}
.block_level{ background:url(images/bg_block.jpg) top left no-repeat; width:979px; height:182px}
#header .slogan{margin:234px 0 0 676px; position:absolute}

ul#topnav {	margin: 0; padding: 0;	float:left;	width: 100%;	list-style: none;	font-size: 1.1em;}
ul#topnav li {float: left;	margin: 0; padding: 0;	position: relative;}
ul#topnav li a {	float: left;	text-indent: -9999px;	height: 50px;}
ul#topnav li:hover a, ul#topnav li a:hover { background-position: left bottom; }
ul#topnav a.produkter {	background: url(images/produkter.png) no-repeat;	width: 271px; }
ul#topnav a.cases {	background: url(images/cases.png) no-repeat;	width: 82px; }
ul#topnav a.service {	background: url(images/support.png) no-repeat;	width: 106px; }
ul#topnav a.omsundvision {	background: url(images/omsundvision.png) no-repeat;	width: 161px; }
ul#topnav a.kontakt {	background: url(images/kontakt.png) no-repeat;	width: 130px; }
ul#topnav li .sub {	position: absolute;	top: 50px; left: 0;	background: #617d87 url(images/sub_bg.png) repeat-x;	padding: 20px 20px 20px 20px;	float: left;
	/*--Bottom right rounded corner--*/
	-moz-border-radius-bottomright: 5px;
	-khtml-border-radius-bottomright: 5px;
	-webkit-border-bottom-right-radius: 5px;
	/*--Bottom left rounded corner--*/
	-moz-border-radius-bottomleft: 5px;
	-khtml-border-radius-bottomleft: 5px;
	-webkit-border-bottom-left-radius: 5px;
	display: none;
}
ul#topnav li .row {clear: both; float: left; width: 100%; margin-bottom: 10px;}
ul#topnav li .sub ul{	list-style: none;	margin: 0; padding: 0;	width: 170px;	float: left;	display:block}
ul#topnav .sub ul li {	width: 100%;	color: #fff;}
ul#topnav .sub ul li h2 {	padding: 0px;  margin: 0px;	font-size: 1.3em;	font-weight: bold;	background: url(images/toplogomenu.png) no-repeat 0px 8px;}
ul#topnav .sub ul li h2 a {	padding: 7px 5px 7px 25px;	background-image: none;	color: #FFF;}
ul#topnav .sub ul li a {	float: none; 
	text-indent: 0; height: auto;	background: url(images/navlist_arrow.png) no-repeat 5px 12px;	padding: 7px 5px 7px 15px;	display: block;	text-decoration: none;	color: #fff;}
ul#topnav .sub ul li a:hover {color: #ccc; background-position: 5px 12px ;}
ul#topnav a.act { background-position: left bottom; }
ul#topnav .sub ul li a.subsubACT {color: #a5bbc3;}

/*content*/
#content{ font-size:0.80em; width:100%; text-align:left; background:url(images/bg_cont.png)}
#content .indent-main{padding:0 19px 0 18px}
#content .indent-main-level{padding:0 19px 0 5px}
#content .indent-col{padding:24px 30px 23px 20px}
#content .indent-col-level{padding:24px 25px 23px 25px}
#content .indent-col2{padding:24px 25px 25px 37px}
#content .indent-col1{padding:30px 30px 35px 32px}
#content .indent-col3{padding:35px 30px 23px 20px}
#content .title{  margin-bottom:16px}
#content .img-left{ float:left; margin:0 20px 16px 0}
#content .img-left1{ float:left; margin:0 15px 0 0}
#content .img-indent{ margin:0 0 18px 0}
#content p{ margin:0 0 19px 0}
#content .p{ margin:0}
#content .p1{ margin:0 0 19px 0}
#content h2{color:#373737; font-size:2em; text-transform:uppercase; margin-bottom:21px; line-height:1.2em; letter-spacing:-1px  }
#content h4{color:#616161; text-transform:uppercase; font-size:1em; margin-bottom:7px; line-height:1.5em  }
#content h4 span{color:#64a2b8; }
#content h5{color:#5a97ad; font-size:1.25em; margin-bottom:7px; line-height:1.5em  }
#content h3{color:#64a2b8; font-size:1em; margin-bottom:13px;  }
#content .tail{ background:url(images/tail.gif) bottom repeat-x; padding-bottom:23px; margin-bottom:23px}
#content .tail1{ background:url(images/tail1.png) top repeat-x; }
#content .tail2{ background:url(images/tail.gif) bottom repeat-x; padding-bottom:23px;}
.txt{ color:#777777}
.txt1{ color:#64a2b8; float:right; display:block; margin-bottom:21px; font-weight:bold}

.bg-col{ background:#f8f8f8}
.bg-col1{ background:#fcfcfc}

#content .indent{padding:0 0 0 0px}
#content .indent1{padding:20px 0 0 0}
#content .indent2{padding:0 0 0 203px}

.dato {margin:50px 0 0 35px; position:absolute; color: #CCCCCC;}

/*footer*/
#footer { color:#5b5b5b; font-size:0.75em; background:url(images/bot_bg.png) top repeat-x ; }
#footer .indent-footer{ padding:28px 50px 0 35px; width:650px}
#footer a {color:#488aac; text-decoration:underline}  
#footer a:hover {  text-decoration:none}
#footer .img{margin:16px 0 0 693px; position:absolute;}

#footer .indent-footer2{ margin:28px 0 0 725px; position:absolute;}
#footer .indent-footer2 a {color:#8c0000}
#footer .indent-footer2 a:hover {  text-decoration:none}
.indent-2{ position:relative; padding-left:20px; float:left}
.h{ height:27px}
.h1{ height:30px; background:url(images/bg_input.gif) top left no-repeat}
.block-contact span{ float:right; margin-right:0}
.input{	border:none; 	background:none;	width:159px; height:18px;	font-size:1em;	vertical-align:middle;	color:#a5a5a5;	padding-left:20px; padding-top:1px;}
.svlog input{border:1px solid #c3c2bd; 	background:#FFFFFF;	width:215px; height:16px;}
textarea{border:1px solid #c3c2bd;	background:#FFFFFF;	width:287px; height:107px;	font-size:1em;	padding-left:5px;	margin-bottom:11px;	overflow:auto}

.csc-mailform { border: none; }
.csc-mailform input,  .csc-mailform textarea { padding: 1px; }
.csc-mailform-field label { width: 100px; display:block; float: left; font-size:11px;  }

.csc-mailform { border: none; width:600px}
.csc-mailform input,  .csc-mailform textarea { padding: 1px; }
.csc-mailform-field label { width: 100px; display:block; float: left; font-size:11px;  }

.csc-mailform-field { padding-bottom: 15px;}
.csc-mailform-submit {font-weight: bold;
		border : 0px none;
		background-color : #FFFFFF;
		background-image : url('send.gif');
		background-repeat : no-repeat;
		background-position:   left center;
		height : 32px;
		width : 160px;
		cursor: pointer;
		margin: 0px;; font-style:normal; font-variant:normal; line-height:14px; font-size:10px; font-family:tahoma, arial, sans-serif
	}

.tooltip {
	display:none;
	background:transparent url(black_arrow.png);
	font-size:12px;
	height:70px;
	width:160px;
	padding:25px;
	color:#fff;	
}


 
.royalSlider {	
	position:relative;
	width:979px;
	height:324px;
	overflow:hidden; 
}




.royalSlider .royalWrapper {
	overflow:hidden;	
	position:relative;
	
	background: #2D2D2D url(images/sliderBG.png) repeat-x top left;
	
	width:100%; 
	height:100%;
}


.royalSlider .royalSlidesContainer {
	position: relative;
	left: 0;
	top: 0;	
	list-style:none;
	margin:0;
	padding:0;
}



.royalSlider .royalSlide{
	padding:0;
	margin:0;	
	
	position:relative;
	float:left;	
	
	overflow:hidden;	
}


.royalSlider .arrow
{	
	background:url(images/controlsSprite.png) no-repeat 0 0;

	
	width: 45px;
	height: 90px;
	
	top:120px;	
	
	cursor: pointer;
	display: block;
	position: absolute;		
	
	z-index:25;
	
	-ms-filter: "progid:DXImageTransform.Microsoft.Alpha(Opacity=80)";
	filter: alpha(opacity=80);
	-moz-opacity: 0.8;
	-khtml-opacity: 0.8;
	opacity: 0.8;	
}
.royalSlider .arrow:hover
{
	-ms-filter: "progid:DXImageTransform.Microsoft.Alpha(Opacity=100)";
	filter: alpha(opacity=100);
	-moz-opacity: 1;
	-khtml-opacity: 1;
	opacity: 1;	
}
.royalSlider .arrow.disabled
{
	-ms-filter: "progid:DXImageTransform.Microsoft.Alpha(Opacity=20)";
	filter: alpha(opacity=20);
	-moz-opacity: 0.2;
	-khtml-opacity: 0.2;
	opacity: 0.2;	
}

.royalSlider .arrow.left
{
	background-position: top left;
	left: 0;	
}

.royalSlider .arrow.right
{
	background-position: top right;
	right: 0;
}





.royalSlider .royalControlNavOverflow {
	width:100%;
	overflow:hidden;
	position:absolute;
	margin-top:-20px;
}

.royalControlNavCenterer {	
	float: left;
	position: relative;
	left: -50%;
}

.royalControlNavContainer {
	float: left;
	position: relative;
	left: 50%;	
}


.royalSlider .royalControlNavOverflow.royalThumbs {	
	margin-top:4px;
	height:80px;
}
.royalSlider .royalControlNavThumbsContainer {		
	left:0;
	position:relative;
}






/* 

	Control navigation (bullets, thumbnails)
	
*/
.royalControlNavOverflow a{	
	background: url('images/controlsSprite.png') no-repeat 0 -149px transparent;
	width:17px;
	height:17px;	
	
	float:left;	
	cursor:pointer;	
	
	position:relative;
	display:block;
	
	-ms-filter: "progid:DXImageTransform.Microsoft.Alpha(Opacity=80)";
	filter: alpha(opacity=80);
	-moz-opacity: 0.8;
	-khtml-opacity: 0.8;
	opacity: 0.8;
}
/* Current control navigation item */
.royalControlNavOverflow a.current {	
	background-position: 0 -183px !important;
}
/* Hover state navigation item */
.royalControlNavOverflow a:hover {	
	background-position: 0 -166px;	
	-ms-filter: "progid:DXImageTransform.Microsoft.Alpha(Opacity=100)";
	filter: alpha(opacity=100);
	-moz-opacity: 1;
	-khtml-opacity: 1;
	opacity: 1;	
}

/* Thumbnails */
.royalControlNavOverflow a.royalThumb{	
	background: none no-repeat 0 0;
	background-color:#CCC;
	width:144px; /* best is 144 + spacing(margin-right) 4*/
	height:60px;	
	/* thumbnails spacing, use margin-right only */	
	margin-right:4px;
		
	-ms-filter: "progid:DXImageTransform.Microsoft.Alpha(Opacity=100)";
	filter: alpha(opacity=100);
	-moz-opacity: 1;
	-khtml-opacity: 1;
	opacity: 1;	
}
.royalControlNavOverflow a.royalThumb.current {	
	background-position: -3px -3px  !important;
	border:3px solid #779f4f !important;
	width:138px;
	height:54px;
}
.royalControlNavOverflow a.royalThumb:hover {	
	background-position: -3px -3px;	
	border:3px solid #777;
	width:138px;
	height:54px;
}



/* 

	
*/
.royalSlider .thumbsArrow {
	background:url(images/controlsSprite.png) no-repeat 0 0;
	width: 38px;
	height: 68px;
	
	
	cursor: pointer;
	display: block;
	position: absolute;		
	z-index: 25;
	
	-ms-filter: "progid:DXImageTransform.Microsoft.Alpha(Opacity=80)";
	filter: alpha(opacity=80);
	-moz-opacity: 0.8;
	-khtml-opacity: 0.8;
	opacity: 0.8;	
}
.royalSlider .thumbsArrow.left {
	background-position: -116px -132px;
	left: 0;	
}
.royalSlider .thumbsArrow.right {
	background-position: -156px -132px;
	right: 0
}
.royalSlider .thumbsArrow:hover  {
	-ms-filter: "progid:DXImageTransform.Microsoft.Alpha(Opacity=100)";
	filter: alpha(opacity=100);
	-moz-opacity: 1;
	-khtml-opacity: 1;
	opacity: 1;	
}
.royalSlider .thumbsArrow.disabled {
	-ms-filter: "progid:DXImageTransform.Microsoft.Alpha(Opacity=20)";
	filter: alpha(opacity=20);
	-moz-opacity: 0.2;
	-khtml-opacity: 0.2;
	opacity: 0.2;	
}






.royalSlider .royalCaption {
	z-index:20;
	display:block;
	position:absolute;	
	left:0;
	top:0;
	font: normal normal normal 1em/1.5em Georgia, serif;
	color:#FFF;	
	white-space: nowrap;	 
}
.royalSlider .royalCaptionItem {
	clear:both;
	font-size:2em;	
	line-height:1.5em;
	position:relative;	
	margin:0;
}



.royalSlider .royalLoadingScreen {
	background:#FFF;
	width:100%;
	height:100%;
	position:absolute;
	z-index:99;	
}
.royalSlider .royalLoadingScreen p {		
	width:100%;
	position:absolute;	
	margin:0 auto;
	top: 45%;
	text-align:center;
}

.royalSlider .royalPreloader {
	font: normal normal normal 0.8em/1.5em Georgia, serif;
	color:#DDD;	
	position:absolute;
	width:100%;
	text-align:center;
	top:46%;		
}