@import url(http://fonts.googleapis.com/css?family=Droid+Sans:400,700);
@import url(http://fonts.googleapis.com/css?family=Oswald:400,700,300);
/* =====================================================================================
HTML5 CSS3 RESET
==================================================================================== = */
/* 
html5doctor.com Reset Stylesheet
v1.6.1
Last Updated: 2010-09-17
Author: Richard Clark - http://richclarkdesign.com 
Twitter: @rich_clark
*/

html, body, div, span, object, iframe,
h1, h2, h3, h4, h5, h6, p, blockquote, pre,
abbr, address, cite, code,
del, dfn, em, img, ins, kbd, q, samp,
small, strong, sub, sup, var,
b, i,
dl, dt, dd, ol, ul, li,
fieldset, form, label, legend,
table, caption, tbody, tfoot, thead, tr, th, td,
article, aside, canvas, details, figcaption, figure, 
footer, header, hgroup, menu, nav, section, summary,
time, mark, audio, video {
    margin:0;
    padding:0;
    border:0;
    outline:0;
    font-size:100%;
    vertical-align:baseline;
    background:transparent;
}

body {
    line-height:1;
}

article,aside,details,figcaption,figure,
footer,header,hgroup,menu,nav,section { 
    display:block;
}

nav ul {
    list-style:none;
}

blockquote, q {
    quotes:none;
}

blockquote:before, blockquote:after,
q:before, q:after {
    content:'';
    content:none;
}

a {
    margin:0;
    padding:0;
    font-size:100%;
    vertical-align:baseline;
    background:transparent;
}

/* change colours to suit your needs */
ins {
    background-color:#ff9;
    color:#000;
    text-decoration:none;
}

/* change colours to suit your needs */
mark {
    background-color:#ff9;
    color:#000; 
    font-style:italic;
    font-weight:bold;
}

del {
    text-decoration: line-through;
}

abbr[title], dfn[title] {
    border-bottom:1px dotted;
    cursor:help;
}

table {
    border-collapse:collapse;
    border-spacing:0;
}

/* change border colour to suit your needs */
hr {
    display:block;
    height:1px;
    border:0;   
    border-top:1px solid #cccccc;
    margin:1em 0;
    padding:0;
}

input, select {
    vertical-align:middle;
}
/* =====================================================================================
DEFAULTS
==================================================================================== = */
html,body{
	width:100%;
	height:100%;
}
body{ 
	background:#fff;
	font-family:"Droid Sans";
}
hr{
	width:96%;
	padding:20px 2%;
	margin:0 auto;
}
/* =====================================================================================
NAVIGATION
==================================================================================== = */
nav{
	background: #3d6167; /* Old browsers */
	background: -moz-linear-gradient(top,  #3d6167 1%, #294145 100%); /* FF3.6+ */
	background: -webkit-gradient(linear, left top, left bottom, color-stop(1%,#3d6167), color-stop(100%,#294145)); /* Chrome,Safari4+ */
	background: -webkit-linear-gradient(top,  #3d6167 1%,#294145 100%); /* Chrome10+,Safari5.1+ */
	background: -o-linear-gradient(top,  #3d6167 1%,#294145 100%); /* Opera 11.10+ */
	background: -ms-linear-gradient(top,  #3d6167 1%,#294145 100%); /* IE10+ */
	background: linear-gradient(to bottom,  #3d6167 1%,#294145 100%); /* W3C */
	filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#3d6167', endColorstr='#294145',GradientType=0 ); /* IE6-9 */
	width:100%;
	height:55px;
	position:fixed;
	top:0;
	z-index:10;
}
	nav ul{
		width:100%;
		text-align:right;
	}
	nav li{
		list-style:none;
		display:inline-block;
		margin:0 5px 0 0;
	}
	nav a{
		color:#fff;
		display:block;
		font-family:"Oswald";
		font-size:18px;
		height:52px;
		line-height:52px;
		padding:0 10px;
		text-decoration:none;
		transition:all 0.2s ease-in-out;
	}
		nav a:hover{
			border-bottom:3px solid #799fa5;
			transition:all 0.2s ease-in-out;
		}
/* =====================================================================================
CONTENT
==================================================================================== = */
article{
	position:relative;
	width:100%;
	height:auto;
	min-height:100%;
	z-index:1;
}
		#home .container{
			position:absolute;
			top:50%;
			height:210px;
			margin:-105px auto 0;
			width:100%;
			overflow:hidden;
		}
			#home .container .inside{
				position:relative;
				margin:0 auto;
				width:1000px;
				height:190px;
				padding:20px 0;
				z-index:2;
			}
			#logo{
				float:left;
				margin:0 30px 0 0;
				box-shadow:0 0 20px #000;
			}
		#homebg{
			position:absolute;
			width:100%;
			top:0;
			left:0;
			height:auto;
			min-height:auto;
			z-index:1;
		}
		#home h1{
			color: #fff;
			display: block;
			font-family: "Oswald";
			font-weight:400;
			font-size: 46px;
			line-height:46px;
			text-align: left;
			margin:0 0 10px;
			text-transform: uppercase;
			width: 100%;
			padding:15px 0 5px;
		}
			#home h1 span{ color:#ff0; }
		#home h2{
			color: #fff;
			display: block;
			font-family: "Oswald";
			font-weight:400;
			font-size: 28px;
			text-align: left;
			text-transform: uppercase;
			width: 100%;
		}
	#uebermich{
		width:92% !important;
		padding:0 2% !important;
	}
		#uebermich .container{
			position:absolute;
			top:50%;
			height:300px;
			width:100%;
			margin:-100px 0 0;
		}
			#uebermich .container .inside{
				width:900px;
				margin:0 auto;
				font-size:18px;
				line-height:32px;
			}
				#uebermich .container .inside h3{
					font-size:46px;
					line-height:48px;
					font-family:"Oswald";
					font-weight:400;
					margin:0 0 20px;
				}
				#uebermich .container .inside img{ 
					float:right;
					margin:0 0 50px 50px;
				}
	#leistungen{}
		#leistungen .container{
			position:absolute;
			top:50%;
			height:500px;
			margin:-200px 0 0;
			width:100%;
		}
			#leistungen .container .leistung{
				float:left;
				width:33%;
				font-size:28px;
				font-family:"Oswald";
				text-align:center;
				text-transform:uppercase;
			}
				#leistungen .container .leistung img{
					display:block;
					margin:0 auto 20px;
				}
			#leistungen .container .text{
				clear: both;
				font-size: 18px;
				line-height: 24px;
				margin: 0 auto;
				padding: 80px 0 0;
				width: 850px;
			}
				#leistungen .container .text h3{
					margin:0 0 10px;
					font-weight:700;
					font-size:22px;
					text-transform:uppercase;
				}
	#projekte .container{ padding:100px 0 0;  }
	#projekte h3{
		width:80%;
		margin:0 auto 50px;
		text-align:left;
		text-transform:uppercase;
		font-family: "Oswald";
		font-size: 46px;
		font-weight: 400;
	}
	#kontakt .container{ 
		padding:100px 0 0; 
		width:80%;
		margin:0 auto;
	}
	#kontakt h3{
		margin:0 auto 50px;
		text-align:left;
		text-transform:uppercase;
		font-family: "Oswald";
		font-size: 46px;
		font-weight: 400;
	}
	#kontakt .theForm{
		width:60%;
    	vertical-align:top;
		margin:0 auto;
	}
		#kontakt .theForm p{ 
			margin:0 0 20px;
			line-height:24px;
		}
		#kontakt .theForm a{ 
			color:#3d6167;
			font-weight:bold;
			text-decoration:none;
		}
	input, textarea{
		width:80%;
		display:block;
		padding:10px;
		margin:0 auto 10px;
		border:1px solid #ccc;
		font-family:"Droid Sans";
		font-size:14px;
	}
	input[type=submit]{
		background: #1e5799; /* Old browsers */
		background: -moz-linear-gradient(top,  #1e5799 0%, #2989d8 50%, #207cca 51%, #7db9e8 100%); /* FF3.6+ */
		background: -webkit-gradient(linear, left top, left bottom, color-stop(0%,#1e5799), color-stop(50%,#2989d8), color-stop(51%,#207cca), color-stop(100%,#7db9e8)); /* Chrome,Safari4+ */
		background: -webkit-linear-gradient(top,  #1e5799 0%,#2989d8 50%,#207cca 51%,#7db9e8 100%); /* Chrome10+,Safari5.1+ */
		background: -o-linear-gradient(top,  #1e5799 0%,#2989d8 50%,#207cca 51%,#7db9e8 100%); /* Opera 11.10+ */
		background: -ms-linear-gradient(top,  #1e5799 0%,#2989d8 50%,#207cca 51%,#7db9e8 100%); /* IE10+ */
		background: linear-gradient(to bottom,  #1e5799 0%,#2989d8 50%,#207cca 51%,#7db9e8 100%); /* W3C */
		filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#1e5799', endColorstr='#7db9e8',GradientType=0 ); /* IE6-9 */
		cursor:pointer;
		color:#fff;
		text-transform:uppercase;
		font-family:"Oswald";
		font-size:20px;
	}
#message{
	width:500px;
	margin:0 auto 20px;
	display:none;
}
	#message ul{ margin:0 0 0 20px; }
/* =====================================================================================
FOOTER
==================================================================================== = */
footer{
	background:#3D6167;
	padding:20px;
	color:#fff;
	font-size:11px;
	text-align:center;
}
	footer a{ color:#ff0; text-decoration:none; }
	footer a:hover{ text-decoration:underline; }
/* =====================================================================================
SLIDER
==================================================================================== = */
.slider-wrapper{
	position:relative;
	margin: 0 auto;
	width: 80%;
	height:40%;
}