/*--------------------------------
 	CSS Layout
-------------------------------*/

body		{
	
	font-family: sans-serif, verdana, arial;
	color: #000; background-color: #FFF;
	/* background: url('../img/logos/karbonkri_bg.jpg') repeat fixed;
	background-size: 10%; overflow-y:auto;*/ 
	height: 100%;
}


#page-background {

	position:fixed; top:0; left:0; width:100%; height:100%;
	z-index: -1;
}


div.content	{
	width: 500px;
	position:static;padding:10px;
	/*color: #009;*/
	color: #000;
	margin: 0; padding-left: 230px; padding-top: 100px;
	/* font-family: Segoe Print, serif; */
}

h1		{
	font-size: 16pt;
	padding-bottom: 40px;
	font-family: sans-serif, verdana, arial;
}

h2		{
	font-family: sans-serif, verdana, arial;
}

img.noborder	{
	border: none;
}

/*--------------------------------
 	Navigation
-------------------------------*/

div.navigation	{
	position: absolute;
	top: 0px; left: 20px;
	padding-top: 10px;
	width: 180px; height: 100%;
	font-size: 18px;
}

ul.navigation	{

	list-style-type: none;
	margin: 0; padding: 0;
	padding-bottom: 50px;
	color: #000;
}

ul.navigation a	{
	display: block;
	color: #000; text-decoration: none;
	padding: 10px;
	padding-left: 15px;

}

li.navigation:hover	{
	cursor: pointer;
	color: #000; background-color: #FC9;
}

li#selected	{
	padding: 10px;
	padding-left: 15px;
	color: #666;

}

div.intro	{
	position: absolute;
	width: 440px; height: 450px;
	top: 50%; left: 50%;
	margin-left: -220px;
	margin-top: -220px;
	text-align: center;
	vertical-align: middle;
}

.button		{

	border: solid 1px #000;
	margin: 25px; padding: 10px;
	color: #000; background-color: #FFF;
	text-decoration: none;
	font-size: 16pt;
}

.topnav		{
	padding: 10px;
	color: #000;
	text-decoration: none;
	font-size: 16pt;
	font-family: sans-serif, verdana, arial;
}

div#cart	{
	position: absolute;
	right: 25px; top: 180px;
	padding: 5px;
	width: 120px;
	color: #000; background-color: #FC9;
	border: 1px solid #000;
}

div.search	{
	position: absolute;
	right: 25px; top: 25px;
	padding: 5px;
	width: 500px;
	text-align: right;
	/* color: #000; background-color: #FC3;
	border: 1px solid #000; */
}

div.error	{
	color: #F00;
	font-weight: bold;
	font-family: sans-serif, verdana, arial;
}

div.info	{
	color: #0C0;
	font-weight: bold;
	font-family: sans-serif, verdana, arial;
	color: #000; background-color: #3F6;
	border: 1px solid #000;
	margin: 5px; padding: 2px;
}

/*--------------------------------
 	Tables
-------------------------------*/

table		{
	border-collapse: collapse; border: 0px solid #000;
	width: 600px;
	font-family: sans-serif, verdana, arial;
}

td		{
	padding: 5px;
	border: 0px solid #000;
}

td.big		{
	text-align: left; vertical-align: top;
	padding: 10px;
}

th		{
	padding: 5px;
	/* border: 1px solid #000; */
	border-width: 0 0 1px 0;
	border-style: solid;
	text-align: left;
}

input, select, textarea	{
	border: 1px solid;
	color: #000; background-color: #FC9;
}