@charset "ISO-8859-1";

* {
	margin: 0;
	padding: 0;
}

body {
	background: #fff;
	font: 12px/150% Arial, sans-serif;
	color: #444;
	background: url(../images/layout/bg-page-top.png) top center repeat-x;
}

.textbig {
	font-size:16px;
	line-height: 150%;
}

.textsmall {
	font-size: 11px;
}

.clear {
	clear: both;
}

.space {
	height: 2em;
}

a {
	color: #18655A;
	text-decoration: none;
	font-weight: bold;
}


a:hover {
	color: #5CA99E;
	text-decoration: underline;
	font-weight: bold;
}

#wrapper {
	height: 315px;
	background: url(../images/layout/bg-wrapper.png) center 111px no-repeat;
}

#page {
	width: 1000px;
	margin: 0 auto;
	padding-bottom: 3em;
	overflow: hidden;
}

#home #page {
	padding-bottom: 0em;
}

#logo { 
	background: url(../images/layout/logo.png) top left no-repeat;
	width: 200px;
	height: 75px;
	float: right;
	margin: 25px 30px 0 0;		
}

#logo span {
	display: none;
}

#hauptnavigation {
	margin: 70px 0 0 20px;
	list-style-type: none;
	position: relative;
	overflow: hidden;	
} 

#hauptnavigation li {
	float: left;
	padding-right: 5px;
}

#hauptnavigation li span {
	display: none;
}

#hauptnavigation li a {
	display: block;
	height: 41px;
	background-position: top left;
	background-repeat: no-repeat;
}

#hauptnavigation #home a {
	background-image: url(../images/layout/nav-home.png);
	width: 57px;
}

#hauptnavigation #firmengeschichte a {
	background-image: url(../images/layout/nav-unternehmen.png);
	width: 110px;
}

#hauptnavigation #leistungen a {
	background-image: url(../images/layout/nav-leistungen.png);
	width: 90px;
}

#hauptnavigation #referenzen a {
	background-image: url(../images/layout/nav-referenzen.png);
	width: 90px;
}

#hauptnavigation #aktuelles a {
	background-image: url(../images/layout/nav-aktuelles.png);
	width: 81px;
}

#hauptnavigation #kontakt a {
	background-image: url(../images/layout/nav-kontakt.png);
	width: 122px;
}

#hauptnavigation li a:hover {
	background-position: 0px -41px;
}

#hauptnavigation li.aktiv a {
	background-position: 0px -82px;
}

#fotoleiste {
	clear: both;
	xbackground: url(../images/layout/bg-fotoleiste.png) center top no-repeat;
	height: 202px;
}

#fotos {
	float: left;
	margin-left: 15px;
}

#fotos img {
	margin: 14px 0 0 0;
}

#slogan {
	text-indent: -1000%;
	float: right;
	width: 236px;
	height: 175px;
	background: url(../images/layout/slogan.gif) 0 25px no-repeat;
}

#wrapper-unternavigation {
	height: 27px;
}

#unternavigation {
	list-style-type: none;
	padding-bottom: 20px;
	margin-left: 250px;
}

#unternavigation li {
	float: left;
	padding: 0 20px 0 10px;
	background: url(../images/layout/subnavi-bullet.png) left 56% no-repeat;
}

#unternavigation a {
	font-size: 11px;
	font-weight: normal;
	color: #7b7b7b;
	text-decoration: none;
}

#unternavigation a:hover {
	color: #222;
}

#unternavigation .aktiv a {
	color: #222;
	text-decoration: underline;
}

.zentriert {
	text-align: center;
}



#inhalt {
	float: right;
	width: 750px;
	margin: 10px 0 0 30px;
	overflow: hidden;
	position: relative;
}

.substitute  {
	text-indent: -1000%;
}

h2 {
	margin: 20px 0;
}

#hl-herzlich-willkommen {
	width: 336px;
	height: 70px;
	margin: 20px auto 30px auto;
	background: url(../images/layout/hl-herzlich-willkommen.png) top left no-repeat;
}

#hl-firmengeschichte {
	width: 210px;
	height: 28px;
	background: url(../images/layout/hl-firmengeschichte.gif) top left no-repeat;
}

#hl-leistungen {
	width: 380px;
	height: 32px;
	margin: 17px  0 20px 0;
	background: url(../images/layout/hl-leistungsuebersicht.gif) top left no-repeat;
}

#hl-leistungsprofil-beton {
	width: 546px;
	height: 28px;
	background: url(../images/layout/hl-leistungsprofil-beton-stahlbetonarbeiten.gif) top left no-repeat;
}

#hl-leistungsprofil-maurerarbeiten {
	width: 360px;
	height: 28px;
	background: url(../images/layout/hl-leistungsprofil-maurerarbeiten.gif) top left no-repeat;
}

#hl-leistungsprofil-komplettleistungen {
	width: 488px;
	height: 28px;
	background: url(../images/layout/hl-komplettleistungen.gif) top left no-repeat;
}

#hl-leistungsprofil-putz {
	width: 462px;
	height: 28px;
	background: url(../images/layout/hl-leistungsprofil-putzarbeiten-stuckarbeiten.gif) top left no-repeat;
}

#hl-leistungsprofil-zimmer {
	width: 528px;
	height: 28px;
	background: url(../images/layout/hl-leistungsprofil-zimmerarbeiten-holzbau.gif) top left no-repeat;
}

#hl-aktuelle-projekte {
	width: 528px;
	height: 28px;
	background: url(../images/layout/hl-aktuelle-projekte.gif) top left no-repeat;
}

#hl-kontaktanfrage {
	width: 178px;
	height: 28px;
	background: url(../images/layout/hl-kontaktanfrage.gif) top left no-repeat;
}

#hl-anfahrt {
	width: 200px;
	height: 28px;
	margin: 4em 0 1em 0;
	background: url(../images/layout/hl-anfahrt.gif) top left no-repeat;
}

#hl-impressum {
	width: 128px;
	height: 28px;
	background: url(../images/layout/hl-impressum.gif) top left no-repeat;
}

#hl-referenzen {
	width: 189px;
	height: 28px;
	background: url(../images/layout/hl-referenzobjekte.gif) top left no-repeat;
}

#hl-referenzprojekte {
	width: 130px;
	height: 19px;
	margin: 0 0 8px 0;
	background: url(../images/layout/hl-referenzprojekte.gif) top left no-repeat;
}

#hl-ihre-vorteile {
	width: 130px;
	height: 19px;
	margin: 3em 0 2em 0;
	background: url(../images/layout/hl-ihre-vorteile.gif) top left no-repeat;
}

/* Überschriften auf Referenzen-Seite */
#hl-1, 
#hl-2, 
#hl-3, 
#hl-4, 
#hl-5, 
#hl-6, 
#hl-7, 
#hl-8,
#hl-9
{
	width: 575px;
	height: 19px;
	margin: 4em 0 2em 0;
}

#hl-1 {
	background: url(../images/layout/hl-denkmalgerecht.gif) top left no-repeat;
}

#hl-2 {
	background: url(../images/layout/hl-neubau.gif) top left no-repeat;
}

#hl-3 {
	background: url(../images/layout/hl-fassadenputz.gif) top left no-repeat;
}

#hl-4 {
	background: url(../images/layout/hl-sanierung.gif) top left no-repeat;
}

#hl-5 {
	background: url(../images/layout/hl-allgemeine.gif) top left no-repeat;
}

#hl-6 {
	background: url(../images/layout/hl-neubau2.gif) top left no-repeat;
}

#hl-7 {
	background: url(../images/layout/hl-abbruch.gif) top left no-repeat;
}

#hl-8 {
	background: url(../images/layout/hl-schwammsanierung.gif) top left no-repeat;
}

#hl-9 {
	background: url(../images/layout/hl-neubau3.gif) top left no-repeat;
}






h3 {
	font-weight: bold;
	font-size: 100%;
	clear: both;
	margin: 2em 0 0 0;
}


p {
	margin: 1em 0;
}

#inhalt ul {
	list-style-image: url(../images/layout/list-arrow.gif);
	margin: 0 0 0 1em;
}

#inhalt ul li {
	margin-bottom: 0.5em;
}

#inhalt #unternavigation {
	list-style-image: none;
	margin: 0 0 2em 20px;
	line-height: 100%;
	clear:both;
}

#inhalt #unternavigation li {
	margin-bottom: 10px;
	padding-left: 20px;
	clear: both;
	white-space: nowrap;
}


#inhalt #unternavigation a {
	color: #18655A;
	text-decoration: none;
	font-weight: bold;
}

#inhalt #unternavigation a:hover {
	color: #5CA99E;
	text-decoration: underline;
	font-weight: bold;}



.zentriert {
	text-align: center;
}




	
#adresse p {
	margin: 0;
}

#adresse {
	margin: 10px 0 0 30px;
	padding: 30px 0;
	width: 180px;
	font-size: 11px;
	line-height: 140%;
	float: left;
	border-right: 1px solid #5A9F96;
}

#adresse .firma {
	color: #000;
	font-weight: bold;
	text-transform: uppercase;
	font-size: 13px;
	margin-bottom: 3px;
}

#adresse .zusatz {
	text-transform: uppercase;
	margin-bottom: 15px;
}

#adresse .anschrift {
	margin-bottom: 15px;
}

#adresse .telefon .nummer {
	
	display: block;
	color: #006a5d;
	font-size: 15px; 
}

#counter {
	display: none;
}







/* Seitenspezifisches */


#leistung-komplett #inhalt ul {
	margin-left: 4em;
}

#kontakt #inhalt {
	width: 560px;
	margin: 10px 30px 0 50px;
}

#kontakt #adresse {
	margin: 10px 0 0 30px;
	padding: 0 0 30px 0;
	width: 320px;
	font-size: 11px;
	line-height: 140%;
}

#kontakt #adresse p {
	margin-bottom: 1em;
}

#kontakt #adresse .telefon .nummer {
	font-size: 15px; 
}




.change {
	background: yellow;
}



dl.referenzen {
	margin: 0 0 0 20px;
}

dl.referenzen dt {
	padding-top: 1em;
	font-size: 14px;
	padding-left: 20px;
	color: #000;
	clear: both;
	background: url(../images/layout/list-arrow.gif) left 85% no-repeat;
}

dl.referenzen dd {
	font-size: 90%;
	line-height: 130%;
	margin-left: 20px;
}

dl.referenzen dd:after {
	clear: both;
	display: block;
	content: ' ';
	height: 20px;
}

dl.referenzen dd * {
	margin: 0;
}

dl.referenzen dd p {
	margin: 0 0 0.5em 0;
}

dl.referenzen dd label {
	line-height: 130%;
	clear: both;
	width: 120px;
	font-size: 90%;
	margin-right: 20px;
	text-align: right;
	float: left;
	color: #777;
}

dl.referenzen dd span {
	width: 490px;
	float: left;
	overflow: hidden;
}


.up {
	text-align: right;
	font-size: 90%;
}

.up a {
	
}




/* Formular */

.input {
	border: 1px solid #d1e9e4;
	font: bold 11px Verdana, Arial, sans-serif;
	color: #507f76;
	padding: 2px 3px;
}

.checkbox,
.checkbox:focus {
	border: none;
}

.input:focus {
	border: 1px solid #234740;
}

.large {
	width: 500px;
}

.small {
	width: 100px;
}
.medium {
	width: 380px;
}
.half {
	width: 240px;
}

.first {
	padding-right: 10px;
}


label {
	font-size: 11px;
	line-height: 200%;
}

#form-hint {
	font-size: 90%;
	line-height: 130%;
	width: 356px;
	border: 1px solid #72a59b;
	padding: 5px 10px;
	background: #d1e9e4;
	margin: 0 0 1em 0;
}

.button {
	padding-top: 10px;
}

.button td {
	vertical-align: top;
}

.button td.first {
	padding-right: 30px;
}

.field-required {
	xcolor: green;
	background: url(../images/layout/field-required.png) right 50% no-repeat;
	font-weight: bold; 
	padding-right: 15px;
}

input.highlight {
	border: 2px solid #2C7A6E;
	padding: 1px 2px;
}











.btn-leistungen {
	font-size: 11px;
	float: left;
	text-align: center;
	width: 200px;
	margin: 0 10px;
}

.btn-leistungen p {
		text-align: center !important;
}

.btn-leistungen:hover a { 
	text-decoration: underline;
}








ul.leistungsprofil {
	width: 380px;
	float: left;
	padding-top: 10px;
}

ul.leistungsprofil li {
	padding: 0 20px 0 3px;
}

ul.leistungsprofil li.ref_link {
	background: url(../images/layout/icon-camera.gif) right 3px no-repeat;
}

ul.leistungsprofil li.aktiv,
ul.leistungsprofil li.hover {
	background: #f0f0f0 url(../images/layout/icon-camera-hi.gif) right 3px no-repeat;
}

ul.leistungsprofil li.aktiv a,
ul.leistungsprofil li.hover a {
	color: #000;
}

.leistungen-fotos
{
	margin-left: 50px;	
	width: 290px;
	background: #edf7f5;
	float: left;
	padding: 10px 0 10px 10px;
}

.leistungen-fotos img
{
	border: 5px solid #ddd;
	padding: 1px;
	margin-right: 5px;
	margin-bottom: 6px;
}

.leistungen-fotos img:hover,
.leistungen-fotos img.aktiv 
{
	border-color: #0C574C;
}




#adresse p.edb
{
	margin-top: 30px;
	padding-top: 20px;
	background: url(../images/layout/edb-sep.gif) 80px top no-repeat;
}






.bild-rechts {
	float: right;
}

.bildbeschreibung {
	border-left: 1px solid #999;
	margin-left: 1.5em; 
	padding-left: 1em;
}















/* Newsprogramm */
.ndm-td_ueberschrift {
	padding-bottom: 2em;
}

.ndm-ueberschrift_klein {
	font-size: 16px;
	font-weight: normal; 
	
}

.ndm-ueberschrift_klein:hover {
	font-weight: normal; 
	text-decoration: none;
	color: #18655A;
}

.ndm-td_news-text {
	padding-left: 2.5em;
	text-align: justify;
}