﻿/* CSS layout */body {
	background-color: #00475b;
	font-family: Helvetica, Veranda, Arial, Sans-Serif;
	font-size: 10pt;
	color: gray;
	margin: 0;
	padding: 0;
	text-align: center;
}
h1 {
	font-size: 14pt;
	color: #CB2F1A;
	font-weight: normal;
	line-height: 110%;
	padding-bottom:0px;
	margin-bottom:10px;
}  

h2 {
	font-size: 9pt;
	font-weight: bold;
	line-height: 10pt;
	padding-bottom: 0px;
	margin-bottom: -5px;
	padding-top:0px;
	margin-top: 0px;

}
p { 
	font-family: Helvetica, Veranda, Arial, Sans-Serif;
	font-size: 9pt; 
	color: #3a3a3a; 
	}
/* ----------container zentriert das layout-------------- */

#seite {
	width: 900px;
	background-position: 0 0;
	text-align: left; /* Seiteninhalt wieder links ausrichten */;
	margin: 0 auto;
/* standardkonforme horizontale Zentrierung */	background-image: url('../bilder/Pfeile/bg_text_breit_linie.gif');
	background-repeat: repeat-y;
	background-color: #13556a;
	border-bottom: 1px #FFFFFF solid;
}	

#logo {
	background-image: url('../bilder/webilder/resterlogo1.gif');
	background-repeat: no-repeat;
	text-align: left;
}
#orte { 
	margin: 0 120px 0 430px;
	padding-top: 30px; 
	padding-bottom: 30px; 
	 
	}

/* -----------Formatvorlagen fuer die Navigation------------*/

#navigation ul { 
	padding-left: 0; 
	margin-left: 0;  
	color: white; 
	float: left; 
	width: 100%; 
	margin-top: 0;
	margin-bottom: 0;
 }

#navigation ul li { 
	display: inline; 
	}

#navigation ul li a {
	padding: 6px 0 7px;
	background-color: #CED7D9;
	color: #000000;
	text-decoration: none;
	text-align: center;
	float: left;
}

#navigation ul li a:hover {
	background-color: #cb2f1a;
	color: #fff;
	}

/* Formatvorlagen fuer die einzelnen Navigationstabs  */  

#navAktuell a {
	width: 80px; 
	border-right: 1px solid white;
	border-left: 1px solid white;
	border-top: 1px solid white;
	border-bottom: 1px solid white;
	}
#navSanierung a {
	width: 100px;
	border-right: 1px solid white;
	border-top: 1px solid white;
	border-bottom: 1px solid white;
	}
#navModernisierung a {
	width: 132px;
	border-right: 1px solid white;
	border-top: 1px solid white;
	border-bottom: 1px solid white;
	}
#navNeubau a {
	width: 90px;
	border-right: 1px solid white;
	border-top: 1px solid white;
	border-bottom: 1px solid white;
	}
#navMedien a {
	width: 113px;
	border-right: 1px solid white;
	border-top: 1px solid white;
	border-bottom: 1px solid white;
	}

#navGutachten a {
	width: 100px;
	border-right: 1px solid white;
	border-top: 1px solid white;
	border-bottom: 1px solid white;
	}
	
#navProfil a {
	width: 70px;
	border-right: 1px solid white;
	border-top: 1px solid white;
	border-bottom: 1px solid white;
	}
#navKontakt a {
	width: 86px;
	border-right: 1px solid white;
	border-top: 1px solid white;
	border-bottom: 1px solid white;
	}
#navImpressum a {
	width: 119px;
	border-right: 1px solid white;
	border-top: 1px solid white;
	border-bottom: 1px solid white;
	}
  
/* ----------navigation Hervorhebung-------------- */

#Aktuell #navAktuell a,
#Sanierung #navSanierung a,
#Modernisierung #navModernisierung a,
#Neubau #navNeubau a,
#Medien #navMedien a,
#Gutachten #navGutachten a,
#Presse #navPresse a,
#Auszeichnungen #navAuszeichnungen a,
#Profil #navProfil a,
#Kontakt #navKontakt a,
#Impressum #navImpressum a
	{ 
	color: #fff; 
	text-decoration: none; 
	background-color: #cb2f1a; 
	}
#inhalt {
	width: 900px;
	}

#bilder {
	float: left;
	width: 407px;
	height: 595px;
	margin-top:-1px;
	}
#bilder img {
	border: 1px #FFFFFF solid;
	}
#text {
color: #5b5b5b;
	font-size: 9pt;
	line-height: 125%;
	margin-left: 430px;
	margin-right: 140px;
	height: 560px;
	}
	
	
#text p {
	color: #5b5b5b;
	font-size: 9pt;
	line-height: 125%;
	padding: 0;
	margin: 0 0 5pt 0;
}

#text li {
	list-style: url('../bilder/Pfeile/aufz_1.gif');
	color: #5b5b5b;
	font-size: 9pt;
	line-height: 125%;
	margin: 0 0 8px -14px;
}

#text #sub li {
	list-style: none;
	color: #5b5b5b;
	font-size: 9pt;
	line-height: 140%;
	margin: 8px 0 0 -24px;
}

#bilder #linkbox li {
	list-style: none url('../bilder/Pfeile/pfeilweiss_re.gif');
	color: #C8F5FB;
	font-size: 8pt;
	line-height: 110%;
	margin: 8px 8px 0 -10px;
}

#bilder #linkbox li a{
	color: #C1DDDC;
	text-decoration: none;
}

#bilder #linkbox li a:hover{
	color: #FFFFFF;
    text-decoration:underline;
}


#sub_navigation {
	float: right;
	width: 120px;
	height: 595px;
}
#sub_navigation img {
	border-top: 1px white solid;
	border-bottom: 1px white solid;
	border-right: 1px white solid;
	margin-top: -1px;
}
#sub_navigation p {
	font-size: 8pt;
	color: gray;
	padding-left: 22px;
	color: #CED7D9;
	margin-top: 4px;
	margin-bottom: 22px;
}
#sub_navigation p img{
	border:none;
	margin-left: -14px;
	margin-right: 6px;

	}
#sub_navigation ul {
	font-size: 8pt;
	list-style: none url('../bilder/Pfeile/pfeilweiss_re.gif');
	padding-left: 22px; 
	padding-top: 4px; 
	padding-right: 3px;
	padding-bottom: 18px;
	margin-left: 0; 
	margin-top: 0;
	margin-right: 0px; 
	margin-bottom: 0px; }
  }
	
	
#sub_navigation li {
	color: #C8F5FB;
	line-height: 110%;
}

#sub_navigation li a{
	color: #C1DDDC;
	text-decoration: none;
}

#sub_navigation li a:hover{
	color: #FFFFFF;
    text-decoration:underline;

}

#footer {
	clear: both;
}

