/* ------------------------------------------------------- */
/* © 2006 Webb & Sånt - www.webbochsant.se*/
/* Proffsiga hemsidor billigt              */
/* ------------------------------------------------------- */
/* Standard	*/
/*-----------------------------------------------------------*/
* {
	margin: 0px;
	padding: 0px;
}
a {
	color: #FE3C15;
	text-decoration:none;
	font-weight:bold;
}
a img{
	border:0;
}
a:hover {
	text-decoration:underline;
}

body, p{
	font-family:Tahoma, Verdana, Arial, Helvetica, sans-serif;
	font-size:12px;
	line-height: 150%;
	/*letter-spacing:0.1em;*/
	color: #444;	
	background-color:#F0EFE3;
	background-image:url(design/bg1.gif);
	background-repeat: repeat-y;
	background-position: center top;
}
/*
p{
	font-family:Tahoma, Verdana, Arial, Helvetica, sans-serif;
	font-size:12px;
	line-height: 150%;
	letter-spacing:0.1em;
	color: #333333;	
}*/
h1, h2, h3, h4 {
	font-family: Verdana, Arial, sans-serif;
	font-weight:bold;
	margin:1em 0 0.5em 0em;
}
h1{
	font-size: 150%;
	color: #FE3C15;	
}
h2{
	font-size: 130%;
	color: #035891;
}
h3{
	font-size: 150%;
	color: #A68F6F;	
}
h4{
	font-size: 130%;
	color: #333333;	
}
/*****************************************************************/
/* Klasser */
/*****************************************************************/
.finstilt{
 float:right;
 clear:both;
 margin:0.5em;
 font-family:Tahoma, Verdana, Arial, Helvetica, sans-serif;
 font-size:80%;
 color:#333333;
}
/*
pre {
	font-family:"Courier New", Courier, monospace;
	color:#900;
	background:white;
	font-size:11px;
	margin:0;
    line-height: 0em;	
	background:white;
	width: 90%;
}
pre strong { 	
	font-family:"Courier New", Courier, monospace;
	background-color:#CCFF99;
}
pre i { 	
	font-family:"Courier New", Courier, monospace;
	font-size:10px;
	color:#666;
}*/
.faq{
	font-family:Tahoma, Verdana, Arial, Helvetica, sans-serif;
	font-size:12px;
	line-height: 150%;
	letter-spacing:0.1em;
	color: #333333;	
}
.lista{
	list-style-type: none;
	list-style-image:url(design/list_star.gif);
	list-style-position: outside;
	font-family:Tahoma, Arial, Verdana, Helvetica, sans-serif;
	font-weight:bold;
	font-size:10px;
	padding-left: 10px;
	margin:10px;
} 
.lista li{
margin-top:15px;
} 

.w750_middle{
/*Placera 750px bred ruta i mitten*/
	clear:both;
	width:750px;
	height:1%;
	margin-left:auto;
	margin-right:auto;
}
.textbox { 
/* fixa skugga i inputs*/
	padding: 2px 2px;
	font-family:Arial, Helvetica, sans-serif;
	font-size: 12px;
	letter-spacing:1px;
	color: #333;
	border: solid 1px #666;
	background-image: url(design/bg_textbox.gif);
	background-repeat:no-repeat;
}
.left{
	float:left;
	clear:left;
}
.right{
	float:right;
	clear:right;
}
.picalign_left{
	float:left;
 	margin: 1em;
 	clear:left;
}
.picalign_right{
	float:right;
 	margin: 1em;
 	clear:right;
}
.picalign_center{
	display: block;
    margin-left: auto;
    margin-right: auto 	
}
.banner_full{	
	width:750px;
	height:166px;
	margin:20px auto 10px auto;
}

.banner_fullscreen{	
	/*background-image:url(design/banner_billig_750x166.jpg);*/
	background-image:url(design/banner_proffsiga_750x166.png);
	background-repeat:no-repeat;
	width:750px;
	height:166px;
	margin:5px auto 5px auto;
}
.banner_gratishemsida{	
	/*background-image:url(design/banner_billig_750x166.jpg);*/
	/*background-image:url(design/banner_gratis_750x191.png);*/
	background-image:url(design/banner_osaker_750x191.png);
	background-repeat:no-repeat;
	width:750px;
	height:191px;
	margin:5px auto 5px auto;
	clear:both;
	display:block;
}
.banner_fler_designs{	
	/*background-image:url(design/banner_billig_750x166.jpg);*/
	background-image:url(design/banner_fler_designs700x30.png);
	background-repeat:no-repeat;
	width:700px;
	height:30px;
	margin:5px auto 5px auto;
}
.banner_fullscreen h1 span, .banner_fullscreen p, .banner_fler_designs h1 span, .banner_fler_designs p, .banner_gratishemsida h1 span, .banner_gratishemsida p{
	display:none;
}
.ruta_w250{
	float:left;
	margin-left:2px;
	margin-bottom:5px;
	background-image:url(design/bg_ruta_w250.gif);
	background-repeat:repeat-y;
	width:250px;
	height:1%;
}
.content_ruta_w250{
	padding:10px;
}
.pic_left{
	float:left;
	margin:0 10px 10px 0;
}
.pic_right{
	float:right;
	margin:0 0 10px 10px;
}
.prislapp_liten{
	clear:both;
	float:right;
	font-size:20px;
	font-weight:bold;
	padding:5px;
	color:#FE3C15;
	font-family:Verdana, Arial, Helvetica, sans-serif;
}

h1 span, h2 span, h3 span, h4 span{
	display:none;
}
.desc_ruta_w250{
	margin-top:10px;
	font-size:90%;
}
.ruta_bottom_w250{
	background-image:url(design/paketruta_bottom_250x12.gif);
	background-repeat:no-repeat;
	background-position:bottom;
	width:250px;
	height:12px;
	clear:both;
}

.navigationknappar{
	list-style-type:none;
	margin:1em 0 1em 0;
	clear:both;
}
.navigationright{
	float:right;
	margin-right:0.5em;
}

/*------------*/
/*Paketsidan
--------------*/
.ruta_w750{
	margin-left:auto;
	margin-right:auto;
	margin-bottom:20px;
	background-image:url(design/bg_ruta_w750.gif);
	background-repeat:repeat-y;
	width:750px;
	height:1%;
	clear:both;
}
.ruta_w750 .top_lillapaketet, .ruta_w750 .top_mellanpaketet, .ruta_w750 .top_storapaketet, .ruta_w750 .top_omrostning, .ruta_w750 .top_nyhetsbrev, .ruta_w750 .top_inloggning, .ruta_w750 .top_flash, .ruta_w750 .top_php, .ruta_w750 .top_webbren{
	margin:0;
	background-repeat:no-repeat;
	background-position:top;
	width:750px;
	height:37px;
}

.ruta_w750 .top_lillapaketet{
	background-image:url(design/h1_lillapk_w750x37.gif);
}
.ruta_w750 .top_mellanpaketet{
	background-image:url(design/h1_mellanpk_w750x37.gif);
}
.ruta_w750 .top_storapaketet{
	background-image:url(design/h1_storapk_w750x37.gif);
}
.ruta_w750 .top_omrostning{
	background-image:url(design/h1_omrostning_w750x37.gif);
}
.ruta_w750 .top_nyhetsbrev{
	background-image:url(design/h1_nyhetsbrev_w750x37.gif);
}
.ruta_w750 .top_inloggning{
	background-image:url(design/h1_inloggning_w750x37.gif);
}
.ruta_w750 .top_flash{
	background-image:url(design/h1_flash_w750x37.gif);
}
.ruta_w750 .top_php{
	background-image:url(design/h1_php_w750x37.gif);
}
.ruta_w750 .top_webbren{
	background-image:url(design/h1_webbren_w750x37.gif);
}
.top_w750 {
	margin:0;
	background-repeat:no-repeat;
	background-position:top;
	width:750px;
	height:37px;
}
.redhead {
	background-repeat:no-repeat;
	background-position:top right;
	width:506px;
	height:25px;
}
.ruta_w250 .top_lillapaketet, .ruta_w250 .top_mellanpaketet, .ruta_w250 .top_storapaketet, .ruta_w250 .top_omrostning, .ruta_w250 .top_nyhetsbrev, .ruta_w250 .top_inloggning, .ruta_w250 .top_php, .ruta_w250 .top_flash, .ruta_w250 .top_webbren{
	margin:0;
	background-repeat:no-repeat;
	background-position:top;
	width:250px;
	height:35px;
}

.ruta_w250 .top_lillapaketet{
	background-image:url(design/h1_lillapk_250x35.gif);
}
.ruta_w250 .top_mellanpaketet{
	background-image:url(design/h1_mellanpk_250x35.gif);
}
.ruta_w250 .top_storapaketet{
	background-image:url(design/h1_storapk_250x35.gif);
}
.ruta_w250 .top_omrostning{
	background-image:url(design/h1_omrostning_250x35.gif);
}
.ruta_w250 .top_nyhetsbrev{
	background-image:url(design/h1_nyhetsbrev_250x35.gif);
}
.ruta_w250 .top_inloggning{
	background-image:url(design/h1_inloggning_250x35.gif);
}
.ruta_w250 .top_php{
	background-image:url(design/h1_php_250x35.gif);
}
.ruta_w250 .top_flash{
	background-image:url(design/h1_flash_250x35.gif);
}
.ruta_w250 .top_webbren{
	background-image:url(design/h1_webbren_250x35.gif);
}

.pic_left_stor{
	float:left;
	margin:0 20px 20px 0;
}
.content_ruta_w750{
	padding:2em;
}
.desc_ruta_w750{
	margin:5px 10px 10px 10px;
}

.ruta_bottom_w750{
	background-image:url(design/paketruta_bottom_750x24.gif);
	background-repeat:no-repeat;
	background-position:bottom;
	width:750px;
	height:24px;
	clear:both;
}

.pakdesc_right{
	float:right;
	width:500px;
}
.pakdesc_left{
	float:left;
	width:180px;
}
.h2_vad, .h2_hur, .h2_varfor{
	background-repeat:no-repeat;
	background-position:top right;
	width:506px;
	height:25px;
}
.h2_vad{
	background-image:url(design/h2_vad_far_jag_w506x25.gif);
}
.h2_hur{
	background-image:url(design/h2_hur_fungerar_det_w506x25.gif);
}
.h2_varfor{
	background-image:url(design/h2_varfor_w506x25.gif);
}
.prislapp_stor{
	margin:20px 0;
	clear:both;
	float:right;
	font-size:30px;
	font-weight:bold;
	padding:5px;
	color:#FE3C15;
	font-family:Verdana, Arial, Helvetica, sans-serif;
}
.h1_andra_paket{
	background-image:url(design/h1_hemsidepaket_w750x25.gif);
	background-repeat:no-repeat;
	background-position:top right;
	width:750px;
	height:25px;
}
/*--------------
PRODUKTER  
---------------*/
.h1_hemsidepaket, .h1_tillaggspaket, .h1_tjanster{
	background-repeat:no-repeat;
	background-position:top right;
	width:750px;
	height:25px;
}
.h1_hemsidepaket{
	background-image:url(design/h1_vara_hemsidepaket_red_750x25.gif);
}
.h1_tillaggspaket{
	background-image:url(design/h1_tillaggspaket_red_750x25.gif);
}
.h1_tjanster{
	background-image:url(design/h1_ovriga_tjanster_red_w750x25.gif);
}
.ruta_w180{
	float:left;
	margin-left:2px;
	margin-bottom:5px;
	background-image:url(design/bg_ruta_w180.gif);
	background-repeat:repeat-y;
	width:180px;
	height:1%;
}
.ruta_w180 .top_lillapaketet, .ruta_w180 .top_mellanpaketet, .ruta_w180 .top_storapaketet, .ruta_w180 .top_omrostning, .ruta_w180 .top_nyhetsbrev, .ruta_w180 .top_inloggning, .ruta_w180 .top_flash, .ruta_w180 .top_php, .ruta_w180 .top_webbren{
	margin:0;
	background-repeat:no-repeat;
	background-position:top;
	width:180px;
	height:30px;
}
.ruta_w180 .top_lillapaketet{
	background-image:url(design/h1_lillapk_180x30.gif);
}
.ruta_w180 .top_mellanpaketet{
	background-image:url(design/h1_mellanpk_180x30.gif);
}
.ruta_w180 .top_storapaketet{
	background-image:url(design/h1_storapk_180x30.gif);
}
.ruta_w180 .top_omrostning{
	background-image:url(design/h1_tjanster_omrostning_180x29.gif);
}
.ruta_w180 .top_nyhetsbrev{
	background-image:url(design/h1_tjanster_nyhetsbrev_180x29.gif);
}
.ruta_w180 .top_inloggning{
	background-image:url(design/h1_tjanster_180x29.gif);
}
.ruta_w180 .top_flash{
	background-image:url(design/h2_flash_180x30.gif);
}
.ruta_w180 .top_php{
	background-image:url(design/h2_php_prog_180x30.gif);
}
.ruta_w180 .top_webbren{
	background-image:url(design/h2_webbren_180x30.gif);
}
.ruta_bottom_w180{
	background-image:url(design/paketruta_bottom_180x16.gif);
	background-repeat:no-repeat;
	background-position:bottom;
	width:180px;
	height:16px;
	clear:both;
}
.content_ruta_w180{
	padding:1em;
	clear:both;
}
.desc_ruta_w180{
	margin-top:10px;
	font-size:90%;
}
/*--------------*/
/* REFERENSER
/*---------------*/
.h1_referenser{
	background-image:url(design/h1_tidigare_750x25.gif);
	background-repeat:no-repeat;
	background-position:top right;
	width:750px;
	height:25px;
}
.ruta_w130{
	float:left;
	margin-left:10px;
	margin-bottom:5px;
	background-image:url(design/bg_ruta_130.gif);
	background-repeat:repeat-y;
	width:130px;
	height:1%;
}
.ruta_w130 .top_refwebb, .ruta_w130 .top_refflash, .ruta_w130 .top_refovrigt{
	margin:0;
	background-repeat:no-repeat;
	background-position:top;
	width:130px;
	height:24px;
}

.ruta_w130 .top_refwebb{
	background-image:url(design/h3_projekt_webb_130x24.gif);
}
.ruta_w130 .top_refflash{
	background-image:url(design/h3_projekt_flash_130x24.gif);
}
.ruta_w130 .top_refovrigt{
	background-image:url(design/h3_projekt_ovrigt_130x24.gif);
}
.ruta_bottom_w130{
	background-image:url(design/paketruta_bottom_130x12.gif);
	background-repeat:no-repeat;
	background-position:bottom;
	width:130px;
	height:12px;
	clear:both;
}
.content_ruta_w130{
	height:94px;
}

.refrubrik{
	font-family:Tahoma, Verdana, Arial, Helvetica, sans-serif;
	font-size:11px;
	line-height: 125%;
	letter-spacing:0.1em;
	color: #666;
	text-align:center;
	margin-bottom:10px;
}
.referensord{
	width:320px;
	float:right;
	font-style:italic;
	margin:2em 2em;
}
.referensord h3{
	font-family:Verdana, Arial, Helvetica, sans-serif;
	font-size:13px;
	color:#333333;
	font-style:normal;
}
.pic_center{
	margin-left:27px;
}
.ruta_w750 .top_refwebb, .ruta_w750 .top_refflash, .ruta_w750 .top_refovrigt, .ruta_w750 .top_kontakta_w750, .ruta_w750 .top_bestall_w750 {
	margin:0;
	background-repeat:no-repeat;
	background-position:top;
	width:750px;
	height:40px;
}
.ruta_w750 .top_refwebb{
	background-image:url(design/h1_projekt_webb_750x40.gif);
}
.ruta_w750 .top_refflash{
	background-image:url(design/h1_projekt_flash_750x40.gif);
}
.ruta_w750 .top_refovrigt{
	background-image:url(design/h1_projekt_ovrigt_750x40.gif);
}
.referens_bild{
	float:right;
	width:120px;
	margin:2em;
}
.referens_namn{
	font-style:normal;
	font-weight:bold;
}
.referens_screen{
	margin:20px 10px 10px 10px;
}
/*---------------*/
/* KONTAKTA OSS
/*----------------*/
.top_kontakta_w750{
	background-image:url(design/h1_kontakta_oss_w750x40.gif);
}
.top_bestall_w750{
	background-image:url(design/h1_bestall_w750x40.gif);
}
.ruta_w250_nofloat{
	margin-left:0;
	margin-bottom:5px;
	background-image:url(design/bg_ruta_w250.gif);
	background-repeat:repeat-y;
	width:250px;
	height:1%;
}
.p1{
	margin:0 0 5px 0;
}
.top_kontakta_email_w250, .top_kontakta_telefon_w250, .top_kontakta_brev_w250{
	margin:0;
	background-repeat:no-repeat;
	background-position:top;
	width:250px;
	height:35px;
}
.top_kontakta_email_w250{
	background-image:url(design/h3_kontakta_email_250x35.gif);
}
.top_kontakta_telefon_w250{
	background-image:url(design/h3_kontakta_telefon_250x35.gif);
}
.top_kontakta_brev_w250{
	background-image:url(design/h3_kontakta_postadress_250x35.gif);
}
.liten_text{
	font-size:10px;
	text-align:center;
	margin-top:15px;
}
/* ---------- */
/* Error */
#errorhead{
margin:1em;
}
/* ------ */
/* Formulär */
.row{
	height: 40px;
	margin: 5px 0 0 0;
} 
.row_textbox{
	height: 200px;
	margin: 5px 0 0 0;
} 
.row_small{
	/*Använd denna för att para ihop inmatningar i  formuläret*/
	height: 20px;
	margin: 5px 0 0 0;
} 
.inputbg1{
	border:1px #CCCCCC solid;
	background-color:#EFEFEF;
	padding:10px;
	margin-bottom:20px;
	width:390px;
}
.formlabel {
	font: bold 90% "Tahoma", Verdana, Arial, sans-serif;
	color: #333333;
	margin: 5px 15px 0 0;
	float: left; 
	width: 130px; 
	text-align: left;
	vertical-align:text-bottom;
}
.required {
	font:bold 20px Georgia, "Times New Roman", Times, serif;
	color: red;
	text-align: left;
}
.formerror {
	color: red;
	text-align: right;
	font-size:12px;
}
.forminput{
	float: left; 
	text-align: left;
	font-size:12px;
	font-weight:normal;
} 
.forminputtextbox{
	clear:both; 
	text-align: left;
	font-size:12px;
	font-weight:normal;
} 
#formular{
	margin-top:30px;
}
/******************************************************************************************/
/* DIVVAR */
/***********************************************************************************************/
#container{
	position: relative;
	margin: 0 auto;
	width: 760px;
	background-image:url(design/content_bg.gif);
	background-repeat:repeat-y;
	background-color:#FFFFFF;
}
#top{
	background-image:url(design/header.jpg);
	background-repeat:no-repeat;
	background-position: left top;
	height:189px;
}

#top h1 {
	display:none;
}
/*-------------*/
/* LEFT COLUMN
/*------------*/
#leftcolumn{
	width:760px;
	background-image:url(design/menu_bg.jpg);
	background-repeat:no-repeat;
	background-position: left top;
	height:42px;
}
#leftcolumn h1{
	display:none;
}

#leftcolumn ul li{
	list-style-type:none;
	margin-left:5px;
	float:left;
}
#leftcolumn ul li a{
	color:#000000;
	text-transform:uppercase;
	font-size:12px;
	text-decoration:none;
}
#menu{
	margin-left:112px;
}
/*-----------------*/
/* RIGHT COLUMN
/*-----------------*/
#rightcolumn {
	/*Snabblänkarna*/
	width:600px;
	height:1%;
	position: absolute;
	top: 165px;
	margin-left: 100px;	
}
.headerlinks ul li{
	list-style-type:none;
	margin-left:10px;
	padding:0 5px 0 0;
	float:left;
}
.headerlinks ul li a{
color:#999;
font-family:Tahoma, Arial, Verdana, Helvetica, sans-serif;
font-size:9px;
font-weight:normal;
}

/*------------------*/
/* MIDCOLUMN
/*------------------*/
#breadcrumb {
	font-family:Tahoma, Arial, Helvetica, sans-serif;
	font-size:80%;
	letter-spacing:0px;
	height:10px;
	margin-left:126px;
	width:634px;
}
#breadcrumb a {
	font-weight:normal;
	text-decoration:underline;
	color:#333333;
}
#breadcrumb li {
	display:inline;
}
#content{
	margin-top:10px;
}
/*--------------------------------------------*/
#mainpage ul{
	list-style-type:disc;
	list-style-position:outside;
	margin-left:20px;
}
#mainpage ol{
	list-style-type:decimal;
	list-style-position:outside;
	margin-left:20px;
}
#mainpage li{
	margin:10px;
}
/*--------------------------------------------*/
#liknandeartiklar{
	margin-left:20px;
}
#liknandeartiklar p{
	text-decoration:underline;
}
.artikel{
	margin:10px 30px;
	border:3px solid #eee;
	padding:1em;
}
.articlerelated{
	float:left;
	color:#333333;
	font-weight:normal;
	font-size:10px;
}
.artikelnamn{
	font-size:14px;
}
.articlename{
	font-size:16px;
	font-weight:bold;
}
.artikelauthor{
	color:#666666;
	display:none;
}
.artikeldatum{
	font-size:10px;
	font-family:Arial, Helvetica, sans-serif;
	color:#666666;
}
.artikelbesk{
	letter-spacing:160%;

}