/* --------------------------------------------------
CSS Document For Leaves v1.0 - Anthonyy @ OSWD.org
-------------------------------------------------- */
html, body, div, span, applet, object, iframe,
h1, h2, h3, h4, h5, h6, p, blockquote, pre,
a, abbr, acronym, address, big, cite, code,
del, dfn, em, font, img, ins, kbd, q, s, samp,
small, strike, strong, sub, sup, tt, var,
dl, dt, dd, ol, ul, li,
fieldset, form, label, legend,
table, caption, tbody, tfoot, thead, tr, th, td {
	margin: 0;
	padding: 0;
	border: 0;
	outline: 0;
	font-weight: inherit;
	font-style: inherit;
	font-size: 100%;
	font-family: inherit;
	vertical-align: baseline;
}
		
		
		html, body {
			margin: 0;
			padding: 0;
			border: 0; 
			height: 100%; /* fix height to 100% for IE */
			max-height: 100%; /* fix height for other browsers */
		}

		body { 
			font: 76%/1.6 Trebuchet MS, Verdana, Arial, Helvetica, Geneva, sans-serif;
			color: #FFB6C1; 
			background: #333 url("images/img02.jpg") repeat-x;
			border-top: 1px solid #FFB6C1;
		}
	
		
/* TYPOGRAPHY */
		
		p, ul, ol {
			margin: 0; 
			padding: 0; 
		}

		ol, ul {
			list-style: none;
		}


		h1, h2, h3, h4, h5, h6 {
			margin-bottom: 1em;
			padding: 0;
			font-weight: normal;
		}

		h1 {font-size: 150%; }
		h2, h3, h4, h5, h6 {font-size: 116%; }

		
		a,a:link,a:link,a:link,a:hover {background:transparent;text-decoration:underline;cursor:pointer} 
		a:link {color: #FFB6C1} 
		a:visited {color: #FFB6C1} 
		a:hover,a:active {color: #DC143C}
		
/* remember to define focus styles! */
		
		:focus {
			outline: 0;
		}

/* Anf¸hrungszeichen */		
	
		:lang(de)    { quotes:"\201E" "\201C" "\201A" "\2018"; }
		:lang(de-DE) { quotes:"\00BB" "\00AB" "\203A" "\2039"; }
		:lang(de-CH) { quotes:"\00AB" "\00BB" "\2039" "\203A"; }
		:lang(en)    { quotes:"\201C" "\201D" "\2018" "\2019"; }
		:lang(fr)    { quotes:"\00AB\00A0" "\00A0\00BB" "\2039\00A0" "\00A0\203A"; }

		q:before { content:open-quote; }
		q:after { content:close-quote; }
		q q:before { content:open-quote; }
		q q:after { content:close-quote; }
		
		.orange { color: #C00; }


/* LISTS */
		ul { 
			margin: 1em 1.5em; list-style-type: none;
		}
		
		ol {margin: .5em .5em 1.5em}
		ol li {margin-left: 1.4em; padding-left: 0; background: none; list-style-type: decimal}
		
		dl {margin: 0 0 1em 0}
		dt {font-weight: bold; margin-top: 1em}
		dl dl {margin: 0 0 1.5em 30px}



/* GENERAL */

		img { border: none;} 
		img.left {
			float: left;
			margin-right: 15px;
			}

		img.right {
			float: right;
			margin-left: 15px;
			}

		hr {margin: 1em 0; background: #f2f2f2; height: 1px; color: #f2f2f2; border: none; clear: both }

		.clear {clear:	both; position:	relative; font-size: 0px; height: 0px; line-height: 0px} 
		
		div.alpha {
			clear: both;
			margin: 0;
  			padding: 0;
			}
		
		.alpha a {
  			display: block; /*damit der gesamte Block die Hintergrundfarbe beim Hover annimmt*/
  			text-decoration: none;
			float: right;
			}
  		.alpha a img {
  			filter:alpha(opacity=50);
			-moz-opacity: 0.5; 
			opacity: 0.5;
			-khtml-opacity: 0.5
			}
/*		.alpha a:hover img {
			filter:alpha(opacity=100);   
			-moz-opacity: 1.0;   
			opacity: 1.0;
			-khtml-opacity: 1.0; 
		} */

		
/* HEADER ELEMENTS */



/* The Header Menu*/

		#header {
			width: 940px;
			height: 80px;
			margin: 0 auto 40px auto;
		}
		
		
		#logo {
			float: left;
		}
		
		.rmx { background-image: url("images/ulay_rmx_v.jpg") ;
background-repeat: no-repeat; background-position: 0 56px; }
		.video { background-image: url("images/nav_ulay_1v.jpg") ;
background-repeat: no-repeat; background-position: 0 56px; }
		.video-2 { background-image: url("images/nav_ulay_2v.jpg") ;
background-repeat: no-repeat; background-position: 0 56px; }
		.video-3 { background-image: url("images/nav_lovers_v.jpg") ;
background-repeat: no-repeat; background-position: 0 56px; }
		.berlin { background-image: url("images/nav_berlin_v.jpg") ;
background-repeat: no-repeat; background-position: 0 56px; } 
		.greygarden { background-image: url("images/nav_garden_v.jpg") ;
background-repeat: no-repeat; background-position: 0 56px; }
		.islamic { background-image: url("images/nav_islamic_v.jpg") ;
background-repeat: no-repeat; background-position: 0 56px; }
		.performing { background-image: url("images/nav_perform_v.jpg") ;
background-repeat: no-repeat; background-position: 0 56px; } 
		.polaroid { background-image: url("images/nav_polaroid_v.jpg") ;
background-repeat: no-repeat; background-position: 0 56px; }
		.emerge { background-image: url("images/nav_emerge_v.jpg") ;
background-repeat: no-repeat; background-position: 0 56px; } 
		.water { background-image: url("images/nav_water_v.jpg") ;
background-repeat: no-repeat; background-position: 0 56px; } 
		#logo h1 {
			display: none;
		}			
	
		
/* NAVIGATION ELEMENTS */
/* ================================================================ 
This copyright notice must be kept untouched in the stylesheet at 
all times.

The original version of this stylesheet and the associated (x)html
is available at http://www.cssplay.co.uk/menu/pro_drop5.html
Copyright (c) 2005-2007 Stu Nicholls. All rights reserved.
This stylesheet and the associated (x)html may be modified in any 
way to fit your requirements.
=================================================================== */
#navigation {width:940px; height:80px; background:url() no-repeat 0 10px;}

.prodrop5 {padding:23px 0 0 0; margin: 0; list-style:none; height:10px; position:relative; z-index:500; border: none;}

.prodrop5 li.top {display:block; float:left;}

.prodrop5 li a.pos1 {background:url(images/n_works.gif); width:310px; height:20px; display:block; text-indent:-99999px;} 
.prodrop5 li a.pos2 {background:url(images/n_cv.gif); width:59px; height:20px; display:block;text-indent:-99999px;} 
.prodrop5 li a.pos3 {background:url(images/n_publications.gif); width:180px; height:20px; display:block;text-indent:-99999px;} 
.prodrop5 li a.pos4 {background:url(images/n_text.gif); width:89px; height:20px; display:block;text-indent:-99999px;} 
.prodrop5 li a.pos5 {background:url(images/n_links.gif); width:92px; height:20px; display:block;text-indent:-99999px;} 
.prodrop5 li a.pos6 {background:url(images/n_sitemap.gif); width:120px; height:20px; display:block;text-indent:-99999px;} 
.prodrop5 li a.pos7 {background:url(images/n_contact.gif); width:89px; height:20px; display:block;text-indent:-99999px;} 

.prodrop5 li.p1 {background:url(images/n_works_1.gif);} 
.prodrop5 li.p2 {background:url(images/n_cv_1.gif);} 
.prodrop5 li.p3 {background:url(images/n_publications_1.gif);} 
.prodrop5 li.p4 {background:url(images/n_text_1.gif);} 
.prodrop5 li.p5 {background:url(images/n_links_1.gif);} 
.prodrop5 li.p6 {background:url(images/n_sitemap_1.gif);} 
.prodrop5 li.p7 {background:url(images/n_contact_1.gif);} 

.prodrop5 li.current a.pos1,
.prodrop5 li.current a.pos1:hover {background:url(images/n_works_1.gif);} 
.prodrop5 li.current a.pos2,
.prodrop5 li.current a.pos2:hover {background:url(images/n_cv_1.gif);} 
.prodrop5 li.current a.pos3,
.prodrop5 li.current a.pos3:hover {background:url(images/n_publications_1.gif);} 
.prodrop5 li.current a.pos4,
.prodrop5 li.current a.pos4:hover {background:url(images/n_text_1.gif);} 
.prodrop5 li.current a.pos5,
.prodrop5 li.current a.pos5:hover {background:url(images/n_links_1.gif);} 
.prodrop5 li.current a.pos6,
.prodrop5 li.current a.pos6:hover {background:url(images/n_sitemap_1.gif);} 
.prodrop5 li.current a.pos7,
.prodrop5 li.current a.pos7:hover {background:url(images/n_contact_1.gif);} 

.prodrop5 table {border-collapse:collapse; width:0; height:0; position:absolute; top:0; left:0;}

/* Default link styling */

/* Style the list OR link hover. Depends on which browser is used */

.prodrop5 a:hover {visibility:visible; position:relative; z-index:200;}
.prodrop5 li:hover {position:relative; z-index:200;}

.prodrop5 li a.top_link:hover {background:transparent;} 
.prodrop5 li:hover > a.top_link {background:transparent;} 

/* keep the 'next' level invisible by placing it off screen. */
.prodrop5 ul {position:absolute; left:-9999px; top:-9999px; width:0; height:0; margin:0; padding:0; list-style:none;}

.prodrop5 :hover ul {left:0; top:20px; background: #333 url(images/img03_2.jpg); padding:10px; white-space:nowrap; height:auto; width:auto; z-index:300;}
.prodrop5 :hover ul li {display:block; height:20px; position:relative; font-weight:normal; width:auto;}
.prodrop5 :hover ul li a {display:block; width:auto; padding:0 19px; color:#000; background:transparent; text-decoration:none;}
.prodrop5 :hover ul li a:hover {text-decoration:underline;}

/* without text */
#menu {display:block;}
#menu ul { margin:0; padding:0; list-style-type:none;}
#menu li { width:665px; display:block; border: none; margin-top: .5em;}
#menu li.list1 {background:transparent url(images/nav_file.jpg);}
#menu li.list2 {background:transparent url(images/nav_ulay_1.jpg);}
#menu li.list3 {background:transparent url(images/nav_ulay_2.jpg);}
#menu li.list4 {background:transparent url(images/nav_lovers.jpg);}
#menu li.list5 {background:transparent url(images/nav_perform.jpg);}
#menu li.list6 {background:transparent url(images/nav_polaroid.jpg);}
#menu li.list7 {background:transparent url(images/nav_berlin.jpg);}
#menu li.list8 {background:transparent url(images/nav_garden.jpg);}
#menu li.list9 {background:transparent url(images/nav_emerge.jpg);}
#menu li.list10 {background:transparent url(images/nav_islamic.jpg);}
#menu li.list11 {background:transparent url(images/nav_water.jpg);}
#menu a {display:block; width:665px; padding-top:22px; height:0; color:#000; text-decoration:none; overflow:hidden;}
* html #menu a:link, * html #menu a:visited {height:22px; he\ight:0;}

#menu a#item1 {background:transparent url(images/nav_file_r.jpg) -665px -22px no-repeat;}
#menu a#item2 {background:transparent url(images/nav_ulay_1r.jpg) -665px -22px no-repeat;}
#menu a#item3 {background:transparent url(images/nav_ulay_2r.jpg) -665px -22px no-repeat;}
#menu a#item4 {background:transparent url(images/nav_lovers_r.jpg) -665px -22px no-repeat;}
#menu a#item5 {background:transparent url(images/nav_perform_r.jpg) -665px -22px no-repeat;}
#menu a#item6 {background:transparent url(images/nav_polaroid_r.jpg) -665px -22px no-repeat;}
#menu a#item7 {background:transparent url(images/nav_berlin_r.jpg) -665px -22px no-repeat;}
#menu a#item8 {background:transparent url(images/nav_garden_r.jpg) -665px -22px no-repeat;}
#menu a#item9 {background:transparent url(images/nav_emerge_r.jpg) -665px -22px no-repeat;}
#menu a#item10 {background:transparent url(images/nav_islamic_r.jpg) -665px -22px no-repeat;}
#menu a#item11 {background:transparent url(images/nav_water_r.jpg) -665px -22px no-repeat;}

#menu a#item1:hover {background-position:top left; z-index:50;}
#menu a#item2:hover {background-position:top left; z-index:50;}
#menu a#item3:hover {background-position:top left; z-index:50;}
#menu a#item4:hover {background-position:top left; z-index:50;}
#menu a#item5:hover {background-position:top left; z-index:50;}
#menu a#item6:hover {background-position:top left; z-index:50;}
#menu a#item7:hover {background-position:top left; z-index:50;}
#menu a#item8:hover {background-position:top left; z-index:50;}
#menu a#item9:hover {background-position:top left; z-index:50;}
#menu a#item10:hover {background-position:top left; z-index:50;}
#menu a#item11:hover {background-position:top left; z-index:50;}


		
.subnav, .subnav li { list-style: none; list-style-image: none; }
	
	.subnav ul{
			margin: 0;
			padding: 0;
			border: none;
		}
	
	.subnav li { margin: 0; padding: 0; list-style-image: url("images/pfeil.gif");}

	.subnav a {
			display: block;
			margin: 0;
			padding:.2em 0;
			border-bottom: 1px solid #808080;
			text-decoration: none;
		}

.subnav a:hover {
			color: #DC143C;
		}
		
	.subnav a#current {
			color: #DC143C;
		}
		.subnav ul ul {
			margin: 0;
			padding: 0;
			border: none;
		}
		
		.subnav li li {
			list-style: none; list-style-image: none;
		}
.subnav li li a {
			display: block;
			margin: 0;
			padding: .2em;
			border-bottom: none;
	}
	
.subnav a.last {
			border-bottom: 1px solid #808080;
			padding-bottom: .5em;
	}
		
.subnav a#subcurrent { color: #DC143C; }

.subnav a.colour {
			background: #333 url("images/img02.png") repeat-x;
	}
	
	
	.sitemap, .sitemap li { list-style: none; list-style-image: none; }
	
	.sitemap ul{
			margin: 0;
			padding: 0;
			border: none;
		}
	
	.sitemap li { margin: 0; padding: 0; list-style-image: url("images/pfeil.gif");}

	.sitemap a {
			display: block;
			margin: 0;
			padding:.2em 0;
			border-bottom: 1px solid #808080;
			text-decoration: none;
		}

.sitemap a:hover {
			color: #DC143C;
		}
		
	.sitemap a#current {
			color: #DC143C;
		}
		.sitemap ul ul {
			margin: 0;
			padding: 0;
			border: none;
		}
		
		.sitemap li li {
			list-style: none; list-style-image: none;
		}
.sitemap li li a {
			display: block;
			margin: 0;
			padding: .2em;
			border-bottom: none;
	}
	
.sitemap a.last {
			border-bottom: 1px solid #808080;
			padding-bottom: .5em;
	}
		
.sitemap a#subcurrent { color: #DC143C; }

.sitemap a.colour {
			background: #333 url("images/img02.png") repeat-x;
	}

/* LAYOUT */

		#container {
			width: 940px;
			margin: 0 auto;
			padding: 0;			
		}
		
/* CONTENT ELEMENTS */

		#content {
			float: left;
			width: 640px;
		}
		.intro {
			background: #333 url("logo.gif") no-repeat;
			width: 640px;
			height: 300px;
		}
		#content object {
margin-top: 160px;
		}
		
		#content p {
			margin-bottom: .5em;
		}
		
		#content h2 { color: #F60; margin-left: 0; }
		
		#content li { 
			list-style-image: url("images/pfeil.gif");
		}
		
		#content-text {
			float: left;
			width: 640px;
		}
		
		#content-text p {
			margin-left: 72px;
			margin-right: 60px;
			margin-bottom: 1em;
		}
		
		#content-text h2 { color: #FFB6C1; font-size: 150%; margin-left: 72px; }
		
		.lauftext {
			color: #101010;
			padding: .6em;
			background: #c0c0c0 url("images/img04.jpg") repeat-x;
		}		
		
		.orange { color: #F60; }

/* SIDEBAR ELEMENTS */

		#sidebar {
			float: right;
			width: 220px;
		}
		
		#sidebar h2 {
			font-size: 101%;
			background: #333 url("images/img05.jpg") repeat-x;
			border: none;
			margin: 5em 0 1em 0;
			padding: 0; }
		
		#sidebar p {
			margin-bottom: 1em;
			padding: 0;
		}
		
		#sidebar p a {
			text-decoration: none;
			white-space:nowrap;
		}
		
		#sidebar ul {
			margin: 0;
			padding: 0;
		}
		
		.titelbox { 
			min-height: 120px; 
			border-bottom: 1px solid #808080;
		}
		
		.navibox { 
			margin: 1em 0;
		}
		
		.navibox img{ 
			padding-right: 1em; 
		}
		
		.right {float: right; font-size: 116%; }

/* FOOTER ELEMENTS */

		#footer {
			height: 100px;
			min-height: 100px;
			margin: 5em 0;
			padding: 0;
			border-top: none;
		}
		
		html>body #footer {
			height: auto;
		}

		#footer .wrap {
			width: 940px;
			margin: 0 auto;
		}

		#legal {
			clear: both;
			padding-top: 20px;
			color: #808080;
		}
		
/*		#footer p {
			padding: 1em 0;
		}
		
		#footer p a {
			color: #555;
			border-bottom: 1px dotted #dcdcdc;
			text-decoration: none;
		}
		
		#footer p a:hover {
			color: #FFFFFF;
			background-color:#dcdcdc;
		} */ 
		

/* FORM ELEMENTS */

		/* Form */

		form {
			margin: 0;
			padding: 0;
		}

		fieldset {
			margin: 0;
			padding: 0;
			border: none;
		}

		legend {
			display: none;
		}

		input, textarea, select {
			font-family: "Trebuchet MS", Arial, Helvetica, sans-serif;
			font-size: 13px;
			color: #333333;
		}
		
		
/* Search */

#search { float: left;
}

#s {
	width: 120px;
	margin-right: 5px;
	padding: 3px;
	background: #ccc;
	border: 1px solid #F0F0F0;
}

#x {
	padding: 3px;
	background: #ECECEC;
	border: none;
	text-transform: lowercase;
	font-size: 11px;
	color: #4F4F4F;
}


	
	
/* IMAGE GALLERY */	
	
	
	.gruppe { 
			position:absolute;
			margin: 0;
			padding: 0;
			width: 220px;
			}
	div.bild {
  			float: left;
  			width: 42px;
  			height: 22px; /*gleiche H–he und Breite damit die bilderie aufger”umter aussieht*/
  			margin: 0px;
  			padding: 1px;
			}
	.bild dl {
  			margin: 0;
  			display: inline;
			}
.bild dl dd {
  			margin: 0;
			padding: 0;
			}
	.bild a {
  			display: block; /*damit der gesamte Block die Hintergrundfarbe beim Hover annimmt*/
  			text-decoration: none;
			}
  .bild a img {
  			border: none;
			}
.bild a:hover img {
 			border: none; 
	   		filter:alpha(opacity=40);
			-moz-opacity: 0.4; 
			opacity: 0.4;
			-khtml-opacity: 0.4;
			}
.bild a#red img {
  			border: none;
			filter:alpha(opacity=10);
			-moz-opacity: 0.1; 
			opacity: 0.1;
			-khtml-opacity: 0.1;
			}
			
			
		
		/* And they lived happily ever after. The End. */