/* Global Settings
==============================*/

html{
	width: 100%;
	height: 100.5%;
}
body {
	width: 100%;
	height: 100%;
	font-family: Verdana,Helvetica,sans-serif;
	font-size: 70%;
	text-align: center;
	color: #59563d;
	/* reset font-sizes to 1em == 10px */
}
* {
	font-size: 1em;
	padding: 0;
	margin: 0;
	font-family: Verdana,Helvetica,sans-serif;
	list-style: none;
	/* reset font-sizes to 1em == 10px */
}
a img {
	border: 0;
}
.clear {
	display: block;
	clear:both;
}

/* Layout
==============================*/

#Main {
	margin: auto;
	width: 750px;
	text-align: left;
}
#Header {
	background: url(../images/header.jpg) bottom left no-repeat;
	clear: left;
	}
	#Header h1 {
		color: #fff;
		font-size: 1.5em;
		line-height: 3.6em;
		padding-left: 40px;
	}
#Navigation {
	width: 750px;
	margin: 0 auto;
	padding-top: 5px;
	overflow: hidden;
}

/* Menu
==============================*/

#Menu1 a {
	padding: 0 10px 0 10px;
	border-left: 1px solid #7b7b53;
	color: #7b7b53;
	}
	#Menu1 li {
		margin-bottom: 5px;
		float: left;
		}
		ul#Menu1 {
			list-style: none;
			color: #7b7b53;
			margin-bottom: 40px;
			line-height: 0.5em;
		}
#Menu2 {
	border: 1px solid #7b7b53;
	padding: 10px 10px 10px 0;
	width: 25%;
	float: left;
	}
	#Menu2 a {
		margin-right: 20px;
		color: #7b7b53;
		}
		#Menu2 li {
			display: block;
			margin-bottom: 5px;
			float: left;
			}
			ul#Menu2 {
				background: #eeede8;	
				margin-right: 20px;
				padding: 10px 10px 10px 10px;
				border: 1px solid #7b7b53;
				color: #7b7b53;
				}
				ul#Menu2 li {
					width: 100%;
					display: block;
					margin-bottom: 5px;
					float: left;
				}
#Menu3 {
	background: #eeede8;	
	margin-right: 20px;
	padding: 10px 10px 10px 10px;
	border: 1px solid #7b7b53;
	color: #7b7b53;
	width: 20%;
	float: left;
	}
	#Menu3 a {
		margin-right: 20px;
		color: #7b7b53;
		}
		#Menu3 li {
			display: block;
			margin-bottom: 5px;
			float: left;
			}
			ul#Menu3 {
				}
				ul#Menu3 li {
					width: 100%;
					display: block;
					margin-bottom: 5px;
					float: left;
				}

/* Header styling
==============================*/

h1 {
	font-size: 1.5em;
	clear: both;
	margin-bottom: 2px;
	text-align: left;
	border-bottom: 1px solid;
	}
	h1 sup {
		color: #ddd;
		}
		h1 a {
			color: #fff;
			text-decoration: none;
			}
			h1 .company, h1 a .company {
				color: #d01a71;
			}
h2 {
	font-size: 12px;
	font-weight: bold;
	margin-top: 20px;
}
h3 {
	color: #7b7b53;
	font-size: 1.5em;
}
h4 {
	font-size: 1.3em;
}
a {
	color: #7bb53;
	text-decoration: none;
	border-color: #7b7b53;
	font-size: 12px;
}
a:hover {
	text-decoration: underline;
	color:#005f00;
}

/* Content
==============================*/

#ContentContainer {
	position: relative;
	margin-top: 10px;
	}
	#ContentContainer ul {
		margin-left: 15px;
		margin-bottom: 10px;
		}
		#ContentContainer h1 {
			font-size: 16px;
			clear: both;
			margin-bottom: 25px;
			text-align: left;
			border-bottom: 1px solid;
		}
#Banner {
	text-align: center;
	padding-bottom: 158px;
}
p {
	line-height:130%;
	margin-bottom:10px;
}
#Content {
	width: 100%;
	text-align: left;
	margin: auto;
	color: #7b7b53;
	}
	#Content ul {
		margin-left: 15px;
		margin-bottom: 0;
	}
#myGallery1 {
	text-align: left;
	margin: 0 auto;
}
textarea {
	width: 270px;
	float: right;
	font-size: 12px;
	height: 150px;
	border: 1px solid #C0C0C0;
	padding: 1px;
}
#text_links {
	float: left;
	}
	#text_rechts {
		float: right;
		}
		#text_links,#text_rechts {
			width: 350px;
			}
			.kasten {
				background: #eeede8;
				margin-bottom: 10px;
				padding: 10px 10px 15px;
				}
				.kasten ul {
					margin-bottom: 0;
				}

/* Footer
==============================*/

#Footer {
	clear: both;
	margin-top: 15px;
	width: 750px;
	text-align: left;
	padding-bottom: 25px;
	}
	#Footer span {
		color: #7b7b53;
		line-height: 1em;
		font-weight: normal;
		padding-left: 20px;
		}
		#Footer a {
			color: #7b7b53;
			text-decoration: none;
		}

/* Staff Page
==============================*/

#StaffHolder {
	float: right;
	width: 65%;
	margin-bottom: 40px;
}
#Staff p {
	display: block;
	width: 45%;
	float: right;
	}
	#Staff .clear {
		clear: both;
		width: 100%;
	}
#StaffList .staffname { 
	clear: both;
	padding-left: 60px;
	height: 1.2em;
	}
	.staffphoto,
	#StaffList.staffphoto {
		float: left;
		margin-left: 3px;
		margin-top: 1em;
		width: 65px;
		}
		#StaffList .staffphoto img {
			border:1px solid #AAA;
			}
			#StaffList.staffdescription {
				margin: 10px 0 30px 60px;
				font-style: italic;
			}
#StaffPhoto {
	float: left;
	margin-right: 10px;
	}
	#StaffPhoto img {
		border:1px solid #AAA;
		margin-bottom: 30px;
		}
ul#StaffList {
	width: 65%;
	display: block;
	margin-bottom: 10px;
	float: right;
}
div.projectResume {
	display: block;
	width: 66%;
	float: right;
	}
	div.projectDetails {
		display: block;
		width: 67%;
		float: right;
		margin-bottom:10px;
	}

#WorkshopPhoto {
	float: right;
	margin-left: 30px;
	margin-bottom: 30px;
	}