/** FLYING SPARKY DESIGN  **********************************************************************************************
*****************************      			R E S E T    S T Y L E S 	     *******************************************
************************************************************************************************************************/

* {margin: 0; padding: 0;}
body {line-height: 1;}
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, image, img, a img, ins, kbd, q, s, samp, small, strike, strong, sub, sup, tt, var, b, u, i, center, 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-size: 100.00%; vertical-align: baseline; background: transparent;}

ol, ul, li, li a, li a: hover, li a:active, a, a:hover, a:active {list-style: none;}

blockquote, q {quotes: none;}
blockquote:before, blockquote:after, q:before, q:after {content: ''; content: none;}
:focus {outline: 0;}
ins {text-decoration: none;}
del {text-decoration: line-through;}
table {border-collapse: collapse; border-spacing: 0;}
.clear {clear: both;}

.transparent_class {filter:alpha(opacity=50); -moz-opacity:0.5; -khtml-opacity: 0.5; opacity: 0.5;}

/***********************************************************************************************************************
*****************************      		G E N E R A L   S T Y L E S 	     *******************************************
************************************************************************************************************************/

html, body {height: 100.1%; width: 100%;}
body {font: 12px/1.5  Geneva, Arial, Helvetica, sans-serif; color: #898b9f; background: #010066 url(bg.jpg) repeat-x}

p {text-align: justify}

a, a:focus, a:hover, a:active, td a:hover , td a:active {cursor: pointer; text-decoration: none;}

h1 {font: 20px Georgia, "Times New Roman", Times, serif; color: #da6a3e; padding-bottom: 10px; text-transform: uppercase} 
h2 {font: 14px Georgia, "Times New Roman", Times, serif; text-transform: uppercase; padding-bottom: 10px;} 



/*******************************************************************************************************************************
*****************************   S P E C I F I C   S T Y L E S   ****************************************************************

<div id="wrapper">
	<div id="header_home">
		<ul id="navi">
			<li id="home"><a href="index.html" class="active">Home</a></li>
			...
		</ul>
	</div>
	<div id="content_home">
		<div id="makeMeScrollable">
			<div class="scrollWrapper">
				<div class="scrollableArea">
					<img src="images/home/1.jpg" alt="Sogyla Rinpoche" id="startAtMe" />
					...
				</div>
			</div>
		</div>
		<div id="kinoinfos"></div>
	</div>
</div>

FARBEN:

Schriftfarbe (hellblau)	+ Sprache		#898b9f
Hintergrund (dunkelblau)		#010066
H1 (orange)						#da6a3e
Hover bei Links					#cbbaa0
Links							#857459
Film Trailer P					#0099CC
Links im Text					#993300
Hover bei Links im Text			#cc6633
Kontakt Links					#898b9f
Kontakt Links Hover				#2d2c5f
********************************************************************************************************************************/

#wrapper {width: 980px; height: 700px; margin: auto;}

#header_home {background: url(buddha-gr-schr-all.jpg) no-repeat; height: 700px}  /* Kopfgrafik Homepage DEUTSCH */
#header_pages {background: url(buddha_kl.jpg) no-repeat; height: 700px}  /* Kopfgrafik weitere Seiten DEUTSCH */

#header_home_en {background: url(buddha-gr-schr-all_en.jpg) no-repeat; height: 700px} /* Kopfgrafik Homepage ENGLISCH */
#header_pages_en {background: url(buddha_kl_en.jpg) no-repeat; height: 700px} /* Kopfgrafik weitere Seiten ENGLISCH */

#navi {display: inline;}
#navi li {float: left; list-style: none; padding: 14px 7px 110px 11px;}
#navi li a {color: #857459; font: 13px Georgia, "Times New Roman", Times, serif; text-transform: uppercase;}
#navi li a:hover, #navi li a.active, #navi li#sprache a:hover, #navi li#sprache a.active {color: #cbbaa0;}

#navi li#sprache a {color: #898b9f}

#content_home {margin-top: -355px} /* Homepage */
#content_pages {margin-top: -535px;} /* Unterseiten */

#footer_home {clear: both; font: 9px Georgia, "Times New Roman", Times, serif; text-transform: uppercase; padding-top: 20px; color: #2d2c5f; text-align: center;}
#footer_pages {width: 960px; margin: auto; clear: both; font: 9px Georgia, "Times New Roman", Times, serif; text-transform: uppercase; padding-top: 20px; color: #2d2c5f; padding-left: 20px;}
#footer_home a, #footer_pages a {color: #2d2c5f;}
#footer_home a:hover, #footer_pages a:hover {color: #8584a4;}


/* JavaScript-Modul: Laufband */
#makeMeScrollable {height: 150px;}
#makeMeScrollable div.scrollableArea * {position: relative; float: left; margin: 0; padding: 0;}
div.scrollWrapper {position: relative; overflow: hidden; width: 100%; height: 100%;} /* scroll wrapper is always the same width and height as the containing element (div). */
div.scrollableArea {position: relative; width: auto; height: 100%;}

/* HOMEPAGE: Film Credits */
#kinoinfos {height: 249px; background: url(kinoinfos.jpg) no-repeat;} /* Film Credits Homepage DEUTSCH */
#kinoinfos_en {height: 249px; background: url(kinoinfos_en.jpg) no-repeat;} /* Film Credits Homepage ENGLISCH */


/* Die ganzen Unterseiten */

/* FILM */
#film-left {width: 650px; padding: 30px 0 0 20px; float: left;}
#film-right {height: 200px; width: 200px; float: right; margin-top: 34px; padding-right: 30px; background: url(images/film/sogyal.jpg) no-repeat}

#film-right-bottom {font-size: 8px; line-height: 1.8; padding-top: 220px; text-align: right; text-transform: uppercase}
#film-right-bottom .big, .big {font-size: 11px;}

#langbeschreibung {width: 940px}
p#facebox-langbeschreibung a {color: #857459}
p#facebox-langbeschreibung a:hover {color: #cc6633}

/* TRAILER */
#film-right-trailer {height: 344px; width: 425px; float: right; margin-top: 24px; margin-right: 60px;}
#film-right-trailer p {font-size: 30px; text-align: center; margin-top: 100px; color: #0099CC}

/* SOGYAL, LERAB, SIKKIM, PRESSE, KINO(PLANER), TRAILER */
#film-left-sogyal, #film-left-lerab, #film-left-sikkim, #film-left-kino, #film-left-trailer {width: 335px; padding: 30px 0 0 20px; float: left;}
#film-right-sogyal, #film-right-lerab,  #film-right-sikkim, #film-right-presse, #film-right-kino {width: 540px; float: right; margin-top: 64px; padding-right: 30px;}

p#small {font-size: 8px; line-height: 1.9; text-transform: uppercase}
#film-left-sikkim a, #film-right-sikkim a, #film-left-presse a, #film-right-presse a, #film-right-trailer a {color: #993300}
#film-left-sikkim a:hover, #film-right-sikkim a:hover, #film-left-presse a:hover, #film-right-presse a:hover, #film-right-trailer a {color: #cc6633}

/* PRESSE */
#film-left-presse {width: 335px; padding: 30px 0 0 20px; float: left;}
#film-right-presse {width: 540px; height: 566px; float: right; margin-top: 24px; padding-right: 20px;}
#presseheftcontainer {height: 572px;}
#film-right-presse p {}

/* TEAM */
#film-left-team {width: 450px; padding: 30px 0 0 20px; float: left;}
#film-right-team p {height: 307px; width: 439px; float: right; margin-top: 24px; padding-right: 30px; background: url(images/team/team.jpg) no-repeat}

/* KONTAKT/IMPRESSUM */
#film-left-kontakt {width: 220px; padding: 30px 0 0 20px; float: left;}
#film-left-kontakt a {color: #898b9f;}
#film-left-kontakt a:hover {color: #2d2c5f;}
#film-right-kontakt {width: 660px; float: right; margin-top: 24px; padding-right: 30px; text-align: justify}

table.kinoplaner {width: 100%; line-height: 2; text-align: left;}
table.kinoplaner tr.betontezeile {background: #010066}
table.kinoplaner tr.hervorheben {background: #2d2c5f}
table.kinoplaner td, table.kinoplaner th {padding-left: 8px}
table.kinoplaner td a {color: #857459}
table.kinoplaner td a:hover {color: #cc6633}