* {
	padding: 0;
	margin: 0;
	}
	
	header, nav, section, footer {
	display: block;
	}
	
	body {
	font-family: 'Trebuchet MS', Arial, Verdana, Helvetica;
	font-size: 100%;
	background: #888;
	color: #222;
	}
	
	a:active, a:hover, a:focus {
	text-decoration: underline;
	outline: none;
	}
	
	@font-face {
    font-family: 'PM';
    src: url('../fonts/FjallaOne-Regular.ttf');
    font-weight: bold;
    }
	
	header {
  background: #f7f7f7;
background:-moz-linear-gradient(top, #f7f7f7, #e4e4e4); /* Firefox */
background:-webkit-linear-gradient(top, #f7f7f7, #e4e4e4); /* Safari, Chrome */
background:-o-linear-gradient(top, #f7f7f7, #e4e4e4); /* Opera */
background:-ms-linear-gradient(top, #f7f7f7, #e4e4e4); /* IE */
background:linear-gradient(top, #f7f7f7, #e4e4e4); /* W3C Standard */	
padding: 20px 0 20px;
	box-shadow: 0 0 10px #555;
border-bottom: 10px solid #fff;
border-bottom: 10px solid #fff;
	}
	
	header .head {
	width: 950px;
	margin: 0 auto;
	}
	
	h1 {
	font-family: 'PM', 'Trebuchet MS', Arial, Verdana, Helvetica;
	font-size: 450%;
	text-transform: uppercase;
	text-shadow: 1px 1px 3px #555;
    }
	
	h2 {
	font-family: 'PM', 'Trebuchet MS', Arial, Verdana, Helvetica;
	font-size: 160%;
	text-transform: uppercase;
    }
	
	nav {
	margin: 15px auto 0;
	padding: 0 0 20px 0;
	width: 950px;
	text-transform: lowercase;
	}
	
	nav ul {
	float: left;
	font-family: 'PM';
	list-style-type: none;
	font-size: 110%;
	}
	
	nav ul + ul {
	padding: 0 0 0 2px;
	}
	
	nav ul li {
	display: inline;
	padding: 0 20px 0 0;
	}
	
	nav ul a.facebook {
	text-decoration: none;
	box-shadow: 0 0 5px #e4e4e4;
	padding: 3px 10px;
	background: #4c66a4;
	/*border-radius: 6px;*/
	box-shadow: 0 0 3px #777;
	background:-moz-linear-gradient(top, #4c66a4, #374f8a); /* Firefox */
	background:-webkit-linear-gradient(top, #4c66a4, #374f8a); /* Safari, Chrome */
	background:-o-linear-gradient(top, #4c66a4, #374f8a); /* Opera */
	background:-ms-linear-gradient(top, #4c66a4, #374f8a); /* IE */
	background:linear-gradient(top, #4c66a4, #374f8a); /* W3C Standard */
	color: #f7f7f7;
	}
	
	nav ul a:hover.facebook {
	text-decoration: none;
	box-shadow: 0 0 5px #e4e4e4;
	padding: 3px 10px;
	background: #374f8a;
	/*border-radius: 6px;*/
	box-shadow: 0 0 3px #777;
	background:-moz-linear-gradient(top, #374f8a, #2c4071); /* Firefox */
	background:-webkit-linear-gradient(top, #374f8a, #2c4071); /* Safari, Chrome */
	background:-o-linear-gradient(top, #374f8a, #2c4071); /* Opera */
	background:-ms-linear-gradient(top, #374f8a, #2c4071); /* IE */
	background:linear-gradient(top, #374f8a, #2c4071); /* W3C Standard */
	color: #f7f7f7;
	}
	
	
	
	nav ul a {
	text-decoration: none;
	box-shadow: 0 0 5px #e4e4e4;
	padding: 3px 10px;
	background: #e7e7e7;
	/*border-radius: 6px;*/
	box-shadow: 0 0 3px #777;
	background:-moz-linear-gradient(top, #f7f7f7, #d7d7d7); /* Firefox */
	background:-webkit-linear-gradient(top, #f7f7f7, #d7d7d7); /* Safari, Chrome */
	background:-o-linear-gradient(top, #f7f7f7, #d7d7d7); /* Opera */
	background:-ms-linear-gradient(top, #f7f7f7, #d7d7d7); /* IE */
	background:linear-gradient(top, #f7f7f7, #d7d7d7); /* W3C Standard */
	color: #222;
	}
	
	nav ul a:hover,
	nav ul a.active {
	text-decoration: none;
	color: #f7f7f7 !important;
	background: #444;
	background:-moz-linear-gradient(top, #444, #222); /* Firefox */
	background:-webkit-linear-gradient(top, #444, #222); /* Safari, Chrome */
	background:-o-linear-gradient(top, #444, #222); /* Opera */
	background:-ms-linear-gradient(top, #444, #222); /* IE */
	background:linear-gradient(top, #444, #222); /* W3C Standard */
	}
	
	article {
	width: 970px;
	margin: 0 auto;
	}
	
	article h2 {
	text-align: right;
	font-size: 300%;
	font-family: 'PM', 'Trebuchet MS', Arial, Verdana, Helvetica;
	text-transform: uppercase;
	text-align: right;
	color: #fff;
	padding: 30px 30px 0 0;
	text-shadow: 1px 1px 5px #555;
	}
	
	article .content h2, label {
	font-size: 120%;
	font-family: 'PM', 'Trebuchet MS', Arial, Verdana, Helvetica;
	color: #222;
	text-align: left;
	text-shadow: none;
	text-transform: uppercase;
	}
	
	article .content ul {
	padding: 5px 0 10px 15px;
	}
	
	.content {
	float: left;
	width: 890px;
	border-right: 10px solid #fff;
	border-left: 10px solid #fff;
	border-top: 10px solid #fff;
	clear: both;
	background: #c7c7c7;
	padding: 0 30px 40px;
	box-shadow: 0 0 10px #555;
	}
	
	footer {
	margin: 0;
	width: 100%;
	background: #444;
	background:-moz-linear-gradient(top, #444, #222); /* Firefox */
	background:-webkit-linear-gradient(top, #444, #222); /* Safari, Chrome */
	background:-o-linear-gradient(top, #444, #222); /* Opera */
	background:-ms-linear-gradient(top, #444, #222); /* IE */
	background:linear-gradient(top, #444, #222); /* W3C Standard */
	height: 300px;
	box-shadow: 0 0 10px #555;
	color: #f7f7f7;
	clear: both;
	}
	
	footer .info-boxes {
	clear: both;
	margin: 0 auto;
	padding: 30px 20px 20px;
	width: 910px;
	}
	
	footer .info-boxes div {
	float: left;
	width: 100%;
	margin: 0 0 20px 0;
	}
	
	footer .info-boxes .box3 {
	margin: 0;
	}
	
	footer h2  {
	padding: 0 0 0 5px;
	border-bottom: 1px dotted #f7f7f7;
	}
	
	/********** Slider ***********/
	.cbp-fwslider {
	position: relative;
	margin: 0;
	overflow: hidden;
	padding: 30px 0 0;
}

.cbp-fwslider ul {
	margin: 0;
	padding: 0;
	white-space: nowrap;
	list-style-type: none;
	
}

.cbp-fwslider ul li {
	-webkit-transform: translateZ(0);
	-moz-transform: translateZ(0);
	transform: translateZ(0);
	float: left;
	display: block;
	margin: 0;
	padding: 0;
}

.cbp-fwslider ul li span {
width: 930px;
margin: 0 auto !important;
display: block;
font-size: 300%;
font-family: 'PM', 'Trebuchet MS', Arial, Verdana, Helvetica;
text-transform: uppercase;
text-align: right;
padding: 0 20px 0 0;
text-shadow: 1px 1px 5px #555;
}

.cbp-fwslider ul li  a {
color: #fff;
text-decoration: none;
}

.cbp-fwslider ul li  a:hover {
color: #222;
}







.cbp-fwslider ul li > img,
.cbp-fwslider ul li > div {
	display: block;
	outline: none;
}

.cbp-fwslider ul li > img {
	border: none;
	display: block;
	margin: 0 auto;
	max-width: 75%;
	border-left: 10px solid #fff;
	border-right: 10px solid #fff;
	border-top: 10px solid #fff;
	box-shadow: 0 0 10px #555;
		text-align: center;


}

.cbp-fwslider nav span {
	position: absolute;
	top: 50%;
	width: 50px;
	height: 100px;
	background: #f7f7f7;
	background:-moz-linear-gradient(top, #f7f7f7, #d7d7d7); /* Firefox */
	background:-webkit-linear-gradient(top, #f7f7f7, #d7d7d7); /* Safari, Chrome */
	background:-o-linear-gradient(top, #f7f7f7, #d7d7d7); /* Opera */
	background:-ms-linear-gradient(top, #f7f7f7, #d7d7d7); /* IE */
	background:linear-gradient(top, #f7f7f7, #d7d7d7); /* W3C Standard */
	box-shadow: 0 0 10px #555;
	color: #222;
	font-size: 50px;
	text-align: center;
	margin-top: -50px;
	line-height: 100px;
	cursor: pointer;
	font-weight: normal;
}

.cbp-fwslider nav span:hover {
	background: #444;
	background:-moz-linear-gradient(top, #444, #222); /* Firefox */
	background:-webkit-linear-gradient(top, #444, #222); /* Safari, Chrome */
	background:-o-linear-gradient(top, #444, #222); /* Opera */
	background:-ms-linear-gradient(top, #444, #222); /* IE */
	background:linear-gradient(top, #444, #222); /* W3C Standard */
	color: #f7f7f7;
	}

.cbp-fwslider nav span.cbp-fwnext {
	right: 0px;
}

.cbp-fwslider nav span.cbp-fwprev {
	left: 0px;
}

.cbp-fwdots {
	position: absolute;
	bottom: 0px;
	white-space: nowrap;
	text-align: center;
	width: 100%;
	display: none;
}

.cbp-fwdots span {
	display: inline-block;
	width: 18px;
	height: 18px;
	background: #ddd;
	margin: 4px;
	border-radius: 50%;
	cursor: pointer;
}

.cbp-fwdots span:hover {
	background: #999;
}

.cbp-fwdots span.cbp-fwcurrent {
	background: #47a3da;
	box-shadow: 0 0 0 2px #47a3da;
	-webkit-transition: box-shadow 0.2s ease-in-out;
	-moz-transition: box-shadow 0.2s ease-in-out;
	transition: box-shadow 0.2s ease-in-out;
}

form {
padding: 30px 0 0 0;
}

form label {
display: block;
}

input, textarea {
width: 60%;
padding: 5px;
-webkit-transition: all 1s ease;
-moz-transition: all 1s ease;
-o-transition: all 1s ease;
transition: all 1s ease; 
border: none;
background: #e0e0e0;
}

input:focus, textarea:focus {
width: 70%;
background: #fff;
}

input#submit {
width: 20%;
display: block;
margin: 20px 0 0 0;
	text-decoration: none;
	box-shadow: 0 0 5px #e4e4e4;
	padding: 3px 10px;
	background: #e7e7e7;
	/*border-radius: 6px;*/
	box-shadow: 0 0 3px #777;
	background:-moz-linear-gradient(top, #f7f7f7, #d7d7d7); /* Firefox */
	background:-webkit-linear-gradient(top, #f7f7f7, #d7d7d7); /* Safari, Chrome */
	background:-o-linear-gradient(top, #f7f7f7, #d7d7d7); /* Opera */
	background:-ms-linear-gradient(top, #f7f7f7, #d7d7d7); /* IE */
	background:linear-gradient(top, #f7f7f7, #d7d7d7); /* W3C Standard */
	-moz-transition: 0.3s ease;
    -webkit-transition: 0.3s ease;
    -o-transition: 0.3s ease;
    transition: 0.3s ease;
	color: #222;
	font-family: 'PM';
	font-size: 110%;
	text-transform: lowercase;
}

input#submit:hover {
	color: #f7f7f7 !important;
	background: #444;
	background:-moz-linear-gradient(top, #444, #222); /* Firefox */
	background:-webkit-linear-gradient(top, #444, #222); /* Safari, Chrome */
	background:-o-linear-gradient(top, #444, #222); /* Opera */
	background:-ms-linear-gradient(top, #444, #222); /* IE */
	background:linear-gradient(top, #444, #222); /* W3C Standard */
	cursor: pointer;
	}

input + label, textarea + label {
padding: 30px 0 0 0;
}

textarea {
height: 220px;
}

.content .projekt1,
.content .projekt2,
.content .projekt4,
.content .projekt5 {
float: left;
width: 290px;
padding: 0 10px 0 0;
}

.content .projekt3,
.content .projekt6 {
padding: 0;
}


.content .projekt1 img,
.content .projekt2 img,
.content .projekt3 img,
.content .projekt4 img,
.content .projekt5 img,
.content .projekt6 img {
border: 3px solid #fff;
opacity: 0.7;
}

.content .projekt1 img:hover,
.content .projekt2 img:hover,
.content .projekt3 img:hover,
.content .projekt4 img:hover,
.content .projekt5 img:hover,
.content .projekt6 img:hover {
opacity: 1.0;
}