/* CSS Document */

* {
	font-family:Arial, Helvetica, sans-serif;
	font-size: 11px;
	text-decoration: none;
	margin: 0;
	padding: 0;
}

body {
	background-image:url(layout/bg.gif);
	background-repeat:repeat-x;
	background-color: #FFF;
	}

#container {
	width: 900px;
	margin-left: auto;
	margin-right: auto;
	margin-top: 20px;
	background-color:#fff;
	border:#CCC solid 1px;
}
	#container #header {
		height: 300px;
		margin:10px;
		background-color:#006699;
	}
	#container #navigation{
		margin: 10px;
		background-image:url(layout/bg-meny.gif);
		background-repeat:repeat-x;
		height:33px;
	}
	/*MENY--------------------------------------------------*/
		.chromestyle{
			width: 860px;
		}		
		.chromestyle:after{ /*Add margin between menu and rest of content in Firefox*/
			content: "."; 
			display: block; 
			height: 0; 
			clear: both; 
			visibility: hidden;
		}		
		.chromestyle ul{
			/*border: 1px solid #BBB;*/
			width: 100%;
			/*background: url(chromebg.gif) center center repeat-x;*/ /*THEME CHANGE HERE*/
			padding: 8px 0;
			margin: 0;
			text-align: center; /*set value to "left", "center", or "right"*/
		}		
		.chromestyle ul li{
			display: inline;
		}		
		.chromestyle ul li a{
			color: #000;
			padding: 4px 7px 4px 7px;
			margin: 0;
			text-decoration: none;
			/*border-right: 1px solid #DADADA;*/
		}		
		.chromestyle ul li a:hover, .chromestyle ul li a.selected{ /*script dynamically adds a class of "selected" to the current active menu item*/
			background-image:url(chrometheme/chromebg-over.gif);/* THEME CHANGE HERE*/
			background-repeat:repeat-x;/* THEME CHANGE HERE*/
		}		
		/* ######### Style for Drop Down Menu ######### */
		.dropmenudiv{
			position:absolute;
			top: 0;
			/*border: 1px solid #BBB;*/ /*THEME CHANGE HERE*/
			border-bottom-width: 0;
			line-height:18px;
			z-index:100;
			font-weight:normal;
			background-image:url(chrometheme/chromebg.gif);
			visibility: hidden;
			filter: progid:DXImageTransform.Microsoft.Shadow(color=#CACACA,direction=135,strength=4); /*Add Shadow in IE. Remove if desired*/
		}		
		.dropmenudiv a{
			width: auto;
			display: block;
			text-indent: 3px;
			/*border-bottom: 1px solid #BBB;*/ /*THEME CHANGE HERE*/
			padding: 2px 0;
			text-decoration: none;
			color: #000;
		}		
		* html .dropmenudiv a{ /*IE only hack*/
			width: 100%;
		}
		.dropmenudiv a:hover{ /*THEME CHANGE HERE*/
			background-image:url(chrometheme/chromebg-over.gif);
			background-repeat:repeat-x;
		}
	/*MENY SLUT-------------------------------------------------------*/
	#container #main{
	}
		#container #main #left{
			float:left;
			width:606px;
			}
			#container #main #left #lefttop{
				background-image:url(layout/bg-inne_top.gif);
				background-repeat:no-repeat;
				height:20px;
			}
			#container #main #left #leftmellan{
				background-image:url(layout/bg-inne_mellan.gif);
				background-repeat:repeat-y;
				padding-bottom:50px;
			}
			#container #main #left #leftnere{
				background-image:url(layout/bg-inne_nere.gif);
				background-repeat:no-repeat;
				height:20px;
			}
			#container #main #left #lefttop.barn{
				background-image:url(layout/bg-inne_top-barn.gif);
				background-repeat:no-repeat;
				height:29px;
			}
			#container #main #left #leftmellan .barn{
				background-image:url(layout/bg-inne_mellan-barn.gif);
				background-repeat:no-repeat;
				padding-bottom:50px;
				min-height: 523px; overflow-y: auto; !important! height: 523px;
			}
			#container #main #left p{
			margin-top:10px;
			margin-left:60px;
			margin-right:30px;
			}
			#container #main #left img.left{
				margin:10px;
				float:left;
			}
			#container #main #left img.right{
				margin:10px;
				float:right;
			}
		#container #main #right{
			float:right;
			width:280px;
			margin-top:7px;
			}
			#container #main #right #kalender{
				background-image:url(layout/kalendarium.gif);
				height:190px;
				background-repeat:no-repeat;
				}
			#container #main #right #aktuellttop{
				background-image:url(layout/bg-aktuellt_top.gif);
				height:55px;
				}
			#container #main #right #aktuelltmellan{
				background-image:url(layout/bg-aktuellt_mellan.gif);
				background-repeat:repeat-y;
				padding-left:30px;
				}
			#container #main #right #aktuelltnere{
				background-image:url(layout/bg-aktuellt_nere.gif);
				height:40px;
				}
			#container #main #right p{
			}
		#container #main #full{
			clear:both;
			height:15px;
			width:600px;
			margin:10px 10px 10px 40px;
			}
	#container #fot{
		height: 3px;
		clear: both;
	}

/*-----------------------*/

h1 {
	font-size: 14px;
	color: #000;
	padding-left:60px;
	padding-bottom:20px;
	padding-top:20px;
	font-style:italic;
}
h1.aktuellt1 {
	font-size: 12px;
	color: #000;
	padding-bottom:10px;
	padding-top:25px;
	padding-left:40px;
	font-style:italic;
	}
h1.calendar1 {
	font-size: 12px;
	color: #000;
	padding-bottom:10px;
	padding-top:20px;
	padding-left:0px;
	font-style:italic;
	}
h2 {
	font-size: 12px;
	color: #000;
	padding-left:60px;
	padding-top:20px;
}
p.datum{
	font-size: 10px;
	color: #676B35;
	text-decoration: none;
	padding-left: 10px;
	font-style: italic;
}
p.overskrift{
	font-size: 12px;
	color: #676B35;
	text-decoration: none;
	padding-left: 15px;
	margin-bottom: 5px;
}
p.underlink	a{
		font-size: 10px;
		font-weight: normal;
		color: #676B35;
		text-decoration: none;
		margin-top:10px
	}
		p.underlink a:hover{
		text-decoration: underline;
		}
p.foto{
	color:#999;
	}
img.diakoni{
	margin:5px;
	float:left;
	}
img.klockstapel{
	margin:5px;
	float:left;
	}
img.olmen{
	margin:5px;
	}
img.personal{
	float:left;
	border:#CCC solid 1px;
	margin:5px;
	}
table.personal{
	margin-left:40px;
	}
		
/* - - - - - - - - - - - - */
.calendar {
	margin: 3px 0 0 35px;
	}
a.Kalender {
	font-size: 9px;
	text-align: center;
	display: block;
	padding: 3px 5px;
	text-decoration: none;
	background: #FFCB66;
	}
	a.Kalender:hover {
		background: #C7E5B4;
		}
span.None {
	font-size: 9px;
	text-align: center;
	display: block;
	padding: 3px 5px;
	text-decoration: none;
	}
a.Kalender_Manad {
	font-size: 9px;
	text-align: center;
	display: block;
	padding: 3px 5px;
	color: #33c;
	text-decoration: none;
	font-weight: bold;
	background: #f3f3f3;
	}
	a.Kalender_Manad:hover {
		color: #c33;
		}
.Navig {
	font-size: 9px;
	text-align: center;
	font-weight: bold;
	background: #E5E7D1;
	}
.Manad {
	padding: 3px 5px;
	font-size: 9px;
	text-align: center;
	font-weight: bold;
	background: #f3f3f3;
	}
.Dag {
	padding: 3px 5px;
	font-size: 9px;
	text-align: center;
	font-weight: bold;
	background: #f3f3f3;
	color: #000;
	}
.Vecka {
	padding: 3px 5px;
	font-size: 8px;
	text-align: center;
	background: #f3f3f3;
	color: #999;
	font-weight: bold;
	}
.rManad {
	font-size: 9px;
	text-align: center;
	background: #fff;
	font-weight: normal;
	}
.fManad {
	font-size: 9px;
	text-align: center;
	background: #f3f3f3;
	font-style: italic;
	font-weight: normal;
	color: #999;
	}
.Sondag {
	font-size: 9px;
	text-align: center;
	background: #fff;
	font-weight: normal;
	color: #c00;
	}
a{
	color:#000;
	text-decoration:underline;
	}
	a:hover{
		color:#666;
		}