/* Style sheet for SUSB FP-udgave 20060831 */

BODY {
	font-family: Verdana, Arial, Helvetica, sans-serif; 
	color: #000000;
	background: #FFFFFF;
/*	background-image: url("./images/susb-background.gif"); */
	background-repeat: repeat-y;
	margin-top: 0px;
	padding-top: 0;
	padding-right: 0;
	padding-left: 0;
	margin-left: 0;
	margin-right:0;
	}

P {
	font-family: Verdana, Arial, Helvetica, sans-serif; 
	margin-top: 0; 
	margin-bottom: 0.5em; 
	}

/* forsøg med tabel-farve 
TABLE {
	border: none;
	}

TH {
		background : #D7C7A6; 
		border: solid 1px #F6EEDB;
		font-size: 14px;
		}

TD, TR {
		background : #E7D7B6; 
		border: solid 1px #F6EEDB;
		}
 forsøg med tabel-farve slut */

TD {
	font-family: Verdana, Arial, Helvetica, sans-serif; 
	}

TH {
	font-family: Verdana, Arial, Helvetica, sans-serif; 
	font-weight: bold; 
	}

@media screen {
body, p, td, th {
/*	font-size: 10pt; */
	font-size: small;
	}
}

@media print {
body, p, td, th {
	font-size: 9pt;
	}
}

H1, H2 {
	font-family: Arial, Helvetica, Geneva, sans-serif; 
	font-weight: bold; 
	}

H3, H4, H5 {
	font-family: Arial, Helvetica, Geneva, sans-serif; 
	font-weight: bold; 
	}	
	
H1 {
	font-size: 160%;
	margin-top: 0.6em;
	}

H2 {
	font-size: 140%;
	margin-top: 0.4em;
	margin-bottom: 0.1em;
	}

H3 {
	font-size: 120%;
	margin-top: 0.3em;
	margin-bottom: 0em; 
	}

H4 {
	font-size: 100%;
	margin-bottom: 0.2em; 
	}

H5 {
	font-size: 100%;
	margin-top: 0em;
	margin-bottom: 0em; 
	}

SELECT {
	background-color: #FFFFFF;
	color: #000000;
	font-size: 85%;
	font-family: 'Lucida Sans', Arial, Helvetica, sans-serif;
}

UL {
	margin-top: 0.5em;
	margin-bottom: 0.5em;
	margin-left: 1.5em;
	}

UL LI {
	margin-top: 0.25em;
	list-style-type: disc; 
	list-style-position: outside;
	list-style-image: none;
	}

UL LI UL {
	margin-top: 0em;
	margin-bottom: 0em;
	margin-left: 2em;
	}

UL LI UL LI {
	margin-top: 0em;
	list-style-type: square; 
	list-style-position: outside;
	list-style-image: none;
	}

.stor-knap, .lille-knap, .logon {
	font-family: Arial, Helvetica, sans-serif; 
	font-weight: bold;
	text-decoration: none;
	}

.stor-knap, .lille-knap {
	border-width: 2pt;
	border-style: outset;
	text-align: center;
	color: black;
/*	background: #FFFFFF; */
	background: #F0F0F0;
	margin: 0;
	padding-left: 0.5em;
	padding-right: 0.5em;
	padding-top: 0.3em;
	padding-bottom: 0.3em;
	}
	
.stor-knap, .logon {
	font-size: 120%;
	}
	
.stor-knap {
/*	width: 15em; */
	padding-left: 1.5em;
	padding-right: 1.5em;
	margin-left: 1em;
	margin-right: 1em;
	margin-bottom: 1em;
	}
	
.lille-knap {
	font-size: 100%;
	width: 15em;
	margin-bottom: 1em;
	}
	
.lille-knap a:link, .lille-knap a:hover, .lille-knap a:visited, .lille-knap a:active,
.stor-knap a:link, .stor-knap a:hover, .stor-knap a:visited, .stor-knap a:active {
	color: black; 
	background: inherit;
	text-decoration: none;
	}

/* De fire følgende klasser er kopieret fra su.dk og rettet, så de valideres */
.suniv1 {
	color: #000000;
	background-color: #ADD0D0;
	}
	
.suniv2 {
	color: #000000;
	background-color: #BEE0E0;
	}
	
.suniv3 {
	color: #000000;
	background-color: #CFF0F0;
	}
	
.sustomr {
	margin-top: 10pt;
	}
/* Slut på su.dk */

.knap {
	border-width: medium;
	border-style: outset;
	font-size: 110%;
	text-align: left;
	color: black;
	font-weight: bold;
	text-decoration: none;
	background: #ADD0D0;
	width: 16em;
	margin: 0;
	padding-left: 0.5em;
	padding-right: 0.5em;
	}

.clsNormal {
	font: 100% Helvetica, Arial, sans-serif;
	}

.large { 
	font-size: 160%;
	}

/* klasser til menuer opbygget af links, og med forklarende tekst. */

.link2, .link3 {
/*	color: #3D4F04; */
	font-weight: bold; 
	}

.link2 {
	margin-left: 0em;
	margin-top: 0.3em;
	margin-bottom: 0em;
	font-size: 95%;
	}	

.link3 {
	margin-left: 0.75em;
	margin-top: 0em;
	margin-bottom: 0em;
	font-size: 85%;
	}	
	
.link2:link, .link3:link {
	color: #000080; 
	background: inherit;
	text-decoration: underline;
	}
	
.link2:hover, .link3:hover {
	color: #0000FF;
/*	background: #FFCCCC; */
/*	background: #FFFFFF; */
	background: inherit;
	text-decoration: underline;
	}
	
.link2:visited, .link3:visited {
	color: purple; 
	background: inherit;
	text-decoration: underline;
	}
	
.link2:active, .link3:active {
	color: purple; 
	background: inherit;
	text-decoration: underline;
	}

.linktext {
	font-size: 90%;
	line-height: 1.0em;
	margin-top: 0em;
	margin-bottom: 0.5em;
	margin-left: 1em;
	}	
		
/*  */

A:link {
	color: #000080; 
	background: inherit;
	text-decoration: underline;
	}
	
A:hover {
	color: #0000FF;
	background: inherit;
	text-decoration: underline;
	}
	
A:visited {
	color: purple; 
	background: inherit;
	text-decoration: underline;
	}
	
A:active {
	color: purple; 
	background: inherit;
	text-decoration: underline;
	}

.copyright { 
	font-size: 80%; 
	}

STRONG { 
	font-weight: bold; 
	}

DT {
	margin-top: 0.5em;
	}


/*  */

@media screen {
.logo {
	padding-top: 10px;
	margin-bottom: 25px;
	}
}

@media print {
.logo {
	position: fixed;
	top: 40px;
	right: 0px;
	}
}

@media screen {
.top {
	background: #BEE0E0;
	color: black;
	margin-top: 0;
	padding-top: 10px;
/*	border-bottom: 21px solid #000080; */
	border-bottom: 21px solid #576868;
	}
}

@media print {
.top {
	background: #BEE0E0;
	color: black;
	}
}

.logo-type {
	font-family: Verdana, Arial, Helvetica, Geneva, sans-serif; 
	font-weight: bold; 
	font-size: 180%;
	}	
@media screen {
.netsted {
	font-family: Arial, Helvetica, Geneva, sans-serif; 
	font-weight: bold; 
	font-size: 120%;
	float: left;
	margin-left: 0;
/*	padding-left: 195px; */
	padding-left: 200px;
	margin-bottom: 0.4em;
	}	
}

@media print {
.netsted {
	font-family: Arial, Helvetica, Geneva, sans-serif; 
	font-weight: bold; 
	font-size: 150%;
	}	
}

/*  */

@media screen {
.navigation {
	font-size: 90%;
	margin-top: 50px;
	color: black;
	background: #BEE0E0;
	}
}

@media print {
.navigation {
	display: none;
	}
}
	
.navi {
	font-family: Verdana, Arial, Helvetica, Geneva, sans-serif; 
	margin-top: 0.4em;
	margin-bottom: 0.4em;
	margin-left: 1em;
	text-indent: -1em;
	line-height: 1.0em;
	}

.navi A:link {
	color: #0000C0; 
	background: inherit;
	text-decoration: none;
	}
	
.navi A:hover {
	color: #0000FF;
	background: inherit;
/*	background: #FCFB80; */
	text-decoration: none;
	}
	
.navi A:visited {
	color: purple; 
	background: inherit;
	text-decoration: none;
	}
	
.navi A:active {
	color: purple; 
	background: inherit;
	text-decoration: none;
	}

.navi1 {
	font-family: Verdana, Arial, Helvetica, Geneva, sans-serif; 
	margin-top: 0.2em;
	margin-bottom: 0.2em;
	border-bottom: 1px solid black;
	padding-bottom: 0.2em;
	}

.navi1 A:link {
	color: #0000C0; 
	background: inherit;
	text-decoration: none;
	}
	
.navi1 A:hover {
	color: #0000FF;
	background: inherit;
/*	background: #FCFB80; */
	text-decoration: none;
	}
	
.navi1 A:visited {
	color: purple; 
	background: inherit;
	text-decoration: none;
	}
	
.navi1 A:active {
	color: purple; 
	background: inherit;
	text-decoration: none;
	}

/*  */

@media screen {
.appl-help {
	margin-top: 0.2em;
	border-top: 1px solid black;
	padding-top: 0.2em;
	font-size: 90%;
	}
}

@media print {
.appl-help {
	display: none;
	}
}

@media screen {
.warning {
	margin-top: 0.2em;
	border-top: 1px solid black;
	padding-top: 0.4em;
	font-size: 80%;
	}
}

@media print {
.warning {
	display: none;
	}
}

/*  */

.header {
	margin-top: 0;
	margin-bottom: 0.3em;
	border-bottom: 1px solid black;
	padding-bottom: 0.5em;
	width: 100%;
	}

/*  */

.crumb {
	font-family: Verdana, Arial, Helvetica, Geneva, sans-serif; 
	font-size: 90%;
	margin-top: 0;
	margin-bottom: 0.3em;
	border-bottom: 1px solid black;
	color: black;
	background: #FFFFFF; 
	}

.crumb A:link {
	color: #000080; 
	background: #FFFFFF; 
	text-decoration: none;
	}
	
.crumb A:hover {
	color: #0000FF;
/*	background: #FCFB80; */
	background: #FFFFFF; 
	text-decoration: none;
	}
	
.crumb A:visited {
	color: purple; 
	background: #FFFFFF; 
	text-decoration: none;
	}
	
.crumb A:active {
	color: purple; 
	background: #FFFFFF; 
	text-decoration: none;
	}

/*  */

.person {
	font-size: 90%;
	font-weight: bold; 
/*	float: left; */
	width: 84%;
	padding-right: 1%;
	text-align: left;
	}

@media screen {
.logoff,#changeuser {
	margin-right: 1%;
	padding-left: 1%;
	padding-bottom: 1.0em;
	text-align: right;
	font-size: 90%;
	}
}

@media print {
.logoff,#changeuser {
	margin-left: 86%;
	padding-left: 1%;
	padding-top: 1.2em;
	text-align: right;
	font-size: 90%;
	visibility: hidden;
	}
}

/*  */

.fct-head {
	width: 100%;
	margin-top: 0.3em;
	margin-bottom: 0.4em; 
	}

/*  */

.fct {
	float: left;
	width: 69%;
	padding-right: 1%;
	margin-top: 0;
	margin-bottom: 0;
	text-align: left;
	font-family: Arial, Helvetica, Geneva, sans-serif; 
	font-weight: bold; 
/*	font-size: 140%; */
	}
	
.rubrik {
	margin-top: 0;
	margin-bottom: 0.3em;
	border-bottom: 1px solid black;
	padding-bottom: 0.5em;
	width: 100%;
	}

.date-time, .support-year {
	font-size: 80%;
	margin-top: 0;
	margin-bottom: 0;
	padding-top: 0;
	padding-bottom: 0;
	margin-left: 71%;
	padding-left: 1%;
	text-align: right;
	}

@media screen {
.fct-help {
	margin-left: 71%;
	padding-left: 1%;
	padding-top: 0.4em;
	text-align: right;
	font-size: 90%;
	}
}

@media print {
.fct-help {
	margin-left: 71%;
	padding-left: 1%;
	padding-top: 0.4em;
	text-align: right;
	font-size: 90%;
	visibility: hidden;
	}
}

/*  */

.key {
	}

/*  */

@media screen {
.fct-body {
	width: 100%;
	clear: left;
/*	height: 540px;
	overflow: auto; */
	position: relative;
	top: 0%;
	left: 0%;
	}
}

@media print {
.fct-body {
	width: 100%;
	clear: left;
	position: relative;
	top: 0%;
	left: 0%;
	}
}

/*  */

.contact {
	margin-top: 2em;
	border-top: thin solid black;
	padding-top: 1em;
	font-size: 70%; 
	}

/*  */

.footer {
	margin-top: 1em;
	clear: both; 
	font-size: 80%; 
	}

/*  */

@media screen {
.cprnummer {
	display: none;
	}
}

@media print {
.cprnummer {
	display: inline;
	}
}

/*.cprnummer:before {
	content: " (";
	}

.cprnummer:after {
	content: ")";
	} */

.important {
	font-weight: bold;
	}

.sim { 
	color: black;
	background-color: #CFF0F0; 
	}

.important-sim { 
	font-weight: bold;
	color: black;
	background-color: #CFF0F0; 
	}


.output	{
	font-family: "Lucida Sans Typewriter", "Courier New", monospace;
	font-size: 95%;
/*	font-weight: bold; */
	}

.comment {
	font-style: italic;
	font-size: 90%;
	}

.disclaimer {
	margin-top: 0.5em;
	margin-bottom: 0.5em;
	font-size: 80%; 
	}

.small {
	font-size: 80%; 
	}

.notice {
	margin-top: 0.5em;
	margin-bottom: 0.5em;
	border: solid;
	border-width: 2px;
	border-color: red; 
	padding-left: 1em;
	padding-right: 1em;
	padding-top: 0.5em;
	padding-bottom: 0.5em;
	}

.tax {
/*	margin-right: 1.5em; */
	margin-top: 1em;
	margin-bottom: 1em;
	border: solid;
	border-width: 1px;
	border-color: black; 
	color: black;
	background: #CFF0F0; 
	padding-left: 1.5em;
	padding-right: 1.5em;
	padding-top: 1em;
	padding-bottom: 1em;
	font-family: "Lucida Sans Typewriter", "Courier New", monospace;
	font-size: 95%;
	}

.tax p {
	font-family: "Lucida Sans Typewriter", "Courier New", monospace;
	font-size: 95%;
	}

.tax td {
	font-family: "Lucida Sans Typewriter", "Courier New", monospace;
	font-size: 76%;
	}

.year {
/*	margin-right: 1.5em; */
	margin-top: 1em;
	margin-bottom: 1em;
	border: none;
	padding-left: 1.5em;
	padding-right: 1.5em;
	padding-top: 1em;
	padding-bottom: 1em;
	font-family: "Lucida Sans Typewriter", "Courier New", monospace;
	font-size: 95%;
	}

.year p {
	font-family: "Lucida Sans Typewriter", "Courier New", monospace;
	font-size: 95%;
	}

.year td {
	font-family: "Lucida Sans Typewriter", "Courier New", monospace;
	font-size: 76%;
	}

/*	
.left-column {
	position: absolute;
	top: 0%;
	left: 0%;
	width: 32%;
	padding-right: 1%;
	text-align: left;
	}
	
.middle-column {
	position: absolute;
	top: 0%;
	left: 33%;
	width: 32%;
	padding-left: 1%;
	padding-right: 1%;
	text-align: left;
	}
	
.right-column {
	position: absolute;
	top: 0%;
	left: 66%;
	width: 32%;
	padding-left: 1%;
	text-align: left;
	}
*/

.left-column {
	position: absolute;
	top: 0%;
	left: 0%;
	width: 49%;
	padding-right: 1%;
	text-align: left;
	}
	
.right-column {
	position: absolute;
	top: 0%;
	left: 50%;
	width: 49%;
	padding-left: 1%;
	text-align: left;
	}

.section {
	margin-bottom: 2em;
	margin-top: 2em;
	}

.label {
	float: left;
	clear: left;
	width: 60%;
	text-align: right;
	}
	
.form-field {
	margin-left: 60%;
	text-align: left;
	}

@media print {
#left-frame {
	position: absolute;
	top: 0px;
	left: 0px;
	margin: 0px;
	border: 0px;
	width: 0px; /* ie5win fudge begins */
	voice-family: "\"}\"";
	voice-family:inherit;
	width: 0px;
	float: left;
	}

html>body #left-frame {
	width: 170px; /* ie5win fudge ends */
	}

#right-frame {
	padding: 10px 10px 10px 10px;
	margin-top: 0px;
	margin-left: 0px;
	border: 0px;
	voice-family: "\"}\"";
	voice-family:inherit;
	}

html>body #right-frame {
	/* ie5win fudge ends */
	}	/* Opera5.02 shows a 2px gap between. N6.01Win sometimes does. Depends on amount of fill and window size and wind direction. */
}

@media screen {
#left-frame {
	position: absolute;
	top: 0px;
	left: 0px;
	padding-left: 10px;
	padding-right: 10px;
	margin: 0px;
	border: 0px;
	width: 190px; /* ie5win fudge begins */
	voice-family: "\"}\"";
	voice-family:inherit;
	width: 170px;
	float: left;
	}

html>body #left-frame {
	width: 170px; /* ie5win fudge ends */
	}

#right-frame {
	padding-top: 5px;
	padding-left: 10px;
	padding-right: 10px;
	margin-left: 190px;
	border: 0px;
	voice-family: "\"}\"";
	voice-family:inherit;
	}

html>body #right-frame {
	/* ie5win fudge ends */
	}	/* Opera5.02 shows a 2px gap between. N6.01Win sometimes does. Depends on amount of fill and window size and wind direction. */
}