@charset "UTF-8";
body {
	background:#25170C url(Bilder/Hintergrund-Textur002.jpg) repeat scroll left top;
	color:#000000;
	font-family:Arial, Helvetica, Sans-Serif;
	font-size:12px;
	font-size-adjust:none;
	font-stretch:normal;
	font-style:normal;
	font-variant:normal;
	font-weight:normal;
	line-height:150%;
	margin:0;
	padding:0;
	
}
h1, h2, h3, h4 {
	font-family:Rockwell, Arial, Helvetica, Sans-Serif;
}
h2 { font-size:18px; }
h3 {
	font-size:18px;
	background:url(Bilder/separatorHor.gif) bottom repeat-x scroll;
	height:26px;
}
#header {
	height:131px;
	width:100%;
	background-color:#FFF;
	background-image:url(Bilder/header_background);
	background-repeat:repeat-x;
	margin:0 auto;
	padding:0;
	/*float:left;*/
}
#logo {
	background:transparent url(Bilder/Dengler-logo.gif) no-repeat scroll left top;
	float:left;
	height:131px;
	margin:0;
	width:413px;
}
#logo h1 a {
	display:block;
	height:131px;
	width:413px;
}
#logo h1 {
	margin:0;
	text-indent:-9999px;
}
#maincontent {
	/* png schattierung bug in ie6 */
	background-image:url(Bilder/schattierung_B50_R10.png);
	margin:0;
	padding:20px 0 0;
	width:100%;
	color:#FFF;
	/*float:left;*/
}
#maincontent h1, h2, h3, h4, p {
	padding:10px 0 0 0;
}
#maincontent .contentFullWidth p {
	letter-spacing:0.1em;
	width:960px;
	line-height:22px;
}
#maincontent .contentFullWidth a {
	color:#FFF;
}

#headerContent {
	width:980px;
	margin:0 auto;
	height:131px;
}
#mainInnerContent
{
	width:980px;
	margin:0 auto;
	padding: 0 0 20px 0;
}

/* Text über volle Breite */
.contentFullWidth {
	clear:both;
	margin:20px 0;
}
/* Text schmaler, rechts neben Einzelbild, z.B. Leistungsspektrum */
.contentRightSmall {
	width:690px;
	float:right;
}
.contentRightSmall p {
	padding-top:0;
}
.contentRightSmall p  {
	letter-spacing:0.1em;
	width:670px;
	line-height:22px;
}
.contentRightSmall ul {
	letter-spacing:0.1em;
	line-height:22px;
}
.contentRightSmall a  {
	color:#FFF;
}
.contentRightSmall img  {
	margin: 0 0 20px 20px;
}

/* Footer ------------------------- */
#footer {
	/*float:left; */
	
	width:100%;
	height: 190px;
}
#footerContent {
	width:980px;
	margin:0 auto;
}
#footerContent a {
	text-decoration:none;
	color:#000;
}
#footerContent a:hover {
	text-decoration:underline;
	color:#000;
}

#footerContent p {
	background:url(Bilder/separatorHor.gif) bottom repeat-x scroll;
	color:#000000;
	font-family:Arial, Helvetica, Sans-Serif;
	font-size:12px;
	margin:5px 0;
	padding:0 10px 5px 0;
}





/* Navigation ------------------------ */

#navigation {
	height:34px;
	/*background:url("navigation-middle.jpg") repeat-x top ;*/
	
	margin:0 auto;
	width:980px;
	
}
#navigation ul {
	list-style:none;
	float:left;
	margin:0;
	padding:0;
	
	border-left:solid 1px #CCA05f; /*#A87C3D;*/
	border-right:solid 1px #511816;
}
#navigation li {
	display:inline;
	float:left;
	margin:0;
	padding:0;
}
#navigation a {
	
	text-decoration:none;
	border:0;
	display:block;
	float:left;
	margin:0;
	padding:0;
}
#navigation a span {
	display:block;
	
	/*background-image:url(Bilder/schattierung25.png);*/
	font-family:Arial, Helvetica, sans-serif;
	font-size:11px;
	color:#FFFFFF;
	font-weight:bold;
	line-height:34px;
	font-size: 14px;
	padding:0 25px;
	
	border-right:solid 1px #CCA05f; /*#A87C3D;*/
	border-left:solid 1px #511816;
}
#navigation a:hover span, #navigation li.current a span {
	/*color:#D6221A; */
	font-weight:bold;
	font-style:normal;
	text-decoration:none;
}
#navigation a:hover {
	/*background-color:#851616;*/
	background-image:url(Bilder/schattierung_B50_R10.png);
}
#navigation a:hover span {
	/*background-image:url(Bilder/schattierung_B50_R10.png);*/
	background-image:none; /* doppelten hover effekt vermeiden . gibt fehler in ie6 ?*/
}
#navigation #current a {
	background-image:url(Bilder/schattierung_B50_R10.png);
}
#navigation #current a span {
	color:#fff;

	/*width: auto;*/
	
	/*background-image:url(Bilder/schattierung_B50_R10.png);*/
	
}


/* Layout Extras --------------------*/
/* Grosser Rahmen z.B. google Maps */
.woodFrame {
	width:500px;
	float:right;
	background-image:url(Bilder/Holzrahmen500pxGehrung.jpg);
	margin:0 0 25px 25px;
}
.woodFrame a {
	float:right;
	position:relative;
	margin:-25px 50px 0 0;
	color:#630;
	
}
.woodFrameContent {
	margin:52px;
}

/* kleine Rahmen mit Zoomeffekt (Effekt CSS ausgelagert) ----- */
.zoomFramesRow {
	width:1008px;
	display:block;
	height: 230px;
	margin-left: -28px;
}
.zoomFrame {
	float:left;
	background-image:url(Bilder/Holzrahmen225pxGehrung.jpg);
	/*background-color:#960;*/
	position:relative;
	margin:10px 0 10px 28px;
	padding:25px;
}



/* Kisten Rahmen -------*/
/* Aufmacher */
#mainInnerContent .box_border {
	border:1px solid #775c3c; /*#53402A;*/
	height:208px;
	width:680px;
	float: left;
}
#mainInnerContent .box_border .box {
	border:1px solid #25170C; /*#25170C;*/
	height:188px;
	margin-left:-2px;
	margin-top:-2px;
	padding:10px;
	width:660px;
}
#mainInnerContent .box_border .box h2, #mainInnerContent .box_border .box p {
	margin:0;
	padding:0 10px;
}

/* Infobox im Text ------------------ */

.infobox {
	background-image:url(Bilder/schattierung25.png);
	clear: both;
	margin:20px 0;
	padding:0;
}
.infobox h3 {
	background:url(Bilder/separatorHor.gif) top repeat-x scroll;
	padding:20px 20px 0 20px;
	letter-spacing: 0.1em;
}
.infobox p {
	background:url(Bilder/separatorHor.gif) bottom repeat-x scroll;
	padding:0 20px 20px 20px;
	letter-spacing: 0.1em;
}
.infobox a {
	color:#FFF;
}


#footer .box_border {
border:1px solid #dcb37c; /*#BE9B6B;*/
height:144px;
width:227px;
float:left;
}
#footer .box_border .box {
border:1px solid #815A36;
height:124px;
margin-left:-2px;
margin-top:-2px;
padding:10px;
width:207px;
}

#footerBox2 {
	margin:5px 0 0 260px;
}
#footerBox2 p img {
	border:none;
	margin: -5px 0 -6px 0;
}


/* Grafiken oben rechts , Messingschilder ---------------- */

#boxObenRechts {
	width:280px;
	float:right;
}
.boxObenRechtsSchatten {
	background:url(Bilder/extras/Schatten-ObenRechts.png) no-repeat top left scroll;
	padding:0 5px 5px 0;
	width:100%;
	margin: 0 0 15px 0;
}



.formular {
	width:450px;
	height:500px;
	border: 1px solid #dcb37c;
	float: left;
	position:relative;
}
.formular p {
	margin:5px;
	display:block;
	width:430px;
	float:left;
}
.formular input {
	width:300px;
	position:relative;
	float:right;
	clear:none;
}
.formular label {
	display: inline; 
	width: 100px;
	position:relative;
	float:left;
}
.formular textarea {
	width:300px;
	margin-left:100px;
	float:right;
}
.formular .submit {
	margin:20px;
	width:100px;
}

.error {
	border:solid 2px #F00;
}

/* unbedint auf ID beziehen sonst unwirksam */
#commentForm label.error {
	float:left;
	position:absolute;
	background-color:#fff;
	color:#000;
	display:block;
}