/*
===================================
CSS Elements Styles

Description: 	Styles the Basic CSS Tags
Author: 		Felix Kreitner
Date:			28.11.2009

*/

/*
========================================================
.teaserbox
========================================================
*/

#primary .teaserbox {
	background-image: 			url(../images/elements/teasebox-purple-header.gif);
	background-repeat: 			no-repeat;
	background-position: 		left top;
	background-color:			#781d79;
	color:						#fff;
}

#primary .teaserbox .inner {
	padding:					10px;
	background-image: 			url(../images/elements/teasebox-purple-footer.gif);
	background-repeat: 			no-repeat;
	background-position: 		left bottom;
}

#primary .teaserbox .text {
	float:						left;
	width:						240px;
	padding:					0 20px 0 0;
}

#primary .teaserbox .image {
	float:						right;
}

#primary .teaserbox .image img{
	float:						left;
}

#primary .teaserbox a {
	color:					#FFF;
}

#primary .teaserbox a.more {
	display:				inline;
	float:					right;
	padding:				0px 20px 3px 12px;
	border:					1px solid #541454;
	color:					#781d79;
	text-decoration:		none;
	-moz-border-radius: 	1px;
	-webkit-border-radius: 	1px;
	background-image: 		url(../images/elements/teaserbox-more.png);
	background-repeat: 		no-repeat;
	background-position: 	right top;
}

#primary .teaserbox p:first-child {
	margin-top:				0px !important;
}

body.home #primary .teaserbox {
	background-image: 			url(../images/elements/teasebox-purple-header-home.gif) !important;
	background-color:			#863487 !important;
}

body.home #primary .teaserbox .inner {
	background-image: 			url(../images/elements/teasebox-purple-footer-home.gif) !important;
}

/*
========================================================
.buttonbox (Definition List) 
========================================================
*/

#sidebar a.buttonbox {
	display:				block;
	background-image: 		url(../images/elements/buttonbox.png);
	background-repeat: 		no-repeat;
	background-position: 	left top;
	background-color:		#781d79;
}

#sidebar a.buttonbox span.inner {
	display:				block;
	margin:					0;
	padding:				10px;
	color:					#FFF;
	background-image: 		url(../images/elements/buttonbox-footer.png);
	background-repeat: 		no-repeat;
	background-position: 	left bottom;
}

#sidebar a.buttonbox span.h1 {
	display:				block;
	margin:					0;
	padding:				0 0 10px 10px;
	background-image: 		url(../images/icons/bullet-white.gif);
	background-repeat: 		no-repeat;
	background-position: 	205px 5px;
	font-weight:			bold;
}

body.home #sidebar a.buttonbox {
	background-image: 		url(../images/elements/buttonbox.png) !important;
	background-color:		#934a95 !important;
}

body.home #sidebar a.buttonbox span.inner {
	background-image: 		url(../images/elements/buttonbox-footer.png) !important;
}

/*
========================================================
.linklist (Definition List) 
========================================================
*/

#sidebar ul.linklist,
#sidebar ul.linklist li {
	margin:					0;
	padding:				0;
	list-style:				none;
	width:					231px;
}

#sidebar ul.linklist li {
	display:				block;
	margin-bottom:			9px;
	background-image: 		url(../images/elements/buttonbox.png) !important;
	background-repeat: 		no-repeat;
	background-position: 	left top;
	background-color:		#781d79;
}

#sidebar ul.linklist li div {
	display:				block;
	background-image: 		url(../images/elements/buttonbox-footer.png);
	background-repeat: 		no-repeat;
	background-position: 	left bottom;
}

#sidebar ul.linklist a {
	display:				block;
	width:					201px;
	padding:				15px 15px 15px 15px;
	color:					#FFF;
	text-decoration:		none;
	background-image: 		url(../images/icons/bullet-white.gif);
	background-repeat: 		no-repeat;
	background-position: 	216px 20px;
}

/*
========================================================
Quicklink
========================================================
*/

#sidebar .quicklink {
	display:				block;
	margin-bottom:			9px;
	background-image: 		url(../images/elements/buttonbox.png) !important;
	background-repeat: 		no-repeat;
	background-position: 	left top;
	background-color:		#781d79;
}

#sidebar .quicklink span {
	display:				block;
	background-image: 		url(../images/elements/buttonbox-footer.png);
	background-repeat: 		no-repeat;
	background-position: 	left bottom;
}

#sidebar .quicklink a {
	display:				block;
	width:					201px;
	padding:				15px 15px 15px 15px;
	color:					#FFF;
	text-decoration:		none;
	background-image: 		url(../images/icons/bullet-white.gif);
	background-repeat: 		no-repeat;
	background-position: 	216px 20px;
}

body.home #sidebar .quicklink {
	background-image: 		url(../images/elements/buttonbox-home.png) !important;
	background-color:		#934a95 !important;
}

body.home #sidebar .quicklink span {
	background-image: 		url(../images/elements/buttonbox-footer-home.png) !important;
}

/*
========================================================
Downloads
========================================================
*/

#sidebar .download {
	display:				block;
	margin-bottom:			9px;
	background-image: 		url(../images/elements/downloadbox.png) !important;
	background-repeat: 		no-repeat;
	background-position: 	left top;
	background-color:		#708ba9;
}

#sidebar .download div {
	display:				block;
	background-image: 		url(../images/elements/downloadbox-footer.png);
	background-repeat: 		no-repeat;
	background-position: 	left bottom;
}

#sidebar .download span {
	display:				block;
	background-repeat: 		no-repeat;
	background-position: 	5px 12px;
}

#sidebar .download.file span {
	background-image: 		url(../images/icons/download.gif);
	background-position: 	10px 12px;
}


#sidebar .download.pdf span {
	background-image: 		url(../images/icons/pdf.gif);
}

#sidebar .download.image span {
	background-image: 		url(../images/icons/image.gif);
	background-position: 	10px 15px;
}

#sidebar .download a {
	display:				block;
	width:					183px;
	padding:				15px 15px 15px 33px;
	color:					#FFF;
	text-decoration:		none;
	background-image: 		url(../images/icons/bullet-white.gif);
	background-repeat: 		no-repeat;
	background-position: 	216px 20px;
}

/*
========================================================
table.extend (Table) 
========================================================
*/

.tableh4 {
	margin-top:						25px;
	padding:						10px 15px;
	font-size:						16px;
	line-height:					20px;
	color:							#781d79;
	font-weight:					normal;
	background-color:				#e1e7e7;
	-moz-border-radius-topleft: 	5px;
	-moz-border-radius-topright: 	5px;
	-webkit-border-radius-topleft:	5px;
	-webkit-border-radius-topright:	5px;
}

table.extend {
	border-top:			1px solid #fff;
}

th, td {
	padding:			6px 10px !important;
	vertical-align:		top;
	border-bottom:		1px solid #fff;
	background-color:	#e4e9e9;
	color:				#000;
}

th {
	padding-right:		20px !important;
	background-image: 	none;
	background-color:	#ced7d7;
	color:				#4c4c4c;
}


/*
========================================================
table.image (Table) 
========================================================
*/

table.tblimage th, table.tblimage td {
	border-left:	0;
	border-right:	0;
}

table.tblimage td {
	cursor:			pointer;
}

table.tblimage td.img {
	padding:		0 !important;
	width:			116px;
}

table.tblimage td.img img {
	float:			left;
}

table.tblimage tr:hover td {
	background-color:	#cfd4d4 !important;
}

table.tblimage td a {
	display:				block;
	padding:				0 10px 2px 0;
	color:					#000;
	font-weight:			bold;
	background-image: 		url(../images/icons/bullet-purple.gif);
	background-repeat: 		no-repeat;
	background-position: 	right 5px;
}


/*
========================================================
.table-image Image DL (Definition List) 
========================================================
*/
dl.table-image
{
	width: 				505px;
	margin: 			0;
	padding: 			0;
}

.table-image dt
{
	width: 				148px;
	float: 				left;
	margin: 			0;
	padding: 			0 30px 0 0;
}

dt { clear: both; }

.table-image dd {
	float: 				left;
	width: 				327px;
	margin: 			0;
	padding: 			0;
}

dl.table-image .h2 {
	display:			block;
	border-bottom:		1px solid #d0dada;
	font-weight:		bold;
	padding:			0 0 4px 0;
}

/*
========================================================
paging List (OL List) 
========================================================
*/

ol.paging li {
	margin-bottom:		15px !important;
}

ol.paging li a {
	font-weight:		bold;
}

#primary ul.simplePagerNav {
	margin:			30px 0 0 25px;
	padding:		0;
	list-style:			none !important;
	background-image:	none !important;
}

#primary ul.simplePagerNav li {
	margin:			0;
	padding:		0;
	list-style:			none !important;
	background-image:	none !important;
}

#primary ul.simplePagerNav li {
	font-size:			11px;
	display:			inline;
}

#primary ul.simplePagerNav a {
	border: 		1px solid #DDDDDD;
	margin-right:	4px;
}

#primary ul.simplePagerNav li.currentPage a {
	background-color:	#781d79;
	color:				#FFF;
}

#primary ul.simplePagerNav a:link,
#primary ul.simplePagerNav a:visited {
	color:				#000;
	display:			block;
	float:				left;
	padding:			3px 6px;
	text-decoration:	none;
}

#primary ul.simplePagerNav a:hover{
	border:			1px solid #666666;
}

/*
========================================================
CREDIT
========================================================
*/

.credit {
	clear:			both !important;
	display:		block !important;
	position:		absolute !important;
	bottom:			90px !important;
	margin-top:		100px;
	padding-left:	20px;
	color:			#c9cfd0;
}

.credit a {
	display:		block;
	position:		relative;
	margin-bottom:	10px;
	width:			134px;
	text-indent:	-9999px;
	background-image: 		url(../images/credit.png);
	background-repeat: 		no-repeat;
}

.credit a.sobbedesign {
	height:					13px;
	background-position: 	left top;
}

.credit a.sobbedesign:hover {
	background-position: 	left -81px;
}

.credit a.jivemedia {
	height:					25px;
	background-position: 	left -24px;
}

.credit a.jivemedia:hover {
	background-position: 	left -105px;
}

.credit a.intermidia {
	height:					23px;
	background-position: 	left -58px;
}

.credit a.intermidia:hover {
	background-position: 	left -139px;
}