@import "reset.css";
#wrap{
	width:960px;
	margin:0 auto;
}
body{
	font-family:arial, sans-serif;
	background-color:#fff;
	color:#000;
	line-height:24px;
	font-size:14px;
	color: rgb(151, 153, 19);

	}
h1{
	font-size:38px;
	margin:0 0 30px 0;
}
h2{
	font-size:28px;
	margin:40px 0 20px 0;
	color: rgb(151, 153, 19);

}
h3{
	font-size:24px;
	margin:30px 0 10px 0;
	font-style:Georgia, serif; normal;
	color: rgb(0, 0, 0);
	font-size-adjust: none; 
	font-stretch: normal;
}
h4{
	font-size:18px;
	margin:30px 0 15px 0;
	color: rgb(151, 153, 19);

}
h5{
	font-size:14px;
	margin:30px 0 5px 0;
	color: rgb(151, 153, 19);

}
h6{
	font-size:12px;
	margin:30px 0 5px 0;
	font-family:Helvetica Neue, Arial; 
	color: rgb(255, 255, 255);

}
h8{
	font-size:16px;
	margin:30px 0 5px 0;
	color: rgb(151, 153, 19);

}
h9{
	font-size:18px;
	margin:30px 0 5px 0;
	color: rgb(151, 153, 19);

}

.auto-style1 {
	font-family: Arial, Helvetica Neue, sans-serif;
}
p{
	margin:0 0 10px 0;
	background-color: rgb(255, 255, 255);

}
a{
	text-decoration:none;
	color:#2684cd;
}
a:hover{
	color:#555;
	cursor:pointer;
}
em{
	font-style:italic;
}
.hide{
	display:none;
}
.title{
	margin-top:0;
}
.article-line{
	clear:both;
	border-bottom:1px #ddd dotted;
	margin:40px 0 45px 0;
}
.cache-images{
	display:none
}
.more-details{
	display:block;
	margin:5px 0 0 0;
}

.logo{
	float:left; 
	height:100px;
	width:305px;
	background:url(../images/logo1.png) no-repeat;
}

#header{
	padding:0px 0 0 0;
	height:10px;
}
#header h1{
	float:left;
	font-size:35px;
	margin:32px 0 0 0;
	letter-spacing:-2px;
	font-weight:bold;
}
#header h1 a{
	color:#555;
}
#links16{
		float: left;
		width: 270px;
		font:helvetica; 
		font-size:16px;color:rgb(38,132, 205); 
		
}
#links18{
		float: left;
		width: 280px;
		font:helvetica; 
		font-size:17px;color:rgb(38,132, 205);
}

#rechts16{
		float: right;
		width: 250px;
		font:helvetica; 
		font-size:16px;color:rgb(38,132, 205);
}
#rechts18{
		float: right;
		width: 250px;
		font:helvetica; 
		font-size:17px;color:rgb(38,132, 205);
}
#links19{
		float: left;
		height:20px;
	    width:280px;
		width: 570px;
		font:helvetica; text-align: center;
		font-size:15px;color:rgb(38,132, 205); 
		
}

/* --------- */
/* -- Nav -- */
/* --------- */
.linear .auto {
  transition-timing-function: linear;
}
 
.ease-in .auto {
  transition-timing-function: ease-in;
}
 
.ease-out .auto {
  transition-timing-function: ease-out;
}
 
.ease-in-out .auto {
   transition-timing-function: ease-in-out;
}
figure h2 {
  transform: translateY(-200px);
  transition: all 0.3s ease-in-out;
}
 
figure:hover h2 {
  transform: translateY(0px);
  transition-delay: 0.4s;
}
 
figure p {
  transform: translateX(200px) rotate(90deg);
  transition: all 0.4s ease-in-out;
}
 
figure:hover p {
  transform: translateX(0px) rotate(0deg);
  transition-delay: 0.2s;
}
 
figure a.info {
  transform: translateY(-200px);
  transition: all 0.2s ease-in-out;
}
 
figure:hover a.info {
  transform: translateY(0px);
  transition-delay: 0.3s;
}



nav .middle {
	vertical-align: middle; float: left; display: table-cell; height: 125px; padding-bottom: -20px;
}
header h1.logo {
  
}
#nav{
	float:right;
	margin:25px -32px 0 0;
	-web-transition: background 5s;
}
.menu{
	padding:28px 130px 0 0;
	-web-transition: background 5s;
}
.menu li{
	margin:0 0px;
	padding:0 0 8px;
	float:left;
	position:relative;
}
.menu a{
	display:block;
	padding: 8px 15px;
	margin:0;
	color:#555;
	text-decoration:none;
	font-size:12px;
	-web-transition: background 0.2s;
}
.menu .current a, .menu li:hover > a{
	color:#999900;
	font-size:12px;
/* -- 2684cd--*/
}
.menu ul li:hover a, .menu li:hover li a{
	color:#555;
}
.menu ul a:hover{
	background:#999900!important;
	color:#fff !important;
	
	z-index:-1;
	transition: all 0.5s easy-in;
}
.menu ul{
	background:#eee;
	display:none;
	margin:0;
	padding:0;
	width:250px;
	position:absolute;
	top:35px;
	left:20px;
	border:solid 1px #ddd;
}
.menu li:hover > ul{
	display:block;
	z-index:auto;
}
.menu ul li{
	float:none;
	margin:0;
	padding:0;
}
.menu ul a{
	font-size:12px;
}
.menu ul ul{
	left:250px;
	top:-3px;
}
.menu li.current_page_item a{
	color:#999900;
}
.menu .sub-menu li.current_page_item a{
	color:#2684cd;
}
#featured-section{
	float:left;
	margin:0;
	overflow:hidden;
	padding:20px 0 50px 0;
	
}
#featured-section h2{
	clear:both;
	color:#888;
	letter-spacing:-1px;
	font-size:30px;
	padding:30px 0 15px 0;
	margin:0;
	text-align:center;
}
#featured-section h2 span{
	color:#555;
}
#circles{
	margin:-40px 0 0 0;
	background:url(../images/2.png) no-repeat;
}
#circles .circle{
	float:left;
	margin:0 0 0 36px;
	width:930px;
	height:300px;
	text-align:center;
	color:#eee;
	padding:0 15px;
	
}
.circle h3{
	margin-top:45px;
}
#featured-section .red-circle{

}
#featured-section .first{
	margin-left:0;
	background-image:url('../images/2.png')
}
/* ---------------- */
/* -- Front Page -- */
/* ---------------- */
#frontpage-main{
	float:left;
	margin:10px 0 10px 40px;
	
	width:100%;
	
}
#frontpage-main2{
	float:left;
	margin:10px 0 10px 30px;
	
	width:100%;
	font-size:9px;
	
}

#frontpage-main h3{
	margin-top:0;
	font-size:8px;
	font-style:italic;
}

#frontpage-main h4{
	margin-top:0;
	font-size:18px;
	font-style:italic;
}
#frontpage-main #overview{
	float:left;
	border-right:1px #ddd dotted;
	width:400px;
	padding-right:80px;
}
#frontpage-main #latest-article{
	float:right;
	width:380px;
}
#latest-article .meta, #frontpage-section .meta a{
	color:#aaa;
	font-size:18px;
}
#latest-article .article-title{
	font-size:18px;
}
/* --main -- */

#main{
	float:left;
	margin:-100px 0 50px 0;
	width:100%;
}
#content{
	float:right;
	top: 10px;
	width:590px;
	margin: 20px 15px 0 0;
}

#portfolio{
	margin:60px 0 50px 0;
}
#portfolio h2{
	letter-spacing:-1px;
	margin:0 0 40px 0;
	font-size:20px;
	font-style:italic;
	color:#888;
}
.portfolio-item{
	float:left;
	width:280px;
	height:200px;
	margin:0 0 60px 60px;
}
.portfolio-item:hover{
	opacity:0.7;
}
.first{
	margin-left:0;
}
.portfolio-item img{
	border:1px #ddd solid;
}
#project-content{
	float:left;
	width:480px;
}
#project-header{
	margin:0 0 25px 0;
}
#project-content h3{
	margin:0 0 10px 0;
}
#project-content h3 span{
	color:#888;
}
#project-image-large img{
	float:right;
	border:1px #ddd solid;
}
#project-header h3{
	margin-bottom:2px;
}
/* ------------- */
/* -- Sidebar -- */
/* ------------- */
#sidebar{
	float:left;
	width:315px;
	margin: 48px 0 0 0px;
	height:400px;
	background-color:#E4E4E9;
			
}
#bar{
	float:left;
	width:315px;
	margin: 48px 0 0 0px;
	height:300px;
	background:url(../images/ir3.png) no-repeat; background-color:#E4E4E9;		
}
#bar1{
	float:left;
	width:315px;
	margin: 48px 0 0 0px;
	height:390px;
	background:url(../images/ir3.png) no-repeat; background-color:#E4E4E9;		
}

#bar4{
	float:left;
	width:315px;
	margin: 48px 0 0 0px;
	height:300px;
	background:url(../images/s2.png) no-repeat; background-color:#E4E4E9;		
}
#bar7{
	float:left;
	width:315px;
	margin: 48px 0 0 0px;
	height:300px;
	background:url(../images/s7.png) no-repeat; background-color:#E4E4E9;		
}
#bar8{
	float:left;
	width:315px;
	margin: 48px 0 0 0px;
	height:300px;
	background:url(../images/s8.png) no-repeat; background-color:#E4E4E9;		
}
#bar9{
	float:left;
	width:315px;
	margin: 48px 0 0 0px;
	height:300px;
	background:url(../images/s10.png) no-repeat; background-color:#E4E4E9;		
}

#sidebar h3{
	font-size:16px;
}
#sidebar .sidebar-title{
	margin-top:0;
	background:url(../images/psy.png) no-repeat; background-position:center;
	width:315px;
	height:400px;

}
#sidebar .sidebar-title0{
	margin-top:0;
	background:url(../images/Dm3.jpg) no-repeat; background-position:center;
	width:315px;
	height:450px;

}
#sidebar .sidebar-title1{
	margin-top:0;
	background:url(../images/ir3.png) no-repeat; 
	width:315px;
	height:300px;
	
}


#sidebar .sidebar-title2{
	margin-top:0;
	background:url(../images/ir4.jpg) no-repeat; background-position:center;
	width:315px;
	height:450px;
	


}
#sidebar .sidebar-title3{
	margin-top:0;
	background:url(../images/freud.png) no-repeat; 
	width:315px;
	height:450px;
	


}
#sidebar .sidebar-title4{
	margin-top:0;
	background:url(../images/s2.png) no-repeat; 
	width:315px;
	height:300px;
	


}
#sidebar .sidebar-title5{
	margin-top:0;
	background:url(../images/s6.png) no-repeat; 
	width:315px;
	height:400px;
	
}
#sidebar .sidebar-title6{
	margin-top:0;
	background:url(../images/s11.png) no-repeat; 
	width:315px;
	height:400px;
	
}
#sidebar .sidebar-title7{
	margin-top:0;
	background:url(../images/s7.png) no-repeat; 
	width:315px;
	height:300px;
	
}
#sidebar .sidebar-title8{
	margin-top:0;
	background:url(../images/s8.png) no-repeat; 
	width:315px;
	height:300px;
	
}
#sidebar .sidebar-title9{
	margin-top:0;
	background:url(../images/Dm1.png) no-repeat; 
	width:315px;
	height:300px;
	
}
#sidebar .sidebar-title10{
	margin-top:0;
	background:url(../images/DM2.jpg) no-repeat; 
	width:315px;
	height:450px;
	
}
#sidebar .sidebar-title11{
	margin-top:0;
	background:url(../images/DM3.jpg) no-repeat; 
	width:315px;
	height:450px;
	
}
#sidebar .sidebar-title12{
	margin-top:0;
	background:url(../images/s11.png) no-repeat; 
	width:315px;
	height:450px;
	
}
#sidebar .sidebar-title13{
	margin-top:0;
	background:url(../images/s0.png) no-repeat; 
	width:315px;
	height:450px;
	
}

#sidebar .sidebar-button{
	clear:both;
	display:block;
	background:url(../images/orange-button-bg.png) no-repeat;
	width:141px;
	height:34px;
	
	text-align:center;
	padding:5px 0;
	margin:15px 0 0 -2px;
}
#sidebar .sidebar-button:hover{
	background:url(../images/black-button-bg.png) no-repeat;
}
#sidebar .portfolio-item{
	clear:both;
	margin:10px 0 10px 0;
	width:100px;
}
#sidebar .portfolio-item img{
	width:250px;
}
#sidebar .portfolio-item img:hover{
	opacity:0.9;
}
<!-- footer-->
#footer{
	float:left;
	border-top:1px;
	margin:20px 0 0 0;
	padding:15px 0 20px 0;
	width:100%;
	
}
.copyright{
	float:left;
	text-align:left;color:gray;
	width:310px;

	
}
.adress{
	float:left;
	text-align:left;
	text-indent:15px;
	width:650px;
	margin:-70px 25px 0 340px;
	color: rgb(151, 153, 19);
	letter-spacing:0.0490em;

}