@charset "utf-8";
/* CSS Document */

body	{
	background-color: #663333;
	font-family: Arial;
	font-size: 11px;
	color: #663333;
	overflow: auto;
}

a, a:link, a:visited, a:active	{
	color: #A75D29;
	text-decoration: none;
}

a:hover	{
	text-decoration: underline;
}

/* Menu ----- */

#menu	{
	float: left;
	padding-top: 120px;
	margin-left: 213px;
}

div td.umtd	{
	text-transform: uppercase;
}

#holzbauMeister, #holzbauSbg	{
	float: left;
	margin-top: 117px;
	height: 30px;
}

#holzbauMeister	{
	width: 52px;
	margin-left: 109px;
}

#holzbauMeister:hover, #holzbauSbg:hover	{
	cursor: pointer;
}

#holzbauSbg	{
	width: 30px;
	margin-left: 39px;
}

/* DIVs ----- */

#wrapper	{
	margin: 50px auto;
	width: 997px;
	height: 719px;
}

#wrapperStart	{
	margin: 50px auto;
	width: 997px;
	height: 576px;
	background-image: url(../images/start.jpg);
}

#header	{
	width: 997px;
	height: 148px;
	background-image: url(../images/header.jpg);
	background-repeat: no-repeat;
}

#content	{
	width: 997px;
	height: 571px;
	background-image: url(../images/backgroundContent.jpg);
	background-repeat: no-repeat;
}

/* Start page ----- */

#logoWrapper	{
	float: left;
	height: 386px;
	margin-top: 95px;
	margin-left: 60px;
}

#logoWrapper, #logo	{
	width: 432px;
}

#logo	{
	height: 80px;
}

#textblock	{
	margin-top: 90px;
	height: 206px;
	width: 422px;
}

#textblock div	{
	margin: 0px 0px 0px 8px;
	padding: 0px;
}

#textblock #lineOne	{
	line-height: 25px;
	font-size: 13px;
	font-weight: bold;
}

#textblock #lineTwo	{
	line-height: 20px;
	font-size: 11px;
}

#textblock #lineTwo a	{
	color: #663333;
}

#textblock #logos	{
	margin-top: 21px;
	margin-right: 8px;
}

#textblock #lineEnd	{
	color: #336633;
	font-size: 18px;
	font-weight: bold;
	line-height: 40px;
	margin-top: 15px;
}

#lineEnd	{
	background-image: url(../images/pfeil.png);
	background-repeat: no-repeat;
	background-position: 275px 10px;
}

#lineEnd a	{
	padding-right: 20px;
	color: #336633;
	text-decoration: none;
}

#mouseOverStart	{
	float: left;
	width: 500px;
	height: 493px;
	margin-top: 78px;
}

#mouseOverStart:hover	{
	background-image: url(../images/startOver.jpg);
	cursor: pointer;
}

/* Chronik Seite ----- */

#chronikImage	{
	height: 149px;
	width: 305px;
	margin-left: 48px;
	background-image: url(../images/chronikSide.jpg);
	background-repeat: no-repeat;
}

#chronik, #chronikImage, #firmengebaeude, #mitarbeiterSide, #mitarbeiterImage, #imprintText,
#directionsSide, #directionsSpider, #vorteileImage, #vorteile, #links, #leistungenSide, #playerWrapper	{
	float: left;
	margin-top: 40px;
}

#chronik, #textblock, #firmengebaeudeText, #mitarbeiterSide, #mitarbeiterText, #imprintText,
#directionsSide, #vorteile, #links, #leistungenSide, #leistungenText, #playerWrapper	{
	border: 5px solid #FFFFFF;
	background-image: url(../images/bgTransparent.png);
	background-repeat: repeat;
}

#chronik, #vorteile, #links	{
	height: 476px;
	width: 425px;
	margin-left: 90px;
}

#chronik h1, #mitarbeiterSide h1, #imprintText h1, #vorteile h1, #links h1, #leistungenSide h1, #playerWrapper h1	{
	margin: 20px 0px 8px 19px;
	font-size: 18px;
	line-height: 21px;
	padding: 0px;
	color: #336633;
}

#chronik #listing, #mitarbeiterSideImageText, #imprintText #listing, #vorteile p, #vorteile h2, #links table	{
	margin: 0px 20px 0px 20px;
	font-size: 11px;
	font-weight: bold;
	line-height: 22px;
}

#chronik #listing	{
	overflow: auto;
	width: 405px;
	height: 427px;
}

#chronik #listing td.date	{
	color: #336633;
}

#chronik #listing td h2	{
	color: #336633;
	font-size: 13px;
	line-height: 22px;
	margin: 5px 0px 5px;
}

/* Firmengebaeude ----- */

#firmengebaeude, #firmengebaeudeText	{
	margin-left: 92px;
}

#firmengebaeude	{
	background-image: url(../images/firmengebaeude.jpg);
	background-repeat: no-repeat;
	height: 351px;
	width: 813px;
}

#firmengebaeudeText, #mitarbeiterText, #leistungenText	{	/* Bildunterschriften */
	float: left;
	border: none;
	height: 18px;
	text-align: right;
	padding: 0px 3px 0px 0px;
	font-weight: bold;
	line-height: 18px;
}

#firmengebaeudeText	{
	width: 810px;
}

/* Mitarbeiterseite ----- */

#mitarbeiterImage	{
	height: 381px;
	width: 532px;
	margin-left: 90px;
	background-image: url(../images/mitarbeiter.jpg);
	background-repeat: no-repeat;
}

#mitarbeiterSide	{
	height: 389px;
	width: 182px;
	margin-left: 161px;
}

#mitarbeiterSideImage	{
	text-align: center;
}

#mitarbeiterText	{
	margin-left: 90px;
	width: 529px;
}

/* Impressum ----- */

#symbolImprint	{
	float: left;
	margin-top: 69px;
	margin-left: 355px;
	background-image: url(../images/symbolImprint.jpg);
	background-repeat: no-repeat;
	height: 73px;
	width: 73px;
}

#imprintText	{
	margin-left: 15px;
	width: 425px;
	height: 476px;
}

#imprintText #listing	{
	overflow: auto;
	width: 405px;
	height: 427px;
}

#imprintText #listing a, #directionsSide a, #links table a	{
	color: #663333;
}

/* Standort ----- */

#directionsSide	{
	margin-left: 106px;
	width: 236px;
	height: 373px;
}

#directionsSide p	{
	margin: 5px 0px 5px 10px;
	font-size: 11px;
	line-height: 15px;
}

#directionsSide p.bold	{
	font-weight: bold;
}

#directionsSpider	{
	margin-left: 90px;
}

#directionsSpider h1	{
	color: #336633;
	margin: 0px 0px 0px 0px;
	font-size: 18px;
	line-height: 13px;
	background-image: url(../images/directionsSpider.png);
	background-repeat: no-repeat;
	height: 383px;
	width: 529px;
}

/* Vorteile im Holzbau ----- */

#vorteileImage	{
	background-image: url(../images/vorteileSide.jpg);
	background-repeat: no-repeat;
	width: 304px;
	height: 254px;
	margin-left: 49px;
}

#vorteile h2	{
	color: #336633;
	margin: 20px 0px 0px 20px;
}

#links	{
	margin-left: 443px;
}

#links table	{
	line-height: 15px;
}

#links td	{
	padding-bottom: 8px;
}

/* Leistungen ----- */

#leistungenSide	{
	width: 303px;
	height: 476px;
	margin-left: 40px;
}

#leistungenSide td img	{
	cursor: pointer;
}

#leistungenSide h1, #leistungenSideWrapper table	{
	margin-left: 10px;
	margin-top: 5px;
}

#leistungenSideWrapper	{
	overflow: auto;
	width: 303px;
	height: 442px;
}

#leistungenSideWrapper img	{
	margin-bottom: 10px;
}

#leistungenNavigation	{
	float: left;
	height: 46px;
	width: 23px;
	margin-left: 33px;
	margin-top: 260px;
	cursor: pointer;
}

#leistungenImage	{
	overflow: auto;
	float: left;
	margin-top: 40px;
	margin-left: 34px;
	width: 508px;
	height: 381px;
}

#leistungenText	{
	overflow: auto;
	border: none;
	margin-left: 90px;
	width: 500px;
	height: 95px;
	text-align: left;
	padding-left: 5px;
	padding-top: 10px;
}

/* Werbefilme ----- */

#playerWrapper	{
	height: 476px;
	width: 425px;
	margin-left: 443px;
}

#player	{
	width: 320px;
	height: 240px;
	text-align: center;
	margin-top: 25px;
	margin-left: 53px;
	border: 1px solid #000000;
}

/* cms tags */

#editProjectWrapper	{
	margin: auto;
	width: 75%;
	height: 500px;
	overflow: auto;
}

a.cms	{
	color: #663333;
	text-decoration: none;
}

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

#login, .notifiTable	{
	background-color: #FFFFFF;
	height: 18px;
}

#login td, .notifiTable td	{
	padding: 2px;
}

h1.login	{
	color: #FFFFFF;
	margin-top: 20px;
	margin-bottom: 20px;
	font-size: 18px;
}

.cmsButtons	{
	border: 1px solid #000000;
	font-size: 11px;
	margin: 0;
}

input.editProjects, input.login	{
	font-size: 12px;
}

input.editProjects	{
	width: 99%;
}

h2.cms	{
	margin: 20px 0px 0px;
	font-size: 12px;
	line-height: 12px;
}

img.cms	{
	border: 1px solid #FFFFFF;
}

hr	{
	border: 0;
	background-color: #000066;
	height: 1px;
}

form	{
	margin: 0;
}