body{
  background: #000;
  font-family: arial, verdana, tahoma, sans;
  /*letter-spacing: -1px;*/
}
h1, h2, h3, p, a, img{
  margin:0;
  padding:0;
}

/* audio, video wrapper für abstände*/
.video-wrapper{
  margin-left: 93px;
  margin-top: 10px;
} 

.audio-wrapper{
  margin-left: 93px;
  margin-top: 10px;
}



 
h1{
  font-size: 20px;
  margin: 10px 0;
  color: #555;
}

h2{
  font-size: 14px;
	
}

p{
  text-align: justify;
  /*
  line-height: 20px; 
  font-size: 14px;  
  */
  line-height: 18px; 
  font-size: 13px;    
  padding: 0 0 10px 0;
}

a, a:visited, a:link{
  cursor: pointer;
  color: #6b6f23;
}


.main{
  width: 1000px;
  margin: 0 auto;
  border: 1px solid black;
  background: #000000;
}

.left-col{
  width: 250px;
  height: 641px;
  margin: 10px 12px 10px 0;
  float: left;
  background: url(../images/left-col.jpg) 0 0 no-repeat;
}
div.right-col{
  position: relative;
  width: 738px;
  height: 100%;
  float: right;
  background: url("../images/right-col-repeat.jpg") 0 0 repeat-y;
  z-index: 1;
  margin: 10px 0 10px 0px;  
}
div.right-top .bg-right{
  background: url("../images/right-col2.jpg") 0 0 no-repeat;
  width: 738px;
  height: 641px;
  position: absolute;
  z-index: 1;
  right: 0px;
  top: 0px;
}
.right-bottom{
  background: #000000 url(../images/right-col-bottom.jpg) 0 0 no-repeat;
  width: 738px;
  height: 29px;
  position: absolute;
  z-index: 1;
  right: 0px;
  bottom: 0px;
}
.content-box{
  position: relative;
  z-index: 5;
  float: left;
  width: 738px;
  padding: 0 0 30px 0;
  _height: 612px;
}
.clear{
  clear: both;
}

/* MENÜ */
.content{
  padding-top: 100px;
  margin-left: 52px;
  margin-right: 50px;
  min-height: 512px;
  
}
.menu{
  position:absolute;
  left: 52px;
  top: 40px;
  _top: 30px;
}
.menu-right{
  position:absolute;
  right: 50px;
  top: 40px;
  width: 150px;
  _top: 30px;
}
.menu .clear, .menu-right .clear{
  clear: both;
  overflow:hidden;
  margin-bottom: 2px;
}
.menu a, .menu-right a{
  diplay:block;
  float:left;
  height: 14px;
  margin:0;
  padding:0;
}



/* Labels */

.menu .production{
  width: 60px;
  height: 14px;
  float:left;
  margin-right: 5px;
  background: url(../images/menu/production.jpg) 0 0 no-repeat;
}

.menu .production-en{
  width: 60px;
  height: 14px;
  float:left;
  margin-right: 5px;
  background: url(../images/menu/production-en.jpg) 0 0 no-repeat;
}

.menu .klangkunst{
  width: 60px;
  height: 14px;
  float:left;
  margin-right: 5px;
  /*background: url(../images/menu/klangkunst.jpg) 0 0 no-repeat;*/
}

.menu .klangkunst-en{
  width: 60px;
  height: 14px;
  float:left;
  margin-right: 5px;
  /*background: url(../images/menu/soundart.jpg) 0 0 no-repeat;*/
}

.menu .paedagogik{
  width: 60px;
  height: 14px;
  float:left;
  margin-right: 5px;
  background: url(../images/menu/paedagogik.jpg) 0 0 no-repeat;
}
.menu .education-en{
  width: 60px;
  height: 14px;
  float:left;
  margin-right: 5px;
  background: url(../images/menu/education.jpg) 0 0 no-repeat;
}

/* Menu limter */

.menu .limiter{
  width: 2px;
  height: 14px;
  margin: 0 3px;
  float:left;
  background: url(../images/menu/limiter.jpg) 0 2px no-repeat;
}

/* Menu Items */
.menu a.audio-mastering{
  width: 82px;
  height: 14px;
  float:left;
  background: url(../images/menu/audio-mastering.jpg) 0 0 no-repeat;
}
.menu a.audio-mastering:hover, .menu a.audio-mastering.active{
  width: 82px;
  height: 14px;
  float:left;
  background: url(../images/menu/audio-mastering-active.jpg) 0 0 no-repeat;
}


.menu a.audio-restauration{
  width: 97px;
  height: 14px;
  float:left;
  background: url(../images/menu/audio-restauration.jpg) 0 0 no-repeat;
}
.menu a.audio-restauration:hover, .menu a.audio-restauration.active{
  width: 97px;
  height: 14px;
  float:left;
  background: url(../images/menu/audio-restauration-active.jpg) 0 0 no-repeat;
}

.menu a.mixing{
  width: 34px;
  height: 14px;
  float:left;
  background: url(../images/menu/mixing.jpg) 0 0 no-repeat;
}
.menu a.mixing:hover, .menu a.mixing.active{
  width: 34px;
  height: 14px;
  float:left;
  background: url(../images/menu/mixing-active.jpg) 0 0 no-repeat;
}


.menu a.location-recording{
  width: 98px;
  height: 14px;
  float:left;
  background: url(../images/menu/location-recording.jpg) 0 0 no-repeat;
}
.menu a.location-recording:hover, .menu a.location-recording.active{
  width: 98px;
  height: 14px;
  float:left;
  background: url(../images/menu/location-recording-active.jpg) 0 0 no-repeat;
}

.menu a.sounddesign{
  width: 71px;
  height: 14px;
  float:left;
  background: url(../images/menu/sounddesign.jpg) 0 0 no-repeat;
}
.menu a.sounddesign:hover, .menu a.sounddesign.active{
  width: 71px;
  height: 14px;
  float:left;
  background: url(../images/menu/sounddesign-active.jpg) 0 0 no-repeat;
}

.menu a.remixes{
  width: 46px;
  height: 14px;
  float:left;
  background: url(../images/menu/remixes.jpg) 0 0 no-repeat;
}
.menu a.remixes:hover, .menu a.remixes.active{
  width: 46px;
  height: 14px;
  float:left;
  background: url(../images/menu/remixes-active.jpg) 0 0 no-repeat;
}

.menu a.hoerspiele{
  width: 204px;
  height: 14px;
  float:left;
  background: url(../images/menu/hoerspiele.jpg) 0 0 no-repeat;
}
.menu a.hoerspiele:hover, .menu a.hoerspiele.active{
  width: 204px;
  height: 14px;
  float:left;
  background: url(../images/menu/hoerspiele-active.jpg) 0 0 no-repeat;
}

.menu a.hoerspiele-en{
  width: 227px;
  height: 14px;
  float:left;
  background: url(../images/menu/hoerspiele-en.jpg) 0 0 no-repeat;
}
.menu a.hoerspiele-en:hover, .menu a.hoerspiele-en.active{
  width: 227px;
  height: 14px;
  float:left;
  background: url(../images/menu/hoerspiele-en-active.jpg) 0 0 no-repeat;
}

.menu a.klangsynthese{
  width: 204px;
  height: 14px;
  float:left;
  background: url(../images/menu/klangsynthese.jpg) 0 0 no-repeat;
}
.menu a.klangsynthese:hover, .menu a.klangsynthese.active{
  width: 204px;
  height: 14px;
  float:left;
  background: url(../images/menu/klangsynthese-active.jpg) 0 0 no-repeat;
}

/* Menu right*/

/* limter - right */

.menu-right .limiter-right{
  width: 2px;
  height: 14px;
  margin: 0 3px;
  float:right;
  background: url(../images/menu/limiter.jpg) 0 2px no-repeat;
}

/* items */

.menu-right a.contact-en{
  width: 41px;
  height: 14px;
  float:right;
  background: url(../images/menu/contact-en.jpg) 0 0 no-repeat;
}
.menu-right a.contact-en:hover, .menu-right a.contact-en.active{
  width: 41px;
  height: 14px;
  float:right;
  background: url(../images/menu/contact-en-active.jpg) 0 0 no-repeat;
}

.menu-right a.impress-en{
  width: 36px;
  height: 14px;
  float:right;
  background: url(../images/menu/impress-en.jpg) 0 0 no-repeat;
}
.menu-right a.impress-en:hover, .menu-right a.impress-en.active{
  width: 36px;
  height: 14px;
  float:right;
  background: url(../images/menu/impress-en-active.jpg) 0 0 no-repeat;
}

.menu-right a.german{
  width: 42px;
  height: 14px;
  float:right;
  background: url(../images/menu/german.jpg) 0 0 no-repeat;
}
.menu-right a.german:hover, .menu-right a.german.active{
  width: 42px;
  height: 14px;
  float:right;
  background: url(../images/menu/german-active.jpg) 0 0 no-repeat;
}

.menu-right a.english{
  width: 39px;
  height: 14px;
  float:right;
  background: url(../images/menu/english.jpg) 0 0 no-repeat;
}
.menu-right a.english:hover, .menu-right a.english.active{
  width: 39px;
  height: 14px;
  float:right;
  background: url(../images/menu/english-active.jpg) 0 0 no-repeat;
}

.menu-right a.news-en{
  width: 30px;
  height: 14px;
  float:right;
  background: url(../images/menu/news-en.jpg) 0 0 no-repeat;
}
.menu-right a.news-en:hover, .menu-right a.news-en.active{
  width: 30px;
  height: 14px;
  float:right;
  background: url(../images/menu/news-en-active.jpg) 0 0 no-repeat;
}

.menu-right a.references-en{
  width: 60px;
  height: 14px;
  float:right;
  background: url(../images/menu/references-en.jpg) 0 0 no-repeat;
}
.menu-right a.references-en:hover, .menu-right a.references-en.active{
  width: 60px;
  height: 14px;
  float:right;
  background: url(../images/menu/references-en-active.jpg) 0 0 no-repeat;
}

/* deutsch*/
.menu-right a.contact-de{
  width: 40px;
  height: 14px;
  float:right;
  background: url(../images/menu/contact-de.jpg) 0 0 no-repeat;
}
.menu-right a.contact-de:hover, .menu-right a.contact-de.active{
  width: 40px;
  height: 14px;
  float:right;
  background: url(../images/menu/contact-de-active.jpg) 0 0 no-repeat;
}

.menu-right a.impress-de{
  width: 58px;
  height: 14px;
  float:right;
  background: url(../images/menu/impress-de.jpg) 0 0 no-repeat;
}
.menu-right a.impress-de:hover, .menu-right a.impress-de.active{
  width: 58px;
  height: 14px;
  float:right;
  background: url(../images/menu/impress-de-active.jpg) 0 0 no-repeat;
}

.menu-right a.references-de{
  width: 60px;
  height: 14px;
  float:right;
  background: url(../images/menu/references-de.jpg) 0 0 no-repeat;
}
.menu-right a.references-de:hover, .menu-right a.references-de.active{
  width: 60px;
  height: 14px;
  float:right;
  background: url(../images/menu/references-de-active.jpg) 0 0 no-repeat;
}


/* START referenzen, news*/ 

.content .item{
  margin-top: 20px;
}

.content .item h2{
  color: #000;
}

.item p{
  margin-top: 10px;
}

.content .item p.date{
  color: #555;
  margin-top:0;
  padding:0;
  font-size: 12px;
}

.audio-wrapper-left{
  margin-top: 10px;
} 

.video-wrapper-left{
  margin-top: 10px;
}
 
.item a.link{
  color: #555;
  font-size: 12px;
}
.item a.link:hover{
  color: #888;
}

.item img{
  display: block;
   margin-top: 10px;
}


 

.content a.pagination{
  font-size: 14px;
  padding: 3px;
  color: #555;
  text-decoration: none;
}
.content a.pagination:hover{
  color: #000;
}
.content a.pagination.active{
  color: #000;
  font-size: 14px;
}

/* END referenzen, news*/

/* START Workshops */
.listing-workshops{
	margin-top: 20px;
}
div.workshop{
	margin-top: 10px;
}
div.workshop p{
	padding-bottom: 0px;
}
div.workshop a, div.workshop a:link, div.workshop a:visited{
	font-size: 14px;
}

div.workshop a:hover{
	color: #000;
}

.page_footer{
	margin-top: 40px;
}

a.back{
	text-decoration: none;
	font-size: 12px;
}

.red{
    color: red;
}
.green{
    color: green;
}

/* END Workshops */