/* main */

html {
	padding: 0;
	margin: 0;
}

html body {
	padding: 0;
	margin: 0;
	width: 1000px;
}

/* grid */

#siteHeader {
	position: relative;
	background-image: url(../img/pib-01.jpg);
	background-position: top left;
	background-repeat: no-repeat;
	width: 1000px;
	height: 200px;
	margin: 0 0 20px 0;
}

#siteHeader #logo {
	position: absolute;
	top: 70px;
	left: 15px;
}

#siteHeader #logo h1,
#siteHeader #logo h1 a {
	background: url(../img/klif-logo-header.gif) no-repeat;
	display: block;
	width: 180px;
	height: 51px;
	overflow: hidden;
	line-height: 1000px;
	text-decoration: none;
	border: none;
}

#siteHeader #intro {
	position: absolute;
	top: 66px;
	left: 240px;
	width: 700px;
}

#siteHeader #intro h1 {
	font-family: arial, sans-serif;
	border: none;
	padding: 0;
	margin: 0;
}

#siteHeader #intro h2 {
	font-family: Arial, Helvetica, sans-serif;
	font-size: 14px;
	line-height: 20px;
	font-weight: normal;
	margin: 0;
	padding: 0;
}


/* LOGINBAR */

#loginbar {
	position: absolute;
	top: 0;
	left: 0;
	background-color: black;
	width: 1000px;
	height: 20px;
	padding: 15px 0 5px 0;
}

#loginbar a {
	color: #ccc;
	text-decoration: none;
}

#loginbar a:hover {
	text-decoration: underline;
}

#loginbar #parent {
	padding: 0 15px;
	width: 210px;
	float: left; 
}

#loginbar #parent p {
	font-size: 11px;
	font-weight: normal;
	line-height: 20px;
	color: #ccc;
	margin: 0;
}

#loginbar #user {
	width: 760px;
	float: left; 
}

#loginbar #user h2 {
	float: left;
	font-size: 11px;
	font-weight: normal;
	line-height: 20px;
	margin: 0 25px 0 0;
	color: #d25400;
	}

#loginbar #user ul {
	list-style: none;
	padding: 0;
	margin: 0;
}

#loginbar #user ul li,
#loginbar #user p {
	float: left;
	font-size: 11px;
	line-height: 20px;
	margin: 0 15px 0 0;
	color: #CCC;
}


/* SITEFOOTER */

#siteFooter {
	float: right;
	width: 760px;
	padding: 10px 0;
	margin: 30px 0 0 0;
	border-top: 1px solid #ccc;
}

#siteFooter p {
	font-size: 10px;
}


/* BODY */

#siteBody {
	float: left;
	width: 1000px;
}

#siteBody #content {
	float: right;
	width: 760px;
	overflow: hidden;
}

#siteBody #context {
	float: left;
	width: 170px;
	padding: 0 55px 0 15px;
}

/* CONTENT */

#content #head {
	float: left;
	width: 100%;
}

#content #head {
	border-top: 1px solid #ccc;
	padding: 4px 0 0 0;
}

#content #body {
	float: left;
	width: 100%;
}

#content #body .column {
	width: 170px;
	float: left;
	margin-right: 20px;
	}
	
#content #body .column-2 {
	width: 340px;
	float: left;
	margin-right: 20px;
	}
	
#content #body .column-3 {
	width: 520px;
	float: left;
	margin-right: 20px;
	}

#content #body #pri {
	float: left;
	width: 490px;
}

#content #body #sec {
	float: right;
	width: 240px;
}

#content .colgroup {
	float: left;
	margin: 0 0 20px 0;
	width: 100%;
	}

/* CONTEXT MENU */

#contextmenu h2 {
	font-size: 13px;
	line-height: 16px;
	border-top: 1px solid #ccc;
	padding: 4px 0 20px 0;	
}

#contextmenu ul {
	list-style: none;
	padding: 0;
	margin: 0;
	border-top: 1px solid #ccc;
}

#contextmenu ul li {
	font-size: 11px;
	line-height: 16px;
	padding: 2px 0 8px 0;
	border-bottom: 1px solid #ccc;
	margin: 0;
}

#contextmenu ul li a {
	text-decoration: none;
	color: #666;
}

#contextmenu ul li a:hover,
#contextmenu ul li strong a {
	font-weight: normal;
	color: #d25400;
} /* colours */

/* links */

a {
	color: #d25400;
}

/* typo */

h1,
h2,
h3 {
	font-family: arial, sans-serif;
	margin: 0;
}

h1 {
	font-size: 24px;
	line-height: 30px;
	margin: 0 0 15px 0;
}

h1 em,
h2 em {
	font-size: 14px;
	line-height: 20px;
	font-weight: normal;
	}

em {
	font-style: normal;
	}

h3,
h4,
h5,
h6,
p {
	font-family: verdana, sans-serif;
	margin: 0;
}

h2 {
	font-size: 24px;
	margin: 0 0 15px 0;
}

#loginbar h2,
#context h2 {
	font-family: Verdana, Geneva, sans-serif;}

h3 {
	font-size: 13px;
	line-height: 20px;
	margin: 0 0 5px 0;
}

h3 a {
	color: black;
	text-decoration: none;
	}

h3 em {
	font-size: 11px;
	padding-left: 2px;
	font-weight: normal;
	}
	
h3 em a,
p em a {
	color: #333;
	text-decoration: none;
	border-bottom: 1px dotted #666;
	}

#body h3 {
	float: left;
	width: 100%;
	border-top: 1px solid #CCC;
	margin: 0 0 10px 0;
	padding: 3px 0 0 0;
	}

h4 {
	font-size: 11px;
	line-height: 16px;
	margin: 0 0 3px 0;
}

h5 {
	font-size: 10px;
	line-height: 16px;
}

p {
	font-size: 12px;
	line-height: 19px;
	margin: 0 0 15px 0;
}

p.small {
	font-size: 11px;
	}
	


p.preamble {
	font-size: 13px;
	font-weight: bold;
	line-height: 20px;
	}

ul {
	padding: 0 0 0 15px;
	}

ul li,
ol li {
	font-family: verdana, sans-serif;
	font-size: 12px;
	line-height: 17px;
	padding: 0;
}

ul li em a {
	color: black;
}

ul li em {
	color: #333;
	}

blockquote {
	padding: 0;
	margin: 0;
	color: #d25400;
}

#sec blockquote h3 {
	border: none;
	padding: 0;
	}

a img {
	border: none;
	}

/* table */

table {
	float: left;
	width: 100%;
	margin: 0 0 30px 0;
	}
	
table thead h5 a {
	color: black;
	text-decoration: none;
	}

table thead h5 a:hover {
	text-decoration: underline;
	}

table tr td {
	font-family: verdana, sans-serif;
	font-size: 11px;
	padding: 4px 10px 4px 5px;
	height: 28px;
}

table tr td del {
	padding-right: 5px;
	}

tr.odd {
	background-color: #f1f0ef;
}
	
tr.unpublished,
tr.new {
	background-color: #ffffcc;
	}

/* forms */

fieldset {
	margin: 0 0 25px 0;
	padding: 0;
	border: none;
	float: left;
	width: 100%;
	}
	
fieldset p {
	float: left;
	width: 100%;
	}
	
label {
	font-size: 11px;
	}
	
/* alerts */

.error {
	float: left;
	margin: 0 0 20px 0;
	width: 100%;
	}
	
.error h4,
.error p {
	color: #C00;
	margin: 0;
	padding: 0 0 2px 0;
	font-size: 11px;
	}
	
.error p a {
	color: #C00;
	}
	
.highlight {
	background-color: #ffffcc;
	padding: 10px;
	width: 740px;
	float: left;
	}

.mandatory {
	color: #C00;
	}
	
textarea, input, select {
	font-family: Verdana, Geneva, sans-serif;
	font-size: 11px;
	}
	
#loginbar .search-input {
	border: none;
	padding: 4px 3px 3px 21px;
	background-position: 3px 3px;
	}
	
.search-input {
	background-image: url(../img/icon-search.gif);
	background-position: 4px 4px;
	background-repeat: no-repeat;
	padding: 4px 5px 4px 22px;
	border-top: 1px solid #333;
	border-right: 1px solid #CCC;
	border-bottom: 1px solid #CCC;
	border-left: 1px solid #333;
}
	
.main-search {
	font-size: 14px;
	font-family: Arial, Helvetica, sans-serif;
	}

select {
	padding: 1px 0 1px 0;
	}/* CONTENT */

.tools {
	 margin: 40px 0 0 0; 
	 float: left;
	 }
	 
#contextmenu .tools h3 {
	padding: 4px 0 0 0;
	border-top: 1px solid #ccc;
	float: left;
	width: 170px;
	}

#contextmenu .tools ul {
	border-top: none;
	}
	
#contextmenu .tools ul li {
	border-bottom: none;
	padding: 0 0 3px 0;
	float: left;
	width: 170px;
	}
	
#contextmenu .tools ul li a {
	color: #d25400;
	color: black;
	text-decoration: underline;
	}

.presentation {
	float: left;
	width: 100%;
	}

.presentation img {
	width: 30px;
	margin: 0 2px 0 0;
	padding: 0;
	}

.column-1 {
	float: left;
	width: 33%;
	margin: 0;
	}

.story {
	float: left;
	width: 370px;
	width: 100%;
	margin: 0 20px 10px 0;
	}

.story h4 {
	float: left;
	width: 100%;
	margin: 0 0 20px 0;
	color: #CCC;
	font-size: 13px;
	}

.story ul {
	padding: 0 0 10px 0px;
	margin: 0;
	list-style-type: none;
	float: left;
	}
	
.story ul li {
	padding: 0 0 5px 0;
	font-size: 11px;
	border-top: 1px solid #ccc;
	font-size: 13px;
	font-weight: bold;
	float: left;
	width: 760px;
	}
	
.story ul li p a,
p.small a {
	color: #333;
	text-decoration: none;
	border-bottom: 1px dotted #666;
	}

.story ul ul li a {
	color: #d25400;
	}

.story ul ul {
	padding: 20px 0 20px 0;
	}
	
.story ul li p {
	margin: 0;
	padding: 3px 0 0 0;
	font-weight: normal;
	}

.story ul ul li {
	text-transform: lowercase;
	padding: 2px 0 1px 0;
	font-size: 11px;
	font-weight: normal;
	}
	
.story ul ul li strong {
	display: block;
	float: left;
	padding-right: 50px;
	padding-bottom: 5px;
	font-weight: normal;
	text-decoration: underline;
	}
	
#symbols ul {
	list-style-type: none;
	padding: 0;
	margin: 0;
	}

	
#symbols ul li {
	display: inline-block;
	width: 100%;
	margin: 0 0 10px 0;
	float: left;
	}

#symbols ul li img {
	float: left;
	margin: 0 2px 0 0;
	padding: 0;
	width: 30px;
	}
	
ul.previous-versions {
	list-style-type: none;
	padding: 0;
	}
	
ul.previous-versions li {
	font-size: 11px;
	padding: 0 0 3px 0;
	}
	
ul.previous-versions li a {
	color: black;
	}

.file-attachment {
	background-position: 0 7px;
	background-repeat: no-repeat;
	padding: 0 0 2px 22px;
	}

table .file-attachment {
	display: block;
	float: left;
	padding-right: 22px;
	padding-left: 0;
	background-position: right;
	}
	
table.product-content {
	padding: 0;
	margin: 0;
	}
	
table.product-content td {
	padding: 0;
	}
	
table.product-content td p {
	margin: 0 0 10px 0;
	}

.pdf-small {
	background-image: url(../img/icon-pdf.gif);
	}
	
.xml-small {
	background-image: url(../img/icon-xml.gif);
	}
	
.link-small {
	background-image: url(../img/icon-link.gif);
	}
	
.icon-user {
	background-image: url(../img/icon-user.gif);
	background-position: 2px 1px;
	background-repeat: no-repeat;
	padding-left: 18px;
	}
	
.icon-import {
	background-image: url(../img/icon-folder.gif);
	background-position: 2px 1px;
	background-repeat: no-repeat;
	padding-left: 18px;
	}
	
.icon-edit {
	background-image: url(../img/icon-edit.gif);
	background-position: 2px 3px;
	background-repeat: no-repeat;
	padding-left: 17px;
	}
	
.icon-duplicate {
	background-image: url(../img/icon-duplicate.gif);
	background-position: 2px 3px;
	background-repeat: no-repeat;
	padding-left: 20px;
	}
	
.tip {
	width: 200px; 
	padding: 5px;
	top: 0;
	left: 90px;
    position: absolute; 
	z-index: 1000;
	visibility: hidden;
	color: black;
	background-color: #ececec;
	layer-background-color: #ececec;
	}
	
.tip p {
	font-size: 10px;
	}

.filter {
	float: left;
	width: 760px;
	padding: 5px 0 0 0;
	margin: 0;
	border-top: 1px solid #ccc;
	}
	
.filter .group {
	float: left;
	margin-right: 30px;
	}
	
.profile {
	float: left;
	width: 760px;
	margin: 0 0 30px 0;
	}
	
.profile ul {
	float: left;
	margin: 0;
	padding: 0;
	list-style-type: none;
	}
	
	
.profile ul li {
	font-size: 11px;
	padding: 0 0 2px 0;
	}
	
.teaser {
	float: left;
	background: url(../img/teaser-erdetfarlig.jpg) -40px 20px no-repeat;
	width: 170px;
	padding-top: 220px;
	}
	
.teaser h3 {
	font-family: Arial, Helvetica, sans-serif;
	font-size: 24px;
	}
.teaser p {
	margin: 0;
	}
	
.sub-row {
	background-image: url(../img/icon-sublevel.gif);
	background-position: left;
	background-repeat: no-repeat;
	padding-left: 20px;
	}.datasheet {
	width: 790px;
	}

.datasheet #siteHeader {
	height: 140px;
	background-image: none;
	width: 760px;
	}
	
.datasheet #siteHeader #logo {
	top: 15px;
	}

.datasheet #siteHeader #logo {
	top: 15px;
	}
.datasheet #siteHeader #intro {
	top: 70px;
	left: 15px;
	}

.datasheet #siteBody #content {
	float: left;
	width: 755px;
	padding: 0 15px 0 15px;
	}
	
.datasheet #siteBody {
	width: 760px;
	}
	
.datasheet #siteBody #content table {
	font-family: Verdana, Geneva, sans-serif;
	padding: 0;
	margin: 0;
	}
	
.datasheet #siteBody #content table tr td {
	padding: 0;
	margin: 0;
	}
	
.datasheet #siteBody #content table tr th {
	background-color: black;
	color: white;
	font-family: Arial, Helvetica, sans-serif;
	font-size: 14px;
	font-weight: normal;
	padding: 5px;
	}
	
.datasheet #siteBody #content table td.header1 {
	font-family: Arial, Helvetica, sans-serif;
	font-size: 24px;
	font-weight: bold;
	padding: 0 0 10px 0;
	}
	
.datasheet #siteBody #content .label {
	font-weight: bold;
	}
	
.datasheet #siteFooter {
	float: left;
	width: 760px;
	padding: 30px 15px 10px 15px;
	margin: 30px 0 0 0;
	border: none;
}

#siteFooter p {
	
	font-size: 10px;
	color: black!important;
}