
* { margin: 0; padding: 0; font-size: 1em; }

a img { border: none; }

ul, ol, li { list-style: none; }
html, body { position: relative; width: 100%; height: 100%; }
body { font-family: arial; font-size: 11px; background: black; color: #efefef; background: black url(../img/background.jpg) no-repeat left top;}
a { color: #EDF180; text-decoration: none; }
a:hover { text-decoration: underline; }
/* 
// 
*/

/* BASIC LAYOUT */

#container-outer { position: relative;  width: 100%; height: 100%; }
#container { position: relative; z-index: 1; left: 240px; width: 800px; height: 670px; }
#header { height: 144px; position: relative; overflow: visible; top: 0px; width: 100%;  }
#logo { position: absolute; z-index: 2; left: 20px; }
#nav-main { position: absolute; z-index: 1; bottom: 0; font-family: "Times New Roman"; margin-left: -5px; height: 34px; line-height: 34px; width: 800px; background: url(../img/layout/menu_right.jpg) no-repeat right top; letter-spacing: .1em; }
#content { float: left; position: relative; margin-left: 30px; padding: 8px; width: 494px; height: 469px; background: url(../img/layout/content.png) no-repeat top left; }
#content {  
		scrollbar-base-color: #000000; 
		scrollbar-arrow-color: #ffffff;
		scrollbar-DarkShadow-Color: #5d5d5d;
		scrollbar-3dlight-color:#ffffff; 
		 }
		
* html #content { display: inline; }
	#content-inner { position: relative; overflow: auto; width: 452px; height: 424px; padding: 20px; }
* html #content-inner { overflow: scroll; }
	#content-extra { float: left; width: 217px; margin-left: 5px; }
	#player-container { position: relative; width: 201px; height: 158px; padding: 8px; background: url(../img/layout/content_right_top.png) no-repeat top left; margin-bottom: 15px; }
	#player { height: 100%; width: 100%; position: relative;  }
	#btn_play { display: block; position: absolute; top: 0; left: 0; height: 100%; width: 100%; background: url(../img/layout/play_button.png) no-repeat center center; text-indent: -999em; overflow: hidden; }
	#events { width: 187px; height: 260px; padding: 15px; background: url(../img/layout/content_right_bottom.png) no-repeat top left; }
	#events .content {  }
	#events .content li { margin-bottom: .6em; }
	#events .content p { margin-bottom: 0; }
	#events h2 { overflow: hidden; text-indent: -100em; width: 190px; height: 35px; background: url(../img/layout/header_turneliste.png) no-repeat top left; margin-bottom: .8em; }
#footer { clear: both; text-align: right; margin-right: 40px; color: #999; }

#bg_glam { position: absolute; top: 260px; left: -90px; z-index: 0; }

/* NAVIGATION */
#nav-main li { float: left; margin-right: 4px; text-transform: uppercase; font-size: 10px; }
#nav-main li a { position: relative; z-index: 3; }
#nav-main a { }
#nav-main li.first-child { height: 35px; left: 10px; padding-left: 40px; background: url(../img/layout/menu_left.jpg) no-repeat left top; }
#nav-main li.last-child {  }
#nav-main span { display: none; }

#lang-switch { float: left; margin-left: 26px;}
#lang-switch li { display: inline;}
#lang-switch a { border: 2px solid #000; }
#lang-switch a:hover { border-color: #EDF180; }

/* CONTENT AREA */
#content-inner { overflow-x: hidden; }
h1 { text-transform: uppercase; margin-bottom: 1em; font-size: 18px; font-family: "Myriad Web Pro"; font-weight: normal; color: #EDF180; }
p { margin-bottom: 1em; }
/*.seperator { display: block; width: 100%; margin: 2em 0; height: 20px; background: url(../img/layout/seperator.png) no-repeat top center; float: left; clear: both; }*/
#container #content span.seperator { display: block; text-align: center;  clear: both; margin: 2em 0 2em 4em; height: 20px; }
#container #content span.seperator img { float: none; border: none;}



/* NEWS */
#s_news.ss_index #content img, #s_news.ss_archive #content img { float: left; margin: 0 6px 6px 0; border: 1px solid #9B9138;}
#s_news.ss_index #content p, #s_news.ss_archive #content p { margin-left: 140px; line-height: 1.3em; width: 270px; }

#s_news.ss_index .news-entry, #s_news.ss_archive .news-entry { width: 100%; clear: both; float: left; margin-bottom: 3em; padding-bottom: 2em; background: url(../img/layout/seperator.png) no-repeat 70% bottom; }
* html #s_news.ss_index .news-entry, * html #s_news.ss_archive .news-entry { background: none; } 

#s_news.ss_index .news-entry h2, #s_news.ss_archive .news-entry h2 {margin-bottom: .5em; font-weight: normal; font-size: 1.4em;}

#s_news.ss_read #content h1 { height: auto; }
.article-footer { margin-top: 2em; font-size: .9em; color: #bbb;}
.byline { font-size: .9em; color: #bbb; margin-top: -.2em; }
.image-thumb { float: left; margin: 0 1em .5em 0; }

/* MAGIC */
/*
#nav-hover { display: none; position: absolute; z-index: 100; overflow: hidden; }
#hover-click { position: absolute; z-index: 101; display: block; height: 100%; width: 100%; top: 0; overflow: hidden;}
#hover-click:hover { text-decoration: none; }
*/

/* FORMS */
form { width: 27.5em; }

form div { float: left; clear: both; width: 100%; margin-bottom: .5em;}
form label { float: left; width: 8em;}
.submit input { padding: .2em .3em; float: right; }


h2, h3, p { line-height: 1.3em; }
#s_pages.ss_contact h2, #s_galleries.ss_index h2 { clear: both; font-size: 1.1em; } 

/* The Show */
#theshow img { padding-left: 5em; padding-top: 1em; padding-bottom: 1em; }

/* The Band */
#bandmembers {}
#bandmembers li { float: left; width: 100%; clear: both; margin-bottom: 1em;}
#bandmembers img { float: left; margin: 0 20px 20px 0; }
#bandmembers .odd img { float: right; margin: 0 0 20px 20px; }
#s_pages.ss_theband #content p.padding_top { padding-top: 1em; }
/*#s_pages.ss_theband #content p { margin-right: 120px; line-height: 1.3em; width: 300px; } */

/* Guestbook */
#guestbook-entries { border-top: 1px solid #6D7140; padding-top: .5em;}
#guestbook-entries li { margin-bottom: 1em; border-bottom: 1px solid #6D7140; width: 100%; clear: both; }
#guestbook-entries .msg {}
#guestbook-entries .author { color: #EDF180; font-size: .9em; margin-bottom: .5em;}

/* Galleries */
/* thumb_width=125
thumb_height=93*/
#galleries h2 { font-family: arial; font-size: 12px; font-weight: bold; margin-bottom: .3em;}
#galleries li {padding-top: 2em;}
#galleries img { float: left; margin: 0 5px 1.5em 0;}
#gallery-images {}
#gallery-images li {height: 93px; width: 125px; padding: 3px 5px; float: left; text-align: center; border: 1px solid #6D7140; margin: 3px;}
#gallery-images {}
#gallery-image { margin: 0 auto; display: block; }
.sub-nav { float: left; clear: both; margin: 1em 0; }
.image-description { margin: 1em; }


/* Competitions */
ul#questions { margin-bottom: 1em; }
ul#questions li { list-style: disc outside; margin-left: 1.5em; }

/* The Blog */
#blog-entries {  }
#blog-entries li { margin-bottom: 1em; padding-bottom: 1em; border-bottom: 1px solid #6D7140; }
#blog-entries h2 { font-size: 1.4em; }
#blog-entries .date {float: right; color: #999;}
#blog-entries p {  }

/* Events */
#events-lists {}
#events-lists li { margin-top: 1em;margin-botom: 1em; padding-bottom: 1em; border-bottom: 1px solid #6D7140; }
#events-lists h2 { font-size: 1.4em; }
#events-lists .date {float: right; color: #999;}
/* Media */
#press-media { font-size: 1.1em; float: right; }
#media li { float: left; width: 100%; clear: both; margin-bottom: 1em;}
#media img { float: left; margin: 0 20px 20px 0; }
#media p { padding-top: 1em; }
#media h2 { padding-top: 1em;}
