html {
 height:100%;
 max-height:100%;
 padding:0;
 margin:0;
 border:0;
 font-family: Verdana, Helvetica, sans-serif;
 color: #333;
 background: #92581F;
/* hide overflow:hidden from IE5/Mac */
/* \*/
overflow: hidden;
/* */
}

body {height:100%; max-height:100%; overflow:hidden; padding:0; margin:0; border:0;}

h2,h3 {
margin-bottom: 0;
}
p {
margin-top: 0;
}

#content {
 overflow:auto;
 position:absolute;
 top:0px;
 bottom:58px;
 left: 16em; /*200px;*/
 right:0;
 max-width: 768px;
 background:white;
 padding-left: .5em;
 padding-right:.5em;
 font-size: .9em;
 line-height: 150%;
 font-family: Times, Serif;
}

* html #content {
 top:0;
 left:0;
 right:0;
 bottom:0;
 height:100%;
 max-height:100%;
 width:95%;
 border: 1px solid black;
/* width:expression(document.body.clientWidth < 800? "770px": "968px" ); */
 padding-top: 1em;
 overflow:auto;
 position:absolute;
 border-top:0px solid #fff;
 border-bottom:58px solid #fff;
 border-left:16em solid #fff;
}


/* #head {position:absolute; margin:0; top:0; left:0; display:block; width:100%; height:100px; background:url(clouds.jpg) #000; background-position:0 0; background-repeat:no-repeat; font-size:4em; overflow:hidden; color:#fff;} */
#foot {
position:absolute; margin:0; bottom:0; left:0; display:block; width:100%; height:58px; font-size:1em; overflow:hidden;
    background-image: url(images/kachel.jpg);
    background-position: bottom;
    background-repeat: repeat-x;
 font-size: .9em;
 font-weight: bold;
 text-align: center;
}
address {
 font-style: normal;
}
#foot address {
 margin-top: 12px;
 color: #92581F;
}

#left {position:absolute; left:0; top:0px; bottom:58px; width:14em;  overflow:auto; background: #92581F}

* html #left {height:100%; top:0; bottom:0; border-top:0px solid #fff; border-bottom:50px solid #fff; color:#fff;}


ul.topnav {
	text-align: left;
	line-height: 145%;
	float: right;
	font-weight: bold;
	color: white;
	font-variant: small-caps;
	list-style-type: none;
	padding: 1em;
}
ul.topnav a, ul.topnav a:link, ul.topnav a:visited {
	color: white;
	text-decoration: none;
}
ul.topnav a:hover {
	color: #BDAD9E;
}
ul.topnav li.here {
 list-style-image: url(images/pfeil.gif);
}

img#logo {
 border: none;
 margin-left: 10px;
}


h1, p.teaser {
 color: #935C25;
 margin-top: 15px;
}
caption {
 color: #935C25;
 font-size: 1.5em;
 padding: .2em;
 font-weight:bold;
}

/* Referenzen */
ul#referenzen li img {
border: 2px solid #92581F; 
padding: 1px;
margin: .2em;
}

ul#referenzen li a:hover img {
border: 3px solid #92581F; 
padding: 0px;
}

/* Forms
------------------------------------------------------------------------------- */

form {
 padding-top: 2em;
}
label {
 cursor:hand;
 cursor:pointer;
}
label:hover {
border-bottom: 1px dotted #935C25;

}
label.left {
 float: left;
 width: 12em;
 text-align: right;
 margin-right: .3em;
}
input,textarea {
 margin-left: .6em;
 /* margin-bottom:.2em;*/
}
input.right {
 border: 1px solid black;
 float: left;
 clear: both;
 margin-left: 14em;
}
form br {
 clear: both;
}

form p br {
 clear:none;
}

input.numeric {
 text-align: right;
}

fieldset {
 padding: 1em;
 clear:both;
 float: left;
 width: 95%;
 margin:auto;
}
* html fieldset {
 width: 99%;
}

legend {
 font-weight:bold;
 font-size:1.2em;
 color:#935C25;
}

/* Konfigurator
------------------------------------------------------------------------------- */
div#tabs {
text-align:center;
 position: absolute;
border: 1px solid black;
top:2px;
left: 1%;
right:1%;
background-color: #935C25;
color: white;
}

div#tabs input {
margin-left:.1em;
margin-right:.1em;
margin-top: .1em;
float:none;
cursor:hand;
cursor: pointer;
background-color: white;
}
input.active {
 font-weight:bold;
 color: black;
}

ul.modellliste {
 list-style-type: none;
}
ul.modellliste input {
 width: 8em;
 margin:.3em;
}
div#preview {
 margin-top:2em;
 float:left;
 text-align:center;
}

img#bigpreview {
/* border: 3px ridge #92581F; */
 border: 0;
 padding:.3em;
}

div.holzarten {
 float: left;
 margin: 1em;

}
div.holzarten h2 {
}
div.holzarten ul {
 list-style-type:none;
 margin:0;
 padding: 0;
}
div.holzarten ul li {
 padding:2px;
}
div.holzarten ul li img {
 vertical-align: middle;
}
div#backnextbuttons {
clear: both;
}
div#backnextbuttons input {
 float:none;
 font-size: 1em;
 padding: .3em 1em .3em 1em;
 margin-top: 1em;
}
input#backbutton {
 position:absolute;
 left: 0;
}
input#nextbutton {
 position:absolute;
 right: 1em;
}

table#angebot {
 width: 100%;
 border: 2px solid #92581F;
 border-collapse: collapse;

}
table#angebot th {
 background-color: #92581F;
 color:white;
 text-align: center;
}
table#angebot td {
 border-bottom: 1px dotted #92581F;
 padding: .3em;
}
table#angebot td.preiszelle {
 text-align: right;
}
table#angebot tr.summezelle td {
 border-top: 2px dotted #92581F;
 font-weight:bold;
}


ul.teamfotos li {
 float: left;
 list-style-type: none;
 margin: 1.1em;
 width: 20%;
 height: 280px;
 text-align: center;
}
ul.teamfotos li img {
 margin: auto;
 display: block;
 border: 1px solid #000;
}
ul.teamfotos .name {
 font-size: 1.1em;
 font-weight: bold;
}

@media print {
 #left {
  display:none;
 }
 #content {
  position:static;
 }
 * html #content {
  position: static;
  border: 0px solid green;

 }
 #foot {
 padding: 0;

 }
}