@charset "utf-8";
/*********************************/
/**       ht-holzhandel.de      **/
/*********************************/

/*********************************/
/** Alle Elemente zurücksetzen  **/
/*********************************/

html, body {
	width: 100%; height: 100%;
}
html, body, iframe, h1, h2, h3, h4, h5, h6, p, blockquote, pre, a, abbr, acronym, address, big, cite, code, del, dfn, font, img, ins, kbd, q, s, samp, small, strike, sub, sup, tt, var, dl, dt, dd, ul, li, table, caption, tbody, tfoot, thead, tr, th, td, form, label, input, fieldset, legend {
	margin: 0;
	padding: 0;
	border: 0;
	outline: 0;
	font-size: 12px;
	font-family: Arial, Helvetica, sans-serif;
	color: #000;
}
/* remember to define focus styles! */
:focus {
	outline: 0;
}
ul {
	list-style: none;
}
/* tables still need 'cellspacing="0"' in the markup */
table {
	border-collapse: separate;
	border-spacing: 0;
}
caption, th, td {
	text-align: left;
	font-weight: normal;
}
blockquote:before, blockquote:after, q:before, q:after {
	content: "";
}
blockquote, q {
	quotes: "" "";
}

/*********************************/
/**            GLOBAL           **/
/*********************************/

html {
	background:url(../images/bg-body.gif) top left repeat;
}

body {
	background:url(../images/bg-header.jpg) top left repeat-x;
	min-height: 684px;
	width:100%;
}

hr.clear {
	clear:left;
	visibility:hidden;
	height:30px;
}

br.clear {
	clear:left;
}

img.noborder {
	border:none !important;
}

.sup {
	position:relative;
	top:-5px;
}

/*********************************/
/**            LAYOUT           **/
/*********************************/

#site-container {
	display:block;

}

#site {
	width:925px;
	margin:0 auto;
	background:url(../images/bg-site.png) right bottom repeat;
}



#header {
	height:193px;
	background:url(../images/header-getriebe.jpg) right top no-repeat;
}

h1#logo {
	padding-top:50px;
	padding-left:12px;
}

h1#logo a {
	display:block;
	width:279px;
	height:108px;
	text-indent:-10000px;
	background:url(../images/logo.jpg);
}

#content-container {
	float:left;
	width:555px;
}

#content {
	margin:30px 0 0 22px;
}

#sidebar-container {
	float:left;
	width:370px;
	background:url(../images/bg-sidebar.jpg) top left repeat-y;
}

#sidebar {
	width:370px;
	background:url(../images/bg-sidebar-top.jpg) top left no-repeat;
}

#sidebar-content {
	margin:0 48px 0 38px;
	padding-bottom:30px;
}

#footer-container {
	clear:left;
	height:138px;
	width:100%;
	background:url(../images/bg-footer.png) right top repeat-x;
}

#footer {
	width:925px;
	margin:0 auto;
	height:138px;
}

#footer-column-left {
	float:left;
	width:555px;
	height:138px;
}
#footer-column-left p {
	margin-top:40px;
	float:left;
	width:45%;
}
#footer-column-left p, #footer-column-left p * {
	color:#bbb8b3;
}

#footer-column-right {
	float:left;
	width:370px;
	height:138px;
	background:url(../images/bg-sidebar-footer.png) top left no-repeat;
}
#footer-column-right p {
	margin:20px 0 0 38px;
}
#footer-column-right p, #footer-column-right p * {
	color:#bbb8b3;
}

/*********************************/
/**          CONTENT            **/
/*********************************/

#content ul {
	list-style:disc;
	margin-left:16px;
}

h2 {
	text-indent:-10000px;
	margin:0px 0 15px 0;
	height:50px;
	background-position:top left;
	background-repeat:no-repeat;
}

h3 {
	text-indent:-10000px;
	margin:20px 0 15px 0;
	height:23px;
	background-position:top left;
	background-repeat:no-repeat;
}

h4, h4 a {
	font-size:14px;
	color:#555;
	margin-bottom:10px;
}

.nomargin {
	margin:0;
}

ul.leistungen {
	list-style:none !important;
	margin-left:0px !important;
}

ul.leistungen li {
	background:url(../images/li-leistungen.gif) left 5px no-repeat;
	padding-left:20px;
	line-height:24px;
}

li.more {
	background:url(../images/li-more.gif) left 4px no-repeat !important;
}

p {
	line-height:18px;
	margin-bottom:12px;
}

#content img, #sidebar img, #content iframe {
	border:2px solid #001f3d;
}

span.tab {
	display:block;
	float:left;
	width:50px;
	font-weight:bold;
}

.duo {
	line-height:20px;
}

.float {
	display:block;
	float:left;
	margin-right:20px;
}

.floatright {
	float:right;
	margin-left:20px;
}

.wide {
	width:290px;
}

.narrow {
	width:150px;
}

.referenzkunde {
	display:block;
	clear:left;
	margin:30px 0;
}

.bigtab {
	display:block;
	width:100px;
	float:left;
	margin-right:10px;
	overflow:hidden;
}

div.bigtab {
	position:relative;
	top:-6px;

}

.kundenname {
	font-size:14px;
	font-weight:bold;
	color:#555;
}

/*********************************/
/**            NAVI             **/
/*********************************/

#navi {
	height:51px;
	
}

#navi li {
	display:block;
	position:relative;
	float:left;
	text-align:center;
	font-weight:bold;
	font-size:12px;
	color:#c8c8c8;
	cursor:pointer;
}

#navi li a {
	display:block;
	color:#bbb8b3;
	text-decoration:none;
}

#navi li ul {
	display:none;
	position:relative;
	z-index:999;
	top:50px;
	left:-1px;
}

#navi li:hover ul {
	display:block;
	position:absolute;
	z-index:999;
}

#navi li ul li {
	position:relative;
	z-index:1000;
	display:block;
	float:none;
	cursor:pointer;
	line-height:46px;
	vertical-align:middle;
}

#navi-left {
	width:25px;
	background:url(../images/navi-left.jpg) right top no-repeat;
	height:51px;
}

#navi-item-1 a {
	width:118px;
	background:url(../images/navi-01.jpg) top left no-repeat;
	padding-top:19px;
	height:32px;
}
#navi-item-1 a:hover {
	background-image:url(../images/navi-01-hover.jpg);
	color:#000;
}

#navi-item-2 a {
	width:155px;
	background:url(../images/navi-02.jpg) top left no-repeat;
	padding-top:19px;
	height:32px;
}
#navi-item-2 a:hover {
	background-image:url(../images/navi-02-hover.jpg);
	color:#000;
}

#navi-item-3 a {
	width:140px;
	background:url(../images/navi-03.jpg) top left no-repeat;
	padding-top:19px;
	height:32px;
}
#navi-item-3 a:hover {
	background-image:url(../images/navi-03-hover.jpg);
	color:#000;
}

#navi-item-4 a {
	width:137px;
	background:url(../images/navi-04.jpg) top left no-repeat;
	padding-top:19px;
	height:32px;
}
#navi-item-4 a:hover {
	background-image:url(../images/navi-04-hover.jpg);
	color:#000;
}

#navi-item-5 a {
	width:76px;
	background:url(../images/navi-05.jpg) top left no-repeat;
	padding-top:15px;
	height:36px;
}
#navi-item-5 a:hover {
	background-image:url(../images/navi-05-hover.jpg);
	color:#000;
}

#navi-item-6 a {
	width:71px;
	background:url(../images/navi-06.jpg) top left no-repeat;
	padding-top:15px;
	height:36px;
}
#navi-item-6 a:hover {
	background-image:url(../images/navi-06-hover.jpg);
	color:#000;
}

#navi-item-7 a {
	width:89px;
	background:url(../images/navi-07.jpg) top left no-repeat;
	padding-top:15px;
	height:36px;
}
#navi-item-7 a:hover {
	background-image:url(../images/navi-07-hover.jpg);
	color:#000;
}

#navi-item-8 a {
	width:85px;
	background:url(../images/navi-08.jpg) top left no-repeat;
	padding-top:15px;
	height:36px;
}
#navi-item-8 a:hover {
	background-image:url(../images/navi-08-hover.jpg);
	color:#000;
}

#navi-right {
	width:29px;
	background:url(../images/navi-right.jpg) top left no-repeat;
	height:51px;
}

#subnavi-01-item-1 a {
	width:120px;
	height:46px;
	padding-top:0px;
	background:url(../images/subnavi-01-01.jpg) top left no-repeat;
}
#subnavi-01-item-1 a:hover {
	background-image:url(../images/subnavi-01-01-hover.jpg);
	color:#000;
}

#subnavi-01-item-2 a {
	width:120px;
	height:47px;
	padding-top:0px;
	background:url(../images/subnavi-01-02.jpg) top left no-repeat;
}
#subnavi-01-item-2 a:hover {
	background-image:url(../images/subnavi-01-02-hover.jpg);
	color:#000;
}

#subnavi-02-item-1 a {
	width:141px;
	height:46px;
	padding-top:0px;
	background:url(../images/subnavi-02-01.jpg) top left no-repeat;
}
#subnavi-02-item-1 a:hover {
	background-image:url(../images/subnavi-02-01-hover.jpg);
	color:#000;
}

#subnavi-02-item-2 a {
	width:141px;
	height:46px;
	padding-top:0px;
	background:url(../images/subnavi-02-02.jpg) top left no-repeat;
}
#subnavi-02-item-2 a:hover {
	background-image:url(../images/subnavi-02-02-hover.jpg);
	color:#000;
}

#subnavi-02-item-3 a {
	width:141px;
	height:48px;
	padding-top:0px;
	background:url(../images/subnavi-02-02.jpg) top left no-repeat;
}
#subnavi-02-item-3 a:hover {
	background-image:url(../images/subnavi-02-02-hover.jpg);
	color:#000;
}