/* CSS Document */

*, html {
	margin:0px;
	padding:0px;}

img {
	border: none;
	border: 0px;
}

div {
	text-align:left;}

body  {
	background:#000000;
	font-family:Arial, Helvetica, sans-serif;
	}
	
a, a:visited {
	color:#FFFFFF;
	text-decoration:none;}
	
a:active, a:hover {
	border-bottom:dotted #FFB462 1px;
}

#siteContainer {
	background:url(gfx/bgLine.gif) repeat-x;
	margin:0 auto;
	width:983px;
	height:602px;}
	
#colLeft {
	float:left;
	background:url(gfx/bgColLeft.gif) no-repeat;
	height:582px;
	width:223px;
	z-index:2;}

#colLeft li {
	background:url(gfx/menuBg.gif) no-repeat;
	height:30px;
	line-height:30px;
	padding-left: 21px; }
	
#colLeft ul {
	margin-top:170px; }	

#colMiddle {
	float:left;
	background:url(gfx/bgColMiddle.gif) no-repeat;
	height:582px;
	width:555px;}

#logo a {
	border:none;
}

#flashContainer {
	float:left;
	position:absolute;
	z-index:2;
	margin-left:225px;
	width:551px;
	height:520px;
	margin-top:62px;
}

#startFlashContainer {
	float:left;
	position:absolute;
	z-index:2;
	margin-left:225px;
	width:551px;
	height:399px;
}

#intro {
	color:#FFFFFF;
	font-size:18px;
}


#intro h1 {
	color:#FFFFFF;
	font-size:18px;
	padding:0px 20px 0px 20px;}

#intro h3 {
	color:#FFFFFF;
	font-size:12px;
	padding:10px 20px 6px 20px;
}

#intro ul {
	padding-left: 36px}		
	
#intro li {
	color:#CCCCCC;
	font-size:11px;
	padding:0px 4px;
}

#intro ul li {
	padding:2px 0px;
}

a.links {
	padding:2px 6px;
	margin:1px 0px 0px 0px;
	}
	

#intro p {
	color:#CCCCCC;
	font-size:11px;
	line-height:16px;
	padding:10px 20px 10px 20px;
	}

#scrollRuta {
	margin:10px 0px 10px 0px;
	}	
	
#scrollRuta a:active, #scrollRuta a:hover  {
	border-bottom:0px;
	}	
	

#colRight2 {
	float:left;
	background:url(gfx/bgColRight.gif) no-repeat right;
	height:582px;
	width:205px;
	}

#colRight2 a, #colRight2 a {}
#colRight2 a:hover, #colRight2 a:active {
	border:none;
	text-decoration:none;
}
	

#colRight2 ul {
	list-style-type: none;
}

#colRight2 li {
	margin:0px 10px 11px 21px;
}
	
#colRight2 h1 {
	font-size:12px;
	color:#FFFFFF;
	padding:0px 20px 0px 20px;
	font-weight:normal;}

#colRight2 p {
	font-size:11px;
	color:#CCCCCC;
	line-height:14px;
	padding:15px 20px 15px 20px;}
	
#colRight2 h2, #intro h2 {
	font-size:11px;
	color:#FFB462;
	font-weight:normal;
	padding:0px 20px 0px 20px;}
	
#colRight2 h3 {
	font-size:11px;
	color:#CCCCCC;
	line-height:14px;
	padding:0px 20px 10px 20px;
	font-weight:normal;}

#colRight2 img {
	margin-left:10px;
	}

span.contact {
	position:absolute;
	margin-left:10px;
	width:185px;	
	height:132px;
}
	
span.contact:hover {
	position:absolute;
	margin-left:10px;
	background:url(gfx/plus.gif) right bottom no-repeat;
	width:185px;
	height:132px;
	}
#colRight2 img:hover {
	
	}

div.client{
	width:61px;
	float:left;
	margin-bottom:12px;
	margin-right:1px;
}

div.client span{
	color:#ccc;
	font-size:8px;
	display:block;
	padding:0px 1px;
	text-transform:uppercase;
	text-align:center;
}

span.contactName, span.contactTitle {
	font-size:11px;
	display:block;
	color:#cccccc;
	padding-left:20px;
	font-weight:bold;
	}

span.contactTitle {
	font-style:italic;
	font-weight:normal;
	margin-bottom:6px;
	}
	
	
#colRight {
	float:left;
	background:url(gfx/bgColRight.gif) no-repeat right;
	height:582px;
	width:205px;}
	
#colRight ul {
	padding-left: 36px
}	

#colRight li {
	color:#CCCCCC;
	font-size:11px;
	padding:0px 40px;
}	

	
#colRight h1 {
	font-size:12px;
	color:#FFFFFF;
	padding:0px 20px 0px 20px;}

#colRight p {
	font-size:11px;
	color:#CCCCCC;
	line-height:14px;
	padding:15px 20px 15px 20px;}
	
#colRight h2, #intro h2 {
	font-size:11px;
	color:#FFB462;
	font-weight:normal;
	padding:0px 20px 0px 20px;}
	
#colRight h3 {
	font-size:11px;
	color:#CCCCCC;
	line-height:14px;
	padding:0px 20px 0px 20px;
	font-weight:normal;}	
	
#colRight a:hover, #colRight a:active, #intro a:hover, #intro a:active {
	font-weight:normal;}
	
#linebreak {
	height:25px;
	background:url(gfx/linebreak.gif) repeat-x;
	margin:0px 10px 0px 10px;}
	
#linebreak2 {
	height:20px;
	background:url(gfx/linebreak.gif) repeat-x center;
	margin:0px 10px 0px 10px;
}	

#colRight h2 {
}
	
#colFoot {
	color:#FFFFFF;
	height:20px;
	clear:both;
	font-size:10px;
	font-weight:bold;
	padding:0px 10px 0px 10px;}	

.footText {
padding-top:7px; 

}
	
.footText a, .footText a:visited {
	color:#FFB462; }
	
.footText a:active, .footText a:hover {
	border-bottom:dotted #FFFFFF 1px; }
	
#headBigStart {
	background:url(gfx/headBig.gif) no-repeat;
	height:46px;
	margin:18px 0px 0px 11px;
	color:#FFFFFF;
	z-index:30;
	position:absolute;
	width:515;
	padding:5px 0px 0px 18px;
	font-size:11px;
	font-weight:bold; }
	
#headBig {
	background:url(gfx/headBig.gif) no-repeat;
	height:46px;
	margin:18px 0px 0px 11px;
	color:#FFFFFF;
	z-index:100;
	width:515;
	padding:5px 0px 0px 18px;
	font-size:11px;
	font-weight:bold; 
}
	
#headMini {
	background:url(gfx/headSmall.gif) no-repeat;
	height:46px;
	margin:18px 0px 0px 11px;
	color:#FFFFFF;
	padding:5px 0px 0px 18px;
	font-size:11px;
	font-weight:bold; }	


.menu-unlinked {
	font-size:11px;
	color:#666666;
	}		

.menu-description {
	font-size:11px;
	color:#cccccc;
	padding:0px 18px 3px 10px;
	}

a.menu-active, a:visited.menu-active {
	font-size:12px;
	font-weight:bold;
	border-bottom:dotted #FFB462 1px;}
	
a.menu-active2, a:visited.menu-active2 {
	font-size:12px;
	font-weight:bold;
	border-bottom:dotted #FFB462 1px;}	

a.menu, a:visited.menu {
	font-size:11px;
	color:#A8A8A8;}

a:active.menu, a:hover.menu {
	color:#FFFFFF;}
	
	
a.menu2, a:visited.menu2 {
	color:#CCCCCC;}

a:active.menu2, a:hover.menu2 {
	color:#FFFFFF;}
	
a.menu-active, a.menu {
	}


#flag {
	float:left;
	margin-right:10px;}

#flag a { border:none; }

.l {
	float:left;}

.limg {
	float:left;
	border:solid #000 6px;
	margin:0px 14px 6px 0px;
	}


.r {
	float:right;}


.rimg {
	float:right;
	border:solid #000 6px;
	margin:0px 0px 6px 14px;
	}

br.clear {
clear:both;
}


/* 
   Scroll-funktionen på startsidan 
	 Specify width and height in hold and wn, and in clip for wn 
*/
div#hold	{ 
	position:relative; overflow:hidden;
	width:530px; height:100px; 
  	z-index:100;
	}
div#wn	{ 
	position:absolute; 
	left:0px; top:0px; 
	width:530px; height:100px; 
	clip:rect(0px, 530px, 100px, 0px); 
	overflow:hidden;	
	z-index:1; 
	}
div.content { 
	position:absolute; visibility:hidden;
	left:0px; top:0px; 
	z-index:1; 
	}

div#scrollbar { 
	position:relative; left:0; top:0;
	width:11px; height:100px; 
	font-size:1px; z-index:1;
  }
div#track { 
  position:absolute; left:0; top:11px;
  width:11px; height:78px;
  z-index:1;
  }
div#dragBar {
  position:absolute; left:0px; top:0px;
  width:9px; height:20px;
  background-color:#313131;
  z-index:1;
  }  
div#up { position:absolute; left:0; top:0; z-index:2 }  
div#down { position:absolute; left:0; bottom:0; z-index:3 }  


/* jQuery-scrollen på clients-sidan, http://cssglobe.com/post/3783/jquery-plugin-easy-image-or-content-slider/  */


#slider-wrapper{
	padding-left:10px;
	}

#slider ul, #slider li{
	margin:0;
	padding:0;
	list-style:none;
	}

#slider, #slider li{ 
	width:186px;
	height:450px;
	overflow:hidden; 
	}
	

#slider img{ 
	margin-left:0px;
	}



span#prevBtn{
display:none;
	}
	
span#nextBtn{
	display:block;
}



span#prevBtn, span#nextBtn{
	text-transform: uppercase;
	padding-top:10px;
	background-image: url(gfx/linebreak.gif);
	background-repeat: repeat-x;
	background-position: 0px -15px;
	width:186px;
	font-weight: bold;
	}

span#prevBtn a:hover, span#nextBtn a:hover{
	color:#ffffff;
	font-size:11px;
	border-bottom:dotted #FFB462 1px;
	}
	
span#prevBtn a, span#nextBtn a, span#prevBtn a:visited, span#nextBtn a:visited{	
color:#A8A8A8;
font-size:11px;
	}