/* definition der Seite an sich ---------------------------------------------------- */
body {
	margin: 0px;
	background: url(images/hg-verlauf.jpg) no-repeat 1011px 127px;
	font: normal 12px arial, verdana, tahoma, geneva;
	line-height: 160%;
	color: #1a6db1;
}
h1 {
	font: normal 1.8em Arial, Verdana, Tahoma;
	color: #a70101;
	padding: 30px 0 10px 0;
	margin: 0;
	background: url(images/linie-dotted.gif) repeat-x left 60px;
}
h2 {
	font: normal 1.4em Arial, Verdana, Tahoma;
	font-weight: bold;
	color: #a70101;
	padding: 20px 0 0px 0;
	margin: 0;
}
p {
	margin: 10px 0 10px 0;
}
a {
	color: #0066cc;
}
table {
	font: normal 1em Arial, Verdana, Tahoma;
	background-color: #f8f6e0;
}
.unsichtbar { display:none; }
#wrapper {
	width:1011;
	text-align:left;	
	background-color:transparent;
	overflow: hidden;
	border: 0px solid black;
}
#logo {
	padding: 0px;
	margin: 0px;
	width: 1011px;
	height: 127px;
	text-align: right;
	background: url(images/logo.gif) no-repeat left 0px;
}
#header {
	padding: 0px;
	margin: 0px;
	width: 1011px;
	height: 212px;
	text-align: left;
	border: 0px solid green;
}
#content {
	padding: 0;
	margin: 0;
	border: 0px solid black;
}
#footer { 
	clear: both;
	text-align: right;
	width: 994px;
	height: 16px;
	left: 17px;
	position: relative;
	background: url(images/fuss.gif) no-repeat left top;
	border: 0px solid black;
}

/* Hauptmenu ----------------------------------------------------------- */
#menu {
	float:left; 
	background: url(images/navi-hg.gif) repeat-y left top;
	width: 150px;
	height: 212px;
	left: 9px;
	position: relative;
	border: 0px solid red;
}
#menu ul {
	list-style: none;	
	padding: 0px;
	margin: 0.7em 0 0 0;
	border: 0px solid black;
}
#menu li {
	line-height: 1.75em;	
	padding-bottom: 0.07em;
	border: 0px solid #a70101;
}
#menu li a {
	padding: 0 0 0 1.7em;
	margin: 0;
	color: #f1efd3;
	font-weight: bold;
	text-decoration: none;
	border: 0px solid black;
}
#menu li a:hover {
	color: #a70101;
	background-color: #fff;
	display: block;
}
#menu li a.aktiv {
	background: url(images/navistein.gif) no-repeat left center #fff;
	padding: 0 0 0 1.7em;
	font-weight: bold;
	letter-spacing: 0.07em;
	color: #a70101;
	display: block;
}
#imp ul {
	list-style: none;	
}
#imp li {
	margin-top: 3.55em;
}
#imp li a {
	color: #f1efd3;
	font-weight: normal;
	text-decoration: none;
}

/* Submenue ------------------------------------------------------------ */
#submenu { 
	float: left; 
	background-color: #edeac6;
	width: 195px;
	height: 212px;
	left: 10px;
	position: relative;
	border: 0px solid black;
}
#submenu ul {
	list-style: none;
	margin: 0.7em 0 0 0;
	padding: 0;
	border: 0px solid black;
}
#submenu li {
	line-height: 1.75em; 
	padding-bottom: 0.07em;
	border: 0px solid black;
}
#submenu li a {
	padding: 0 0 0 1.4em; 
	margin: 0px;
	color:#a70101; 
	text-decoration: none; 
	border: 0px solid black;
}
#submenu li a:hover {
	color:#a70101;
	font-weight: bold;
	background-color: #fff;
	display: block;
}
#submenu li a.aktiv {
	background: url(images/navipfeil.gif) no-repeat 5px center  #fff; 
	padding: 0 0 0 1.4em; 
	color:#a70101;
	background-color: #fff;
	font-weight: bold;
	display: block;
}

/* Bilder header ------------------------------------------------------------------- */
#bilder {
	float: left; 
	background-color: #a70101;
	width: 512px;
	height: 212px;
	left: 11px;
	position: relative;
}
.leistungen {
	background: url(images/leistungen-head.jpg) no-repeat left top;
}
.beton {
	background: url(images/bild-beton.jpg) no-repeat left top;
}
.pflaster {
	background: url(images/pflaster-head.jpg) no-repeat left top;
}
.beton {
	background: url(images/beton-head.jpg) no-repeat left top;
}
.abbruch {
	background: url(images/abbruch-head.jpg) no-repeat left top;
}
.maurer {
	background: url(images/maurer-head.jpg) no-repeat left top;
}
.sanierung {
	background: url(images/sanierung-head.jpg) no-repeat left top;
}
.verputz {
	background: url(images/verputz-head.jpg) no-repeat left top;
}
.reparaturen {
	background: url(images/reparaturen-head.jpg) no-repeat left top;
}
/* Flaeche rechts header ----------------------------------------------------------- */
#rot {
	float: left; 
	background-color: #a70101;
	width: 142px;
	height: 212px;
	left: 12px;
	position: relative;
}

/* Seiteninhalt -------------------------------------------------------------------- */
#inhalt {
	float: left;
	width: 580px;
	margin: 0px;
	padding: 0px;
	left: 169px;
	position: relative;
	background-color: transparent;
	border: 0px solid orange;
}
#inhalt ul  {
	list-style: none;
	padding: 0px;
	margin: 0px;
}
#inhalt ul li {
	padding: 0px 0px 0px 35px;
	list-style: none;
	background: url(images/liststein.gif) no-repeat 20px 8px;
}
.right {
	float: right;
	text-align: right;
	margin-right: 0px;
	padding: 0;
}
.left {
	float: left;
	margin-right: 10px;
	padding: 0;
}
.rahmen {
border: #0053a2 solid 1px;
}
#inhalt1 {
	float: left;
	width: 200px;
	margin: 0px;
	padding: 0px;
	border: 0px solid orange;
}
#inhalt2 {
	float: left;
	width: 200px;
	margin: 0px;
	padding: 0px;
	border: 0px solid orange;
}
#inhalt3 {
	float: left;
	margin: 0px;
	padding: 0px;
	border: 0px solid orange;
}

/* Sidebar ----------------------------------------------------*/
#sidebar {
	width: 250px;
	min-height: 300px;
	float: right;
	padding: 0px;
	margin: 80px 0 0 0;
	border: 0px solid blue;
}
#sidebar ul {
	font-size: 0.9em;
	list-style: none;
	padding: 0px;
	margin: 0px;
}
#sidebar li {
	line-height: 18px;
	list-style: none;
	margin-bottom: 20px;
	border: 0px solid black;
}
#sidebar li a {
	padding: 0px;
	margin: 0px;
	width: 250px;
	color:#0098b9;
	text-decoration: none;
}
#sidebar li a:hover {
	text-decoration: underline;
	margin: 0px;
}
/* abschluss ----------------------------------------------------------- */
#clear {
	clear: both;
	height: 20px;
}

/* footer ----------------------------------------------------------*/
#footer p{
	font-size: 0.8em;
	color: #d2cd8a;
	padding-right: 10px;
	margin: 0;
}
#footer p a{
	color: #d2cd8a;
}

/* Kontakt Form */
div.break {
	clear: both;
}
div.ssGeasyWrapper {
	border: 1px solid #f7f7f7;
	padding: 1px 1px 0px 1px;
	width: 246px;
}
a.ssGeasyLink {
	float: left;
	margin: 1px 1px -4px 1px;
	border: 0px;
	padding: 0px;
}
img.ssGeasyImg {
	border: 0px;
	padding: 0px;	
	margin: 0px;
}

/* Kontakt Form */
/* Hinweis oberhalb des Kontaktformulars*/
#ssHinweis {
	border: 1px solid #a70101;  
	background-color:#f8f6e0; 
	padding:10px;
	height: 100px;
	display: none;
	width: 560px;
	margin-bottom: 10px;
}
.unsichtbar { display:none; }
table {font: normal 1em Arial, Verdana, Tahoma;}
.rahmen {border: #1a6db1 solid 1px;}