@CHARSET "UTF-8";

div{
	margin: 0px;
	padding: 0px;
}
div#body_incl,
div#container{
	font-family: sans-serif;
}
div#container{
	width: 800px;
}
div#header{
	font-size: 10pt;
	text-align: center;
	background-color:  #1A151B;
	height: 100px;
	border: 1px double gray;
	clear: left;
	background-image: url(../_graphic/mainlogo.jpg);
	background-repeat: no-repeat;
	background-position: center;
	z-index: 1;
}

.dymo{
	background-color: yellow;
	font-family: monospace;
	font-variant: small-caps;
	color: red;
	border: gray 1px;
	text-align: center;
}

.small{
	font-size: 10pt;
}
.big{
	font-size: 13pt;
}
.bigger{
	font-size: 17pt;
}
.right{
	text-align: right;
}
.center{
	text-align: center;
}
.bold{
	font-weight: bold;
}

.underline{
	text-decoration: underline;
}

/* ----------------------------------------------------------------------
 * Body
 * ----------------------------------------------------------------------
 */
div#body_incl,
div#body{
	background-color: #DFDFDF;
	font-size: 11pt;
}
div#body{
	position: absolute;
	margin-top: 10px;
	left: 146px;
	/* w, h is also used in social iframes (e.g. facebook) */
	width: 639px;
	height: 500px;
	overflow: auto;
	padding-left: 10px;
	padding-right: 10px;
	border-right-color: #5F5F5F;
	border-right-style:dotted;
	border-right-width:1px;
	border-left-color: #5F5F5F;
	border-left-style:dotted;
	border-left-width:1px;
}
div#body,
div#body p{
	margin-right: 10px;
}
/* For IE we need to reset the margins for the paragraph */
div#body p{
	margin-top: 5px;
	margin-bottom: 16px;
}
div#body li{
	padding-bottom: 10px;
}

div#body table.bestyrelse tr td{
	padding-bottom: 10px;
}

/* ----------------------------------------------------------------------
 * Body headers
 * ----------------------------------------------------------------------
 */
div#body_incl h1,
div#body_incl h2,
div#body_incl h3,
div#body h1,
div#body h2,
div#body h3{
		color: #0C3F00; /* Same color as topmenu */
}
div#body_incl h1,
div#body h1{
	font-size: 18pt;
	margin-top: 5px; 
}
div#body_incl h2,
div#body h2{
	font-size: 14pt;
	margin-bottom: 5px;
}
div#body_incl h3,
div#body h3{
	font-size: 12pt;
	font-style: italic; 
	margin-bottom: 5px;
}
/* ----------------------------------------------------------------------
 * General setup for "Portlets" in body division. Only general layout. No
 * size or positioning is done here (apart from the page-icon and speech 
 * balloon that is also for general use). 
 *
 * Size and positioning is done in the "portlets_xxx.css" files 
 * ----------------------------------------------------------------------
 */
div#body div.portlet{ 
	padding: 5px;
	font-size: 10pt;
	margin-left: 10px;
	border-color: #5F5F5F;
	border-style:dotted;
	border-width:1px;
	
}
div#body div.portlet h2{
	font-size: 10pt;
	margin-top: 0px;
}
div#body div.portlet p{
	margin-left: 0px;
	margin-right: 10px;
	padding: 0px;
}
div#body div.portlet a{
	font-style:italic;
	text-decoration: underline;
}
div#body div.portlet > a{
	margin-right: 10px;
	color: #DFDFDF;
	text-align: right;
}
div#body div.portlet.kids a{
	color: yellow;
}
div#body div.portlet.kids > a{
	color: yellow;
}
div#body div.portlet.youth a{
	color: black;
}
div#body div.portlet.youth > a{
	color: black;
}
div#body div.portlet a:hoover{
	text-decoration: underline;
}
div#body div.portlet a:active{
	text-decoration: none;
}

/* Pageicon and speech-balloon next to pageicon */

div#body div.pageicon,
div#body div.speechballoon{
	position: absolute;
}
div#body div.pageicon{
	top: 366px;
	left: 265px;
}
div#body div.speechballoon{
	top: 356px;
	left: 415px;
	width: 200px;
	height: 109px;
	background-image: url(../_graphic/speechballoon.jpg);
	background-repeat: no-repeat;
	background-position: center;
}
div#body div.speechballoon>div{
	font-size: 10pt;
	padding-top: 20px;
	padding-left: 49px;
	padding-right: 30px;
	text-align: center;
}
/* ----------------------------------------------------------------------
 * Topmenu
 * ----------------------------------------------------------------------
 */
div#topmenu{
	font-size: 10pt;
	border: 1px double gray;
	padding-top: 5px;
	padding-bottom: 5px;
}
div#topmenu ul{
	padding-left: 5px; 
	padding-top: 0px;
	margin: 0px;
}
div#topmenu li{
	display: inline;
	border-right: 1px;
	border-right-color: #5F5F5F;
	border-right-style:groove;
	border-right-width:1px;
	padding-left: 5px;
	padding-right: 5px;
	list-style:none;
	list-style-type:none;
	list-style-position:outside;
}
/* Handle clases for both selected and non-selected item */
div#topmenu li a,
div#topmenu li a.selectedTopmenuitem {
	text-decoration: none;
}
div#topmenu li a{
	color: #0C3F00;
}
div#topmenu li a.selectedTopmenuitem {
	font-weight: bold;
	color: black;
}
div#topmenu li a:link {
}
div#topmenu li a:visited {
}
div#topmenu li a:active {
	text-decoration: none;
}
div#topmenu li a:hover {
	text-decoration: underline;
}

/* ----------------------------------------------------------------------
 * Leftmenu
 * ----------------------------------------------------------------------
 */
div#leftmenu{
	position: absolute;
	font-size: 10pt;
	margin-bottom: 0px;
	width: 140px;
	background-image: url(../_graphic/filmstrip.gif);
	background-repeat: repeat-y;
	z-index: 1;
}
div#leftmenu ul{
	padding-left: 5px; padding-top: 0px;
	margin: 0px;
}
div#leftmenu li{
	margin-left: 5px;
	list-style:none;
	list-style-type:none;
	list-style-position:outside;
	margin-left: 17px;
	padding-top: 13px;
	padding-bottom: 28px;
}
div#leftmenu li a,
div#leftmenu li a.selectedLeftmenuitem {
	text-decoration: none;
}
div#leftmenu li a{
	color: #0C3F00;
}
div#leftmenu li a.selectedLeftmenuitem {
	font-weight: bold;
	text-decoration: underline;
	color: black;
}
div#leftmenu li a:link {
}
div#leftmenu li a:visited {
}
div#leftmenu li a:active {
	text-decoration: none;
	font-weight: bold;
}
div#leftmenu li a:hover {
	text-decoration: underline;
}

/* ----------------------------------------------------------------------
 * Section colors
 * ----------------------------------------------------------------------
 */
.frontpage{
	background: #C2DFEF; /* also set in the calendar iframe */
}
.kids{
	background: #43598E;
}
.youth{
	background: #A9CFA8;
}
.board{
	background: #CFD5FF;
}