/********** General **********/

* 						{margin: 0; padding: 0;}
img 					{border: 0;}
body 					{font: 80% georgia, serif; color: #422;}


/********** Paragraphs & Headings **********/

p						{margin: .6em 0 1.2em; line-height: 1.6em;}

h1, h2, h3, 
h4, caption				{font-family: garamond, georgia, serif;}
h2, h3					{margin: 0 0 .6em; border-bottom: 1px solid #dcb;}
h4						{margin: 1em 0 0;}

h1						{font-size: 3.0em;}
h2						{font-size: 2.6em;}
h3						{font-size: 2.0em;}
h4						{font-size: 1.4em;}
h4 small				{font-size: 0.71em; font-family: georgia, serif; font-weight: normal;}

blockquote				{font-style: italic; margin: 0 2em;}

p + h3, table + h3, 
ul + h3, ol + h3 		{margin-top: .6em;}


/********** Links **********/

a						{color: #aa1300; text-decoration: none;}
a:visited				{color: #c95749;}
a:hover					{text-decoration: underline;}
a:active				{color: #ff0000;}

h3 a					{text-decoration: none;}

a[href^="http"]			{background: url(../images/icons/external.png) top right no-repeat; padding-right: 10px;}
a[href^="http"]:hover 	{background-image: url(../images/icons/external-hover.png);}
a[href$="pdf"]			{background: url(../images/icons/pdf.png) top right no-repeat; padding-right: 10px;}
a[href^="pdf"]:hover 	{background-image: url(../images/icons/pdf-hover.png);}


/********** Lists & Tables **********/

ul, ol					{margin: .6em 2em 1em; line-height: 1.6;}

dl						{margin: .6em 0 1em; line-height: 1.6;}
dt						{font-weight: bold;}
dd						{margin: 0 0 1em;}

table 					{margin: 1em; border-collapse: collapse; width: 95%;}
td, th					{vertical-align: top; padding: 0 1em 0 .2em; line-height: 1.6; text-align: left;}
caption 				{font-size: 1.4em; text-align: left; font-weight: bold; padding: 0 0 .1em .1em;}
tr.alt					{background: #ece6d9;}


/********** Structure **********/

#wrapper				{width: 76em; margin: 0 auto; padding: 0 0 4em;}

#header, #menu, 
#main, #secondary 		{margin: 1em 0;}

#logo					{float: left;}
#header h1				{float: left; margin: 0.8em 0.8em 0; text-indent: -1000em; background: url(../images/name.png); width: 500px; height: 50px;}

#main					{width: 50em; float: left;}
#secondary				{width: 24em; float: right; padding-left: 1em; border-left: 1px solid #dcb;}

#main img				{margin: .5em; border: 1px solid #dcb;}
#main img.noborder		{border: 0;}


/********** Menu **********/

#menu					{background: #422 url(../images/menu.png); padding: 1px;}
#menu ul 				{list-style: none; margin: 0;}
#menu li				{float: left;}
#menu li a 				{float: left; padding: .2em 1em; color: #fff; font-size: 1.3em; text-decoration: none;}
#menu li a:hover  		{background: #dca url(../images/menu_hover.png); color: #000; /*text-decoration: underline;*/}
#menu li a.active		{background: #311 url(../images/menu_active.png); color: #fff; text-decoration: none;}


/********** Gallery **********/

.gallery 				{list-style: none; margin: 0 0 1em;}
.gallery li 			{clear: both;}
.gallery img			{float: left;}
.gallery a 				{float: left; width: 135px;}
.gallery p 				{float: left; width: 36em; margin: 1em; padding: 0;}


/********** Misc **********/

.dlpdf					{margin-top: -1em;}
.padtop					{padding-top: .6em;}
.nowrap					{white-space: nowrap;}
.accessibility 			{display: none;}
.alert					{color: #f00;}
.obsolete				{text-decoration: line-through; color: #877;}

.clear 					{clear: both;}
.right					{text-align: right;}

.small					{font-weight: normal; font-style: italic; font-size: 85%;}

#main img.left			{float: left; margin: .5em 1em .5em 0;}
#main img.right			{float: right; margin: .5em 0 .5em 1em;}


#aldersgrupper			{width: 240px; float: right;}
#aldersgrupper td		{background: #fff;}
#aldersgrupper .grupp	{text-align: center; vertical-align: middle; border: 1px solid #422;}
.vu 					{background: #f8fb4c !important;}
.as 					{background: #f58c58 !important;}
.ss 					{background: #9d6bfc !important;}
.es 					{background: #5eaa65 !important;}
.rs 					{background: #b58a59 !important;}
.al						{background: #6189e1 !important;}

/*#kalender span,
#forklaring span		{padding: 0 5px; text-align: center; font-weight: normal; color: #644;}*/
#kalender .groups 		{/*float: right;*/ font-weight: normal; font-style: italic;}

#kalender dt,
.small .ovriga			{background-color: #dfe7ee;}
#kalender .msp,
.small .msp				{background-color: #e3edde;}

table .vcard .title		{width: 20%;}
table .vcard .fn		{width: 26%;}
table .vcard .tel		{width: 20%;}