/* @override http://bogivm:8080/static/widgets/css/wi_j_bilderbuch_panel.css */

.jBilderbuchPanelWidget{
    background-color: #00cfff;
    margin-right: 5px;
    border: 1px solid #00cfff;
    -moz-border-radius:4px;
    -webkit-border-radius:4px;    
}

/* @group Header */

.jBilderbuchPanelWidget #bilderbuch_panel_widget_header {
	
	height:45px;
}
.jBilderbuchPanelWidget #bilderbuch_panel_widget_header p {
	font-family: Verdana,sans-serif;
	color:#069;
	font-size: 14px;
	font-weight:800;
}
.jBilderbuchPanelWidget #bilderbuch_panel_widget_header #bildchen {
	width: 44px;
	height:44px;
	background: url(/images/galerie_right_bg_auge.gif);
	float: left;
	position:relative;
	top: -6px;
	left: -9px;
}


/* @end */



.jBilderbuchPanelWidget h2 {
	padding: 2px 10px;
	/*background-color: #b34d1c;*/
	background-image: none;
	min-height:20px
}

.jBilderbuchPanelWidget h2.ui-state-hover	 {
	background-color: #111;
	
}

.jBilderbuchPanelWidget h2.ui-state-active	 {
	background: white url(/images/background_bilderbuch_panel.png) repeat-x 0px -0px;
}


.jBilderbuchPanelWidget h3{
	padding: 2px 16px;
	/*position:relative;
	top: 3px;*/
	border-bottom: 1px solid white;
}



/* @group UI Icons */

.jBilderbuchPanelWidget h2 a {
	padding-left: 16px;
}

.jBilderbuchPanelWidget h2 span.ui-icon {
	width: 16px;
	height: 16px;
	display: block;
	position: absolute;
	margin-top: 1px;
	left: 0.5em;
	background: url(/static/images/sprites/sprites_m.png) no-repeat;
}

.ui-state-hover .ui-icon {
	background-image: url(/static/images/sprites/ui-icons_ffffff_256x240.png)  !important;
}
.jBilderbuchPanelWidget h2 span.ui-icon-circle-arrow-s-mw {
	background-position: -128px -192px;
}
.jBilderbuchPanelWidget h2 span.ui-icon-circle-arrow-e-mw {
	background-position: -112px -192px;
	
}

/* @end */






/* @group Links, Color */

.jBilderbuchPanelWidget a,
.jBilderbuchPanelWidget a:link,
.jBilderbuchPanelWidget a:visited,
.jBilderbuchPanelWidget a:active {
	text-decoration:none;
	color: #006699;
}
.jBilderbuchPanelWidget h2.ui-state-hover a:hover,
.jBilderbuchPanelWidget h2.ui-state-hover a {
	color: white;
}
.jBilderbuchPanelWidget h2.ui-state-active a:hover,
.jBilderbuchPanelWidget h2.ui-state-active.ui-state-hover a {
	color: #006699;
}

.jBilderbuchPanelWidget h3 a:hover {
	color: white !important;
}

.jBilderbuchPanelWidget h3 a.loading{
    color:white !important;
    opacity:0.5;
}

.jBilderbuchPanelWidget h3 a.active{
	color: white !important;
}


/* @end */

/* @group Schriften */

.jBilderbuchPanelWidget {
	font-family: Verdana, sans-serif;
}

.jBilderbuchPanelWidget h2{
	font-size: 14px;
	font-weight: bolder;	
}

.jBilderbuchPanelWidget h3{
	font-size: 11px;
	font-weight: 300;	
}



/* @end */