/**Layout**/

#wrap {
width: 980px;
margin:  60px auto;
}
	
#header {
float: right;
width: 560px;
margin-top: 97px
}

#other {
float: left;
width: 370px;
}
	
#projekte {
float: right;
width: 560px
}
	
#projekte_left {
float: left;
width: 280px;
}
	
#projekte_right {
float: right;
width: 280px
}

/**Links**/

a.impressum {
display: block;
background: url(../images/impressum.png) no-repeat left;
width: 82px;
height: 25px;
float: right;
margin: 30px 0 0 0
}

a.impressum:hover {
display: block;
background: url(../images/impressum.png) no-repeat right;
width: 82px;
height: 25px
}

a.about {
display: block;
background: url(../images/about.png) no-repeat left;
width: 370px;
height: 232px
}

a.about:hover {
display: block;
background: url(../images/about.png) no-repeat right;
width: 370px;
height: 232px
}

a.club {
display: block;
background: url(../images/club.png) no-repeat left;
width: 370px;
height: 195px
}

a.club:hover {
display: block;
background: url(../images/club.png) no-repeat right;
width: 370px;
height: 195px
}

a.facebook {
display: block;
background: url(../images/facebook.png) no-repeat left;
width: 370px;
height: 248px
}

a.facebook:hover {
display: block;
background: url(../images/facebook.png) no-repeat right;
width: 370px;
height: 248px
}

a.wald {
display: block;
background: url(../images/wald.png) no-repeat left;
width: 280px;
height: 217px
}

a.wald:hover {
display: block;
background: url(../images/wald.png) no-repeat right;
width: 280px;
height: 217px
}

a.dinge {
display: block;
background: url(../images/dinge.png) no-repeat left;
width: 280px;
height: 266px
}

a.dinge:hover {
display: block;
background: url(../images/dinge.png) no-repeat right;
width: 280px;
height: 266px
}

/**Styling**/


#news {
font: normal normal 14px Arial, sans;
line-height: 18px;
color: #ff00ff;
padding: 0 0 20px 0	
}

div.impressum {
color: #333;
font: normal normal 13px Arial, sans;
line-height: 18px;
padding: 0 20px
}

div.impressum h1 {
color: #333;
font: normal normal 16px Georgia, serif
}