/* Make the footer stick to the bottom of a page - http://ryanfait.com/resources/footer-stick-to-bottom-of-page */
* { margin: 0; } 
html, body { height: 100%; } 
#wrapper { min-height: 100%; height: auto !important; height: 100%; margin: 0 auto -18px; } 
#footer, #push { height: 18px; } 
#push { clear: both; }

/* Kopenhagen Fur */

#logo { height: 97; width: 49px; }

#login { border: solid 1px #9E9185; height: 15px; left: 740px; position: absolute; text-align: center; top: 36px; width: 200px; }
#login a { color: #000000; font: 12px normal Arial, Verdana, Tahoma; text-decoration: none; text-transform: uppercase; }
#login a:hover { color: #ffffff; }

div.left { width: 600px; }

/*
#login { background: url('/files/Kopenhagen Fur/Farm/Images/News Background.png'); font: 11px arial; height: 45px; left: 740px; padding: 8px; position: absolute; text-transform: uppercase; top: 36px; width: 184px; }
#txtuser { background: transparent; border: 1px solid #9E9185; font: 11px arial; height: 15px; margin-right: 3px; width: 90px; }
#txtpass { background: transparent; border: 1px solid #9E9185; font: 11px arial; height: 15px; width: 70px; }
#Button1 { background: transparent; border: none; font: 11px arial; height: 17px; width: 10px; }
*/

#search { margin: 3px 0; padding: 0; }
#search .text { background: transparent; border: 1px solid #9E9185; font: 11px arial; height: 15px; left: 740px; margin: 0; position: absolute; padding: 0 0 0 0px; width: 148px; } 
#search .submit { background-color: #9E9185; border: none; color: #ffffff; font: 11px arial; height: 17px; left: 890px; position: absolute; width: 50px; margin: 0; padding: 0; }

img { border: 0; }
img, div { behavior: url('/files/shared/ie png fix/iepngfix.htc'); }
#footer { font: 9px normal Arial, Verdana, Arial, Tahoma; }
#header { height: 180px; }

h1 { font: bold 25px Arial, Verdana, Arial, Tahoma; left: 140px; line-height: 144%; margin: 0; padding: 0; position: absolute; text-transform: uppercase; top: 36px; width: 600px; color: #000000;} 
h2 { font: bold 25px Arial, Verdana, Arial, Tahoma; position: absolute; left: 140px; line-height: 144%; padding: 0; margin:  0; text-transform: uppercase;	top: 68px; width: 600px;	}
h3 { color: #9E9185; font: bold 16px Arial, Verdana, Arial, Tahoma; padding: 0px 0px 35px 0px; margin: 0; line-height: 144%; width: 600px; }

#logo {	left: 45px; position: absolute; top: 45px; }

#section-navigation { left: 140px; margin: 0; padding: 0; position: absolute; top: 0px; }
#section-navigation li { display: inline; margin: 0; padding: 0 12px 0 0; }
#section-navigation li a { color: #000000; font: 10px normal Arial, Verdana, Tahoma; text-decoration: none; text-transform: uppercase; }
#section-navigation li a:hover { color: #ffffff; }
#section-navigation li a.selected { color: #ffffff; }

#language-navigation { left: 540px; margin: 0; padding: 0; position: absolute; top: 0px; }
#language-navigation li { display: inline; margin: 0; padding: 0 12px 0 0; }
#language-navigation li a { color: #000000; font: 10px normal Arial, Verdana, Tahoma; text-decoration: none; text-transform: uppercase; }
#language-navigation li a:hover { color: #ffffff; }
#language-navigation li a.selected { color: #ffffff; }

#level-1-navigation { left: 140px; margin: 0; padding: 0; position: absolute; top: 140px; width: 800px; height: 16px; overflow: hidden; }
#level-1-navigation li { display: inline; margin: 0; padding: 0 12px 0 0; }
#level-1-navigation li a { font: 12px normal Arial, Verdana, Tahoma; text-decoration: none; text-transform: uppercase; }
#navigation-line { background-color: #c7bfb8; height: 1px; left: 140px; margin: 0; padding: 0; position: absolute; top: 160px; width: 800px; }
#level-2-navigation { left: 140px; margin: 0; padding: 0; position: absolute; top: 160px; }
#level-2-navigation li { display: inline; margin: 0; padding: 0 12px 0 0; }
#level-2-navigation li a { font: 10px normal Arial, Verdana, Tahoma; text-decoration: none; text-transform: uppercase; }
#level-3-navigation { padding: 0; margin: 0 0 25px 0; }
#level-3-navigation li { display: inline; margin: 0; padding: 0 12px 0 0; }
#level-3-navigation li a { color: #9D9185; font: 11px normal Arial, Verdana, Tahoma; text-decoration: none; text-transform: uppercase; }
#level-3-navigation li a:hover { color: #000000; text-decoration: none; }

#body { margin: 20px 0 0 140px; width: 800px; margin-bottom: 50px; }
#footer { padding-left: 140px; vertical-align:bottom; }
#footer ul { margin: 0; padding: 0; }
#footer li { color: #000000; display: inline; font-family: arial; font-size: 9px; font-weight: bold; margin: 0; padding: 0 12px 0 0; }
#footer a { color: #000000; text-decoration: none; }
#footer a:hover { color: #9E9185; }
#logo { position: absolute; left: 45px; top: 45px; }

.clear { clear: both; }
.left { float: left; }
.right { float: right; }

label { font: 11px normal Arial, Arial, 'Lucida Sans', Lucida Sans, Lucida Unicode, Lucida Sans Unicode, Verdana, Helvetica, Sans-Serif; line-height: 128%; margin: 0; }
inputl { font: 11px normal Arial, Arial, 'Lucida Sans', Lucida Sans, Lucida Unicode, Lucida Sans Unicode, Verdana, Helvetica, Sans-Serif; line-height: 128%; margin: 0; }

h4 { font: bold 11px arial; text-transform: uppercase; }
	h4.lille, h4.size1 { font-size: 11px;}
	h4.mellem, h4.size2 {font-size: 12px;}
	h4.stor, h4.size3 {font-size: 14px;}
	h4.size4 {font-size: 16px}
	h4.size5 {font-size: 20px}
	h4.size6 {font-size: 24px;}

.document p { font: 11px normal Arial, Arial, 'Lucida Sans', Lucida Sans, Lucida Unicode, Lucida Sans Unicode, Verdana, Helvetica, Sans-Serif; line-height: 128%; margin: 0; }
.document .paging a { font: 11px normal Arial, Arial, 'Lucida Sans', Lucida Sans, Lucida Unicode, Lucida Sans Unicode, Verdana, Helvetica, Sans-Serif; line-height: 128%; margin: 0; }
.document label { font: 11px normal Arial, Arial, 'Lucida Sans', Lucida Sans, Lucida Unicode, Lucida Sans Unicode, Verdana, Helvetica, Sans-Serif; margin: 0; }

.document { float: left; margin-right: 16px; margin-bottom: 25px; }
.document a { color: #9E9185; text-decoration: none; }
.document a:hover { text-decoration: underline; }
.document .paging a { text-decoration: none; }
.document .paging a.selected { text-decoration: underline; }

div.separator { border-style: solid; border-width: 1px 0 0 0; float: left; font-size: 0px; height:0px;	line-height: 0; margin: 0 16px 15px 0;	padding: 0; }
div.width-100 { width: 580px; }
div.width-66 { width: 376px; }
div.width-50 { width: 282px; }
div.width-33 { width: 184px; } /*RAJ, 23/10-09: original this was 188px, but there wasn't enough space for three columns*/
/* RAJ 23/10-09 tilføjet: */
div.width-25 { width: 134px; }

.document img { margin-bottom: 5px; }
.document img.left { margin: 0 8px 5px 0; }
.document img.right { margin: 0 0 5px 8px; }

/* Nota-bene */
#above-news { margin: 0 0 8px; 0; padding: 8px; width: 172px; }
#above-news p {  font: 11px normal Arial, Arial, 'Lucida Sans', Lucida Sans, Lucida Unicode, Lucida Sans Unicode, Verdana, Helvetica, Sans-Serif; line-height: 128%; }

#below-news { margin: 0 0 8px; 0; padding: 8px; height: 50px; width: 172px; }
#below-news p {  font: 11px normal Arial, Arial, 'Lucida Sans', Lucida Sans, Lucida Unicode, Lucida Sans Unicode, Verdana, Helvetica, Sans-Serif; line-height: 128%; }


/* News list */ 
/* float: left; to make it appear correct in FF. screws IE. */
#news-list { padding: 8px; width: 172px; }
#news-list .heading { font: 11px normal Arial, Arial, 'Lucida Sans', Lucida Sans, Lucida Unicode, Lucida Sans Unicode, Verdana, Helvetica, Sans-Serif; line-height: 128%; margin: 0; text-transform: uppercase; }
#news-list .news { clear: both; font: 10px normal Arial, Arial, 'Lucida Sans', Lucida Sans, Lucida Unicode, Lucida Sans Unicode, Verdana, Helvetica, Sans-Serif; line-height: 128%; margin: 0; padding-top: 5px; height: 30px; }
#news-list .news .date { float: left; width: 34px; }
#news-list .news .text { float: left; width: 138px; }
#news-list .news .text a { color: #000000; text-decoration: none; }

table { font: 11px normal Arial, Arial, 'Lucida Sans', Lucida Sans, Lucida Unicode, Lucida Sans Unicode, Verdana, Helvetica, Sans-Serif; }

form.employee input { font: 11px normal Arial, Arial, 'Lucida Sans', Lucida Sans, Lucida Unicode, Lucida Sans Unicode, Verdana, Helvetica, Sans-Serif; line-height: 128%; margin-right: 10px; }
form.employee select { font: 11px normal Arial, Arial, 'Lucida Sans', Lucida Sans, Lucida Unicode, Lucida Sans Unicode, Verdana, Helvetica, Sans-Serif; line-height: 128%; margin-right: 10px; }

table.employee { font: 11px normal Arial, Arial, 'Lucida Sans', Lucida Sans, Lucida Unicode, Lucida Sans Unicode, Verdana, Helvetica, Sans-Serif; line-height: 128%; width: 580px; }
table.employee th { text-align: left; }
table.employee tr.header th { border-bottom: 1px solid #000000; }
table.employee td a { color: #9D9185; }
table.employee td a:hover { color: #000000; }
table.employee a img { position: absolute; visibility: hidden; }
table.employee a:hover img { visibility: visible; }

/* disabled due to unnesscaery override og former padding (4.12.09)
.document p img.right { margin: 0 0 15px 0; }  	*/

/* Scalable Inman Flash Replacement */
.sIFR-flash { visibility: visible !important; margin: 0; }
.sIFR-replaced { visibility: visible !important; }
span.sIFR-alternate { position: absolute; left: 0;	top: 0; width: 0; height: 0; display: block; overflow: hidden; }
.sIFR-flash + div[adblocktab=true] { display: none !important; }
/*
.sIFR-active h1 { visibility: hidden; font-family: Verdana; font-size: 24px; }
.sIFR-active h2 { visibility: hidden; font-family: Verdana; font-size: 24px; }
.sIFR-active h3 { visibility: hidden; font-family: Verdana; font-size: 13px; }
*/
.sIFR-active h1 { visibility: hidden; font-family: Verdana; font-size: 18px; }
.sIFR-active h2 { visibility: hidden; font-family: Verdana; font-size: 18px; }
.sIFR-active h3 { visibility: hidden; font-family: Verdana; font-size: 10px; }

/* Forms */

table.form td {
	vertical-align: top;
}

.form div.field {
	float: left;
	clear: left;
}

.form .field .sublabel {
	font-size: 10px;
}

.form .required {
	background-color: #f9f9f9;
}

.form .field label {
	display: block;
	float: left;
	padding-top: 4px;
	font-weight: bold;
	text-align: left;
}

.form .field label.lblLeft {
	width: 10em;
	text-align: right;
	margin-right: 8px;
}

.form .field label.lblRight {
	float: none;
	display: inline;
}

.form .field label.lblBelow {
	display: block;
	float: none;
}

.form .field label.lblAbove {
	float: none;
}

.form .CheckBox label {
	display: inline;
	width: auto;
	float: none;
	text-align: left;
	font-weight: normal;
	margin-left: 0.2em;
}

/* Checkbox associated with Email element */
.form .field div label {
	display: inline;
	float: none;
}

/* Radio buttons */
.form .Radio ul {
	list-style-type: none;
	margin: 0;
	padding: 0;
}

.form .Radio ul li {
	
}

.form .Radio li label {
	float: none;
	
}

/* Separators */
.form hr.separator {
	float: none;
	clear: both;
}

input.error,
textarea.error {
	border: 2px solid #c00;
	background-color: #ffdfdf;
}

.error:focus {
	background-color: #fff;
}

.form .wXXSmall	{ width:  30px; }
.form .wXSmall	{ width:  40px; }
.form .wSmall	{ width:  50px; }
.form .wMedium	{ width: 150px; }
.form .wLarge	{ width: 200px; }
.form .wXLarge	{ width: 250px; }
.form .wXXLarge	{ width: 300px; }

.form .hXXSmall	{ height:  50px; }
.form .hXSmall	{ height:  75px; }
.form .hSmall	{ height: 100px; }
.form .hMedium	{ height: 125px; }
.form .hLarge	{ height: 150px; }
.form .hXLarge	{ height: 200px; }
.form .hXXLarge	{ height: 300px; }

/* Validation errors are summarized in a list */
div.errors { 
	background: #ffecec;
	border: 2px solid #b00; 
	color: #333; 
	margin: .5em 0 1em; 
	padding: 10px;
}

.errors p {
	margin: 0;
	padding-left: 22px;
	background: transparent url(http://resources.synkronvia.com/systemicons/si216.gif) no-repeat;	
}

.errors ul {
	list-style-type: square;
	margin: 0 0 0 20px;
	padding: 0;
}

.errors li {
	line-height: 1.5;
	margin-left: 16px;
}

.errors a {
	color: #a00;
}

.document a { color: #110035; text-decoration: underline; }
.document a:hover { text-decoration: none; }