/**
 * Stylesheet for Aster Holzbau
 *
 * Screen/Projection Stylesheet
 *
 * @author		Alexander Tumler
 * @link			http://www.aster-holzbau.com
 * @copyright	Copyright 2008, akanai web technologies
 */
 
/**
 * Global properties and bugfixes
 */

/* set global values */
* {
	padding: 0;
	margin: 0;
}

body, html {
	height: 100%;
}

fieldset, img {
	border: none;
}

body {
	position: relative;
	background-color: #fff;
	font-family: Tahoma, Verdana, Geneva, Arial, Helvetica, sans-serif;
	font-size: 10px;
	color: #000;
}

/* Container */
#address {
	position: absolute;
	width: 671px;
	height: 11px;
	margin: 602px 0 0 64px;
	text-align: center;
}

#aster-tueren {
	position: absolute;
	width: 83px;
	height: 57px;
	margin: 523px 0 0 73px;
}

#content {
	position: absolute;
	width: 584px;
	margin: 139px 0 0 215px;
}

.detail-content {
	position: absolute;
	width: 170px;
	margin: 44px 0 0 408px;
}

.detail-image {
	position: absolute;
	width: 395px;
	height: 400px;
}

.detail-thumbs {
	position: absolute;
	width: 500px;
	margin: 403px 0 0 78px;
	text-align: right;
}

.holzbau-logo {
	margin: 15px 0 0 237px !important;
}

.holzbau-title {
	margin: 111px 0 0 237px !important;
}

#language {
	position: absolute;
	width: 50px;
	height: 14px;
	margin-left: 750px;
}

#left-menu {
	position: absolute;
	width: 200px;
	margin: 181px 0 0 1px;
}

#logo {
	position: absolute;
	width: 121px;
	height: 64px;
	margin: 42px 0 0 47px;
}

#outer {
	position: absolute;
	z-index: 0;
	width: 800px;
	height: 613px;
	background: url('../img/bkg.gif') no-repeat;
}

#right-menu {
	position: absolute;
	width: 200px;
	margin: 129px 0 0 579px;
}

#title {
	position: absolute;
	width: 395px;
	margin: 131px 0 0 215px;
	text-align: center;
}

/* Content */
.contact-table a {
	color: #758895;
	text-decoration: none;
}

.contact-table a:hover {
	color: #000;
}

.contact-table td {
	color: #758895;
	vertical-align: top;
	letter-spacing: .1em;
	line-height: 14px;
	white-space: nowrap;
	padding-left: 30px;
}

.contact-table td p {
	margin: 0 !important;
	width: auto !important;
}

#content h1 {
	font-size: 14px;
	letter-spacing: .1em;
	color: #009634;
	margin: 50px 0 0 80px;
}

#content p {
	letter-spacing: .1em;
	line-height: 14px;
	margin: 10px 0 0 80px;
	width: 430px;
}

#content .three {
	width: 450px;
	margin-left: 70px;
}

#content .three h1 {
	margin: 50px 0 0 0 !important;
}

#content .three p {
	margin: 10px 0 0 0 !important;
	width: auto !important;
}

#content .three td {
	width: 33%;
	vertical-align: top;
	padding-left: 10px;
	white-space: nowrap;
}

.detail-content .details {
	padding-top: 40px;
	line-height: 16px !important;
}

.detail-content .green {
	font-weight: bold;
	color: #009634;
}

.detail-content h1 {
	font-size: 10px !important;
	margin: 0 !important;
	padding-bottom: 5px;
}

.detail-content h2 {
	font-size: 10px !important;
	color: #009634;
	margin: 0 !important;
	padding-top: 20px;
	font-weight: normal;
	line-height: 14px;
}

.detail-content hr {
	height: 1px;
	border: none;
	border-top: 1px solid #758895;
	margin-bottom: 5px;
}

.detail-content p {
	color: #758895;
	margin: 0 !important;
	width: auto !important;
}

.detail-content li {
	letter-spacing: .1em;
	line-height: 14px;
}

.detail-content ul {
	color: #758895;
	margin-left: 15px;
	font-size: 10px;
}

.impressum-table a {
	color: #758895;
	text-decoration: none;
}

.impressum-table a:hover {
	color: #000;
}

.impressum-table td {
	color: #758895;
	vertical-align: top;
	letter-spacing: .05em !important;
	line-height: 14px;
	white-space: nowrap;
	padding-left: 15px;
}

.impressum-table td h1 {
	margin: 0 !important;
	width: auto !important;
	letter-spacing: .05em !important;
	padding-bottom: 5px;
	font-size: 11px !important;
}

.impressum-table td p {
	margin: 0 !important;
	width: auto !important;
}

#language {
	text-align: right;
	line-height: 14px;
	letter-spacing: .05em;
	cursor: default;
}

#language a {
	color: #000;
	text-decoration: none;
}

#language a.active {
	font-weight: bold;
}

/* Elements */
.contact-table {
	margin: 56px 0 0 26px;
}

.detail-thumbs img {
	margin-left: 6px;
	border: none;
	cursor: pointer;
}

.impressum-table {
	margin: 285px 0 0 26px;
}

/* Menu */
#left-menu .level1 dt, #left-menu .level2 dt, #left-menu .level2a dt, #left-menu .level3a dt {
	letter-spacing: .1em;
	height: 21px;
	padding-left: 72px;
}

#left-menu .level1 dt.active, #left-menu .level2a dt.active {
	background: url('../img/menu.level1.gif') no-repeat 0 4px;
}

#left-menu .level2 {
	margin-top: 105px;
}

#left-menu .level2 a, #left-menu .level2a a, #left-menu .level3a a {
	color: #758895;
	text-decoration: none;
}

#left-menu .level2 a:hover, #left-menu .level2a a:hover, #left-menu .level3a a:hover {
	color: #009634;
}

#left-menu .level2 dt.active, #left-menu .level3a dt.active {
	background: url('../img/menu.level2.gif') no-repeat 0 5px;
}

#left-menu .level2 dt.active a, #left-menu .level2a dt.active a, #left-menu .level3a dt.active a {
	color: #009634;
}

#left-menu .level2a, #left-menu .level3a {
	margin-top: 40px;
}

#right-menu {
	color: #fff;
	font-size: 8px;
	text-align: right;
	letter-spacing: .2em;
	line-height: 10px;
	text-transform: uppercase;
}

#right-menu a {
	color: #fff;
	text-decoration: none;
}

#right-menu a:hover {
	color: #b4bec4;
}