/*General Style */

body {
	font-size: 100%;
	margin: 0em;
	padding: 0em;}

h1 {font-weight: lighter;
	font-family: helvetica;
	opacity: 0.65;
	font-size: 2em;
	text-align: center;
	letter-spacing: 0.2em;
	line-height: 1.8em;
	padding: 2em 1.25em 0em 1.25em;
}

h2 {font-weight: 100;
	font-family: helvetica;
	font-size: 1.3em;
	padding: 1em;
	opacity: 0.6;
	}

h3 { font-size: 1.5em;
	opacity: 0.55;}



 img {
	height: auto;
	max-width: 100%;	
	} 

p {font-weight: helvetica;
	font-weight: 100;
	font-size: 1em;}

/* On top*/

#menubar {display: block;
		}

#menubar ul {display: block;
			width: 2em;
			padding: 0.9em;}


#menubar {display: inline;}

#fixednav {
			width: 100%;

			background-color: white;
			position: fixed;
			z-index: 4;
			box-shadow: 0px 11px 5px -7px rgba(0,0,0,0.30);

			}

#placeholder {width: 100%;
				height:3em;}

/* Navigation */

nav ul {margin-right: 3.5em;
	padding: 0px;}

nav li {list-style: square;
	font-family: helvetica;
	font-weight: 100;
	margin: 0em;
	padding: 1.25em;
	margin: 0.313em 0em 0.313em 0em;
}

nav a {text-decoration: none;
		color: black;}

nav {display: block;

	height: 2.5em;
	margin-top: 1em;
	text-align: right;}

nav ul {display: block;
	}

nav ul li {	opacity: 0.4;
			transition: all 0.8s ease 0s;
			display: inline;
			margin: 0em 0.2em 0em 0.2em;
	}

nav ul li:hover {opacity: 1;}


.wrapper {
	display: block;
    width: 96%;
    max-width: 980px;
    margin: 0 auto;
}

.wrapper2 {
	display: block;
	width: 90%;
	max-width: 500px;
	margin: 0 auto;
}

.logo {
	float: right;
	z-index: 2;
	margin: 2em 2em 30em 0em;
	padding: 0em;
	position: absolute;
	right: 0.2em;
	width: 20%;
	height: auto;
	opacity: 0.8;
}


.flexslider {
	z-index: 1;
	margin: 0em;
	padding: 0em;}
				}

.flexslider img {height: 100%;
				width: auto; }


/*projekte */

section #main {display: block;
	width: 90%;
		max-width: 960px;
		}

.leistungen {margin-top: 2em;}


#fenster {display: inline-block;
			width: 30%;
			height: 30em;
			text-align: center;
			background-color: #dedee6;
			font-weight: 100;
			font-family: helvetica;
			font-size: 1em;
			margin: 0.5em;
			

			}




#tueren {display: inline-block;
			width: 30%;
			height: 30em;
			text-align: center;
			background-color: #dedee6;
			font-weight: 100;
			font-family: helvetica;
			font-size: 1em;
			margin: 0.5em;
		}

#schatten {display: inline-block;
			width: 30%;
			height: 30em;
			text-align: center;
			background-color: #dedee6;
			font-weight: 100;
			font-family: helvetica;
			font-size: 1em;
			margin: 0.5em;

		}


.beschreibung {opacity: 0.5;
			}


.adresse {font-family: helvetica;
			text-align: center;
			line-height: 1em;}


#kontakt {background-color: #dedee6; 
			height: 22em;
			width:auto;
			margin-top: 5em;
			margin-bottom: 5em;
		}

.info { opacity: 0.55;
	line-height: 0.8em;}

.info2 { opacity: 0.55;
	font-size: 0.8em;
	line-height: 0.7em;}


/*Kontaktformular */

#feedback p {font-family: helvetica;
	         font-weight: 100;}


form ul {list-style: none;}

form ul li { margin: 2.5em 0;}

form label { 
	display: block;
	opacity: 0.8;}

form input, textarea {

 font-size: 1em;
 padding: 0.12em;	
 width: 100%;
}

form textarea {height: 80px;}

#kontaktformular {
			font-family: helvetica;
			font-weight: 100;

				}

.boxes {margin: 0em 1em 1em 0em;
		display: block;
		padding-top:0.5em;
		padding-bottom: 0.5em;
		font-size: 1em;

		}

input[type=submit] {
    padding-top: 1em;
    padding-bottom: 1em;
    color: grey;
    font-weight: lighter;
    letter-spacing: 0.1em;
    font-size: 1em;
    width: 500px;
    background:#dedee6; 
    border:0 none;
    cursor:pointer;
    text-align: center;}


/* Mobile Device */

@media screen and (max-width:800px) { body { 
		font-size: 90%; }
}

@media screen and (max-width:600px) {
	#fenster, #tueren, #schatten { 
	width: 100%;
	display:block;
	margin: 0.6em 0em 0.6em 0em; }
 }

 @media screen and (max-width:550px) { body { 
		font-size: 86%; 
		height: 80em;}
}

 @media screen and (max-width:550px) { textarea, input[type=submit] {
 width: 350px; 
		
}


 

/*.ui-tabs .ui-tabs-hide {
    position: absolute;
    left: -10000px;
}
*/