@charset "utf-8";
*	 	   {
			margin: 0;
			padding: 0;
	       }
		   
img		   {
			border: 0;
		   }
		   
a:link	   {
			color: #cc0099;
			text-decoration:none;
		   }

a:visited  {
			color:#cc0099;
			text-decoration:none;
		   }
		   
a:focus    {
			color:#cc0099;
			text-decoration:none;
			}
			
a:hover 	{
			color:#cc0099;
			text-decoration:none;
			}
			
a:active 	{
			color:#cc0099;
			text-decoration:none;
			}

	body {
	background: url(../gfx/bgranken.gif);
	font-family: "Lucida Grande", "Lucida Sans Unicode", Verdana, Arial, sans-serif;
	font-size: 11px;
	color: #330000;
    }

	.container {
	width: 1008px;
	margin: 0 auto;
	}
		   
	.header {
	height: 104px;
	margin-top: 40px;
	}

	.content {
	background: url(../gfx/content.jpg) repeat-y;
	width: 1008px;
	height: 489px;
	padding-top: 31px;
	}

	.menue {
    background:#ffffff url(../gfx/menue.jpg) no-repeat;
	width: 1008px;
	height:30px;
	margin: 0 auto;
	}
	
	.menu {
	width: 960px;
	height:30px;
	margin: 0 auto;
	}
	
    * html .menu {
	width:961px;
	w\idth:960px;
	}
    
    .menu ul {
	float: right;
	padding:0;
	margin:0;
	list-style-type:none;
	}
	
    .menu ul ul {
	float: right;
	/*width:106px;*/
	}

    .menu li {
	float:left;
	/*width:106px;*/
	position:relative;
	}

    .menu a, .menu a:visited {
	display:block;
	font-size:12px;
	text-decoration:none;
	color:#fff;
	/*width:106px;*/
	height:32px;
	line-height:29px;
	}
	
    * html .menu a, * html .menu a:visited {
	/*width:106px;*/
	/*w\idth:105px;*/
	}
	
	/* Menu in Englisch */
	.menu li a.home_en {
	background-color: transparent;
    background-image: url(../gfx/en/home.png);
    background-repeat: no-repeat;
    background-attachment: scroll;
    background-position: left top;
    width: 93px;
    height: 30px;
	}
	
	.menu li a.news_en {
	background-color: transparent;
    background-image: url(../gfx/en/news.png);
    background-repeat: no-repeat;
    background-attachment: scroll;
    background-position: left top;
    width: 86px;
    height: 30px;
	}

	.menu li a.wiltrud_en {
	background-color: transparent;
    background-image: url(../gfx/en/wiltrud.png);
    background-repeat: no-repeat;
    background-attachment: scroll;
    background-position: left top;
    width: 116px;
    height: 30px;
	}

	.menu li p.projects_en {
	background-color: transparent;
    background-image: url(../gfx/en/projects.png);
    background-repeat: no-repeat;
    background-attachment: scroll;
    background-position: left top;
    width: 118px;
    height: 30px;
	}

	.menu li a.videos_en {
	background-color: transparent;
    background-image: url(../gfx/en/videos.png);
    background-repeat: no-repeat;
    background-attachment: scroll;
    background-position: left top;
    width: 100px;
    height: 30px;
	}

	.menu li a.gallery_en {
	background-color: transparent;
    background-image: url(../gfx/en/gallery.png);
    background-repeat: no-repeat;
    background-attachment: scroll;
    background-position: left top;
    width: 112px;
    height: 30px;
	}

	.menu li a.calendar_en {
	background-color: transparent;
    background-image: url(../gfx/en/calendar.png);
    background-repeat: no-repeat;
    background-attachment: scroll;
    background-position: left top;
    width: 127px;
    height: 30px;
	}

	.menu li a.links_en {
	background-color: transparent;
    background-image: url(../gfx/en/links.png);
    background-repeat: no-repeat;
    background-attachment: scroll;
    background-position: left top;
    width: 86px;
    height: 30px;
	}

	.menu li a.contact_en {
	background-color: transparent;
    background-image: url(../gfx/en/contact.png);
    background-repeat: no-repeat;
    background-attachment: scroll;
    background-position: left top;
    width: 122px;
    height: 30px;
	}

	/* Menü in Deutsch */
    .menu li a.home_de {
	background-color: transparent;
    background-image: url(../gfx/de/home.png);
    background-repeat: no-repeat;
    background-attachment: scroll;
    background-position: left top;
    width: 93px;
    height: 30px;
	}
	
	.menu li a.news_de {
	background-color: transparent;
    background-image: url(../gfx/de/news.png);
    background-repeat: no-repeat;
    background-attachment: scroll;
    background-position: left top;
    width: 86px;
    height: 30px;
	}

	.menu li a.wiltrud_de {
	background-color: transparent;
    background-image: url(../gfx/de/wiltrud.png);
    background-repeat: no-repeat;
    background-attachment: scroll;
    background-position: left top;
    width: 116px;
    height: 30px;
	}

	.menu li p.projects_de {
	background-color: transparent;
    background-image: url(../gfx/de/projects.png);
    background-repeat: no-repeat;
    background-attachment: scroll;
    background-position: left top;
    width: 118px;
    height: 30px;
	}

	.menu li a.videos_de {
	background-color: transparent;
    background-image: url(../gfx/de/videos.png);
    background-repeat: no-repeat;
    background-attachment: scroll;
    background-position: left top;
    width: 100px;
    height: 30px;
	}

	.menu li a.gallery_de {
	background-color: transparent;
    background-image: url(../gfx/de/gallery.png);
    background-repeat: no-repeat;
    background-attachment: scroll;
    background-position: left top;
    width: 112px;
    height: 30px;
	}

	.menu li a.calendar_de {
	background-color: transparent;
    background-image: url(../gfx/de/calendar.png);
    background-repeat: no-repeat;
    background-attachment: scroll;
    background-position: left top;
    width: 127px;
    height: 30px;
	}

	.menu li a.links_de {
	background-color: transparent;
    background-image: url(../gfx/de/links.png);
    background-repeat: no-repeat;
    background-attachment: scroll;
    background-position: left top;
    width: 86px;
    height: 30px;
	}

	.menu li a.contact_de {
	background-color: transparent;
    background-image: url(../gfx/de/contact.png);
    background-repeat: no-repeat;
    background-attachment: scroll;
    background-position: left top;
    width: 122px;
    height: 30px;
	}

.menu li.active a.home_en, .menu li.active a.news_en, .menu li.active a.wiltrud_en, .menu li.active p.projects_en, .menu li.active a.videos_en, .menu li.active a.gallery_en, .menu li.active a.calendar_en, .menu li.active a.links_en, .menu li.active a.contact_en {
	background-position: 0px -30px;

}

.menu li a.home_en:hover, .menu li a.news_en:hover, .menu li a.wiltrud_en:hover, .menu li p.projects_en:hover, .menu li a.videos_en:hover, .menu li a.gallery_en:hover, .menu li a.calendar_en:hover, .menu a.links_en:hover, .menu li a.contact_en:hover {
	background-position: 0px -60px;
}

.menu li.active a.home_de, .menu li.active a.news_de, .menu li.active a.wiltrud_de, .menu li.active p.projects_de, .menu li.active a.videos_de, .menu li.active a.gallery_de, .menu li.active a.calendar_de, .menu li.active a.links_de, .menu li.active a.contact_de {
	background-position: 0px -30px;

}

.menu li a.home_de:hover, .menu li a.news_de:hover, .menu li a.wiltrud_de:hover, .menu li p.projects_de:hover, .menu li a.videos_de:hover, .menu li a.gallery_de:hover, .menu li a.calendar_de:hover, .menu a.links_de:hover, .menu li a.contact_de:hover {
	background-position: 0px -60px;
}

	/* style the second level background */
    .menu ul ul a.berlinnewyork, .menu ul ul a.berlinnewyork:visited {
	background-color: transparent;
    background-image: url(../gfx/berlinnewyork.png);
    background-repeat: no-repeat;
    background-attachment: scroll;
    background-position: left top;
    width: 232px;
    height: 30px;
	}
	
	/* style the second level background */
    .menu ul ul a.differentlight, .menu ul ul a.differentlight:visited {
	background-color: transparent;
    background-image: url(../gfx/differentlight.png);
    background-repeat: no-repeat;
    background-attachment: scroll;
    background-position: left top;
    width: 232px;
    height: 20px;
	}

 	/* style the second level background */
    .menu ul ul a.blueanddeep, .menu ul ul a.blueanddeep:visited {
	background-color: transparent;
    background-image: url(../gfx/blueanddeep.png);
    background-repeat: no-repeat;
    background-attachment: scroll;
    background-position: left top;
    width: 232px;
    height: 30px;
	}
	
	 .menu ul li ul li.active a.blueanddeep, .menu ul li ul li.active a.blueanddeep:visited {
	background-position: 0px -30px;
	}
	
	.menu ul li a.blueanddeep:hover, .menu ul li ul li.active a.blueanddeep:hover {
	background-position: 0px -60px;
	}

	/* style the second level background */
    .menu ul ul a.newyear, .menu ul ul a.newyear:visited {
	background-color: transparent;
    background-image: url(../gfx/newyear.png);
    background-repeat: no-repeat;
    background-attachment: scroll;
    background-position: left top;
    width: 232px;
    height: 20px;
	}
	
	.menu ul li ul li.active a.newyear, .menu ul li ul li.active a.newyear:visited {
	background-position: 0px -20px;
	}
	
	.menu ul li a.newyear:hover, .menu ul li ul li.active a.newyear:hover {
	background-position: 0px -40px;
	}
	
	/* style the second level background */
    .menu ul ul a.accousticproject, .menu ul ul a.accousticproject:visited {
	background-color: transparent;
    background-image: url(../gfx/accousticproject.png);
    background-repeat: no-repeat;
    background-attachment: scroll;
    background-position: left top;
    width: 232px;
    height: 50px;
	}
	
	.menu ul li ul li.active a.accousticproject, .menu ul li ul li.active a.accousticproject:visited {
	background-position: 0px -50px;
	}
	
	.menu ul li a.accousticproject:hover, .menu ul li ul li.active a.accousticproject:hover {
	background-position: 0px -100px;
	}

	/* style the second level background */
    .menu ul ul a.collaborations, .menu ul ul a.collaborations:visited {
	background-color: transparent;
    background-image: url(../gfx/collaborations.png);
    background-repeat: no-repeat;
    background-attachment: scroll;
    background-position: left top;
    width: 232px;
    height: 40px;
	}
	
	.menu ul li ul li.active a.collaborations, .menu ul li ul li.active a.collaborations:visited {
	background-position: 0px -40px;
	}
	
	.menu ul li a.collaborations:hover, .menu ul li ul li.active a.collaborations:hover {
	background-position: 0px -80px;
	}
	
    /* style the second level hover */
    .menu ul ul a.drop:hover {
	background:#e4e4e4;
	}
	
    .menu ul ul :hover > a.drop {
	background:#e4e4e4;
	}
	
    /* hide the sub levels and give them a positon absolute so that they take up no room */
    .menu ul ul {
	visibility:hidden;
	position:absolute;
    top: 30px;
	left:0px;
	width:232px;
	}
    
	/* another hack for IE5.5 */
    * html .menu ul ul {
	top:30px;
	t\op:31px;
	}

    /* style the table so that it takes no ppart in the layout - required for IE to work */
    .menu table {
	position:absolute;
	top:0;
	left:0;
	border-collapse:collapse;
	}

    /* yet another hack for IE5.5 */
    * html .menu ul ul a, * html .menu ul ul a:visited {
	width:150px;
	w\idth:128px;
	}
	
    /* make the second level visible when hover on first level list OR link */
    .menu ul li:hover ul, .menu ul a:hover ul{
	visibility:visible;
	}
	
	.blogdate {
	text-align:right;
	font-size: 10px;
	}

		   
	.content_left {
	width: 590px;
	height: 460px;
	float: left;
	padding-left: 110px;
	}
			
	.content_right {
	width: 230px;
	height: 460px;
	float: right;
	padding-right: 25px;
	}

	.footer {
	background:url(../gfx/footer.jpg) no-repeat;
	height: 54px;
	}
		   
	.sound {
	width: 373px;
	float: left;
	padding-top: 6px;
	padding-left: 25px;
	}
		   
	.impressum {
	width: 195px;
	float: left;
	padding-top: 7px; 
	}
   
	.visit {
	width: 375px;
	float: right;
	padding-top: 8px;
	padding-right: 25px;
	}