/* Dette stilark (stylesheet) styrer de forskellige elementers udseende, placering, opførsel osv. */

/* Angiver grundlæggende egenskaber for hele siden */
html {
	height: 100%;
	padding: 0;
	margin: 0;
}

/* Angiver grundlæggende egenskaber for hele siden */
body {
	height: 100%;
	background: #003366; /* Sidens baggrundsfarve */
	text-align: center; /* Hack for at få IE 5.5. til at centrere */
	font-family: verdana, sans-serif;
	padding: 0;
	margin: 0;
}

/* ID'er (de "kasser" som siden er bygget op af) */
/* Angiv egenskaberne for "containeren" (hele den indlejrede kasse på siden) */
#container {
	position: relative;
	background: #99ccff; /* Containerens baggrundsfarve */
	background: url('baggrund_container.png'); /* Containerens baggrundsbillede */
	background-repeat: repeat-y; /* Baggrundsbilledet skal gentages lodret */
	color: black;
	padding: 0;
	margin: 10px auto 0 auto;
	min-height: 100%;
	width: 750px;
}

/* IE min-height hack */
* html #container {
	height: 100%;
}

/* Angiv egenskaberne for sidehovedet */
#hoved {
	margin: 0;
	padding: 0;
	height: 87px;
 	text-align: left;
	border-bottom: 1px solid #003366; /* Sætter en bund-kant på sidehovedet */
	background: url('baggrund.png'); /* Sidehovedets baggrundsbillede (gentages automatisk lodret og vandret) */
}

/* Angiv egenskaberne for teksten i sidehovedet: */
#hoved p {
	height: 57px;
	padding: 30px 20px 0 15px;
	font-family: garamond, serif;
	font-size: 20px;
	font-weight: bold;
	font-style: italic;
}

#hoved a {
	text-decoration: none;
	color: black;
}

/* Angiv egenskaberne for hele menublokken: */
#menu {
	margin: 0;
	padding: 0;
	list-style-type: none;
	float: left;
	width: 165px;
	text-align: left;
}

/* Angiv egenskaberne for de enkelte menupunkter: */
#menu a, #selected_link {
	background: #006666; /* Baggrundsfarve */
    color: white; /* Tekstfarve */
	padding: 5px; /* Afstand fra kant til tekst */
	text-decoration: none;
    font-variant: small-caps;
	display: block;
	margin-top: -1px;
	margin-left: -1px;
	margin-right: 1px;
	font-family: sans-serif;
	font-style: italic;
	font-size: 12px;
	border-style: solid;
	border-color: #003366;
	border-width: 1px 1px 1px 0;
	height: 15px;
}

/* Angiv egenskaberne for de enkelte menupunkter når man fører musen hen over: */
#menu a:hover, a#selected_link, #selected_link {
	background: #00A3A3;
}

/* Angiv egenskaberne for teksten med kursus-perioden: */
#periode {
	color: #111111;
	float: right;
	font-weight: bold;
	font-size: 12px;
	position: absolute;
	right: 15px;
}

/* Angiv egenskaberne for feltet til brødteksten: */
#indhold {
 	text-align: left;
	padding: 20px;
	min-height: 100%;
	color: #111111;
	background: url('baggrund.png');
	font-size: 90%;
	margin-left: 165px;
}

/* Definér en linjehøjde for alle afsnit der står i feltet til brødteksten: */
#indhold p {
	line-height: 1.25em;
}

/* Angiv egenskaberne for linket til sidens top: */
#fod {
	font-size: smaller;
	border-top: 1px solid #003366;
	margin-top: 2em;
}

#fod a {
	text-decoration: none;
}

#bund_spacer {
	height: 10px;
}

/* Angiv størrelser på forskellige overskriftsniveauer: */
h1 {
	font-size: 150%;
	margin: 1em 0 0 0;
}

h2 {
	font-size: 120%;
	text-decoration: underline;
}

h3 {
	font-size: 110%;
	margin: 0;
}

h4 {
	font-size: 100%;
	font-weight: bold;
}

/* Angiv egenskaber for links i brødteksten: */
a {
	color: #003366;
	font-weight: bold;
}

/* Angiv egenskaber for links i brødteksten når man fører musen henover: */
a:hover, a:visited {
	color: #006666;
}

/* Klasser (kan bruges i HTML-koden f.eks. således: <span class="smaller">Denne tekst står med småt</span>) */
.smaller {
	font-size: smaller;
}

/* Denne klasse indsætter et højrestillet billede i en tekstblok (bruges således: <div class="billed_hoejre"><img src="..."></div> */
.billed_hoejre {
	float: right;
	text-align: center;
	margin: 0 0 1.5em 1.5em;
	font-size: smaller;
	font-weight: bold;
	display: inline;
}

/* Denne klasse indsætter et venstrestillet billede i en tekstblok på samme måde som ovenfor */
.billed_hoejre img {
	display: block;
	border: 1px solid black;
}