/* Portfolio Filter Stylesheet */

/*****Reset*****/
html, body, div, h1, h2, h3, h4, h5, h6, ul, ol, dl, li, dt, dd, p, blockquote, pre, form, fieldset, table, th, td { margin: 0; padding: 0; }

/*****Basic Definitions*****/
body { 
	color: #402e25; 
	font: 11px/16px Georgia, Cambria, "Times New Roman", Times, serif; 
	line-height: 1.6m;

}

h1 { 
	font-size: 2em;
	color: #edc170;
	text-align:center;
	margin: 40px auto 20px; 
	overflow: hidden;
}

h2 { 
	font-size: 1.5em; 
}

h3 { 
	font-size: 1.3em; 
}

h4 { 
	font-size: 1.167em; 
	text-align:center;
	margin: 20px auto; 
	overflow: hidden;
}

h5, h6 { 
	font-size: 1em; 
}

a { 
	text-decoration: none; 
	color: #40819d; 
}

a:visited { 
	color: #40819d; 
	
}
a:hover { 
	text-decoration: underline; 
}

p, ul, ol, dl, table { 
	margin-bottom: 18px; 
}

ul, ol, dd { 
	margin-left: 36px; 
}

/*****Custom Classes*****/
.clearing { clear: both; }
.last { margin-bottom: 0; }
.screenReader { 
	left: -9999px; 
	position: absolute; 
	top: -9999px; 
}

/*****Basic Layout*****/
div#container { 
	margin: 0 auto 0; 
	overflow: hidden; 
	width: 828px;
}

div#header { 
	margin: 68px auto 0; 
	border-bottom: 2px solid #402e25; 
	overflow: hidden;
	width: 828px;
}

div#navigation { 
	margin: 20px auto 20px; 
	border-bottom: 1px solid #999; 
	overflow: hidden;
}

div#content { 
	margin: 40px auto 20px; 
	overflow: hidden;
	width: 828px;
}

div#content img{ 
	text-align: center;
	overflow: hidden;
}

div#bild img { 
    float: left;
    margin-left: auto;
    margin-right: 20px;
	margin-bottom: 10px;
	overflow:hidden;
}

div#text { 
    display: left;
	font-size: 1.3em;
	line-height: 1.5em;
	overflow:hidden;

}

div#footer { 
	margin: 20px auto 68px; 
	padding-top: 20px;
	padding-bottom: 20px;
	text-align:center;
	border-top: 1px solid #999; 
	border-bottom: 2px solid #402e25; 
	overflow: hidden; 
	width: 828px;
}

ul#filter { 
	float: left; 
	font-size: 14px; 
	list-style: none; 
	margin-left: 0;
	width: 100%;
}

ul#filter li { 
	border-right: 1px dotted #dedede;
	float: left;
	line-height: 16px;
	margin-right: 10px;
	padding-right: 10px;
}

ul#filter li:last-child { 
	border-right: none; 
	margin-right: 0; 
	padding-right: 0;
}

ul#filter a { 
	color: #402e25; 
	text-decoration: none;
}

ul#filter a:hover { 
	text-decoration: underline; 
}
ul#filter li.current a { 
	color: #edc170; 
}

ul#portfolio { 
	float: left;
	list-style: none; 
	margin-left: 0;
	width: 100%;
}

ul#portfolio li { 
	border: 1px solid #dedede;
	float: left; 
	margin: 0 8px 8px 0;
	padding: 3px;
	width: 191px;
}


ul#portfolio a:hover { 
	text-decoration: none;
}

ul#portfolio img { 
	display: block; 
	border: none;
}

ul#portfolio img a { 
	display: block; 
}

/**added by Chris Paul **/
.hidden{
	visibility: hidden;
	display: none;