body {

	font: .8em verdana, arial, sans-serif;

	margin-left:10px; 

	margin-right:10px;

	}



* {margin:0; padding:0;}



div#mainwrapper {

	min-width:850px; 

	max-width:850px;  

	margin-left:auto; 

	margin-right:auto; 

	text-align:center;

	} /* centrerar layouten när > max-bredd */

	

div#header {

	width:850px;

	background-image:url(header_links.jpg); 
	}

	

div#header ul {

	margin:2px 0 2px 0; 

	font-size:1em; 

	padding:6px 0;

	}



div#header li {

	display:inline;/*visar headerlänkarna vågrätt*/

	border-left:1px solid #006600; 	/*anger färgen på dom lodräta strecken mellan länkarna*/

	padding:0 5px 0 9px;

	}



div#header li a {

	color:#666666; 

	text-decoration:none;

	}

	

div#header li a:hover { 

	text-decoration:underline;

	}



div#header li:first-child {

	border-left:0; 

	}	

	

div#threecolwrap {

  float:left;

  width:100%;

  }

  

div#twocolwrap {

 	float:left;

	width:100%;

	display:inline; /* hindrar IE från att fördubbla marginalen för float-element */

	margin-right:-170px;} /* CWS - förflyttning tack vare negativ marginal */

h2 {
	font-size:1.3em;
	}		

h3 {
	font-size:1.2em;
	}	

h4	{
	font-size:1em;
	}	

/* HÄR BÖRJAR CSS FÖR FORMULÄRET FÖR BÖNELÅDAN*/
div#formcontainer {width:390px; margin-left:40px; margin-top:20px}
div#formcontainer form  {border-top:2px solid #CCC; border-bottom:3px solid #CCC;} /* den övre kantlinje är 
visuellt 1 px tjockare, eftersom den tangerar den övre kantlinjen för div.clearfix */
div#formcontainer div.clearfix {border-top: 1px solid #CCC; padding:10px 0px; vertical-align:top;} /* lägger till linjen 
ovanför varje avsnitt och ger lodrätt mellanrum */ 
div#formcontainer form label {width:120px; float:left; font-size:.9em; color:#003366; margin:0 10px;} /* det här är 
textetiketten till vänster om varje inmatningselement */ 
/* HÄR SLUTAR CSS FÖR FORMULÄRET FÖR BÖNELÅDAN*/

/* HÄR BÖRJAR CSS FÖR FORMULÄRET MAILADRESSER*/
div#emailcontainer {width:390px; margin-left:40px; margin-top:20px}
div#emailcontainer form  {border-top:2px solid #CCC; border-bottom:3px solid #CCC;} /* den övre kantlinje är 
visuellt 1 px tjockare, eftersom den tangerar den övre kantlinjen för div.clearfix */
div#emailcontainer div.clearfix {border-top: 1px solid #CCC; padding:10px 0px; vertical-align:top;} /* lägger till linjen 
ovanför varje avsnitt och ger lodrätt mellanrum */ 
div#emailcontainer form label {width:120px; float:left; font-size:.9em; color:#003366; margin:0 10px;} /* det här är 
textetiketten till vänster om varje inmatningselement */ 
/* HÄR SLUTAR CSS FÖR FORMULÄRET MAILADRESSER*/

div#nav {

 	float:left;

 	width:150px;

	margin:15px 0 15px 0;

	display:inline; /* hindrar IE från att fördubbla marginalen för float-element */

	}

a img { border: 0; }
	

div#nav ul {

	margin:20px 0 0 0;}

	 

div#nav li {
	list-style-type:none;
	padding:3px 0 0 0;
	}
		

div#nav a {
	text-decoration:none;
	color:#666666;
	}

div#nav a:hover {
	text-decoration:underline;
	}	

div#counter {
	margin-top:260px;
	visibility:hidden;
	}		
		

div#content {
 	width:auto;
	margin:15px 170px 15px 166px;
	text-align:left;	
	}


div#kalender ul {
	list-style-type:none;	
	}

div#kalender li {
	padding-bottom:.5em;
	}

div#kalender ul a {
	color:#999999;
	}
	
div#webbkarta {
	margin-left:180px;
	}

.webbk {
	margin-left:30px;
	padding-bottom:.5em;
	}

div#center {
	text-align:center;
	}

div#vision {
	text-align:left;
	}

div#kurs {
	font-style:italic;
	}

div#vallstakalla {
	margin-top:70px;
	clear:left;
	}

.kyrkorrubrik {
	float:left;
	margin:0 25px 0 10px;
	}

	
.kyrkor img {
	border:none;
	margin:2px 0 5px 0;
	}
	
.kyrkanrubrik {
	padding:2em 0 0 0;
	}	

div#fond{
	clear:left;
	}	
	
.clearthefloats {
	clear:both;
	}	
	
.clearright {
	clear:right;
	}	
	
div#vallsta p {
	margin:8px 0 0 0;
	}	
	
div#vallsta img {
	float:left;
	margin:12px 10px 0 0;
	}	

div#floatleft {
	padding:0 10px 0 0 ;
	float:left;
	}

div#main_images {
	text-align:center; 	
	}	

div#content a {
	text-decoration:none;
	color:#666666;
	}

		

div#content a:hover {

	text-decoration:underline;

	}

	

div#nondecoration ul {

	list-style-type:none;

	}	
		

div#rightcolumn {

 	float:left;

 	width:150px;

	margin:15px 0 15px 16px;

	}

div#upp {
	font-size:.7em;
	color:#999999;
	}
	

div#footer {

 	width:100%;

	height:89px;

 	clear:both;

	padding:4px 0; /* pushes the links away from top and bottom of the div */

	font-size:.7em;  /* sets the font size of all links */

	text-align:center; /* centers the ul elements in the div */

	background-image:url(footer.jpg);

	background-repeat:no-repeat;

	 

	}



div#footerlinks {

	margin-top:15px;

	}



div#footer ul {

	margin:2px 0 0 0;

	} /* vertical spacing between the lists */



div#footer li {

 	display:inline; /* the key CSS - makes the lists display horizontally */

	color:white; /* sets the color of the vertical lines */

	border-left:1px solid; /* creates the vertical line to the left of each list items */

	color:#999999; /* sets the color of the vertical lines  - links colored below */

	padding:0 5px 0 9px; /* horiz space between links and vert lines - needed diff l & r values to center */

	}



div#footer li:first-child {

 	border-left:0;} /* removes the left border of the first list item - IDWIMIE */



div#footer ul li a {

 	text-decoration:none; /* removes the underlining off the links */

 	color:#999999; /* the color of the links */

	}



div#footer ul li a:hover {text-decoration:underline;} /* underlines the links when hovered */

div#footer ul.fineprint li {color:#999999;} /* color for copyright and vert dividers on last row */



  /* ...down to here */



/* slut på strukturstilar */ 



/* några fler stilar för att hjälpa dig se vad som händer */