body {
	font: 8pt Verdana, Helvetica, sans-serif;
	line-height: 18px;
	margin: 0; /* it's good practice to zero the margin and padding of the body element to account for differing browser defaults */
	padding: 0;
	text-align: center; /* this centers the container in IE 5* browsers. The text is then set to the left aligned default in the #container selector */
	color: #000000;
	background-color: #191919;
	
}

/* MOUSE OVER MENU ITEM EFFECT */

	a.menu {
		display:inline-block;
	}
	a.menu:hover {
		background-position: 0 -43px;
	}

/* END MOUSE OVER MENU ITEM EFFECT */
a:link {

text-decoration:none;
color:#879717;
font-weight: bold;

}

a:hover {

text-decoration:none;
color:#666666;
font-weight: bold;

}

a:visited {

text-decoration:none;
color:#879717;
font-weight: bold;

}

a:visited:hover {

text-decoration:none;
color:#666666;
font-weight: bold;

}

.oneColElsCtrHdr #main {
	background-image:url(http://bangertercreative.com/images/background_new_3.jpg);
	background-position: top center;
	padding-top: 35px;
	background-repeat:no-repeat;
	background-color:#191919;
	height: 100%;
	}
	
.oneColElsCtrHdr #gallery {
	background-image:url(http://bangertercreative.com/images/new_center.png);
	width:785px;
	background-position: center;
	background-repeat:repeat-y;
	
}


.oneColElsCtrHdr #index-text {
	width: 350px;  /* this width will create a container that will fit in an 800px browser window if text is left at browser default font sizes */
	margin-left: 300px;
	
}
.oneColElsCtrHdr #container {
	width: 785px;  /* this width will create a container that will fit in an 800px browser window if text is left at browser default font sizes */
	margin: 0 auto; /* the auto margins (in conjunction with a width) center the page */
	border: 0px solid #000000;
	text-align: left; /* this overrides the text-align: center on the body element. */
}
.oneColElsCtrHdr #header { 
	background:transparent url(http://bangertercreative.com/images/new_header.png);
	width:785px;
	background-repeat:no-repeat;
	background-position:center;
	padding-top: 40px;
	height: 93px;

	} 

.oneColElsCtrHdr #mainContent {
	background-image:url(http://bangertercreative.com/images/new_center.png);
	width:705px;
	padding-left: 40px;
	padding-right: 40px;
	background-position: center;
	background-repeat:repeat-y;
	
}

.oneColElsCtrHdr #gallery {
	background-image:url(http://bangertercreative.com/images/new_center.png);
	background-position: center;
	width:785px;
	
	background-repeat:repeat-y;

	
}

H1{
	font: 12pt Georgia, serif;
	color: #777777;
	letter-spacing:4px;
	font-variant: small-caps;
	
}

H2{
	font: 12pt Georgia, serif;
	color: #777777;
	letter-spacing:4px;
	font-variant: small-caps;
	
}
.oneColElsCtrHdr #mainContent H1{
	color: #666666;
	
}
.oneColElsCtrHdr #footer { 
	background-image:url(http://bangertercreative.com/images/new_footer.png);
	background-position: center;
	width:785px;
	background-repeat:no-repeat;
	height: 130px;
	
	
} 
.oneColElsCtrHdr #footer p {
	font: 7pt Verdana, Arial, Helvetica, sans-serif;
	margin: 0; /* zeroing the margins of the first element in the footer will avoid the possibility of margin collapse - a space between divs */
	text-align: center;
	padding: 30px 0px 0px; /* padding on this element will create space, just as the the margin would have, without the margin collapse issue */
}

div.mainContent {
align: center;
background: #ffffff;
width:780px;
}

/* Breite beschrŠnken */
div.limiter {
	text-align: left;
	width: 80%;
	max-width: 69.23em;
	padding: 1.2em 1.5em;
	
	margin-left: auto;
	margin-right: auto;
}


ul {
	margin-bottom: 2em;
}


/* Listen */


ul#portfolio li img{
	border: 1px solid #ccc;
	padding: 4px;
}


.fade{
	margin-bottom: 2em;
}

.fade p{
	margin-bottom: 2em;
	text-align: center;
	width: 100%;
	background: #fff;
}