/*
THEME NAME: EBUTIK 2.0
THEME URI: http://www.e-butik.se
DESCRIPTION: EBUTIK
VERSION: 1.0
AUTHOR: Jimmy Oh, Christoffer Lejdborg
AUTHOR URI: <a href="http://www.e-butik.se">Jimmy Oh</a>, <a href="http://www.e-butik.se">Christoffer Lejdborg</a>
*/


/* Two-column with sidebar on left from the /examples/ folder  
@import url('examples/2c-l.css'); */


body { background: #e0e0e0; }
* { margin: 0 auto; padding: 0; border: none; font-size: 100%; list-style-type: none; list-style: none; text-decoration: none; font-family: arial, helvetica, sans-serif; }			
:focus { outline: none; }

#totalcontainer .float_extender {
clear: both; height: 0; line-height: 0; font-size: 0; }

/* ====== TOTALCONTAINER ========================================================================== */
		
		#totalcontainer {
		width: 100%;
		margin: 0 auto; }


/* ===== TOP ======================================================================================= */


		#top {
		background: #fff;
		width: 100%;
		height: 90px;
		display: block;
		margin: 0 auto; }
		
			#top .container {
			width: 960px;
			margin: 0 auto; }
			
				#top #logo { margin: 20px 0 0 0; float: left; }
				
					#top #contact {
					width: 200px;
					font-size: 10px;
					margin: 10px 0 0 0;
					float: right; }
						
			#top #contact .email { width: 190px; text-align: right; float: right; display: block; clear: both; font-size: 14px; font-weight: bold; color: #46ace7; }
				#top #contact .responsetime { width: 190px; text-align: right; float: right; display: block; clear: both; color: #999; }
					#top #contact .phonenumber { width: 190px; text-align: right; float: right; display: block; clear: both; font-size: 14px; font-weight: bold; color: #46ace7; margin: 7px 0 0 0; }
						#top #contact .openinghours { width: 190px; text-align: right; float: right; display: block; clear: both; color: #999; }


#top #slogan { float: left; margin: 32px 0 0 110px; }
#top #slogan h2 { float: left; font-size: 22px; color: #46ace7; line-height: 27px; padding: 0; }

/* ===== SLIDER ==================================================================================== */
	#slider div#slidecontainer { 
	clear:both;
	display:block;
	width:960px;	
	height:277px;
	position:relative;	
	background: url('img/slide/slidecontainerbg.gif') no-repeat 0px 0px; }

		#slider div.slidetext { 
		float:left;
		display:block;
		width:480px;	
		height:197px;
		padding:30px 30px;
		overflow:hidden; }

			#slider div.slidetext h2 { 
			margin:0px 0px 10px 0px;
			color:#fff;
			font:bold 31px/34px helvetica, arial, verdana, sans-serif;  }

			#slider div.slidetext p { 
			margin:0px 0px 10px 0px;
			color:#fff;
			font:bold 16px/20px helvetica, arial, verdana, sans-serif;  }

			#slider div.slidetext a { 
			color:#fff;
			font:bold 16px/20px helvetica, arial, verdana, sans-serif;  }
			
		#slider div.slideimg { 
		float:left;
		display:block;
		width:412px;	
		height:277px; }

			#slider div.slideimg img { display:block; }
	
	#slider .nav { 
	clear:both;
	display:block;
	width:960px;	
	height:54px;
	background: url(img/slide/slidenavbg.png) repeat-x;  }

	#slider #nav { 
	margin:0px;
	padding:0px;
	list-style:none; }

		#slider #nav li { float:left; }

			#slider #nav li { 
			float:left;
			display:block;
			width:239px;
			height:54px;
			margin:0px;
			padding:0px 1px 0px 0px; }

			#slider #nav li a	{ 
			float:left;
			display:block;
			width:219px;
			height:36px;
			margin:0px;
			padding:18px 0px 0px 20px;
			color:#000;
			font:bold 20px/20px helvetica, arial, verdana, sans-serif; }

				#slider #nav li a:hover	{ 
				text-decoration:none; 
				background: url('img/slide/slidenavactivebg.png') repeat-x; }

				#slider #nav li a img	{ 
				float:left; display:block;
				margin:-7px 7px 7px 0px;
				padding:0px;}
	
			 #slider #nav li.activeSlide { background: url('img/slide/slidenavdivider.png') no-repeat right top;}
			 #slider #nav li.activeSlide a { background: url('img/slide/slidenavactivebg.png') repeat-x; }

/* ===== HEADER ==================================================================================== */


		#header {
		background: repeat-x #49b1ed top left url('gfx/bkg_header.gif');
		width: 100%;
		float: left;
		height: 210px;
		display: block;
		margin: 0 auto 1px auto; }
		
			#header .container {
			width: 960px;
			margin: 0 auto; }
			
				#header .left { float: left; width: 345px; display: block; color: #fff; padding: 30px 0 0 0; }
				
				#header .left .bigger { font-size: 42px; font-weight: bold; letter-spacing: -2px; }
				#header .left .smaller { font-size: 32px; font-weight: bold; letter-spacing: -2px; margin-bottom: 10px; display: block; }
				#header .left .smallest { font-size: 11px; margin: 5px 0; display: block; text-align: center; }


			#header .left .biginput { margin-top: 2px; background: repeat-x #fff top left url('gfx/bkg_biginput.gif'); width: 324px; font-size: 14px; color: #999; padding: 8px; }
										
			#header .arrow { float: left; position: relative; top: 25px; left: 40px; }
			#header .ref { float: right; position: relative; top: 43px; height: 167px; width: 371px; display: block; }
	                #header .ref li img { position: relative; width: 371px; height: 167px; }


#header .handdrawnarrow { float: left; position: relative; top: 135px; }

.nya #header { background: #000; }
.nya #header .left { float: left; width: 600px; display: block; color: #fff; padding: 35px 0 0 0px; }
.nya #header .left .headline { font-size: 42px; font-weight: bold; letter-spacing: -2px; margin-bottom: 5px; display: block; }
.nya #header p { font-size: 12px; color: #ccc; line-height: 20px; width: 100%; }
.nya #header .right { display: inline; float: right; width: 300px; padding: 12px 0 0 0; margin: 0 20px 0 0; }
.nya #header .right .biginput { margin-top: 5px; background: repeat-x #fff top left url('gfx/bkg_biginput.gif'); width: 270px; font-size: 12px; color: #666; padding: 5px; letter-spacing: 0; }
.nya #header p a:link, #header p a:visited, #header p a:active { color: #46ACE7; border-bottom: 1px solid #ccc; padding: 0 0 1px 0; }
.nya #header p a:hover { color: #f1f1f1; border-bottom: 0; padding: 0 0 1px 0; border-bottom: none; padding: 0 0 1px 0; }
.nya #header .right #submit_button { margin-top: 5px; }
.nya .btn { display: block; position: relative; background: #aaa; float: left; padding: 5px; color: #fff; text-decoration: none; cursor: pointer; font-weight: bold; font-size: 14px; width: 280px; }
.nya .btn * { font-style: normal; background-image: url('gfx/btn2.png'); background-repeat: no-repeat; display: block; position: relative; }
.nya .btn i { background-position: top left; position: absolute; margin-bottom: -5px; top: 0; left: 0; width: 5px; height: 5px; }
.nya .btn span { background-position: bottom left; left: -5px; padding: 0 0 5px 10px; margin-bottom: -5px; text-align: center; }
.nya .btn span i { background-position: bottom right; margin-bottom: 0; position: absolute; left: 100%; width: 10px; height: 100%; top: 0; }
.nya .btn span span { background-position: top right; position: absolute; right: -10px; margin-left: 10px; top: -5px; height: 0; }
.nya * html .btn span,
.nya * html .btn i { float: left; width: auto; background-image: none; cursor: pointer; }
.nya .btn.blue { background: #49B1ED; }
.nya .btn.green { background: #96CB16; }
.nya .btn.pink { background: #f0074e; }
.nya .btn:hover { background-color: #666; }
.nya .btn:active { background-color: #333; }
.nya .btn[class] { background-image: url('gfx/shade.png'); background-position: bottom; }
.nya * html .btn { border: 3px double #aaa; }
.nya * html .btn.blue { border-color: #2ae; }
.nya * html .btn.green { border-color: #9d4; }
.nya * html .btn.pink { border-color: #fff; }
.nya * html .btn:hover { border-color: #a00; }

/* ===== MENU ====================================================================================== */


		#menu {
		background: #777;
		width: 100%;
		float: left;
		border-bottom: 1px solid #fff;
		display: block;
		margin: 0 auto 0 auto; }
		
			#menu .container {
			width: 960px;
			margin: 0 auto; }
			
				#menu ul {
				margin: 0 auto;
				width: 100%;
				display: block;
				float: left;
				padding: 0;
				list-style-type: none; }
				
					#menu ul li {
					margin: 0 auto;
					color: #fff;
					display: inline;
					float: left;
					margin: 0 10px 0 0;
					text-transform: none; }
					
						#menu ul li a:link,
						#menu ul li a:visited,
						#menu ul li a:active {
						color: #f1f1f1;
						font-weight: bold;
						font-size: 14px;
						float: left;
						padding: 7px 10px 0;
						display: inline;
						height: 23px;
						text-decoration: none; }
						
				#menu ul li a:hover { color: #fff; background: #aaa; }
							
			#menu ul li.current_page_item a:link, #menu ul li.current_page_item a:visited, #menu ul li.current_page_item a:active, #menu ul li.current_page_item a:hover, #menu ul li.current_page_parent a:link, #menu ul li.current_page_parent a:visited, #menu ul li.current_page_parent a:active, #menu ul li.current_page_parent a:hover, #menu ul li.current_page_ancestor a:link, #menu ul li.current_page_ancestor a:visited, #menu ul li.current_page_ancestor a:active, #menu ul li.current_page_ancestor a:hover {
			color: #fff; background: #aaa; }
			
			#menu ul li.search { float: right; height: 30px; }
			#menu ul li.search form { padding-top: 6px; }
			#menu ul .search .smallinput { margin: 0; background: repeat-x #fff top left url('gfx/bkg_smallinput.gif'); width: 125px; font-size: 11px; color: #666; padding: 2px; float: left; }
			#menu ul .search .searchbutton { float: left; margin: 0 0 0 5px; }


			.box { margin: 0 0 20px 0; float: left; width: 300px; }
			.box .link { display: block; clear: both; float: left; }
			.main .box { float: none; width: auto; }
			
/* ===== SUBMENU ====================================================================================== */
			
		#submenu {
		background: #E0E0E0;
		width: 100%;
		height: 29px;
		float: left;
		display: block;
		margin: 0 auto; }
			
			#submenu .container {
			width: 960px;
			margin: 0 auto; }
			
				#submenu ul {
				margin: 0 auto;
				width: 100%;
				display: block;
				float: left;
				padding: 0;
				list-style-type: none; }
				
					#submenu ul li {
					margin: 0 auto;
					color: #fff;
					display: inline;
					float: left;
					margin: 0 4px 0 0;
					text-transform: none; }
					
						#submenu ul li a:link,
						#submenu ul li a:visited,
						#submenu ul li a:active {
						color: #777;
						font-weight: bold;
						font-size: 12px;
						float: left;
						padding: 8px 9px 0;
						display: inline;
						height: 22px;
						text-decoration: none; }


							#submenu ul li a:hover { color: #666; background: #f1f1f1; }


						#submenu ul li.current_page_item a:link, #submenu ul li.current_page_item a:visited, #submenu ul li.current_page_item a:active, #submenu ul li.current_page_item a:hover, #submenu ul li.current_page_parent a:link, #submenu ul li.current_page_parent a:visited, #submenu ul li.current_page_parent a:active, #submenu ul li.current_page_parent a:hover, #submenu ul li.current_page_ancestor a:link, #submenu ul li.current_page_ancestor a:visited, #submenu ul li.current_page_ancestor a:active, #submenu ul li.current_page_ancestor a:hover {
						color: #666; background: #f1f1f1; }



/* ===== MAINCONTENT =============================================================================== */


		#maincontent {
		background: repeat-x #fff top left url('gfx/bkg_maincontent.gif');
		width: 100%;
		float: left;
                padding: 15px 0 10px 0;
		display: block;
		margin: 0 auto; }
		
		.home #maincontent {
		/* background: repeat-x #08a2fb top left url('img/slide/slidebg.gif'); */
		padding: 0px; }

			#maincontent .container {
			width: 960px;
			margin: 0 auto; }
			
			/* ===== LEFT COLUMN ===== */
			
			.main { padding: 5px 20px 0 0; float: left; width: 600px; margin: 0 20px 0 0; border-right: 1px solid #E8E8E8; }
			.main h1 { font-size: 40px; letter-spacing: -1px; color: #46ace7; line-height: 45px; margin: 10px 0; padding: 0; }
			.main h2 { font-size: 30px; color: #666; line-height: 37px; margin: 0 0 8px 0; padding: 10px 0 0 0; letter-spacing: -1px; }
                        .main h2 b { color: #46ACE7;}
			.main h3 { color: #666; margin: 0 0 5px 0; font-size: 18px; line-height: 24px; }


.main h3 a:link, .main h3 a:visited, .main h3 a:active { border-bottom: 1px solid #339ACA; color: #339ACA; padding-bottom: 1px; }
.main h3 a:hover { color: #339ACA; border-bottom: 0; padding-bottom: 1px; }


			.main h4 { margin: 10px 0 0 0; color: #666; font-size: 16px; line-height: 20px; }
                        .main .date { font-size: 12px; color: #999; font-style: italic; }


			.main p { font-size: 14px; color: #444; margin: 0 0 15px 0; line-height: 20px; }
			.main p a:link, .main p a:visited, .main p a:active { color: #339ACA; border-bottom: 1px solid #ccc; padding: 0 0 1px 0; }
			.main p a:hover { color: #339ACA; border-bottom: 0; padding: 0 0 1px 0; border-bottom: none; padding: 0 0 1px 0; }
                        .main p b { color: #666; }


                        .main .divider { height: 1px; width: 100%; padding: 0; margin: 0 0 7px 0; border-bottom: 1px dashed #ccc; display: block; }


.main .topheadline { font-size: 10px; letter-spacing: 1px; color: #999; display: block; border-bottom: 1px solid #e8e8e8; padding: 0 0 3px 0; margin: 0 0 7px 0; text-transform: uppercase; }


.main .twocol_design p b { color: #666; float: left; }
.main .twocol_design .new { color: #46ACE7; font-style: italic; }


.main .price { background: #46ACE7; padding: 10px 15px; float: right; font-size: 12px; color: #f1f1f1; margin: 0 0 20px 20px; }
.main .price b { color: #fff; font-size: 16px; }


.main .twocol_design .twocol_container { margin: 0 0 20px 0; }


.main .twocol_container .price { position: absolute; background: #E53810; padding: 10px 15px; font-weight: bold; float: right; font-size: 14px; color: #f1f1f1; margin: 10px 0 20px 190px; z-index: 1; border: 2px solid #fff; display: inline; }


.main .twocol_container .new { background: #e8e8e8: border: 1px solid #ccc; float: right; }


.main .prisbox { float: right; display: block; clear: both; margin: 0 0 10px 10px; width: 120px; border-right: 1px solid #ccc; border-bottom: 1px solid #ccc; }
.main .prisbox .title { display: block; text-align: center; background: #e8e8e8; font-size: 11px; color: #666; padding: 2px 4px; border-bottom: 1px solid #ccc; }
.main .prisbox .pris { display: block; text-align: center; background: #f1f1f1; font-size: 16px; font-weight: bold; color: #e53810; padding: 3px; }
.main .prisbox .ordpris { text-align: center; font-size: 11px; font-style: italic; display: block; color: #999; }


.main .bullet { color: #46ACE7; font-size: 22px; font-weight: bold; position: relative; top: 3px; }


.main .prisbox_installationspris { float: right; display: block; clear: both; margin: -10px 0 10px 10px; width: 120px; }
.main .prisbox_installationspris .title { display: block; text-align: center; font-size: 11px; color: #666; padding: 2px 4px; }
.main .prisbox_installationspris .pris { display: block; text-align: center; font-size: 12px; font-weight: bold; color: #e53810; padding: 3px; }


.main .medarbetare { margin: 20px 0 0 0; }
.main .medarbetare .person { margin: 0 0 20px 0; border-bottom: 5px solid #ccc; padding-bottom: 5px; }
.main .medarbetare .person h2 { color: #46ACE7; font-size: 25px; }
.main .medarbetare .person h2 .titel { font-weight: normal; font-size: 18px; color: #777; margin-left: 3px; border-left: 1px solid #ccc; padding-left: 8px; letter-spacing: 0; }
.main .medarbetare .person img { float: right; margin: 0 0 20px 20px; }



.main .specialbox { width: 100%; display: block; }
.main .specialbox .container { width: 100% !important; display: block; border-top: 1px solid #ccc; padding-top: 15px; float: left; }
.main .specialbox .container .left { float: left; }
.main .specialbox .container .right { float: right; }
.main .specialbox .container p { font-size: 12px; }
.main .specialbox .container p b { font-size: 14px; }


.main .specialbox .container .right img.logo_seb { padding-top: 7px; }
.main .specialbox .container .right img.logo_handelsbanken { padding-top: 30px; }
.main .specialbox .container .right img.logo_nordea { padding-top: 5px; }
.main .specialbox .container .right img.logo_pbs { padding-top: 5px; display: inline; float: right; }
.main .specialbox .container .right img.logo_swedbank { padding-top: 5px; }
.main .specialbox .container .right img.logo_danskebank { padding-top: 15px; margin-right: 20px; display: inline; float: right; }
.main .specialbox .container .right img.logo_americanexpress { padding-top: 0px; }



.xtrawidth { padding: 5px 0 0 0; float: left; width: 960px; margin: 0; border: 0;  }


.manadsavgift { font-size: 18px; font-weight: bold; color: #46ACE7; }
.installationsavgift { font-size: 14px; font-weight: normal; color: #666; }


/* === TABLE === */ 


.xtrawidth table a,
.xtrawidth table a:link,
.xtrawidth table a:visited { border:none; }	
	
.xtrawidth img {
border:0;
margin-top:.5em; }
	
.xtrawidth table {
width: 960px;
margin: 0 auto;
border-collapse: collapse; }


.xtrawidth caption {
color: #9ba9b4;
font-size:.94em;
letter-spacing:.1em;
padding:0;
margin:1em 0 0 0;
margin-bottom:0;
caption-side:top;
text-align:center; }
	
.xtrawidth tr.odd td,
.xtrawidth tr.odd .column1 {
background: #e8e8e8; }
	
.xtrawidth .column1	{
background: #fff; }


.xtrawidth td {
background: #fff;
font-weight: bold;
font-size: 14px;
border-bottom: 1px solid #ccc;
padding: .3em 1em;
color: #666;
text-align: center; }	
			
.xtrawidth th {
font-weight: normal;
color: #666;
text-align: left;
line-height: 22px;
font-size: 14px;
border-bottom: 1px solid #ccc;
padding: 15px; }	


.xtrawidth thead th {
background: #46ace7;
text-align:center;
color: #fff; width: 160px;
font-size: 18px; font-weight: bold; letter-spacing: -1px; }	
			
.xtrawidth tfoot th {
background: #fff;
padding: 10px;
text-align:center; }
	
.xtrawidth tfoot th strong {
margin:.5em .5em .5em 0;
font-size: 16px;
font-weight: bold;
color: #66a3d3; }	
	
.xtrawidth tfoot th em {
color:#f03b58;
font-weight: bold;
font-size: 1.1em;
font-style: normal; }	



			/* ===== RIGHT COLUMN ===== */
			
			.sidebar { padding: 10px 0; float: left; width: 300px; margin: 0 0 15px 0; }
			.sidebar h3 { margin: 0 0 8px 0; color: #777; font-size: 25px; line-height: 32px; letter-spacing: -1px; float: left; }
			.sidebar p { color: #555; font-size: 12px; margin: 0 0 15px 0; line-height: 18px; }
			.sidebar .biginput { border: 1px solid #ccc; background: repeat-x #fff top left url('gfx/bkg_biginput.gif'); width: 265px; font-size: 12px; color: #666; padding: 5px; margin: 0 0 7px 0; }


.sidebar p.previous { font-size: 14px; display: block; padding: 10px 0; text-align: center; }


.sidebar p.previous a:link,
.sidebar p.previous a:visited,
.sidebar p.previous a:active { color: #46ACE7; text-decoration: none; font-weight: bold; border-bottom: 1px solid #ccc; }
.sidebar p.previous a:hover { color: #666; border-bottom: 1px solid #666; }


.sidebar .textbox { border: 1px solid #ccc; background: repeat-x #fff top left url('gfx/bkg_biginput.gif'); width: 265px; font-size: 12px; color: #666; padding: 5px; margin: 0 0 7px 0; }
			
			/* ===== TWOCOL ===== */
			
			.twocol { width: 100%; display: block; float: left; margin: 5px 0 0 0; }
			.twocol_container { width: 100%; display: block; float: left; margin: 0 0 10px 0; }
			
			.twocol .col1 { width: 280px; display: block; float: left; }
			.twocol .col2 { width: 280px; display: block; float: right; }


                        .twocol p { font-size: 12px; color :#666; }


			.twocol .col1 p, .twocol .col2 p { font-size: 11px; line-height: 18px; color: #666; }
			.twocol .col1 p b, .twocol .col2 p b { display: block; font-size: 16px; margin-top: 5px; line-height: 22px; }
			..twocol .col1 p .link, .twocol .col2 p .link { display: block; font-weight: bold; }
			
			.twocol img { margin: 0 0 5px 0; }
			
			.twocol .nothing { opacity: 1; }
			.imghover { opacity: 0.80; -moz-opacity:0.8; -khtml-opacity:0.8; filter:alpha(opacity=80); }



			/* ===== THREECOL ===== */
			
			.threecol { width: 100%; display: block; float: left; margin: 5px 0 0 0; border-top: 1px solid #ccc; padding-top: 10px; }
			
			.threecol .col1 { width: 180px; display: block; float: left; margin: 0 25px 0 0; }
			.threecol .col2 { width: 180px; display: block; float: left; margin: 0 25px 0 0; }
			.threecol .col3 { width: 180px; display: block; float: right; }


			.threecol p { font-size: 12px; line-height: 18px; color: #333; margin: 0 0 20px 0; padding: 0; font-style: italic; }
			.threecol p i { color: #666; font-size: 11px; }


			.threecol p:hover { color: #000; }


#kundcitat p { background: no-repeat #fff top right url('gfx/quote.gif'); }
		
		/* ===== BUTTONS =============================================================================================== */	


			a.button_green {
			background: no-repeat #96cb16 center right url('gfx/bkg_button_green.gif');
			display: block;
			float: left;
			height: 33px;
			margin: 0 0 5px 0;
			font-weight: bold;
			font-size: 14px;
			text-decoration: none;
			width: 300px; }


				a:link.button_green, a:visited.button_green, a:active.button_green { color: #fff; text-decoration: none; border: none; text-align: left; display: block; }
				a:hover.button_green { background: no-repeat #a6e215 center right url('gfx/bkg_button_green_hover.gif'); color: #fff; text-decoration: none; border: none; text-align: left; display: block; }
				.button_green .link { padding: 9px 0 0 9px; display: block; }


			a.button_gray {
			background: no-repeat #b1b1b1 center right url('gfx/bkg_button_gray.gif');
			display: block;
			height: 33px;
			margin: 0 0 5px 0;
			font-weight: bold;
			font-size: 14px;
			text-decoration: none;
			width: 300px; }


			a:link.button_gray, a:visited.button_gray, a:active.button_gray { color: #fff; text-decoration: none; border: none; text-align: left; display: block; }
			a:hover.button_gray { background: no-repeat #bfbfbf center right url('gfx/bkg_button_gray_hover.gif'); color: #fff; text-decoration: none; border: none; text-align: left; display: block; }
			.button_gray .link { padding: 9px 0 0 9px; display: block; }


.active a.button_gray { background: repeat-y top left url('gfx/bkg_active.gif'); #ccc; color: #fff; text-decoration: none; border: none; text-align: left; display: block; width: 300px; color: #777; }



			a.button_blue {
			background: no-repeat #46ace7 center right url('gfx/bkg_button_blue.gif');
			display: block;
			height: 33px;
			margin: 0 0 5px 0;
			font-weight: bold;
			font-size: 14px;
                        float: left;
			text-decoration: none;
			width: 400px; }


			a:link.button_blue, a:visited.button_blue, a:active.button_blue { color: #fff; text-decoration: none; border: none; text-align: left; display: block; }
			a:hover.button_blue { background: no-repeat #68baea center right url('gfx/bkg_button_blue_hover.gif'); color: #fff; text-decoration: none; border: none; text-align: left; display: block; }
			.button_blue .link { padding: 9px 0 0 9px; display: block; }



			a.button_blue_special {
			background: no-repeat #46ace7 center right url('gfx/bkg_button_blue.gif');
			display: block;
			height: 33px;
			margin: 0 0 5px 0;
			font-weight: bold;
			font-size: 14px;
                        float: left;
			text-decoration: none;
			width: 320px; }


			a:link.button_blue_special, a:visited.button_blue_special, a:active.button_blue_special { color: #fff; text-decoration: none; border: none; text-align: left; display: block; }
			a:hover.button_blue_special { background: no-repeat #68baea center right url('gfx/bkg_button_blue_hover.gif'); color: #fff; text-decoration: none; border: none; text-align: left; display: block; }
			.button_blue_special .link { padding: 9px 0 0 9px; display: block; }



			.xtrawidth a.button_blue {
			background: no-repeat #46ace7 center right url('gfx/bkg_button_blue.gif');
			display: block;
			height: 33px;
			margin: 10px 0 5px 0;
			font-weight: bold;
			font-size: 14px;
                        float: left;
			text-decoration: none;
			width: 160px; }


			.xtrawidth a:link.button_blue, .xtrawidth a:visited.button_blue, .xtrawidth a:active.button_blue { color: #fff; text-decoration: none; border: none; text-align: left; display: block; }
			.xtrawidth a:hover.button_blue { background: no-repeat #68baea center right url('gfx/bkg_button_blue_hover.gif'); color: #fff; text-decoration: none; border: none; text-align: left; display: block; }


			.xtrawidth .button_blue .link { padding: 6px 0 0 9px !important; display: block; }
			
/* ===== INTRO COLUMNS =============================================================================== */			
			
			.left_column_intro, .middle_column_intro, .right_column_intro {
			padding: 5px 0; }
			
			.left_column_intro { float: left; margin: 0 30px 0 0; width: 300px; }
			.middle_column_intro { float: left; margin: 0 30px 0 0; width: 300px; }
			.right_column_intro { float: left; width: 300px; }
			
			.left_column_intro h2, .middle_column_intro h2, .right_column_intro h2 {
			font-size: 22px; color: #46ace7; line-height: 27px; margin: 0 0 4px 0; padding: 0; }
			
			.left_column_intro p, .middle_column_intro p, .right_column_intro p {
			font-size: 12px; color: #333; line-height: 20px; margin: 0 0 15px 0; }
			
			
/* ===== SPECIALAREA =============================================================================== */


		#specialarea {
		background: repeat-x #efefef top left url('gfx/bkg_specialarea.gif');
		width: 100%;
		float: left;
		border-top: 1px solid #fff;
		display: block;
		margin: 0 auto 1px auto; }
		
		.home #specialarea {
		background: #fff; }

			#specialarea .container {
			width: 960px;
			margin: 0 auto; }

#specialarea .firstpage-person { background: url('img/medarbetare_firstpage.jpg') no-repeat bottom right;  }
#specialarea .person { font-weight: bold; color: #46ACE7; }
			
				#specialarea .column_left,
				#specialarea .column_middle,
				#specialarea .column_right { padding: 20px 0 10px 0; }
				
					#specialarea .column_left { float: left; margin: 0 30px 0 0; width: 300px; }
					#specialarea .column_middle { float: left; margin: 0 30px 0 0; width: 300px; }
					#specialarea .column_right { float: left; width: 300px; }
					
						#specialarea h3 { font-size: 22px; color: #46ACE7; font-weight: bold; line-height: 20px; margin: 0 0 5px 0; padding: 0; }
						#specialarea p { font-size: 11px; color: #333; line-height: 20px; }
						#specialarea p .date { color: #999; display: block; font-size: 9px; letter-spacing: 1px; text-transform: uppercase; }			
						#specialarea p i { color: #999; }
						#specialarea strong { font-size: 12px; }
						
							#specialarea a:link, #specialarea a:visited, #specialarea a:active { color: #46abe6; border-bottom: 1px solid #ccc; padding-bottom: 1px; text-decoration: none; }
								#specialarea a:hover { color: #666; border-bottom: 1px solid #46abe6; }
						#specialarea strong a { color: #333 !important; border-bottom: 1px solid #ccc; }

						#specialarea a.img, #specialarea a.img:hover { border: 0; }


/* ===== FOOTER =================================================================================== */


		#footer {
		background: repeat-x #e0e0e0 top left url('gfx/bkg_footer.gif');
		width: 100%;
		float: left;
		padding: 0 0 30px 0;
		display: block;
		border-top: 1px solid #ccc;
		margin: 0 auto; }
		
			#footer .container {
			width: 960px;
			margin: 0 auto;
			padding: 10px 0 0 0; }
			
				#footer p { font-size: 11px; color: #666; line-height: 18px; }
				
					#footer p.left { float: left; }
					#footer p.right { float: right; }
					
					#footer p.right img { position: relative; top: 2px; margin-right: 2px; }
					
					#footer p.left a:link,
					#footer p.left a:visited,
					#footer p.left a:active { color: #46ACE7; text-decoration: none; border-bottom: 1px solid #ccc; }
					#footer p.left a:hover { color: #46ACE7; border-bottom: 0; padding-bottom: 1px; }


					#footer p.right a:link,
					#footer p.right a:visited,
					#footer p.right a:active,
					#footer p.right a:hover { color: #666; text-decoration: none; }


.qtip-content { background: #333 !important; font-size: 12px; padding: 20px !important; line-height: 18px; color: #fff !important; border: 1px solid #666 !important; }
.tooltip_text { display: none; }


.helpicon { position: relative; top: 2px; display: inline; }


#provagratis_form legend { font-weight: bold; font-size: 18px; color: #666; display: block; margin: 0 0 10px 0; }
#provagratis_form input { border: 1px solid #ccc; padding: 2px 4px; font-size: 14px; color: #777; width: 150px; letter-spacing: 0; }


#klarnatable th { color: #666; }
#klarnatable { font-size: 14px; color: #777; line-height: 20px; } 
#klarnatable b { color: #666; font-size: 14px; display: block; }


#klarnatable .prisbox { float: none; text-align: center; margin: 0 auto; }
#klarnatable th b { text-align: center; color: #333; }
#klarnatable td { padding: 0 10px 10px 10px; }


.twocol_design .object img { border: 2px solid #ccc; padding: 2px; width: 272px; height: 203px; }
.twocol_design p b { margin-top: 0 !important; }



/* ===== PROVA GRATIS =================================================================================== */


#provagratis_container { float: left; width: 100%; margin: 10px 0 20px 0; }


#provagratis_container .left { float: left; }
#provagratis_container .right { width: 268px; float: right; }
#provagratis_container .right p, #provagratis_container .right h4 { padding: 0 10px 0 10px; }
#provagratis_container .right p { font-size: 11px; }
#provagratis_container .right h4 { font-size: 14px; }


#provagratis_form { float: left; width: 293px; }


#provagratis_form input#shop_name,
#provagratis_form input#name,
#provagratis_form input#phone_number,
#provagratis_form input#email,
#provagratis_form input#email_confirm {
width: 293px; background: url("gfx/bkg_biginput.gif") top left repeat-x #fff; padding: 8px; border: 1px solid #ccc; margin: 0 0 10px 0; font-size: 12px; color: #666; }


#provagratis_form .checkbox { font-size: 12px; float: left; color: #666; font-style: italic; line-height: 20px; padding: 5px; }


#provagratis_form #subscribe_newsletter { margin: 4px 5px 40px 0; float: left; width: 20px; }


#provagratis_form .button { margin: 10px 0 0 0; float: left; }


/* ===== KORTBETALNINGSUTRÄKNARE =================================================================================== */


table#estamationen { padding: 20px 20px 0 20px; border: 1px solid #ccc; width: 600px; }
table#estamationen label { font-size: 16px; color: #666; margin: 0; padding: 0 10px 10px 0; float: right; }
table#estamationen th { margin: 0; padding: 0; }


table#estamationen input, table#estamationen select { background: url("gfx/bkg_biginput.gif") top left repeat-x #fff; padding: 8px; border: 1px solid #ccc; margin: 0 0 10px 0; font-size: 12px; color: #666; }


table#utrakningen { padding: 20px; border: 1px solid #ccc; width: 600px; }
table#utrakningen th { font-size: 16px; color: #666; margin: 0; padding: 0 10px 5px 0; float: right;  }


table#utrakningen #antalmanad { background: #F1F1F1; color: #E53810; display: block; font-size: 16px; font-weight: bold; padding: 3px; text-align: center; border-right: 1px solid #ccc; border-bottom: 1px solid #ccc; margin-bottom: 10px; }
table#utrakningen #snitt { background: none #F1F1F1; color: #E53810; display: block; font-size: 16px; font-weight: bold; padding: 3px; text-align: center; border-right: 1px solid #ccc; border-bottom: 1px solid #ccc; }


table#priser { width: 600px; padding: 20px; }
table#priser th { font-size: 14px; color: #666; padding-bottom: 10px; }


table#priser #manad_auriga, table#priser #manad_dibs, table#priser #manad_paypal, table#priser #trans_auriga, table#priser #trans_dibs, table#priser #trans_paypal { background: none #F1F1F1; color: #E53810; display: block; font-size: 16px; font-weight: bold; padding: 3px; text-align: center; border-right: 1px solid #ccc; border-bottom: 1px solid #ccc; }


table#priser #manad_auriga, table#priser #manad_dibs, table#priser #manad_paypal, table#priser #trans_auriga, table#priser #trans_dibs, table#priser #trans_paypal { margin: 5px; }



/* ===== BLOGGEN =================================================================================== */


.blog-post { padding-bottom: 10px; margin-bottom: 20px; }


.blog-post ul, .blog-post-single-content ul { padding: 0 20px 10px 20px; }
.blog-post ul li, .blog-post-single-content ul li { list-style-type: square !important; color: #333; font-size: 14px; line-height: 20px; margin: 0 0 10px 0; }


.blog-post-comment-links { float: right; color: #fff; font-size: 16px; font-weight: bold; margin: 8px 4px; }
.blog-post-comment-links a:link, .blog-post-comment-links a:visited, .blog-post-comment-links a:active { background: #339ACA; padding: 5px 10px; color: #fff; }
.blog-post-comment-links a:hover { background: #68baea; padding: 5px 10px; color: #fff; } 


.blog-post-details { background: #e8e8e8; font-size: 11px; float: left; width: 100%; margin: 5px 0 20px 0; }


.postinfo-container { padding: 10px; color: #666; line-height: 18px; float: left; width: 580px; }


.blog-post-date { float: left; }

.blog-post-date a:link, .blog-post-date a:visited, .blog-post-date a:active { color: #339ACA; border-bottom: 1px solid #ccc; padding-bottom: 1px; }
.blog-post-date a:hover { color: #339ACA; border-bottom: 0; padding-bottom: 1px; }


.blog-post-content { margin: 20px 0; }


h2.blog-post-title a { font-size: 40px; letter-spacing: -1px; color: #46ace7; line-height: 45px; margin: 10px 0; padding: 0; }
h2.blog-post-title a:hover { color: #3bb5fb; }


.sidebar h2 { font-size: 25px; color: #777; line-height: 37px; margin: 0; padding: 10px 0 0 0; letter-spacing: -1px; }
.sidebar .cat-item { font-size: 14px; color: #999; line-height: 24px; }
.sidebar .cat-item a:link, .sidebar .cat-item a:visited, .sidebar .cat-item a:active { color: #339ACA; border-bottom: 1px solid #ccc; padding-bottom: 1px; }
.sidebar .cat-item a:hover { color: #339ACA; border-bottom: 0; padding-bottom: 1px; }


#monthly-archives { font-size: 14px; line-height: 24px; color: #999; }


#monthly-archives a:link, #monthly-archives a:visited, #monthly-archives a:active { color: #339ACA; border-bottom: 1px solid #ccc; padding-bottom: 1px; }
#monthly-archives a:hover { color: #339ACA; border-bottom: 0; padding-bottom: 1px; }


.blog-navigation { padding: 10px; border-top: 1px solid #ccc; font-size: 16px; float: left; width: 580px; }
.blog-navigation a:link, .blog-navigation a:visited, .blog-navigation a:active { color: #666; font-weight: bold; }
.blog-navigation a:hover { color: #339ACA; font-weight: bold; }


.post-footer { float: left; width: 100%; display: block; margin: 0 0 40px 0; }


img.alignright {float:right; margin:0 0 1em 1em; }
img.alignleft {float:left; margin:0 1em 1em 0; }
img.aligncenter {display: block; margin-left: auto; margin-right: auto; }
a img.alignright {float:right; margin:0 0 1em 1em; }
a img.alignleft {float:left; margin:0 1em 1em 0; }
a img.aligncenter {display: block; margin-left: auto; margin-right: auto; }


p.wp-caption-text { font-size: 11px; font-style: italic; display: block; text-align: center; }


#nav-above { width: 100%; float: left; display: block; border-bottom: 1px solid #ccc; font-size: 11px; padding: 0 0 5px 0; margin: 0 0 10px 0; }
#nav-above a { color: #999; }
#nav-above a:hover { color: #666; }
#nav-above .nav-previous { float: left; }
#nav-above .nav-next { float: right; }


#nav-below { width: 100%; float: left; display: block; border-top: 1px solid #ccc; font-size: 11px; padding: 5px 0 0 0; margin: 10px 0 0 0; }
#nav-below a { color: #999; }
#nav-below a:hover { color: #666; }
#nav-below .nav-previous { float: left; }
#nav-below .nav-next { float: right; }


.blog-post-single-content { margin: 20px 0 0 0; }


.form-label { font-size: 16px; font-weight: bold; color: #666; padding-bottom: 3px; }


#respond { background: #e8e8e8; padding: 20px; border-top: 1px solid #ccc; border-bottom: 1px solid #ccc; margin: 0 0 15px 0; }


.blog-post-single-comments a { color: #339ACA; border-bottom: 1px solid #ccc; padding-bottom: 1px; }
.blog-post-single-comments a:hover { color: #339ACA; border-bottom: 0; padding-bottom: 1px; }


.comment-author { background: #e8e8e8; width: 580px; border-bottom: 1px solid #ccc; display: block; padding: 10px; height: 32px; }
.fn { font-weight: bold; font-size: 16px; margin: 7px 0 0 10px; float: left; color: #666; }


.meta-sep { font-size: 11px; float: left; }
.photo { float: left; }
.comment-meta { font-size: 11px; font-style: italic; color: #666; margin: 4px 0; display: block; }


#submit { background: #339ACA; font-size: 16px; font-weight: bold; color: #fff; padding: 5px; margin: 10px 0 0 0; }



/* ====== SITEMAP ========================================================================== */


#sitemap ul.sitemap { font-size: 16px; font-weight: bold; line-height: 2px; }
#sitemap ul.sitemap li { font-size: 14px; line-height: 22px; }


#sitemap ul.sitemap li ul { margin: 0 0 0 20px; font-weight: normal; font-size: 14px; }


#sitemap a { color: #339ACA; border-bottom: 1px solid #ccc; padding-bottom: 1px; }
#sitemap a:hover { color: #339ACA; border-bottom: 0; padding-bottom: 1px; }



/* ====== BESTÄLLNINGSFORMULÄR ========================================================================== */


#puffnotis1, #puffnotis2, #puffnotis3 { display: block; margin: 0 auto; text-align: center; float: left; width: 100%; }


.btn { display: block; position: relative; background: #aaa; float: left; padding: 5px; color: #fff; text-decoration: none; cursor: pointer; font-weight: bold; font-size: 14px; width: 280px; }
#priserochversioner .btn { width: 150px; }
.btn * { font-style: normal; background-image: url(gfx/btn2.png); background-repeat: no-repeat; display: block; position: relative; }
.btn i { background-position: top left; position: absolute; margin-bottom: -5px; top: 0; left: 0; width: 5px; height: 5px; }
.btn span { background-position: bottom left; left: -5px; padding: 0 0 5px 10px; margin-bottom: -5px; text-align: center; }
.btn span i { background-position: bottom right; margin-bottom: 0; position: absolute; left: 100%; width: 10px; height: 100%; top: 0; }
.btn span span { background-position: top right; position: absolute; right: -10px; margin-left: 10px; top: -5px; height: 0; }


* html .btn span,
* html .btn i { float: left; width: auto; background-image: none; cursor: pointer; }


.btn.blue { background: #49B1ED; }
.btn.green { background: #96CB16; }
.btn:hover { background-color: #666; }
.btn:active { background-color: #333; }
.btn[class] {  background-image: url(gfx/shade.png); background-position: bottom; }


* html .btn { border: 3px double #aaa; }
* html .btn.blue { border-color: #2ae; }
* html .btn.green { border-color: #9d4; }
* html .btn:hover { border-color: #a00; }


form p .btn { margin-right: 1em; }


/* ====== SIDRUBRIK FORMULÄR  ========================================================================== */


form.sidelabeled {
clear: both; }


form.sidelabeled fieldset {
border: 1px solid #ccc;
padding: 0 15px;
margin-bottom: 25px; }


form.sidelabeled fieldset.button {
border: 0 none; }


form.sidelabeled fieldset fieldset.button {
padding: 0;
margin: 15px 0; }


form.sidelabeled .fieldset {
padding-bottom: 15px; }


form.sidelabeled .foldable {
padding-bottom: 15px; }


form.sidelabeled .text_foldable {
padding-left: 15px;
padding-bottom: 15px; }


form.sidelabeled div.contract_text {
border: 1px solid #ccc;
background: #fff url('gfx/bkg_biginput.gif') repeat-x top left;
font-size: 12px;
color: #333;padding: 5px;
margin: 0 0 7px 0;
height: 100px;
width: 450px; 
overflow: auto;
clear: both; }

form.sidelabeled label.contract_text {
width: 450px;
display: block;
float: left; 
text-align: left; }


form.sidelabeled textarea {
border: 1px solid #ccc;
background: #fff url('gfx/bkg_biginput.gif') repeat-x top left;
font-size: 12px;
color: #333;padding: 5px;
margin: 0 0 7px 0;
height: 100px;
overflow: auto; }


form.sidelabeled textarea.large {
width: 450px; }


form.sidelabeled textarea.small {
width: 225px;	}


form.sidelabeled input.text,
form.sidelabeled input.file {
width: 225px;
border: 1px solid #ccc;
background: #fff url('gfx/bkg_biginput.gif') repeat-x top left; 
font-size: 12px;
color: #333;
padding: 5px;
margin: 0 0 7px 0; }


form.sidelabeled input.checkbox,
form.sidelabeled input.radio {
width: auto;
float: left;
border: 0 none;
margin: 5px 0 0 0;
_margin: 0;
padding: 1px;
background: #fff; }


form.sidelabeled label, 
span.append {
font-size: 14px; 
line-height: 20px;
color: #333; }


form.sidelabeled label.text,
form.sidelabeled label.file,
form.sidelabeled label.textarea {
width: 225px;
display: block;
float: left; 
text-align: left; }


form.sidelabeled label.large {
width: auto; 
display: inline; }


form.sidelabeled label.checkbox,
form.sidelabeled label.radio {
width: auto;
display: inline;
float: left;
text-align: left;
margin: 0 0 7px 10px; }


form.sidelabeled label.error,
form.inlabeled label.error {
width: 16px;
height: 16px;
float: right;
margin-top: 5px; }

.nya form.inlabeled label.error { margin-top: 10px; }

form.sidelabeled br {
clear: left; }


form.sidelabeled label span {
}


form.sidelabeled label span em {
color: red;
font-style: normal; }


span.append {
display: inline;
vertical-align: middle; }


form.sidelabeled p {
font-size: 12px;
line-height: 17px;
padding: 0 0 0 0;
margin: 0 0 5px 0; }


form.sidelabeled p small {
font-style: italic;
color: #777;
font-size: 11px; }


form.sidelabeled a:link, 
form.sidelabeled a:visited, 
form.sidelabeled a:active {
border-bottom: 1px solid #ccc;
color: #339ACA;
padding-bottom: 1px; }


form.sidelabeled a:hover {
border-bottom: 1px solid #fff; }


div.main a.external:link,
div.main a.external:visited,
div.main a.external:active,
div.main a.external:hover {
background: url('gfx/icon_external_link.png') center right no-repeat; 
padding-right: 14px; }


.kommentera { display: block; float: right; margin: 1px 0 0 0; width: 230px; }

.kommentera a {
background: no-repeat #46ace7 center right url('gfx/bkg_commentbutton_blue.gif') !important;
display: block;
color: #fff;
margin: 0;
height: 25px;
padding: 8px 0 0 10px;
font-weight: bold;
font-size: 14px;
float: right;
text-decoration: none;
width: 220px; }

.kommentera a:hover { background: no-repeat #68baea center right url('gfx/bkg_commentbutton_blue_hover.gif') !important; color: #fff; text-decoration: none; border: none; text-align: left; display: block; }

.kommentera .number { color: #baddf2 !important; }


.relatedbox {
float: left;
display: block;
width: 600px; }

.relatedbox h3 {
font-size: 18px;
font-weight: bold;
color: #46ace7;
display: block;
float: left; }

.relatedbox .innercontainer {
background: no-repeat #fff top left url('gfx/bkg_relatedbox.gif');
float: left;
padding-top: 8px;
width: 600px; }

.relatedbox .innercontainer .left {
width: 170px;
margin-left: 20px;
margin-right: 20px;
float: left; }

.relatedbox .innercontainer .middle {
width: 170px;
margin-right: 20px;
float: left; }

.relatedbox .innercontainer .right {
width: 170px;
float: left; }

.relatedbox .innercontainer p {
color: #444;
font-size: 11px;
line-height: 18px; }

.relatedbox .innercontainer h4 {
font-size: 14px;
font-weight: bold;
color: #666; }