* {
	border: none;
	margin: 0;
	outline: none;
	padding: 0;
}

body {
	background: #fff url(/images/body.jpg) 0 -15px repeat-x;
	color: #333;
	font: 0.85em/150% Arial, Helvetica, sans-serif;
	text-align: center;
}

#wrapper {
	background: url(/images/wrapper.jpg) top repeat-y;
	margin: 16px auto;
	position: relative;
	text-align: left;
	top: -15px;
	width: 982px;
}

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

#header a {
	color: #383322;
	text-decoration : none;
}

a, a:link, a:visited {
	color: #32a22c;
	text-decoration: underline;
}

a:hover, a:focus {
	color: #32a22c;
	text-decoration: none;
}

#header p a {
	display: block;
	height: 60px;
	position: absolute;
	right: 50px;
	text-indent: -5000em;
	top: 45px;
	width: 320px;
}

#navigation {
	float: left;
	list-style: none;
	margin-left: 6px;
	margin-top: 124px;
}

#navigation li {
	float: left;
	margin-right: 1px;
	width: 161px;
}

#navigation a {
	display: block;
	padding: 10px 0;
	text-align: center;
	width: 100%;
}

#content {
	margin: 0 6px;
}

#wrapper .copypage {
	padding-top: 10px;
}

#sections ul {
	float: left;
	list-style: none;
	margin-top: 1px;
	margin-right: -1px;
}

#sections li {
	float: left;
	margin-right: 1px;
	width: 161px;
}

#sections a {
	display: block;
	padding: 10px 0;
	text-align: center;
	width: 100%;
	color: #333;
}

#sections a {
	background: #ECEADD;
	text-decoration: none;
}

ul.innenausbau li.innenausbau a {
	background: #f6bd4b !important;
}

ul.dach li.dach a {
	background: #f66867 !important;
}

ul.massivholz li.massivholz a {
	background: #b08051 !important;
}

ul.platten li.platten a {
	background: #7ec2f1 !important;
}

ul.gartenholz li.gartenholz a {
	background: #bfd46f !important;
}

ul.wellness li.wellness a {
	background: #f7e570 !important;
}

ul.innenausbau {
	border-bottom: 4px solid #f6bd4b;
}

ul.dach {
	border-bottom: 4px solid #f66867;
}

ul.massivholz {
	border-bottom: 4px solid #b08051;
}

ul.platten {
	border-bottom: 4px solid #7ec2f1;
}

ul.gartenholz {
	border-bottom: 4px solid #bfd46f;
}

ul.wellness {
	border-bottom: 4px solid #f7e570;
}

.innenausbau .innenausbau a,
.dach .dach a,
.massivholz .massivholz a,
.platten .platten a,
.gartenholz .gartenholz a,
.wellness .wellness a {
	padding-bottom: 11px !important;
}

li.wellness {
	width: 160px !important;
}

#subnavigation {
	clear: both;
	width: 257px;
	background: #f5f4ed url(/images/sidebar.jpg) bottom repeat-x;
	float: left;
	margin-bottom: 20px;
	padding-bottom: 20px;
}

#subnavigation ul {
	list-style: none;
	margin-top: 15px;
}

#subnavigation ul ul {
	margin-top: 3px;
	margin-bottom: 10px;
	font-size: 95%;
}

#subnavigation li {
	margin-bottom: 7px;
	padding-left: 20px;
}

#subnavigation li li {
	margin-bottom: 5px;
}

#subnavigation .current {
	background: url(/images/indicator.jpg) left 5px no-repeat;
}

#subnavigation .active, #subnavigation .active ul .active {
	font-weight: bold;
}

#subnavigation .active ul {
	font-weight: normal;
}

#subnavigation a {
	color: #333;
	text-decoration: none;
}

#subnavigation a:hover, #subnavigation a:focus {
	text-decoration: underline;
}

#subnavigation .current .current {
	background: url(/images/indicator.jpg) left 2px no-repeat;
	margin-left: -20px;
	padding-left: 20px;
}

#primary {
	margin-left: 280px;
	padding-right: 33px;
	padding-top: 50px;
}

#primary p, #primary h1, #primary h2, #primary h3, #primary h4, #primary h5, #primary h6, #primary li, #primary ul, #primary ol {
	margin: 10px 0;
}

#primary h1, #primary h2, #primary h3, #primary h4, #primary h5, #primary h6 {
	color: #33A22C;
}

h1 {
	font-size: 160%;
}

h2 {
	font-size: 140%;
	margin: 16px 0 8px 0;
}

h3 {
	font-size: 120%;
	margin: 16px 0 8px 0;
}

h4 {
	font-size: 100%;
	margin: 16px 0 8px 0;
}

.right {
	float: right;
	margin-left: 30px;
	padding-top: 34px;
}

#content small {
	padding: 0 10px;
	margin: 0;
}

img {
	/*border: 2px solid #33A22C;*/
	display: block;
	padding: 2px;
}

#footer {
	background: #fff url(/images/footer.jpg) no-repeat;
	clear: both !important;
	height: 48px;
	padding: 10px 20px;
}

#start ul {
	list-style: none;
	padding-left: 15px;
	margin-right: -15px;
	margin-top: 20px;
}

#start li {
	background: #d0d0d0;
	float: left;
	margin-bottom: 20px;
	margin-right: 20px;
	padding: 11px 10px 10px 10px;
	width: 280px;
	height: 259px;
}

#start .innenausbau {
	background: #F6BD4B url(/images/innenausbau.jpg) top no-repeat;
}

#start .dach {
	background: #F66867 url(/images/dach_und_fassade.jpg) top no-repeat;
}

#start .massivholz {
	background: #B08051 url(/images/massivholz.jpg) top no-repeat;
}

#start .platten {
	background: #7EC2F1 url(/images/platten.jpg) top no-repeat;
}

#start .gartenholz {
	background: #BFD46F url(/images/gartenholz.jpg) top no-repeat;
}

#start .wellness {
	background: #F7E570 url(/images/wellness.jpg) top no-repeat;
	width: 280px !important;
}

#start a {
	color: #333;
	text-decoration: none;
	display: block !important;
	height: 260px;
	width: 280px;
	background: none !important;
}

#start h2 {
	color: #333;
	background: #fff;
	text-decoration: none;
	font-weight: normal;
	padding: 3px 5px;
	font-size: 110%;
	display: inline;
}

#start p {
	margin-top: 175px;
}

#start p span {
	padding-right: 5px;
	font-size: 90%;
}

.breadcrum {
	margin-bottom: 20px !important;
}

img.right {
	float: right;
	margin-left: 10px;
	margin-bottom: 10px;
	padding: 2px !important;
}

#copy {
	margin: 20px 50px;
	border-bottom: 20px solid #fff ;
	float: left;
}

#copy h1 {
	margin-bottom: 20px;
}

#copy .right {
	padding-top: 45px;
}

.col1 {
	width: 405px;
	float: left;
}

.col2 {
	width: 405px;
	float: right;
}

.adress {
	width: 295px;
	font-size: 110%;
	float: right;
	padding-left: 110px;
	padding-top: 0px;
}

/*	*/

form label {
	display: block;
	font-weight: bold;
}

form p {
	margin-bottom: 7px;
}

form input, form select, form textarea {
	border: 1px solid #AAAAA8;
	padding: 2px 2px 2px 1px;
	width: 400px;
}

form textarea {
	height: 150px;
}

form input.submit {
	width: auto;
}

form p.error {
	color: #fa2000;
	font-weight: bold;
}

form p.success {
	color: #39A734;
	font-weight: bold;
}

.right small {
	display: block;
	position: relative;
	top: -5px;
}

table * {
	vertical-align: top;
}

#content table small {
	padding: 0;
}

table td {
	padding-bottom: 5px;
}

.person {
	width: 310px;
	float: left;
	height: 190px;
	font-size: 90%;
}

#faces {
	position: relative;
}

#faces span {
	position: absolute;
	font-size: 90%;
	top: 125px;
}

#faces p.namen {
	left: 0;
}

.person img, #faces img {
	height: 120px;
	width: 90px;
	float: left;
}

#faces img {
	margin-right: 20px;
}

#content .clearl {
	clear: both !important;
}

.persons {
	display: block;
}

.person .details {
	margin-left: 110px;
	margin-top: -5px;
}

.email {
	clear: both;
	display: block;
	margin-top: 57px;
}

/* header */

#header-image {
	background-repeat: no-repeat;
	background-position: 0 0;
	position: absolute;
	top: 4px;
	left: 6px;
	height: 120px;
	width: 600px;
}

.header-gartenholz {
	background-image: url(/images/header/gartenholz.jpg);
}

.header-innenausbau {
	background-image: url(/images/header/innenausbau.jpg);
}

.header-massivholz {
	background-image: url(/images/header/massivholz.jpg);
}

.header-platten {
	background-image: url(/images/header/platten.jpg);
}

.header-wellness {
	background-image: url(/images/header/wellness.jpg);
}

.header-dach-und-fassade {
	background-image: url(/images/header/dach-und-fassade.jpg);
}