#wrapper{
	
	width: 665px;
	height:300px;
	margin-right:auto;
	margin-left:auto;
	font-size:20px;
	font-family:arial,sans-serif;
	
}

header{
	height:50px;
	text-align:right;

}

nav{
	text-align:center;
	
	
}

nav ul{
	list-style-type: none;
	margin-right:auto;
}

	nav li{
		display:inline;
		margin-right:30px;
	}
	
	a{color:#777;
	text-decoration: none;
	font-family:arial,sans-serif;
	}
	
	
section{
width:auto;
height:auto;

}

.vase{
	
}



 .vase img{
	
	padding-top: 0px;
	padding-bottom: 0px;
 }	 

footer ul {
	float: left;
	list-style: none;
}

#bio{
	margin:15px;
}


#bio h1 {

	color: #777;
	padding-bottom: 10px;
	
}


#kontakt{
	margin: 15px;
}


#kontakt h1 {
	color: #777;
	padding-bottom: 10px;
}


#texte{
	margin: 15px;
}


#texte h1 {
	color: #777;
	padding-bottom: 10px;
}


#ceramic{
	margin: 15px;
	list-style: none;
	
}

#ceramic h1{
	color: #777;
	padding-bottom:
	list-style:none;
	
}


#impressum {
	margin: 15px;
	
}

#impressum h1 {
	color: #777;
	padding-bottom: 10px;
}

#education {
	margin:15px;
	list-style:none;
}

#education h1{
	color: #777;
	padding-bottom: 10px;
	list-style:none;
}

#art {
	margin:15px;
	list-style:none;
}

#art h1{
	color: #777;
	padding-bottom: 10px;
	list-style:none;
}

#Konsens {
	margin:15px;
	list-style:none;
}

#Konsens h1{
	color: #777;
	padding-bottom: 10px;
	list-style:none;
}

.photoceramic {
 
  background: url("bilder/ceramic.jpg") no-repeat;
 display: inline-block;
 width: 673px;
  height: 190px;
 
}
.photoceramic:hover {
  background: url("bilder/ceramic2.jpg") no-repeat;
  width: 673px;
  height: 190px;
}

.photoart {
 
  background: url("bilder/art.jpg") no-repeat;
 display: inline-block;
 width: 673px;
  height: 190px;
 
}
.photoart:hover {
  background: url("bilder/art2.jpg") no-repeat;
  width: 673px;
  height: 190px;
}

.photoedu {
 
  background: url("bilder/edu.jpg") no-repeat;
 display: inline-block;
 width: 673px;
  height: 190px;
 
}
.photoedu:hover {
  background: url("bilder/edu2.jpg") no-repeat;
  width: 673px;
  height: 190px;
}