@charset "utf-8";
/* CSS Document */

* {
	margin:0;
	padding:0;
	}

html {
	height:100%;
	margin-bottom:1px;
}


body {
	font-family:Tahoma, Arial, Helvetica, sans-serif;
	font-size:12px;
	background-color:#000;
	color:#fff;
	text-align:center; /* Hierdurch wird der Container in IE 5*-Browsern zentriert. Dem Text wird dann im #container-Selektor die Standardausrichtung left (links) zugewiesen. */
	width:100%;
	background: #000 url(img/bg_main_new.jpg) top no-repeat;
	}

img {
	border:0px none;
	}

a, a:visited, a:link {
	font-weight:normal;
	text-decoration:none;
	border-bottom:#222 1px dashed;
	color:#ff3300;
	}

a:hover {
	text-decoration:none;
	border-bottom:#333 1px solid;
	color:#eee;
	}

pre {
	text-align:left;
}

p {
	padding-top:7px;
	padding-bottom:7px;
	color:#999;
	font-size:12px;
	line-height:16px;
	}

ul {
	list-style-type:none;
	}

li {
	text-align:left;
}

p, h1, h2, h3, h4, h5 {
	font-family:Tahoma, Arial, Helvetica, sans-serif;
	text-align:left;
	padding: 10px; 
}


h1 {
	font-size:14px;
	color:#f30;
	}

h2 {
	color:#f30;
	font-size:13px;
	padding:20px 10px 5px 10px;
	}

h3 {
	font-size:12px;
	padding:0px 10px;;
	}

h4 {
	font-size:10px;
	color:#fff;
	padding:0px 10px;
	text-align:right;
	}

h5 {
	font-size:11px;
	color:#fff;
	padding-top:0;
	}

h6 {
	color:#fff;
	font-size:12px;
	padding:20px 10px 10px 10px;
	font-weight:bold;
	text-align:left;
}


/* Basis Box */
#root {
   	position: relative; /* Durch Hinzufügen von position: relative können Sie die beiden Randleisten im Verhältnis zu diesem Container positionieren. */
   	width: 780px;  /* Mit einer Breite, die 20 Pixel unter der vollen Breite von 800 Pixel liegt, können Sie dem Browser-Chrome Rechnung tragen und gleichzeitig eine horizontale Bildlaufleiste vermeiden. */
   	margin: 0 auto; /* Durch automatische Ränder (in Verbindung mit einer Breite) wird die Seite zentriert. */
   	text-align: center; /* Hierdurch wird die Einstellung text-align: center im Body-Element überschrieben. */
	}


/* Head */
#head {
	background: #000000 url(img/head_new.jpg) top no-repeat;
	width:780px;
	height:300px;
	}

#head h1, #head h2, #head h3, #head h4
	{
	display:none;
	}


#head .tickets {
    float:right;
    margin-right:6px;
}

#head ul.tickets li {
    float:left;
    padding:0;
    margin:0;
}

#head .tickets br {
    display:none
}

#head .tickets a {
    background-image: url(img/tickets_2010.jpg);
    background-position: -400px 0;
    background-repeat:no-repeat;
    display:block;
    text-indent:-9999px;
    padding:0;
    margin:0;
    height:236px;
    width:173px;
    border-bottom:0 none;
	outline:none;
}

#head .tickets a.moscow { background-position: 0px 0px; }
#head .tickets a.moscow:hover,
#head .tickets a.moscow:focus { background-position: 0px -237px; }

#head .tickets a.leningrad { background-position: -173px 0px; }
#head .tickets a.leningrad:hover,
#head .tickets a.leningrad:focus { background-position: -173px -237px; }


/* #head .tickets a.moscow { background-position: 0px -476px; }
#head .tickets a.leningrad { background-position: -173px -476px; } */



/* Hauptinhalt */
#content {
	float:left;
/*	background-image:url(img/bg_main.jpg);
	background-repeat:no-repeat;
	background-position:top;*/
	background-color:#1a2a37;
	padding:10px 11px;
	text-align:center;
	width:398px;
	position:relative;
}

#content strong {color:#CCCCCC;}



#teaser {
	float:left;
	background: #000000 url(img/teaser_bg.jpg) top no-repeat;
	width:192px;
	height:510px;
}

#lang {
	margin-left:74px;
	background-color:#111;
	height:103px;
	vertical-align:middle;
	font-size:12px;
}

#lang a {
	font-weight:bold;
}

#lang ul {
	padding-top:30px;
	vertical-align:middle;
}

#lang li {
	line-height:20px;
	text-align:center;
}


#shop {
	margin-left:35px;
	margin-top:40px;
}

#shop span {
	display:none;
}

/* weiter im lang.css */
#sms {
	padding-left:37px;
	margin-left:31px;
	margin-top:40px;
	background: transparent url(img/sms.gif) no-repeat 4px -20px;
}

#sms p {
	font-family: Tahoma, Geneva, sans-serif;
	background-color:#fff;
    color:#000;
	font-size:10px;

	-moz-border-radius:5px;
    -webkit-border-radius:5px;
}


#sms p img {padding-bottom:10px}


/* Footer */
#foot {	display:inline-block;
	float:none;
	padding: 20px;
	text-align:center;
	/* border-top: 1px #999999 dotted; */
}

#foot p {
	text-align:center;
	color:#333333;
	font-size:10px;
}




/* Navigation */
#menu {
	text-align:left;
	float:left;
/*	position:absolute;
	top:300px;
	left:0px;*/
	background: #000 url(img/navi_bg.jpg) top no-repeat;
	width:168px;
	height:510px;
	}

#navi{
	width:83px;
	height:330px;
	padding:12px 0 6px 1px;
	list-style-image:none;
	list-style-type:none;
	background-color:#1a2a37;
	}

#navi span{
	display:none;
}

#navi a, #navi a:link {
	font-weight:normal;
	text-decoration:none;
	border:#000 0px none;
	width:79px;
	height:36px;
	display:block;
	background-color:#1a2a37;
	background-image:url(img/navi.gif);
	outline:none;
}

#navi a:hover {
	font-weight:normal;
	text-decoration:none;
	width:79px;
	height:36px;
	display:block;
	background-color:#1a2a37;
}


.navi_news			{background-position:0px 36px;}
.navi_news_on		{background-position:0px 72px;}
a:hover.navi_news	{background-position:0px 0px;}

.navi_band			{background-position:632px 36px;}
.navi_band_on		{background-position:632px 72px;}
a:hover.navi_band 	{background-position:632px 0px;}

.navi_music			{background-position:553px 36px;}
.navi_music_on		{background-position:553px 72px;}
a:hover.navi_music	{background-position:553px 0px;}

.navi_gallery		{background-position:474px 36px;}
.navi_gallery_on	{background-position:474px 72px;}
a:hover.navi_gallery{background-position:474px 0px;}

.navi_video			{background-position:395px 36px;}
.navi_video_on		{background-position:395px 72px;}
a:hover.navi_video	{background-position:395px 0px;}

.navi_press			{background-position:316px 36px;}
.navi_press_on		{background-position:316px 72px;}
a:hover.navi_press	{background-position:316px 0px;}

.navi_contact		{background-position:237px 36px;}
.navi_contact_on	{background-position:237px 72px;}
a:hover.navi_contact{background-position:237px 0px;}

.navi_friends		{background-position:158px 36px;}
.navi_friends_on	{background-position:158px 72px;}
a:hover.navi_friends{background-position:158px 0px;}

.navi_forum			{background-position:79px 36px;}
.navi_forum_on		{background-position:79px 72px;}
a:hover.navi_forum	{background-position:79px 0px;}


/* BOX */
.box_a, .box_b, .box_c, .part1, .part2, .part3 {
	margin:0;
	padding:0;
	text-align:left;
	color:#999;
	font-size:12px;
	line-height:16px;
}

.box_a, .box_b {
	width: 396px;
	height: 100px;
	position:relative;
	margin-top: 12px;
}

.box_c {
		width: auto;
        height:35px;
		position:relative;
        border-top:#203444 solid 1px;
		text-align:right;
        padding-top:5px;
        margin-top:5px;
}


.box_c li{
	display:inline;
	padding: 0 5px 0 5px;
}


.box_a {background-color: #000000;}
.box_b {}
.box_c {}

.box_space {padding:0; height:10px;}

.part0 {
	position:absolute;
	width: 233px;
	height: 80px;
	top: 8px;
	left: 0px;
	border-right:#666666 1px dashed;
	overflow: hidden;
	padding: 0px 10px;
}

.part1 {
	position:absolute;
	width: 45px;
	height: 50px;
	font-weight:bold;
	color:#f30;
	top: 8px;
	left: 9px;
}

.part2{
	left:66px;
	position:absolute;
	width: 168px;
	height:80px;
	top: 8px;
	border-left:#666666 1px dashed;
	border-right:#666666 1px dashed;
	padding: 0px 10px;
	overflow: hidden;
	}

.part3 {
	position:absolute;
	width:131px;
	left:263px;
	top: 8px;
	height: 70px;
}



/* LyteBox */
#lbOverlay { position: absolute; top: 0; left: 0; z-index: 99998; width: 100%; height: 500px; }
#lbOverlay.grey { background-color: #000000; }

#lbMain { position: absolute; left: 0; width: 100%; z-index: 99999; text-align: center; line-height: 0; }
#lbMain a img { border: none; }
#lbMain a, #lbMain:link, #lbMain:hover {border:0px none;}

#lbOuterContainer { position: relative; background-color: #fff; width: 200px; height: 200px; margin: 0 auto; }
#lbOuterContainer.grey { border: 0px none #888888; }

#lbDetailsContainer {	font:12px; background-color: #fff; width: 100%; line-height: 1.4em;	overflow: auto; margin: 0 auto; }
#lbDetailsContainer.grey { border: 0px none #888888; border-top: none; color:#CCCCCC;}

#lbImageContainer, #lbIframeContainer { padding: 10px; }
#lbLoading {
	position: absolute; top: 45%; left: 0%; height: 32px; width: 100%; text-align: center; line-height: 0; background: url(img/loading.gif) center no-repeat;
}

#lbHoverNav { position: absolute; top: 0; left: 0; height: 100%; width: 100%; z-index: 10; }
#lbImageContainer>#lbHoverNav { left: 0; }
#lbHoverNav a { outline: none; }

#lbPrev { width: 49%; height: 100%; background: transparent url(img/lb_blank.gif) no-repeat; display: block; left: 0; float: left; }
#lbPrev.grey:hover, #lbPrev.grey:visited:hover { background: url(img/lb_prev_grey.gif) left 15% no-repeat; }
	
#lbNext { width: 49%; height: 100%; background: transparent url(img/lb_blank.gif) no-repeat; display: block; right: 0; float: right; }
#lbNext.grey:hover, #lbNext.grey:visited:hover { background: url(img/lb_next_grey.gif) right 15% no-repeat; }

#lbPrev2, #lbNext2 { text-decoration: none; font-weight: bold; font-size:10px; }
a#lbPrev2:hover, a#lbNext2:hover { color:#ff3300 }
#lbPrev2.grey, #lbNext2.grey { color: #333333;  }
#lbSpacer.grey { color: #aaa; }
	
#lbPrev2_Off, #lbNext2_Off { font-weight: bold; }
#lbPrev2_Off.grey, #lbNext2_Off.grey { color: #CCCCCC; }
	
#lbDetailsData { padding: 0 10px;  }
#lbDetailsData.grey { color: #333333; }

#lbDetails { width: 60%; float: left; text-align: left; }
#lbCaption { display: block; font-weight: bold; font-size:1.5em; margin-bottom:0.3em; color:#ff3300; }
#lbNumberDisplay { float: left; display: block; padding-bottom: 1.0em; font-size:10px }
#lbNavDisplay { float: left; display: block; padding-bottom: 1.0em; font-size:10px }

#lbClose { width: 64px; height: 28px; float: right; margin-bottom: 1px; }
#lbClose.grey { background: url(img/lb_close_grey.png) no-repeat; }

#lbPlay { width: 64px; height: 28px; float: right; margin-bottom: 1px; }
#lbPlay.grey { background: url(img/lb_play_grey.png) no-repeat; }
	
#lbPause { width: 64px; height: 28px; float: right; margin-bottom: 1px; }
#lbPause.grey { background: url(img/lb_pause_grey.png) no-repeat; }





/* Weitere Elemente */
.archiv_datum {
	padding-left:5px;
	font-size:10px;
	color:#fff;
}

.border_solid {
	border:#000000 1px solid;
}

.border_dashed {
	border:#203444 solid 1px;
}



a:hover img {border:solid 1px #666;} 
a.img_url, a.img_url:link, a.img_url:hover,  a.img_url:active,  a.img_url:visited  {border:none 0px;}
.img_inside {padding:10px 0;}


.set_name {
	font-size:13px;
	font-weight:bold;
	color:#f30;
	padding:0 0 7px 0;
	margin:0;
}

.set_info {
	padding:0;
	margin:0;
}

a.img_text, a.img_text:link {margin:10px; border:none 0px;}
.img_text:link img {border:dashed 1px #666;}
.img_text:hover img {border:solid 1px #666;}
.img_text:visited img {border:solid 1px #666;} 
.img_text:active img {border:solid 1px #666;} 




/* list */
.list {
	margin:5px 10px;
	padding: 10px 5px;
	background-color:#000000;
}

.list li {
	line-height:26px;
	padding:0 5px;
	height:26px;
}

.list a, .list span {
	margin-left:5px;
}




/* Archiv */
.archiv {
/*	font-size:10px; */
	margin:5px 10px;
	padding: 5px;
	background-color:#000000;
	text-align:left;
	-moz-border-radius: 4px; -webkit-border-radius: 4px; 
}

.archiv li {
	line-height:21px;
	padding:0 5px;
	display:inline;
}

.archiv a, .archiv span {
	margin-left:4px;
}



/* Farben */
.grey, #content .grey strong {color:#999;}

.red, #content .red strong {color:#f30;}

.white, #content .white strong  {color:#fff;}

.blue, #content  .blue strong {color:#1a2a37;}




/* Fonts */
.font_10 {
	font-size:10px;
}

.font_11 {
	font-size:11px;
}

.font_12 {
	font-size:12px;
}

.font_14 {
	font-size:14px;
}


.clearfloat { /* Diese Klasse sollte in einem div- oder break-Element platziert werden und das letzte Element vor dem Schließen eines Containers sein, der wiederum einen vollständigen Float enthalten sollte. */
    	clear:both;
        height:0;
        font-size: 1px;
        line-height: 0px;
}


.warn { background-color:#990000; color:#fff; display:block; padding:10px; margin:10px 0; font-size:10px; text-align:center;}


/* URL BACK */
a.url-back { position:relative; padding:4px 0px 4px 8px; float:right; margin:1px; border: 0px none; background:none; font-weight:normal; color: #ff3300; outline:none; font-size:11px; }
a.url-back span.ui-icon {float:right; margin:1px 4px 0 4px; display:block; background-image: url(images/ui-icons_ff3300_256x240.png); }
a:hover.url-back span.ui-icon {background-image: url(images/ui-icons_ffffff_256x240.png);}
a:hover.url-back {color:#fff;}