body  {
font-size: 100.1%;
background: #fff;
margin: 0;
padding: 0;
height: 100%;

}
h1, h2, h3, h4, h5, h6, p, br, ul, ol, li, hr  {
margin: 0px;
padding: 0px;
font-family: courier, Helvetica, Verdana, sans-serif;
}
h1, h2, h3, h4, h5, h6, p, ul, ol, li, div, td, th, fieldset, input, textarea, address, blockquote, nobr, b, i  {
font-family: courier, Helvetica, Verdana, sans-serif; }
body {
text-align: center;
}
#container {
text-align: left;
margin: 0 auto;
width: 800px;
height: 428px;
margin-top: -214px;
margin-left: -400px;
top: 50%;
left: 50%;
position: absolute;
background: #fff;
 }
#inner {
	width: 733px;
	text-align: left;
	margin: 0 auto;
	background: #fff;
} 
#hauptmenu {
position : relative;
width: 100%;
height: 34px;
background: #C8C191;
}
div.outer {
	float:left;
	width: 133px;
	height: 34px;
	background: url(../pics/projekte_all.gif) 0 -68px no-repeat;
}
div.outer a {
	display: block;
	margin: 0; padding: 0;
	width: 100%;
	height: 100%;
	background: url(../pics/projekte_all.gif) top left no-repeat;
}
div.outer span {
	display: block;
	color: #C8C191;
	font-size: 0.5em;
	margin: 0;
}
div.outer a:hover {
	background-image: none;
}
div.outer a:active {
	color: black;
}
div.outer2 {
	float:left;
	width: 155px;
	height: 34px;
	background: url(../pics/holzschutz_all.gif) 0 -68px no-repeat;
}
div.outer2 a {
	display: block;
	margin: 0; padding: 0;
	width: 100%;
	height: 100%;
	background: url(../pics/holzschutz_all.gif) top left no-repeat;
}
div.outer2 span {
	display: block;
	margin: 0;
	color: #C8C191;
	font-size: 0.5em;
}
div.outer2 a:hover {
	background-image: none;
}
div.outer2 a:active {
	color: black;
}

div.outer3 {
	float:left;
	width: 149px;
	height: 34px;
	background: url(../pics/schaedlinge_all.gif) 0 -68px no-repeat;
}
div.outer3 a {
	display: block;
	margin: 0; padding: 0;
	width: 100%;
	height: 100%;
	background: url(../pics/schaedlinge_all.gif) top left no-repeat;
}
div.outer3 span {
	display: block;
	margin: 0;
	color: #C8C191;
	font-size: 0.5em;
}
div.outer3 a:hover {
	background-image: none;
}
div.outer3 a:active {
	color: black;
}

div.outer4 {
	float:left;
	width: 164px;
	height: 34px;
	background: url(../pics/unternehmen_all.gif) 0 -68px no-repeat;
}
div.outer4 a {
	display: block;
	margin: 0; padding: 0;
	width: 100%;
	height: 100%;
	background: url(../pics/unternehmen_all.gif) top left no-repeat;
}
div.outer4 span {
	display: block;
	margin: 0;
	color: #C8C191;
	font-size: 0.5em;
}
div.outer4 a:hover {
	background-image: none;
}
div.outer4 a:active {
	color: black;
}
div.outer5 {
	float:left;
	width: 132px;
	height: 34px;
	background: url(../pics/aktuelles_all.gif) 0 -68px no-repeat;
}
div.outer5 a {
	display: block;
	margin: 0; padding: 0;
	width: 100%;
	height: 100%;
	background: url(../pics/aktuelles_all.gif) top left no-repeat;
}
div.outer5 span {
	display: block;
	margin: 0;
	color: #C8C191;
	font-size: 0.5em;
}
div.outer5 a:hover {
	background-image: none;
}
div.outer5 a:active {
	color: black;
}
#hauptmenu ul {
float : left;
margin : 0;
padding : 0;
list-style-type : none;
} 

#hauptmenu  li  {
display : inline;
padding : 0;
margin : 0;
}
#hauptmenu a      {
display : block;
float : left;
text-decoration : none;
color: #666;
}

div.topnav    { 
padding:  0; 
text-align: right; 
margin-bottom: 8px;

}
div.topnav p { 
color: #666; 
text-align: right; 
display: inline;
}
div.topnav a      { 
color: #666;  
font-size: 0.8em; 
text-decoration: none;
font-weight: bold;
padding: 8px 0 8px 15px; 
}
div.topnav a:hover, div.topnav a:active, div.topnav a:focus, div.topnav   { 
color:  #000; 
}
.tophier a:link, .tophier a:visited, .tophier a:hover, .tophier a:active, .tophier a:focus { 
color:  #666; }

div.subnav    { 
padding:  0; 
clear: left;
background: #DEDABD;
margin-left: 20px;
margin-top: 20px;
}
div.subnav p { 
color: #666; 
}
div.subnav a      { 
color: #B9AF64;  
font-size: 0.8em; 
text-decoration: none;
padding: 6px;
}
div.subnav a:hover, div.topnav a:active, div.topnav a:focus, div.topnav   { 
color:  #9C944C;
}
.subhier a:link, .tophier a:visited, .tophier a:hover, .tophier a:active, .tophier a:focus { 
color:  #666; }
div.mainnav   {
float: left;
width: 200px;
background: #DEDABD;
padding: 0;
margin: 0;
}
div.mainnav  ul {
margin: 0 0 0 30px;
padding: 0;
list-style: none;
background: #DEDABD;
display: block;
}
div.mainnav li      {
width: 200px;
margin: 0px;
float: left;
}

html div.mainnav li {
display: inline; /*für IEs*/
}
div.mainnav li a   {
color: #9f9442;
text-decoration: none;
font: 12px/18px courier;
display: block;
}
div.mainnav li a:hover, div.mainnav li a:active, div.mainnav li a:focus  {
color: #877e3c;
}
.mainhier a:link, .mainhier a:visited, .mainhier a:hover, .mainhier a:active, .mainhier a:focus {
color: #877e3c;
padding-bottom: 9px;
}

#content       {
float: left;
width: 100%;
height: 300px;
line-height: 1.2em;
background: #DEDABD;
}

#headline {
	float: left;
	width: 240px;
}

#text {
margin-left: 240px;
padding-top: 40px;
}
#text p { color: #666; font-size: 0.8em;  padding:0px 10px 0px 0px;}

#text h1    { color: #9f9442; font-size: 1em; padding: 10px 10px 10px 30px; font-weight: bold; }

/*#text h2    { color: #666;  font-size: 0.8em; margin-top: 0.5em; margin-bottom: 0.5em;}
#text h3    { color: #999;  margin-bottom: 1em;margin-top: 0.5em;font-weight: bold; font-size:0.8em;}
#text h4    { color: #999;  margin-top: 0.5em;font-weight: bold; font-size:0.8em;  }*/
#text ul { list-style-type: none;  }
#text li {
font-size: 0.8em;
color: #666;
margin-left: 20px;
padding-bottom: 9px;
padding-right: 10px;
}
#baustelle {
margin-left: 240px;
}
#baustelle p { color: #666; 
font-size: 0.8em; 
padding:40px 10px 0px 0px;
}
.kirchen {
	padding-top: 60px;
}
.freilichtmuseen {
	padding-top: 95px;
}
.stadt {
	padding-top: 95px;
}
.neubauten {
	padding-top: 85px;
}
.fachwerk {
	padding-top: 68px;
}
.oeffentlich {
	padding-top: 67px;
}


#unternehmen {	
	width: 100%;
	

}
#unternehmen p { color: #666; font-size: 0.8em;  padding: 7px 20px 0px 30px;}
#unternehmen p.nummern { color: #666; padding: 0px 20px 0px 0px;}
#unternehmen h1    { color: #9f9442; font-size: 1em; padding: 10px 10px 10px 30px; font-weight: bold; }
#unternehmen h2    { color: #666;  font-size: 0.8em; margin-top: 0.5em; margin-bottom: 0.5em;}
#unternehmen h3    { color: #999;  margin-bottom: 1em;margin-top: 0.5em;font-weight: bold; font-size:0.8em;}
#unternehmen h4    { color: #999;  margin-top: 0.5em;font-weight: bold; font-size:0.8em;  }
#unternehmen ul { list-style-type: none; padding-right: 0px; padding-left: 30px; width: 680px; display: block;}
#unternehmen li {
font-size: 0.8em;
color: #666;
background-image: url(../pics/strich.gif);
background-repeat: no-repeat;
padding-left: 2em;
background-position: 0 0.2em;
display: block;
}
#person {
position: relative;
height: 37px;
top: 5px;
display: inline;

}
.platz {
margin-top: 10px;
}

a.green:link {
color : #9C944C;
text-decoration : none;
font-weight: bold;
}
a.green:visited {
color : #9C944C;
text-decoration : none;
font-weight: bold;

}
a.green:hover {
color : #9C944C;
text-decoration: underline;
}
.oliv {
color: #9C944C;
font-weight: bold;
text-decoration: none;
}

.schwarz {
	font-weight: bold;
}

#nummern {
float: right;
font-size: 0.8em;
width: 120px;
	padding: 20px 0 0 0;
}
.headline {
	margin-left: 30px;
}
#absatz {
	float: left;
	width: 100%;
	clear: both;
}
#absatz p {
	margin-right: 20px;

	padding: 8px 0px 8px 30px;
}
#absatz ul {
	padding-left: 30px;
}

.abstand {
	margin-top: 10px;
}
#referenzfoto {
	position: relative;
	top: -15px;
}
.grau {
	color: #666;
	font-size: 0.8em;
text-decoration: none;
}
.auto {
height:270px;
overflow: auto;
scrollbar-3dlight-color: #9F9442; scrollbar-arrow-color: #DEDABD; scrollbar-darkshadow-color: white; scrollbar-face-color: #C8C191; scrollbar-highlight-color: #DEDABD; scrollbar-shadow-color: #DEDABD; scrollbar-track-color: #DEDABD; 
}