@charset "UTF-8";
/* CSS Document */

html {
	height:100%;
	margin: 0;
	padding: 0;
}

body {
	margin: 0;
	padding: 0;
	font-family: Arial, sans-serif;
	font-size: 12px;
	line-height: 18px;
	/* text-align: center; */
	min-height: 506px;
	height: 100%;
	color: rgb(232,232,233);
}

/* Mantel */

#mantel {
	margin:0 auto;
	text-align: left;
	width: 960px;
	height: 100%;
	min-height: 650px;
}

.ma-2, .ma-3, .ma-5 {
	background-image: url(bg.png);
	background-repeat: repeat-y;
}

.ma-2 {
	background-position: 120px;
}

.ma-3 {
	background-position: 240px;
}

.ma-5 {
	background-position: 360px;
}

#hut {
	height: 32px;
	background-color: white;
	width: 100%;
	position: absolute;
	top: 0;
	left: 0;
	z-index: 1;
}

.warn {
	color: red;
	border: 2px red solid;
	padding:  10px;
	margin:  0 100px;
	display: block;
}

/* Kopf: Navigation */

span.no { 
	text-indent: 1000em;
	text-decoration: none;
	visibility: hidden;
	overflow: hidden;
}

#kopf {
	width: 960px;
	margin-top: 32px;
	height: 48px;
	position: absolute;
	z-index: 1;
}

#logo {
	width: 48px;
	height: 48px;
	background-image: url(ruwa.gif);
	cursor: pointer;
}

.kasten a, .kasten-activ a{
	float: left;
	height:  48px;
	display: block;
	width: 120px;
}

#ka-2 a {
	background-image: url(holz.gif);
	background-position: 10px 0;
	cursor: pointer;
}

#ka-2.kasten-activ a, #ka-2 a:hover {
	background-image: url(holzgruen.gif);
}

#ka-3 a {
	background-image: url(bau.gif);
	background-position: 11px 0;
	cursor: pointer;
}

#ka-3.kasten-activ a, #ka-3 a:hover {
	background-image: url(baugruen.gif);
}

#ka-5 a {
	background-image: url(werke.gif);
	background-position: 10px 0;
	width: 130px;
	cursor: pointer;
}

#ka-5.kasten-activ a, #ka-5 a:hover {
	background-image: url(werkegruen.gif);
}

.service {
	float: left;
	overflow: hidden;
	background-repeat: no-repeat;
	text-decoration: none;
	background-position: -1000px -1000px;
}

.service a{
	background-repeat: no-repeat;
	text-decoration: none;
	cursor: pointer;
	display: block;
}


#se-6 {
	padding-left: 262px;
	width: 78px;
}


#se-98 {
	padding-left: 262px;
	width: 92px;
}

#se-7 {
	width: 63px;
}

#se-8 {
	width: 52px;
}

#kopf a {
	text-decoration: none;
}

.infokorb {
	color: rgb(167,168,170);
	font-size: 10px;
	line-height: 25px;
	font-family: Arial;
	padding: 1px 6px 1px 3px;
	border: 1px solid rgb(207,209,210);
}


/* Content-Bereich */

#rahmen {
	position: absolute;
	top: 0;
	height: 88%;
	display: table;
	width: 960px;
}

#box {
	display: table-cell;
	vertical-align: middle;
	text-align: center;
	height: 502px;
}

#oben-nav {
	height: 102px; 
	text-align: left;
	margin: 88px auto 0 auto;
	overflow: hidden;
	list-style-type: none;
	display: block;
}

ul.holz {
	padding-left: 136px;
	width: 824px;
}

ul.bau {
	padding-left: 256px;
	width: 704px;
}

ul.werke {
	padding-left: 376px;
	width: 583px;
}

#oben-nav li {
	background-repeat: no-repeat;
	text-decoration: none;
	background-position: -500px -500px;
	list-style-type: none;
	cursor: pointer;
	height: 18px; /* IE */
	overflow: hidden; /* IE */
}

#oben-nav li a{
	background-repeat: no-repeat;
	display: block; /* IE */
	text-decoration: none;
}

#oben-nav .nav_no, #oben-nav .nav0_no {
	height: 18px;
	cursor: default;
}
	
#inhalt {
	background-repeat: no-repeat;
	height: 400px;
	width: 960px;
	display: block;
	text-align: left;
	background-color: rgb(55,55,57);
	position: relative;
}

/* Allg. Inhalt formatierungen */

#clearall, .clear {
	clear: both;
}

.special {
	margin-left: 16px;
}

.standart {
	margin: 70px 0 0 16px;
}

#content .d_text {
	position: absolute;
	overflow: hidden;
}

#content.standart .d_text {
	top:  290px;
}

#content.special .d_text {
	top:  350px;
}

#holz .c_text a, #bau .c_text a,
#holz .d_text a, #bau .d_text a,
#news .c_text a,
#serv .c_text a, #serv .right a,
#serv.kontakt .c_text a, #serv.kontakt .right a,
#serv.fragen .c_text a {
	color: rgb(146,147,149);
	font-size: 10px;
	text-decoration: none;
	border-bottom: 1px rgb(112,113,115) solid;
	text-transform: uppercase;
}

#serv .c_text a, #serv .right a,
#serv.kontakt .c_text a, #serv.kontakt .right a,
#serv.fragen .c_text a {
	border-bottom: 1px rgb(177,179,180) solid;
}


#holz .c_text a:hover, #bau .c_text a:hover,
#holz .d_text a:hover, #bau .d_text a:hover,
#news .c_text a:hover {
	color: white;
	border-bottom: none;
}

#serv .c_text a:hover, #serv .right a:hover,
#serv.kontakt .c_text a:hover, #serv.kontakt .right a:hover,
#serv.fragen .c_text a:hover {
	color: black;
	border-bottom: none;
}

#content h1 {
	font-weight: bold;
	font-size: 12px;
	display: inline;
	color: rgb(236,237,237);
}

#content p {
	color: rgb(167,168,170);
}

#content {
	font-size: 12px;
	position: relative;
}

#content .hline {
	margin: 15px 0 46px 0;
	height: 9px;
}

#content .hline span {
	display: block;
	background-repeat: no-repeat;
	text-decoration: none;
}

#content .c_text {
	padding-top: 16px;
}

/* Subnav */


#snav {
	height: 22px;
	overflow: hidden;
	margin-bottom: 48px;
}

#snav div {
	background-repeat: no-repeat;
	text-decoration: none;
	background-position: -1000px -1000px;
	display: block;
}

#snav div a{
	background-repeat: no-repeat;
	text-decoration: none;
	cursor: pointer;
	display: block;
}


#snav .sitem, #snav .last-item {
	float: left;
	padding: 8px 13px 6px 0;
	margin-right: 13px;
	border-right: 1px rgb(146,147,149) solid;
	height: 9px;
}


#snav .last-item {
	margin-right: 0;
	border-right: none;
}


/* Werke */

#werke img {
	border: 0;
	margin: 0;
	float: left;
	width: 119px;
	height: 79px;
	padding: 1px 1px 0 0;
	display: none;
}


/* Home */

#news {
	margin-left: 120px;
	width: 400px;
	display: block;
	overflow: hidden;
	height: 400px;
	background-color: rgb(55,55,57);
}

#news #content p {
	display: inline;
}

#news h1 {
	padding-right: 5px;
}


/* Holz */

#holz {
	margin-left: 120px;
	width: 279px;
	border-left: 1px solid rgb(188,189,190);
	display: block;
	overflow: hidden;
	height: 400px;
	background-color: rgb(55,55,57);
}


/* BAU */

#bau {
	margin-left: 240px;
	width: 279px;
	border-left: 1px solid rgb(188,189,190);
	display: block;
	overflow: hidden;
	height: 400px;
	background-color: rgb(55,55,57);
}

/* Werke */

#werke {
	height: 400px;
	width: 960px;
	overflow: hidden;
}

.addkorb, .isinkorb {
	height: 16px;
	position: absolute; 
	top: 424px;
	left: 376px;
	background-repeat: no-repeat;
}

.addkorb {
	width: 127px;
	cursor: pointer;
	background-image: url(info1.gif);
}

.addkorb:hover {
	background-image: url(info2.gif);
}

.isinkorb {
	width: 152px;
	background-image: url(info3.gif);
}

.isinkorb:hover {
	background-image: url(info3.gif);
}

/* Service */

/* background-color: rgb(242,242,243); */
#servicebg {
	position: absolute;
	height: 100%;
	top: 0;
	margin: 0 0 0 736px;
	z-index:-1;
	width:224px;
	border-left: 1px solid rgb(215,215,216);
}

/* background-color: white; */
#sbgfix {
	width: 100%;
	height: 40%;
	min-height:  200px;
}

#servicetitel {
	height: 13px;
	margin: 86px 0 12px 138px;
	width: 462px;
}

#serv {
	text-align: left;
	width: 960px;
	height: 400px;
	display: block;
}

#serv .ie6 {
	width: 136px;
	float: left;
	height: 400px;
}

#serv .left {
	width: 600px;
	padding-top:  34px;
	border-top: 1px solid rgb(215,215,216);
	float: left;
	color: rgb(167,168,170);
	position:relative;
	min-height: 400px;
}

#serv .right {
	width: 224px;
	/*border-top: 0px solid rgb(215,215,216);
	background-color: rgb(242,242,243); */
	float: left;
	color:  rgb(123,124,126);
	min-height: 400px;
	margin-top:  -36px;
	position:relative;
}

#serv .right .line {
	border-bottom: 1px solid rgb(215,215,216);
	width: 224px;
	height: 36px;
}

#serv.korb .right {
	width: 192px;
	padding: 0 16px;
}

#serv.korb .right p {
	margin-top: -2px;
}

#serv.korb .right .line {
	margin-left: -16px;
	/* margin-bottom: 8px; */
}

#serv .left, #serv .right {
	font-size: 12px;
	font-family: Arial, sans-serif;
	color: rgb(123,124,126);
	line-height: 18px;
}

#serv .right h1 {
	color: rgb(75,75,77);
	font-weight: bold;
	font-size: 12px;
}

#serv .right .c_text {
	margin-top: 46px;
}

#serv.korb .right .c_text {
	margin-top: 50px;
}

/* IK */


.korb input[type=text] {
	width: 185px;
}

.korb .emptyblock {
	width: 94px;
	height: 62px;
	margin: 37px 40px 32px 0;
	border: 1px solid rgb(188,189,190);
	float: left;
}

.korb .item {
	width: 96px;
	margin: 37px 40px 0 0;
	float: left;
}
.korb .item img {
	border: none;
}

.korb h1 {
	margin: 0;
	font-size: 11px;
	line-height: 12px;
	color: rgb(167,168,170);
	font-weight: bold;
	display: block;
	height: 24px;
	margin-top: 4px;
}

.korb a.link:hover h1 {
	color: rgb(0,95,48);
}

.korb a.link  {
	text-decoration: none;
}

.korb .open, .korb .down, .korb .remove {
	display: block;
	width: 96px;
	padding-top: 5px;
	margin-top:  5px;
	text-decoration: none;
	color: rgb(167,168,170);
	border-top: 1px solid rgb(188,189,190);
	font-size: 11px;
	line-height: 12px;
	background-repeat: no-repeat;
	background-position: 87px 7px;
	cursor: pointer;
}

.korb .open:hover, .korb .down:hover, .korb .remove:hover {
	color: rgb(89,150,120);
}

.korb .open {
	background-image: url(show1.gif);
}

.korb .open:hover {
	background-image: url(show2.gif);
}

.korb .down {
	background-image: url(download1.gif);
}

.korb .down:hover {
	background-image: url(download2.gif);
}

.korb .remove {
	border-bottom: 1px solid rgb(188,189,190);
	padding: 5px 0;
	background-image: url(remove1.gif);
}

.korb .remove:hover {
	background-image: url(remove2.gif);
}


/* FAQ */

.fragen .faq {
	background-repeat: no-repeat;
	text-decoration: none;
	background-position: -500px -500px;
	cursor: pointer;
	padding-left: 16px;
	overflow: hidden;
	display: block;
	height: 22px;
}

.fragen .faq a {
	background-repeat: no-repeat;
	text-decoration: none;
	display: block;
}

.fragen .right .line {
	margin-bottom: 22px;
}

.fragen .left .line {
	border-bottom: 1px solid rgb(188,189,190);
	width: 488px;
	height: 36px;
}

.fragen h1{
	margin: 0;
}

.fragen h1 a {
	background-position: 0 19px;
	background-repeat: no-repeat;
	text-decoration: none;
	color: rgb(100,101,103);
	font-size: 12px;
	line-height: 20px;
	font-weight: bold;
	display: block;
	padding-left: 32px;
	padding-top: 16px;
	margin: 0;
	cursor: pointer;
}

.fragen h1 a:hover {
	color: rgb(0,94,48);
}

.fragen .c_text {
	padding-left: 32px;
	width: 420px;
	background-color: white;
}

#serv.fragen .c_text a {
	line-height: 28px;
}


.faq-titel {
	background-image: url(plus1.gif);
}

.faq-titel:hover {
	background-image: url(plus2.gif);
}

.faq-titel-selected {
	background-image: url(minus1.gif);
}

.faq-titel-selected:hover {
	background-image: url(minus2.gif);
}

#serv.fragen .accord {
	width: 488px;
	margin: 0;
	border-bottom: rgb(188,189,190) 1px solid;
}

#serv.fragen .accord .c_text{
	display: none;
}
/* KONTAKT */


#serv.kontakt .right .c_text {
	padding-left: 16px;
	padding-bottom:  32px;
}

#serv.kontakt label {
	display: none;
}

.forminfo {
	color: red;
}

.formok {
	color: #669e83;
}

input.text {
	height: 18px;
}


#serv.kontakt input.text, #serv.kontakt textarea {
	line-height: 18px;
	width: 344px;
	border: 1px solid rgb(209,209,211);
	color: rgb(177,179,180);
	margin-bottom: 16px;
	font-family: Arial, sans-serif;
	font-size: 11px;
}

input.submm {
	background: transparent;
	border-top: 0;
	border-right: 0;
	border-bottom: 1px solid rgb(167,168,170);
	border-left: 0;
	color: rgb(167,168,170);
	display: inline;
	margin: 0;
	padding: 0;
	cursor: pointer;
	text-transform: uppercase;
	font-size: 10px;
	font-family: Arial, Helvetica, sans-serif;
}

*:first-child+html input.submm {		/* hack needed for IE 7 */
	border-bottom: 0;
	text-decoration: underline;
}

* html input.submm {				/* hack needed for IE 5/6 */
	border-bottom: 0;
	text-decoration: underline;
}

input.submm:hover {
	border-bottom: 0px solid rgb(167,168,170);
	color: black;
}


/* SLIDER */

.graphic, #prevBtn, #nextBtn, #slider1prev, #slider1next{
	margin:0;
	padding:0;
	display:block;
	overflow:hidden;
	text-indent:-8000px;
}
/* image replacement */



/* Easyslider */

#gallery, #slider {
	overflow: hidden;
	height: 400px;
	width: 960px;
}

#slider ul, #slider li {
	margin:0;
	padding:0;
	list-style:none;
}

#slider li {
	/*
		define width and height of list item (slide)
		entire slider area will adjust according to the parameters provided here
	*/
	width:960px;
	height:368px;
	overflow:hidden;
}

#strich {
	display:block;
	width:0;
	height:400px;
	position:absolute;
	left:240px;
	top:0;
	z-index:1000;
	background-color:rgb(188,189,190);
}

#gallery.bau #strich {
	left:240px;
	width:1px;
}

#gallery.werke #strich {
	left:360px;
	width:1px;
}

#prevBtn, #nextBtn, #nummer, #titel, #close, #arch, #dload {
	display:block;
	width:32px;
	height:32px;
	position:absolute;
	left:0px;
	top:368px;
	z-index:1000;
	border-right: 1px solid rgb(100,101,103);
	font-family: Arial, sans-serif;
	color: rgb(167,168,170);
	font-size: 12px;
}

#nummer {
	left: 33px;
	width: 39px;
	text-align: center;
	line-height: 18px;
	padding-top: 7px;
	height: 25px;
}

#arch {
	left: 105px;
	width: 244px;
	text-align: right;
	line-height: 18px;
	padding-top: 7px;
	height: 25px;
	border: none;
	font-weight: bold;
	color: rgb(123,124,126);
}

#gallery #titel {
	line-height: 18px;
	padding-top: 7px;
	height: 25px;
	border-right: none;
}

#gallery.bau #titel {
	left: 256px;
	width: 671px;
}

#gallery.werke #titel {
	left: 376px;
	width: 551px;
}

#close {
	left: 928px;
	border-right: none;
	background-image: url(X1.gif);
}

#close:hover {
	background-image: url(X2.gif);
}


#dload {
	left: 928px;
	border-right: none;
	border-left: 1px solid rgb(100,101,103);
	text-align: center;
}

#dload a {
	color: rgb(123,124,126);
	text-decoration: none;
	font-size: 12px;
	line-height: 18px;
	font-weight: bold;
	padding-top: 6px;
	display:block;
	margin-left: -2px;
}

#dload a:hover {
	color: white;
}

#nextBtn {
	left: 33px;
	background-image: url(re1.gif);
}

#prevBtn {
	background-image: url(li1.gif);
}

#nextBtn:hover {
	background-image: url(re2.gif);
}

#prevBtn:hover {
	background-image: url(li2.gif);
}

#prevBtn a, #nextBtn a {
	display:block;
	position:relative;
	width:32px;
	height:32px;
	/* background:  url(li1.gif) no-repeat 0 0; */
}
#nextBtn a {
	/* background:url(re1.gif) no-repeat 0 0; */
}

/* -- */

/* musterhaus */

#serv .right a.hoverimg {
	margin-top: 32px;
	margin-left: 16px;
	border: none;
	display: inline-block;
}

#serv .right a#strickmezza.hoverimg  {
	margin-top: 42px;
}


a.hoverimg img {
	margin-bottom: 4px;
}

a.hoverimg span {
	border-bottom: 1px rgb(177,179,180) solid;
}


a.hoverimg:hover span {
	border-bottom: none;
}

#serv.muster .right .c_text {
	margin-left: 16px;
	margin-top: 35px;
}

#serv.fragen .right a {
	border: none;
}

#serv.fragen .right .line {
	margin-bottom: 40px;
}