@charset "utf-8";
/* Bassis CSS für alle Seiten mit UI-Komponenten */
@font-face {
    font-family: 'UbuntuLight';
    src: url('Ubuntu-L-webfont.eot');
    src: url('Ubuntu-L-webfont.eot?#iefix') format('embedded-opentype'),
         url('Ubuntu-L-webfont.woff') format('woff'),
         url('Ubuntu-L-webfont.ttf') format('truetype'),
         url('Ubuntu-L-webfont.svg#UbuntuLight') format('svg');
    font-weight: normal;
    font-style: normal;
}
@font-face {
    font-family: 'TrashHandRegular';
    src: url('TrashHand-webfont.eot');
    src: url('TrashHand-webfont.eot?#iefix') format('embedded-opentype'),
         url('TrashHand-webfont.woff') format('woff'),
         url('TrashHand-webfont.ttf') format('truetype'),
         url('TrashHand-webfont.svg#TrashHandRegular') format('svg');
    font-weight: normal;
    font-style: normal;
}
@font-face {
    font-family: 'sf_cartoonist_handregular';
    src: url('SF_Cartoonist_Hand-webfont.eot');
    src: url('SF_Cartoonist_Hand-webfont.eot?#iefix') format('embedded-opentype'),
         url('SF_Cartoonist_Hand-webfont.woff') format('woff'),
         url('SF_Cartoonist_Hand-webfont.ttf') format('truetype'),
         url('SF_Cartoonist_Hand-webfont.svg#sf_cartoonist_handregular') format('svg');
    font-weight: normal;
    font-style: normal;

}

*	 		{ margin:0; padding:0; }
body 		{ width:100%; height:100%; font-family:UbuntuLight, Arial, Helvetica, sans-serif; font-size:13px; background:#51526e; color:#CCC; }
h1 			{ font-family:TrashHandRegular,"Arial Black", Gadget, sans-serif; font-size:40px; color:#FFF; text-shadow:1px 1px 2px rgba(0,0,0,0.6) }
h2 			{ font-family:TrashHandRegular,"Arial Narrow", Gadget, sans-serif; font-size:32px; font-weight:normal; color:#FFF; text-shadow:1px 1px 2px rgba(0,0,0,0.6); margin:25px 0 5px 0;  }
h3			{ font-family:TrashHandRegular, Arial, Helvetica, sans-serif; font-size:24px; font-weight:normal; color:#FFF; margin:15px 0 5px 0; }
form		{ margin:0; }
img			{ border:0; }
p,blockquote	{ margin:5px 0 10px 0; }
h3+p		{ margin-top:0; }
p,li		{ line-height:1.4; }
ul,ol		{ margin:5px 0 10px 20px; }
a			{ text-decoration:none; color:#9cf; }
a:visited	{ color:#cdf; }
a:active	{ color:#f00; }
a:hover		{ color:#ff9; }
.artikel			{ hyphens: auto; -webkit-hyphens: auto; -moz-hyphens: auto; }
.artikel a,
.artikel a:visited	{ border-bottom:dotted 1px;}
.artikel a:hover,
.artikel a:active	{ border-bottom:solid 1px;}
a.img,a.linkopacity	{ border-bottom:none !important; }
a.linkopacity img, .clickable	{ opacity:0.85; cursor:pointer;  }
a.linkopacity:hover img, .clickable:hover { opacity:1; }
input, select, textarea { font-family:UbuntuLight, Arial, Helvetica, sans-serif; font-size:0.92em; padding:2px; }
hr				{ margin:5px 0; }


#all			{ position:fixed; left:0; bottom:0; width:100%; height:100%; }
#container		{ position:absolute; display:table; left:0; top:0; width:100%; margin:0; height:100%; min-height:100%; background:url(/imag/bg/bg960k.jpg) fixed bottom left; background-size:cover; } 
#container2		{ position:relative; display:table-cell; vertical-align:top; width:auto; padding:0 0 20px 85px; } 
#gbheader		{ position:relative; height:100px; z-index:200; }
#navtoggle		{ display:none; position:fixed; top:0; left:0; width:48px; height:48px; background:url(../imag/nav1.png) 0px 0px no-repeat; cursor:pointer; z-index:850;}
#usrtoggle		{ display:none; position:fixed; top:0; right:0; width:48px; height:48px; background:url(../imag/usr1.png) 0px 0px no-repeat; cursor:pointer; z-index:750;}
#gblogo 		{ margin:18px 10px 0 0; width:256px; height:79px; }
#gblogo img		{ width:100%; height:auto; }
#toptitle		{ position:absolute; right:20px; top:10px; padding:0; margin:0; }
#topadhinweis	{ margin-left:30px; font-size:10px; font-style:italic; color:#347;}
#topad			{ width:728px; height:90px; padding:10px; margin-left:20px; border-radius:10px; background-color:rgba(0,0,0,0.4); overflow:hidden; z-index:91; }
#coverboy		{ float:right; margin:-170px 20px 0 0; width:auto; height:200px; text-align:right; z-index:100; }

/* Submenübar oben */
#menubar		{ clear:both; position:relative; margin:0; padding:0; background-color:#016; border:solid 1px transparent; border-radius:10px 0 0 20px; overflow:hidden; font-family:TrashHandRegular,Arial, Helvetica, sans-serif; font-size:24px; box-shadow:-2px 2px 4px #000; white-space:nowrap; }
#menubar table { border-spacing:0px; border-collapse:collapse; }
#menubar td a	{ padding:1px 10px; text-decoration:none; color:#99CCFF; }
#menubar td:first-child a	{ padding-left:25px; border-radius:10px 0 0 20px;  }
#menubar td.aktiv a { background-color:rgba(0,0,0,0.2); color:#f00; }
#menubar td a:hover	{ color:#fff; text-shadow:0 0 10px #fff; }
#menubar td.inaktiv	{ padding:1px 10px; opacity:0.3 }
#menubar td.langsel { width:98%; text-align:right; }
#menubar td.langsel img	{ margin:3px 20px -3px 0; }

#content		{ clear:both; position:relative; padding-left:20px; }
#contable		{ width:100%; padding:0; border-spacing:0; border-collapse:collapse; }
#contable>tr>td	{ vertical-align:top; padding:20px; }
.pad20			{ padding:20px; }
.coltext		{ columns:300px 3; column-gap:40px; -moz-columns:300px 3; -moz-column-gap:40px; -webkit-columns:300px 3; -webkit-column-gap:40px; }
.col2text		{ columns:500px 2; column-gap:40px; -moz-columns:500px 2; -moz-column-gap:40px; -webkit-columns:500px 2; -webkit-column-gap:40px; }
.coltext p:first-child,
.col2text p:first-child		{ margin-top:0 }
div.keeptogether 			{ display:inline-block; width: 100%; }

/* Memberliste */
#mlist		{}
.mluser 	{ position:relative; height:80px; padding:0; cursor:pointer; }
.mluser .mluinfo		{ height:10px; font-size:9px; overflow:hidden; text-align:right; color:#39F; }
.mluser .mluhead 	{ background-color:#239; border:1px solid #239; border-right:0; border-radius:40px 0 0 20px; position:absolute; left:0; top:0; width:40px; height:60px; margin:10px 0 10px 0; box-shadow:-2px 2px 4px #000; transition:all 0.5s; -moz-transition:all 0.5s; -webkit-transition:all 0.5s; -o-transition:all 0.5s; vertical-align:bottom; text-align:right; font-size:18px; }
.mluser .mluhead img 	{ position:absolute; left:10px; bottom:10px; width:24px; height:24px; }
.mluser .mlushaft 	{ background-color:#239; border:1px solid #239; border-radius:20px 0 0 0; padding-left:15px; border-left:0; border-right:0; margin-left:20px; height:60px; overflow:hidden; box-shadow:-2px 2px 4px #000; transition:all 0.5s; -moz-transition:all 0.5s; -webkit-transition:all 0.5s; -o-transition:all 0.5s; }
.mluser .mlushaft img.mlustim	{ position:absolute; left:120px; top:-2px; width:50px; height:46px; }
.mluser.online .mluhead, .mluser.online .mlushaft	{ border-color:#0F0; box-shadow:-5px 0px 8px #0f0; }
.mluser:hover .mluhead 	{ background-color:#000; border-color:#fff; box-shadow:-2px 0 12px 3px #fff; }
.mluser:hover .mlushaft 	{ background-color:#000; border-color:#fff; box-shadow:-2px 0 12px 3px #fff;}
.mluser h3		{ margin:0;  }
.mluser .mlushaft table 	{ border-collapse:collapse; border-spacing:0; width:100%; }
.mluser .mlushaft table td 	{ padding:0 5px; height:60px; overflow:hidden; }
.mluser .mlufreund,
.mluser .mluspur 		{ width:40px; }
.mluser .mlutext 		{ width:auto; }
.mluser .mluaktiv 		{ width:82px; }
@media screen and (min-width: 1600px) {
	.mluser .mluhead 	{ left:40px; }
	.mluser .mlushaft 	{ margin-left:60px; }
	.mluser:hover .mluhead 	{ left:0; width:70px; height:76px; margin:2px 0 2px 10px; border-radius:60px 10px 20px 26px; }
	.mluser .mlushaft img.mlustim	{ left:120px; transition:all 0.5s; -moz-transition:all 0.5s; -webkit-transition:all 0.5s; -o-transition:all 0.5s; }
}
@media screen and (max-width: 999px) {
	.mluser				{ height:130px; }
	.mluser .mlushaft,
	.mluser .mluhead	{ height:110px; }
	.mluser .mlutext 	{ position:absolute; display:block; left:100px; top:68px;}
}
@media screen and (max-width: 640px) {
	.mluser .mlushaft,
	.mluser .mluhead	{ border-radius:0; }
	.mluser .mlufreund 	{ position:absolute; display:block; left:0; top:16px; width:32px; height:32px; z-index:10;}
	.mluser .mluspur 	{ position:absolute; display:block; left:0; top:50px; width:32px; height:32px; z-index:10;}
	.mluser .mlufreund img,
	.mluser .mluspur img 	{ width:32px; height:32px;}
}
@media screen and (max-width: 470px) {
	.mluser .mluaktiv 	{ display:none; }
}
/* Activity Log */
#activitylog			{ table-layout:fixed; }
#activitylog td:first-child { width:40px; vertical-align:top; }
.user_mic				{ position:relative; width:30px; height:40px; margin:2px; border:none !important; }
.user_mic img			{ width:30px; height:40px; border:solid 1px #ccc; border-radius:14px 4px 4px 4px; overflow:hidden; box-shadow:0px 1px 3px #000; }
.user_mic div			{ display:inline-block; width:30px; height:40px; border:solid 1px #ccc; border-radius:14px 4px 4px 4px; overflow:hidden; box-shadow:0px 1px 3px #000; }
.user_mic:hover img		{ border-color:#fff; box-shadow:0px 0px 8px #fff; }

#kommlist,#komminput	{ text-align:left;}
#kommlist tr td:first-child { width:40px; }
.kommentar				{ position:relative; margin:0 0 8px 9px; padding:5px; font-size:0.9em; display:block; border:1px solid #000; border-radius:8px; background:#CCC; color:#000; min-height:20px; }
.kommentar1				{ position:relative; margin:0 0 8px 9px; padding:5px; font-size:0.9em; display:block; border:1px solid #000; border-radius:8px; background:#FFF; color:#000; min-height:18px; }
.kommentar3				{ position:relative; margin:0 0 8px 9px; padding:5px; font-size:0.9em; display:block; border:1px solid #000; border-radius:8px; background:#aabffb; color:#000; min-height:18px; }
.kommentar img,.kommentar1 img,.kommentar2 img		{ margin:1px 0; vertical-align:middle; }
.kommentar>span:first-child		{ display:inline-block; width:10px; height:10px; margin:5px 5px 0 -15px; background:url(../imag/kommecke.png); }
.kommentar1>span:first-child	{ display:inline-block; width:10px; height:10px; margin:5px 5px 0 -15px; background:url(../imag/kommecke1.png); }
.kommentar3>span:first-child	{ display:inline-block; width:10px; height:10px; margin:5px 5px 0 -15px; background:url(../imag/kommecke3.png); }
.kommentarinput		{ margin:0 0 2px 0; padding:5px; font-size:0.9em; border:1px solid #000; border-radius:5px; background:#FFF; color:#000; resize:vertical; }
.kommteilen			{ font-family:sf_cartoonist_handregular, sans-serif; font-size:16px; }
.kommentar a			{ color:#00C; }
.kommentar a:visited	{ color:#009; }
.kommentar a:hover	{ color:#960; }
.kommentar a:active	{ color:#F00; }
.kommentar a[href*="kodel"] { border:0; }
.kodatum			{ position:absolute; right:10px; top:-12px; font-size:9px; color:#468; }
.kodel				{ float:right; width:16px; height:16px; cursor:pointer; opacity:0.5; }
.kodel:hover		{ opacity:1; }

/* Gallery */
.galtitel			{ clear:both; position:relative; height:auto; text-align:left; overflow:visible; background-color:rgba(255,255,255,0.1); padding:0 10px 5px 100px; margin:40px 0 10px 50px; border-radius:0 10px 10px 70px; }
.galtitelinfo		{ position:relative; margin:10px 0 0 20px; width:auto; height:auto; overflow:auto }
.galdias			{ width:140px; height:140px; background:url(../imag/galdias.png) top left no-repeat; padding:10px 0 0 10px; overflow:hidden; }
.galdias0			{ background-image:url(../imag/galdias1.png); }
.galdias1			{ background-image:url(../imag/galdias1.png); }
.galdias2			{ background-image:url(../imag/galdias2.png); }
.galdias3			{ background-image:url(../imag/galdias3.png); }
.galdias4			{ background-image:url(../imag/galdias4.png); }
.galtitel .galdias	{ position:absolute; left:-50px; top:-20px; }
.galdiaslist		{ width:140px; height:160px; background:url(../imag/galdias.png) top left no-repeat; padding:10px 0 0 10px; float:left; font-size:10px; overflow:hidden; }
.galinhalt			{ clear:both; padding-left:10px; margin-left:5px; padding-bottom:10px; margin-bottom:15px; }
.galdia				{ position:relative; width:100px; height:120px; padding:15px; background:url(../imag/galdia.png) top left no-repeat; float:left; overflow:hidden; }
.galvid				{ position:relative; width:100px; height:95px; padding:30px 15px 25px; background:url(../imag/galvid.png) top left no-repeat; float:left; overflow:hidden; }
.galdia>a>img		{ width:100px; height:100px; }
.galvid>a>img		{ width:100px; height:75px; margin-bottom:10px; }
.galdia p, .galvid p	{ text-align:center; font-size:10px }
.galbigpic			{ position:relative; margin:0 auto; height:auto; background:#fff top no-repeat; border:solid 10px #fff; box-shadow:2px 2px 10px #000; }
.galbigpic>a>img	{ display:block; }
.galbigpic p		{ margin:6px 0 0 0; font-size:12px; text-align:center; color:#000; }
.galbigpic p:empty	{ display:none; }
.galdiaedit .p1del, .galvidedit .p1del	{ vertical-align:bottom; cursor:pointer; }
.pedit				{ position:absolute; top:15px; left:15px; width:90px; height:16px; padding:5px; background-color:rgba(255,255,255,0.5); color:#333; font-size:11px; text-align:center; display:none; }
.galvid .pedit		{ top:30px; }
.pedit input		{ float:left; }
.pedit .p1del		{ width:16px; height:16px; float:right; cursor:pointer; }
.peditinfo			{ clear:both; margin:0 0 20px 30px; display:none; }
.editmode .editmodeswitch img { background-color:#FD0; box-shadow:0 0 5px 2px #FD0; }
.editmode .pedit,.editmode .peditinfo	{ display:block; }
.editmode img.xxx0,
.editmode img.xxx1 { outline:solid 5px #090 }
.editmode img.xxx3,
.editmode img.xxx4 { outline:solid 5px #C00 }

/* Animations */
@keyframes fadeinout { 0% { opacity:0;} 100% { opacity:1; } }
@-moz-keyframes fadeinout { 0% { opacity:0;} 100% { opacity:1; } }
@-webkit-keyframes fadeinout { 0% { opacity:0;} 100% { opacity:1; } }
@-o-keyframes fadeinout { 0% { opacity:0;} 100% { opacity:1; } }
.fadeinout		{ animation:fadeinout 5s alternate infinite; -moz-animation:fadeinout 5s alternate infinite; -webkit-animation:fadeinout 5s alternate infinite; -o-animation:fadeinout 5s alternate infinite; }
@keyframes blink { 0% { opacity:1;} 100% { opacity:0; } }
@-moz-keyframes blink { 0% { opacity:1;} 100% { opacity:0; } }
@-webkit-keyframes blink { 0% { opacity:1;} 100% { opacity:0; } }
@-o-keyframes blink { 0% { opacity:1;} 100% { opacity:0; } }
.blink			{ animation:blink 1s normal infinite; -moz-animation:blink 1s normal infinite; -webkit-animation:blink 1s normal infinite; -o-animation:blink 1s normal infinite; }


/* Navigation links */
#ui_nav				{ position:fixed; left:0; top:10px; width:55px; height:auto; padding:0px; font-size:10px; color:#000; text-align:center; z-index:900;}
#ui_nav .navbt		{ position:relative; width:180px; height:50px; margin-top:10px; margin-left:-132px; background-color:#777; border:solid 1px transparent; border-left:0; border-radius:0 15px 35px 0; overflow:hidden; box-shadow:1px 1px 4px #000; transition:all ease-out 0.4s; -moz-transition:all ease-out 0.4s; -webkit-transition:all ease-out 0.4s; -o-transition:all ease-out 0.4s; }
#ui_nav .navbt.aktiv	{ margin-left:-120px; border-color:#c00; background-color:#C00; box-shadow:1px 1px 12px 2px #f00; }
#ui_nav .navbt:hover	{ margin-left:-1px; border-color:#eee; background-color:#FFF; box-shadow:0px 0px 12px 2px #fff; }

/* Chatspalte rechts */
#ui_chat				{ display:table-cell; vertical-align:top; width:65px; min-height:100%; padding:0 6px; background:#cccccc url(/imag/bg/zinco01.jpg) top right; color:#000; text-align:center; box-shadow:-2px 0 5px #000; z-index:800;}
#ui_chat h3				{ margin:10px 0 0 0; color:#000; }
/* Info über neue Nachrichten */
#ui_unread 				{ position:fixed; top:0; right:0; width:40px; height:40px; padding:5px 18px 5px 19px; background:url(/imag/bg/zincotop.png) top right no-repeat; text-align:center; font-family:TrashHandRegular,"Arial Narrow", Gadget, sans-serif; font-size:20px; z-index:900;}
#ui_unread div			{ width:38px; height:30px; padding:8px 2px 0 0; background:url(/imag/chat_x.png); cursor:pointer; color:#000;  }
#ui_unread div.blink	{ background:url(/imag/chat_er.png); }
/* ich */
#ui_ich					{ margin-top:90px; }
#ui_ich .user_ic img#umystimm		{ position:absolute; right:-15px; top:-40px; width:50px; height:46px; cursor:pointer;}
/* Stimmungsbox */
#ui_stimm				{ position:absolute; top:20px; right:80px; width:290px; height:auto; border:outset 1px #999; border-radius:100px 0 0 20px; padding:0px 20px; background:#cccccc url(../imag/bg/zinco01.jpg) top right; text-align:right; font-size:13px; overflow:hidden; box-shadow:-2px 2px 5px #000; display:none; z-index:700; }
#ui_stimm h2			{ margin:10px 0 0 0; color:#000; }
#ui_stimm td			{ width:60px; font-size:12px; text-align:center; }
#ui_stimm td img		{ cursor:pointer; opacity:0.7; border-radius:5px; }
#ui_stimm td img:hover	{ opacity:1; }

/* aktive Userliste */
#ui_alist				{ }
.user_ic				{ position:relative; width:45px; height:60px; margin:8px 10px; float:left; cursor:pointer; }
.user_ic .umpic			{ position:relative; width:45px; height:60px; background:#CCC; background-position:center; border:solid 1px #666; border-radius:20px 5px 5px 5px; overflow:hidden; box-shadow:0px 1px 3px #000; cursor:pointer; }
.user_ic .umpic p		{ position:absolute; left:0; bottom:0; width:45px; height:14px; margin:0; overflow:hidden; background-color:rgba(0,0,0,0.7); font-size:9px; color:#FFFFFF; text-align:center; }
.user_ic .umpic.online	{ border-color:#0F0; box-shadow:0px 0px 8px #0f0; }
.user_ic:hover .umpic	{ border-color:#fff; box-shadow:0px 0px 8px #fff; }
.user_ic .urem			{ position:absolute; left:1px; top:1px; width:45px; height:60px; background:#666 url(../imag/delete48.png) center no-repeat; border-radius:20px 5px 5px 5px; overflow:hidden; opacity:0.5; display:none; }
.user_ic img.ubub		{ position:absolute; left:-6px; top:-4px; width:20px; height:20px; transition:all 0.2s; -moz-transition:all 0.2s; -webkit-transition:all 0.2s; -o-transition:all 0.2s; }
.user_ic img.uval		{ position:absolute; left:-6px; bottom:-6px; width:12px; height:12px; transition:all 0.2s; -moz-transition:all 0.2s; -webkit-transition:all 0.2s; -o-transition:all 0.2s;}
.user_ic img.uemo		{ position:absolute; right:-12px; top:5px; width:20px; height:20px; transition:all 0.2s; -moz-transition:all 0.2s; -webkit-transition:all 0.2s; -o-transition:all 0.2s;}
.user_ic img.ufrnd		{ position:absolute; right:-12px; bottom:-12px; width:20px; height:20px; transition:all 0.2s; -moz-transition:all 0.2s; -webkit-transition:all 0.2s; -o-transition:all 0.2s;}
.user_ic div.ububn		{ position:absolute; left:-26px; top:-22px; width:40px; height:40px; padding:9px 0; box-sizing:border-box; background:url(../imag/chat_er.png) no-repeat; color:#000; text-align:center;}
.user_ic:hover img.ubub	{ left:-26px; top:-22px; width:40px; height:40px; }
.user_ic:hover img.uval	{ left:-12px; bottom:-12px; width:24px; height:24px; }
.user_ic:hover img.uemo	{ right:-16px; top:0px; width:40px; height:40px; }
.user_ic:hover img.ufrnd	{ right:-16px; bottom:-20px; width:40px; height:40px; }
.user_ic:hover .urem	{ opacity:1; }
#ui_alistrem			{ clear:both; color:#444; font-size:0.9em; padding-top:5px; cursor:pointer; }
/* Funktionen */
#ui_func				{ font-family:TrashHandRegular,"Arial Narrow", Gadget, sans-serif; font-size:16px; }
#ui_func p a			{ display:block; padding:2px 0; border:1px solid #999; border-radius:3px; color:#444; }
#ui_func p a:hover		{ border-color:#000; color:#000; }
#ui_func div			{ margin:10px 0; }
/* Loginbox */
#ui_login				{ position:absolute; top:20px; right:80px; width:180px; height:auto; border:outset 1px #999; border-radius:20px 0 0 100px; padding:0px 20px; background:#cccccc url(../imag/bg/zinco01.jpg) top right; text-align:right; font-size:13px; overflow:hidden; box-shadow:-2px 2px 5px #000; display:none; z-index:700; }
#ui_login h2			{ margin:10px 0 0 0; color:#000; }
#ui_pwsend				{ display:none; }
/* Suggest */
.suggest				{ position:relative; }
.suggest ul				{ position:absolute; width:98%; height:auto; background-color:#ddd; border-radius:0 0 4px 4px; box-shadow:1px 1px 2px #000; color:#000; text-align:left; list-style-type:none; margin:0; padding:1px; overflow:hidden; z-index:1000; display:none; }
.suggest li				{ display:block; margin:0; padding:3px; font-size:12px; cursor:pointer; }
.suggest li.active		{ background-color:#039; color:#fff; }

/* Nachrichtenliste */
#msglist		{  }
#msglist .user_ic		{ margin:0 20px 0 0;}
#msglist .bub_er			{ position:relative; margin:0 60px 18px 19px; padding:5px; font-family:sf_cartoonist_handregular, sans-serif; font-size:16px; letter-spacing:1px; border:1px solid #000; border-radius:8px; background:#FFDD99; color:#000; min-height:18px; box-shadow:1px 1px 3px #000, 0 5px 5px #fff inset; }
#msglist .bub_er span:first-child	{ position:absolute; left:-12px; bottom:10px; width:12px; height:12px; background:url(../imag/bub_er.png); }
#msglist .bub_ich			{ position:relative; margin:0 29px 18px 50px; padding:5px; font-family:sf_cartoonist_handregular, sans-serif; font-size:16px; letter-spacing:1px; border:1px solid #000; border-radius:8px; background:#99DDFF; color:#000; min-height:18px; box-shadow:1px 1px 3px #000, 0 5px 5px #fff inset; }
#msglist .bub_ich span:first-child	{ position:absolute; right:-14px; bottom:10px; width:14px; height:12px; background:url(../imag/bub_ich.png); }
#msglist .bub_dat	{margin-left:20px; font-size:9px; color:#ccc; }
.bub_er .klammer, .bub_ich .klammer { position:absolute; right:20px; top:-5px; width:12px; height:32px; cursor:pointer; }
#msglist a	{ color:#009; }
#msglist a:hover	{ color:#00f; }
#msglist .ar0,#msglist .ar1:hover		{ width:16px; height:16px; background-image:url(/imag/unlocked1.png); cursor:pointer; }
#msglist .ar1,#msglist .ar0:hover		{ width:16px; height:16px; background-image:url(/imag/locked1.png); cursor:pointer; }

/* Fusszeile */
#footer	{ position:absolute; left:0; bottom:0; width:100%; font-size:11px; }
#footer>div { position:absolute; left:0; bottom:0; width:100%; background-color:#000; color:#FFFFFF; font-size:11px; }
#footer>div img { margin:0 20px 0 10px; float:left; }
#footer>div div { padding:2px 10px;}
#footer>div a { color:#9cf;}

/* Galerie */
.pdel				{ position:absolute; right:-2px; top:-2px; width:20px; height:20px; cursor:pointer; } 

/* FAQ */
.frage				{ font-family:sf_cartoonist_handregular, sans-serif; font-size:20px; font-style:italic; }
.antwort			{ margin-left:15px; }

/* Log */
ul.log			{ list-style-type:none; margin:0 0 10px 5px; font-style:italic; }
ul.log li		{ margin-left:0; padding:2px 0 2px 30px; min-height:16px; }
ul.log li.info	{ background:url(../imag/info20.png) top left no-repeat; font-weight:bold; }
ul.log li.tip	{ background:url(../imag/tip.png) top left no-repeat; font-weight:bold; }
ul.log li.done	{ background:url(../imag/done.png) top left no-repeat; color:#0C0; font-weight:bold; }
ul.log li.alert	{ background:url(../imag/alert.png) top left no-repeat; color:#Fc0; font-weight:bold; }
ul.log li.alertbig	{ margin-left:-13px; padding-left:56px; background:url(../imag/alert48.png) top left no-repeat; color:#Fc0; font-weight:bold; }
ul.log li.error	{ background:url(../imag/error.png) top left no-repeat; color:#F00; font-weight:bold; }

/* Popup-Abfragen */
.popup			{ display:none; position:fixed; left:50%; top:30%; height:30%; width:400px; height:auto; margin-left:-215px; padding:15px 25px; background:#cccccc url(/imag/bg/zinco01.jpg) top right; color:#000; box-shadow:2px 0 8px #000; z-index:9999; }

/* FB */
#u_0_0 {
    width: 100% !important;
}
.fb-like.fb_iframe_widget, .fb-like.fb_iframe_widget > span, .fb-like.fb_iframe_widget > span > iframe {
    width: 100% !important;
}
/* Allgemein */
.bgwarn				{ background-image:url(../imag/bg_warn.gif); }
.bg0				{ background-color:rgba(0,0,0,0.2); }
.bfull				{ width:100%; box-sizing:border-box; -moz-box-sizing:border-box; -webkit-box-sizing:border-box; }
img.bfull			{ height:auto; }
.tab0				{ border-collapse:collapse; border-spacing:0; }
.tab2				{ border-collapse:separate; }
.tab2 td			{ padding:2px; }
.hoverglow:hover	{ box-shadow:0 0 10px #FFF; cursor:pointer; }
.glow				{ box-shadow:0 0 10px #F00 !important; }
.bold				{ font-weight:bold; }
.tcenter			{ text-align:center; }
.tleft				{ text-align:left; }
.tright				{ text-align:right; }
.vtop				{ vertical-align:top; }
.vbottom			{ vertical-align:bottom; }
.te					{ color:#F00 !important; }
.tw					{ color:#FFF }
.tg					{ color:#0F0 }
.to					{ color:#F90 }
.isave				{ color:#090; font-weight:bold; }
.gold				{ color:#fff544 }
.big				{ font-size:1.25em !important; }
.small				{ font-size:0.8em; }
.clear				{ clear:both; }
.nowrap				{ white-space:nowrap; }
.i					{ background:rgba(255,255,255,0.5); border:inset 1px #CCC; border-radius:3px; color:#003; }
.i:hover,.i:focus 	{ background:#FFF; color:#00C; }

.linkzeile			{ clear:both; padding:15px 0; text-align:center; font-weight:bold; }
.linkzeile a		{ border:solid 1px rgba(153,204,255,1); color:#9CF; padding:2px 4px; }
.linkzeile a:hover	{ background:rgba(153,204,255,1); border:0; padding:3px 5px; color:#000; }
.linkzeile span.aktiv { background:rgba(255,0,0,0.8); color:#000; padding:3px 5px; }
.font0				{ font-family:Arial, Helvetica, sans-serif; }

@media screen and (min-height: 610px) {
}
@media screen and (max-width: 999px) {
	#container		{ background-image:none !important; }
	#topad			{ width:calc(100vw - 250px); max-width:728px; }
	#contable,#contable>tbody>tr,#contable>tbody>tr>td		{ display:block; width:100% !important; box-sizing:border-box; }
	#menubar		{ white-space:normal; text-align:center; box-shadow:none; }
	#menubar table	{ display:block; }
	#menubar tr		{ display:flex; flex-wrap:wrap; }
	#menubar td		{ display:block; flex:1 1 auto; }
	#menubar td.aktiv a	{ background-color:transparent; }
	#menubar td.langsel { width:auto; }
}
@media screen and (max-width: 640px) {
	#container2		{ padding-left:0; }
	#navtoggle 		{ display:block; transition:background-position 0.5s, background-color 0.5s; -webkit-transition:background-position 0.5s, background-color 0.5s; }
	#gblogo 		{ margin-left:60px; width:192px; height:60px; }
	#ui_nav 		{ top:0; width:200px; height:100%; margin-left:-200px; overflow-y:auto; z-index:900; color:#CCC; font-size:1.2em; transition:margin-left 0.5s; -webkit-transition:margin-left 0.5s; }
	.navmode #ui_nav 	{ margin-left:0;  }
	.navmode #ui_nav .navbt		{ margin-left:-10px; }
	.navmode #navtoggle	{ position:fixed; top:0; left:0; width:100%; height:100%; background-color:rgba(30,30,30,0.7); background-position:190px 0px; }
	#gbheader		{ height:auto; }
	#toptitle		{ position:relative; top:0; text-align:right; }
	#topad			{ width:calc(100vw - 95px); margin:0 0 20px 0; padding:0; border-radius:0; }
	#coverboy		{ display:none; }
	#menubar,#menubar td:first-child a		{ border-radius:0; }
	#content		{ padding-left:0; }
	#contable>tbody>tr>td.pad20		{ padding:20px 10px; overflow:hidden; }
	#msglist .bub_er	{ margin:0 40px 18px 0; }
	#msglist .bub_ich	{ margin:0 9px 18px 30px; }
}
@media screen and (max-width: 400px) {
	#ui_chat		{ position:fixed; display:block; top:0; right:0; width:130px; min-height:100%; overflow:auto; }
	body:not(.usrmode) #ui_chat		{ display:none !important; }
	#usrtoggle		{ display:block; }
	.usrmode #usrtoggle		{ right:145px; }
	#topad			{ width:100vw; margin:0 0 20px 0; }
}
@media screen and (min-width: 1000px) {
	body			{ font-size:14px; }
	#ui_chat 		{ width:130px; }
	#ui_login, #ui_stimm { right:145px; }
	#ui_ich .user_ic img#umystimm		{ right:-47px; top:-22px }
	#ui_func		{ font-size:20px; }
}
@media screen and (min-width: 1600px) {
	body			{ font-size:15px; }
	#ui_chat 		{ width:195px; }
	#ui_login, #ui_stimm { right:210px; }
	#ui_func		{ font-size:24px; }
}
@media print {
	body				{ background:#fff; color:#000;}
	#container			{ background:#fff; background-image:none !important; }
	#container2 		{ padding:0; }
	#ui_nav, #ui_chat	{ display:none; }
	h1,h2,h3,h4,div,ul,ol,li,p { color:#000; }
	#menubar			{ border:solid 1px #999; }
}