/* CSS:Mozilla Firefox 3.5 */
/* Code by creatsol.net */
/*Allgemein-------------------------------------------------------------------*/
html, body {
	margin: 0px;
	padding: 0px;
	font-family: tahoma, verdana, arial, sans-serif;
	font-size: 10pt;
	line-height:1.3;
	color: #999;
	background-color: #212830;
}
.main_container {
	float: left;
	display: block;
	position: relative;
	margin: 0px 0px 20px 0px;
	top: 0%;
	margin-top: 22px;
	left: 50%;
	margin-left: -450px;
	border: 0px solid #ff0000;
	width: 900px;
	height: auto;
	background-image: url(../design/bg_main_container.jpg);
	background-repeat: repeat-y;
	padding: 0px 0px 0px 0px;
}
.banner {
	position: relative;
	margin: -10px 0px 0px 0px;
	padding: 0px;
	width: 900px;
	height: 293px;
	background-image: url(../design/banner.png);
	background-position: left top;
	background-repeat: no-repeat;
}
.footer {
	position: relative;
	margin: 0px 0px -10px 0px;
	padding: 10px 0px 0px 0px;
	width: 900px;
	height: 55px;
	color: #343434;
	background-image: url(../design/footer.png);
	background-position: left bottom;
	background-repeat: no-repeat;
	float: left;
	text-align: center;
}
.footer a, .footer a:link, .footer a:active, .footer a:focus, .footer a:hover {
	margin: 0px;
	padding: 0px;
	text-decoration: underline;
	color: #343434;
}
.footer a:active, .footer a:focus, .footer a:hover {
	color: #66ff00;
}
/*Login Area------------------------------------------------------------------*/
.login_klecks{display:block;position:relative;margin:-166px 0px 0px 623px;padding:0px;width:394px;height:351px;background-image:url(../design/login_klecks.png);background-position:left top;background-repeat:no-repeat;border:0px solid #ff0000;}
.login_container{margin:0px;padding:123px 0px 0px 150px;}
.login_form{margin:0px;padding:0px;}
.login_daten,.login_button{margin-bottom:1px;margin-right:1px;padding:2px;background-color:#171717;border:1px solid #171717;color:#993399;height:18px;width:80px;}
.login_button{width:30px;height:24px;cursor:pointer;}
.login_daten:hover,.login_daten:active,.login_daten:focus{border:1px solid #993399;}
/*Design----------------------------------------------------------------------*/
.kreis_or{position:absolute;margin:0px;padding:0px;top:0%;margin-top:0px;right:0%;margin-right:0px;width:427px;height:397px;background-image:url(../design/kreis.jpg);background-position:right top;background-repeat:no-repeat;}
.skyline{position:fixed;margin:0px;padding:0px;bottom:0%;margin-bottom:0px;left:0%;margin-left:0px;background-image:url(../design/skyline.gif);background-position:left top;background-repeat:repeat-x;height:390px;width:100%;}
.dirt{position:absolute;margin:0px;padding:0px;top:0%;margin-top:400px;left:0%;background-image:url(../design/dirt.png);background-position:left top;background-repeat:no-repeat;height:468px;width:267px;}
.strahlen{position:fixed;margin:0px;padding:0px;bottom:0%;left:0%;background-image:url();background-position:left top;background-repeat:no-repeat;height:561px;width:734px;}
/*Navigation------------------------------------------------------------------*/
.navi{position:relative;margin:2px 5px 2px 8px;padding:0px;width:620px;height:46px;}
.navi_pl_left,.navi_pl_right{margin:0px;padding:0px;float:left;width:17px;height:46px;background-image:url(../design/gb_navi_left.jpg);background-position:left top;background-repeat:no-repeat;}
.navi_pl_right{background-image:url(../design/gb_navi_right.jpg);}
.navi_ul{display:block;margin:0px;padding:0px;}
/*.navi_ul li{display:block;margin:0px;padding:0px;float:left;height:46px;text-align:center;font-size:16pt;}
.navi_ul li a,.navi_ul li a:link,.navi_ul li a:active,.navi_ul li a:focus,.navi_ul li a:hover{display:block;margin:0px;padding:10px 13px 0px 0px;height:36px;width:100%;text-decoration:none;color:#b7b8b9;background-image:url(../design/gb_navi.jpg);background-position:left top;background-repeat:repeat-x;}
.navi_ul li a:hover{background-image:url(../design/gb_navi_active.jpg);color:#660066;}
*/
.navi_ul li{display:inline-block; float:left; height:46px; text-align:center; font-size:14pt; padding:0px; border:0px;}
.navi_ul li a,.navi_ul li a:link,.navi_ul li a:active,.navi_ul li a:focus,.navi_ul li a:hover{display:block; background-image:url(../design/gb_navi.jpg); background-position:left top; background-repeat:repeat-x; height:36px; padding:10px 4px 0px 4px; text-decoration:none; color:#b7b8b9;}
.navi_ul li a:hover{background-image:url(../design/gb_navi_active.jpg);color:#660066;}
.seite_home #home,.seite_members #members,.seite_music #music,.seite_gallery #gallery,.seite_lyrics #lyrics,.seite_shows #shows,.seite_guests #guests,.seite_links #links, .seite_kontakt #kontakt{background-image:url(../design/gb_navi_active.jpg);color:#660066;}
/*Text-Bereich----------------------------------------------------------------*/
.text_container{position:relative;margin:2px 5px 2px 5px;padding:0px;width:613px;height:auto;float:left;}
.text_container .text_box{margin:10px 0px 0px 3px;padding:15px;background-color:#212225;background-image:url(../design/text_ecke_ol.jpg);background-position:left top;background-repeat:no-repeat;position:relative;float:left;width:583px;}
.ecke_or,.ecke_ul,.ecke_ur{margin:0px;padding:0px;position:absolute;display:block;width:15px;height:15px;}
.ecke_or{background-image:url(../design/text_ecke_or.jpg);top:0px;right:0px;}
.ecke_ul{background-image:url(../design/text_ecke_ul.jpg);bottom:0px;left:0px;}
.ecke_ur{background-image:url(../design/text_ecke_ur.jpg);bottom:0px;right:0px;}
.text_container a,.text_container a:link,.text_container a:active,.text_container a:focus,.text_container a:hover,.text_container a:visited{text-decoration:none;color:#999;text-decoration:underline}
.text_container a:hover,.text_container a:active,.text_container a:focus{color:#66ff00;}
.text_box h1,.text_box h2,.text_box h3{margin:0px 0px 5px 0px;padding:0px;font-size:12pt;color:#66ff00;}
.text_box h2{font-size:14pt;}
.text_box h3{font-size:16pt;}
/*CD-Bestellung---------------------------------------------------------------*/
.cdbest, .cdbestb{background-color:#212225;border:1px solid #468915;color:#999999;font-family:Tahoma,Verdana,Arial,sans-serif;font-size:10pt;}
.cdbest:hover, .cdbest:active, .cdbest:focus, .cdbestb:hover, .cdbestb:active, .cdbestb:focus{border:1px solid #66ff0e;}
.cdbestb{cursor:pointer;}
/*Gästebuch-------------------------------------------------------------------*/
.text_box .msg_neu{margin:0px 0px 20px 0px; clear:both;}
.text_box .msg_neu .bl{float:left; width:30%;}
.text_box .msg_neu .br{float:left; width:70%;}
.text_box .msg_neu .eingabe,.text_box .msg_neu .eingabe_mehr,.text_box .msg_neu .button{background-color:#212225;border:1px solid #468915;color:#999999;font-family:Tahoma,Verdana,Arial,sans-serif;font-size:10pt;}
.text_box .msg_neu .eingabe:hover,.text_box .msg_neu .eingabe:active,.text_box .msg_neu .eingabe:focus,.text_box .msg_neu .eingabe_mehr:hover,.text_box .msg_neu .eingabe_mehr:active,.text_box .msg_neu .eingabe_mehr:focus,.text_box .msg_neu .button:hover,.text_box .msg_neu .button:active,.text_box .msg_neu .button:focus{border:1px solid #66ff0e;}
.text_box .msg_neu .eingabe{width:168px;}
.text_box .msg_neu .eingabe_mehr,.text_box .msg_neu .eingabe{margin:2px 0px 0px 0px;}
.text_box .msg_neu .button{width:170px;margin:2px 10px 0px 0px;}
.text_box .user_pic{margin:5px 5px 0px 0px; padding:0px; width:40px; height:40px; border:0px; display:block; float:left;}
/*----------------------------------------------------------------------------*/
.text_box .msg_box_top{margin:0px;padding:3px 0px 0px 60px;background-image:url(../design/gb_post_top2.jpg);background-position:left top;background-repeat:no-repeat;width:580px;height:18px;}
.text_box .msg_box{margin:0px 0px 0px 0px;padding:0px 0px 0px 0px;background-image:url(../design/gb_post_mitte2.jpg);background-position:left top;background-repeat:repeat-y;width:580px;height:auto;}
.text_box .msg_box_bottom{margin:0px 0px 20px 0px;background-image:url(../design/gb_post_bottom2.jpg);background-position:left top;background-repeat:no-repeat;width:580px;height:37px;}
.text_box .msg_box .msg_text{margin:0px 20px 0px 60px;}
/*rechte Spalte---------------------------------------------------------------*/
.spalte_container{position:relative;margin:160px 5px 2px 5px;padding:0px;width:267px;height:auto;float:left;}
.spalte_container .text_box{margin:10px 0px 0px 0px;padding:15px;background-color:#212225;background-image:url(../design/text_ecke_ol.jpg);background-position:left top;background-repeat:no-repeat;position:relative;float:left; width:88%;}
.spalte_container a,.spalte_container a:link,.spalte_container a:active,.spalte_container a:focus{text-decoration:none;color:#66ff00;}
.spalte_container a:hover{text-decoration:underline;}
/*Members-Seite---------------------------------------------------------------*/
.steckbrief{margin:0px;padding:0px;float:left;width:283px;}
.pola{margin:0px;padding:0px;float:left;width:300px;}
.pers_box{width:100%;border:0px solid #ff0000;display:block;height:auto;float:left;}
.steckbrief dl dt{margin:0px;padding:0px;color:#66ff00;}
.steckbrief dl dd{margin:0px;padding:0px 0px 0px 10px;}
.bm_hans{display:block; height:179px; width:115px; background-image:url(../fotos_mitglieder/members_gruppenfoto_hans.jpg); float:left;}
.bm_samuel{display:block; height:179px; width:81px; background-image:url(../fotos_mitglieder/members_gruppenfoto_samuel.jpg); float:left;}
.bm_christian{display:block; height:179px; width:76px; background-image:url(../fotos_mitglieder/members_gruppenfoto_christian.jpg); float:left;}
.bm_raoul{display:block; height:179px; width:84px; background-image:url(../fotos_mitglieder/members_gruppenfoto_raoul.jpg); float:left;}
.bm_christoph{display:block; height:179px; width:90px; background-image:url(../fotos_mitglieder/members_gruppenfoto_christoph.jpg); float:left;}
.bm_volker{display:block; height:179px; width:134px; background-image:url(../fotos_mitglieder/members_gruppenfoto_volker.jpg); float:left;}
/*Backend-Bereich-------------------------------------------------------------*/
.backend_container{margin:10px;padding:0px;background-color:#535353;width:880px;height:auto;}
.header1{margin:0px 0px 0px 0px;padding:8px 10px 0px 10px;background-color:#737373;height:30px;color:#66ff00;font-weight:bold;font-size:12pt;clear:both;}
.header2{margin:0px;padding:5px 10px 0px 10px;background-color:#434343;height:20px;color:#993399;font-weight:bold;clear:both;}
.option{margin:0px; padding:10px;}
.option hr{margin:10px 0px 10px 0px; padding:0px; border-bottom:1px dotted #cccccc;}
.option input, .option textarea{margin:0px 0px 5px 0px; padding:0px; border:1px solid #999999; background-color:#a4a4a4;}
.option input{height:20px;}
.option .link{width:300px;}/*input-Felder fuer: Link-Seite/ re. Spalte Video*/
.option textarea{font-family:tahoma,verdana,arial,sans-serif;font-size:10pt;}
.option ul{margin:5px 0px 5px 20px;padding:0px;}
.option ul li{margin:0px;padding:0px;}
.option a:link,.option a:visited{color:#999999;}
.option a:hover,.option a:active,.option a:focus{color:#66ff00;}
.option .zeile{margin:0px 0px 10px 0px;padding:0px;clear:both;background-color:#fff000;}
.option .desc{float:left;width:180px;}
.option .werte{float:left;width:200px;}
/*Backend-Bereich: Icons------------------------------------------------------*/
.backend_container .button{margin:0px;padding:0px;background-color:#535353;border:0px;width:32px;height:32px;font-size:0pt;background-position:left top;background-repeat:no-repeat;cursor:pointer;}
.backend_container .b_delete{background-image:url(../design/icons/delete.png);}
.backend_container .b_add{background-image:url(../design/icons/add.png);}
.backend_container .b_edit{background-image:url(../design/icons/edit.png);}
.backend_container .b_select{background-image:url(../design/icons/edit.png);}/*bei Lyrics-Auswahl*/
/*...neue Navi----------------------------------------------------------------*/
ul.haupt{margin:0px; padding:0px; display:block; height:50px; float:left;}
ul.haupt li{margin:0px; padding:2px 0px 0px 2px; display:block; float:left; width:68px; height:20px; border:1px solid #737373; border-left:0px;}
ul.haupt li:hover{background-color:#af73af; color:#660066;}
ul.haupt li ul{margin:4px 0px 0px -3px; padding:0px; clear:left; display:none;}
ul.haupt li:hover ul{display:block;}
ul.haupt li ul li{margin:0px; padding:0px; clear:left; width:141px; height:20px; background-color:#b984bc; position:relative; z-index:500; border:1px solid #b7b8b9; border-top:0px;}
ul.haupt li ul li a{margin:0px; padding:2px 0px 0px 2px; color:#9d049d; text-decoration:none; display:block; height:20px; cursor:default;}
ul.haupt li ul li a:hover{color:#660066;}
.logout{margin:0px; padding:0px; float:right; display:block; width:60px; height:50px;}
.logout_button{float:right;  margin:0px;padding:0px;background-color:#535353;border:0px;width:58px;height:49px;font-size:0pt;background-position:left top;background-repeat:no-repeat;cursor:pointer;background-image:url(../design/icons/logout.png);}
/*Seitenanfangs-Link----------------------------------------------------------*/
a.top_link{
  display:block;
  height:32px;
  width:32px;
  background-image:url(../design/icons/top_link_p.png);
  background-position:left top;
  background-repeat:no-repeat;}

a.top_link:active, a.top_link:focus, a.top_link:hover{
  background-image:url(../design/icons/top_link_a.png);}


