* {
	margin: 0;
	padding: 0;
	border: 0;
}

html, body {
	height: 100%;
	margin-bottom: 1px;
	padding: 0;
	color: rgb(99,95,82);
	background-color: transparent;
	font-family: PT Sans,sans-serif;
	/*font-family: PT Sans,sans-serif;*/
	text-rendering: optimizeLegibility;
	-webkit-font-smoothing: antialiased;
	font-size: 100.01%;
}




h1, h2, h3	{
	color: #cf4913;
	font-weight: lighter;
}

h4, h5, h6 	{

}

p {
	font-size: 91.0%; /* kann man rausnehmen, einzeln unten ändern*/
	line-height: 1.4em;
}

ul,ol {

}

li {

}

a:link {
	color: rgb(99,95,82);
	text-decoration: none;
	font-weight: regular;
}
a:hover {
	color: rgb(207,73,19);
}

a:visited {
	color: rgb(99,95,82);
}

a:active {
	color: #cf4913;
}

a:focus {
	color: #cf4913;
}
 
#wrapper  {
	min-height: 100%;
	width: 960px;
	margin: 0 auto;
}

/* ---------- header ---------- */
#header {
	clear: both;
	float: left;
	margin-left: 0;
	width: 100%;
	display: block;
}

/* ---------- logo ---------- */
.logo {
	float: left;
	margin: 1.0em 0 0 0.5em;
	width: 50%;
}

/* ---------- social ---------- */
.social {
	float: left;
	width: 40%;
	text-align: right;
	margin: 0.75em 0.25em 0 0;
}

/* ---------- language ---------- */
.language {
	float: left;
	width: 5%;
	text-align: right;
	margin: 1.0em 0.25em 0 0;
	font-size: 90.0%;
}
.language .active {
	color: #000;
}

/* ---------- main ---------- */
#main {
	float: left;
	width: 960px;
	margin: 0.5em 0;
}

/* ---------- sidebar ---------- */
.sidebar {
	float: left;
	width: 180px;
	margin: 1.2em 0.25em 1.0em 0.8em;
}
.sidebar p {
	letter-spacing: 0.05em;
	font-size: 88%;
}

.content {
	float: right;
	width: 73%;
	margin: 1.0em 0.5em 1.0em 3.0em; 
}
.content p {
	/* letter-spacing: 0.02em; */
	/*letter-spacing: 0.05em;*/
	font-size: 102%;
	margin-bottom: 1.0em;
}

.red {
	color: #cf4913;
}

/* ---------- column ---------- */
.column1 {
	float: left;
	width: 23%;
	margin: 1.0em 1.0em 1.0em 0.25em;
}
.column2 {
	float: left;
	width: 23%;
	margin: 1.0em 1.0em 1.0em 0.25em;
}
.column3 {
	float: left;
	width: 23%;
	margin: 1.0em 1.0em 1.0em 0.25em;
}
.column4 {
	float: left;
	width: 23%;
	margin: 1.0em 0em 1.0em 0.25em;
}

/* ---------- projekte ---------- */
/*
#projekte {	
	width: 700px;
	padding: 0px 0px 0px 245px;
	position: absolut;
}
*/

.item {
	float: left;
	/*
	overflow: hidden;
    position: relativ;
	*/
	margin: 5px;
    padding: 10px;
    width: 200px;
	border: solid 1px #ccc;
}
.item:hover {
	-webkit-box-shadow: 3px 2px 5px #aaa;
	-moz-box-shadow: 3px 2px 5px #aaa;
	box-shadow: 3px 2px 5px #aaa;

	/*-webkit-box-shadow: 1px 1px 5px #666;
	-moz-box-shadow: 1px 1px 5px #666;
	box-shadow: 1px 1px 5px #666;*/
}

/* ---------- gallery ---------- */
.gallery  p {
	float: left;
	margin: 1.0em 1.1em 0 0em;
	font-size: 0.8em;
}
.gallery p img {	
	-webkit-box-shadow: 3px 2px 5px #aaa;
	-moz-box-shadow: 3px 2px 5px #aaa;
	box-shadow: 3px 2px 5px #aaa;
}		

/* ---------- footer ---------- */
#footer	{
	clear: both;
	text-align: right;
	margin: 0 0.5em 0 0;
	padding: 1.0em 0 2.0em 0;
}