/***********************************************/
/* Page
/***********************************************/

*	{
	margin: 0;
	padding: 0;
}

html	{
	height: 100%;
}

body	{ 
	height: 100%;
    margin-top: 0px;
    margin-right: 0px;
    margin-bottom: 0px;
    margin-left: 0px;
    padding: 0px;
    text-align: center;
    background-color: #822332;

    font-size: 11px;
    line-height: 16px;
    font-family : Verdana, Arial, Helvetica, Sans-Serif;
    font-weight : normal;
    font-style : normal;
    text-decoration: none;
    color: #3c3e40;
}

p, ul, li   {   
    margin: 0px;
    padding: 0px;
}


.text, td   { color: #3c3e40; font-size: 11px; line-height: 16px; font-family: Verdana, Arial, Helvetica, Sans-Serif; font-weight : normal; font-style : normal; text-decoration: none; }
.news-datum { color: #c39196; font-size: 11px; line-height: 16px; font-family: Verdana, Arial, Helvetica, Sans-Serif; font-weight : normal; font-style : normal; text-decoration: none; }
.preisbeispiel { color: #ffffff; font-size: 11px; line-height: 16px; font-family: Verdana, Arial, Helvetica, Sans-Serif; font-weight : normal; font-style : normal; text-decoration: none; }


h1  {
    font-size: 120%;
    margin-top: 0px;
    margin-bottom: 0px;
	font-weight : bold;
    text-transform: uppercase;
	color: #822332;
}

h2  {
    font-size: 110%;
    margin-top: 0px;
    margin-bottom: 0px;
	font-weight : normal;
	text-transform: uppercase;
	color:#7e8082;
}

h3  {
    font-size: 100%;
    margin-top: 0px;
    margin-bottom: 0px;
}

#white	{
	z-index:1;
	position: relative;
	width:100%;
	height:245px;
	background-color:#ffffff;
	min-width: 996px;!important;
}
#spacer	{
	z-index:1;
	position: relative;
}

#news-home h1	{
	color:#7e8082;
}


/***********************************************/
/* Layout                                    
/***********************************************/


#page {     
    z-index:2;
	position:absolute;
    width:996px;
	min-width: 996px;!important;
    height:100%;
	left:50%;
	margin-left:-498px;
	
}

#reihenhaus	{
	z-index:3;
	position:absolute;
	left:0px;
	top:16px;
	width:300px;
	height:auto;
	padding:0px;
	margin:0px;
	margin-left:688px;
	text-align:right;
}

#metamorphose {     
    z-index:3;
	position:absolute;
	left:0px;
	top:0px;
    width:700px;
    height:auto; 
    padding:0px;
	margin:0px;
	margin-left:230px;
	text-align:left;
	
	font-size: 10px;
    line-height: 16px;
    font-family : Verdana, Arial, Helvetica, Sans-Serif;
    font-weight : normal;
    font-style:italic;
    text-decoration: none;
    color: #3c3e40;
}

#logo	{
	z-index:3;
	position:absolute;
	left:0px;
	top:112px;
	width:176px;
	height:70px;
	padding:18px;
	margin:0px;
	background-image:url(pix/hg-logo.gif);
	background-repeat:no-repeat;
	background-position:top left;
	text-align:left;
}

#nav	{
	z-index:3;
	position:absolute;
	left:0px;
	top:285px;
	width:200px;
	height:auto;
	margin:0px;
	margin-left:18px;
	text-align:left;
}

#baugrund	{
	z-index:3;
	position:absolute;
	left:0px;
	top:570px;
	width:235px;
	height:80px;
	margin:0px;
	margin-left:3px;
	text-align:left;
}

#moreum	{
	z-index:3;
	position:absolute;
	left:0px;
	top:700px;
	width:auto;
	height:auto;
	margin:0px;
	margin-left:18px;
	text-align:left;
}

#content	{
	z-index:3;
	position:absolute;
	left:0px;
	top:112px;
	width:730px;
	height:auto;
	padding:18px;
	margin:0px;
	margin-left:230px;
	background-image:url(pix/hg-content.gif);
	background-repeat:no-repeat;
	background-position:top left;
	text-align:left;
}

#hg-content	{
	z-index:4;
	width:730px;
	height:auto;
	margin:-10px;
	padding:10px;
	background-color:#ffffff;
}

#bild	{
	z-index:5;
	width:730px;
	height:300px;
}

#inhalt	{
	z-index:5;
	width:730px;
	height:auto;
	margin-top:5px;
}

#inhalt-home	{
	z-index:5;
	width:730px;
	height:auto;
	margin-top:5px;
	background-image:url(pix/hg-newshome.gif);
	background-repeat:repeat-y;
	background-position:top right;
}

#info	{
	z-index:6;
	position:relative;
	float:left;
	width:680px;
	height:auto;
	padding:25px;
	padding-top:30px;
	background-color:#ffffff;
}

#info-home	{
	z-index:6;
	position:relative;
	float:left;
	width:435px;
	height:auto;
	padding:25px;
	padding-top:30px;
	background-color:#ffffff;
	
}

#news-home	{
	z-index:6;
	position:relative;
	float:right;
	width:200px;
	height:auto;
	padding:20px;
	padding-top:30px;
	background-color:#e6e8ea;
	
}

#footer	{
	z-index:6;
	width:730px;
	height:35px;
	padding-top:5px;
	background-color:#ffffff;
	text-align:left;
	
	font-size: 10px;
    line-height: 14px;
    font-family : Verdana, Arial, Helvetica, Sans-Serif;
    font-weight : normal;
    font-style : normal;
    text-decoration: none;
    color: #646668;
}

.clearer	{
	clear: both;
	display: block;
	height: 1px;
	margin-bottom: -1px;
	font-size: 1px;
	line-height: 1px;
}

#nav #mainnav li {
    list-style: none;
    list-style-type: none;
    text-transform:uppercase;
}

#nav #subnav li {
    list-style: none;
    list-style-type: none;
	margin-left: 5px;
}

.liste-newshome h2  {
    font-weight : normal;
    color: #3c3e40;
    text-transform: uppercase;
    display:inline;
}

.liste-newshome {

	border-bottom:solid;
    border-width:1px;
    border-color:#929496;
    height:auto;
	padding-top:8px;
    padding-bottom:8px;
    font-size: 11px;
    line-height: 16px;
    font-family : Verdana, Arial, Helvetica, Sans-Serif;
    font-weight : normal;
    font-style : normal;
    text-decoration: none;
    color: #3c3e40;
}

.liste-newspreis {

	border-bottom:solid;
    border-width:1px;
    border-color:#ffffff;
    height:auto;
	padding-top:8px;
    padding-bottom:8px;
    font-size: 11px;
    line-height: 16px;
    font-family : Verdana, Arial, Helvetica, Sans-Serif;
    font-weight : normal;
    font-style : normal;
    text-decoration: none;
    color: #3c3e40;
}

#info ul	{
	list-style-type:square;
	margin-top:8px;
}

#info li	{
    margin-left: 15px;
	padding-left:-2px;
}

.liste-dl   {
    border-bottom:solid;
    border-width:1px;
    border-color:#929496;
    height:30px;
}

.liste-dl h2    {
    font-weight : bold;
    color: #3c3e40;
    text-transform: uppercase;
    display:inline;
}

.liste-projekte {
    border-bottom:solid;
    border-width:1px;
    border-color:#929496;
    height:auto;
    padding-top:8px;
    padding-bottom:8px;
}


/***********************************************/
/* Navigation
/***********************************************/

a:link      { color: #822332;  font-size: 11px; line-height: 16px; font-family : Verdana, Arial, Helvetica, Sans-Serif; font-weight : normal; text-decoration : none; }
a:visited   { color: #822332;  font-size: 11px; line-height: 16px; font-family : Verdana, Arial, Helvetica, Sans-Serif; font-weight : normal; text-decoration : none; }
a:active    { color: #822332;  font-size: 11px; line-height: 16px; font-family : Verdana, Arial, Helvetica, Sans-Serif; font-weight : normal; text-decoration : none; }
a:hover     { color: #822332;  font-size: 11px; line-height: 16px; font-family : Verdana, Arial, Helvetica, Sans-Serif; font-weight : normal; text-decoration : underline; }

#nav #mainnav a:link     { color: #ffffff;  font-size: 11px; line-height: 17px; font-family : Verdana, Arial, Helvetica, Sans-Serif; font-weight: bold; text-decoration : none;}
#nav #mainnav a:visited  { color: #ffffff;  font-size: 11px; line-height: 17px; font-family : Verdana, Arial, Helvetica, Sans-Serif; font-weight : bold; text-decoration : none;}
#nav #mainnav a:active   { color: #ffffff;  font-size: 11px; line-height: 17px; font-family : Verdana, Arial, Helvetica, Sans-Serif; font-weight : bold; text-decoration : none;}
#nav #mainnav a:hover    { color: #c39196;  font-size: 11px; line-height: 17px; font-family : Verdana, Arial, Helvetica, Sans-Serif; font-weight : bold; text-decoration : none;}

#nav #subnav a:link     { color: #ffffff;  font-size: 11px; line-height: 15px; font-family : Verdana, Arial, Helvetica, Sans-Serif; font-weight: normal; text-decoration : none;}
#nav #subnav a:visited  { color: #ffffff;  font-size: 11px; line-height: 15px; font-family : Verdana, Arial, Helvetica, Sans-Serif; font-weight : normal; text-decoration : none;}
#nav #subnav a:active   { color: #ffffff;  font-size: 11px; line-height: 15px; font-family : Verdana, Arial, Helvetica, Sans-Serif; font-weight : normal; text-decoration : none;}
#nav #subnav a:hover    { color: #c39196;  font-size: 11px; line-height: 15px; font-family : Verdana, Arial, Helvetica, Sans-Serif; font-weight : normal; text-decoration : none;}

#footer a:link      { color: #646668;  font-size: 10px; line-height: 14px; font-family : Verdana, Arial, Helvetica, Sans-Serif; font-weight : normal; text-decoration : underline;}
#footer a:visited   { color: #646668;  font-size: 10px; line-height: 14px; font-family : Verdana, Arial, Helvetica, Sans-Serif; font-weight : normal; text-decoration : underline;}
#footer a:active    { color: #646668;  font-size: 10px; line-height: 14px; font-family : Verdana, Arial, Helvetica, Sans-Serif; font-weight : normal; text-decoration : underline;}
#footer a:hover     { color: #822332;  font-size: 10px; line-height: 14px; font-family : Verdana, Arial, Helvetica, Sans-Serif; font-weight : normal; text-decoration : underline;}
    
#reihenhaus a:link      { color: #822332;  font-size: 10px; line-height: 14px; font-family : Verdana, Arial, Helvetica, Sans-Serif; font-weight : bold; text-decoration : none;text-transform: uppercase;}
#reihenhaus a:visited   { color: #822332;  font-size: 10px; line-height: 14px; font-family : Verdana, Arial, Helvetica, Sans-Serif; font-weight : bold; text-decoration : none;text-transform: uppercase;}
#reihenhaus a:active    { color: #822332;  font-size: 10px; line-height: 14px; font-family : Verdana, Arial, Helvetica, Sans-Serif; font-weight : bold; text-decoration : none;text-transform: uppercase;}
#reihenhaus a:hover     { color: #646668;  font-size: 10px; line-height: 14px; font-family : Verdana, Arial, Helvetica, Sans-Serif; font-weight : bold; text-decoration : none;text-transform: uppercase;}

.liste-newshome a:link       { color: #822332;  font-size: 11px; line-height: 16px; font-family : Verdana, Arial, Helvetica, Sans-Serif; font-weight : normal; text-decoration : underline;}
.liste-newshome a:visited    { color: #822332;  font-size: 11px; line-height: 16px; font-family : Verdana, Arial, Helvetica, Sans-Serif; font-weight : normal; text-decoration : underline;}
.liste-newshome a:active     { color: #822332;  font-size: 11px; line-height: 16px; font-family : Verdana, Arial, Helvetica, Sans-Serif; font-weight : normal; text-decoration : underline;}
.liste-newshome a:hover      { color: #646668;  font-size: 11px; line-height: 16px; font-family : Verdana, Arial, Helvetica, Sans-Serif; font-weight : normal; text-decoration : underline;}

.liste-dl a:link       { color: #822332;  font-size: 11px; line-height: 16px; font-family : Verdana, Arial, Helvetica, Sans-Serif; font-weight : normal; text-decoration : underline;}
.liste-dl a:visited    { color: #822332;  font-size: 11px; line-height: 16px; font-family : Verdana, Arial, Helvetica, Sans-Serif; font-weight : normal; text-decoration : underline;}
.liste-dl a:active     { color: #822332;  font-size: 11px; line-height: 16px; font-family : Verdana, Arial, Helvetica, Sans-Serif; font-weight : normal; text-decoration : underline;}
.liste-dl a:hover      { color: #646668;  font-size: 11px; line-height: 16px; font-family : Verdana, Arial, Helvetica, Sans-Serif; font-weight : normal; text-decoration : underline;}

.liste-projekte a:link       { color: #822332;  font-size: 11px; line-height: 16px; font-family : Verdana, Arial, Helvetica, Sans-Serif; font-weight : normal; text-decoration : underline;}
.liste-projekte a:visited    { color: #822332;  font-size: 11px; line-height: 16px; font-family : Verdana, Arial, Helvetica, Sans-Serif; font-weight : normal; text-decoration : underline;}
.liste-projekte a:active     { color: #822332;  font-size: 11px; line-height: 16px; font-family : Verdana, Arial, Helvetica, Sans-Serif; font-weight : normal; text-decoration : underline;}
.liste-projekte a:hover      { color: #646668;  font-size: 11px; line-height: 16px; font-family : Verdana, Arial, Helvetica, Sans-Serif; font-weight : normal; text-decoration : underline;}



/* wo bin ich - navigation highlight */

#home #mainnav .nav00 a	{
    color: #c39196;
}

#unternehmen #mainnav .nav01 a	{
    color: #c39196;
}

#leistungen #mainnav .nav02 a	{
    color: #c39196;
}

#vorteile #mainnav .nav03 a  {
    color: #c39196;
}

#referenzen #mainnav .nav04 a	{
    color: #c39196;
}

#partner #mainnav .nav05 a  {
    color: #c39196;
}

#presse #mainnav .nav06 a   {
    color: #c39196;
}

#news #mainnav .nav07 a {
    color: #c39196;
}

#jobs #mainnav .nav08 a {
    color: #c39196;
}

#kontakt #mainnav .nav09 a,
#kontakt #subnav .subnav01 a    {
    color: #c39196;
}

#anfahrt #mainnav .nav09 a,
#anfahrt #subnav .subnav02 a    {
    color: #c39196;
}

#angebote #mainnav .nav10 a	{
    color: #c39196;
}

#sanierungen #mainnav .nav11 a	{
    color: #c39196;
}

#team #mainnav .nav12 a	{
    color: #c39196;
}
