/* CSS fil till Mina Former, www.minaformer.se. Mediatyp, all. Författare Jenny Blomqvist, Webmind, jenny@webmind.se */



/*
Grön 	#BED600
Grå 	#616466 

Flash 260x280
*/
html
{
	margin:0;
	padding:0;
	height:100%;
	
}

body
{
	background-color:#616466;
	font-family:Arial, Helvetica, sans-serif;
	font-size: 12px;font-weight: normal;color: #616365;
	line-height:130%;
	margin:0;
	padding:0;


}
#container
{
	position:relative;
	width:960px;
	min-height:400px;
	margin:100px auto 0 auto;
	padding:0;
	background:#616466;
	

}
#bgtop
{
	position:relative;
	padding:0;
	margin:0;	
	width:823px;
	height:20px;
	background-image:url(../grfx/bg_top.png); background-repeat:no-repeat;

}

#main
{
	position:absolute;
	left:0px;
	top:20px;
	width:823px;
	height:380px;
	z-index:3;
	background-image:url(../grfx/bg_middle.png);
	background-repeat:repeat-y;
}

#textboxstart
{
	position:relative;
	float:left;
	padding:0 0px 0 0px;
	margin:0px 0 0 45px;	
	width:400px;
	height:370px;
	background-color:#FFF;
}
	
#textbox
{
	position:relative;
	float:left;
	padding:0 0px 0 0px;
	margin:20px 0 0 45px;	
	width:710px;
	min-height:370px;
}
	
#boxnyheter
{
	position:relative;
	float:left;
	padding:0 40px 0px 0px;
	margin:0px 0 0px 0px;	
	width:440px;
	height:325px;
	overflow:auto;
	background-color:#FFF;
}

#boxnyheter h1
{
	color:#BED600;
	font-size:12px;
	margin:0;
	padding:0;
}

#boxnyheter h2
{
	font-weight:bold;
	font-size:13px;
	background-color:#FFF;
	color:#666;
	margin:2px 0 6px 0;
	padding:0;
}




#flashbox
{
	position:relative;
	float:right;
	padding:0 0px 0 0px;
	margin:40px 60px 0 0;	
	width:260px;
	min-height:280px;
	
}


#foot
{
	position:absolute;
	left:0px;
	top:400px;
	width:824px;
	height:33px;
	z-index:2;
	background-image:url(../grfx/bg_bottom.png);
	background-repeat:no-repeat;
}

/*  Klasser  */



.textomoss
{
	position:relative;
	float:left;
	padding:0 0px 0 0px;
	margin:0px 0 0 0px;	
	width:400px;
	min-height:370px;
}


.adresbox
{
	position:relative;
	float:left;
	padding:0;
	margin:0;
	height:140px;
	width:200px;
	text-align:left;

}

.adresheader
{
	margin:0; 
	padding:0;
	font-weight:normal;
	color:#bbd430;

}

.logo
{
	position:relative;
	float:left;
	clear:both;
	width:410px;
	padding:0;
	margin:5px 0 20px 0; 
}

.omossbox
{
	position:relative;
	float:right;
	clear:none;
	width:230px;
	height:380px;
	padding:0;
	margin:0px 0 10px 10px; 
}

.omosstext
{
	position:relative;
	float:left;
	width:470px;
	min-height:300px;
	padding:0;
	margin:0px 0 0px 0px; 
}

.insidetext
{
	position:relative;
	float:left;
	width:470px;
	min-height:300px;
	padding:0;
	margin:0px 0 0px 0px; 
}

.logosmall
{
	position:relative;
	float:right;
	padding:0;
	margin:0px 0 10px 0;
	border:none;
}

.logosmall a img
{
	border:none;
}



.ingress
{
	padding:0;
	margin:10px 0 10px 0;
	font-size:13px;
	font-style:italic;
}

.tjansterbutton
{
	position:relative;
	float:left;
	width:187px;
	height:32px;
	padding:13px 0 0 0;
	margin:7px 7px 0 0;
	background-image:url(../grfx/undermeny.png); background-repeat:no-repeat;
	text-align:center;
	font-size:17px;
	font-weight:bold;
}

.tjansterbutton a, .tjansterbutton a:visited, .tjansterbutton a:hover
{
	text-decoration:none;
}


.tjanster1
{
	position:relative;
	float:left;
	width:200px;
	padding:0;
	margin:20px 20px 0 0; 
}

.tjanster2
{
	position:relative;
	float:left;
	width:230px;
	padding:0;
	margin:20px 0 0 0; 
}

.imgtjanster
{
	position:relative;
	float:right;
	width:200px;
	height:300px;
	padding:0;
	margin:0px 5px 0 0px; 
}

.imgkontakt
{
	position:relative;
	float:right;
	width:262px;
	height:243px;
	padding:0;
	margin:0px 0px 0 0px; 
}

.img
{
	position:relative;
	float:right;
	margin:6px 20px 0px 0px; 
}

.imgomoss
{
	position:relative;
	float:right;
	clear:both;
	margin:0px 0px 0px 0px; 
}


.imgname
{
	position:relative;
	float:left;
	clear:both;
	width:400px;
	height:40px;
	margin:15px 0px 10px 0px; 
}

.icon
{
	position:relative;
	float:right;
	margin:0px 0px 0 0px;
	border:none;
}

.icon img a
{
	border:none;
}

/* Portfolio sidan*/

.portfoliobox
{
	position:relative;
	float:left;
	padding:0 0px 0 0px;
	margin:10px 0 20px 0px;	
	width:700px;
	height:130px;
}

.portfolioimg
{
	position:relative;
	float:left;
	padding:0 0px 0 0px;
	margin:0px 25px 0 0px;	
	width:136px;
	height:120px;
	border:none;
}

/* Portfolio undersidor*/

.backarrow
{
	position:absolute;
	float:right;
	padding:0 0px 0 0px;
	margin:0px 0px 0 0px;
	width:48px;
	left: -8px;
	top: 330px;
	height: 30px;
	border:none;
}

.backarrow a img
{
	border:none;
}

/* Tjänster */
.backarrow2
{
	position:absolute;
	float:right;
	padding:0 0px 0 0px;
	margin:0px 0px 0 0px;
	width:48px;
	left: 40px;
	top: 348px;
	height: 30px;
	border:none;
}

.backarrow2 a img
{
	border:none;
}
/* */

.porttext
{
	position:relative;
	float:right;
	padding:0 0px 0 0px;
	margin:0px 0px 0 0px;	
	width:320px;
	min-height:300px;
	border:none;
}

.porttext h1
{
	color:#616365;
	font-size:12px;
	font-weight:bold;
	margin:3px 0 3px 0;
	letter-spacing:1px;

	}

.franchisetext
{
	position:relative;
	float:right;
	padding:0 0px 0 0px;
	margin:0px 0px 0 0px;	
	width:330px;
	min-height:300px;
	border:none;
}

.franchisetext h1
{
	color:#616365;
	font-size:12px;
	font-weight:bold;
	margin:3px 0 3px 0;
	letter-spacing:1px;

	}


/* Stor bild */
.portlargebox
{
	position:relative;
	float:left;
	padding:0 0px 0 0px;
	margin:10px 0px 0px 0px;	
	width:300px;
	height:200px;
	border:none;
}

.portnumbers
{
	position:relative;
	float:left;
	padding:0 0px 0 0px;
	margin:0px 0px 0px 0px;	
	width:300px;
	height:20px;
	border:none;
	font-size:10px;
	letter-spacing:4px;
}

.portnumbers a
{
	text-decoration:underline;
	letter-spacing:0;

}


.portlargeimg
{
	position:relative;
	float:left;
	clear:both;
	padding:0 0px 0 0px;
	margin:0px 0px 0 0px;	
	border:none;
}

/* thumbs*/
.portthumbsbox
{
	position:relative;
	float:left;
	padding:0 0px 0 0px;
	margin:15px 0px 0px 0px;	
	width:300px;
	height:40px;
	border:none;
}

.portthumbsboxhemsidor
{
	position:relative;
	float:left;
	padding:0 0px 0 0px;
	margin:10px 0px 0px 0px;	
	width:300px;
	height:100px;
	border:none;
}


.portthumbs
{
	position:relative;
	float:left;
	padding:0 0px 0 0px;
	margin:10px 10px 10px 0px;	
	border:none;
}



/*  Texter och rubriker */

p
{
	font-family:Arial, Helvetica, sans-serif; font-size: 12px;font-weight: normal;color: #616365;
	margin:0px 0 0 0;
	padding:0 0 0 0;
	letter-spacing:1px;
}
h1
{
	font-family:Arial, Helvetica, sans-serif; font-size: 20px;font-weight: normal;color: #bbd430;
	background-color:#FFF;
	margin:3px 0 15px 0;
	padding:0 0 0 0;
}

h2 /* Rubrik utan bottenmarginal, används på portfolio*/
{
	font-family:Arial, Helvetica, sans-serif; font-size: 17px;font-weight: normal;color: #bbd430;
	background-color:#616466;
	margin:0;
	padding:0;
}

h3 /* Underrubrik*/
{
	font-family:Arial, Helvetica, sans-serif; font-size: 13px;font-weight: bold;color: #616365;
	background-color:#616466;
	margin:0;
	padding:0;
}
h5 /* Portfolio-rubrik*/
{
	font-family:Arial, Helvetica, sans-serif; font-size: 12px;font-weight: bold;color: #bbd430;
	background-color: transparent;
	margin:5px 0 0 5px;
	padding:0;
}

h2 + p
{
	margin:0;
	padding:0;
}
.adres
{
	font-weight:bold;
	margin: 10px 0 0px 0;
	display: block;

}


/*  Länkar  */
a
{
	color:#616365;
	text-decoration:underline;
}
a:visited
{
	color:#616365;
	text-decoration:underline;
}
a:active
{
	color:#616365;
	text-decoration:none;
}
a:hover
{
	color:#666;
	
	text-decoration:none;
}

p a:hover 
{
	background-color:#bbd430;
	
}
#foot a:hover 
{
	background-color:#bbd430;
	
}

/* Listor  */ 

.listheader
{
	
	margin: 0;
	font-weight:bold;

}

ul
{
	margin:5px 10px;

}

li
{
		list-style-image:url(../grfx/li.jpg);
		margin:2px 0;

}

/*#main:after
{
content: url(../grfx/bg_bottom.png); background-repeat:no-repeat;
clear:both;
display:block;
background-image:url(../grfx/bg_bottom.png); background-repeat:no-repeat;
background-color:#616466;*/
}

a:focus { outline: none; }

/*#container:after
{
content: ".";
clear:both;
height:0;
visibility:hidden;
display:block;
}*/