html, body {
	height: 100%;
}

body {
	margin: 0px;
	padding: 0px;
	background: #DEDEDE url(images/img01.png) repeat;
	font-family: 'Abel', sans-serif;
	font-size: 16px;
	/** Ändrar färgen på texten som skrivits i rutorna (förutom rubriker och länkarna under "Länkar"*/
	color: #000000;
}

h1, h2, h3 {
	/** Här redigerar man alla "stora" texter*/
	margin: 0px;
	padding: 0px;
	font-weight: 300;

	}

table {
/**Gör så att tabellen centreras i IE men inte texten i tabellen */
margin-left: auto;
margin-right: auto;
}

p, ol, ul {
	margin-top: 0px;
}

p {
	line-height: 150%;
}

strong {
}

a {
	/** Ändrar färgen på "Se hela vår kalender"*/
	color: #2B2B2B;
}

a:hover {
	text-decoration: none;
}

a img {
	border: none;
}

img.border {
}

img.alignleft {
	float: left;
}

img.alignright {
	float: right;
}

img.aligncenter {
	margin: 0px auto;
}

hr {
	display: none;
}

/** WRAPPER */

#wrapper {
	overflow: hidden;
	padding: 0px 0px 50px 0px;
	/** Detta ändrar bakgrundsbilden för hela bodyn (inte headern och footern) */
	background-image:url(images/bg_body_5.png);
	background-repeat:repeat;
	background-color:#f2f2f2;
	background-attachment:fixed;
	background-position:top;
}

.container {
	width: 940px;
	margin: 0px auto;
}

.clearfix {
	clear: both;
}

/** HEADER */


#header-wrapper {
	overflow: hidden;
	height: 80px;
	margin-bottom: 30px;
	background: url(images/img01.png) repeat;
	border-bottom: 1px solid #DAD8D8;
}


#header {
}

/** LOGO */


#logo {
	position: relative;
	float: left;
	width: 230px;
	height: 80px;
	}

#logo h1, #logo p {
	margin: 0px;
	line-height: normal;
	text-transform: uppercase;

}

#logo h1 a {
	display: block;
	padding: 10px 0px 0px 0px;
	text-decoration: none;
	color: #882222; /** Ändrar färg på texten i loggan **/

}

#logo p {
	margin-top: -5px;
	text-decoration: none;
	color: #5C5C5C; /** Ändrar färg på texten på underrubriken i loggan **/
}

#logo p a {
	color: #5C5C5C;
}

/** MENU */

#menu {
	float: right;
	height: 99px;
}

#menu ul {
	margin: 0px;
	padding: 20px 0px 0px 0px;
	list-style: none;
	line-height: normal;
}

#menu li {
	float: left;
	margin: 0px 0px 0px 10px;
}

#menu a {
	display: block;
	text-decoration: none;
	padding: 5px 10px;
	font-size: 16px;
	color: #2B2B2B;
}

#menu a:hover {
	text-decoration: underline;
}

#menu .active a {
	border-radius: 5px;
	background: #2B2B2B;
	color: #FFFFFF;
}

/** PAGE */

#page {
}

/** CONTENT */

#content {
	float: left;
	width: 615px;
}

#content h2 {
	margin-bottom: 20px;
	padding: 0px 0px 10px 0px;
	/** Detta ändrar färgen på linjen i en box, under "Välkommen till Betelkyrkan i Hallaryd!"*/
	border-bottom: 1px solid #DEDEDE;
	/** Ändrar färgen för "Välkommen till Betelkyrkan i Hallaryd!"*/
	color: #303030;
}

/** SIDEBAR */

#sidebar {
	float: right;
	width: 290px;
}

#sidebar h2 {
	margin-bottom: 20px;
	padding: 0px 0px 10px 0px;
	/** Detta ändrar färgen på linjen i en box, under "Länkar"*/
	border-bottom: 1px solid #DEDEDE;
	/** Ändrar färgen för "Länkar"*/
	color: #303030;
}


/** FOOTER */

#footer {
	overflow: hidden;
	/** Ändrar höjden för footern*/
	height: 130px;
	border-top: 1px solid #DAD8D8;
}

#footer p {
	margin: 0px;
	padding: 30px 0px 0px 0px;
	text-align: center;
}

#footer a {
	color: #303030;
}

/** BANNER */

#banner {
	margin-bottom: 30px;
}

/** THREE COLUMNS */

#three-column {
	overflow: hidden;
	margin-bottom: 30px;
	padding: 0px 0px 30px 0px;
	border-bottom: 1px solid #DEDEDE;
}

#three-column h2 {
	padding: 0px 0px 10px 0px;
	color: #303030;
}

#three-column #column1 {
	float: left;
	width: 300px;
	height: 700px;
}


#three-column #column2 {
	float: left;
	width: 500px;
	height: 700px;
	margin-right: 35px;

}

#three-column #column3 {
	float: right;
	width: 500px;
	height: 590px;

}

/** LIST STYLE 1 */

ul.style1 {
	margin: 0px;
	padding: 0px 0px 0px 0px;
	list-style: none;
}

ul.style1 li {
	padding: 10px 0px 10px 0px;
	border-top: 1px solid #E6E6E6;
	line-height: 160%;
}

ul.style1 a {
	display: block;
	padding: 0px 0px 0px 0px;
	text-decoration: none;
	color: #525252;
}

ul.style1 a:hover {
	text-decoration: underline;
}

ul.style1 .first {
	border-top: none;
	padding-top: 0px;
}

.responsive {
  width: 100%;
  height: auto;
}