*{box-sizing:border-box;}html,body,div,span,applet,object,iframe,div,embed,p,h1,h2,h3,h4,h5,h6,b,blockquote,pre,a,abbr,big,code,em,img,ins,small,strike,strong,sub,sup,tt,var,b,u,i,center,dl,dt,dd,ol,ul,li,fieldset,form,label,legend,table,caption,tbody,tfoot,thead,tr,th,td,article,aside,canvas,details,object,embed,head,foot,footer,header,menu,nav,section,audio,video{vertical-align:baseline; margin:0px; padding:0px; border:0px solid #000; }
html,body{scrollbar-color:rgb(216,255,50,33%) rgb(74,82,54,100%); scroll-snap-type:y; scrollbar-width:thin; font-variant-numeric: lining-nums tabular-nums; height:100%; width:100%; font-weight:normal; font-style:inherit; font-stretch:normal; font-variant:normal; font-feature-settings:normal; font-synthesis:weight style;font-kerning:auto; text-rendering:auto; text-decoration:none; vertical-align:baseline; margin:0; padding:0; outline:0px none!important; outline:0px solid #ccc; border:0px solid #ccc; display:inline-block;}
body{display:block; margin:0px; padding: 0px; background-color:#52EB00; font-family:pre;
font-size: clamp(12px, calc(0.75rem + ((1vw - 3.4px)*0.7595)), 24px); min-height: 0vw; /**font-size: clamp(12px, calc(16px + (36 - 20)*(100vw - 768px)/(1920 - 768)), 32px);**/  }
img{border: 0px; object-fit:initial;} ul li, ul li a {padding-left:0px; list-style-type:none; text-decoration:none;} video{width:100%; height:100%; max-width:100%; object-fit:initial;}
form { box-sizing:border-box; padding:8px 12px 12px 12px; }.legend{display:inline-block; font-size:135%; margin-bottom:2px;} .label{vertical-align:middle;display:inline-block;margin:1px 2px 0px 1px;}
main{position:relative; z-index:3; width:87%; opacity:0.99; margin:0px auto;  max-width:100%; }


  /** WEBFONT1 UTF8   pre.ttf **/
    /** HTML5: FONTAWESOME WEBFONTS**/
    @font-face {font-family:pre; font-weight:normal; font-style:normal;
      src: url("?pic=pre.ttf") format("truetype"),
           url("?pic=pre.woff") format("woff"),
           url("?pic=pre.woff2") format("woff2"),
           url("?pic=pre.eot") format("embedded-opentype"),
           url("?pic=pre.otf") format("embedded-opentype"),
           url("?pic=pre.svg") format("svg");
     }  

	
 /** WEBFONT 2 UTF8   DancingScript **/
	
    /** HTML5: FONTAWESOME WEBFONT 1**/
    @font-face {font-family:DancingScript; font-weight:normal; font-style:normal;
      src: url("?pic=DancingScript.ttf") format("truetype"),
           url("?pic=DancingScript.woff") format("woff"),
           url("?pic=DancingScript.woff2") format("woff2"),
           url("?pic=DancingScript.eot") format("embedded-opentype"),
           url("?pic=DancingScript.otf") format("embedded-opentype"),
           url("?pic=DancingScript.svg") format("svg");
      font-weight:normal;font-style:normal;}

/*** COLORS THEME  :: and BACKGROUND 01.jpg***/
   
#wasserzeichen{position:absolute; display:block; z-index:1; user-select:none; opacity:0.75; bottom:75px; right:55px; max-width:135px;} #stream_bg{position:absolute; z-index:0; opacity:0.99; left:0px; top:0px; bottom:0px; right:0px; background-size:99.99% 99.99%; } #container_bg{position:absolute; z-index:0; opacity:0.99; left:0px; top:0px; bottom:0px; right:0px; background-size:99.99% 99.99%; background-position: 100% 100%; background-repeat:no-repeat; /** background-image:url(01.jpg); background-size:contain; background-size:cover;**/ } #colorfx{position:absolute; display:none;padding:1px 1px; z-index:4; user-select: none;top:8px; left:3px; width:22px; height:12px; font-size:50%; background-color:#080000; background:transparent url(?pic=zero) no-repeat 0% 0% / 100% 100%;} #fx_colorfx{position:absolute; z-index:1; opacity:0.99; left:0px; top:0px; bottom:0px; right:0px; display:block; background-color:rgb(8,0,0,75%); background-color:transparent; background-position:-25% 75%; background-size:100% 300%; background-blend-mode:hard-light;} #picnavi{position:absolute;z-index:-1; height:100%; height:1px; width:100%;margin:62px 7% 2px -3%; text-align: center; display:block;opacity:0.99;} #picnavi input{width:75px; font-size:75%; height:11px; margin:0; padding:0;}
#img_prev_click{position:absolute; top:54px; left:0px; padding:0px; bottom:0px; width:12px; min-height:150px; height:auto; opacity:0.01; display:block; z-index:2; background-color:rgb(3,0,0,10%); background-repeat:no-repeat; background-position:-212px 51%; background-image:url(?pic=arrows);} #img_view_click, #img_next_click{position:absolute; top:54px; right:0px; padding:0px; bottom:0px; width:24px; min-height:150px; height:auto; opacity:0.01; display:block; z-index:2; background-repeat:no-repeat; background-color:rgb(3,0,0,10%); background-position:-294px 51%; transition:all 75ms ease-in-out; background-image:url(?pic=arrows);} #img_prev_click:hover,#img_view_click:hover, #img_next_click:hover{display:block; opacity:0.5; background-color:rgb(3,0,0,75%); width:75px; transition:all 175ms ease-in-out;}

.clr_form{min-width:18px;} #colors{user-select:none; padding:0px; /**min-width:33px; display:inline-block;**/ border:2px solid rgb(0,0,0,25%);} #colortheme{position:absolute;display:none; z-index:4;font-size:75%; top:71px; left:2px; min-width:24px;}
#colors input,#colors input[type=text]{list-style:none; text-align:center; margin:1px 2px 1px 2px;width:18px;height:18px;font-size:60%;border:1px solid rgb(0,0,0,25%);} #colorstr{font-size:70%; margin-left:1px; letter-spacing:-0.75px; width:21px; display:none;}
#colors .color0{background-color:#52EB00;} /** color 0 **/
#colors .color1{background-color:#030000;} /** color 1 **/
#colors .color2{background-color:#080000;} /** color 2 **/
#colors .color3{background-color:#AEFF00;} /** color 3 **/
#colors .color4{background-color:#000000;} /** color 4 **/
#colors .color5{background-color:#1F1F1F;} /** color 5 **/
#colors .color6{background-color:#AEFF00;} /** color 6 **/
#colors .color7{background-color:#A6FF00;} /** color 7 **/
#colors .color8{background-color:#FAC000;} /** color 8 **/
#colors .color9{background-color:#6CFA00;} /** color 9 **/
#container_page{background-image:url(?pic=bg);}
#container_bg{background-image:url(01.jpg);}
#colorfx{background-image:url(?pic=glowbg);}
#container_contents{background-image:url(?pic=bg);}
#stream_bg{background-image:url(?pic=bgdark);}


/*** :: FORMs :: ***/
/*** re-SET all FORM ELEMENTS then re style ***//**reset forms but re-set **/ form { border-radius:4px; background-color:rgb(8,0,0,50%); }
/**ALL input fields buttons textareas inputs SAME behaivres some ..**/ fieldset,input,legend,select,textarea,button,input[type="button"],input[type="text"], input[type="name"],input[type="password"]{appearance:none; border:0; padding:0; margin:0; box-sizing:border-box;}
/**Textfields html mean stylings  **/ button,input,checkbox,input[type="text"],select,textarea{font-family:pre; font:150%/150% pre; display:block; border-radius:5px;  box-sizing:border-box; padding:1px 2px;}
/**mixed form min max elements beautifying **/ textarea{min-height:36px;} select{background: url("?pic=down_arrow_svg") no-repeat 50% 100% / 8px 0px;}

/**Textfields SET FX on:hover effects ansich to input fields via **/ input[type="text"],textarea, textarea:hover, select,select:hover{ transition:box-shadow .15s ease-in-out,opacity .15s ease-in-out; transition:background-color .3s cubic-bezier(0.4, 0, 0.2, 1),border-color .3s cubic-bezier(0.4, 0, 0.2, 1); }
/**Textfield hTML and block **/ input[type="text"], input[type="name"],input[type="password"], textarea, select{color: rgb(122,132,101,99%); background-color:rgb(243,254,223,100%); border: 1px solid rgb(174,255,0,25%); display:block; margin: 0px; padding: calc(1px*1.0) 7px; min-width:1px; width:100%; max-width:100%; font-size:100%; font-weight:bold; border-radius:5px; box-shadow: 1px 0px 2px 0px rgb(102,101,101,70%); outline:none; }
/**Textfields HOVER BGcolor  **/ input[type="text"]:hover,input:hover,select:hover,textarea:hover{color:rgb(62,72,41,100%); background-color:rgb(166,255,0,100%);  box-shadow: 1px 0px 1px 0px rgb(174,255,0,92%); border-color:rgb(223,223,223,50%); outline:2px dashed rgb(122,132,101,33%); outline-offset: 2px;}
/**Textfields FOCUS BGcolor  **/ input[type="text"]:focus, input:focus, select:focus,textarea:focus{border-color:rgb(71,82,51,100%); background-color:rgb(255,255,255,100%);  outline:2px dashed rgb(62,72,41,50%);  }

/**forms BUTTONS SET FX on:hover effects ansich to BUTTONS via **/ input[type="submit"],input[type="reset"],input[type="button"] {min-width:2%; transition:box-shadow .15s ease-in-out,opacity .15s ease-in-out; transition:background-color .3s cubic-bezier(0.4, 0, 0.2, 1),border-color .3s cubic-bezier(0.4, 0, 0.2, 1);}
/** forms BUTTONS normal **/ button{text-decoration:none; margin-left:4px; background-color:transparent; color:#A6FF00; border:1px solid rgb(121,121,121,75%); cursor:pointer; margin:4px 8px; box-shadow:1px 1px 3px rgb(0,0,0,40%);}
/** forms BUTTONS HOVER **/ input[type="submit"]:hover,input[type="reset"]:hover,input[type="button"]:hover, button:hover {outline:1px dashed rgb(122,132,101,70%); outline-offset: 2px;}
/** forms BUTTONS FOCUS**/ input[type="submit"]:focus,input[type="reset"]:focus,button:focus{background-color:rgb(122,132,101,70%);  color:#6CFA00; outline:1px; box-shadow: 2px 4px 1px rgb(0,0,0,30%);}

/** forms RADIO,CHECKbx **/ input[type="radio"],input[type="checkbox"]{height:1.5em; width:1.5em; vertical-align:middle;}
/** forms RADIO chkd **/ input[type="radio"],input[type="radio"]:checked{border-radius:50%; background:radial-gradient(farthest-side,40px 96%,#000000 ) 50%/0 0 no-repeat content-box; }
/** forms CHECK chkd**/ input[type="checkbox"]:checked{background:url("?pic=check_svg") no-repeat center/75% auto;}

/** TEMPLATE CONTAINERS #IDs  url(?pic=bg1)**/
    h1#title,#title{position: relative; margin:0px 0px -40px 2%; display:block; font-size: 112%; z-index:4; color:rgb(126,136,105,85%); width:180px; min-width: 100px; cursor: pointer; user-select: none; padding:8px 20px 5px 28px; }
 h2#subheader,#subheader{position:relative; z-index:3; display:block; text-align:center; width:100%; height:10px; padding-left:30px; padding-bottom:0px; user-select:none; color:rgb(121,132,101,100%); background-color:rgb(0,0,0,92%); letter-spacing:-0.5px;}
 h2#subtitle,#subtitle{position:relative; text-align:center; margin: 0px 0px 7px 0px; padding-left:30px; padding-right: 17px; padding-bottom:0px; user-select:none; color:rgb(216,255,50,100%); z-index:2; background-color:rgb(0,0,0,92%); letter-spacing:2.0px;}
    #subtitle b{color:rgb(125,136,105,85%);}
    #subtitle i{color:rgb(137,148,117,80%);}
#_header_bg{position:absolute; display:block; min-height:12px; width:100%; left:0px; right:0px; top:0px; z-index:1; opacity:0.99; background-image: url(?pic=none); background-color:transparent; background-blend-mode:hard-light; }
#_footer_bg{position:absolute; display:block; min-height:12px; width:100%; left:0px; right:0px; bottom:0px; z-index:-1; opacity:0.99; background-image: url(?pic=none); background-color:transparent; background-blend-mode:hard-light; }
#_navi_bg{position:relative; z-index:2; display:block; min-height:42px; min-width:220px; width:100%; height:100%; opacity:0.92; right:0px; top:0px; background-color:rgb(3,0,0,66%); background-image: url(?pic=bgdark); background-blend-mode:hard-light; background-size: 100% 100%; backdrop-filter: saturate(100%) blur(0.35rem);}
#navi{position:relative; z-index:1; display:block; min-width:220px; min-height:42px; width:100%; right:0px; top:0px; margin: 0px; background-color:rgb(0,0,0,25%); background-image: url(?pic=bgdark); background-blend-mode:saturation; background-size: 100% 100%;}
   #navi input,#navi select,#navi input[type="button"]{ font-size:50%; min-width:22px; width:calc(100%/7);}
   #container_page{background-image:url(01.jpg);}
    #container_page{position:relative; background-color:#52EB00;background-blend-mode:luminosity; font-family:pre; vertical-align:baseline; width:100%; min-width:220px; margin:0px auto 0px auto; min-height:100%; height:auto !important; height:100%;}
    #container_page a, #container_page a:link,#container_page a:visited{ color:#6CFA00; font-weight:normal; text-decoration:none;}
    #container_page a:hover{color:#A6FF00; text-decoration:none; font-weight:bold;}
    #container-head{background-color:rgb(3,0,0,50%);}
    #container_bg{top:0px; bottom:3px; opacity:0.99; background-size:cover; background-image:url(01.jpg);}
    #container_contents{position:relative;  z-index:1; width:100%; display:block; font-variant-numeric:tabular-nums; text-wrap: pretty;  font-variant-numeric:proportional-nums; min-width:220px; margin:0px auto 0px auto; padding:0px 1px 1px 1px; opacity:0.92;  background-color:rgb(3,0,0,75%); color:#AEFF00; border:4px solid rgb(174,255,0,1%); background-size:150% 150%; background-blend-mode:soft-light; overflow-x:hidden; overflow-y:hidden; border-radius:12px; resize:none; backdrop-filter: saturate(120%) blur(0.8rem);
      transition: opacity 100ms, background 1s, color 100ms, font-size 100ms, background-blend-mode 500ms ease-in; }
   #container_contents:after{clear:both; display:block; font:1px/0px serif; content:"."; height:0; visibility:hidden;}

/** try outs **/
nav ul{position:absolute; left:calc(100% - 12em); top:4px; width:66%; display:none;}
nav ul li {width: calc(100% / 7); float:left; display:block; background-color:rgb(216,255,50,75%); color:rgb(126,136,105,85%); z-index:2; border-block: 1px solid silver; border-left: 1px solid silver;padding: 6px;font: menu;cursor: context-menu; }
nav ul li:hover { background-color:rgb(216,255,50,75%); color:rgb(126,136,105,85%);}
nav ul li:last-child {border-right: 1px solid silver;}


.drag{transition:all 0ms ease-out;}
.dragfx{transform:scale(1); transition:all 0ms ease-in; }

	/** change styles by the html data-* tag * trying some things here n there*/
	#container_contents[data-style="0"] {height: 1px; width:96%;}
	#container_contents[data-style="1"] {height:100%; width:82%;}
	#container_contents[data-style="2"] {height:auto; width:85%;}
	#container_contents[data-style="3"] {height:auto; width:88%;}

[data-style="rotate0"] {rotate:3.2deg; transition:rotate 50ms  ease-in-out;}
[data-style="rotate1"] {rotate:2.1290322580645deg; transition:rotate 50ms  ease-in-out;}
[data-style="rotate2"] {rotate: 2deg; transition:rotate 50ms  ease-in-out;}
[data-style="rotate3"] {rotate: -2deg; transition:rotate 50ms  ease-in-out;}
[data-style="rotate4"] {rotate: 1deg; transition:rotate 50ms  ease-in-out;}
[data-style="rotate5"] {rotate: -3deg; transition:rotate 50ms  ease-in-out;}


#content_page{position:relative;  z-index:1; width:100%; height:100%; margin:0px auto 0px auto; padding:0px 0px 0px 0px; display:block; color:#AEFF00; resize:both; /** background-image: url(?pic=bgdark); background-size:118% 100%;**/  background-color:rgb(3,0,0,50%); background-size:cover; background-blend-mode:soft-light; border:0px solid rgb(174,255,0,8%); min-width:220px; opacity:0.99; border-radius:12px; resize:none;
    transition: opacity 100ms, font-size 100ms, background 1000ms, color 100ms, background-blend-mode 500ms ease-out;
 }

/* transition:all 300ms ease-in-out; */
#times_updated{display: block; min-width: 20px; border: 1px solid rgb(174,255,0,8%); }
#lastedit{display:block; float:right; width:20%; font-size:50%; min-width:85px; min-height:18px; background-color:rgb(8,0,0,22%); border:1px solid rgb(174,255,0,8%); margin-top:4px;}
#lastedit_pm{display:block; clear:both; width:20%; float:right; font-size:50%; min-width:85px; min-height:18px; border:1px solid #1F1F1F; margin-top:1px;}
#container-foot{position:absolute; z-index:2; opacity:0.92; min-height:40px; width:100%; bottom:0px!important; bottom:0px; background-color:rgb(3,0,0,72%); background-image:url(?pic=bgdark); background-size:100% 100%; border-top:1px solid rgb(8,0,0,50%); backdrop-filter: saturate(100%) blur(0.35rem);}
#foot{width:100%; margin:0px auto;}
#copyright{max-width: calc(50% - 24em);  display:block; clear:both; font-size:66%; text-align:center; margin:5px auto 12px auto;}
#copyright h6,#copyright h5,#copyright h4{text-align:center; max-width: calc(50% - 24em); min-width:180px; margin:0px auto 0px auto; }
/**scrollbars color**/ #chat_contents,#chat_users,.lastpm{scrollbar-color:rgb(116,205,0,33%) rgb(74,82,54,10%); scrollbar-width:thin; }

/*#chat_template_info{font-size:75%;}*/
#chatcrumbr{display:inline-block; padding:0px 0px 3px 0px;}
#chat_controls{position:relative; display:block; min-height:48px; width:100%; margin:-2px 0px 0px 2px; padding:0px; border-radius:5px 5px 5px 5px;  border:1px solid rgb(174,255,0,5%); }
#chat_controls form{ background-color:rgb(8,0,0,33%);}
#chat_insert_smiley{user-select: none; }
#chat_rooms{position:relative; display:block; overflow-x:hidden; overflow-y:auto; min-height:200px; margin:0px 0px 0px 0px; }
#chat_rooms a{display:block; margin:0px 0px 0px 0px; clear:both; cursor:default;padding-left:4px; opacity:0.85; letter-spacing:-0.05px; font-size:90%; border-bottom:1px solid rgb(174,255,0,12%);  background:rgb(31,31,31,22%);}
#chat_rooms a:hover{margin:-1px 0px 0px 0px;  cursor:pointer; text-indent:0.5px;opacity:0.99;  font-size:99%; background:rgb(31,31,31,90%);cursor:default; }
#chat_rooms a:focus, #chat_rooms a:active{background:rgb(174,255,0,90%); }
#chat_users{font-size:90%; overflow-x:hidden; overflow-y:auto; position:relative; display:block; float:right; top:2px; width:22%;height:75%; min-width:50px; min-height:200px; margin:0px -4px 0px -4px;  padding:4px 3px 4px 2px;}
#chat_users{user-select: none; background-color:rgb(8,0,0,33%); border-left:0px solid rgb(174,255,0,8%); border-right:1px solid rgb(174,255,0,8%);  }
#chat_users span{display:block; cursor:default;padding-left:4px; margin:1px 0px 1px 0px; opacity:0.65; letter-spacing:-0.05px; font-size:80%;  border-bottom:1px solid rgb(8,0,0,12%); background-color:rgb(31,31,31,22%);}
#chat_users span:hover{display:block; cursor:pointer; text-indent:0.5px;  opacity:0.99; font-size:85%; background-color:rgb(31,31,31,50%); cursor:default; }
#chat_users h4{ letter-spacing:-1px; margin:12px 0px 3px 0px; border-bottom:1px solid rgb(174,255,0,33%); background-color:rgb(0,0,0,50%);}
#chat_users b{display:block; float:left; width:12px; height:12px; padding-right:4px;}
#chatroom_delete{position:absolute; top:2px; right:12px; font-size:75%; display:inline-block; padding:0px 0px 3px 0px; opacity:0.3;}#chatroom_delete:hover{opacity:0.99;}
#chatroom_create, #chat_status_btn{display:block; text-align:right; font-size:75%!important; z-index:2;margin:0px 0px 4px 0px!important;}
#chatroom_create:hover, #chat_status_btn:hover{font-size:75%!important; background-color: rgb(174,255,0,75%);}
#chat_contents_pm{cursor:default;position:absolute;bottom:1px;width:1%; height:1%; overflow:hidden; visibility:hidden;  }
#chat_contents{position:relative; cursor:default; letter-spacing:-0.05px; font-size:75%; display:block;top:2px; float:left; width:74%; height:80%; overflow-x:hidden; overflow-y:scroll; scroll-behavior:smooth; text-wrap:pretty; backdrop-filter:saturate(120%) blur(0.8rem);}
#chat_contents{display:block; min-height:240px;border-radius:5px 0px 5px 0px; border-right:1px solid rgb(174,255,0,12%); border-left:1px solid rgb(174,255,0,10%); margin:0px -18px 0px 2px; padding:2px 5px 2px 5px; background-color:rgb(8,0,0,33%); }
#chat_contents div{position:relative; display: block; width: 99%; margin: 1px 1px 0px 1px; padding:1px 2px 1px 5px; border:1px solid rgb(138,148,117,12%); background:rgb(118,117,117,12%); border-radius: 4px; }
#chat_contents div:hover{background:rgb(118,117,117,22%); }
#chat_contents div:after{content:""; display:block; clear:both;}
#chat_contents b{display:block; font-weight:normal; float:left; text-indent:15px; min-height:12px; min-width:12px; clear:both;  margin: 0px 1px 0px -4px; padding:0px 0px 0px 0px; opacity:0.75;}
#chat_contents b:hover{display:block; font-weight:bold;min-width:12px; min-height:12px; opacity:0.99;}
#chat_contents video{display:block; min-height:12px; min-width:12px; object-fit:cover;}
#chat_contents li,#chat_contents li a {padding-left:0px; list-style-type:none; text-decoration:none; display:block; clear:both;}
#chat_login{position:absolute; min-width:80px; /*right:3%;*/ left:calc(100% / 6.5); top:8px; padding:0px; z-index:3; background-color:rgb(8,0,0,50%); border:1px solid rgb(174,255,0,10%); border-radius:5px;}
#chat_name{display:block; float:left; min-height:18px; margin:0px 7px; min-width:30px; font-size:75%; background:transparent;}
#user_icon,#chat_color{display:block; float:right; user-select:none; width:21px; height:21px; background-image:url("data:image/svg+xml,%3Csvg%20xmlns=\"http://www.w3.org/2000/svg\"%20viewBox=\"0 0 24 24\"%3E%3Cpath d=\"M12 2a10 10 0 1 0 0 20 10 10 0 0 0 0-20Zm6.32 15.25C16.6 15.84 14.4 15 12 15s-4.6.84-6.32 2.25a8.22 8.22 0 1 1 12.64 0ZM12 6a4 4 0 1 0 0 8 4 4 0 0 0 0-8Z\"%20fill=\"%23030000\"/%3E %3C/svg%3E");}
#user_icon{ position:absolute; right:0px;  z-index:2; opacity:0.8;} #clr_chat_color{right:256px; top:33px;}
#chat_msg{display:block; min-width:61%; width:78%; text-indent:8px; margin:8px 0px -4px 0px;}
/**#chat_send{position: absolute; top:-1px; right:8px; z-index: 2; display:block; width:48px; height:47px; margin: 2% auto; border-radius:48px; background-size: 45px 45px;}**/
#chat_send {position: absolute;    top: -17px;    right: 9px;    z-index: 2;    display: block;    width: 66px;    height: 66px;    margin: 2% auto;    border-radius: 48px;    background-size: 66px 63px;    background-position: -4px 3px;    rotate: 380deg;}
#chat_send{background-blend-mode:multiply;background-color:rgb(166,255,0,18%);background-image:url("data:image/svg+xml,%3Csvg xmlns=\"http://www.w3.org/2000/svg\"%20xml:space=\"preserve\"%20width=\"2048\"%20height=\"2048\"%20style=\"shape-rendering:geometricPrecision;text-rendering:geometricPrecision;image-rendering:optimizeQuality;fill-rule:evenodd;clip-rule:evenodd\"%3E%3Cdefs%3E%3Cstyle%3E.fil0%7Bfill:none%7D.fil1%7Bfill:%2356af00%7D%3C/style%3E%3C/defs%3E%3Cg id=\"Layer_x0020_1\"%3E%3Cpath class=\"fil0\"%20d=\"M0 0h2048v2048H0z\"/%3E%3Cpath%20class=\"fil0\"%20d=\"M255.999 255.999h1536v1536h-1536z\"/%3E%3Cpath%20class=\"fil0\"%20d=\"M255.999 255.998h1536v1536h-1536z\"/%3E%3Cg%20id=\"_340355200\"%3E%3Cpath%20id=\"_340355512\"%20class=\"fil1\"%20d=\"m1024 1487.32 691.45-1151.869L627.874 1412.43l79.496 180.43z\"/%3E%3Cpath%20id=\"_340355368\"%20class=\"fil1\"%20d=\"m545.954 1372.19 7.14 15.332L716.81 1734.63c12.145 25.922 35.448 45.978 62.293 53.951 26.572 7.74 53.418 2.187 70.837-14.946 70.609-68.834 178.526-176.642 174.054-180.77l-478.042-220.675z\"/%3E%3Cpath%20id=\"_340355272\"%20d=\"M316.565 1075.21c-32.628 18.92-52.417 54.115-51.276 91.865.922 37.762 22.406 72.086 56.104 89.062l368.093 187.708 1025.96-1108.4-874.489 1185.85 503.397 256.514c31.854 16.302 69.863 16.928 102.464 1.044 32.358-15.822 55.331-45.92 62.443-81.164l272.791-1397.76c2.84-14.213-3.01-28.794-14.803-37.086-7.738-5.503-17-7.714-25.994-6.548l-1.94.308c-4.055.762-8.034 2.236-11.793 4.397l-1410.96 814.208z\"%20style=\"fill:%238ee700\"/%3E%3C/g%3E%3C/g%3E%3C/svg%3E"); transition:all 100ms ease-in;}
#chat_send:hover{background-blend-mode:luminosity;background-color:rgb(191,255,25,52%);background-image:url("data:image/svg+xml,%3Csvg xmlns=\"http://www.w3.org/2000/svg\"%20xml:space=\"preserve\"%20width=\"2048\"%20height=\"2048\"%20style=\"shape-rendering:geometricPrecision;text-rendering:geometricPrecision;image-rendering:optimizeQuality;fill-rule:evenodd;clip-rule:evenodd\"%3E%3Cdefs%3E%3Cstyle%3E.fil0%7Bfill:none%7D.fil1%7Bfill:%2374cd00%7D%3C/style%3E%3C/defs%3E%3Cg id=\"Layer_x0020_1\"%3E%3Cpath class=\"fil0\"%20d=\"M0 0h2048v2048H0z\"/%3E%3Cpath%20class=\"fil0\"%20d=\"M255.999 255.999h1536v1536h-1536z\"/%3E%3Cpath%20class=\"fil0\"%20d=\"M255.999 255.998h1536v1536h-1536z\"/%3E%3Cg%20id=\"_340355200\"%3E%3Cpath%20id=\"_340355512\"%20class=\"fil1\"%20d=\"m1024 1487.32 691.45-1151.869L627.874 1412.43l79.496 180.43z\"/%3E%3Cpath%20id=\"_340355368\"%20class=\"fil1\"%20d=\"m545.954 1372.19 7.14 15.332L716.81 1734.63c12.145 25.922 35.448 45.978 62.293 53.951 26.572 7.74 53.418 2.187 70.837-14.946 70.609-68.834 178.526-176.642 174.054-180.77l-478.042-220.675z\"/%3E%3Cpath%20id=\"_340355272\"%20d=\"M316.565 1075.21c-32.628 18.92-52.417 54.115-51.276 91.865.922 37.762 22.406 72.086 56.104 89.062l368.093 187.708 1025.96-1108.4-874.489 1185.85 503.397 256.514c31.854 16.302 69.863 16.928 102.464 1.044 32.358-15.822 55.331-45.92 62.443-81.164l272.791-1397.76c2.84-14.213-3.01-28.794-14.803-37.086-7.738-5.503-17-7.714-25.994-6.548l-1.94.308c-4.055.762-8.034 2.236-11.793 4.397l-1410.96 814.208z\"%20style=\"fill:%23ffff64\"/%3E%3C/g%3E%3C/g%3E%3C/svg%3E"); transition:all 100ms ease-out;}
#chat_insert_smiley span{cursor:default;background-color:rgb(31,31,31,85%); }
#chat_insert_smiley span:hover{background-color:rgb(166,255,0,58%);}
#chat_insert_img{display:none; cursor:default; font-size:75%; width:375px; height:100px; position:absolute; top:75px; right:25px; margin:0px; z-index:5; border:1px solid rgb(138,148,117,12%); background:rgb(118,117,117,99%); border-radius:4px; padding:4px;}
#chat_insert_img strong:hover{background-color:rgb(31,31,31,58%);}
#chat_insert_img span:hover{ background-color:rgb(166,255,0,58%);}
#obj_img_upload{width:100%; height:auto; display:block;}
#tooltip{background:#FAC000!important; background-color:#FAC000!important; }
#tip_content p{float:left;width: 58px;}
#tip_content{min-width:220px;}
#sessionlogs_btn{display:block; padding:2px; float:right; clear:both; font-size:75%;}
#cookies { position: absolute; width: 72.5%; left: 33px; bottom: 2px; font-size:60%; background:#080000; }
#trashcan_ico{background-image: url(\"data:image/svg+xml,%3Csvg xmlns=\"http://www.w3.org/2000/svg\" viewBox=\"0 0 24 24\"%3E%3Cpath d=\"M20 6h-4V4.5A2.5 2.5 0 0 0 13.5 2h-3A2.5 2.5 0 0 0 8 4.5V6H4c-.55 0-1 .45-1 1s.45 1 1 1h.12l.73 11.66A2.49 2.49 0 0 0 7.35 22h9.3c1.32 0 2.41-1.03 2.5-2.34L19.88 8H20c.55 0 1-.45 1-1s-.45-1-1-1ZM10 4.5c0-.28.22-.5.5-.5h3c.28 0 .5.22.5.5V6h-4V4.5ZM11 17c0 .55-.45 1-1 1s-1-.45-1-1v-6c0-.55.45-1 1-1s1 .45 1 1v6Zm4 0c0 .55-.45 1-1 1s-1-.45-1-1v-6c0-.55.45-1 1-1s1 .45 1 1v6Z\" fill=\"%23000\"%3E%3C/path%3E%3C/svg%3E\");}
#shopping_cart_ico{background-image:url("data:image/svg+xml,%3Csvg xmlns=\"http://www.w3.org/2000/svg\" viewBox=\"0 0 24 24\"%3E%3Cpath d=\"M9 18c-1.1 0-2 .9-2 2s.9 2 2 2 2-.9 2-2-.9-2-2-2ZM17 18c-1.1 0-2 .9-2 2s.9 2 2 2 2-.9 2-2-.9-2-2-2ZM21 7H5.75l-.79-2.77A1 1 0 0 0 4 3.5H3c-.55 0-1 .45-1 1s.45 1 1 1h.25l2.48 8.69A2.5 2.5 0 0 0 8.13 16h9.74a2.5 2.5 0 0 0 2.4-1.81l1.69-5.91A1 1 0 0 0 21 7Z\" fill=\"%23576243\"%3E%3C/path%3E%3C/svg%3E");}

/** html footer referal links**/
#footer_refer_links{position:absolute; display:block; margin:0px auto; right:6%; top:4px; min-width:152px; height:24px; }
#donate{display:block; float:left; width:50px; height:24px; cursor:pointer;background-color:rgb(122,132,101,50%); background:url(?pic=chat_icons); background-position: -420px 4px; opacity:0.66;}
#donate:hover{background-color:rgb(121,132,101,75%); border:2px solid rgb(114,131,101,92%); opacity:1.0; padding:0px; margin:-1px 0px -2px -2px; }
#w3c_css{display:block; float:left; width:50px; height:24px; cursor:pointer;background-color:rgb(122,132,101,50%); background:url(?pic=chat_icons); background-position: -367px 4px; opacity:0.66;}
#w3c_css:hover{background-color:rgb(121,132,101,75%); border:2px solid rgb(114,131,101,92%); opacity:1.0; padding:0px; margin:-1px 0px -2px -2px; }
#w3c_html{display:block; float:left; width:50px; height:24px; cursor:pointer;background-color:rgb(122,132,101,50%); background:url(?pic=chat_icons); background-position: -310px 4px; opacity:0.66;}
#w3c_html:hover{background-color:rgb(121,132,101,75%); border:2px solid rgb(114,131,101,92%); opacity:1.0; padding:0px; margin:-1px 0px -2px -2px; }


/** BACKGROUND PNG ELEMENTS topleft topright bottomleft bottomright center**/
#_topleft{position:absolute; left:-100px; top:-65px; z-index:0;}
#_topright{position:absolute; right:0px; top:-25px; z-index:0;}
#_bottomleft{position:absolute; left:10px; bottom:10px; z-index:0;}
#_bottomright{position:absolute; right:10px; bottom:10px; z-index:0;}
#_center{position:absolute; left:75%; top:20%; z-index:0; margin-left:-35%;}



/** SHOW/HIDE THINGS FONTSIZES PADDINGS...DEPENDING ON RESOLUTION **/

@media all and (min-height:800px){ #container_contents{height:600px;} }
/**1320+**/   @media all and (min-width:1320px){ .pic img{min-width:42%;  } .image{height:125px;} .youtubevids{width:180px;min-height:100px;} .youtubeplay{margin:32px 0px 0px 0px; } .video{width:240px; height:160px;} #chat_users{font-size:100%;width:26%;} }
/**1260+**/   @media all and (min-width:1260px){ .pic img{min-width:38%;  } .image{height:120px;} .youtubevids{width:180px;min-height:100px;} .youtubeplay{margin:32px 0px 0px 0px; } .video{width:240px;height:160px;} #chat_users{font-size:100%;width:25.5%;} }
/**1240+**/   @media all and (min-width:1240px){ .pic img{min-width:37%; } #subtitle{font-size:73%;} .image{height:110px;} .youtubevids{width:180px; min-height:100px;} .youtubeplay{margin:36px 0px 0px -4px;} .video{width:220px; height:150px;} #chat_users{font-size:100%;width:25.5%;} } /** 1240 **/
/** 1081 111+ hard  **/   @media all and (min-width:1081px){ #subtitle{font-size:72%;} .image{height:110px;} .youtubevids{width:175px; min-height:100px;} .youtubeplay{margin:36px 0px 0px -4px;}  .video{width:220px; height:150px;} #chat_users{font-size:100%;width:25.25%;}} /** 1081**/
/**1080+**/   @media all and (max-width:1080px){ #subtitle{font-size:70%;} .image{height:110px;} .youtubevids{width:190px;min-height:100px;} .youtubeplay{margin:36px 0px 0px -4px; } .video{width:200px; height:135px;} #chat_users{font-size:100%;width:25.25%;} } /** 1080**/
/**-1024 992**/  @media all and (max-width:992px){ #subtitle{font-size:70%;} .image{height:100px;} .youtubevids{width:175px; min-height:100px;} .youtubeplay{margin:38px 0px 0px -4px;} .video{width:180px;height:120px;} #chat_users{font-size:100%; width:25.75%;}  } /** 992 **/
/**920er**/    @media all and (max-width:920px){ #subtitle{font-size:70%;} .image{height:70px;} .youtubevids{width:160px; min-height:92px;} .youtubeplay{margin:38px 0px 0px -6px;}  .video{width:180px;height:120px;} #chat_users{font-size:100%;width:25.75%;} main{width:87%;} } /** 920**/
/**848er**/    @media all and (max-width:870px){ #subtitle{font-size:70%;} .image{ height:66px;} .youtubevids{width:142px; min-height:84px;}  .youtubeplay{margin:38px 0px 0px -8px;} .video{width:160px;height:110px;} #chat_users{font-size:100%;width:25.75%;}  } /** 870 MOBILE QUER **/
/**-778breakdwn*/ @media all and (max-width:750px){ #subtitle{font-size:70%;} .image{width:25%;} .youtubevids{width:150px;min-height:72px;} .youtubeplay{margin:36px 0px 0px -8px;  } .video{width:145px;height:110px;} #chat_users{font-size:90%;width:26.25%;} main{width:92%;}    } /** 750 **/
/**-706mobileX**/ @media all and (max-width:604px){#subtitle{font-size:65%;} .image{width:25%; } .youtubevids{width:148px;min-height:64px;} .youtubeplay{margin:36px 0px 0px -8px;  }  .video{width:160px;height:110px;} #chat_users{font-size:90%; width:26.25%;} #chat_insert_smiley{font-size:98%;}  } /** 604 **/
/**-525 450!**/ @media all and (max-width:525px){#subtitle{font-size:60%;} .image{width:100%; height:125px;} .youtubevids{width:100%;min-height:55px;} .youtubeplay{margin:36px 0px 0px 0px;  }  .video{width:150px;height:135px;} #chat_users{font-size:90%; width:26%;} #chat_insert_smiley{font-size:82%;}  #chat_send{top:-1px; right:8px;} } /** 525 **/
/**below450**/ @media all and (max-width:450px){#subtitle{font-size:55%;} .image{width:100%; height:125px;} .youtubevids{width:100%;min-height:50px;} .youtubeplay{margin:36px 0px 0px 0px; } .video{width:225px; height:110px;}  #chat_users{font-size:85%; width:26%;} #chat_insert_smiley{font-size:73%;}  #chat_send{top:-1px; right:8px;} } /**MOBILE HOCHKANT **/
/**below350mobile**/ @media all and (max-width:341px){ #subtitle{font-size:50%; letter-spacing:-0.25px;} .image{width:50px; height:50px;} .youtubevids{width:100%;min-height:48px;} .youtubeplay{margin:42px 0px 0px 0px; } .video{width:225px; height:110px;} #chat_users{font-size:70%; width:26%;} main{width:98%;} #chat_send{top:19px; right:6px; width:32px; height:29px; background-size:29px 28px;}  }
/**below337iframe**/ @media all and (max-width:340px){ #subtitle{font-size:45%; letter-spacing:-0.55px;} .image{width:50px; height:50px;} .youtubevids{width:100%;min-height:48px;} .youtubeplay{margin:42px 0px 0px 0px; }  .video{width:225px;height:110px;}  }
/**elow300sidebar**/ @media all and (max-width:300px){ #subtitle{font-size:35%; letter-spacing:-0.65px;} }

#smileys{display:none; width:375px; height:52px; position:absolute; top:74px; right:250px; margin:0px; z-index:1; border:1px solid rgb(138,148,117,12%); background:rgb(118,117,117,99%); border-radius:4px; padding:4px;}
#smileys strong:hover{background-color:rgb(31,31,31,90%);}
	.smileys, .smileys span, .smileys strong{display:inline-block; width:24px; height:24px; min-height:24px; min-width:24px; cursor:default; background:url(?pic=smileys); background-position:-0px 0px; }
.s1{background-position:0px 0px;}.s2{background-position:-24px 0px;}.s3{background-position:-48px 0px;}.s4{background-position:-72px 0px;}
.s5{background-position:-96px 0px;}.s6{background-position:-120px 0px;}.s7{background-position:-144px 0px;}.s8{background-position:-168px 0px;}
.s9{background-position:-192px 0px;}.s10{background-position:-216px 0px;}.s11{background-position:-240px 0px;}.s12{background-position:-264px 0px;}
.s13{background-position:-288px 0px;}.s14{background-position:-312px 0px;}.s15{background-position:-336px 0px;}.s16{background-position:-360px 0px;}
.cl{position:absolute; top:-8px; right:-8px; background:rgb(161,161,161,99%);  text-align:center; width:18px; height:18px; border:1px solid rgb(138,148,117,12%); cursor:pointer;}
.cl:hover{background:#080000;}


/** inner Chat various [left] [right] BB Code anchors and/or functionals icons or editor signs around Msgs**/
/**.h1{display:block;font-size:145%;}.h2{display:block;font-size:135%;} **/
/**.h3{display:block;font-size:125%;}.h4{display:block;font-size:115%;} **/
.left{display:block; float:left;}.right{display:block; text-align:right; float:right;}
.none{display:block; clear:both;}
.video{display:block; float:left; min-width:80px;}
.image{display:inline; min-width:36px; border:1px solid #1F1F1F;}
.youtubevids{position:relative; float:left;  display:block; min-width:50px;}
.youtubevids img{width:100%; display:block; min-height:32px;}
.youtubeplay{position:absolute; width:48px; height:33px; left:40%; opacity:0.66; background:url(?pic=youtubeplay); background-position:-0px 0px;}
.youtubeplay:hover{width:48px; height:33px; opacity:0.88;}
.soundcloud_iframe{display:block; width:100%;}
.editor{min-height:118px; display:block;}
.editor input[type="submit"], .editor input[type="button"] {font:80%/2 sans-serif; width:99%; }
.edit { position:absolute; width:3px; height:3px; display:block; background:url(?pic=edit); background-position:-0px 0px; font-size:6px; cursor:default; opacity:0.3; margin:2px 0px 0px 8px; top:-1px; right:1px;}
.edit:hover { position:absolute; background:#1F1F1F; font-size:6px;opacity:0.99;  }
.del { position:absolute; background:transparent; font-size:6px; cursor:default; opacity:0.3; margin:0px;  top:-1px; right:1px; display:none;}
.del:hover { position:absolute; background:#1F1F1F; font-size:6px;opacity:0.99;  }
.lastpm{position:relative; min-height:20px; height:90%;overflow-y:auto; }
.lastpm div{position:relative; clear:both; font-size:75%;letter-spacing:-0.035em; font-variant-numeric:tabular-nums; text-wrap: pretty; }
.lastpm b {display:block; float:left; text-indent:15px; min-height:12px; min-width:12px; clear:both; margin:0px 1px 0px 4px; padding:0px; opacity:0.75;}
.pm_form{position:absolute; bottom:0px; width:98%; padding:0px; font-size:75%;}
.pm_typetext{width:77%!important; font-size:75%; float:left}
.pm_sendt{float:left; width:30px; height:30px; background: url(?pic=chat_icons) 0px 0px / 440px 30px;}
.pmbutton{position:absolute; top:1px; right:4px; display:block; padding:2px; margin:2px; float:left; font-size:90%; float:right; opacity:0.5;}
.pmbutton:hover{opacity:0.99;}
.pmbutton_del{position:absolute; top:1px; right:4px; width:10px; height:11px; display:block; padding:2px; margin:2px; float:left; font-size:90%; float:right; opacity:0.5; background:url(?pic=chat_icons) -78px 38px / 562px 40px; }
.window_title{user-select:none; background-color:transparent!important; background:transparent;}
.colortool{width:220px!important;}

/** inline window lil bit styleing**/
    #fxdrag_overlay{top:-32px!important; }
	.window_controls p{border:1px solid rgb(101,101,101,25%); border-radius:3px; background:rgb(41,41,41,75%)!important; color:#AEFF00!important; cursor:pointer; }
	.window_controls p:hover{background:rgb(61,72,41,100%)!important;  color:#7a8465!important;}
    .layer1{color:#AEFF00; background:rgb(62,61,61,100%) url(?pic=button1) repeat-x 0% -6% / 100% 49px!important; background-size:100% 100%; background-blend-mode:color-dodge; box-shadow:0px 1px 3px 1px rgb(31,31,31,50%); border:1px solid rgb(101,101,101,25%)!important; height:96%; resize:both; overflow:hidden;}
	.layer2 {width:99%!important; height:94%!important; margin:26px 2px -38px 2px!important; padding:0px; border:1px solid rgb(122,132,101,25%)!important; }
	.layer2 iframe pre{color:#AEFF00!important; color:#ffffff;width:100%!important; height:100%!important; margin:auto; padding:0px; }
    .layer2 iframe {margin-top:4px!important;}
    .layer1, .layer2 pre{color:#AEFF00;}
    .layer3{overflow:visible!important;} /** for img in a inline window when getting resized **/
/** small page elements controllers sub buttons addons */
.placeholder_footer{height:40px; display:block; clear:both; }
.resizer {background-color:rgb(3,0,0,25%); background: url(?pic=chat_icons) -240px 0px / 850px 50px; position:absolute; width: 20px; height:18px; bottom: 0px; right: 0px; z-index: 3; display: block; opacity: 0.5; cursor: pointer; user-select: none; margin: 0px 0px 0px 0px;}
.resizer:hover { opacity: 0.99; background-color:rgb(250,192,0,75%); background: url(?pic=chat_icons) -240px 0px / 850px 50px; }
#pagebg_minus {bottom: 31px; left: 0px; font-size:75%; user-select: none; text-indent:4px; background:url(?pic=chat_icons) -119px 92px / 640px 47px; position: absolute; width: 12px; height: 12px; z-index: 3; display: block; opacity: 0.5; cursor: pointer; margin: 0px 0px 0px 0px;}
#pagebg_minus:hover {opacity: 0.99; background-color:#FAC000; }
#pagebg_plus {bottom: 18px; left:0px; font-size:75%; user-select: none; text-indent:4px; background:url(?pic=chat_icons) -135px 92px / 640px 47px; position: absolute; width: 12px; height: 12px; z-index: 3; display: block; opacity: 0.5; cursor: pointer; margin: 0px 0px 0px 0px;}
#pagebg_plus:hover {opacity: 0.99; background-color:#FAC000; }
#pagebg_style {bottom: 4px; left:0px; font-size:75%; user-select: none; text-indent:4px; background:url(?pic=chat_icons) -103px 92px / 640px 47px; position: absolute; width: 12px; height: 12px; z-index: 3; display: block; opacity: 0.5; cursor: pointer; margin: 0px 0px 0px 0px;}
#pagebg_style:hover {opacity: 0.99; background-color:#FAC000; }
  .glow, .glowbg{contain:layout; grid-column:full; grid-row:page-header; background-image:radial-gradient(ellipse at 49% 12%,rgb(31,31,31,75%), rgb(174,255,0,75%) 137% 137%)!important; background-color:rgb(31,31,31,75%); box-shadow:inset 0px 7px 1px -5px rgb(174,255,0,45%);  }
  .glow1{background-image: url(?pic=bgdark)!important; background-position:100% 100%!important;background-size:100% 100%; background-repeat:repeat-y; }
  .glow2{background-image: url(?pic=bg)!important; background-position:100% 100%; background-size:100% 100%;  background-repeat:repeat-y; }
  .glow3{background-image: url(?pic=glowbg)!important; background-repeat:repeat-y; background-size:100% 100%; }
  .glow4{background-image: url(?pic=bgdark)!important; background-repeat:repeat-y;background-size:100% 100%; }
  .gradient1{background-image:linear-gradient(to top, #52EB00,#080000);}
  .gradient2{background-image:linear-gradient(to bottom, #52EB00,#080000);}
  .rotate{transform:rotate(-2deg); transform:rotate(-3deg);}
.s{ background:url(?exif=_NEUE_UPLOADS_HiER_REIN_/s/s.jpg&w=12&h=12) no-repeat 0% 0%;  }
.s_pic h4, .s_pic h2{display:block; max-width:300px; margin-left:60px;}
.s_pic{ display:block; height:60px; background:url(?exif=_NEUE_UPLOADS_HiER_REIN_/s/s.jpg&w=56&h=60&q=80) no-repeat 0% 0%;  }
.basiL{ background:url(?exif=_NEUE_UPLOADS_HiER_REIN_/basiL/basiL.jpg&w=12&h=12) no-repeat 0% 0%;  }
.basiL_pic h4, .basiL_pic h2{display:block; max-width:300px; margin-left:60px;}
.basiL_pic{ display:block; height:60px; background:url(?exif=_NEUE_UPLOADS_HiER_REIN_/basiL/basiL.jpg&w=56&h=60&q=80) no-repeat 0% 0%;  }
.bas{ background:url(?exif=_NEUE_UPLOADS_HiER_REIN_/bas.jpg&w=12&h=12) no-repeat 0% 0%;  }
.bas_pic h4, .bas_pic h2{display:block; max-width:300px; margin-left:60px;}
.bas_pic{ display:block; height:60px; background:url(?exif=_NEUE_UPLOADS_HiER_REIN_/bas.jpg&w=56&h=60&q=80) no-repeat 0% 0%;  }
.freya{ background:url(?exif=_NEUE_UPLOADS_HiER_REIN_/freya.jpg&w=12&h=12) no-repeat 0% 0%;  }
.freya_pic h4, .freya_pic h2{display:block; max-width:300px; margin-left:60px;}
.freya_pic{ display:block; height:60px; background:url(?exif=_NEUE_UPLOADS_HiER_REIN_/freya.jpg&w=56&h=60&q=80) no-repeat 0% 0%;  }
.bas{ background:url(?exif=_NEUE_UPLOADS_HiER_REIN_/bas.jpg&w=12&h=12) no-repeat 0% 0%;  }
.bas_pic h4, .bas_pic h2{display:block; max-width:300px; margin-left:60px;}
.bas_pic{ display:block; height:60px; background:url(?exif=_NEUE_UPLOADS_HiER_REIN_/bas.jpg&w=56&h=60&q=80) no-repeat 0% 0%;  }
.bas{ background:url(?exif=_NEUE_UPLOADS_HiER_REIN_/bas.jpg&w=12&h=12) no-repeat 0% 0%;  }
.bas_pic h4, .bas_pic h2{display:block; max-width:300px; margin-left:60px;}
.bas_pic{ display:block; height:60px; background:url(?exif=_NEUE_UPLOADS_HiER_REIN_/bas.jpg&w=56&h=60&q=80) no-repeat 0% 0%;  }
.basiL{ background:url(?exif=_NEUE_UPLOADS_HiER_REIN_/basiL/basiL.jpg&w=12&h=12) no-repeat 0% 0%;  }
.basiL_pic h4, .basiL_pic h2{display:block; max-width:300px; margin-left:60px;}
.basiL_pic{ display:block; height:60px; background:url(?exif=_NEUE_UPLOADS_HiER_REIN_/basiL/basiL.jpg&w=56&h=60&q=80) no-repeat 0% 0%;  }


 /** MP3 SOUND PLAYER / MANAGER 2.5 CSS
    a.sm2_link{min-width:150px; padding:4px 4px;} a.sm2_link, a.sm2_link:visited{text-align:left; background:transparent url() repeat 0% 50%; color:#AEFF00;} a.sm2_link:hover{background-color:rgb(111,122,91,75%); color:rgb(131,124,101,75%);}
    a.sm2_playing{background-color:rgb(131,124,101,75%); color:rgb(122,132,101,99%);} a.sm2_playing:hover{background-color:rgb(141,134,111,100%); color:rgb(122,132,101,99%)!important;}
    a.sm2_zoomed,a.sm2_preview{background-color:rgb(104,121,91,66%);} a.sm2_zoomed:hover,a.sm2_preview:hover{background-color:rgb(121,132,101,99%);}
    a.sm2_paused {background:rgb(122,132,101,75%);} a.sm2_paused:hover{background:rgb(111,122,91,50%); color:rgb(46,45,45,75%);} .controls {display:none; position:relative; background-color:#FAC000;} .timing {display:none; color:#AEFF00; position:absolute; text-align:right; right:4px; top:2px; width:auto; height:1em; padding:4px 12px 3px 12px; background-color:#1F1F1F; border:1px solid #FAC000; border-radius:3px; letter-spacing:0px;font:44% monaco,lucida console,courier,system; line-height:1em;vertical-align:middle;} .statusbar {position:relative; height:0.5em; background-color:#FAC000; border:1px solid #AEFF00; border-radius:0px; overflow:hidden; cursor:grab;} .peak, .use-peak .peak {display:none; position:absolute; top:0.55em; right:0.5em; display:none; zoom:1; border:1px solid #99ccff; padding:2px; height:0.55em; border-radius:3px; background-color:#1F1F1F; width:0.8em; height:1.55em; margin-top:-3px;}
    .controls, .timing{display:block;} .peak{display:none;} .controls.dragging .statusbar {cursor:grabbing;} .controls .statusbar .position{height:100%; background-color:#080000; border-right:3px solid #030000; border-radius:0px;} .controls .statusbar .loading {background-color:#AEFF00; transition:width 0.15s ease-in-out;} .controls .statusbar .position, .controls .statusbar .loading { width:0px;} .timing div.sm2_timing {margin:0px; padding:0px; margin-top:-1em;} li.sm2_playing .controls, li.sm2_paused .controls {display:block; position:relative; } li.sm2_playing .timing, li.sm2_paused .timing { display:block;} li.sm2_playing .peak, li.sm2_paused .peak{display:inline; display:inline-block; display:none;} li.sm2_paused .timing .sm2_position { text-decoration:blink;} li.sm2_paused .timing, .use-peak li.sm2_paused .peak { background-color:#FAC000; border-color:#030000;} li:hover .controls .statusbar { position:relative; cursor:grab;} li:hover .timing { z-index:3;} .use-peak .timing { right:4.25em;} .use-peak .peak-box {position:relative; width:100%; height:1.55em; overflow:hidden;} .peak .l,.peak .r {position:absolute; left:0px; top:0px; width:7px;height:50px; background:#fff; border:1px solid #fff; border-radius:0px; margin-top:1em;} .peak .l { margin-right:1px;} .peak .r { left:10px;}
**/