@charset "UTF-8";

html, body {
	margin:				0px;
	padding:			0px;
	height:				100%;
}

html, body, div, td, input, textarea, select {
	font:				12px/16px Arial, Helvetica, sans-serif;
	color:				#222222;
}

h1 {
	font-size:			18px;
	line-height:		22px;
	color:				#E20A16;
}

a, a:hover {
	color:				#E20A16;
	text-decoration:	none;
	outline:			none;
}

strong {
	color:				#E20A16;
}

div.short {
	width:				700px;
}

p.short.wo {
	width:				500px;
}

input.text {
	display:			block;
	margin:				12px 0px 0px 0px;
	font-family:		"Courier New", Courier, monospace;
	border:				0px;
	border-bottom:		1px dotted #454545;
	width:				350px;
}

textarea.text {
	display:			block;
	margin:				10px 0px 0px 0px;
	font-family:		"Courier New", Courier, monospace;
	border:				1px dotted #454545;
	width:				350px;
	height:				120px;
}

span.description {
	display:			block;
	color:				#E20A16;
	font-size:			11px;
	padding-left:		1px;
}

.list {
	padding-left:		22px;
	list-style-image:	url(../gfx/li-dot.png);
}

.list li {
	padding-left:		1px;
	margin-bottom:		3px;
}

#root {
	min-height: 		100%;
	height: 			auto !important;
	height: 			100%;
	margin: 			0px auto -78px auto;
}

#banner {
	position:			relative;
	height:				221px;
	background:			#FFFFFF url(../gfx/banner_bg.png) repeat-x;
	text-align:			center;
}

#navigation {
	position:			relative;
	margin:				0px auto;
	background:			#FFFFFF;
	width:				930px;
	z-index:			990;
}

#spacer {
	clear:				both;
	border-top:			1px solid #CDCDCD;
}
	

#content {
	position:			relative;
	margin:				40px auto 0px auto;
	width:				900px;
}

#content.bild {
	background-color:	#FFFFFF;
	background-repeat:	no-repeat;
}

#content.bild.sanierung {
	height:				566px;
	background-image:	url(../gfx/bild_sanierung.jpg);
}

#content.bild.beton {
	height:				451px;
	background-image:	url(../gfx/bild_beton.jpg);
}

#content.bild.fliesen {
	height:				566px;
	background-image:	url(../gfx/bild_fliesen.jpg);
}

#content.bild.mauer {
	height:				566px;
	background-image:	url(../gfx/bild_mauer.jpg);
}

#content.bild.trockenbau {
	height:				566px;
	background-image:	url(../gfx/bild_trockenbau.jpg);
}

#content.bild.jk {
	height:				566px;
	background-image:	url(../gfx/bild_jk.jpg);
}

div.sandbag {
	height:				16px; 
	margin: 			0 10px 0 0; 
	padding: 			0; 
	float: 				left; 
	clear: 				left;
}

div#referenzen {
	margin: 			0px 10px 0px 0px; 
	padding: 			0px; 
	float: 				left; 
	clear: 				left;
	width:				320px;
}

div#referenzen a {
	margin: 			0px 5px 10px 0px; 
	width:				95px;
	height:				95px;
}

div#bild {
	margin: 			0px 10px 0px 0px; 
	padding: 			0px; 
	float: 				left; 
	clear: 				left;
	width:				400px;
}

div#bild_r {
	margin: 			0px 0px 0px 10px; 
	padding: 			0px 200px 0px 0px; 
	float: 				right; 
	clear: 				right;
	width:				400px;
	text-align:			right;
}

table.ref td {
	padding-left:		7px;
	width:				183px;
	border-left:		3px solid #E20A16;
}

table.ref td, table.ref td a, table.ref td a:hover {
	color:				#787878;
}

#push {
	height: 			78px;
	clear: 				both;
}

#footer {
	position:			relative;
	clear: 				both;
	background:			#FFFFFF url(../gfx/footer_bg.png) repeat-x;
	height:				78px;
	line-height:		60px;
	font-size:			11px;
	text-align:			center;
	color:				#FFFFFF;
}

#footer div {
	position:			relative;
	margin:				0px auto;
	padding:			21px 20px 0px 20px;
	background:			transparent url(../gfx/footer_center.png) no-repeat;
	height:				57px;
	width:				860px;
	text-align:			left;
	font-size:			11px;
	text-align:			center;
	color:				#CC0000;
}

#footer div a, #footer div a:hover {
	color:				#CC0000;
}