/* CSS Document */
/* CSS - rekonden.se - Marcus Thorhuus  - dead end Solutions - www.desolution.se - 080701 */

/* @group Generella regler */

/*body den styr färgen på bakgrunden*/
body{
background:  url(../bilder/body_bg.jpg) no-repeat;
	background-color:<img src="bilder/body_bg.jpg";
}


#nyheter{padding: 10px;background-color: #e9eaea;
border: 1px solid #e9eaea;
}

#ram{padding: 10px;
border: 1px solid #c2c2c2;
}
.box{
background: #eaeaea;
padding:10px;
width: 480px;
}
.box2{
background: #fff;
padding:10px;
width: 480px;
}
.box3{
background: #e9eaea;
padding:10px;
width: 550px;
}
/*denna tar bort ramar på alla bilder och det ör att du slipper ramar på bilder som du länkar */

img {
	border: none;
}

/* följande a: styr alla länkar som gäller generellt på hela sidan */
a:link {
	color: #666;
	margin: 0;
	padding: 0;
	text-decoration: none;

}

a:visited {
	color: #999;
	margin: 0;
	padding:0;
	text-decoration: none;
}

a:hover {
	color: #0075c3;
}

a:active {
	color: #999;
	margin: 0;
	padding: 0;
	text-decoration: none;
}

/* leftimg, rightimg, centerimg gör att om du placerar en bild innan för en divtag som ser ut som detta gör att bilden hamnar rätt. */
/* <div class="leftimg">Länktillbilden</div> */

.leftimg{
	float: left;
	margin: 10px 10px 10px 0;
	position: relative;
	clear: left;
}

.rightimg {
clear:right;
float:right;
margin:0px 0 10px 10px;
position:relative;
 margin-bottom: 10px;}
}
	
}

.centerimg{
	clear: both;
 	display: block;
    margin-left: auto;
    margin-right: auto;
    margin-top: 10px;
    margin-bottom: 10px;}


/* Denna wrapperdiv håller ihop hela sidan.  */
#wrapper {
	margin: 20px auto 0 auto;
	width: 840px;
	height: auto; /*important används för exempelvis Firefox, IE7 och safari. Övriga läsare förstår inte denna rad. */
	border: 1px #FF0000;
	background-color:#FFFFFF;
	overflow: hidden !important;
	padding-bottom:20px;

}


/* Denna styr sidhuvudet */
#sitetop{
	margin: 20px auto 0 auto;
	padding-top:3px;
	padding-bottom: 3px;
	width: 800px;
	height:128px;
	background-color:#000;
	
}

/* denna håller ihop hela innehållet under menyn 
Det är tre rader som styr höjden och värdet 250 måste ändras på två ställen om du istället vill ha en annan höjd. 
Höjden är satt till 250 och är den mista höjd en sida kan ha. Detta är för att skapa sidor som är enhetliga. Detta gör att sidan blir minst 300 px hög under menyn */
#content {
	margin: 0px 20px 0px 20px;
	padding: 20px;
	width: 760px;
	min-height: 250px;
	height: auto !important;
	height: 250px;
	background-color:#fff;
}


/* i denna lägger man allt innehålls om hör till vänster kolumn */
#left_col {
	width: 520px;
	float: left;
	margin: 0px;

}
/* i denna lägger man allt innehålls om hör till höger kolumn */
#right_col {
	width: 220px;
	float: left;
	margin: 0 0 0 20px;

}
/* denna gör att det blir 10px marginal  under varje bild i högerkolumnen  */
#right_col img{
	margin: 0 0 10px 0;
	border: solid 0px #000;
}
/* denna används om det ska vara ett stort fält på sidan och sidan inte ska delas in i två kolumner */
#one_col{
	width: 760px;
	float: left;
	margin: 0px;

}
/* Här efter kommer tre kolumner */
#col_one {
	width: 150px;
	border-right:0 dashed #CCCCCC;
float:left;
padding-left:0px;
padding-right:0px;

}

 #col_two {
border-right:0 dashed #CCCCCC;
float:left;
padding-left:20px;
padding-right:20px;
width:430px;

}

#col_three {
	width: 130px;
	border-right:0 dashed #CCCCCC;
float:left;
padding-left:0px;
padding-right:0px;
	
}


/* denna styr varje block av text och bild*/
.tjanstecontainer {
	width: 760px;
	margin: 0 0 10px 0;
	float: Center;
	border: solid 0px #66FFCC;
	display: inline;
	border-bottom: dotted 0px #666;
}

/* denna styr formateringen av bilden in tjanstecontainern  */
.tjanstecontainer img{
	border: solid 0px #000;
}

/* denna styr huvudrubrikerna */

h1 {
	margin: 0px;
	color: #333;
	font: normal bold 17px/22px "Helvetica", Arial, sans-serif;
	letter-spacing: 0px;
}


/* denna styr underrubrikerna */
h2 {
	color: #333;
	margin: 0;
	padding: 5px 0 0 0;
	text-align: normal;
	font: normal bold 13px/13px "Helvetica", Arial, sans-serif;
}

/* denna styr rubrik 3 */
h3 {
	color: #0075c3;
	margin: 0;
	padding: 5px 0 0 0;
	text-align: normal;
	font: normal bold 11px/14px "Helvetica", Arial, sans-serif;
}
h4 {
	color: #f71605;
	margin: 0;
	padding: 5px 0 0 0;
	text-align: normal;
	font: normal bold 13px/13px "Helvetica", Arial, sans-serif;
}
/* denna styr all löptext */

p {
	font-family: "helvetica", Arial, sans-serif;
	font-size: 11px;
	color: #373537;
	line-height: 14px;
	padding: 2px 0 5px 0;
	font-style: normal;
	font-variant: normal;
	text-align: left;
}

/*denna styr listutseenden och bara i one_col (en kolumn) */
#one_col li {
	font-family: "Helvetica", Arial, sans-serif;
	font-size: 11px;
	color: #373537;
	line-height: 14px;
	padding: 2px 0 5px 10px;
	font-style: normal;
	font-variant: normal;
	text-align: left;
}

/*denna styr listutseenden och bara i höger kolumn*/
#right_col li {
	font-family: "Helvetica", Arial, sans-serif;
	font-size: 11px;
	color: #373537;
	line-height: 14px;
	padding: 2px 0 5px 0;
	font-style: normal;
	font-variant: normal;
	text-align: left;
}

/* denna styr text som du gör fet */

strong {
	font-weight: bolder;
	color: #373537;
}

/* dessa länkar styr utseendet på länkarna i menyn */


#meny_col a:link {
	color: #fff;
	font-family: "Helvetica", Arial, sans-serif;
	font-size: 11px;
	line-height:25px;
	margin: 0;
	padding: 2px 0 0 20px;
	text-decoration: none;
}

#meny_col a:visited {
	color: #fff;
	font-family: "Helvetica", Arial, sans-serif;
	font-size: 11px;
	line-height: 25px;
	margin: 0;
	padding: 2px 0 0 20px;
	text-decoration: none;
}

#meny_col a:hover {
	color: #0075c3;
	font: 11px "Helvetica", Arial, sans-serif;
	line-height: 14px;
}



/* denna ritar ut det gråa fältet i menyn. Här kan du också styra höjd och bredd på menyborden */
#meny_col	{
	height:25px;
		display:block;
	margin: 5px 20px 0px 20px;
	padding-top:0px;
	padding-bottom: 0px;
	width: 800px;
	background:  url(../bilder/meny_bg.jpg) no-repeat;
	background-color:<img src="bilder/meny_bg.jpg";
	}
	



/* allt som börjar med .sidfot styr något av det som finns i sidfot.php */
.sidfot_text p {
	font-family: "Helvetica", Arial, sans-serif;
	font-size: 9px;
	color: #000;
	margin: 0;
	padding: 2px 0 0 0;
	font-style: normal;
	line-height: 20px;
	text-align:right;

}

.sidfot {
	width: 800px;
	margin: 20px 20px 0px 20px;
	padding: 0px;
	float: left;
	display: inline;
	clear: left;
	background-color:#ffffff;
	
	
}

.sidfot_bilder {
	width: 400px;
	margin: 0px 20px 0px 0;
	padding: 0px;
	float: left;
	display: inline;
	clear: left;
	background-color:<img src="bilder/meny_rad.jpg";
	background-color:#FFFFFF;
}

.sidfot_text {
	height: 20px;
	width: 300px;
	margin:10px 20px 0 0;
	padding: 0px;
	float: right;
}


.sidfot a:link {
	color: #999;
	text-decoration: none;
	display: inline;
	font: 9px Arial, Helvetica, sans-serif;
}

.sidfot a:visited {
	color: #999;
	text-decoration: none;
	display: inline;
	font: 9px Arial, Helvetica, sans-serif;
}

.sidfot a:hover {
	color: #54bf00;
	text-decoration: underline;
	display: inline;
	font: 9px Arial, Helvetica, sans-serif;
}

.sidfot a:active {
	color: #999;
	text-decoration: none;
	display: inline;
	font: 9px Arial, Helvetica, sans-serif;
}