/*

	DIE ELEGANZ DES IGELS
	MENONTHEMOON
	2008-04-09
	fns

*/

@import 'screen.css';

/* BASICS 
-------------------------------------------------------------- */
html {min-height: 101%;}
body { background: #0f0000; color: #0f0000; font-family: Georgia, "Times New Roman", Times, serif; }
.container { background: transparent url(../images/bg_big.jpg) no-repeat top center; text-align:center; padding-top: 55px; }

a { color: #B00346; text-decoration:none; }
a:hover { color: #FFFFFF; }

.alignleft { text-align:left; }
.alignright {float:right;margin:0 0 1em 1.5em;}

/* NAVI 
-------------------------------------------------------------- */
#Nav { width: 378px; margin: 0 auto; background: url(../images/nav.gif) no-repeat;  }
#Nav, #Nav li{ height:25px; line-height:25px; min-height:25px; }
	#Nav li { display: inline; float: left; text-align:center;}
	#Nav a { height:25px; display:block; }	
	#Nav span { visibility:hidden; text-indent: -9999px;}
	
	#nav_buch { width: 60px;}
	#nav_buch a:hover, #Buch #nav_buch  { background: url(../images/nav.gif) 0 -25px no-repeat;}
	
	#nav_inhalt { width: 76px;}
	#nav_inhalt a:hover, #Inhalt #nav_inhalt  { background: url(../images/nav.gif) -60px -25px no-repeat;}
	
	#nav_autorin { width: 87px;}
	#nav_autorin a:hover, #Autorin #nav_autorin { background: url(../images/nav.gif) -136px -25px no-repeat;}
	
	#nav_trailer { width: 81px;}
	#nav_trailer a:hover, #Trailer #nav_trailer { background: url(../images/nav.gif) -223px -25px no-repeat;}
	
	#nav_presse { width: 73px;}
	#nav_presse a:hover, #Presse #nav_presse { background: url(../images/nav.gif) -304px -25px no-repeat;}
	
/* NAV HANDLUNG 
-------------------------------------------------------------- */
#nav_handlung { margin-left:50px; width: 762px; background: url(../images/handlung.gif) no-repeat top center; }
#nav_handlung, #nav_handlung li{ height:169px; line-height:169px; min-height:169px; }
	#nav_handlung li { display: inline; float: left; text-align:center; }
	#nav_handlung a { height:169px; display:block; }	
	#nav_handlung span { visibility:hidden; text-indent: -9999px;}
	
		#h_handlung{ width: 130px; }
		#h_handlung a:hover, #Handlung #h_handlung { background: url(../images/handlung.gif) 0px -170px no-repeat;}

		#h_renee { width: 71px; }
		#h_renee a:hover, #Renee #h_renee { background: url(../images/handlung.gif) -130px -170px no-repeat;}

		#h_paloma{ width: 78px; }
		#h_paloma a:hover, #Paloma #h_paloma { background: url(../images/handlung.gif) -201px -170px no-repeat;}

		#h_ozu{ width: 96px; }
		#h_ozu a:hover, #Ozu #h_ozu { background: url(../images/handlung.gif) -279px -170px no-repeat;}

		#h_leo{ width: 75px; }
		#h_leo a:hover, #Leo #h_leo { background: url(../images/handlung.gif) -375px -170px no-repeat;}

		#h_palais{ width: 110px;}
		#h_palais a:hover, #Palais #h_palais { background: url(../images/handlung.gif) -450px -170px no-repeat;}

		#h_schoenheit{ width: 202px; }
		#h_schoenheit a:hover, #Suche #h_schoenheit { background: url(../images/handlung.gif) -560px -170px no-repeat;}

	
/* CONTENT 
-------------------------------------------------------------- */
#Content { margin:50px 0 15px 0; }
	#Content h2 { font-weight:900; font-size: 1.5em; margin: 0 0 0.5em 0; }
	#Content h3 {
	font-size:0.9em;
	margin: 0 0 20px 0;
	text-transform: uppercase;
	font-weight: lighter;
	letter-spacing: 0.1em;
	}
	#Content h4 { font-weight:900; font-style:italic; margin-bottom:0.5em;} 
	#player { height: 400px; margin-left:20px; }
	em span { font-size: 1.5em }
#footer { background: #0F0000; text-align:right;}
	#footer a { color:#CCCCCC; padding: 5px; }
/* C O D E * IS * A R T */