#bd {
	height: 493px;
	background-image: url(/images/bg_page_start.jpg);
	width: 100%;
	border: 0px;
}

#theme-pic-holder {
	height: 100%;
	background-repeat: no-repeat; 
	background-position: center top;
	display:block;
	min-width: 977px;
}


#start-content
{
    /*margin: 140px 0px 0px 48px;*/
    display:block;
    overflow: hidden;
		float:left;
}
/*
#start-content-top { height: 45px; display:block; }
#start-content-left { float:left; width:12px; display:block; height: 402px;  }
#start-content-bottom { height: 45px; display:block; clear:both; }
#start-content #subnav-top { height: 85px; width:271px; display:block; }
#start-content #subnav-bottom { height: 90px; hheight:65px; width:271px; position:absolute; }
*/

#start-content-top { height: 35px; display:block; }
#start-content-left { float:left; width:12px; display:block; height: 425px;  }
#start-content-bottom { height: 32px; display:block; clear:both; }
#start-content #subnav-top { height: 95px; width:251px; display:block; }
#start-content #subnav-bottom { height: 103px; hheight: 78px; width:251px; position:absolute; }

/*.hide-speech-bubble { background:red;}*/


/* SUB NAV --------------------------------------------  */
#subnav
{
    margin:10px 0px;
		padding:0px;
		width: 271px;
}

#subnav ul
{
    list-style: none;
	border-top: 1px solid #2c2e31;
	padding: 4px 0px 6px 0px;
	display:block;
}
.ie6 #subnav ul { clear:both; float:left; width: 100%; }

#subnav ul.first { border: none; }

#subnav ul li { }
.ie6 #subnav ul li { clear:both; float:left; width: 100%; }

#subnav ul li a
{
    text-decoration: none;
    font-size: 17px;
		line-height: 100%;
    color: #fff;
    font-weight: normal;
    margin: 0px 0px 0px 0px;
		padding: 4px 0px 4px 17px;
		background: url(/images/e_arrow_right_orange.gif) left 4px no-repeat;
		display:block;
		cursor:pointer;
}
#subnav ul.c1 li a { background-image: url(/images/e_arrow_right_green.png); }
#subnav ul.c2 li a { background-image: url(/images/e_arrow_right_orange.png); }
#subnav ul.c3 li a { background-image: url(/images/e_arrow_right_blue.png); }

#subnav ul.c1 li a:hover { background-image: url(/images/e_arrow_right_green_glow.png); }
#subnav ul.c2 li a:hover { background-image: url(/images/e_arrow_right_orange_glow.png); }
#subnav ul.c3 li a:hover { background-image: url(/images/e_arrow_right_blue_glow.png); }



.ie6 #subnav ul.c1 li a { background-image: url(/images/e_arrow_right_green.gif); }
.ie6 #subnav ul.c2 li a { background-image: url(/images/e_arrow_right_orange.gif); }
.ie6 #subnav ul.c3 li a { background-image: url(/images/e_arrow_right_blue.gif); }

.ie6 #subnav ul.c1 li a:hover { background-image: url(/images/e_arrow_right_green.gif); }
.ie6 #subnav ul.c2 li a:hover { background-image: url(/images/e_arrow_right_orange.gif); }
.ie6 #subnav ul.c3 li a:hover { background-image: url(/images/e_arrow_right_blue.gif); }


.tjanst 
{
		position:absolute;
		top:180px;
    margin: 0px 0px 0px 267px; 
    width: 715px; 
    height: 395px; 
    background: transparent url(/images/bg_speech_bubble_orange.png) no-repeat right top;
    display:none;   
}
#speech-bubble .c1 { background-image: url(/images/bg_speech_bubble_green.png); }
#speech-bubble .c2 { background-image: url(/images/bg_speech_bubble_orange.png); }
#speech-bubble .c3 { background-image: url(/images/bg_speech_bubble_blue.png); }

.ie6 #speech-bubble .c1 { background-image: url(/images/bg_speech_bubble_green.gif); }
.ie6 .tjanst, 
.ie6 #speech-bubble .c2 { background-image: url(/images/bg_speech_bubble_orange.gif); }
.ie6 #speech-bubble .c3 { background-image: url(/images/bg_speech_bubble_blue.gif); }



#speech-bubble .speech-arrow { 
	height: 371px; width: 37px; margin-top:12px; 
	overflow:hidden;
	float:left;
}
#speech-bubble .speech-arrow div { 
	height: 723px; width: 37px; margin-top: -257px;
	background: transparent url(/images/bg_speech_bubble_arrow_orange.png) no-repeat left top;
}
#speech-bubble .c1 .speech-arrow div { background-image: url(/images/bg_speech_bubble_arrow_green.png); }
#speech-bubble .c2 .speech-arrow div { background-image: url(/images/bg_speech_bubble_arrow_orange.png); }
#speech-bubble .c3 .speech-arrow div { background-image: url(/images/bg_speech_bubble_arrow_blue.png); }

.ie6 #speech-bubble .c1 .speech-arrow div { background-image: url(/images/bg_speech_bubble_arrow_green.gif); }
.ie6 #speech-bubble .speech-arrow div,
.ie6 #speech-bubble .c2 .speech-arrow div { background-image: url(/images/bg_speech_bubble_arrow_orange.gif); }
.ie6 #speech-bubble .c3 .speech-arrow div { background-image: url(/images/bg_speech_bubble_arrow_blue.gif); }

.tjanst-info
{
	width: 626px;
	height: 347px;
	float:left;
	margin-top: 2px;
  padding: 22px 10px 22px 35px;
  display:block;
  overflow: hidden;
	background-repeat: no-repeat;
	background-position: right top;
	
}

#tjanster_reklamochmarknadsforing .tjanst-info { background-image: url(/images/bg_speech_bubble_penn.png); }
#tjanster_3d .tjanst-info { background-image: url(/images/bg_speech_bubble_vr.png); }
#tjanster_projektledning .tjanst-info { background-image: url(/images/bg_speech_bubble_steering.png); }
#tjanster_systemutveckling .tjanst-info { background-image: url(/images/bg_speech_bubble_computer.png); }
#tjanster_integration .tjanst-info { background-image: url(/images/bg_speech_bubble_puzzle.png); }
#tjanster_collaboration .tjanst-info { }
#tjanster_support .tjanst-info { background-image: url(/images/bg_speech_bubble_gear.png); }
#tjanster_drift .tjanst-info { background-image: url(/images/bg_speech_bubble_server.png); }

.ie6 #tjanster_reklamochmarknadsforing .tjanst-info { background-image: url(/images/bg_speech_bubble_penn.gif); }
.ie6 #tjanster_3d .tjanst-info { background-image: url(/images/bg_speech_bubble_vr.gif); }
.ie6 #tjanster_projektledning .tjanst-info { background-image: url(/images/bg_speech_bubble_steering.gif); }
.ie6 #tjanster_systemutveckling .tjanst-info { background-image: url(/images/bg_speech_bubble_computer.gif); }
.ie6 #tjanster_integration .tjanst-info { background-image: url(/images/bg_speech_bubble_puzzle.gif); }
.ie6 #tjanster_collaboration .tjanst-info { }
.ie6 #tjanster_support .tjanst-info { background-image: url(/images/bg_speech_bubble_gear.gif); }
.ie6 #tjanster_drift .tjanst-info { background-image: url(/images/bg_speech_bubble_server.gif); }

.tjanst h1 { color: #f5802f; font-size: 37px; line-height: 100%;  margin:0; padding-bottom:8px; }
.tjanst h1 span { color: #f5802f; font-size: 53px; line-height: 100%; display:block; margin:0; }
.tjanst h1 span.l { font-size: 65px; line-height: 100%; }
.c1 h1, .c1 h1 span { color: #99a121; }
.c2 h1, .c2 h1 span { color: #f5802f; }
.c3 h1, .c3 h1 span { color: #336ca7; }

#page-content .tjanst h4 { color: #fff; font-size: 14px; margin:0; margin-bottom: 5px; padding:0px; }

.tjanst-beskrivning
{
    float: left;
    width: 375px;
		height: 100%;
		padding-right: 5px;
}

.tjanst-beskrivning p { font-size: 14px; line-height: 130%; font-weight: normal; color:#878787; margin-bottom: 3px; padding:0px; }






.tjanst-right
{
    float: right;
    width: 202px;    
		border-left: 1px solid #474645;
		padding-left: 27px;
		padding-right: 10px;
		height: 100%;
}
.tjanst-right p { margin: 0; color: #878787; }
.tjanst-right p, .tjanst-right a { font-size: 11px; }


#page-content .tjanst-right h3 { font-size: 21px; line-height: 130%; font-weight: bold; color:#fff; border: none; margin: 0; padding:0px 0px 10px 0px; }