* {
margin: 0;
padding: 0;
}

body {
margin: 0;
padding: 0;
font-family: verdana, helvetica, arial, sans-serif;
font-size: 100.01%;
background-color: #1d2a37;
color: #000;
text-align: center;
}

#container {
width: 99%;
margin: 20px auto 14px auto;
color: #202020;
line-height: 1.2em;
text-align: left;
position: relative;
border: 2px solid #077e07;
}

#socialb {
display: none;
}

#top {
display: none;
}

#top2 {
padding: 0;
height: 180px;
background : url(grafiken/blockhaus-timber-haus.jpg) #fff top right no-repeat;
color: #000;
position: relative;
}

#top2 h1 {
margin-bottom: 6px;
padding-top: 0px;
padding-left: 8px;
}

#top2 span {
position: absolute;
width: 228px;
height: 153px;
}

#content {
margin-left: 0;
}

.contentin {
padding: 0 1.5em 1em 1em;
border-left: #dcecfd 1px solid;
}

#content h2 {
background : url(grafiken/bgh2.gif) #fff left bottom no-repeat;
padding-left: 40px;
margin-bottom: 1.8em;
}

#blockre {
width: 200px;
float: right;
padding-left: 20px;
}

.abstli {
padding-left: 20px;
}

#content ul, #content ol {
margin-left: 1.8em;
margin-bottom: 1.4em;
color: #000;
}

#content li {
list-style-type: disc;
}

#content ul li {
margin-bottom: 1em;
}

#linksnav {
display: none;
}

#menue {
display: none;
}

.floatre {
float:right;
margin: 0.2em 0.4em 0.5em 2em;
}

img.rahm {
padding: 2px;
border: 2px outset #dce2e8;
}

.abslinks {
float: left;
width: 300px;
text-align: left;
margin-bottom: 0;
display: inline;
}

.absrechts {
float: left;
width: 300px;
text-align: left;
margin-bottom: 0;
display: inline;
}

.abstfotou {
margin-bottom: 1.5em;
}

.breaker {
clear: both;
height: 1px;
}

dl {
line-height: 1.2em;
width: 500px;
font-size: 0.8em;
padding-bottom: 26px;
}

dt {
margin-top: 1em;
font-weight: bold;
}

dd {
padding-left: 200px;
margin-top: -1.2em;
}

#footer {
clear: both;
width: 100%;
margin: 0;
padding: 4px 0 2px 0;
color: #333;
text-align:center;
}

#footer p {
padding-top: 4px;
line-height: 1.3em;
}

#aussen {
width: 100%;
margin: 24px auto 0px auto;
clear: both;
color:#fff;
margin-top: 2px;
margin-bottom: 10px;
text-align: right;
font-size: 0.7em;
}

#aussen a {
text-decoration: none;
background-color: transparent;
color: #0363c3;
border: 0 none;
}

div.hr {
height: 40px;
background: url(grafiken/bghr.jpg) no-repeat left center transparent;
}

div.hr hr {
display: none;
}

.abstu {
padding-bottom: 1.2em;
}

fieldset {
width: 460px;
display: block;
font-size: 0.8em; 
border: 1px dotted #077e07;
background: transparent;
color: #666;
margin-bottom: 2em;
}
			
* html fieldset {
padding: 5px;}
			
legend {
padding: 4px;
border: 1px solid #666;
margin-bottom: 4px;
font-weight: bold;
background: url(grafiken/bginput.jpg) repeat-x bottom left transparent;
}

label {
margin: 5px 0;
padding-left: 5px;
} 

.kontaktdat label {
display: block;
width: 130px;
float: left;
}

.infos label {
display: block;
width: 260px;
float: left;
}

.infos label.ohnefl {
display: block;
width: 240px;
float: none;
}

.anfrage label {
display: block;
width: 160px;
float: left;
}
					   
input, textarea {
margin: 3px 0;
border: 1px solid #fff;
padding: 3px;
background: url(grafiken/bginput.jpg) repeat-x bottom left transparent;
}  

textarea {
border: 1px dotted #077e07;
margin-left: 8px;
background: url(grafiken/bginput.jpg) repeat-x bottom left transparent;
}  

.kontaktdat input {
width: 250px;
border-bottom: 1px dotted #007e07;
}

input.breit {
width: 150px;
border-bottom: 1px dotted #007e07;
}

.checkbox span{
padding: 0 0 4px 0px;
margin: 0px;
display: inline;
float: left;
width: 180px;
}

.checkbox input{
padding: 0px;
margin: 1px 0 0 0px;
float: left;
width: 26px;
background-color: transparent;
border: 0;
}	

.checkbox br{
clear:both;
}

.infos select {
background-color: #fff;
width: 150px;
}
					
input:active, input:focus, input:hover {
background: #f8f8f8;
}
   
.senden {
margin-left: 20px;
margin-top: 2em;
background: url(grafiken/bginput.jpg) repeat-x bottom left transparent;
border: 1px dotted #007e07;
font-weight: bold;
}

.breaker {
clear: both;
height: 1px;
}