/* 
Bohnholzbau  css-definition - screen 
Autor:		 Horst Dommermuth
Updated:	 05.12.2008
*/

/* =basis 
================================================================ */

* {
		padding: 0;
		margin: 0;
}

body {  
		font-family: Verdana, Arial, Helvetica, sans-serif;
	    font-size: 62.5%;
	    background-color: #fff; 
	    color: #454544; 
		text-align: center;
}

html { 
		overflow: -moz-scrollbars-vertical; 
} 

html>body a:focus { 
		-moz-outline-style: none; 
}
	
img, a img { 
  		border: none;
}

a {
		text-decoration: none;
}

.klar {  
		clear: both;  
		line-height: 0px;  
		font-size: 1px;  
		height: 0px;
}	

.clearfix:after {
		content: ".";
		display: block;
		height: 0;
		clear: both;
		visibility: hidden;
}

.clearfix {
		display: inline-table;
}

/* Hides from IE-mac \*/
* html .clearfix {height: 1%;}
.clearfix {display: block;}
/* End hide from IE-mac */

/* ie7/win */
*:first-child+html .clearfix {
		min-height: 1px;
}

h1 {
		font-size: 32px;
		font-weight: normal;
		color: #fff;
}		

h2 {
		font-size: 26px;
		font-weight: normal;
		margin: 15px 0 10px 0;	
}

h3 {
		font-size: 18px;
		font-weight: normal;
		margin-bottom: 15px;
}

h4 {
		font-size: 14px;
		font-weight: bold;
		margin: 20px 0 10px 0;
}

/* =p */

p {			
		font-size: 1.2em;
		margin-bottom: 10px;
}	

#content p {
		line-height: 200%;
}

#right p {
		line-height: 150%;
}

ul {
		list-style: none;
}

.floatLeft {
		float: left;
}

.floatRight {
		float: right;
}

/* =hauptlayer fuer Breite
================================================================ */

#mainDivBreite {
		margin: 0 auto;
		width: 964px;
		text-align: left;
}

#head {		
		width: 940px;	
		height: 125px;
		position: relative;
}

#logo {		
		position: absolute;
		top: 53px;
		left: 0;
}

#claim {
		position: absolute;
		top: 75px;
		right: 85px;
		font-size: 14px;
		font-weight: bold;		
}

/* =hauptnavigation
================================================================ */

#mainnavi {
		background-color: #612222;	
		width: 964px;
		text-align: left;
		float: left;
}

ul#nav {
		float: left;
		font-size: 1.2em;
}

ul#nav li {
		float: left;
}

ul#nav li a {
		float: left;
		color: #fff;	
		padding: 7px 17px;
}

ul#nav li a:hover {
		color: #fff;		
		padding: 7px 17px;
		background: #885c5c;	
}

body#home #m_home a, body#projekte #m_projekte a, body#holz #m_holz a, body#ueber #m_ueber a, body#kontakt #m_kontakt a {
		color: #fff;		
		background: #885c5c;
		padding: 7px 17px;
}	

/* =content
================================================================ */

#contentarea {
		margin-top: 25px;
		width: 905px;
		text-align: left;	
		float: left;
}

#contentarea img {
		display: block;
}

#contentarea a {
		color: #612222;
}

a.underline {
	text-decoration: underline;
}

a.underline:hover {
	text-decoration: none;
}

#content {
		float: left;
		width: 653px;
}

div.copy {
		width: 647px;
		margin-bottom: 80px;
}

div.copyborder {
		border-bottom: 3px solid #dadada;
		width: 647px;
		padding-bottom: 10px;
}

.imgmargin {
		margin-top: 7px;
}

.imgtext {
		width: 457px;
		float: right;
}

/* =homepage
================================================================ */

#hometeaser {
		margin-top: 20px;
}

#hometeaser div {
		float: left;
		margin: 0 6px 6px 0;
}

#hometeaser div img {
		margin-bottom: 2px;
}

#hometeaser div a {
		color: #454544;
		font-size: 13px;
		font-weight: normal;		
		display: block;
		background: url(/img/home/bg_teaser_lo.gif) top left no-repeat;	
		padding: 6px 0 7px 5px;
}

#hometeaser div a:hover {
		background: url(/img/home/bg_teaser_hi.gif) top left no-repeat;	
}

/* =visuals
================================================================ */

#visual {
		width: 647px;
		height: 338px;
		position: relative;
}

div.home #visual {
		background: url(/img/visual_home.jpg) top left no-repeat;		
}

div.home #visual h1 {
		position: absolute;
		top: 180px;
		left: 28px;
}

div.home #visual a {
		display: block;
		font-size: 19px;
		color: #fff;
		background: url(/img/home/bg_visual_link_lo.gif) top left no-repeat;
		padding: 5px 31px 8px 20px;
		position: absolute;
		top: 225px;
		left: 252px;
}

div.home #visual a:hover {
		background: url(/img/home/bg_visual_link_hi.gif) top left no-repeat;
}

div.terrassen #visual {
		background: url(/img/visual_terrassen.jpg) top left no-repeat;		
}

div.terrassen #visual h1 {
		font-size: 40px;
		position: absolute;
		top: 220px;
		left: 16px;
}

div.terrassen #visual a {
		display: block;
		font-size: 19px;
		color: #fff;
		background: url(/img/bg_bilder_link_lo.gif) top left no-repeat;
		padding: 1px 31px 4px 23px;
		position: absolute;
		top: 274px;
		left: 326px;
}

div.terrassen #visual a:hover {
		background: url(/img/bg_bilder_link_hi.gif) top left no-repeat;
}

div.carports #visual {
		background: url(/img/visual_carports.jpg) top left no-repeat;		
}

div.carports #visual h1 {
		font-size: 50px;
		position: absolute;
		top: 58px;
		left: 20px;
}

div.carports #visual a {
		display: block;
		font-size: 19px;
		color: #fff;
		background: url(/img/bg_bilder_link_lo.gif) top left no-repeat;
		padding: 1px 31px 4px 23px;
		position: absolute;
		top: 120px;
		left: 150px;
}

div.carports #visual a:hover {
		background: url(/img/bg_bilder_link_hi.gif) top left no-repeat;
}

div.gauben #visual {
		background: url(/img/visual_gauben.jpg) top left no-repeat;
}

div.gauben #visual h1 {
		font-size: 50px;
		position: absolute;
		top: 85px;
		left: 28px;
}

div.garten #visual {
		background: url(/img/visual_garten.jpg) top left no-repeat;
}

div.garten #visual h1 {
		font-size: 50px;
		position: absolute;
		top: 42px;
		left: 28px;
}

div.garten #visual a {
		display: block;
		font-size: 19px;
		color: #fff;
		background: url(/img/bg_bilder_link_lo.gif) top left no-repeat;
		padding: 1px 31px 4px 23px;
		position: absolute;
		top: 102px;
		left: 268px;
}

div.garten #visual a:hover {
		background: url(/img/bg_bilder_link_hi.gif) top left no-repeat;
}

div.fachwerk #visual {
		background: url(/img/visual_fachwerk.jpg) top left no-repeat;
}

div.fachwerk #visual h1 {
		font-size: 50px;
		position: absolute;
		top: 225px;
		left: 19px;
}

div.holzkonstrukt #visual {
		background: url(/img/visual_holzkonstrukt.jpg) top left no-repeat;
}

div.holzkonstrukt #visual h1 {
		font-size: 50px;
		position: absolute;
		top: 216px;
		left: 19px;
}

div.waerme #visual {
		background: url(/img/visual_waerme.jpg) top left no-repeat;
}

div.waerme #visual h1 {
		font-size: 50px;
		position: absolute;
		top: 232px;
		left: 22px;
}

div.dach #visual {
		background: url(/img/visual_dach.jpg) top left no-repeat;
}

div.dach #visual h1 {
		font-size: 50px;
		position: absolute;
		top: 224px;
		left: 22px;
}

/* =rechter bereich
================================================================ */

#right {
		float: right;
		width: 230px;
}

#right a {
		text-decoration: underline;
}

.teaserbox {
		border-bottom: 3px solid #dadada;
		margin-bottom: 15px;
		padding: 0 15px 5px 0;
}

/* =subnavigation
================================================================ */

ul#subnav {
		font-size: 1.2em;
		padding-bottom: 8px;
		width: 170px;
}

ul#subnav li {
		display: inline;
}

ul#subnav li a {
		display: block;
		background: #fff url(/img/navi_arrow.gif) no-repeat scroll 0pt 3px;
		padding: 0 0 6px 12px;
		text-decoration: none;
}

ul#subnav li a:hover {
		background: none;
}

div.terrassen #n_terrassen a, div.carports #n_carports a, div.gauben #n_gauben a, div.garten #n_garten a, div.fachwerk #n_fachwerk a, div.holzkonstrukt #n_holz a, div.waerme #n_waerme a, div.dach #n_dach a  {
		background: none;
		font-weight: bold;
}

/* =footer
================================================================ */

#footer {
		background: #4c4c4c;
		width: 100%;
		height: 180px;
		text-align: center;
}

#footernavi {
		background: #4c4c4c;
		margin: 0 auto;
		width: 964px;
		text-align: left;
}

#footernavi ul li {
		float: left;
}

#footernavi ul li a {
		float: left;
		color: #dadada;
		text-decoration: underline;
		padding: 17px 25px 0 0;
}

#footernavi ul li a:hover {
		text-decoration: none;
}

#dommain {
	visibility: hidden;
	font-size: 10px;
	margin-top: -12px;
}