/**
 * Default CSS
 
 schrift:
 grau:#F7F7F7
 grau dunkler:#e5e5e5 
 dunkelgrau:#666;
 dunkelgraue schrift: #555555
 blau:#09f
 border: #ccc
 
 dunkelrot: #CC0000
 gelb: #FF9
 
 
 
 *
 */
 
 
 /*
	
	 blau:#09f
	 
	F05980 pink
	0FA66E grün
	F2EEDF grau
	F28620 orange
	DA4D31 rot
	
	dunkelrot: #CC0000
 gelb: #FF9
	
	669933
	0FA66E
	#096;
	*/


/*******************************
	view
********************************/

/* sprechblase */
.bobble {
  position: relative;
  border: 1px solid #ccc;
  margin:auto;
  margin-top:15px; 
  text-align: left;
  background-color: #fff;
  font-size:12px;
}
.bobbleinner {
	padding: 5px;
}
.bobblefooter {
	background-color:#F7F7F7;
	padding: 5px;
	border-top-width: 1px;
	border-top-style: solid;
	border-top-color: #CCC;
	overflow:hidden;
}
/* Sprechpfeil */
.bobble:before {
	content: ' ';
  	position: absolute;
	width: 0;
  	height: 0;
	left: 23px;
	top: -20px;
	border: 10px solid;
	border-color: transparent transparent #ccc transparent;
}

.bobble:after {
	content: ' ';
	position: absolute;
	width: 0;
	height: 0;
	left: 24px;
	top: -18px;
	border: 9px solid;
	border-color: transparent transparent #fff transparent;
}
#f_pin {
	clear:both;
	padding: 5px 5px 5px 5px;	
	font-size: 14px;
}
#pinnwand {
	
}
.pinn {
	/*margin-top:15px;*/
	padding-top:5px;
	padding-bottom:10px;
}	
.pinn_event {
	padding-left:5px;
	padding-top:5px;
	/*padding-bottom:10px;
	background-color:#FFFFFF;*/
}	
.pinn_inner {
	/*margin-top:10px;*/	
}
.p_inner {
	border: 1px solid #ccc;
	border-bottom: 2px solid #D7D7D7;
	/*background-color:#69F;*/
	margin-left:40px;
	background-color:#FFFFFF;
	-webkit-box-shadow: 0 1px 1px rgba(0, 0, 0, 0.45);
	-moz-box-shadow: 0 1px 1px rgba(0, 0, 0, 0.45);
	box-shadow: 0 1px 1px rgba(0, 0, 0, 0.45);
}
.p_inner_event {
	/*border: 1px solid #ccc;*/
	margin-left:40px;
	background-color:#FFFFFF;
	padding:3px;
}
.p_inner_inner {
	margin-left:40px;
	background-color:#FFFFFF;	
}
.p_header {
	padding-top:4px;
	padding-right:5px;
	overflow:auto;
	height:24px;
	/*
	background-color:#F90;
	*/
}
.editable .p_header {
	padding-right:0px;
}
.editable .p_head {
	padding-left:0px;
}
.p_icon {
	float:left;
	width:30px;
	height:30px;
	margin-right:2px;
	margin-top:0px;
}
.p_head {
	float:left;
	padding-left:8px;
	margin-right:50px;
}
.p_head, .p_head a.n {
	color:#666666;
	font-weight:bold;
	font-size:12px;
}
.p_head span.d {
	color:#B6B6B6;
	font-size:10px;
	font-weight:normal;
	margin-left:15px;
}
.p_content {
	/*clear:both;*/
	padding:10px;
	padding-top:0px;
	/*background-color:#69F;*/	
	overflow:hidden;
	word-wrap: break-word;
}
.p_content_inner {
	/*clear:both;*/
	padding:10px;
	padding-top:0px;
	padding-left:0px;
	/*background-color:#69F;*/	
	overflow:hidden;
	
}
.editable .p_content {
	padding:0px;
}
.p_addKomment {
	clear:both;
	margin-left:40px;	
	/*background-color:#696;*/
	border: 1px solid #ccc;
	margin-top: -1px;
	padding:10px;
	padding-right:0px;
	background-color:#FFFFFF;	
}
.pinURL {
	margin-top:8px;
	padding-left:25px;
	padding-top:3px;
	font-size:12px;
	height:18px;
	background: url(inc/graphics/icons/18/link.gif) no-repeat 0 0 transparent;
}
.pinBild {
	margin-top:8px;
	overflow:hidden;
}
.pinBild img {
	max-width:385px;
}
.pinKommentarIcon {
	
}
.kommentar,.pinnpost {
	font-family:Arial, Helvetica, sans-serif;
	font-size: 14px;
}
.pinKommentarText {
	float:left;
	width:340px;
}
.pinKommentarButton2{
	float:right;
	margin-right:5px;
	border: 1px solid #ccc;
}
.pinKommentarButton2:hover{
	border: 1px solid #09f;
}
.pinEditText,.pinEditText_inner {
	float:left;
}
.pinn .kommentar {
	background:#fff;
}
.pinn:hover .kommentar {
	border-color:#ccc; /* BDC7D8 */
	background-color:#F9F9F9;
}
.b_pin {
	float:right;
	margin-top:1px;
	margin-left:5px;
	width:50px;
	height:22px;
	font-size: 11px;
	border: 1px solid #ccc;
}
.b_pinUrl {
	float:left;
	width:22px;
	height:22px;
	border: 1px solid #ccc;
	background: url(inc/graphics/icons/18/link.gif) no-repeat 1px 1px transparent;
}
.b_pinBild {
	float:left;
	margin-left:5px;
	width:22px;
	height:22px;
	border: 1px solid #ccc;
	background: url(inc/graphics/icons/18/fotos.gif) no-repeat 1px 1px transparent;
}
.b_pinSpiel {
	float:left;
	margin-left:5px;
	width:22px;
	height:22px;
	border: 1px solid #ccc;
	background: url(inc/graphics/icons/18/karten.gif) no-repeat 1px 1px transparent;
}
.b_pinKarten {
	float:left;
	margin-left:5px;
	width:22px;
	height:22px;
	border: 1px solid #ccc;
	background: url(inc/graphics/icons/18/karte.gif) no-repeat 1px 1px transparent;
}
#divurl,#divfile {
	margin-top:5px;
	padding-left:25px;
	background: url(inc/graphics/icons/18/link.gif) no-repeat 3px 3px transparent;
}
#divfile {
	background: url(inc/graphics/icons/18/fotos.gif) no-repeat 3px 3px transparent;
}

div.divkarten {
	padding-top:5px;
	height:75px;
	width:416px;
}
div.divkarten img, div.container img {
	width:80px;
	padding:3px;
	background-color:#FFFFFF;
	margin-left:0px;
	border: 1px solid #ccc;
	-moz-border-radius:5px; /* Firefox */
	-webkit-border-radius:5px; /* Safari, Chrome */
	-khtml-border-radius:5px; /* Konqueror */
	border-radius:5px; /* CSS3 */
}
div.divkarten a, div.container a {
	width:25px;
	height:35px;
	overflow:hidden;
	float:left;
}
div.divkarten a.markiert img {
	border: 1px solid #DA4D31;
}


.p_m {
	padding:2px;
	padding-top:0px;
	float:right;
	margin-right:4px;	
}
.p_inner:hover, .p_inner_inner:hover {
	background-color:#F7F7F7;
}
.p_inner .p_m, .p_inner_inner .p_m {
	display:none;
}
.p_inner:hover .p_m, .p_inner_inner:hover .p_m {
	display:inline;
}
.pinMenue {
	float:left;
	border: 1px solid #e5e5e5;
	margin:1px;
	
	text-align:center;
}
.pinMenue a {
	display:block;
	color:#fff;
	width:18px;
	height:18px;
}
.pinMenue:hover {
	border: 1px solid #09f;
}
.pinedit {
	background: url(inc/graphics/icons/18/edit_einfach.gif) no-repeat 0px 0px transparent;
}
.pindel,.pinedend {
	background: url(inc/graphics/icons/18/del_einfach.gif) no-repeat 0px 0px transparent;
}
#divspiel {
	overflow:hidden;
}
#divspiel div {
	height:35px;
	border: 1px solid #fff;
	/*border: 1px solid #eee;*/
}
#divspiel #divkartenSpiel {
	clear:both;
}
#divspiel div.markiert {
	border: 1px solid #F28620;
}
.markiert {
	/*border: 1px solid #F28620;*/
}
#divspiel div.divkarten {
	height:75px;
	/*background-color:#C96;*/
}
#divspiel div.container {
	width:340px;
	float:left;
	/*background-color:#CC3300;*/
}
#divspiel #divspielwerte {
	float:right;
	height:147px;
	width:130px;
	padding-right:3px;
	/*background-color:#096;*/
}
div.pinn_event div.kalender {
	margin-top:1px;
	border: 1px solid #fff;
	border-right: 1px solid #ccc;
	border-bottom: 1px solid #ccc;
	text-align:center;
	color:#666666;
}
span.smallEventInfo img {
	margin-right:2px;
}
.p_inner_event {
	font-size:11px;
	color:#666666;
	border-bottom: 1px solid #e5e5e5;
}
.p_inner_event a {
	font-weight:bold;
}
.p_inner_event_content {
	margin-top:5px;
	margin-bottom:3px;
	padding-top:2px;
	/*border-top: 1px solid #e5e5e5;*/
	font-size:13px;
	color:#000;
	display:block;
	cursor:pointer;
}
.p_inner_event .p_content_inner {
	padding-bottom:0px;
	min-height:30px;
}
#slider {
	margin-top:6px;
	width:100px;
	height:5px;
}
#slider .ui-slider-horizontal {
	height:5px;
}
#slider .ui-slider-handle {
	width:12px;
	height:12px;
	cursor:pointer;
}
.slidersteps {
	color:#666;
	font-size:8px;
	padding-top:4px;
}
.sliderstepsA {
	color:#666;
	display:block;
	cursor:pointer;
}
.slidersteps span {

}
div.pw_event_change {
	height:auto;
	overflow:hidden;
	margin-top:5px;
	margin-bottom:5px;
	padding-top:5px;
	padding-right:5px;
	/*border: 1px solid #e5e5e5;
	background-color:#FFFFFF;*/
	
	
}
div.changeViewPWEventSel {
	float:right;
	margin-top:5px;
}
div.pw_event_change:hover div.changeViewPWEventSel {
	display:inline;
}
div.pw_event_change:hover #slider {
	border-color:#666;
}
div.pw_event_change:hover #slider .ui-slider-handle {
	border-color:#09f;
}
div.pw_event_change div.changeViewPWEventSel {
	/*display:none;*/
	
}
div.changeViewPWEvent {
	float:left;
	padding-top:3px;
	padding-left:1px;
}
div.changeViewPWEvent a {
	/*
	line-height:30px;
	height:30px;
	border-left: 1px solid #e5e5e5;
	border-top: 1px solid #e5e5e5;
	border-right: 1px solid #e5e5e5;
	padding-left:5px;
	padding-right:5px;
	background-color:#006666;*/
}
div.changeViewPWEvent  {
	font-weight:bold;
	font-size:11px;
}
div.button-h, div.button-h-activ {
	float:left;
	border: 1px solid #ccc;
	padding:5px;
	display: inline-block;
	margin: 2px 1px 2px 1px;
	background-color:#f7f7f7;
}
div.button-h-activ {
	color:#000000;
}
div.button-h-activ a {
	color:#000000;
}