@import url(http://fonts.googleapis.com/css?family=Open+Sans:600,400);

body {
	color: black;
	background: url(files/hintergrund.png) repeat;
	font-size: 11px;
	font-family: 'Open Sans', sans-serif;
	font-weight: 400;
	font-stretch: ultra-condensed;
	margin: 0 auto;
	padding: 1%;
	text-align: left;
}
div#Fenster {
	height: 98%;
	width: 98%;
	border: 0;
	text-align: center;
	vertical-align:middle;
}
div#Seite {
	width: 1040px;
	height: 780px;
	margin: auto;
	padding: 0;
	border: 0;
	background: #FFF;
	text-align: center;
	vertical-align:middle;
	box-shadow:5px 5px 20px #888;
}
div#Inhalt {
	width: 960px;
	height: 700px;
	margin: 40px;
	padding: 0;
	border: 0;
	background: #FFF;
	float: none;
	vertical-align: middle;
}
div#Header {
	width: 960px;
	height: 140px;
	margin: 0;
	padding: 0;
	border: 0;
	background: #FFF;
	text-align: left;
	vertical-align:top;
}
div#Projekte {
	width: 960px;
	height: 600px;
	margin: 0;
	padding: 0;
	border: 0;
	background: #FFF;
	text-align: center;
	vertical-align:top;
}
div#Logo {
	width: 390px;
	height: 62px;
	padding: 0;
	margin-top: 39px;
	background: #FFF;
	float: left;
}
div#Navigation {
	width: 210px;
	height: 22px;
	padding: 0;
	margin-top: 59px;
	background: #FFF;
	float: right;
	text-align: right;
}

/*Projekte*/

  .wrapper{
    position: relative;
    float: left;
    left: 0;
    width: 960px;
    margin-bottom: 15px;
    background-color: none;
  }
  .left1{
    position: relative;
    float: left;
    left: 0;
    width: 310px;
    height: 190px;
    background-color: none;
  }
  .left2{
    position: relative;
    float: left;
    left: 15px;
    width: 310px;
    height: 190px;
    background-color: none;
  }
  .left3{
    position: relative;
    float: left;
    left: 30px;
    width: 310px;
    height: 190px;
    background-color: none;
  }


.Projekte_img {
  width: 310px;
  height: 190px;
}

.Projekte_MouseOver {
  width: 310px;
  height: 190px;
  display: none;
}


div#Betonmoebel {
  background-image: url(files/Betonmoebel/Projekt_Betonmoebel.jpg);
}

div#Gymnasium {
  background-image: url(files/Gymnasium/Projekt_Gymnasium.jpg);
}

div#Interweaving {
  background-image: url(files/Interweaving/Projekt_Interweaving.jpg);
}

div#Documenta_13 {
  background-image: url(files/Documenta_13/Projekt_Documenta_13.jpg);
}

div#Stachus_Muenchen {
  background-image: url(files/Stachus_Muenchen/Projekt_Stachus_Muenchen.jpg);
}

div#Leibniz_Salon {
  background-image: url(files/Leibniz_Salon/Projekt_Leibniz_Salon.jpg);
}

div#VOA_Am_Bruehl {
  background-image: url(files/VOA_Am_Bruehl/Projekt_VOA_Am_Bruehl.jpg);
}

div#VOA_Waldhofsiedlung {
  background-image: url(files/VOA_Waldhofsiedlung/Projekt_VOA_Waldhofsiedlung.jpg);
}

div#OA_Mehrgenerationenwohnen {
  background-image: url(files/OA_Mehrgenerationenwohnen/Projekt_OA_Mehrgenerationenwohnen.jpg);
}

/*
div#Decoding_Spaces {
  background-image: url(files/Decoding_Spaces/Projekt_Decoding_Spaces.jpg);
}
*/

/*Vita*/

  div#SE1{
    position: relative;
    float: left;
    left: 0;
    width: 330px;
    height: 600px;
	background-color: none;
	text-align: left;
	color: #000;
  }
  
  div#SE2{
    position: relative;
    float: left;
    left: 30px;
    width: 280px;
    height: 600px;
    background-color: none;
	text-align: left;
	color: #000;	
  }
  
  div#SE3{
    position: relative;
    float: left;
    left: 60px;
    width: 280px;
    height: 600px;
    background-color: none;
	text-align: left;
	color: #000;
  }


/*Text*/

h1 {
	color:  #FFF;
	font-size: 15px;
	font-family: 'Open Sans', sans-serif;
	font-weight: 600;
	font-stretch: normal;
}
h2 {
	color:  #000;
	font-size: 13px;
	font-family: 'Open Sans', sans-serif;
	font-weight: 600;
	font-stretch: normal;
}
a {
	padding: 0;
	text-decoration: none;
}
a:link {
	color: #FFF;
}
a:visited {
	color: #FFF;
}
a:hover {
	color: #000;
}
a:active {
	color: #FFF;
}