/* CSS Document */

body {
	margin: 0px;
	padding: 0px;
	border-width: 0px;
	text-align: center;
	background-image: url(images/mainbg.gif);
	background-repeat: repeat-x;
	
	background-color:#46140a;
	font-family: Arial, Helvetica, sans-serif;
	font-size: 11px;
	color: #78797A;
}

#hilfsebene {
	position: relative;	
	top: 0px;
	text-align: left;
	margin-left: auto;
	margin-right: auto;
	margin-top: 7px;
	width: 850px;
	height: 600px;
	border: none;
}

.galtext a {
color: black !IMPORTANT;
}

#maintext a {
color: black !IMPORTANT;
}


#logo {
background-color: #fbf7ea;
padding-left: 20px;
padding-top: 5px;
}

#logo  img {
border: none;
}

#navi {
background-image: url(images/navi_verlauf.gif);
background-repeat: repeat-y;
height: 33px;
}

#navi ul {
margin: 0;
padding: 0;

list-style: none;

}

#navi ul li {
float: left;
padding-top: 9px;
margin-right: 9px;
margin-left: 28px;

}

#navi ul li a {
color: #fbf7ea;
text-decoration: none;
font-size: 12px;
padding-left: 13px;
}

#navi ul li .aktiv {
font-weight: bold;
background-image: url(images/block_navi1.gif);
background-repeat: no-repeat;
}

#navi ul li a:hover {

background-image: url(images/block_navi1.gif);
background-repeat: no-repeat;
}


.clear {
clear: left;
line-height: 0px;
margin: 0;
padding: 0;
font-size: 0px;
}


#subnavi {
background-color: #f2e9ce;
margin: 0px;
padding: 0px;
height: 20px;
}

#subnavi ul {
position: relative;
margin: 0px;
padding: 0px;


list-style: none;

}

#subnavi ul li {
float: left;
margin: 0px;
padding: 0px;
margin-right: 11px;
margin-left: 32px;
padding-top: 3px;

}

#subnavi ul li a {
color: #46140a;
margin: 0px;
padding: 0px;
text-decoration: none;
font-size: 12px;
padding-left: 12px;
}

#subnavi ul li .aktiv {
font-weight: bold;
background-image: url(images/block_navi2.gif);
background-repeat: no-repeat;
}

#subnavi ul li a:hover {

background-image: url(images/block_navi2.gif);
background-repeat: no-repeat;
}

#maincontent {
background-color: white;
color: #78797A;
height: 430px;
position: relative;
width: 850px;
}

#prefooter {
background-image: url(images/footer_verlauf.gif);
padding-top: 15px;
}

#footer {
background-color: #ffffff;
margin: 0;
padding: 0;
}

#subline {
list-style: none;
margin: 0;
padding: 0;
padding-top: 4px;
font-size: 11px;
width: 511px;
float: left;
background-color: white;
height: 26px;
}

#subline li {
padding: 0px;
margin-top: 4px;
margin-bottom: 4px;
float: left;
padding-right: 10px;
padding-left: 10px;
border-right: 1px solid #821414;

}

#subline .last {
border: none;
}

#bottomnavi {
width: 339px;

height: 30px;
position: absolute;
left: 511px;
}

#bottomnavi ul {
margin: 0px;
padding: 0px;
list-style: none;
}

#bottomnavi ul li {
float: left;
margin: 0;
padding: 0;
}

#bottomnavi ul li a{
text-decoration: none;
color: #7b7c7e;
display: block;
height: 30px;
margin: 0;
padding: 0;
padding-top: 8px;
padding-left: 39px;
background-repeat: no-repeat;

}

#bottomnavi ul li a:hover{
color: white;
font-weight: bold;
}

#bottomnavi .btn_home {
background-image: url(images/bottomnavi/home.gif);
width: 75px;
}

#bottomnavi .btn_kontakt {
background-image: url(images/bottomnavi/kontakt.gif);
width: 73px;

}

#bottomnavi .btn_impressum {
background-image: url(images/bottomnavi/impressum.gif);
width: 74px;

}




#bottomnavi .btn_home:hover, #bottomnavi .btn_home_aktiv  {
background-image: url(images/bottomnavi/home_hover.gif);
width: 75px;
color: white;
font-weight: bold;
}

#bottomnavi .btn_kontakt:hover , #bottomnavi .btn_kontakt_aktiv{
background-image: url(images/bottomnavi/kontakt_hover.gif);
width: 73px;
color: white;
font-weight: bold;

}

#bottomnavi .btn_impressum:hover, #bottomnavi .btn_impressum_aktiv {
background-image: url(images/bottomnavi/impressum_hover.gif);
width: 74px;
color: white;
font-weight: bold;

}


#ZWEIspalten #spalte1, #ZWEIspalten_galery #spalte1 {
float: left;
width: 475px;
margin: 15px;
margin-top: 20px;
}

#ZWEIspalten #spalte2, #ZWEIspalten_galery #spalte2 {
float: left;
width: 300px;
margin: 15px;
margin-left: 0;
margin-top: 20px;
}

#maintext, .galitem .galtext {
font-family: Arial, Helvetica, sans-serif;
font-size: 11px;
color: #78797A;
line-height: 170%;
}

#righttext {
font-family: Arial, Helvetica, sans-serif;
font-size: 11px;
color: #78797A;
line-height: 170%;
position: absolute;
top: 10px;
left: 509px;
width: 330px;
height: 405px;

}

#akholzart {
font-family: Arial, Helvetica, sans-serif;
font-size: 11px;
color: #78797A;
line-height: 170%;
position: absolute;
top: 10px;
left: 10px;
width: 470px;
height: 287px;

}


#righttext_holzarten {
font-family: Arial, Helvetica, sans-serif;
font-size: 11px;
color: #78797A;
line-height: 170%;
position: absolute;
top: 10px;
left: 509px;
width: 330px;
height: 305px;


}

#holzarttext {
position: absolute;
top: 250px;
left: 0px;
line-height: 16px;
width: 470px;
height: 40px;
text-align: center;
color: #333333;
}

#arten {
position: absolute;
top: 440px;
left: 10px;
width: 840px;
height: 100px;

}

.artelem {
float: left;

margin-right: 10px;
margin-bottom: 5px;
color: white;
}

.artelem .artelem_text {
position: absolute;
height: 30px;
padding-top: 16px;
cursor: pointer;
width: 130px;
text-align: center;

}

.artelem:hover {
font-weight: bold;
color: #78797A;
}

.artelem .select {
font-weight: bold;

color: #78797A;
}

#maintext  h1, .galitem h1, #kontaktspalte1 h1, h1  {
font-size: 14px;
margin-top: 0px;

}

#kontaktspalte1 h1,#kontaktspalte2 h1 {
line-height: 10px;
}

#maintext  h2, .galitem h2  {
font-size: 12px;
}

#maintext  h3, .galitem h3  {
font-size: 11px;
}

.galitem {
position: absolute;
top: 10px;
left: 0px;
}

.imgtext {
position: absolute;
top: 340px;
width: 500px;
left: 0px;
text-align: center;
color: #333333;

}

.galinactive {
display: none;

}

#galnavi {
position: absolute;
top: 395px;
left: 0px;
width: 500px;
text-align: center;


}

#galnavi img {
margin: 10px;
border: none;
margin-bottom: 0;
margin-top: 0;
}

.galimg {
width: 500px;

text-align: center;
}



.galtext {
position: absolute;
top: 0px;
width: 330px;
left: 510px;

}

#kontaktspalte1 {
line-height: 170%;
position: absolute;
height: 400px;
width: 210px;
margin-left: 50px;
margin-top: 10px;
}

#kontaktspalte2 {
line-height: 170%;
position: absolute;
height: 400px;
width: 500px;
margin-left: 340px;
margin-top: 10px;
}

#kontaktspalte2 h2 {
font-size: 11px;
}

#getroute_btn span {
display: none;
}

#route label {
float: left;
width: 65px;
font-weight: bold;
}

#route input {
float: left;
width: 130px;
border: 1px solid black;
margin-bottom: 10px;
}

#route br {
clear: left;
}

#getroute_btn {
background-image: url(images/getroute.gif);
display: block;
height: 28px;
width: 109px;
margin-left: 88px;
}


#kontaktform label {
float: left;
width: 60px;
font-weight: bold;
}

#kontaktform br {
clear: left;
}

#kontaktform input {
width:  145px;
float: left;
border: 1px solid black;
margin-bottom: 10px;
}

#kontaktform .sp2 {
margin-left: 45px;
width: 85px;
}

#kontaktform textarea {
border: 1px solid black;
height: 100px;
width: 422px;
margin-bottom: 10px;
}

#kontaktform .hinweis {
width: 225px;
margin-left: 60px;
font-weight: normal;
}

#kontakt_btn {
background-image: url(images/senden.gif);
display: block;
float: left;
height: 28px;
width: 88px;
margin-left: 109px;
}

#kontakt_btn span {
display: none;
}
#kontaktfehler {
color: #990000;
font-weight: bold;
}

#kontaktspalte1 a {
color: black;
}

#impress0 {
line-height: 170%;
position: absolute;
height: 400px;
width: 180px;
margin-left: 50px;
margin-top: 10px;
}

#impress1 {
line-height: 170%;
position: absolute;
height: 400px;
width: 180px;
margin-left: 50px;
margin-top: 60px;
}

#impress2 {
line-height: 170%;
position: absolute;
height: 400px;
width: 210px;
margin-left: 270px;
margin-top: 60px;
}

#impress3 {
line-height: 170%;
position: absolute;
height: 400px;
width: 310px;
margin-left: 500px;
margin-top: 60px;
}

#impress a {
color: black !IMPORTANT;
}



#mitarbeiter1 {
line-height: 170%;
position: absolute;
height: 400px;
width: 400px;
margin-left: 20px;
margin-top: 10px;

}

#mitarbeiter2 {
line-height: 170%;
position: absolute;
height: 400px;
width: 420px;
margin-left: 430px;
margin-top: 10px;
}


.mitarbeiter {
float: left;
margin-right: 6px;
}

.mitarbeiter h2 {
margin: 0;
padding: 0;

width: 95px;
font-size: 11px;
}

#ha_1:hover {
background-image: url(images/gallerien/holzarten/1_small.jpg);
}

#ha_2:hover {
background-image: url(images/gallerien/holzarten/2_small.jpg);
}

#ha_3:hover {
background-image: url(images/gallerien/holzarten/3_small.jpg);
}

#ha_4:hover {
background-image: url(images/gallerien/holzarten/4_small.jpg);
}

#ha_5:hover {
background-image: url(images/gallerien/holzarten/5_small.jpg);
}

#ha_6:hover {
background-image: url(images/gallerien/holzarten/6_small.jpg);
}

#ha_7:hover {
background-image: url(images/gallerien/holzarten/7_small.jpg);
}

#ha_8:hover {
background-image: url(images/gallerien/holzarten/8_small.jpg);
}

#ha_9:hover {
background-image: url(images/gallerien/holzarten/9_small.jpg);
}

#ha_10:hover {
background-image: url(images/gallerien/holzarten/10_small.jpg);
}

#ha_11:hover {
background-image: url(images/gallerien/holzarten/11_small.jpg);
}

#ha_12:hover {
background-image: url(images/gallerien/holzarten/12_small.jpg);
}

#projektliste {
list-style: none;
margin: 0;
padding: 0;
margin-left: 2px;
}

#projektliste  li {
margin-bottom: 10px;
}

#projektliste  li a{
color: #78797A;

}

#kontaktform .ds-input {
	position:relative;	
	margin-bottom:20px;
}
#kontaktform .ds-input input {
	position:absolute;	
	top:5px;
	left:0;
	width:25px;
}
#kontaktform .ds-input label {
	margin-left:40px;
	width:85%;
	padding:0 20px;
}