/*Herstellen vom +Alterwald (c) ('Die Waldteufel') fur www.inextremo.ru*/



body {
        background: #000  url('assets/images/hg.gif') center fixed no-repeat  ;
	margin: 0px;
	text-align: justify;
	font-family: Georgia, Times New Roman, Times, serif;
	font-size: small;
	color: #bbb;
} 


h1 {
}


h2, h3 {
	margin-top: 0px;
}

h4, h5, h6 {
}


h7 {
       margin-top: 0px;
}

p, ol, ul, dl, blockquote {
}

a {
	color: #999;
}


a:hover {
	text-decoration: none;
}

#header {
          width: 820px;
          height: 274px;
          margin: 0px auto;
          background: url(assets/images/img2.gif);
}

#header h1 {
          margin: 0px;
          padding: 180px 20px 0 60px;
          font-size: 42px;
          letter-spacing: -2px;
}

#header h2 {
          margin: 0;
          padding: 220px 0 0 333px;
          font-size: 16px;
          letter-spacing: -1px;
          color: #666666;
          text-decoration: none;
}

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


#headerhist {
          width: 820px;
          height: 262px;
          margin: 0px auto;
          background: url(assets/images/hist.gif);
}


#nav {
          padding:0;
          margin:0;
          list-style:none;
          height:38px;
          background: none url('assets/images/three_0.gif') repeat-x;
          position:relative;
          z-index:500;
          font-family:arial, verdana, sans-serif;
}


#nav li.top {
          display:block;
          float:left;
          height:38px;
}


#nav li a.top_link {
          display:block;
          float:left; height:35px;
          line-height:33px;
          color:#ccc;
          text-decoration:none;
          font-size:11px;
          font-weight:bold;
          padding:0 0 0 12px;
          cursor:pointer;
          background: url('assets/images/three_0.gif');
}


#nav li a.top_link span {
          float:left;
          display:block;
          padding:0 24px 0 12px;
          height:35px;
          background: url('assets/images/three_0.gif') right top no-repeat;
}


#nav li a.top_link span.down {
          float:left;
          display:block;
          padding:0 24px 0 12px;
          height:35px;
          background: url('assets/images/three_0a.gif') no-repeat right top;
}


#nav li:hover a.top_link, 

#nav li.iehover a.top_link {
          color:#fff;
          background: url('assets/images/three_1.gif') no-repeat;
          cursor:pointer;
}


#nav li:hover a.top_link span,


#nav li.iehover a.top_link span {
          background:url('assets/images/three_1.gif') no-repeat right top;
          cursor:pointer;
}


#nav li:hover a.top_link span.down,


#nav li.iehover a.top_link span.down {
          background:url('assets/images/three_1a.gif') no-repeat right top;
          cursor:pointer;
}


#nav li:hover {
          position:relative;
          z-index:200;
          cursor:pointer;
}


#nav li:hover ul.sub {
         left:1px;
         top:38px;
         background: #000;
         padding:3px;
         border:1px solid #666;
         white-space:nowrap;
         width:92px;
         height:auto;
         z-index:300;
         cursor:pointer;
}


#nav li:hover ul.sub li {
        display:block;
        height:20px;
        position:relative;
        float:left;
        width:90px;
        font-weight:normal; 
        cursor:pointer;
}


#nav li:hover ul.sub li a {
        display:block;
        font-size:11px;
        height:18px;
        width:90px;
        line-height:18px;
        text-indent:5px;
        color:#999;
        text-decoration:none;
        border:1px solid #000;
        cursor:pointer;
}


#nav li ul.sub li a.fly {
        background:#000 url('assets/images/arrow.gif') 80px 6px no-repeat;
        cursor:pointer;
}


#nav li:hover ul.sub li a:hover {
        background:#000;
        color:#fff;
        border-color:#fff;
        cursor:pointer;
} 


#nav li:hover ul.sub li a.fly:hover {
        background:#000 url('assets/images/arrow_over.gif') 80px 6px no-repeat;
        color:#fff;
        cursor:pointer;
}


#nav li:hover li:hover ul,


#nav li:hover li:hover li:hover ul,


#nav li:hover li:hover li:hover li:hover ul,


#nav li:hover li:hover li:hover li:hover li:hover ul {
        left:90px;
        top:-4px;
        background: #000;
        padding:3px;
        border:1px solid #666;
        white-space:nowrap;
        width:90px;
        z-index:400;
        height:auto;
}


#nav ul, 


#nav li:hover ul ul,


#nav li:hover li:hover ul ul,


#nav li:hover li:hover li:hover ul ul,


#nav li:hover li:hover li:hover li:hover ul ul {
        position:absolute;
        left:-9999px;
        top:-9999px;
        width:0;
        height:0;
        margin:0;
        padding:0;
        list-style:none;
}


#nav li:hover li:hover a.fly,


#nav li:hover li:hover li:hover a.fly, 


#nav li:hover li:hover li:hover li:hover a.fly,


#nav li:hover li:hover li:hover li:hover li:hover a.fly {
        background:#000 url('assets/images/arrow_over.gif') 80px 6px no-repeat;
        color:#fff;
        border-color:#fff;
}


#nav li:hover li:hover li a.fly,


#nav li:hover li:hover li:hover li a.fly,


#nav li:hover li:hover li:hover li:hover li a.fly {
        background:#bbd37e url('assets/images/arrow.gif') 80px 6px no-repeat;
        color:#000;
        border-color:#bbd37e;
}


#content {
        background: none ;
        width: 820px;
        margin: 0px auto;
        padding: 2px 0px 0px 0px;
}




#News {
	background: #333 url('assets/images/b300.gif') bottom center repeat-x;
	float: right;
	width: 400px;
	margin-left: 20px;
	margin-top: 20px;
        margin-bottom: 0px;
        padding-right: 20px;
        padding-left: 20px;
        padding-bottom: 40px;

}


#News h2 {
        background: #333 url('assets/images/News.gif') top center repeat-x;
        padding: padding: 5px; 
        text-transform: uppercase;
	font-size: 20px;
        line-height: 125%;
        vertical-align: middle;
        text-indent: 20px;
	color: #999;
        margin-left: -20px;
        margin-right: -20px;
}


#Widget {
	background: #333 url('assets/images/b300.gif') bottom left no-repeat;
	float: left;
	width: 300px;
	margin-top: 20px;
	padding-right: 20px;
	padding-left: 20px;
        padding-bottom: 20px;
}


#Widget h2 {
        background: #333 url('assets/images/Widget.gif') top center repeat-x;
        padding: padding: 5px;
	text-transform: uppercase;
	font-size: 20px;
        line-height: 125%;
        vertical-align: middle;
        text-indent: 20px;
	color: #999;
        margin-left: -20px;
        margin-right: -20px;
}

#Widget ul {
	margin-left: 0px;
	padding-left: 0px;
	list-style-position: inside;
}


#Tours {
        background: #333 url('assets/images/b300.gif') bottom left no-repeat;
	float: left;
	width: 300px;
	margin-top: 20px;
	padding-right: 20px;
        padding-left: 20px;
        padding-bottom: 40px;
}


#Tours h2 {
        background: #333 url('assets/images/tours.gif') top center repeat-x;
        padding: padding: 5px;
	text-transform: uppercase;
	font-size: 20px;
        line-height: 125%;
        vertical-align: middle;
        text-indent: 20px;
	color: #999;
        margin-left: -20px;
        margin-right: -20px;
}


#New {
        background: #333 url('assets/images/b300.gif') bottom left no-repeat;
	float: left;
	width: 300px;
	margin-top: 20px;
        marging-bottom: 20px;
	padding-right: 20px;
        padding-left: 20px;
        padding-bottom: 30px;
        padding-top: 0px;
}


#New h2 {
        background: #333 url('assets/images/New.gif') top center repeat-x;
        padding: padding: 5px;
	text-transform: uppercase;
        line-height: 125%;
        vertical-align: middle;
        text-indent: 20px;
	font-size: 20px;
	color: #999;
        margin-left: -20px;
        margin-right: -20px;
}


#content h1 {
	padding: 5px 0px 5px 5px;
	color: #173E68;

}


#content h2 {

	padding: 8px 0px 5px 5px;
	text-transform: uppercase;
	font-size: 20px;
	color: #999;
	
}


#content h3 {
	color: #6C6C6C;
}


#footer {
	width: 820px;
	margin: 0px auto;
	padding: 3px 0px;
	height: 50px;
	background: #333 url('assets/images/bhb.gif') top left repeat-x;

}

#footer p {
	margin: 0px;
	padding-top: 15px;
	text-align: center;
	font-size: 11px;
	color: #999999;


}


#footer a {
	color: #666;
}


#footer a:hover {
	color: #333;
}

























/* NEW */


#Chronology {
	background: #333 url('assets/images/b300.gif') bottom center repeat-x;
	float: right;
	width: 500px;
	margin-left: 20px;
	margin-top: 20px;
        margin-bottom: 0px;
        padding-right: 20px;
        padding-left: 20px;
        padding-bottom: 40px;

}


#Chronology h2 {
        background: #333 url('assets/images/News.gif') top center repeat-x;
        padding: padding: 5px;
        text-transform: uppercase;
	font-size: 20px;
        line-height: 125%;
        vertical-align: middle;
        text-indent: 20px;
	color: #999;
        margin-left: -20px;
        margin-right: -20px;
}


#Archive {
        background: #333 url('assets/images/b300.gif') bottom center no-repeat;
	float: left;
	width: 200px;
	margin-top: 20px;
	padding-right: 20px;
        padding-left: 20px;
        padding-bottom: 40px;
}


#Archive h2 {
        background: #333 url('assets/images/tours.gif') top center repeat-x;
        padding: padding: 5px;
	text-transform: uppercase;
	font-size: 20px;
        line-height: 125%;
        vertical-align: middle;
        text-indent: 20px;
	color: #999;
        margin-left: -20px;
        margin-right: -20px;
}


#History {
        background: #333 url('assets/images/b600.gif') bottom center repeat-x;
	float: left;
        width: 733px;
	margin-top: 20px;
        marging-bottom: 40px;
        marging-right: 40px;
        marging-left: 40px;
	padding-right: 40px;
        padding-left: 40px;
        padding-bottom: 40px;
        padding-top: 40px;
}


#History h2 {
        background: #333 url('assets/images/History.gif') top center repeat-x;
        padding: padding: 5px;
	text-transform: uppercase;
        line-height: 125%;
        vertical-align: middle;
        text-indent: 20px;
	font-size: 20px;
	color: #999;
        margin-top: -40px;
        margin-left: -40px;
        margin-right: -40px;
}





/* Band */


#B1 {
        background: #333 url('assets/images/b300.gif') bottom center no-repeat;
	float: left;
	width: 147px;
        margin-top: 20px;
        margin-left: 0px;
        margin-right: 10px;
        margin-bottom: 0px;
        padding-top: 0px;
        padding-right: 20px;
        padding-left: 20px;
        padding-bottom: 40px

}


#B1 h2 {
        background: #333 url('assets/images/News.gif') top center repeat-x;
        padding: 5px;
	text-transform: uppercase;
	font-size: 10px;
        line-height: 125%;
        vertical-align: middle;
        text-indent: 20px;
	color: #999;
        margin-left: -20px;
        margin-right: -20px;
}



#B2 {
        background: #333 url('assets/images/b300.gif') bottom center no-repeat;
	float: left;
	width: 147px;
	margin-top: 20px;
        margin-left: 10px;
        margin-right: 10px;
        margin-bottom: 0px;
        padding-top: 0px;
        padding-right: 20px;
        padding-left: 20px;
        padding-bottom: 40px

}


#B2 h2 {
        background: #333 url('assets/images/tours.gif') top center repeat-x;
        padding: 5px;
	text-transform: uppercase;
	font-size: 10px;
        line-height: 125%;
        vertical-align: middle;
        text-indent: 20px;
	color: #999;
        margin-left: -20px;
        margin-right: -20px;
}





#B3 {
	background: #333 url('assets/images/b300.gif') bottom center repeat-x;
	float: left;
	width: 147px;
	margin-top: 20px;
        margin-left: 10px;
        margin-right: 10px;
        margin-bottom: 0px;
        padding-top: 0px;
        padding-right: 20px;
        padding-left: 20px;
        padding-bottom: 40px




}


#B3 h2 {
        background: #333 url('assets/images/History.gif') top center repeat-x;
        padding: 5px; 
        text-transform: uppercase;
	font-size: 10px;
        line-height: 125%;
        vertical-align: middle;
        text-indent: 20px;
	color: #999;
        margin-left: -20px;
        margin-right: -20px;
}


#B4 {
	background: #333 url('assets/images/b300.gif') bottom center repeat-x;
	float: left;
	width: 147px;
	margin-top: 20px;
        margin-left: 10px;
        margin-right: 0px;
        margin-bottom: 0px;
        padding-top: 0px;
        padding-right: 20px;
        padding-left: 20px;
        padding-bottom: 40px



}


#B4 h2 {
        background: #333 url('assets/images/tours.gif') top center repeat-x;
        padding: 5px; 
        text-transform: uppercase;
	font-size: 10px;
        line-height: 125%;
        vertical-align: middle;
        text-indent: 20px;
	color: #999;
        margin-left: -20px;
        margin-right: -20px;
}





#WinMicha {
	width: 150px;
	height: 150px;
	background: url(assets/images/01.gif) no-repeat;
}

#WinYellow {
	width: 150px;
	height: 150px;
	background: url(assets/images/02.gif) no-repeat;
}


#WinPy {
	width: 150px;
	height: 150px;
	background: url(assets/images/04.gif) no-repeat;
}

#WinMarco {
	width: 150px;
	height: 150px;
	background: url(assets/images/03.gif) no-repeat;
}



#WinLutter {
	width: 150px;
	height: 150px;
	background: url(assets/images/05.gif) no-repeat;
}



#WinLange {
	width: 150px;
	height: 150px;
	background: url(assets/images/06.gif) no-repeat;
}


#WinInExt {
	width: 150px;
	height: 150px;
	background: url(assets/images/08.gif) no-repeat;
}

#WinSpecki {
	width: 150px;
	height: 150px;
	background: url(assets/images/Specki.gif) no-repeat;
}



#WinOff {
        float: center;
	width: 100%;
	height: 100%;
	cursor: pointer;

}




/* Меню Хронологии */


#Chrono {float: left;
	width: 200px;
	margin-top: 0px;
        margin-left: -60px;
	padding-right: 20px;
        padding-left: 20px;
        padding-bottom: 0px;
	
}


#Chrono UL {
	list-style-type: none
}


#Chrono UL LI {
	display: inline;
        font-size: 14px;
        float: left;
        margin-left: 7px;
        width: 191px;
        color: #333;
        border-bottom: #666666 1px dotted;
        font-family: Georgia, "Times New Roman", Times, serif;
        position: relative
}


#Chrono UL LI A {
	display: block;
        padding-left: 5px;
        font-size: 14px;
        width: 186px; COLOR: #999;
        padding-top: 7px;
        font-family: Georgia, "Times New Roman", Times, serif;
        height: 28px;
        text-decoration: none
}


#Chrono UL LI A:hover {
	width: 186px;
        color: #ffffff;
        background-color: #666
}


#Chrono UL LI.on A {
	color: #000000;
        background-color: transparent
}


#Chrono UL LI.on A:link {
	color: #000000;
        background-color: transparent
}


#Chrono UL LI.on A:visited {
	color: #000000;
        background-color: transparent
}


#Chrono UL LI.on A:active {
	color: #000000;
        background-color: transparent
}


#Chrono UL LI.on A:hover {
	color: #000000;
        background-color: transparent
}


#Chrono UL LI.sub {
	padding-bottom: 5px;
        background-color: transparent;
        text-decoration: none
}


#Chrono UL LI UL LI {
	border-top-width: 0px;
        background-position: left center;
        display: inline;
        padding-left: 7px;
        border-left-width: 0px;
        float: left;
        background-image: url(assets/images/arrow.gif);
        border-bottom-width: 0px;
        margin-left: 7px;
        width: 178px;
        background-repeat: no-repeat;
        position: relative;
        background-color: transparent;
        border-right-width: 0px;
        text-decoration: none
}


#Chrono UL LI UL LI A {
	border-top-width: 0px;
        display: block;
        padding-left: 5px;
        border-left-width: 0px;
        font-size: 12px;
        border-bottom-width: 0px;
        width: 172px;
        color: #6a2c0d;
        line-height: 15px;
        padding-top: 7px;
        font-style: italic;
        font-family: Georgia, "Times New Roman", Times, serif;
        height: 20px;
        background-color: transparent;
        border-right-width: 0px;
        text-decoration: none
}


#Chrono UL LI UL LI A:hover {
	border-top-width: 0px;
        border-left-width: 0px;
        border-bottom-width: 0px;
        color: #000000;
        background-color: transparent;
        border-right-width: 0px;
        text-decoration: none
}



.imageborder {
        border-right: #666666 3px double;
        border-top: #666666 3px double;
        margin-bottom: 2px;
        border-left: #666666 3px double;
        margin-right: 7px;
        border-bottom: #666666 3px double;
        margin-left: 7px;               
}


.imageborder_plain {
        border-right: #666666 1px solid;
        border-top: #666666 1px solid;
        border-left: #666666 1px solid;
        border-bottom: #666666 1px solid
}


.imageborder_plain_double {
        border-right: #666666 3px double;
        border-top: #666666 3px double;
        border-left: #666666 3px double;
        border-bottom: #666666 3px double
}


.imageborder_off {
        border-right: #666666 0px solid;
        border-top: #666666 0px solid;
        border-left: #666666 0px solid;
        border-bottom: #666666 0px solid
}







/* Realises */

#tracks {
         float:right;
         width:60%;
         text-align: left;
margin-top: -20px;
}




#comments {
         float:right;
         width:80%;
}

#Chronology1 {
	background: #333 url('assets/images/b300.gif') bottom center repeat-x;
	float: right;
	width: 500px;
	margin-left: 20px;
	margin-top: 20px;
        margin-bottom: 0px;
        padding-right: 20px;
        padding-left: 20px;
        padding-bottom: 40px;

}


#Chronology1 h2 {
        background: #333 url('assets/images/Widget.gif') top center repeat-x;
        padding: padding: 5px; 
        text-transform: uppercase;
	font-size: 20px;
        line-height: 125%;
        vertical-align: middle;
        text-indent: 20px;
	color: #999;
        margin-left: -20px;
        margin-right: -20px;
}










/* New */

 #left {
   float: left;
   width: 40%;
   height: 100px;
}


#right {
   float: right;
   width: 55%;
   height: 100px;
}



#txtl {
   float: left;
   width: 50%;
}


#txtr {
   float: right;
   width: 50%; }  








/*Разработка JQ окна*/


#block-vidvig {
               
               DISPLAY: none;
               PADDING-LEFT: 5px;
               background: #333 url('assets/images/b300.gif') bottom center repeat-x;
               POSITION: absolute;
               WIDTH: 300px;
               COLOR: #999999;
               PADDING-TOP: 5px;
               TOP: 20%;
               PADDING-BOTTOM: 5px;
               MARGIN-LEFT: -150px;
               PADDING-RIGHT: 5px;
               MARGIN-TOP: 300px;
               LEFT: 71%;
               HEIGHT: 200px
}






#m13 {
	background: #333 url('assets/images/b300.gif') bottom center repeat-x;
	float: right;
	width: 350px;
	margin-left: 20px;
	margin-top: 20px;
        margin-bottom: 0px;
        padding-right: 20px;
        padding-left: 20px;
        padding-bottom: 40px;

}


#m13 h2 {
        background: #333 url('assets/images/News.gif') top center repeat-x;
        padding: padding: 5px; 
        text-transform: uppercase;
	font-size: 20px;
        line-height: 125%;
        vertical-align: middle;
        text-indent: 20px;
	color: #999;
        margin-left: -20px;
        margin-right: -20px;
}


#m113 {
	background: #333 url('assets/images/b300.gif') bottom center repeat-x;
	float: left;
	width: 350px;
	margin-left: 0px;
	margin-top: 20px;
        margin-bottom: 0px;
        padding-right: 20px;
        padding-left: 20px;
        padding-bottom: 40px;

}


#m113 h2 {
        background: #333 url('assets/images/Widget.gif') top center repeat-x;
        padding: 5px; 
        text-transform: uppercase;
	font-size: 20px;
        line-height: 125%;
        vertical-align: middle;
        text-indent: 20px;
	color: #999;
        margin-left: -20px;
        margin-right: -20px;
}


/*in added by Dusk*/
#leftcol
{
        width: 300px;
}

#gal_gen_thumb
{
        width: 307px; 
        margin: 29px; 
        float: left;
}

#Lyrics {
        background: #333 url('assets/images/b600.gif') bottom center repeat-x;
	float: left;
        width: 733px;
	margin-top: 20px;
        marging-bottom: 40px;
        marging-right: 40px;
        marging-left: 40px;
	padding-right: 40px;
        padding-left: 40px;
        padding-bottom: 40px;
        padding-top: 40px;
}

#Lyrics h2 {
        background: #333 url('assets/images/History.gif') top center repeat-x;
        padding: padding: 5px;
	text-transform: uppercase;
        line-height: 125%;
        vertical-align: middle;
        text-indent: 20px;
	font-size: 20px;
	color: #999;
        margin-top: -40px;
        margin-left: -40px;
        margin-right: -40px;
}

.LIn_shortMode
{
  margin-left: -32px;
  text-align: left;
  list-style: none;

}

#left-pre {
   float: left;
   width: 40%;
   height: 55px;
}
#right-pre {
   float: right;
   width: 55%;
   height: 55px;
}

/*для странички с валлпаперами*/

#left-wp {
   float: left;
   width: 43%;
}
#right-wp {
   float: right;
   width: 43%;
}

/*для линкогенератора*/
#left-lnk {
   float: left;
   width: 43%;
   height: 55px;

   
}
#right-lnk {
   float: right;
   width: 43%;
   height: 55px;
   

}


/*out added by Dusk*/

/* p:first-letter {margin-left: 24px;} */