/*

Designed and Coded By: Carina Bergholm Sunden 
Virkivirk{media} http://www.virkivirk.se  
Date: July 25 2009


*/

html
{
	background-color: #fff
}




body
{
	font-size: 90%;
	font-family: arial, verdana, sans-serif;
	text-transform: uppercase;
        text-align: center;
	/* text-align: center; andras sedan till left i containers etc detta ar bara for att 
	vara saker pa att sidan ligger i mitten pa gamla browsers*/
	color: #000;
}

ul, li, img, body, html
{
	margin: 0;
	padding: 0;
}

a
/*styla alla lanktaggar*/
{
	text-decoration: none;
	color: #000;
}

a:hover
{
	text-decoration: none;
}

a img
/* det tar bort den fula bla kanten om man lankar fran en bild*/
{
	border: none;
}
h1
{
font-family: arial, verdana, sans-serif;
}

h2
{
font-family: arial, verdana, sans-serif;
text-transform:uppercase;
padding-left: 1px;
line-height: 1.7em;
font-size: .95em;
}
h3 {
font-family: arial, verdana, sans-serif;
text-transform:uppercase;
font-size: 1.2em;
font-weight:normal;
color:#81070e;
}

h4
{
font-weight:normal;
color:#81070e;
font-size: .9em;
text-transform:none;
}

p
{
font-family: arial, verdana, sans-serif;
font-size: .9em;
text-transform:none;
}
.fr
{
	float: right;
	padding: 1em 0 1em 1em;
}

.fl
{
	float: left;
}

#container /* detta galler for hela webbsidan*/
{
	text-align: left;
	margin: auto; /* auto tvingar var sajt att bli centrerad pa sidan*/
	width: 900px; 
        margin: 60px auto;
        background: #fff
}

#container ul, #container ul li a/* detta tar bort bullets/prickar framfor listan. ul = unordered list, */
{
	list-style-type: none;
}

#header h1
{
	display: none; /* fýr att h1 heading texten inte skall synas i nagon gammal eller konstig browser - nu ligger rubriken i bilden*/
}


#nav
{
float: left auto;
margin-left: 3px;

}

#header ul#nav li
{
display:inline;
font-weight:normal;
color:#81070e;
font-size: .85em;
}

#nav li a
{
color:#7e7e7e;
font-weight:normal;

text-transform:uppercase;
}

ul#nav li{
padding-right:25px;
} /* Lägger till en inre marginal på varje list-objekt till höger á 15 pixlar i menyn  */

#nav li a:hover 
{
font-weight:normal;
color:#81070e;
}

/* FIRST CONTENT*/

#firstContent
{
float: left;
margin-top: 50px;
width: 240px;
padding: 0 .2em; /* fixar padding top/bottom 0 och left/Right 1em */
}

#kontaktaOss
{
}

#kontaktaOss h2 
{
font-family: arial, verdana, sans-serif;
text-transform:uppercase;
line-height: 1.7em;

font-size: .8em;
}


/* MIDDLE CONTENT*/
#middleContent
{
padding: 0 .5em; /* fixar padding top/bottom 0 och left/Right 1em */
margin-left: 240px; /* vidden pa first Content*/ 
}

#middleContent div /* detta selecting all divs that are within our maincontent */
{
	overflow: hidden; /* sa att de behaller sina floats*/
}
#bild
{
float: left;
margin-top: 45px;
}

/* MAIN CONTENT */

#mainContent
{
padding: 0 .5em; /* fixar padding top/bottom 0 och left/Right 1em */
margin-left: 343px; /* vidden pa sidebar*/ 
margin-top: 45px;
}


#mainContent div /* detta selecting all divs that are within our maincontent */
{
overflow: hidden; /* sa att de behaller sina floats*/
}

#infoOm
{
float: right;
width: 554px;
}
#infoOm h3 {margin-bottom: -10px;}
#infoOm a
{
font-weight:bold;
}

#infoOm a:hover
{
color:#81070e;
}