/* $Id: picview_astro.css 420 2019-10-19 13:50:01Z wh $ */
body { 
	font-family:'UbuntuMedium', Arial, Helvetica, sans-serif; 
	background-color:#000000;
}
a { font-family:arial; text-decoration:none; font-size:12px; }
a:link {color:#0000aa;}
a:visited {color:#00aa00;}
a:hover { background-color:#ffff00;}
a:active { }
a:focus { }


a.menu { font-family:arial; text-decoration:none; font-size:12px; }
a.menu:link { font-weight:bold; color:#5050a0; }
a.menu:visited { font-weight:bold; color:#5050a0;}
a.menu:hover { background-color:#ffff00;}
a.menu:active { }
a.menu:focus { }

h3 {font-family:arial; text-decoration:none; font-size:12px;}

tr.list:hover { background-color:#f0f0f0; }
td {
	font-family:arial; 
}

div.html_static_title {
	padding: 10px 10px 10px 10px;
	font-family:arial; 
	text-decoration:none; 
	font-size:32px; 
	background-color:#323281;
	color:#ffff00;
	text-align:center
}
div.navigation { background-color:#f0f0f0; }
span.navigationleft {float: left; background-color:#f0f0f0;}
span.navigationmid  {float: center; background-color:#f0f0f0;}
span.navigationright  {float: right; background-color:#f0f0f0;}
div.error {background-color:#800000;color:#ffff00;}
div.comment { font-family:arial; font-size:12px; background-color:#e0e0e0; }

div.filter { 
	background-color: #f0f0ff;
	border-style:solid;
	border-left-width:1px;
	border-top-width:1px;
	border-right-width:1px;
	border-bottom-width:1px;
	padding-top:10px;
	padding-bottom:10px;
	padding-left:10px;
	padding-right:10px;
}

option.level0 {
	font-size:12px;
	font-style:normal;
	font-weight:bold;
}
option.level1 {
	font-size:10px;
	font-style:normal;
	font-weight:normal;
}
option.levelx {
	font-size:10px;
	font-style:italic;
	font-weight:normal;
}

img.tn {
	width: 75px;
	height: 75px;
}
span.wetter  {
	float: right; 
	background-color:#d0f0d0;
}
span.tempmin {
	background-color:#f9c8c8;
	padding-left: 5px;
	padding-right: 5px;
}
span.tempmax {
	background-color:#fdb99b;
	padding-left: 5px;
	padding-right: 5px;
}
span.sonne {
	background-color:#f8fb7d;
	padding-left: 5px;
	padding-right: 5px;
}
span.regen {
	background-color:#cdddf3;
	padding-left: 5px;
	padding-right: 5px;
}

/* Datumzeile ohne Tabelle */	
div.datum {
/*	display:table-row; */
	background-color: #666666;
	padding: 2px 10px 2px 10px;
}
div.datum span.date {
	color: #dddd88;
	font-size: 1.2em;
	font-weight: bold;
}
div.datum span.termin {
	font-size: 1em;
	font-weight: normal;
	font-style: italic;
	line-height: 16px;
	padding: 2px 2px 2px 10px;
	overflow: hidden;
	color: #444;
}
/* Terminbild */
div.datum span.termin img {
 	width:32px;
 	heigth:32px;
}

/* Thumbtable per tabelle */
table.thumb {
	width:100%;
	border-width:0;
	}
td.thumb {
	font-family:arial; 
	text-decoration:none; 
	font-size:10px; 
	text-align:center;
	}
td.date {
	font-family:arial; 
	text-decoration:none; 
	font-size:16px; 
	font-weight:bold;
	text-align:left;
	background-color:#ffff40;
	padding-left:20px;
	padding-top:3px;
	padding-bottom:3px;
	}


/* Thumbtable per DIV */
div.thumbtable {
	display:table;
	width:100%;
}
div.thumbtable:before div.thumbtable:after {
	content:"";
	clear:both;
}

div.thumb {
	display: table-cell;
	float:left;
	width:100%;
	text-align:center!important;
	width:50%;
}
div.thumb img {
	border:0;
}

/* Thumbtable per UL */
ul.thumbtable {
	list-style: none;
	margin: 0;
	padding: 0;
	overflow: hidden;
/*	min-width: 755px; */
	height: 1%
}
ul.thumbtable li {
	width: 160px;
	background: #1b1f6b;
	float: left;
	position: relative;
	margin: 0 7px 7px 0;
	border: 1px solid #acacac;
	border-radius: 4px;
	-webkit-border-radius: 4px;
	-moz-border-radius: 4px;
	max-height: 222px;
	overflow: hidden
}
ul.thumbtable img {
	width: 160px;
	height: 120px;
}

ul.thumbtable div.title {
	color: #dddd88;
	width: 100%;
	overflow: hidden;
	border-bottom: 1px solid #acacac
}
ul.thumbtable div.title a {
	float: left;
	color: #93d3e1;
	font: 0.9em 'UbuntuMedium', Arial, Helvetica, sans-serif;
	font-weight: bold;
/*	width: 125px; */
	padding: 2px 2px 2px 2px;
	overflow: hidden;
}
ul.thumbtable div.title a:hover { 
	background-color:#5c56a9;
}

ul.thumbtable div.title span.time {
	color: #dddd88;
	float: right;
	padding: 2px 2px 2px 2px;
	font: 0.9em/1.333em 'UbuntuMedium', Arial, Helvetica, sans-serif
}

ul.thumbtable div.subject {
	color: #dddd88;
	margin: 0;
	padding: 0;
	font-size: 0.9em;
	line-height: 16px;
/*	width: 168px; */
	height: 32px;
	padding: 2px 2px 2px 2px;
	overflow: hidden;
}

/**/

@media (min-width:600px){
	div.thumb {
		width:25%;
	}
}
@media (min-width:1000px) {
	div.thumb {
		width:25%;
	}
}
@media (min-width:1600px) {
	div.thumb {
		width:7%;
	}
}