/* ////////////////////////////////////////////////////////////////////// general */
html {
	margin: 0;
	padding: 0;
	font-family: "Calibri", "Tahoma", sans-serif;
	font-size: 12px;
	background-color: rgb(5, 5, 5);
	color: rgb(240, 240, 240);
}
body {
	width: 1000px;
	margin: 0 auto;
	border: 1px solid rgb(100, 100, 100);
	background: url('/images/background.png') repeat-y rgb(50, 50, 50);

	color: rgb(240, 240, 240);
}
.clear {
	clear: both;
}
/* ////////////////////////////////////////////////////////////////////// header */
#header {
	width: 1000px;
	height: 98px;
	border-bottom: 1px solid rgb(100, 100, 100);
	background: url('/images/komforto-logo.png') no-repeat 72px 22px rgb(30, 30, 30);
	color: rgb(255, 255, 255);
}
* html #header {
	background-image: url('/images/komforto-logo-no-alpha.png');
}
h1 {
	height: 0;
	margin: 0;
	padding: 0;
	text-indent: -1000em;
}
#home-link {
	display: block;
	position: absolute;
	left: 50%;
	top: 22px;
	width: 221px;
	height: 54px;
	margin-left: -428px;
}
#site-choice {
	float: right;
	width: 416px;
	height: 32px;
	margin: 0;
	padding: 66px 0 0 0;
	background: url('/images/curtains.jpg') no-repeat bottom right;
}
* html #site-choice {
	margin-top: -39px;
}
#site-choice ul, #site-choice li {
	list-style: none;
	display: inline;
	margin: 0;
	padding: 0;
}
#site-choice li {
	border-right: 1px solid;
	padding: 0 8px;
}
#site-choice li.last-item {
	border-right: 0;
}
#site-choice :link, #site-choice :visited {
	text-decoration: none;
	color: rgb(220, 220, 220);
}
#site-choice :link:hover, #site-choice :visited:hover {
	color: rgb(255, 255, 255);
}

/* ////////////////////////////////////////////////////////////////////// navigation */
#navigation {
	float: left;
	width: 199px;
	min-height: 600px;
	border-right: 1px solid rgb(100, 100, 100);
	font-size: 13px;
	background-color: rgb(30, 30, 30);
	color: rgb(200, 200, 200);
}
#navigation ul, #navigation li {
	list-style: none;
	margin: 0;
	padding: 0;
}
#navigation #menu {
	margin: 20px 0 0 30px;
}
#navigation hr {
	width: 90%;
	height: 0;
	border: 1px solid rgb(100, 100, 100);
	margin: 20px 0;
	text-align: left;
}
#navigation ul ul {
	margin-left: 30px;
}
#navigation :link, #navigation :visited {
	text-decoration: none;
	color: rgb(200, 200, 200);
}
#navigation :link.active-page, #navigation :visited.active-page {
	color: rgb(130, 255, 103);
}
#navigation :link:hover, #navigation :visited:hover {
	color: rgb(255, 255, 255) !important;
}
#navigation .collapsed {
	display: none;
}

/* ////////////////////////////////////////////////////////////////////// content */
.hidden {
	display: none;
}
.error {
	width: 80%;
	margin: 3ex auto;
	padding: 1em;
	border: 2px solid rgb(130, 255, 103);
	font-size: 14px;
	background-color: rgb(30, 30, 30);
	color: rgb(200, 200, 200);
}
#eyecatcher {
	margin: 0 0 20px 0;
}
#content {
	float: left;
	width: 800px;
	min-height: 585px;
	line-height: 1.7;
}
h2, h3, h4 {
	margin: 0;
	margin-right: 16px;
	font-size: 12px;
	font-weight: normal;
	color: rgb(133, 214, 103);
}
h4 {
	font-weight: bold !important;
	color: rgb(240, 240, 240);
}
p {
	margin: 0 0 10px 0;
}
th {
	font-weight: normal;
	text-align: left;
}
#content ul, #content li {
	margin: 0;
	padding: 0;
	list-style: outside;
}

/* ////////////////////////////////////////////////////////////////////// text */
#text {
	padding-left: 16px;
	font-size: 12px;
}
#text .column {
	float: left;
	width: 46%;
	margin-right: 16px;
}
#text :link, #text :visited {
	border-bottom: 1px dotted;
	text-decoration: none;
	color: rgb(200, 200, 200);
}
#text :link.active-page, #text :visited.active-page,
#text :link:hover, #text :visited:hover {
	border-bottom: 1px solid;
	color: rgb(255, 255, 255);
}

/* ////////////////////////////////////////////////////////////////////// files */
#content .file-list {
	margin: 0 0 4ex 16px;
}

/* ////////////////////////////////////////////////////////////////////// faq */
#content .faq-entries {
	margin-left: 16px;
}
.faq-category {
	margin-top: 2ex;
	border-bottom: 1px solid;
}
.faq-question {
	color: rgb(130, 255, 103);
}

/* ////////////////////////////////////////////////////////////////////// contact */
#contact {
	clear: both;
	margin-right: 16px;
	padding: 16px;
	background-color: rgb(100, 100, 100);
}
#contact table {
	width: 100%;
}
#contact th {
	width: 10em;
	vertical-align: top;
}
#contact .text, #contact textarea {
	border: 1px solid rgb(100, 100, 100);
	margin-bottom: .25ex;
	font: inherit;
	background-color: rgb(200, 200, 200);
}
#contact .text {
	width: 16em;
	height: 4ex;
}
#contact textarea {
	width: 100%;
	height: 12ex;
}
#contact .submit {
	float: right;
	width: 10em;
	padding: 1ex;
	border: 1px solid rgb(100, 100, 100);
	background-color: rgb(25, 25, 25);
	color: rgb(130, 255, 103);
}
/* ////////////////////////////////////////////////////////////////////// sitemap */
#sitemap, #sitemap li {
	list-style: none;
	margin: 0;
	padding: 0;
}
#sitemap hr {
	width: 90%;
	height: 0;
	border: 1px solid rgb(100, 100, 100);
	margin: 20px 0;
	text-align: left;
}
#sitemap ul {
	margin-left: 30px;
}
/* ////////////////////////////////////////////////////////////////////// footer */
#footer {
	width: 792px;
	list-style: none;
	margin: 0;
	padding: 16px 0 8px 208px;
	background: url('/images/background.png') repeat-y rgb(50, 50, 50);
}
#footer li {
	display: inline;
	list-style: none;
	border-right: 1px solid;
	margin: 0;
	padding: 0 8px;
}
#footer li.last-item {
	border-right: 0;
}
#footer :link, #footer :visited {
	text-decoration: none;
	color: rgb(220, 220, 220);
}
#footer :link.active-page, #footer :visited.active-page {
	color: rgb(130, 255, 103);
}
#footer :link:hover, #footer :visited:hover {
	color: rgb(255, 255, 255);
}

/* ////////////////////////////////////////////////////////////////////// admin */
.admin fieldset {
	margin: 1ex;
	padding: 1ex;
}
.admin select, .admin .text, .admin textarea {
	float: left;
	width: 70%;
	margin: 0 5% 3ex 0;
	clear: both; 
	font: inherit;
	background-color: rgb(240, 240, 240);
}
.admin .button {
	width: 20%;
	margin-bottom: 1ex;
}
.admin textarea {
	height: 40ex;
}
.admin textarea.column {
	clear: right;
}