* {margin: 0; padding: 0;}
html {height: 100%}
body {
	font: 12px/18px Arial, Tahoma, Verdana, sans-serif;
	height: 100%;
	background: #363636 url(images/bg.jpg) center;
	color: #1B77B6;
}

a:link, a:visited, a:active, a:hover {color: #a71f1e; text-decoration: underline;}
a:hover { text-decoration: none; color: #B5C4FF; }

img {border: none;}
input, select {vertical-align: middle;}
ul li{list-style: none;}
.clear{clear: both;}

#wrapper {
	width: 100%;
	min-width: 1000px;
	min-height: 100%;
	height: auto !important;
	height: 100%;
}


/* Header
-----------------------------------------------------------------------------*/
#header {
	height: 122px;
	background: url(images/top_bg.jpg) repeat-x center top;
}
#header .hpadd{ width: 578px; margin: 0 auto; }
#header .hlogo{ height: 100px; overflow: hidden; width: 100%; background: url(images/hlogo.jpg) no-repeat center; }
#header .hlogo img{ padding: 33px 0 0 218px; }
#header .hbar{ width: 578px; height: 22px; background: url(images/hbar.jpg) no-repeat top; overflow: hidden; }
#header .himg{ width: 193px; height: 22px; overflow: hidden; float: left; }
#header form{ width: 145px; padding: 0 0 0 103px; height: 22px; overflow: hidden; float: left; background: url(images/hbar_search.jpg) no-repeat left top; }
#header form .text{ width: 109px; border: 0; padding: 0 1px; background: transparent; }
#header form .bttn{ border: 0; width: 23px; cursor: pointer; background: transparent; }

#atffc{height: 0px; overflow: hidden;}
/* Middle
-----------------------------------------------------------------------------*/
#content {
	padding: 0 0 85px;
}
.tb{ width: 1000px; margin: 0 auto; }
.tb .tbpadd{ width: 100%; background: #272727; padding: 10px 0; }

.thumbs{ text-align: center; }
.thumbs img{ background: url(images/thumb.jpg) no-repeat center; }
.thumbs li{ width: 242px; display: -moz-inline-stack; display: inline-block; zoom: 1; *display: inline; *margin: 0 2px 01px; }
.thumbs a img{ border: 1px solid #4e575d; }
.thumbs a:hover img{ border: 1px solid #DD7784; }
.thumbs .ti{ width: 242px; display: -moz-inline-stack; display: inline-block; zoom: 1; *display: inline; *margin: 0 2px 01px; }
.thumbs .ti span{ display: block; }
.thumbs .descr_left{ float: left; margin: -2px 0 0 1px;}
.thumbs .descr_right{ float: right; margin: -2px 1px 0 0;}
.thumbs .tl_name {font-size: 15px;}

.title{ padding: 0 0 10px; height: 30px;}
.title h2{ font-size: 28px; padding: 5px 10px 0; float: left; }
.title .book{ width: 125px; height: 16px; overflow: hidden; float: right; padding: 0 10px; }

.col5 ul{ width: 19%; float: left; }
.col5 ul li{ padding: 0 0 0 10px; }
.cats_text { padding: 0 0 0 10px;}

.col5b ul{ width: 19%; float: left; }
.col5b ul li{ padding: 0 0 0 25px; background: url(images/bullet.gif) no-repeat 10px 5px; }

.archiv a { font-size: 14px;color:#0f476d;background:#5f5f5f;width:23px;height:23px;text-decoration:none;margin-left:3px;margin-right:3px;padding:4px;vertical-align:middle;border-right: 1px solid #1B77B6;border-left: 1px solid #1B77B6;border-top: 1px solid #1B77B6;border-bottom: 1px solid #1B77B6; }
.archiv a:hover { font-size: 14px;color:#FFFFFF;background:#191919;width:23px;height:23px;text-decoration:none;margin-left:3px;margin-right:3px;padding:4px;vertical-align:middle;border-right: 1px solid #1B77B6;border-left: 1px solid #1B77B6;border-top: 1px solid #1B77B6;border-bottom: 1px solid #1B77B6; }

/* Footer
-----------------------------------------------------------------------------*/
#footer {
	margin: -85px auto 0;
	min-width: 1000px;
	height: 85px;
	background: url(images/bttm_bg.jpg) repeat-x center bottom;
	font-size: 12px;
}
.fpadd{ width: 545px; height: 85px; margin: 0 auto; background: url(images/fta.jpg) no-repeat right bottom; }
.fpadd .flogo{ width: 216px; height: 85px; overflow: hidden; float: left; }
.fta{ width: 329px; float: right; line-height: 13px; text-align: center; }


* html #wrapper,
* html #footer {
	width: expression((documentElement.clientWidth||document.body.clientWidth)<1000?'1000px':'');
}