/* CSS Document by mxm-studios.com*/

/*Main Colors:
id A is startpage
id B are content pages
id C is Theater

*/

body,html{border:0;padding:0;margin:0;background:#000 url(gfx/top-stone-tile.png) repeat-x;font-family:georgia,serif;}
#theater-tile{position:absolute;z-index:1;top:0;left:0;width:100%;height:60px;background:url(gfx/top-stone-tile2.png);}
h1,h2,h3,img,p{padding:0;margin:0;border:0;}

/*Positions*/
#Top-stone-main,#Top-stone-main-de,#Naviframe,#Cont-Frame,#Cont-Frame_start,#Border-left,#Border-right,#Media-Window,#Poster,#Newswindow,#Content,#Sponsors,#Credits,#Special,#Models,#Header,#Flag,#Sidenavi,#Navilink1thea,#Theaternaviframe,#Poll,#Koinup,#Galleryframe,#Footerframe,#Content_Scroll{position:absolute;}
#Cont-Frame_start,#Top-stone-main-de,#Header,#Flag,#Koinup{z-index:5;}
#Cont-Frame,#Border-left,#Border-right,#Sponsors,#Credits,#Content,#Sidenavi,#Navilink1thea,#Theaternaviframe,#Galleryframe,#Footerframe{z-index:10;}
#Media-Window,#Models,#Newswindow,#Poll,#Poster,#Special,#Top-stone-main{z-index:15;}

/*Main Containers & Classes*/
#A #Top-stone-main{top:0;left:50%;margin-left:-495px;width:990px;height:125px;background:url(gfx/top-stone-main-trans-2010.jpg);}
#A #Top-stone-main-de{top:0;left:50%;margin-left:-495px;width:990px;height:125px;background:url(gfx/top-stone-main-trans-2010_de.jpg);}
#B #Top-stone-main{top:0;left:50%;margin-left:-495px;width:990px;height:125px;background:url(gfx/top-stone-main-trans-2010.jpg);}
#B #Top-stone-main-de{top:0;left:50%;margin-left:-495px;width:990px;height:125px;background:url(gfx/top-stone-main-trans-2010_de.jpg);}
#C #Top-stone-main{top:0;left:50%;margin-left:-495px;width:990px;height:85px;background:url(gfx/top-stone-main-trans2.png) no-repeat center;}
	
		.sidenav a:hover{text-decoration:none;color:#993300;}
	#A #Header,#B #Header{top:100px;left:50%;margin-left:-466px;height:30px;width:932px;}
	#C #Header{top:617px;left:50%;margin-left:-450px;height:20px;width:900px;}
	#Header h1{font-size:16px;color:#ccc;font-weight:normal;float:left;margin:0 25px 0 100px;}

#A #Cont-Frame,#B #Cont-Frame{top:125px;left:50%;margin-left:-466px;width:932px;height:1910px;background:#231b18 url(gfx/background-lake.jpg) no-repeat;background-position:center bottom;}
#C #Cont-Frame{top:50px;left:50%;margin-left:-466px;width:932px;height:700px;/*background:#231b18 url(gfx/background-lake.jpg) no-repeat;background-position:center bottom;*/}
#C #Cont-Frame_start{top:50px;left:50%;margin-left:-466px;width:932px;height:100%;}
	#A #Naviframe,#B #Naviframe{top:0;left:50%;margin-left:-451px;width:902px;height:40px;border-top:1px solid #993300;z-index:100;}
	#C #Naviframe{top:650px;left:50%;margin-left:-451px;width:902px;height:40px;border-top:1px solid #993300;z-index:100;}

		/* Menu */
.menu{width:900px; height:30px;position:relative;z-index:100;background:url(gfx/navi-trans.png) none;}
.menu ul li a, .menu ul li a:visited{text-decoration:none;width:auto;height:40px;text-align:center;color:#993300;line-height:40px;font-size:20px;overflow:hidden;margin:0 15px 0 15px;}
.menu ul{padding:0;margin:0;list-style:none;}
.menu ul li{float:left;position:relative;}
.menu ul li ul{display:none;}
/* specific to non IE browsers */
.menu ul li:hover a{color:#ccc;}
.menu ul li:hover ul{display:block;position:absolute;top:35px;left:0;width:175px;}
.menu ul li:hover ul li a.hide{background:#231b18;color:#ccc;}
.menu ul li:hover ul li:hover a.hide{background:#231b18;color:#ccc;}
.menu ul li:hover ul li ul{display:none;}
.menu ul li:hover ul li a{display:block;color:#ccc;font-size:15px;font-weight:bold;width:175px;text-align:left;background:url(gfx/navi-trans.png);padding-left:2px;}
.menu ul li:hover ul li a:hover{color:#fff;}

#Galleryframe{top:60px;left:450px;width:450px;height:300px;border:1px solid #993300;background:url(pics/es4-roxy-luisa-aemrawen.jpg) no-repeat;}
#Galleryframe_Hot{position:relative;left:120px;width:450px;height:333px;border:1px solid #993300;background:url(pics/es-e1-s4-van-34.jpg) no-repeat;}
/* default link style - needed to make the :active work correctly in IE */
#Galleryframe a,#Galleryframe a:visited,#Galleryframe a:hover,#Galleryframe a:active,#Galleryframe_Hot a,#Galleryframe_Hot a:visited,#Galleryframe_Hot a:hover,#Galleryframe_Hot a:active{color:#993300;}
/* remove the padding margin and bullets from the list. Add a top margin and width to fit the images and a position relative */
.gallery{padding:0;margin:267px 0 0 0;list-style-type:none;position:relative;width:450px;}
/* remove the default image border */
.gallery img{border:0;}
/* make the list horizontal */
.gallery li{float:left;}
/* style the link text to be central in a surrounding box */
.gallery li a:link,.gallery li a:visited{font-size:12px;float:left;text-decoration:none;font-weight:bold;color:#fff;background:#000;text-align:center;width:26px;height:26px;line-height:24px;border:1px solid #993300;margin:2px;}
/* position the images using an absolute position and hide them from view */
.gallery li a img{position:absolute;top:-267px;left:0;visibility:hidden;border:0;}
/* fix the top position for the landscape images */
.gallery li a img.landscape{top:-267px;}
/* fix the left position for the portrait images */
.gallery li a img.portrait{left:0;border-left:40px solid #eee;border-right:40px solid #eee;}
/* style the hover background color for the text boxes */
.gallery li a:hover{background:#993300;}
/* style the active/focus colors for the text boxes (required for IE) */
.gallery li a:active, .gallery li a:focus{background:#930;color:#fff;}
/* make the images visible on active/focus */
.gallery li a:active img, .gallery li a:focus img{visibility:visible;}

#C #Cont-Frame{top:85px;left:50%;margin-left:-465px;width:930px;height:1400px;}
	
	#A #Poster{top:480px;left:30px;width:375px;height:500px;}
	#Models{top:990px;left:15px;width:902px;height:393px;border-top:1px solid #993300;border-bottom:1px solid #993300;}
		
	#Newswindow{top:60px;left:30px;width:380px;height:280px;padding:10px;background:#000;border:1px solid #993300;overflow:auto;overflow-x:hidden;}
	#A #Footerframe{top:1390px;left:15px;width:882px;height:490px;text-align:center;padding:10px;}
	#Votebox{position:absolute;z-index:15;height:470px;width:126px;top:1402px;left:780px;text-align:center;}
	.vote{color:#930;font-weight:bold;font-size:14px;}
    .vote h1 a{color:#c00;font-size:20px;text-decoration:none;display:block;}
	.vote h1 a:hover{color:#fff;}
	.vote img{float:none;}
	#B #Footerframe{top:100%;left:15px;width:882px;height:100px;margin-top:-120px;text-align:center;padding:10px;}
	#C #Footerframe{top:1250px;left:15px;width:882px;height:100px;text-align:center;padding:10px;}
		.small{font-size:9px;color:#666;}
		
	#A #Border-left,#B #Border-left{top:0;left:0;width:15px;height:100%;background:url(gfx/left-border-tile.png);}
	#A #Border-right,#B #Border-right{top:0;left:100%;margin-left:-15px;width:15px;height:100%;background:url(gfx/right-border-tile.png);}
	#C #Border-left{top:0;left:0;width:15px;height:100%;background:url(gfx/left-border-tile2.png);}
	#C #Border-right{top:0;left:100%;margin-left:-15px;width:15px;height:100%;background:url(gfx/right-border-tile2.png);}
	#A #Sponsors{top:375px;left:30px;width:728px;height:90px;}
	#B #Sponsors{top:671px;left:765px;width:135px;height:600px;text-align:center;}
	#C #Sponsors{top:800px;left:50%;margin-left:-150px;width:300px;height:250px;padding:5px;text-align:center;}
		.spons{font-size:11px;color:#666;}
		.spons h1{font-size:13px;color:#ccc;margin-left:23px;}
		.spons a{text-decoration:underline;color:#666;}
		.spons a:hover{color:#999;}
		.spons acronym{cursor:help;}
	#A #Special{top:735px;left:765px;width:133px;height:241px;}
	#B #Special{top:420px;left:765px;width:133px;height:241px;}
	#C #Special{top:800px;left:770px;width:133px;height:241px;}
	
	#A #Credits{top:100%;left:15px;width:93%;margin-top:-100px;height:auto;padding:5px;text-align:center;border-top:1px solid #333;}
	#B #Credits{top:510px;left:0;width:99%;height:auto;padding:5px;text-align:center;border-top:1px solid #333;}/*Inside Sponsors*/
		.cred{font-size:9px;color:#666;}
	#C #Credits{top:100%;left:15px;width:93%;margin-top:-100px;height:auto;padding:5px;text-align:center;border-top:1px solid #333;}
	#Flag{top:0px;left:630px;width:135px;height:136px;background:url(gfx/flag.png);}
	#Flag:hover{background:url(gfx/flag-active.png);}
	#A #Poll{top:375px;left:767px;width:135px;height:350px;background:#000;}
	#B #Poll{top:60px;left:767px;width:135px;height:350px;background:#000;}
	#C #Poll{top:800px;left:20px;width:135px;height:350px;background:#000;}
	#Koinup{top:525px;left:630px;width:150px;height:450px;}

/*Additional*/
#B #Content{top:60px;left:30px;width:695px;height:1700px;padding:10px;border-top:1px solid #993300;}
#B #Content_Scroll{top:60px;left:30px;width:695px;height:1700px;padding:10px;border-top:1px solid #993300;overflow:auto;}

#A #Content{top:480px;left:415px;height:488px;width:331px;background:#993300;border:1px solid #000;padding:5px;}
#C #Content{top:0;left:15px;height:600px;width:900px;background:#000;border-bottom:1px solid #993300;}
	.content{font-size:12px;color:#999;}
	.content h1{font-size:17px;color:#ccc;}
	.content h2{font-size:15px;color:#993300;}
	.content h3{font-size:12px;color:#666;text-align:center;}
	.content h4 a{font-size:33px;color:#993300;line-height:60px;text-decoration:none;} /*For Media Window Announcement*/
	.content a{text-decoration:underline;color:#999;}
	.content a:hover{color:#ccc;}
	.content img{float:left;margin-right:5px;}
	.content span img{float:none;margin-right:0;}
	
#BlackLabel a{font-weight:normal;font-size:10px;}
hr{background:#993300;color:#993300;height:2px;}

#Booklet4 img,#Booklet3 img,#Booklet2 img,#Booklet1 img,#Booklet4de img,#Booklet3de img,#Booklet2de img,#Booklet1de img{visibility:hidden;}
#Booklet4{position:relative;float:left;width:432px;height:551px;background:url(gfx/es4-booklet-front-en.jpg);}
#Booklet4:hover{background:url(gfx/es4-booklet-back-en.jpg);}
#Booklet3{position:relative;float:left;width:432px;height:551px;background:url(gfx/es3-booklet-front-en.jpg);}
#Booklet3:hover{background:url(gfx/es3-booklet-back-en.jpg);}
#Booklet2{position:relative;float:left;width:432px;height:551px;background:url(gfx/es2-booklet-front-en.jpg);}
#Booklet2:hover{background:url(gfx/es2-booklet-back-en.jpg);}
#Booklet1{position:relative;float:left;width:432px;height:551px;background:url(gfx/es1-booklet-front-en.jpg);}
#Booklet1:hover{background:url(gfx/es1-booklet-back-en.jpg);}

#Booklet4de{position:relative;float:left;width:432px;height:551px;background:url(gfx/es4-booklet-front-de.jpg);}
#Booklet4de:hover{background:url(gfx/es4-booklet-back-de.jpg);}
#Booklet3de{position:relative;float:left;width:432px;height:551px;background:url(gfx/es3-booklet-front-de.jpg);}
#Booklet3de:hover{background:url(gfx/es3-booklet-back-de.jpg);}
#Booklet2de{position:relative;float:left;width:432px;height:551px;background:url(gfx/es2-booklet-front-de.jpg);}
#Booklet2de:hover{background:url(gfx/es2-booklet-back-de.jpg);}
#Booklet1de{position:relative;float:left;width:432px;height:551px;background:url(gfx/es1-booklet-front-de.jpg);}
#Booklet1de:hover{background:url(gfx/es1-booklet-back-de.jpg);}

a.tt{position:relative;z-index:50;background:#993300;color:#fff;text-decoration:none;cursor:help;}
a.tt:hover{z-index:50;}
a.tt span{display:none;}
a.tt:hover span{display:block;position:absolute;top:25px;left:-10%;width:125px;color:#000;font-weight:bold;border:1px solid #000;background:url(gfx/navi-trans.png);text-align:center;}