/*> Infopanel-Fenster *************************************/
	.infoPannel {
		position: absolute;
		background-color: infobackground;
		border: 1px solid #000000;
		font-size: 11px;
		padding: 4px;
		display: none;
		text-align: left;
		z-index: 5;
	}



/*> itemTab *******************************************/
	.itemTab{
		border: 1px dotted;
		border-color: #CCCCCC;
	}
	.itemTab caption{
		padding: 4px 6px;
		background-color: #EFEFEF;
		color: #333333;
		font-weight: bold;
		text-align: left;
		margin-bottom: 1px;
		white-space: nowrap;
		border-radius-top: 5px;
	}
	.itemTab td, .itemTab th{
		padding: 3px;
		padding-top: 6px;
		padding-bottom: 6px;
		border-top: 1px dotted;
		border-color: #CCCCCC;
		text-align: left;
	}
	.itemTab tr:hover{
		background-color: #F9F9F9;
	}
	.itemTab.withoutHover tr:hover {
		background-color: transparent;
	}



/*> contentTab ****************************************/
	.contentTab{
		border-collapse:separate;
		border-spacing:4px;
		border:1px solid #C0C0C0;
		background-color:#F4F4F4;
	}
	
	.contentTab .inhalt, .kom-text{
		background-color: #FFFFFF;
	}
	
	.contentTab .bewertung{
		text-align: center;
	}
	.contentTab .bewertung label{
		margin: 0px 6px;
	}



/*> rundTab *******************************************/
	.rundTab{
		width: 750px;
		margin-left: 22px;
	}
	.rundTab td{
		padding: 0px;
	}
	.rundTab .titel{
		font-size: 20px;
		font-weight: bold;
		vertical-align: top;
		padding: 9px 0px 6px 11px;
		background-color: #EFEFEF;
		background-image: url('../design/0/rund/obenlinks.png');
		background-position: top left;
		background-repeat: no-repeat;
		height: 38px;
		color: #444444;
	}
	.rundTab .pic{
		background-image: url('../design/0/rund/pic.png');
		background-repeat: no-repeat;
		background-position: top right;
		width: 72px;
		vertical-align: top;
		text-align: right;
	}
	.rundTab .pic{
		background-image: url('../design/0/rund/pic.png');
		background-repeat: no-repeat;
		background-position: top right;
		width: 72px;
		vertical-align: top;
	}
	.rundTab .pic .avatar{
		margin: 7px;
		width: 52px;
		height: 52px;
		padding: 0px;
		background-position: 1px 1px;
		background-repeat: no-repeat;
	}
	.rundTab .pic .options{
		margin-top: 20px;
		text-align: center;
	}
	.rundTab .pic .options a:link,
	.rundTab .pic .options a:visited{
		display: block;
		margin: 15px auto;
		opacity: 0.3;
	}
	.rundTab .pic .options a.aboniert,
	.rundTab .pic .options a:hover{
		opacity: 1;
	}
	.rundTab .pic .avatar .over{
		background-image: url('../design/0/rund/overpic.png');
		background-position: top left;
		background-repeat: no-repeat;
		width: 52px;
		height: 52px;
	}
	.rundTab .inhalt{
		background-color: #EFEFEF;
		vertical-align: top;
		padding: 0px 8px;
	}
	.rundTab .inhalt div{
		background-color: #FFFFFF;
		padding: 4px 8px;
		border-radius: 10px;
		height: auto !important;
		min-height: 150px;
		height: 150px;
		font-size: 14px;
	}
	.rundTab .buch div {
		font-size: 13px;
		line-height: 1.4;
		word-spacing: 1.5;
		min-height: auto;
	}
	.rundTab .buch #zeilennummern {
		font-size: 13px;
		background-color: #FAFAFA;
		color: #CCCCCC;
		font-weight: bold;
		float: left;
		text-align: right;
		border-radius-left: 10px;
		border-right: 1px solid #F4F4F4;
		padding: 4px 8px;
		padding-right: 6px;
		margin: 0px;
		margin-right: 4px;
		overflow: hidden;
		line-height: 1.4;
	}
	
	.rundTab .buch div .smilie{
		vertical-align: bottom;
		margin: -2px 0px;
	}
	.rundTab .kategorie{
		background-color: #EFEFEF;
		background-image: url('../design/0/rund/untenlinks.png');
		background-repeat: no-repeat;
		background-position: bottom left;
		font-size: 12px;
		padding: 3px 20px;
	}
	.rundTab .datum{
		background-color: #EFEFEF;
		background-image: url('../design/0/rund/untenrechts.png');
		background-repeat: no-repeat;
		background-position: bottom right;
		text-align: right;
		font-size: 12px;
		padding: 3px 20px;
	}
	
	.rundTab.kommentar{
		margin-top: 10px;
		width: 678px;
	}
	.rundTab.kommentar .pic{
		background-image: url('../design/0/rund/kompic.png');
		background-position: top left;
	}
	.rundTab.kommentar .pic .avatar{
		margin: 7px 0 7px 14px;
	}
	.rundTab.kommentar .inhalt{
		background-image: url('../design/0/rund/obenrechts.png');
		background-position: top right;
		background-repeat: no-repeat;
	}
	.rundTab.kommentar .inhalt div{
		height: auto !important;
		min-height: 67px;
		height: 67px;
		margin-top: 5px;
	}
	.rundTab.kommentar .inhalt div table{
		width: 100%;
	}
	.rundTab.kommentar .inhalt div td{
		display: block;
		height: auto !important;
		min-height: 57px;
		height: 57px;
		vertical-align: top;
	}
	.rundTab .komOptions{
		text-align: right;
		vertical-align: bottom;
	}
	.rundTab .komOptions a{
		margin-left: 3px;
	}
	.rundTab.kommentar .datum,
	.rundTab.kommentar .kategorie{
		font-size: 10px;
	}
	
	.rundTab.kommentar.neu .kategorie{
		background-color: #FAF2E3;
		background-image: url('../design/0/rund/neu_untenlinks.png');
	}
	.rundTab.kommentar.neu .datum{
		background-color: #FAF2E3;
		background-image: url('../design/0/rund/neu_untenrechts.png');
	}
	.rundTab.kommentar.neu .pic{
		background-image: url('../design/0/rund/neu_kompic.png');
	}
	.rundTab.kommentar.neu .pic .avatar .over{
		background-image: url('../design/0/rund/neu_overpic.png');
	}
	.rundTab.kommentar.neu .inhalt{
		background-color: #FAF2E3;
		background-image: url('../design/0/rund/neu_obenrechts.png');
	}
	.rundTab.kommentar.neu .inhalt div{
		border: 1px solid #FFD7AE;
		padding: 3px 7px;
	}
	
	.rundTab.meldung{
		background-color: #EFEFEF;
		border-radius: 20px;
		background-image: url('../gfx/48/forbidden.png');
		background-position: 10px 10px;
		background-repeat: no-repeat;
		padding: 13px 0px 13px 50px;
		width: 630px;
		color: #999999;
		font-size: 14pt;
		text-align: left;
	}
	.rundTab.meldung b{
		display: block;
	}
	.rundTab.kommentar.geloescht{
		opacity: 0.4;
		filter: alpha(opacity=40);
	}



/*> einWin, eingabe Formulare *************************************/
	.einWin{
		border: 1px solid #AAAAAA;
		background-color: #F4F4F4;
		width: 600px;
		margin-top: 30px;
	}
	.einWin th{
		width: 130px;
		text-align: left;
		padding: 5px;
	}
	.einWin td{
		width: 470px;
		padding: 4px;
		padding-right: 3px;
	}
	.einWin th.feld{
		font-weight: bold;
		padding-top: 15px;
		padding-bottom: 0px;
		width: auto;
	}
	.einWin td input,
	.einWin td.feld textarea{
		border-right: 0px none;
		border-left: 1px solid #BBBBBB;
		border-bottom: 1px solid #BBBBBB;
		border-top: 1px solid #DEDEDE;
		width: 100%;
	}
	.einWin td input:focus,
	.einWin td.feld textarea:focus{
		background-image: none;
		background-color: #FFFFFF;
		border-right: 0px none;
		border-left: 1px solid #BBBBBB;
		border-bottom: 1px solid #BBBBBB;
		border-top: 1px solid #DEDEDE;
	}
	.einWin td.feld textarea{
		padding: 5px;
		height: 180px;
	}
	.einWin td button{
		padding: 0px;
		margin: 1px;
		height: 24px;
		width: 24px;
	}
	.einWin td button img{
		margin: 0px;
		position:relative;
		left: -1px;
		top: -1px;
	}
	.einWin .checkbox{
		width:auto;
		margin-right:4px;
		border: 0px none;
	}
	#bcc_details{
		display: none;
	}



/*> miniprofil **************************************/
	.infoPannel.miniprofil{
		width: 218px;
		height: 110px;
		overflow: hidden;
		background-color: transparent;
		border: 0px none;
		padding: 0px;
	}
	.miniprofil .bg{
		width: 100%;
	}
	.miniprofil .bg .sta0{
		background-image: url('../design/0/offline.png');
	}
	.miniprofil .bg .sta1{
		background-image: url('../design/0/inaktiv.png');
	}
	.miniprofil .bg .sta2{
		background-image: url('../design/0/online.png');
	}
	.miniprofil .bg th{
		background-position: top left;
		background-repeat: no-repeat;
		height: 110px;
	}
	.miniprofil .bg td{
		background-position: top right;
		background-repeat: no-repeat;
		height: 110px;
	}
	.miniprofil .inhalt{
		position: relative;
		top: -110px;
		width: 100%;
	}
	.miniprofil .inhalt .nickname{
		font-weight: bold;
		padding-top: 6px;
		padding-left: 8px;
		white-space: nowrap;
	}
	.miniprofil .inhalt .offTime{
		text-align: right;
		padding: 5px 12px 0px 10px;
		color: #999999;
		white-space: nowrap;
	}
	.miniprofil .inhalt .moreInfos{
		padding: 2px 12px 0px 8px;
	}
	.miniprofil .inhalt .moreInfos img{
		float: left;
	}
	.miniprofil .inhalt .moreInfos div{
		white-space: nowrap;
	}
	.miniprofil .inhalt .moreInfos .points{
		height: 50px;
		margin-bottom: 3px;
		border-bottom: 1px dotted #EFEFEF;
	}
	.miniprofil .inhalt .moreInfos .points u.icon{
		padding-left: 12px;
		background-position: -2px 0px !important;
		background-position: -5px 0px;
		font-size: 12px;
	}
	.miniprofil .inhalt .moreInfos .points u.miniPSM{
		line-height: 2;
		font-size: 10px;
		padding-left: 3px;
		width: 145px;
		overflow: hidden;
		display: inline-block;
	}
	.miniprofil .inhalt .moreInfos div.icons{
		height: 18px;
		overflow: hidden;
	}
	.miniprofil .inhalt .moreInfos .icons img{
		margin-left: 3px;
		margin-top: 2px;
	}



/*> Shoutbox *******************************************/
	.sb_entry{
		width: 97%;
		margin: 6px auto 0px auto;
	}
	.sb_entry th{
		height: 17px;
		font-size: 10px;
		font-weight: normal;
		color: #666666;
		background-color: #EFEFEF;
		text-align: left;
		padding: 1px 1px 1px 5px;
		height: 17px;
		border-radius-left: 6px;
	}
	.sb_entry td.text{
		padding: 4px;
	}
	.sb_entry .text a{
		word-wrap: break-word;
	}
	.sb_entry .bild{
		padding: 0px;
		width: 50px;
	}
	.sb_entry .bild .avatar{
		margin-left: 11px;
		margin-top: 2px;
		border: 0px none;
		width: 50px;
		height: 50px;
		text-align: center;
		vertical-align: middle;
		overflow: hidden;
	}
	.sb_entry .bild .avatar img{
		margin: auto;
	}
	.sb_entry .bild .skin{
		height: 60px;
		width: 65px;
		border: 0px none;
		background-image: url("alle/shoutbox_avatar.png");
		position: relative;
		margin-top: -55px;
		overflow: hidden;
	}
	#moreShouts hr{
		border: 1px dashed #EFEFEF;
		margin-bottom: 9px;
	}


/*> Songbewertung für Items *****************************/
	.songrate{
		background-image: url('../design/0/songrate.png');
		background-repeat: no-repeat;
		background-position: right;
		height: 10px;
		width:  11px;
		float: right;
		overflow: hidden;
	}
	

/*> zup Icons ********************************************/
	.zup .buch .icon{		background-image: url(icon[book_new]);		}
	.zup .gallery .icon{	background-image: url(icon[new_foto]);		}
	.zup .diary .icon{		background-image: url(icon[diary]);			}
	.zup .bild .icon{		background-image: url(icon[profilbild]);	}
	.zup .item .icon{		background-image: url(icon[item_neu]);		}
	.zup .ecard .icon{		background-image: url(icon[ecard]);			}
	.zup .bKom .icon{		background-image: url(icon[book_comment]);	}
	.zup .fKom .icon{		background-image: url(icon[foto_comment]);	}
	.zup .tKom .icon{		background-image: url(icon[diary_comment]);	}
	.zup .pKom .icon{		background-image: url(icon[profil_comment]);}
	.zup .fav  .icon{		background-image: url(icon[favs]);			}
	.zup .myPage .icon{		background-image: url(icon[page_edit]);		}
	.zup .rangUp .icon{		background-image: url(icon[rang_up]);		}
	.zup .frei .icon{		background-image: url(icon[freigeben]); 	}
	.zup .profile .icon{	background-image: url(icon[profil_free]);	}
	.zup .akt .icon{		background-image: url(icon[aktion]);	  	}
	.zup .psm .icon{		background-image: url(icon[psm]);		  	}
	.zup .hs  .icon{		background-image: url(icon[pokal]);		  	}


/*> PSM ***************************************************/
	span.psm{
		color: #999999;
		cursor: default;
	}


/*> Rechtsklickmenu ****************************************/
	.infoPannel.contextmenu{
		box-shadow: 2px 2px 4px #666666;
		background-color: ButtonFace;
		border-color: ButtonShadow;
		padding: 2px;
		width: 180px;
	}
	.contextmenu hr{
		width: 100%;
		border: 0px none;
		border-top: 1px solid threedlightshadow;
		border-bottom: 1px solid ButtonHighlight;
		padding: 0px;
		margin: 0px;
		margin-bottom: 3px;
		margin-top: 4px;
	}
	.contextmenu a:link,
	.contextmenu a:visited,
	.contextmenu a:hover{
		display: block;
		color: ButtonText;
		padding: 2px;
		padding-left: 25px;
		font-family: Arial;
		font-size: 12px;
		background-position: 3px center;
	}
	.contextmenu a:hover{
		text-decoration: none;
		color: ButtonHighlight;
		background-color: highlight;
	}
	.contextmenu img{
		margin-right: 4px;
	}
	
/*> Textarea Counter *******************************************/
	div.textarea_count{
		position: absolute;
		border: 1px inset highlight;
		border-radius-topright: 2px;
		border-radius-bottomright: 2px;
		border-left: 0px none;
		background-color: #FFFFFF;
		font-family: Arial, Helvetica, sans-serif;
		font-size: 10pt;
		text-align: center;
		padding: 1px 4px;
		cursor: help;
		width: 25px;
		box-shadow: 1px 1px 6px #FFFFFF;
	}
	
/*> IMG-Tag Bilder begrenzen ***********************************/
	img.imgTag{
		max-width: 500px;
	}
	
/*> Blende für PopUp *******************************************/
	.blende, #blende{
		display: none;
		position: fixed !important;
		position: absolute;
		background-image: url('alle/schatten.png');
		top: 0px;
		left: 0px;
		width: 100%;
		height: 100%;
		z-index: 98;
	}
	#blende .popup{
		position: absolute;
		top: 40%;
		left: 50%;
		z-index: 99;
		background-color: #FFFFFF;
		border-radius: 15px;
		padding: 10px;
		box-shadow: 0 0 25px #000000;
	}
	
/*> Warten auf Ajax-Request ************************************/
	body.ajaxwait{
		cursor: wait !important;
		cursor: wait;
	}
	body.ajaxwait a,
	body.ajaxwait button,
	body.ajaxwait img,
	body.ajaxwait td,
	body.ajaxwait th{
		cursor: progress !important;
		cursor: progress;
	}



/*> Nick Vorschlag div ******************************************/
	.nick_vorschlaege{
		display: none;
		position: absolute;
		width: 150px;
		border: 1px solid #CCCCCC;
		background-color: #FFFFFF;
		box-shadow: 2px 2px 5px #999999;
		z-index: 2;
		margin-top: -1px;
		margin-left: -3px;
		padding: 0px 1px;
	}
	.nick_vorschlaege a{
		display: block;
		margin: 1px 0px;
		padding: 1px 5px;
	}
	.nick_vorschlaege a.hover{
		background-color: highlight;
		color: highlighttext;
		cursor: pointer;
	}



/*> MozStil Eingabefeld *******************************************/
	input.mozField{
		background-position: 3px center;
		padding: 2px;
		padding-left: 23px;
		background-repeat: no-repeat;
		border: 1px solid threedlightshadow;
		border-top-color: threedshadow;
		-moz-border-radius: 2px;
	}
	input.mozField:hover,
	input.mozField:focus{
		border-color: #B7D9ED;
		border-top-color: #3D7BAD;
	}



/*> Grußkarten kaufen *********************************************/

	.ecards_view .cards{
		border: 1px solid #CCCCCC;
		-moz-border-radius-topleft: 20px;
		-moz-border-radius-bottomleft: 20px;
		overflow: auto;
		width: 593px;
		height: 548px;
		background-color: #FFFFFF;
		padding: 5px;
	}
	#ecards_container div{
		float: left;
		border: 1px solid #EFEFEF;
		-moz-border-radius: 10px;
		margin: 5px;
		width: 180px;
		cursor: default;
	}
	#ecards_container div p{
		height: 120px;
		width: 120px;
		overflow: hidden;
		text-align: center;
		vertical-align: middle;
		background-color: #F4F4F4;
		-moz-border-radius: 5px;
		margin: auto;
		padding: 5px;
	}
	#ecards_container div p img{
		margin: auto;
		cursor: -moz-zoom-in !important;
		cursor: pointer;
	}
	#ecards_container div h1{
		margin: 2px 0px 8px 0px;
		font-size: 13pt;
		color: #666666;
		padding: 2px 6px;
		border-bottom: 1px dashed #EFEFEF;
		white-space: nowrap;
		overflow: hidden;
		width: 162px;
	}
	#ecards_container div table{
		margin: 6px;
		font-size: 11px;
		color: #666666;
	}
	#ecards_container div td{
		padding-left: 5px;
	}
	#ecards_container div h2{
		background-image: url('alle/preisschild.png');
		background-repeat: no-repeat;
		background-position: right center;
		text-align: right;
		margin-right: 5px;
		margin-top: -25px;
		color: #999999;
		padding: 5px 11px 10px 0px;
		font-style: italic;
		position: relative;
	}
	#ecards_container div h2 i{
		font-style: normal;
	}
	#ecards_container div:hover{
		background-color: #F4F4F4;
	}
	#ecards_container div:hover p{
		background-color: #FAFAFA;
		border: 1px solid #FFFFFF;
		padding: 4px;
	}
	#ecards_container div:hover h2{
		color: #444444;
	}
	
	.ecards_view{
		margin: auto;
	}
	.ecards_view td{
		vertical-align: top;
	}
	.ecards_view .kategorien{
		padding-left: 4px;
	}
	.ecards_view .kategorien a{
		display: block;
		margin-bottom: 4px;
		color: #999999;
	}
	.ecards_view .kategorien a span{
		display: inline-block !important;
		display: inline;
		width: 25px;
		text-align: center;
	}
	.ecards_view .kategorien a:hover{
		color: #333333;
	}
	.ecards_view .kategorien a.open{
		color: #000000;
		font-weight: bold;
	}
	.ecards_view .kategorien a.open span{
		font-weight: normal;
	}
	.ecards_view .kategorien h1{
		margin: 6px 0px;
		font-size: 14pt;
		color: #000000;
		border-bottom: 2px solid #999999;
		padding-bottom: 4px;
		padding-right: 10px;
		opacity: 0.7;
	}
	#ecard_preview{
		margin: auto;
		width: 400px;
	}
	#ecard_preview h1{
		margin-top: 35px;
		margin-bottom: 4px;
	}
	#ecard_preview img{
		cursor: pointer;
	}
	#ecard_preview form{
		margin-top: 10px;
		margin-bottom: 20px;
	}
	#ecard_kauf{
		float: right;
	}



/*> Video Link & Box unter StadtinfoHilfe **************************/
	a.video:link, a.video:visited{
		background-image: url('../gfx/16/video.png');
		background-repeat: no-repeat;
		background-position: left;
		padding-left: 18px;
	}
	
	#videoBox, #reloaderAlert{
		position: absolute;
		background-image: url('../hilfe/schatten.png');
		width: 100%;
		height: 100%;
		top: 0px;
		left: 0px;
		padding-top: 30px;
		z-index: 6;
		display: none;
	}
	div[id="reloaderAlert"]{
		position: fixed !important;
	}
	#videoBox table{
		font-family: Verdana;
		border-collapse: collapse;
		width: 600px;
		border: 1px solid #000000;
		border-bottom: 0px none;
	}
	#videoBox th{
		text-align: left;
		height: 19px;
		background-image: url('../hilfe/vTitel.png');
		background-repeat: repeat-x;
		background-position: top;
		font-size: 10px;
		padding-left: 5px;
	}
	#player{
		background-color: #000000;
		padding: 10px 0px 0px 0px;
	}



/*> Speedmail ******************************************************/
	form.speedmail table{
		border-collapse: separate;
		border-spacing:4px;
	}
	form.speedmail th{
		text-align: left;
		padding-right: 10px;
		vertical-align: top;
	}
	form.speedmail textarea{
		width: 300px;
		height: 100px;
	}