/* ----------------------------------------------------
Warnung
---------------------------------------------------- */

div.cwarning {
	position:relative;
	background:#FF6600;
	padding: 10px;
	color:#FFFFFF;
}

div.cwarning img.ol{
	position: absolute;
	left: 0px;
	top: 0px;
}

div.cwarning img.or{
	position: absolute;
	right: 0px;
	top: 0px;
}

div.cwarning img.ul{
	position: absolute;
	bottom: 0px;
	left: 0px;
}

div.cwarning img.ur{
	position: absolute;
	right: 0px;
	bottom: 0px;
}

/* ----------------------------------------------------
Hinweisblock (grau)
---------------------------------------------------- */

div.cblock {
	position:relative;
	background:#EEEEEE;
	padding: 10px;
}

div.cblock img.ol{
	position: absolute;
	left: 0px;
	top: 0px;
}

div.cblock img.or{
	position: absolute;
	right: 0px;
	top: 0px;
}

div.cblock img.ul{
	position: absolute;
	bottom: 0px;
	left: 0px;
}

div.cblock img.ur{
	position: absolute;
	right: 0px;
	bottom: 0px;
}


/* ----------------------------------------------------
Widget (grau)
---------------------------------------------------- */

div.widget_logogrey {
	position: relative;
	z-index:1;
	border: 1px solid #8099b3;
	height:100%;
	background-color:#eee;
	padding:0 0 0 0;
	margin:0;
}

div.widget_logogrey div.head{
	position: relative;
	z-index:3;
	border:none;
	border-bottom:1px solid #8099b3;
	padding:2px 5px 2px 5px;
}

div.widget_logogrey div.body{
	position: relative;
	z-index:3;
	padding:5px 5px 10px 5px;
	background-color:#fff;
}

div.widget_logogrey div.tl{
	position: absolute;
	left: -1px;
	top: -1px;
	height:10px;
	width:10px;
	z-index:1;
	background: #eee url(https://static.Abendteuer&Leben.de/media/static/images/widgets/widget_grey_tl.gif);
}

div.widget_logogrey div.tr{
	position: absolute;
	right: -1px;
	top: -1px;
	height:10px;
	width:10px;
	z-index:2;
	background: #eee url(https://static.Abendteuer&Leben.de/media/static/images/widgets/widget_grey_tr.gif);
}

div.widget_logogrey div.bl{
	position: absolute;
	bottom: -1px;
	left: -1px;
	height:10px;
	width:10px;
	z-index:10;
	background: #eee url(https://static.Abendteuer&Leben.de/media/static/images/widgets/widget_white_bl.gif);
}

div.widget_logogrey div.br{
	position: absolute;
	right: -1px;
	bottom: -1px;
	height:10px;
	width:10px;
	z-index:10;
	background: #eee url(https://static.Abendteuer&Leben.de/media/static/images/widgets/widget_white_br.gif);
}

div.widget_logogrey div.head div.close{
	z-index:4;
	position: absolute;
	right: 5px;
	top: 5px;
}
div.widget_logogrey div.head div.hide{
	position: absolute;
	right: 15px;
	top: 5px;
	z-index:10;
	height:10px;
	width:10px;
	cursor:pointer;
	background: url(https://static.Abendteuer&Leben.de/media/static/images/arrows/up_blue.gif) no-repeat;
	background-position: 0px 0px;
}




/**************************************************
PANE

container : 'pane-container',
head : 'pane-head',
body : 'pane-body',
foot : 'pane-foot',
close : 'pane-close',
hide : 'pane-hide',
maximize : 'pane-maximize'
***************************************************/

div.widget_logogrey{
	/*display: none;*/
}

div.pane-container {
	background-color: #fff;
	/*border: 1px solid #8099b3;*/
	font-size:12px;
}

div.pane-container div.pane-head{
	background-color: #fff;
	color:#fff;
	padding: 2px;
	border-bottom: 1px solid #8099b3;
	font-weight:bold;
	font-size:13px;
	cursor:pointer;
}
div.pane-container div.pane-head h2{
	color:#8099b3;
	font-weight:bold;
	font-size:15px;
}



div.pane-shadow {
	background-color: #000;
}

div.pane-container div.pane-body {
	padding: 2px;
}

div.pane-container div.pane-foot {
	background-color: #eee;
	color:#b3c2d1;
	padding: 2px;
	border-top: 1px solid #8099b3;
	font-size:11px;
}


div.pane-container div.pane-actioncontainer {
	right : 0px;
	top: 2px;
	height: 15px;
}

div.pane-container div.pane-close {
	cursor:pointer;
	background: url(https://static.Abendteuer&Leben.de/media/static/images/closeBtn.jpg);
	cursor:pointer;
	margin:0 2px 0 0;
	float:left;
}

div.pane-container div.pane-hide {
	background: url(https://static.Abendteuer&Leben.de/media/static/images/unhide.jpg);
	cursor:pointer;
	margin:0 2px 0 0;
	float:left;
}

div.pane-container div.pane-maximize {
	background: url(https://static.Abendteuer&Leben.de/media/static/images/maximize.jpg);
	cursor:pointer;
	margin:0 2px 0 0;
	float:left;
}
div.pane-container div.pane-resize {
	cursor:pointer;
	background-color:#eee;
	border-left: 1px solid #8099b3;
	cursor:se-resize;
}


div.pane-dropcontainer{
	width:270px;
	background-color: #fff;
	float:left;
	padding:5px;
	margin:0 0 5px 0;
}

div.widget_drop_container {
	width:280px;
	float:left;
	padding:5px;

	border: 1px solid #000;
}



/**************************************************
YAHOO
***************************************************/

div.yahoo_container{
	border:1px solid #8099b3;
	margin: 10px 0 10px 0;
}

div.yahoo_head{
	border-bottom:1px solid #8099b3;
	background-color:#8099b3;
	color:#fff;
	font-weight:bold;
	padding:2px;
}

div.yahoo_body{
	padding:10px;
	height:100%;
}


div.yahoo_ss_row{
	margin:0 0 10px 0;
}

div.yahoo_hs_group{
	width:140px;
	float:left;
}
div.yahoo_hs_group a{
	display:block;
}

div.group_head{
	color:#ff6600;
}

div.yahoo_input_container{
	position:absolute;
	top:15px;
	left:30px;
	width:140px;
	height:15px;
	z-Index:100;
}

div.yahoo_input_container input{
	height:15px;
	width:140px;
	border:none;

	*height:12px;
	*border:1px solid #fff;
}

/*
Yahoo Widgets
*/

.widget_container {
    width: 255px;
	/*border:1px solid #ccc;*/
	min-height:500px;
	height:100%;
    list-style: none;
    margin:0;
    padding:5px;
	margin-left:10px;
}


.widget_container li{
	position:relative;
	margin:10px 0 0 0;
	border:1px solid #fff;
}

.widget_container li div.head, .widget_container div div.head{
	border:none;
	border-bottom:1px solid #8099b3;
	padding:2px 5px 2px 5px;
	cursor: move;
}

ul.widget_container li div.control{
	position:absolute;
	right: 2px;
	top: 2px;
	*top:15px;
	width: 50px;
	text-align:right;
}

ul.widget_container li div.control img{
	cursor:pointer;
}

.widget_container li div.body, .widget_container div div.body{
	padding:5px 5px 10px 5px;
}
