/*******************************************************************************
 Page
********************************************************************************/
    html, body {
    margin: 0px;
    padding: 0px;
    height: 100%;
    min-height: 100%;
	background-color: #4e5256;
	background-image: url(../images/body_back.jpg);
	background-repeat: repeat-x;
	background-position: left top;
}


/* wrapper *********************************************************************/
#wrapper {
    width: 976px;
    margin: auto;
    padding: 0px;
    position: relative;
    background-color: transparent;
    border: none;
	background-image: url(../images/wrapper_back.jpg);
	background-repeat: repeat-y;
	background-position: left top;
	min-height: 100%;
}

/* IE Hack */
* html #wrapper {
	height: 100%;
}

/* header **********************************************************************/
#header {
    position: absolute;
    float: left;
    left: 0px;
    top: 0px;
    width: 976px;
    height: 160px;
    margin: 0px;
    padding: 0px;
    background-color: #eee;
    background-image: url(../images/header.jpg);
	background-repeat: no-repeat;
	background-position: left top;
    border: 0px solid red;
}

/* footer **********************************************************************/
#footer {
    position: absolute;
    float: left;
    left: 0px;
    bottom: 0px;
    width: 976px;
    height: 160px;
    margin: 0px;
    padding: 0px;
    background-color: #eee;
    background-image: none;
    border: 0px solid red;
	background-image: url(../images/footer.jpg);
	background-repeat: no-repeat;
	background-position: left top;
}

/* content wrapper *************************************************************/
#content {
    position: relative;
    float: left;
    left: 0px;
    top: 0px;
    width: 976px;/* - (margin + padding + border) */
    margin: 160px 0px 160px 0px;/* top: header-height + this.padding // bottom: footer-height */
    padding: 0px 0px 0px 0px;
    background-color: transparent;
    background-image: url(../images/content_back.jpg);
	background-repeat: no-repeat;
	background-position: left top;
    border: none;
}

/* Spalten *********************************************************************/
.col-1-256 {
	float: left;
    display: inline;
    width: 256px;
    background-color: transparent;
    margin: 0px;
    padding: 0px;
    border: none;
}
.col-2-720 {
	float: left;
    display: inline;
    width: 720px;
    background-color: transparent;
    margin: 0px;
    padding: 0px;
    border: none;
}

/*******************************************************************************
 Header Text, Logo, etc.
********************************************************************************/
h1.headline {
	font-family: Arial; 
	font-size: 32pt;
	line-height: 32px;
	font-weight: bold;
	color: #FE6902;
	position: absolute;
	left: 80px;
	top: 16px;
}

h1.subheadline {
	font-family: Arial; 
	font-size: 13pt;
	font-weight: bold;
	color: #FE6902;
	position: absolute;
	left: 80px;
	top: 48px;
}

img.logo-zahn {
	position: absolute;
	left: 290px;
	top: 8px;
}

.icon-mail {
	position: absolute;
	left: 496px;
	top: 29px;
	filter: alpha(opacity=85); -moz-opacity: 0.85; opacity: 0.85;
}

.icon-print {
	position: absolute;
	left: 576px;
	top: 29px;
	filter: alpha(opacity=85); -moz-opacity: 0.85; opacity: 0.85;
}

a:hover .icon-mail, a:hover .icon-print {
	filter: alpha(opacity=100); -moz-opacity: 1.00; opacity: 1.00;
}

.logo-gb {
	position: absolute;
	left: 696px;
	top: 45px;
}

/*******************************************************************************
 Content
********************************************************************************/
.inhalt {
	width: 656px;
	background-image: url(../images/inhalt_back.jpg);
	background-repeat: repeat-y;
	background-position: left top;
	margin: 0px 0px 0px 8px;
	padding: 4px 16px 0px 16px;
	min-height: 400px;
	float: left;
}

/* IE 6 hack - valide */
* html .inhalt {
	height: 400px;
	margin: 0px 0px 0px 4px;
}

.data {
	width: 656px;
	margin: 0px auto;
	padding: 0px 0px 0px 0px;
	min-height: 400px;
}

/* IE 6 hack - valide */
* html .data {
	height: 400px;
}

.col-left {
	float: left;
    width: 320px;
    margin: 0px;
    padding: 0px;
}

.col-right {
	float: right;
    width: 320px;
    margin: 0px;
    padding: 0px;
}

.mt-380 {margin-top: 396px;}
.mt-320 {margin-top: 320px;}
.mt-208 {margin-top: 208px;}

.data-left {
	float: left;
    width: 160px;
	padding: 7px 8px 7px 7px;
    border-top: 4px solid #e6e6e6;
    border-bottom: 4px solid #e6e6e6;
    border-left: 4px solid #e6e6e6;
    border-right: 0px solid #e6e6e6;
	background: url(../images/data_back.png) left top repeat-x;
}

.data-right {
	float: left;
    width: 160px;
	padding: 7px 7px 7px 8px;
	border-top: 4px solid #e6e6e6;
	border-bottom: 4px solid #e6e6e6;
	border-left: 0px solid #e6e6e6;
	border-right: 4px solid #e6e6e6;
	background: url(../images/data_back.png) left top repeat-x;
}

.minibagger {background: url(../images/back_minibagger.jpg) right top no-repeat;}
.radlader {background: url(../images/back_radlader.jpg) right top no-repeat;}
.dumper {background: url(../images/back_dumper.jpg) right top no-repeat;}
.baumwurzelfraese {background: url(../images/back_baumwurzelfraese.jpg) right top no-repeat;}
.grabenfraese {background: url(../images/back_grabenfraese.jpg) right top no-repeat;}
.kabelpflug {background: url(../images/back_kabelpflug.jpg) right top no-repeat;}
.bodenfraese {background: url(../images/back_bodenfraese.jpg) right top no-repeat;}
.sk-serie {background: url(../images/back_sk-serie.jpg) right top no-repeat;}
.xt-serie {background: url(../images/back_xt-serie.jpg) right top no-repeat;}

/*******************************************************************************
 Top Navigation
********************************************************************************/
#top-menue {
	position: absolute;
	float: left;
	left: 38px;
	bottom: 2px;
	margin: 0px auto 0px auto;
	padding: 0px 0px 0px 0px;
	list-style: none;
	width: 912px;
}

#top-menue li {
	float: left;
	display: inline;
	margin: 0px auto 0px auto;
	padding: 0px auto 0px auto;
	background-image: url(../images/delimiter.png);
	background-repeat: no-repeat;
	background-position: left top;
	height: 28px;
}

#top-menue li.last {
	position: absolute;
	float: right;
	display: inline;
	right: 0px;
	bottom: 2px;
	margin: 0px;
	padding: 0px;
	background-image: url(../images/delimiter.png);
	background-repeat: no-repeat;
	background-position: left top;
	height: 28px;
}

#top-menue li a {
	color: #deb970;
	font-weight: bold;
	float: left;
	padding: 6px 6px 0px 7px;
	margin: 0px auto 0px auto;
	height: 22px;
	text-decoration: none;
	cursor: pointer;
}

#top-menue li a:hover, #top-menue li a.active {
	color: #e34817;
	font-weight: bold;
	float: left;
	padding: 6px 6px 0px 7px;
	margin: 0px auto 0px auto;
	height: 22px;
	text-decoration: none;
	cursor: pointer;
	background-image: url(../images/top_nav_back.png);
	background-repeat: repeat-x;
	background-position: left top;
}

/*******************************************************************************
 Footer Navigation
********************************************************************************/
#foot-menue {
	position: absolute;
	float: left;
	left: 288px;
	top: 64px;
	margin: 0px auto 0px auto;
	padding: 0px 0px 0px 0px;
	list-style: none;
	width: 640px;
}

#foot-menue li {
	float: left;
	display: inline;
	margin: 0px auto 0px auto;
	padding: 0px auto 0px auto;
	background-image: url(../images/delimiter.png);
	background-repeat: no-repeat;
	background-position: left top;
	height: 28px;
}

#foot-menue li.last {
	position: absolute;
	float: right;
	display: inline;
	right: 0px;
	top: 0px;
	margin: 0px;
	padding: 0px;
	background-image: url(../images/delimiter.png);
	background-repeat: no-repeat;
	background-position: left top;
	height: 28px;
}

#foot-menue li a {
	color: #deb970;
	font-weight: bold;
	float: left;
	padding: 6px 8px 0px 8px;
	margin: 0px auto 0px auto;
	height: 22px;
	text-decoration: none;
	cursor: pointer;
}

#foot-menue li a:hover, #foot-menue li a.active {
	color: #e34817;
	font-weight: bold;
	float: left;
	padding: 6px 8px 0px 8px;
	margin: 0px auto 0px auto;
	height: 22px;
	text-decoration: none;
	cursor: pointer;
	background-image: url(../images/foot_nav_back.png);
	background-repeat: repeat-x;
	background-position: left top;
}

/*******************************************************************************
 Sub Navigation
********************************************************************************/
#sub-menue {
	background-image: url(../images/navi_back.jpg);
	background-repeat: no-repeat;
	background-position: left top;
	margin: 64px 0px 0px 16px;
	min-height: 352px;
	padding: 24px 0px 0px 16px;
}

/* IE 6 hack - valide */
* html #sub-menue {
	height: 352px;
}

#sub-menue li {
	display: inline;
	margin: 0px auto;
}

#sub-menue li a {
	display: block;
	width: 192px;
	background-color: transparent;
	color: #000;
	border: none;
	text-align: center;
	text-decoration: none;
	font-family: Verdana, Arial, Helvetica, sans-serif; 
	font-size: 8pt;
	letter-spacing: 0.5pt;
	margin: 0px 0px 1px 0px;
	padding: 3px 0px 5px 0px;
	background-image: url(../images/left_nav_back.png);
	background-repeat: no-repeat;
	background-position: left center;
}

#sub-menue li a:hover, #sub-menue li a.active { 
	color: #fff;
	border: none;
	background-image: url(../images/left_nav_back_.png);
	background-repeat: repeat;
	background-position: left center;
}

/*******************************************************************************
 Flash
********************************************************************************/
.flash-intro {
	display: block;
	width: 544px;
	height: 434px;
	min-height: 434px;
	margin: 32px auto 0px auto;
	padding: 0px 0px 0px 56px;
	background-image: url(../images/intro_back.jpg);
	background-repeat: no-repeat;
	background-position: bottom center;
}

.intro {
	display: block;
	width: 480px;
	height: 360px;
	margin: 0px;
	padding: 0px;
	background-color: #6e6f70;
	border: 5px solid #6e6f70;
}

.video {
	display: block;
	width: 540px;
	height: 380px;
	min-height: 380px;
	margin: 0px auto 0px auto;
	padding: 55px 0px 0px 0px;
	background-image: url(../images/back_video.jpg);
	background-repeat: no-repeat;
	background-position: top center;
}

.skip {
	position: relative;
	display: block;
	margin: 20px 0px 0px 16px;
	width: 46px; 
	height: 30px; 
	background: url(../images/button_skip.jpg);
}

.skip:hover {
	background: url(../images/button_skip_hover.jpg);
}

/*******************************************************************************
 Footer Text, Logo, etc.
********************************************************************************/
h1.footer-headline {
	font-family: Arial; 
	font-size: 14pt;
	font-weight: bold;
	color: #FE6902;
	position: absolute;
	left: 48px;
	top: 16px;
	letter-spacing: 3px;
}

.logo-witch {
	position: absolute;
	left: 64px;
	top: 58px;
}

.adress-1 {
	position: absolute;
	left: 288px;
	bottom: 16px;
}

.adress-1 p {
	color: #ccc;
	line-height: 9pt;
	margin: 0px;
}
.adress-1 p a {color: #ccc;}
.adress-1 p a:hover {color: #FE6902;}

.adress-2 {
	position: absolute;
	left: 528px;
	bottom: 8px;
}

.adress-2 h1 {
	color: #FE6902;
	font-family: Arial; 
	font-size: 12pt;
	line-height: 16pt;
	text-align: center;
	margin: 0px;
	padding: 0px;
}

.adress-2 h2 {
	color: #ccc;
	font-family: Arial; 
	font-size: 10pt;
	line-height: 12pt;
	text-align: center;
	margin: 0px;
	padding: 0px;
	font-weight: bold;
}

.adress-3 {
	position: absolute;
	right: 52px;
	bottom: 16px;
}

.adress-3 p {
	color: #ccc;
	line-height: 9pt;
	margin: 0px;
}

.googlemap {
	 width: 651px;
	 height: 396px;
	 margin: 0px;
	 padding: 0px;
	 border: 2px solid #ccc;
}