/*
    Document   : teaser
    Created on : 6-okt-2009, 15:12:40
    Author     : Arno
    Description:
        Teaser styles.
*/

/*
   Syntax recommendation http://www.w3.org/TR/REC-CSS2/
*/

/*
  Main content teasers
*/

div#content div.teaser {
	position: relative;

	float: left;

	margin: 0px;
	_margin-bottom: -20px;

	width: 305px;
}

div#content div.teaser * {
	position: relative;

}

div#content div.teaser div.teaser-content {
	/*display: table-cell;*/

	position: relative;

	/*vertical-align: middle;*/

	overflow-y: auto;

	padding: 18px 10px 0px;
	
	width: 305px;
	height: 85px;
	background: url(/images/teaser-content.png) top left no-repeat;

	text-align: center;
}

div#content div.teaser div.teaser-content * {
	color: white;

	margin: 0px 0px 3px !important;
	padding: 0px !important;
}

div#content div.teaser div.teaser-content p {
	font-size: 15px;
	font-weight: none;
}

div#content div.teaser div.teaser-footer {
	position: relative;

	padding: 8px 0px;

	width: 305px;
	height: 41px;
	background: url(/images/teaser-footer.png) top left no-repeat;

	cursor: pointer;

	text-align: center;
}

div#content div.teaser div.teaser-footer a {
	font-size: 17px;
	font-weight: bold;

	text-decoration: none;

	color: #456caf;
}

/*
  Sidebar teasers
*/

div#right-column div.teaser {

}

div#right-column div.teaser p.title {
	font-size: 16px;
	font-weight: normal;
	margin: 0 0 7px;
	padding: 0;
	color: #EC6807
}

div#right-column div.teaser p.subtitle {
	font-size: 14px;
	font-weight: normal;
	margin: 0 0 7px;
	padding: 0;
	color: #EC6807;
}

div#right-column div.teaser div.image {
	text-align: center;
}

div#right-column div.teaser div.image img {
	width: 162px;
}

div#right-column div.teaser div.link {
	margin: 5px 0px 0px;
}

div#right-column div.teaser div.link a {

	font-size: 13px;

	color: #d2722e;
	text-decoration: underline;
}

div#right-column div.teaser div.link a:hover {
	color: #4582E1;
	text-decoration: none;
}