* {
	margin: 0; padding: 0;
}

html {
	height: 100%;
}

body {
	background-color: black; background: url(images/bg.jpg); font-family: Arial, Helvetica, sans-serif; font-size: 12px; color: #cbcbcb;
}

h1, h2 {
	color: #f78d21; margin-bottom: 15px;
}

a {
	color: #f78d21;
}

strong {
	color: white;
}

.clear {
	clear: both;
}

.white {
	color: #FFFFFF;
}

.orange {
	color: #f78d21;
}

#container {
	width: 900px; margin: 0 auto; background-color: #000000
}

/* Top */

#top li {
	float: left; list-style: none;
}

#top a {
	display: block; width: 101px; height: 100px; text-indent: -2000px;
}

#top .t1 {
	background: url(images/t1.jpg); width: 100px;
}

	#top .t1:hover {
		background: url(images/t1h.jpg);
	}
	
#top .t2 {
	background: url(images/t2.jpg);
}

	#top .t2:hover {
		background: url(images/t2h.jpg);
	}
	
#top .t3 {
	background: url(images/t3.jpg);
}

	#top .t3:hover {
		background: url(images/t3h.jpg);
	}
	
#top .t4 {
	background: url(images/t4.jpg);
}

	#top .t4:hover {
		background: url(images/t4h.jpg);
	}
	
#top .t5 {
	background: url(images/t5.jpg);
}

	#top .t5:hover {
		background: url(images/t5h.jpg);
	}
	
#top .t6 {
	background: url(images/t6.jpg);
}

	#top .t6:hover {
		background: url(images/t6h.jpg);
	}
	
#top .t7 {
	background: url(images/t7.jpg);
}

	#top .t7:hover {
		background: url(images/t7h.jpg);
	}
	
#top .t8 {
	background: url(images/t8.jpg);
}

	#top .t8:hover {
		background: url(images/t8h.jpg);
	}
	
#top .t9 {
	background: url(images/t9.jpg); width: 93px;
}

	#top .t9:hover {
		background: url(images/t9h.jpg);
	}
	
/*#banner {
	clear: both; height: 321px; background: url(images/banner.jpg);
}*/

.catalog_button {
	display: block; width: 120px; height: 20px; background: url(images/menu_h.jpg); color: white; font-weight: bold; padding-top: 4px; text-align: center; text-decoration: none; margin-top: 20px;
}

#menu {
	float: left; width: 200px; background-color: black;
}

#menu li {
	 list-style: none;
}

#menu a {
	display: block; width: 175px; height: 20px; background: url(images/menu.jpg); font-weight: bold; padding: 9px 0 0 25px; text-decoration: none;
}

#menu .child {
	font-weight: normal; padding-left: 45px; font-size: 11px; width: 155px;
}

#menu a:hover {
	background: url(images/menu_h.jpg); color: white; 
}

#content {
	min-height: 187px; width: 626px; float: left; background: url(images/content.jpg) repeat-x; padding: 18px 37px 0 37px; margin-bottom: 30px;
}

#content li {
	list-style: url(images/pointer.gif); color: #FFFFFF; font-weight: bold; margin: 15px 0 0 30px;
}

#content img {
	margin: 10px;
}

#nav {
	font-size: 11px; margin-bottom: 20px;
}

#logo_krispol {
	background: red url(images/logo_krispol.gif); width: 149px; height: 30px; float: left; margin-right: 25px;
}

#logo_krispol:hover {
	background: url(images/logo_krispol.gif) bottom;
}

#logo_legobud {
	background: red url(images/logo_legobud.gif); width: 29px; height: 30px; float: left; margin-right: 25px;
}

#logo_legobud:hover {
	background: url(images/logo_legobud.gif) bottom;
}

#logo_marantec {
	background: red url(images/logo_marantec.gif); width: 128px; height: 30px; float: left; margin-right: 25px;
}

#logo_marantec:hover {
	background: url(images/logo_marantec.gif) bottom;
}

#logo_tousek {
	background: red url(images/logo_tousek.gif); width: 184px; height: 30px; float: left;
}

#logo_tousek:hover {
	background: url(images/logo_tousek.gif) bottom;
}

#footer {
	height: 115px; background: url(images/footer.jpg) repeat-x; clear: both; font-size: 11px; color: #bdbdbd;
}

#footer .left {
	 float: left; padding: 20px 0 0 20px;
}

#footer .left li {
	float: left; list-style: none; margin-right: 20px;
}

#footer .right {
	float: right; padding: 29px 15px 0 0;
}

#footer .logo {
	float: right; padding: 20px 15px 0 0;
}

#footer .logo a {
	display: block; width: 42px; height: 31px; text-indent: -20000px; background: url(images/dp_logo.jpg) no-repeat;
}

#footer .logo a:hover {
	background: url(images/dp_logo.jpg) 0 31px;
}