/* 
	Default reset/fixes 
	-----------------------------
*/

html, body{
	margin: 0;
	padding: 0;
}
div{margin: 0; padding: 0;}
a:active, a:focus{outline: none;}
.clearer{clear: both}
.content{margin: 0 auto;width: 989px;}
img{border: none;}

/* 
	Main elements 
	-----------------------------
*/

body{
	font: 14px/20px "Arial", Helvetica, sans-serif;
	color: #787878;
}
	/* Main backgrounds */
	body.default{
		background: #dfded0 url('bg-default.jpg') repeat-x;
	}

		body.default #header .content{
			background: url('header-bg.jpg') no-repeat;
			height: 147px;
			position: relative;
		}
			body.default .outer-light{
				position: absolute;
				background: url('header-outer-default.jpg') no-repeat;
				height: 205px;
				width: 243px;
				top: 0;
				left: -228px;
			}
		
		body.default #menu .content{
			background: url('menu-bg-default.jpg') no-repeat;
			height: 103px;
		}

		#main .content{
			background: url('content-bg.png') repeat-y;
			/* min-height hack: */
			height: auto !important;
			height: 700px; /* IE5.x and IE6 */
			min-height: 700px;

		}
			#main .placeholder{
				padding: 0 0 0 50px;
			}
	
	.text-container{
		padding: 0 15px;
	}
	
	.flash-top{
		margin-bottom: 18px;
	}

	/* Footer */
		#footer .content{
			height: 206px;
			color: #fff;
		}
			#footer .placeholder{
				padding: 0 0 0 199px;
			}
				.disclaimer{
					float: left;
					width: 300px;
					padding-top: 75px;
					font-size: 10px;	
					line-height: 13px;					
				}
				.footer-menu{
					float:right;
					width: 430px;
					font-size: 10px;
					padding: 50px 55px 0 0;
					height: 100px;
				}
					.footer-menu, #footer .contact{
						text-align: right;
					}
					.footer-menu a {
						color: #fff;
						text-decoration: underline;
						font-size: 10px;
					}
						.footer-menu a:hover {
							color: #fff;
							text-decoration: underline;
							font-size: 10px;
						}
					#footer .contact{
						color: #b3ccdf;
						font-size: 10px;
						padding-right: 100px;
					}
		
		body.default #footer .content{
			background: url(footer-default.jpg) no-repeat;
		}

/*
	Paragraph specific
	-----------------------------
*/
	/*
		Paragraph setup
	*/
	#primary{
		float: left;
		width: 598px;
		margin-right: 14px;
	}
	#sidebar{
		width: 305px;
		float: left;
	}
		#sidebar h1{
			margin-bottom: 0px;
		}	

	/*#primary embed{
		margin-bottom: 10px;
	}*/

	/*
		Image + text
	*/
	.image-text{
		margin: 15px 0;
	}
		.image-text h2{
			margin: 0 0 5px 0;
			padding: 0;
		}
		.image-text .image, .image-text .text{
			float: left;
		}
		.image-text .text{
			margin-left: 12px;
			width: 400px;
		}
			.image-text .text h3{
				margin-top: 0px;
			}
/*
	Menu / Search
	-----------------------------
*/

.main-menu{
	padding: 33px 0 0 45px;
	float: left;
}
.main-menu td{height: 31px;}
.main-menu td.active{
	background: url('menu/bg.png') repeat-x;
	height: 31px;
}
			#menu td a{
				font-size: 20px;
				line-height: 22px;
				text-decoration: none;
				color: #fff;
			}

	#menu form{
		float: right;
		padding: 35px 35px 0 0;
	}
		.search-input{
			background: url('search-input.jpg') no-repeat;
			width: 105px;
			height: 20px;
			border: none;
			color: #a5a5a5;
			padding: 7px 0 0 30px;
		}
/*	
	Submenu 
	-----------------------------

*/		
	#sub-menu{
		margin: 15px 0;
	}
#sub-menu td{height: 26px;}

#sub-menu td.inactive{
	background: url('menu/sub-bg.gif') repeat-x;
}
#sub-menu td.active{
	background: url('menu/sub-bg-active.gif') repeat-x;
}
#sub-menu td.active a{
	color: #fff;
}
			#sub-menu td a{
				text-decoration: none;
				font-size: 14px;
				color: #555;
			}
			#sub-menu td a#activeitem{
				color: #fff;
			}
/*	
	Submenu level2
	-----------------------------

*/

#sub-menu-level2 {
	margin: 15px 0;
}

#sub-menu-level2 ul {
	list-style: none;
	margin: 0;
	padding: 0;
}
	#sub-menu-level2 ul li {
		display: inline;
		padding-left: 5px;
	}
	#sub-menu-level2 ul li a{
		font-size: 12px;
	}
	#sub-menu-level2 ul li.active a{
		color: #555;
	}
/* 
	Headers 
	-----------------------------
*/

	h1, h2, h3, h4, h5, h6{
		font-family: Arial, Helvetica, sans-serif;
		color: #555;
	}
	h1{
		font-size: 30px;
		line-height: 32px;
		font-weight: normal;
		margin-top: 20px;
		margin-bottom: 10px;
	}
		h1.blue{
			color: #207caf;
		}
	h2{
		font-family: "Arial bold", Arial, sans-serif;
		font-size: 18px;
		line-height: 20px;
		margin: 10px 0 5px 0;
	}
	h3{
		font-family: "Arial bold", Arial, sans-serif;
		font-size: 14px;
		line-height: 16px;
		margin: 7px 0 3px 0;
	}
	h4{
		font-family: "Arial bold", Arial, sans-serif;
		font-size: 12px;
		line-height: 14px;
		margin: 5px 0 2px 0;
	}
/*
	Blurbs
	----------------------------- 
*/
	.blurb{
		font-size: 11px;
		line-height: 13px;
		color: #8f8f8f;
	}


		.blurb h1{
			font-size: 26px;
			line-height: 28px;
			margin: 0 0 2px 0;
			padding: 0;
		}
		.blurb .inner{
			padding: 13px;
		}
		.gava{
			background: url('../billeder/puff-gava.gif') no-repeat;
			height: 133px;
			width: 305px;
		}
		.bidragsgivare{
			background: url('../billeder/puff-bidragsgivare.gif') no-repeat;
			height: 191px;
			width: 305px;
		}
		.forum{
			background: url('../billeder/puff-motesplatsen.gif') no-repeat;
			height: 192px;
			width: 305px;
		}
		.forum-small{
			background: url('../billeder/puff-motesplatsen-small.gif') no-repeat;
			height: 111px;
			width: 305px;
			color: #fff;
		}	
		.news{
			background: url('../billeder/puff-aktuellt.jpg') no-repeat;
			height: 245px;
			width: 305px;
		}
			.news a{
				text-decoration: none;
				font-style: italic;
			}
			.news a:hover{
				text-decoration: underline;
				font-style: italic;
			}
			.news h1 {
				color: #bf4633;
			}

			.news .item{
				background: url('news-blurb-bg.jpg') no-repeat;
				width: 262px;
				height: 44px;
				margin-bottom: 1px;
			}
				.news .item .item-inner{
					padding: 5px 5px 0px 30px;
				}
			.news .item a{
				color: #787878;
			}

		.guestbook{
			background: url('../billeder/puff-gastbok.jpg') no-repeat;
			height: 151px;
			width: 305px;
		}
			.guestbook .inner{
				padding: 13px 30px 13px 13px;
			}
		.playground{
			background: url('../billeder/puff-lekhornan.gif') no-repeat;
			height: 248px;
			width: 305px;
		}
		.bossa-huset{
			background: url('../billeder/puff-bossa-huset.gif') no-repeat;
			height: 131px;
			width: 305px;
		}
		.image-gallery{
			background: url('../billeder/puff-bildgalleri.gif') no-repeat;
			height: 110px;
			width: 305px;
			color: #fff;
		}
		.bidrag-huset{
			background: url('../billeder/puff-bidrag-till-huset.gif') no-repeat;
			height: 195px;
			width: 305px;
		}
			.bidrag-huset .left, .bidrag-huset #meter{float: left;}	
			.bidrag-huset .left{
				width: 170px;
			}
		.competition-house5{
			background: url('../billeder/puff-tavling.jpg') no-repeat;
			height: 170px;
			width: 305px;		
		}	
			.competition-house5 .inner{
				text-align: left;
			}	
			.competition-house5 h1{text-align: right;}

		.kompass{
			background: url('../billeder/puff-kompass.jpg') no-repeat;
			height: 195px;
			width: 305px;		
		}
/* 
	Links 
	-----------------------------
*/

	a{
		color: #3b98c1;
		text-decoration: underline;
	}
	a:hover{
		color: #0775a5;
		text-decoration: underline;
	}

/* 
	Other elements
	----------------------------- 
*/

.hidden { display: none; }
.unhidden { display: block; }

a h3 {
	color: #3b98c1;
	text-decoration: underline;
}

a:hover h3 {
	color: #0775a5;
	text-decoration: underline;
}

.logo{
	float: left;
	width: 282px;
	height: 117px;
}

#support-flash{
	float: right;
	padding-right: 55px;
}

h2.mcd-rmd-logo{
	background: url('../billeder/mcd-rmdbarnfond-logos.jpg') right no-repeat;
	padding-bottom: 10px;
}

.start-read-more{
	margin-left: -44px;
	position: relative;
}
/*
	Formul??r
	----------------------------- 
*/
	input, textarea{
		font-family: "Arial", Helvetica, sans-serif;
		font-size: 11px;
	}
	.req{
		color: red;
	}
	.input-text{
		width: 150px;
		padding: 3px;
		height: 16px;
	}
	.input-button{
		padding: 2px;
		
	}
/* 
	Forum
	----------------------------- 
*/

.forum-content{
	width: 567px;
	margin-bottom: 20px;
}

table#forum{
	width: 567px;
	font-family: "Georgia", Times, Arial;
}

table#forum-module{
	width: 262px;
	font-family: "Georgia", Times, Arial;
}

	.forum-header a{
		color: #3e3e3e;
		text-decoration: none;
	}
	table#forum-module td{
		color: #555;
		height: 44px;
		background: url('forum-bg-small.jpg') repeat-x;
	}
	#forum a{
		color: #555;
		text-decoration: none;
	}
	#forum th{
		text-align: left;
		font-family: "Arial", helvetiva, verdana;
		font-weight: normal;
		color: #555;
		padding-bottom: 5px;
		white-space: nowrap;
		
	}
	#forum td{
		color: #555;
		height: 56px;
		background: url('forum-bg.jpg') repeat-x;
	}
		table#forum-module td.last, #forum td.last{
			background: none;
		}
		#forum td.reply{
			font-size: 11px;
		}
		#forum td.forum{
			padding-left: 10px;
		}
		#forum td.posts{
			padding-right: 10px;
		}

.forum-actions{
	margin-bottom: 15px;
	text-align: right;
	width: 569px;
}

hr {
	background-color: #eee;
	color: #eee;
	height: 1px;
	border: 0;
	width: 569px;
}

.forum-posts{
	font-family: "Georgia", Times, Arial;
}

a.forum-link{
	color: #207bb0;
}

.input-area{
	margin-bottom: 5px;
}
.button-area{
	margin: 10px 0;
}

.input-button{
	padding: 3px;
	background: #c8deeb;
	border-bottom: 2px solid #b9d8eb;
	border-left: 2px solid #c5dceb;
	border-right: 2px solid #b9d8eb;
	border-top: 2px solid #c5dceb;
}

#user-table th, #user-table td, #post-table th, #post-table td{
	border-bottom: 1px #eee solid;
	padding: 3px;
}
#user-table th, #post-table th{
	font-weight: normal;
	text-align: left;
	color: #666;
}

td.editor{
	border-bottom: none;
}
/* 
	Search result page
	----------------------------- 
*/

.search-result{
	margin: 15px 0;
}
	.search-item{
		margin: 10px 0;
		padding-bottom: 10px;
		border-bottom: 1px #eee solid;
	}
		.search-item span.last-edit{
			font-style: italic;
			color: #999;
		}
		.bold{
			font-weight: bold;
		}
/* 
	News
	----------------------------- 
*/

.news-item{
	padding-bottom: 10px;
	margin-bottom: 15px;
	border-bottom: 1px #eee solid;
}
	span.date{
		font-size: 11px;
	}
		.read-more{
			/*float: right;*/
			margin-top: 10px;
		}
/* 
	Image Gallery
	----------------------------- 
*/

td.gallery-item{
	background: url('image-gallery-item.gif') no-repeat;
	width: 179px;
	height: 151px;
	text-align: center;
}

/* 
	Guestbook
	----------------------------- 
*/


/* G??teborg */

.page-34 table{
	width: 569px;
}
	.page-34 table td{
		padding-left: 15px;
	}
	
/*
	Payex
*/

.donation-table{
	width: 100%;
}

.payex-descr{
	font-size: 11px;
	color: #555;
	width: 569px;
}

td.header{
	color: #bf4631;
}

span.req{
	color: #b6311d;
}
input.input-text{
	width: 240px; 
	border:  1px #ccc solid; 
	padding: 5px;
}
.input-text-large{
	width: 350px; 
	border:  1px #ccc solid; 
	padding: 5px;
}
select.input-dd
{
	width: 240px;
	padding: 5px;
}
	input.nr{
		width: 50px;
		border:  1px #ccc solid; 
		padding: 5px;
		color: #b02f1a;
	}
input, select{
	font-size: 12px;
	font-family: "Arial", Verdana, sans-serif;
	color: #4f4f4f;
}
.wizard-button{
	background: url('../billeder/geettbidrag/wizard-button.gif') no-repeat;
	color: #f6f3f3;
	width: 115px;
	height: 28px;
	border: none;
	text-transform: uppercase;
}

.step-indicator{
	margin: 0;
	padding: 0;
	list-style: none;
	height: 28px;
}

.step-indicator li{
	display: inline;
	background: url('../billeder/geettbidrag/step-inactive.gif') no-repeat;
	padding: 6px 13px 18px 11px;
	line-height: 28px;
	color: #797979;
}
.step-indicator li.active{
	background: url('../billeder/geettbidrag/step-active.gif') no-repeat;
	color: #fff;
}