body {
	margin: 0;
	font: 12px arial, sans-serif;
	color: #444;
}
#header >img, #header >a {
	margin-left: auto !important;
	margin-right: auto !important;
}
#content {
	float: left;
	padding: 0 20px 0 15px;
	width: 555px;
	font: 14px/16px arial, sans-serif;
}

#footer {
	clear: both;
}

/* */

h1 {
	margin: 0;
	font: 28px georgia, serif;
	color: #72b023;
}
#content >h1 {
	margin-bottom: 10px !important;
}

h2 {
	border-bottom: 1px #ddd solid;
	font: 22px georgia, serif;
	color: #666;
	margin-top: 26px !important;
	margin-bottom: 8px !important;
	padding-bottom: 5px !important;
}

h3 { font: bold 12px georgia, serif; }

a, a:link, a:visited, a:active {
	border-bottom: 1px #ddd solid;
	color: #386ab6;
	text-decoration: none;
}

a:hover { border-bottom: 1px #386ab6 solid; }

ul { list-style-type: square; }

/* */

#content img {
	float: right;
	margin-left: 10px;
	margin-bottom: 1em;
	border: 1px #ddd solid;
	padding: 1px;
	background-color: #fff;
	clear: right;
}

#content img.left {
	float: left;
	margin-left: 0;
	margin-right: 10px;
	border: 1px #ddd solid;
	padding: 1px;
}

#loginForm label { display: block; }

/* Frontpage lists */
ul.fp_list {
	margin-bottom: 0px;
}

ul.fp_list li {
	list-style: none !important;
}

ul.fp_list li span.fp_list_date {
	font-weight: bold;
	width: 25%;
	display: inline-block;
	vertical-align: top;
}

ul.fp_list li span.fp_list_title {
	display: inline-block;
	width: 75%;
}

/* MENU */

#menuContainer {
	display: block; /* Fix IE double margin bug */
}

ul#menu {
	margin: 0;
/*	border-top: 1px #5FA0C6 dotted;*/
	padding: 0;
	list-style-type: none;
	color: #0F4564;
}


	ul#menu li {
		margin: 0; padding: 0;
		background: #cfe2bf;
	}

		ul#menu li a, ul#menu li a:link, ul#menu li a:visited, ul#menu li a:active {
			display: block;
/*			border-bottom: 1px #5FA0C6 dotted;*/
			border-bottom: 1px solid #fff;
			margin: 0;
			padding: 10px 0 10px 15px;
			text-decoration: none;
			color: #444;
			background: url("images/menu_closed.gif") no-repeat 6px 16px;
			font-size: 14px;
		}

		ul#menu li a.selected {
			background: url("images/menu_open.gif") no-repeat 6px 16px;
		}

		ul#menu li a:hover {
			background-color: #76ac45;
			color: #fff;
		}

ul#submenu {
	margin: 0;
/*	border-bottom: 1px #5FA0C6 dotted;*/
	padding-left: 15px;
	list-style-type: none;
	background-color: #eff2df;
}

	ul#submenu li {
		padding: 5px 0;
		background-color: #eff2df;
	}

	ul#submenu li a, ul#submenu li a:link, ul#submenu li a:visited, ul#submenu li a:active {
		padding: 5px 0 5px 10px !important;
		border: none;
		text-decoration: none;
		color: #444;
		background-image: none;
	}

	ul#submenu li a.selected {
		color: 	#285aa6;
		color: 444;
		background: url("images/menu_closed.gif") no-repeat left;
	}

	ul#submenu li a:hover {
		color: #285aa6;
		background-color: transparent;
	}

ul#subsubmenu {
	margin: 0;
	padding-left: 10px;
	list-style-type: none;
}

/* SITEMAP ETC. */

#sitemap ul { padding: 0.3em 0 0.3em 2em; }


table.words h3 { margin: 1em 0 0.5em 0; border-bottom: 1px #ddd solid; }
table.words td { padding: 0.3em 1em 0.3em 0; vertical-align: top; }

@media (max-width: 768px){
	body {
		padding: 0px 0px 0px 0px;
	}
	#fp_logo_link {
		border-bottom: none !important;
	}
	#fp_logo_link:hover {
		text-decoration: none !important;
		cursor: pointer !important;
		border-bottom: none !important;
	}
	#fp_logo_link >img {
		max-width: 100% !important;
		max-height: 115px !important;
	}
	#header {
		background: url("/images/header_background_oksat.png");
	}
	#menuContainer #mobile_navigation_toggler_wrapper {
		display: block !important;
		background-color: #cfe2bf !important;
		border-bottom: 1px solid white;
	}
	#mobile_navigation_toggler {
		font-size: 25px !important;
		padding-right: 10px !important;
		padding-left: 10px !important;
		background-color: #386ab6 !important;
		padding-top: 3px !important;
		padding-bottom: 3px !important;
		display: inline-block !important;
	}
	#mobile_navigation_toggler:hover {
		text-decoration: none !important;
		background-color: #214372 !important;
	}
	#mobile_navigation_toggler i.fa {
		color: white !important;
	}
	#menuContainer #menu {
		display: none;
	}
	#content >h1 {
		margin-top: 10px !important;
	}
	#breadcrumbs {
		margin-top: 8px;
		margin-bottom: 8px;
	}
	#content >table {
		max-width: 100% !important;
		min-width: 100% !important;
	}
	#footer {
		width: 100%;
		background: #cfe2bf;
	}
	#footer_inner {
		margin-left: auto;
		margin-right: auto;
	}
	#footer_inner a {
		color: black;
		display: inline-block;
		margin-left: 10px;
		margin-right: 10px;
	}
}
@media (min-width: 768px){
	body {
		padding: 0px 0px 158px 0px;
	}
	#header {
		background-color: #245DB4 !important;
	}
	#menuContainer #mobile_navigation_toggler_wrapper {
		display: none !important;
	}
	#menuContainer #menu {
		display: block !important;
	}
	#breadcrumbs {
		float: right;
	}
	#container {
		margin-bottom: 65px !important;
	}
	#footer {
		position: fixed;
	    bottom: 0;
	    width: 100%;
	    background: #cfe2bf;
	}
	#footer_inner {
		margin-left: auto;
		margin-right: auto;
	}
	#footer_inner a {
	    color: black;
	    display: inline-block;
	    margin-left: 10px;
	    margin-right: 10px;
	}
}