@charset "utf-8";
/* CSS Document */

html, body {
	height:100%; /* Anzeigebereich in der Vertikalen auf 100% strecken */
	background:#480202;
	
}
html, body, iframe, h1, h2, h3, h4, h5, h6, p, a, blockquote, pre, abbr, acronym, address, big, cite, code, del, dfn, font, img, ins, kbd, q, s, samp, small, strike, sub, sup, tt, var, dl, dt, dd, ul, li, table, caption, tbody, tfoot, thead, tr, th, td, form, label, input, fieldset, legend, div {
	margin:0;
	padding:0;
	border:0;
	outline:0;
	font:13px/19px Arial, Verdana, Helvetica, sans-serif;
	color:#796f5a;
	text-decoration:none;
}

/* remember to define focus styles! */
:focus {
	outline:0;
}
a {
	text-decoration:underline;
	color:#8d1717;
}
a:hover, a:focus {
	text-decoration:none;
}
p {
	margin-bottom:14px;
	font-size:12px;
	font-family:Arial, Helvetica, sans-serif;
	line-height:18px;
	color:#000;
}

ul {
	list-style:none;
}
legend {
	display:none;
}
/* tables still need 'cellspacing="0"' in the markup */
table {
	border-collapse:separate;
	border-spacing:0;
}
caption, th, td {
	text-align:left;
	font-weight:normal;
}
blockquote:before, blockquote:after, q:before, q:after {
	content:"";
}
blockquote, q {
	quotes:"" "";
}
body {
	background:url(../images/bg-site-container.jpg) center top repeat-y;
	height:100%;
}

/* ----------------AUFBAU------------------- */

#background { width:100%; background:url(../images/bg-body.jpg) repeat-x; }

h2#branding a {
	display:block;
	height:164px;
	left:51px;
	position:absolute;
	text-indent:-999em;
	top:32px;
	width:221px;
}

#site-container {
overflow:hidden;
background:#480202 url(../images/bg-site-container.jpg) 0 0 repeat-y;
margin:0 auto;
width:960px;
}


#header-container {
	background:url(../images/bg-header.jpg) no-repeat center top;
	margin:0 auto;
	height:256px;
	width:960px;
	position:relative;
}

#content-container {
	background:url(../images/bg-content-container.jpg) no-repeat center top;
	margin:0 auto;
	width:960px;
	min-height: 440px;
}

#sidebar {
	width: 239px;
	height: 342px;
	float: left;
	margin:0 18px 0 0;
	padding:0 0 0 47px;

}

#content {
	width: 579px;
	float:left;
	padding:0 0 0 14px;
}

.column {
float:left;
padding:27px 0 0 0;
width:282px;
}

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

/* ----------------NAVI------------------- */

#navi {
	width: 230px;
	height: 182px;
	padding:2px 0 0 18px;
	margin:0 0 20px 0;
}
#navi ul {
	list-style: none;
}
#navi li {
	float: none;
}
#navi a {
	display: block;
	overflow: hidden;
	float: none;
	font-size:0.1em;
	height: 30px;
	width: 231px;
	background:none;
	text-indent:-99999px;
}
#navi a.hussenverleih:hover, #navi li.active a.hussenverleih {
	background: url(../images/bg-navi-hover.jpg) no-repeat;
	
}
#navi a.dekoration:hover, #navi li.active a.dekoration {
	background: url(../images/bg-navi-hover.jpg) 0 -30px no-repeat;

}
#navi a.geschenke:hover, #navi li.active a.geschenke {
	background: url(../images/bg-navi-hover.jpg) 0 -60px no-repeat;

}
#navi a.aktuelles:hover, #navi li.active a.aktuelles {
	background: url(../images/bg-navi-hover.jpg) 0 -90px no-repeat;


}
#navi a.preise:hover, #navi li.active a.preise {
	background: url(../images/bg-navi-hover.jpg) 0 -120px no-repeat;


}
#navi a.ueber-uns:hover, #navi li.active a.ueber-uns {
	background: url(../images/bg-navi-hover.jpg) 0 -150px no-repeat;


}


/* ----------------NAVI-ADD------------------- */

ul#navi-add {
	position: absolute;
	width:216px;
	height:30px;
	top:5px;
	left:673px;
	list-style:none;
	padding:0 0 0 14px;
}
#navi-add li {
	float:left;
}
#navi-add li a {
	color:#c1a39e;
	text-decoration:none;
	font-size:11px;
}
#navi-add a:hover, #navi-add li.active a {
	text-decoration:underline;
}

#navi-add a.kontakt, #navi-add a.impressum, #navi-add a.anfahrt  {
	margin:0 0 0 15px;
}

/* ----------------HEADLINES------------------- */

h1 {
	color:#6f1616;
	font-size:28px;
	margin:35px 0 0 0;
	}
	
	
h3 {
	color:#fff;
	font-size:20px;
	}
	
		
h4 {
	color:#6f1616;
	font-size:20px;
	margin:20px 0 10px 0;
	}

/* ----------------CLASSES------------------- */

.adress {
		color:#FFF;
	font-size:11px;
	margin:68px 0 0 20px;
	padding:0 0 0 7px;
	}
	
	.adress2 {
	color:#FFF;
	font-size:11px;
	margin:6px 0 10px 20px;
	padding:0 0 0 7px;
	}
	
	.oeffnungszeiten {
		color:#FFF;
	font-size:11px;
	margin:6px 0 0 20px;
	padding:0 0 0 7px;
		
		}
		
		.no-column {
				margin:27px 0 14px 0;
			}
		

.img {
	border:1px solid #d7c1b4;
	padding:1px;
	}
	
	.img-leistungen {
	border:1px solid #d7c1b4;
	padding:1px;
	margin:0 14px 14px 0;
	}
	
	
	ul.liste li {
		list-style:outside url(../images/bg-li.jpg);
		color:#000;
		margin:0 0 15px 0;
		}
		
		ul.liste {
			margin:0 0 30px 26px;
			}
	
dl {
	
	list-style: none;
	font-style: normal;
	margin:52px 0 0 27px;
}
dl dt {
	font-size:11px;
	color:#FFF;
	display:block;
	float:left;
	width: 76px;
}
dl dd {
	font-size:11px;
	color:#FFF;
	padding: 0 0 0 30px;
}

hr {
	background-image:url(../images/bg-hr.jpg);
	width:571px;
	height:23px;
	clear:both;
	float:none;
	border:none !important;
	}
	
/* ----------------TABLE------------------- */	
table{
	width:95%;
	background-color:#eeddd3;
	color:#000;
	border-spacing:0pt;
	border:1px solid #770505;
 }



	td {
border:1px solid #770505;
padding:4px;
}

.td-bg {
	background:#8d1717;
	}
	
	.td-bg2 {
		background:#dbc4b5;
		}