/* CSS Adventskalender */


div#adventskalender {
	margin: 15px auto;
	font-size: 12px;
	font-weight:bold;
	width:550px;
	padding:0;
	position:relative;
	z-index:1000;
}

table.adventskalender {
	width:550px;
}

table.adventskalender caption {
background:url(table-top.png) no-repeat left top;
color:#FFFFFF;
font-size:16px;
font-weight:bold;
height:30px;
line-height:30px;
border-bottom:#fff 1px solid;
padding:0;
text-align:center;
text-indent:8px;
}

div.table_bottom {
	background:url(table-bottom.png) no-repeat left top;
	height:30px;
	line-height:30px;
	color:#FFFFFF;
	font-size:16px;
	font-weight:bold;
	width:550px;
	text-align:center;
	text-indent:8px;
	border-top:#fff 1px solid;
	}

table.adventskalender td {
	text-align: center;
	vertical-align: middle;
	background: url(cells.png) no-repeat 0px 0px;
	color: #900;
	height:40px;
	width:110px;
	height:110px;
	padding:0;
	font-size:20px;
	border-color:#cfcfcf;
	border-style:solid;
	border-width:0px 0px 0px 0px;
}

a.date {
	display:block;
	width:110px;
	height:110px;
	line-height:110px;
	outline:none;
	color:#fff;
	font-size:20px;
	}

a.date:hover {text-indent:-999em}



table.adventskalender td:hover {
	background-position: 0px -110px;
	color: #900;
}
table.adventskalender td.date_has_event {
	background-position: -110px 0px;
	color: #fff;
}
table.adventskalender td.date_has_event:hover {
	background-position: -110px -110px;
}
table.adventskalender td.fake {
	background-position: 0px 0px;
	color: #fff;
}
table.adventskalender td.fake:hover {
	background-position: 0px -110px;
}

table.adventskalender td.padding {
	background: url(calpad.jpg);
}

div.events {
	position: relative;
	z-index:10000;
}
div.events_content {
	text-align: left;
	position: absolute;
	display: none;
	z-index: 100000;
	padding: 15px;
	background: #900 url(bg-popup.png) no-repeat right 10px;
	color: white;
	border: 1px solid #300;
	font-size: 15px;
	width: 300px;
	-moz-border-radius: 6px;
	-khtml-border-radius: 6px;
	-webkit-border-radius: 6px;
	-border-radius: 6px;
	list-style: none;
	color: #fff;
	-webkit-box-shadow: 4px 4px 12px #fff;
	-moz-box-shadow: 4px 4px 12px #fff;
	box-shadow: 4px 4px 12px #fff;
}
.events li {
	padding-bottom: 5px;
}
.events li span {
	display: block;
	font-size: 12px;
	text-align: left;
	line-height:1.2;
	color: #fff;
	font-weight:normal;
}
.events li span.title {
	color: #fff;
	font:bold 14px Arial,Helvetica,sans-serif;
}

.events p {
	display: block;
	font-size: 12px;
	text-align: left;
	line-height:1.2;
	color: #fff;
	font-weight:normal;}

.events h3  {
	color: #fff;
	font:bold 14px Arial,Helvetica,sans-serif;
	text-transform:uppercase;
	width:200px;}

.events p.events_date  {font-weight:bold;}

.events a {color:#fff;text-decoration:underline;display:inline;height:auto;width:auto;font-weight:bold;}
.events a:hover {text-decoration:none;color:#300}

.events a.close{ display: block; position: absolute; bottom: 6px; right: 6px;background:#fff url(close.png) no-repeat;width:13px;height:13px; }