/* wunder media css */

* {
	font-size: 10px;
	font-family: Verdana, Arial, Geneva, Helvetica, sans-serif;
	color: #666666;
}

body { 
	width:750px;
	margin-left:30px; 
	margin-right:3px; 
	margin-top:10px; 
	margin-bottom:20px; 
	background-color: #ffffff;
}

td {
	vertical-align: top;
	border-style: solid;
	border-width: 0px;
	background-color: #ffffff;
}

/* General settings */
.wundermedia, .wundermedia * {
}

.wundermedia {
	width: 690px;
	margin-left: 30px;
}

.wundermedia table {
	border-collapse: collapse;
}

.wundermedia td {
	vertical-align: top;
}

.wundermedia form {
	margin: 0px;
}

.wundermedia img {
	border-width: 0px;
}

.wundermedia a,
.wundermedia a:active,
.wundermedia a:link,
.wundermedia a:visited,
.wundermedia a:hover {
	font-size: 10px;
	text-decoration: underline;
}

.wundermedia a:hover {
	color: #ff9933;
	text-decoration: underline;
}

.wundermedia .clearer {
	clear: both;
}

/* Event Tips */
/* Surrounding container (div or table) */
.wundermedia .tips {
	width: 100%;
	border: 1px #b5b2b5 solid;
}

/* The tip heading (div or td) */
.wundermedia .headtips {
	background-color: #b5b2b5;
	border: 1px #b5b2b5 solid;
	font-weight: bold;
	padding: 3px;
	color: white;
}

/* One single tip (div or td) */
.wundermedia .tip {
	width: 33%;
	border: 1px #b5b2b5 solid;
	padding: 3px;
	padding-top: 0px;
}

/* Surrounds the image use within tips */
.wundermedia .topimgcontainer {
	width: 100%;
	text-align: center;
}

/* Search */
/* Main search div */
.wundermedia .search {
	margin-top: 10px;
	margin-bottom: 0px;
	border: 1px #b5b2b5 solid;
}

/* The search header */
.wundermedia .search .header {
	color: white;
	background-color: #b5b2b5;
	padding: 3px;
	font-weight: bold;
}

/* The link within the header (=> Extended search) */
.wundermedia .search .header a,
.wundermedia .search .header a:active,
.wundermedia .search .header a:visited,
.wundermedia .search .header a:link,
.wundermedia .search .header a:hover {
	color: white;
	display: block;
	float: right;
	font-weight: bold;
}

/* Date row */
.wundermedia .search #date {
	border-bottom: 1px #b5b2b5 solid;
}

/* category row */
.wundermedia .search #category {
	border-bottom: 1px #b5b2b5 solid;
}

/* The direct links are lists */
.wundermedia .search ul {
	margin: 0px;
	padding: 0px;
	list-style-type:none;
	clear: both;
}

.wundermedia .search li {
	margin: 0px;
	margin-left: 10px;
	padding: 0px;
	display: block;
	float: left;
	line-height:25px;
}

/* The label before the links */
.wundermedia .search .label {
	font-weight: bold;
	vertical-align: middle;
	margin-left: 0px;
	padding-left: 3px;
	width: 4em;
}

/* The links themself */
.wundermedia .search li a,
.wundermedia .search li a:active,
.wundermedia .search li a:visited,
.wundermedia .search li a:link,
.wundermedia .search li a:hover {
	text-decoration: none;
}

.wundermedia .search li a.selected,
.wundermedia .search li a.selected:active,
.wundermedia .search li a.selected:visited,
.wundermedia .search li a.selected:link,
.wundermedia .search li a.selected:hover {
	font-weight: bold;
}

/* Extended search */
.wundermedia .search .complex {
	display: block;
	font-weight: bold;
}

.wundermedia .search .complex_noshow {
	display: none;
}

.wundermedia .search .complex option,
.wundermedia .search .complex select {
	font-weight: normal;
}

/* The first row (freetext & category) */
.wundermedia .search #complexrow_one {
	border-bottom: 1px #b5b2b5 solid;
	border-top: 1px #b5b2b5 solid;
}

.wundermedia .search #freetext {
	float: left;
	padding: 3px;
}

.wundermedia .search #categorysel {
	padding: 3px;
}

.wundermedia .search #datefields {
	border-bottom: 1px #b5b2b5 solid;
	padding: 3px;
}

.wundermedia .search #send {
	padding: 3px;
	text-align: center;
}


/* The list stuff.... */

/* List-header */
.wundermedia .listhead {
	font-weight: bold;
	padding-bottom: 10px;
}

/* The list table */
.wundermedia table.list {
	border: 1px #b5b2b5 solid;
	width: 100%;
}

/* A list within the content */
.wundermedia .detail table.list {
	border-width: 0px;
}

/* The links in the table-head */
.wundermedia table.list th {
	background-color: #b5b2b5;
	color: white;
	text-align: left;
	padding: 2px;
	font-weight: bold;
}

.wundermedia table.list th a,
.wundermedia table.list th a:active,
.wundermedia table.list th a:visited,
.wundermedia table.list th a:link,
.wundermedia table.list th a:hover {
	color: white;
	text-decoration: none;
	text-transform: none;
}

.wundermedia table.list th a.selected,
.wundermedia table.list th a.selected:active,
.wundermedia table.list th a.selected:visited,
.wundermedia table.list th a.selected:link,
.wundermedia table.list th a.selected:hover {
	color: black;
	text-decoration: none;
	text-transform: uppercase;
}

/* The list cells */
.wundermedia table.list td {
	padding: 2px;
	padding-right: 3px;
	border-bottom: 1px #b5b2b5 dotted;
}

/* The links within the list */
.wundermedia table.list td a,
.wundermedia table.list td a:active,
.wundermedia table.list td a:visited,
.wundermedia table.list td a:link,
.wundermedia table.list td a:hover {
	text-decoration: none;
}

/* The page list (used if max_hits per page is > 0) */
.wundermedia .pagelist {
	margin-bottom: 10px;
}

/* The page list on the top */
.wundermedia .pagelist#pagelist_top {
}

/* The page list at the bottom */
.wundermedia .pagelist#pagelist_bottom {
	margin-top: 10px;
}

/* The label of the pagelist */
.wundermedia .pagelist .pllabel {
	font-weight: bold;
}

/* The links of the pagelist */
.wundermedia .pagelist a,
.wundermedia .pagelist a:active,
.wundermedia .pagelist a:visited,
.wundermedia .pagelist a:link,
.wundermedia .pagelist a:hover {
	text-decoration: none;
}

/* The detail page */

/* The surrounding div... */
.wundermedia .detail {
	border: 1px #b5b2b5 solid;
}	

/* The detail heading */
.wundermedia .detailhead {
	background-color: #b5b2b5;
	padding: 3px;
	font-weight: bold;
	color: white;
}

/* The detail main div */
.wundermedia .detailcontent {
	padding: 3px;
}

/* The table at the bottom of detail page (Other events / events in this location) */
.wundermedia table.detailcontent {
	width: 100%;
}

.wundermedia table.detailcontent td {
	padding-right: 3px;
}

/* The image container */
.wundermedia .detailcontent .imgcontainer {
	float: left;
	width: 240px;
	height: 210px;
	position: relative;
	margin-right: 5px;
}

/* The images themselves*/

/* - visible */
div.vispix {
	height:200px; 
	width: 240px; 
	visibility: visible;
	position:absolute; 
	top:0px;
}

/* - invisible */
div.invispix {
	height:200px; 
	width: 240px; 
	visibility: hidden;
	position:absolute; 
	top:0px;
}

/* The copyright notice at the bottom of the page */
.wundermedia .copyright {
	width: 100%;
	text-align: center;
}

/* The wunder logo at the bottom of the page */
.wundermedia .copyright img {
	position: relative;
	top: 5px;
	border: 0px;
}