@charset "ISO-8859-1";


* {
	padding: 0; 
	margin: 0; 
	border: 0;
}

body {
	font: 12px Verdana, Arial;
}


#frame-navigation {
	list-style-type: none;
	overflow: hidden;
	padding: 5px 0;
	width: 960px;
	margin: 0px auto 0 auto;
	text-align: center; 	
	background: #ccc;
}


#frame-navigation li {
	display: inline;
	font-size: 11px;
	font-weight: bold;
	padding: 0 2px;
	color: #757575;
}

#frame-navigation a {
	color: #757575;
	text-decoration: none;
	padding-left: 4px;
}

#frame-navigation a:hover {
	color: #000;
}

#wrapper {
	width: 985px;
	margin: 30px auto 30px auto;
	background: url(../images/layout/wrapper-bg.jpg) top left repeat-y;
}

h1 {
	height: 190px;
	text-indent: -1000%;
	background: url(../images/layout/kopf.jpg) top left no-repeat;
}

#navigation {
	list-style-type: none;
	background-color: #8a8a8a;
	border-bottom: 4px solid #757575;
	overflow: hidden;
	padding: 5px 0;
	width: 960px;
	margin: 0 0 0 11px;
	text-align: center; 
}

#navigation li {
	display: inline;
	font-size: 11px;
	font-weight: bold;
	padding: 0 2px;
	color: #fff;
}

#navigation a {
	color: #fff;
	text-decoration: none;
	padding-left: 4px;
}

#navigation a:hover {
	color: #000;
}

#aktuelles {
	color: #700000;
}

#inhalt {
	border-top: 4px solid #aaa;
	overflow: hidden;
	width: 860px;
	margin: 0 0 0 11px;
	padding: 20px 50px;
	background: url(../images/layout/luftbild.jpg) top right no-repeat;
}



#adresse {
	background-color: #8a8a8a;
	border-top: 4px solid #757575;
	padding: 5px 0 10px 0;
	width: 960px;
	margin: 0 0 0 11px;
	text-align: center; 
	font-size: 11px;
	font-weight: bold;
	color: #fff;
}

#adresse a {
	color: #fff;
	text-decoration: none;
}

#adresse a:hover {
	color: #000;
}



#fuss {
	height: 135px;
	background: url(../images/layout/fuss.jpg) top left no-repeat;
}

#fuss ul {
	padding: 10px 0 0 0;
	list-style-type: none;
	text-align: center;
}

#fuss ul li {
	display: inline;
	padding: 0 10px;
}

#counter {
	color: #fff;
	text-align: center; 
}


h2 { margin: 2em 0; }
h3 { margin: 0 0 1em 0; }
p { margin: 1em 0; text-align: justify; }


ul { margin-left: 30px; }

.Kontaktformular td.Label, .Kontaktformular td.Field { vertical-align: top; padding-right: 20px;} 
.Kontaktformular .Field input, .Kontaktformular .Field textarea { border: 1px solid #757575; font: 13px Arial, sans-serif; margin-bottom: 5px; width: 400px; padding: 4px; } 
.Kontaktformular .Buttons input { border: 1px solid #777; padding: 5px 20px; }

.clear { clear: both; }
.clear.abstand { margin-bottom: 20px; }

table.spalten td { vertical-align: top; width: 50%;  }
.spalte1 { padding-right: 20px; }
.spalte2 { padding-left: 20px; }
table.spalten p { margin-top: 0; }

x#startseite .spalte1 { width: 480px; }
x#startseite .spalte2 { width: 310px; }

.foto.links { float: left; margin-right: 20px; }
.foto.rechts { float: right; margin-left: 20px; }
.foto.zentriert { text-align: center; }

#startseite #nav-startseite a,
#wir #nav-wir a,
#produkte #nav-produkte a,
#kueche #nav-kueche a,
#bad #nav-bad a,
#treppe #nav-treppe a,
#bau #nav-bau a,
#restauration #nav-restauration a,
#profile #nav-profile a,
#material #nav-material a,
#shop #nav-shop a,
#aktuellesaktiv #nav-aktuelles a,
#kontakt #nav-kontakt,
#impressum #nav-impressum { color: #000; }

.Hinweis { border: 1px dashed green; background-color: #ccCC99; padding: 10px 20px; margin: 20px 0; }


ul.spaced li {margin-bottom: 1em; text-align: justify;}

p.emph { font-size: 120%; margin-bottom: 2em; width: 70%; line-height: 160%; font-style: italic; }

table.gal td { text-align: center; }