a { color: #C4161C; }
a:hover {
	color: #B6BBBE;
}

html > body { overflow: auto; }

body {
	background: #666 url(images/bg_grey.gif) repeat-x;
}

body, img {
	border: 0;
	margin: 0;
	font-family: Tahoma, sans-serif;
	font-size: 11px;
}

h1, h2, h3, h4, h5, h6 {}

h1 { font-size: 14px; }
h2 { font-size: 12px; }

#spalte3 ol li,
#spalte3 ul li {
	margin: 10px 0 10px 0;
	padding-right: 20px;
}

table td { line-height: 1.5em; }
table a { color: #C4161C; }

#frame {
	background: #000;
	margin: 0 0 0 -400px;
	position: absolute;
	left: 50%;
	width: 800px;
}

#head {
	background: #FFF;
	height: 166px;
	margin: 26px 0 0 0;
}

#head img {
	float: left;
	margin: 1px 0 0 0;
}

#head #logo {
	margin: 1px 1px 0 0;
}

#navi {
	background: #FFF;
	height: 119px;
	padding: 1px 0 0 0;
}

#navi ul {
	list-style-type: none;
	margin: 0 0 0 0;
	padding: 0;
}

#navi li {
	float: left;
	height: 118px;
	margin: 0 1px 0 0;
	overflow: hidden;
}

#navi img {
	width: 100%;
	height: 100%;
}

#navi a {
	display: block;
	height: 118px;
}

#navi a.home {
	background: url(images/01-home-off.gif);
	width: 133px;
}

#home a.home { background: url(images/01-home-on.gif); }
#navi a.home:hover { background: url(images/01-home-on.gif); }

#navi a.unternehmen {
	background: url(images/02-unternehmen-off.gif);
	width: 132px;
}

#unternehmen a.unternehmen { background: url(images/02-unternehmen-on.gif); }
#navi a.unternehmen:hover { background: url(images/02-unternehmen-on.gif); }

#navi a.leistungen {
	background: url(images/03-leistungen-off.gif);
	width: 132px;
}

#leistungen a.leistungen { background: url(images/03-leistungen-on.gif); }
#navi a.leistungen:hover { background: url(images/03-leistungen-on.gif); }

#navi a.service {
	background: url(images/04-service-off.gif);
	width: 132px;
}

#service a.service { background: url(images/04-service-on.gif); }
#navi a.service:hover { background: url(images/04-service-on.gif); }

#navi a.kontakt {
	background: url(images/05-kontakt-off.gif);
	width: 132px;
}

#kontakt a.kontakt { background: url(images/05-kontakt-on.gif); }
#navi a.kontakt:hover { background: url(images/05-kontakt-on.gif); }

#navi a.impressum {
	background: url(images/06-impressum-off.gif);
	width: 134px;
}

#impressum a.impressum { background: url(images/06-impressum-on.gif); }
#navi a.impressum:hover { background: url(images/06-impressum-on.gif); }

#navi .nomargin { margin: 0; }



#subnavi {
	height: 20px;
	padding: 4px 0 0 0;
}

#subnavi a {
	color: #C4161C;
	font-size: 10px;
	margin: 0 0 0 10px;
	text-decoration: none;
}

#subnavi a:hover { color: #FFF; }

#content {
	background: #F1F2ED;
}

#content .spalte {
	float: left;
	min-height: 400px;
	padding-bottom:20px;
}

#home .spalte {
	min-height: 300px;
}

* html #content .spalte {
	height: 400px;
}

* html #home .spalte {
	height: 300px;
}

#spalte1a { width: 300px; }
#spalte1b { width: 160px; }

.block {
	display:none;
	color:white;
	height:95px;
	border:0px solid yellow;
	padding:8px 10px 2px 10px;
	background-color:black;
	width:140px;
	float:left;
}

#home .block {
	display:block;
}


.spalte p {
	margin: 15px 0 0 0;
}

#spalte1a p { width: 270px; clear:both;}
#spalte1a img { margin: 0 0 0 10px; }

#kontakt #spalte1a p {
	padding-top: 0px;
	padding-bottom: 0px;
}

#spalte2 { width: 140px; }

#spalte3 p, #spalte1a p,
#spalte3 h1, #spalte1a h1,
#spalte3 h2, #spalte1a h2,
#spalte3 table, #spalte1a table,
#spalte3 pre {
	padding: 0 30px 0 15px;
}

* html #spalte3 table {
	margin: 0 30px 0 15px;
}

#spalte1a h1,
#spalte3 h1 {
	color: #C4161C;
}

#spalte3 table { width: 75%; }
#spalte3 td { padding: 3px; }

#spalte3 fieldset {
	border: 0;
	clear: both;
	margin: 25px 0 0 0;
	padding: 0 30px 0 15px;
	width: 90%;
}

#spalte3 legend {
	font-size: 11px;
	font-weight: bold;
	margin: 0 0 5px 0;
	padding: 0;
	width: 90%;
}

#spalte3 { width: 485px }

#spalte1a h1, #spalte2 h1, #spalte3 h1,
#spalte1a h2, #spalte2 h2, #spalte3 h2 {
	width: 90%;
}

#spalte1a h1, #spalte2 h1, #spalte3 h1,
#spalte1a h2, #spalte2 h2, #spalte3 h2,
#spalte1a table, #spalte2 table, #spalte3 table {
	margin-top: 15px;
	/*margin-bottom: 15px;*/
}

.clear {
	height: 1px;
	width: 100%;
	clear: both;
}

.imageFrame {
	border: 1px solid #CCC;
	float: left;
	height: 82px;
	margin: 5px;
	width: 108px;
}

.imageFrame img {
	margin: 3px;
	width: 102px;
	height: 76px;
}

.imageFrame2 { width: 444px; }

.galPrev { float: left; }
.galNext { float: right; }

.red { color: #C4161C; }
.s1image { float: right; }
.clear { clear: both; }
.spacer { height: auto; width: 100%; }
.row2 { background: #D1D3D4; }
.right { text-align: right; white-space:nowrap;}

.preisliste td { vertical-align:bottom; }
.news_frame {
	clear: both;
	margin: 18px 0 5px 0;
	width: 480px;
}
.news_frame p {
	padding-left: 0px !important;
}

.news_title, .news_datum {
	float: left;
	margin: 0 0 10px 0;
}

.news_title {
	font-size: 1.1em;
	font-weight: bold;
	color: #C4161C;
	width: 330px;
}

.news_datum {
	text-align: right;
	width: 150px;
}

.news_text {
	clear: both;
}

.news_link {
	display: block;
	margin: 15px 0 0 0;
	width: 100%;
	text-align: right;
}

.formField { clear: both; }

.formField label, .formArea label,
.formField select,
.formField textarea,
.formField input {
	float: left;
	display: block;
	margin: 2px 0 2px 0;
}

.formField label, .formArea label {
	width: 100px;
}

.formField input,
.formArea textarea {
	border: 1px solid #AAA;
	padding: 2px;
	width: 325px;
}

.formArea textarea {
	height: 150px;
}

.formButtons {
	text-align: right;
	width: 100%;
}

.formButtons input {
	margin: 10px 40px 0 0;
}

#nachname,
#vorname {
	margin-left: 5px;
	width: 126px;
}

#plz { width: 50px; }
#ort {
	margin-left: 5px;
	width: 264px;
}
