.right {
  float: right;
}

.left {
  float: left;
}

.clear {
  clear: both;
}

h1 {
  margin: 0 auto;
  margin-bottom: 50px;
  
  width: 799px;
  height: 256px;
	  
  display: block;
	
  background: url('../images/header.jpg') no-repeat;

  font-size:0px;
  text-indent: -5000px;
}

.content {
  margin: 0 auto;
  
  width: 620px;
}

#work {
  width: 708px;
  
  position: relative;
}

#designer {
  width: 620px;
}

	#designer img {
	  display: block;
	}

	#designer .right {
	  margin-right: 10px;
	  margin-top: 30px;
  
	  width: 370px;
	}

	#designer .left ul {
	  padding: 0px;
	  margin: 0px;
	  margin-top: 30px;
	  width: 240px;
  
	  list-style-type: none;
	}

		#designer .left ul li {
		  width: 141px;
		  height: 41px;
  
		  margin-bottom: 9px;
  
		  display: block;
		}

			#designer .left ul li a {
			  width: 141px;
			  height: 41px;
  
			  display: block;
  
			  background: url('../images/designer_social_sprite.png') no-repeat;
			}

			#designer .left ul li a.twitter, #designer .left ul li a.twitter:link, #designer .left ul li a.twitter:visited, #designer .left ul li a.twitter:active {
			  background-position: top left;
			}

			#designer .left ul li a.twitter:hover {
			  background-position: 0px -41px;
			}
			
			#designer .left ul li a.twitter:active {
			  background-position: bottom left;
			}

			#designer .left ul li a.facebook, #designer .left ul li a.facebook:link, #designer .left ul li a.facebook:visited, #designer .left ul li a.facebook:active {
			  background-position: top center;
			}

			#designer .left ul li a.facebook:hover {
			  background-position: -141px -41px;
			}
			
			#designer .left ul li a.facebook:active {
			  background-position: bottom center;
			}
			
			#designer .left ul li a.forrst, #designer .left ul li a.forrst:link, #designer .left ul li a.forrst:visited, #designer .left ul li a.forrst:active {
			  background-position: top right;
			}

			#designer .left ul li a.forrst:hover {
			  background-position: -282px -41px;
			}
			
			#designer .left ul li a.forrst:active {
			  background-position: bottom right;
			}

	#designer form {
	  margin-top: 43px;
	}

#navibar {
  position: fixed;
  left: 0px;
  top: 0px;
  
  z-index: 10;
  
  height: 100%;
  
  background: url('../images/navi_side.png') repeat-y;
}

    #navi {
	  position: relative;
	  top: 15%;
	  
	  margin-left: 17px;
	  
	  height: 229px;
	}
	
	     #leftside {
		   width: 18px;
		   height: 229px;
		   
		   background: url('../images/navi_left.png') no-repeat;
		   
		   float: left;
		 }
		 
		 #rightside {
		   width: 31px;
		   height: 229px;
		   
		   background: url('../images/navi_right.png') no-repeat 0px 5px;
		   
		   float: left;
		 }
		 
		 #menu {
		   height: 229px;
		   
		   background: url('../images/navi_middle.png') repeat-x 0px 5px;
		   
		   float: left;
		 }
		 
		 .handle {
		   position: absolute;
		   left: 0px;
		 
		   width: 100%;
		   height: 25px;
		   
		   cursor: ns-resize;
		 }
		 
		     .handle.oben {
			   top: 0px;
			 }
			 
			 .handle.unten {
			   bottom: 0px;
			 }
			 
.trenner {
  margin: 0 auto;
  margin-top: 50px;
  margin-bottom: 50px;
  
  width: 800px;
  height: 2px;
  
  display: block;
  
  background: url('../images/content_trenner.png') no-repeat top center;
}

a.sitenotice {
  display: block;
  float: right;
  
  width: 100px;
  height: 40px;
  
  margin: 40px;
  
  line-height: 40px;
  text-align: right;
}