/*
***** Created at 14.01.10, 14:05:13 by CYBERhouse Import/Update-Script*****
***** Revision: 1104
*/


/**
 *	seso media group <www.seso.at>
 *
 *	$URL: http://seso1.unfuddle.com/svn/seso1_a1portaldevelopment/css/cdp.css $
 *	$Date: 2009-04-16 15:00:30 +0200 (Do, 16. Apr 2009) $
 *	$Revision: 894 $
 *	$Author: simon $
 */
 
 /*******************************************************************************
	DOWNLOAD LIST
*******************************************************************************/

.downloadList .contentLayer {
	padding: 0px;
	padding-bottom: 0px;
	padding-left: 15px;
}

.downloadList .contentLayer p {
	position: static;
}

.downloadList .contentLayer h2 {
	
	margin-top: 12px;
	margin-bottom: 8px;
	
	width: 283px;
}

.downloadList .contentLayer .cat_select {
	
	float: left;
	margin-top: 13px;
}

.downloadList .contentLayer .cat_select select {
	
	height: auto;
}

.downloadList .downloadElement{
	width: 267px;
	float:left;
	padding-right: 15px;
	padding-bottom: 15px;
	padding-top: 15px;
}

.downloadElement a{
	text-decoration:none;
}

.downloadElement a:hover{
	text-decoration: underline;
}

.downloadList .downloadElement .teaserImg{
	float:left;
	padding: 1px;
	border: solid 1px #4b4d4b;
	position: relative;
}

.downloadList .downloadElement .descBox{
	float:left;
	padding-left: 15px;
	width: 177px;
	height: 75px;
}

.downloadList .downloadElement .descBox .header{
	position: absolute;
	top: 0px;
}

.downloadList .downloadElement .descBox .priceBox{
	position: absolute;
	top: 36px;
}

.downloadList .downloadElement .descBox .priceBox img{
	margin-right:5px;
}

.downloadList .specialPriceBox .descBox .priceBox{
	position: absolute;
	top: 58px;
}

.downloadList .specialPriceBox .descBox .priceBox img{
	margin-bottom: -2px;
	margin-left: 5px;
}

.downloadList .detailview {
	
	width: 450px;
}

.downloadList .detailview .descBox{
	
	width: 350px;
}

.detailBox{
	margin-bottom:15px;
	margin-right:15px;
}

.detailBox .button{
	margin-top:5px;
}

.detailBox p{
	margin-top:10px;
}

.detailBox .weiterempfehlen img{
	margin-bottom:-3px;
	margin-right:5px;
}

.detailBox .weiterempfehlen a{
	text-decoration:none;
}

.detailBox .weiterempfehlen a:hover{
	text-decoration: underline;
}

.fulldetailBox {

	margin-bottom: 0px;
	margin-right: 0px;
}


/*******************************************************************************
	vertical Downloads
*******************************************************************************/

.verticalDownloads .button{
	position: relative;
}

.vDElement{
	float: left;
	width: 125px;
	text-align: left;
	margin-right: 16px;
	margin-top: 15px;
	position: relative;
}

.vDElement a{
	text-decoration:none;
}

.vDElement a:hover{
	text-decoration: underline;
}

.lastvDElement{
	margin-right: 0px;
}

.vDElement p{
	margin: 0px;
	padding: 0px;
}

.vDElement .teaserImg{
	padding: 1px;
	margin-bottom: 5px;
	border: solid 1px #4b4d4b;
}

.vDElement .descBox{
	width: 110px;
	height: 70px;
	padding-right: 15px;
}

.vDElement .descBox .header{
	height: 35px;
}

.vDElement .descBox .priceBox{
	height: 35px;
	margin: 0px;
}

.vDElement .descBox .priceBox p{
	margin-top: 0px;
	margin-bottom: 3px;
}

.vDElement .descBox .priceBox img{
	margin: 0px;
}

/*******************************************************************************
	DOWNLOAD TABLE
*******************************************************************************/

.cdpDownloadTable{
	margin:0px;
}

.cdpDownloadTable {
	vertical-align: top;
}

.cdpDownloadTable  a{
	text-decoration:none;
}

.cdpDownloadTable a:hover{
	text-decoration: underline;
}

.cdpDownloadTable td{
	border: 0px;
	border-bottom: 1px solid #333433;
	padding-right:0px;
	padding-left:0px;
}

.cdpDownloadTable .priceColumn{
	width: 120px;
	text-align: right;
	vertical-align: bottom;
}

.cdpDownloadTable .priceColumn img{
	margin-left: 3px;
	margin-bottom: -2px;
}

.cdpDownloadTable .button span a {
	text-decoration: none!important;
}

.threeCol .mainColumn{
	width: 220px;
}

.fourCol .mainColumn{
	width: 150px;
}

.fourCol .midColumn{
	width: 140px;
	padding-right:10px;
}

.priceCol {
	
	width: 190px;
}

.cdp_promo {
	
	margin-top: -10px;
	margin-bottom: 14px;
}

/*******************************************************************************
	DETAIL TABLE
*******************************************************************************/

.cdpDetailTable{
	margin-bottom: 15px;
}

.cdpDetailTable td{
	padding-bottom: 15px;
}

/*******************************************************************************
	MIXED CONTENT (table + list)
*******************************************************************************/

.mixedContent .button{
	position: relative;
}

.mixedContent .contentLayer{
	padding-top:10px;
}

.mixedContent .button{
	margin-right:10px;
}

.mixedContent table{
	padding-right:10px;
}

/*******************************************************************************
	SIDE TEASER
*******************************************************************************/
.searchInDownloads form select{
	background-color:#EBEBEB;
	color:#000000;
	font-weight:bold;
	margin-bottom:10px;
}

.searchInDownloads form .textfield{
	width:159px;
	margin-bottom:10px;
}

.gewaehltesHandy img{
	margin-top: 4px;
	margin-left: 27px;
}

.gewaehltesHandy p{
	margin-top: 6px;
}

.gewaehltesHandy .button{
	position: relative;
	margin-top: 6px;
	left: -60px;
	margin-bottom: 10px;
}


/*******************************************************************************
	PAGINATOR
*******************************************************************************/


.paginator{
	
	text-align: center;
	margin-bottom: -4px;
}
.downloadList .paginator{
	
	margin-bottom: 15px;
}


/*******************************************************************************
	CDP-BREADCRUMB
*******************************************************************************/

.cdp_breadcrumb .nullPoint {

	background-image: url(/final/de/Images/Layout/imgs_global_cdp_breadcrumb_bg.png);
	background-repeat: repeat-x;
}

.cdp_breadcrumb .contentLayer {

	padding: 0px;
	overflow-x: hidden;
	
	position: static;
}

.cdp_breadcrumb .contentLayer .br ul {
	
	width: 389px;
	
	margin-bottom: 5px;
	float: left;
}

.cdp_breadcrumb .contentLayer .br {
	
	white-space: nowrap;

	overflow: hidden;
	height: auto;
}

.cdp_breadcrumb .contentLayer .br .deco {
	
	margin-bottom: -35px;
}

.cdp_breadcrumb .contentLayer .br ul li {
	
	white-space: nowrap;
	float: left;
	padding-right: 2px;

	background-image: none;
}


.cdp_breadcrumb .contentLayer .br ul li a {

	background-image: url(/final/de/Images/Layout/imgs_global_arrow_big_grau.gif);
	background-repeat: no-repeat;
	background-position: 0px 1px;
	padding-left: 12px;
	
	font-weight: normal;
	display: block;
}
.cdp_breadcrumb .contentLayer .br ul li a.act {

	color: #fabb00;
	font-weight: normal;
	
	background-image: url(/final/de/Images/Layout/imgs_global_arrow_big_gelb.gif);
	background-repeat: no-repeat;
	background-position: 0px 1px;
	
	width: auto!important;
	display: block;
}

.cdp_breadcrumb .contentLayer ul {

	margin-top: 8px;
}


/*******************************************************************************
	VARIOUS STAFF
*******************************************************************************/

.module .contentLayer .text ul li {
	
	background-image: url(/final/de/Images/Layout/imgs_global_arrow_big_grau.gif);
	width: 162px;
	float: left;
	white-space: nowrap;
	padding-bottom: 1px;
}

.oneColumn .contentLayer .text ul li {
	
	float: none;
}

.oneColumn .contentLayer .decorator div {
	
	width: 430px;
}

.twoColumn .contentLayer .decorator div {
	
	width: 430px;
}

.twoColumn .contentLayer .text{
	padding-left: 10px;
	width: 260px;
	float:left;
}

.twoColumn .contentLayer .text ul {
	
	margin-bottom: 50px;
}

.twoColumn .contentLayer .text ul li {
	float: none;
}

.contentLayer .alphabet {
	font-weight: bold;
	text-align:center;
}

.contentLayer .alphabet a{
	color: #f5f5f5;
}

.contentLayer .alphabet h3{
	margin-bottom: 10px;
	font-size: 0.9em;
}

.contentLayer .alphabet span.act {
	
	font-size: 1em;
	color: #fabb00;
}

.decorator .typ5 {

	top: 75%;
}

.decorator .long {

	top: 100%;
	margin-top: -114px;
	height: 114px;
	background-image: url(/final/de/Images/Layout/imgs_global_decorator_long.png);
}

.neuheiten .section{
	float:left;
	width: 172px;
	height: 92px;	
	background-image: url(/final/de/Images/Layout/imgs_global_bg_neuheiten.jpg);
	padding-left: 8px;
	padding-top: 5px;
	color: #f5f5f5;
}

.neuheiten .section .description{
	height: 50px;
}

.neuheiten .section .priceBox{
	margin: 0px;
}

.neuheiten .section .priceBox p{
	margin: 0px;
	margin-top: -3px;
	margin-left: 4px;
	margin-bottom: 5px;
}

.neuheiten .firstTwoCol{
	margin-right: 5px;
}


/*******************************************************************************
	SLIDER
*******************************************************************************/

.productTeaserSlider {
	
	background-image: none;
	height: 198px;
	width: 250px;
}

.productTeaserSlider .downloadElement .teaserImg {
	
	float: left;
	margin-right: 10px;
	margin-left: 2px;
	margin-bottom: 34px;
	margin-top: 7px;
	
	padding: 1px;
	border: 1px solid #4b4d4b;
}

.productTeaserSlider .downloadElement .descBox {
	
	float: left;
	text-align: left;
	width: 155px;
	margin-top: 4px;
}

.productTeaserSlider .downloadElement .descBox .priceBox a img {
	
	margin-right: 1px;
}

.productTeaserSlider .downloadElement .descBox .header {
	
	height: 38px;
}

/*******************************************************************************
	Suchergebnisse
*******************************************************************************/

.suchergebnisse .nullPoint{
	background-image: none;
}

.suchergebnisse .table{
	margin-top: 15px;
}

.suchergebnisse .mainColumn{
	width: 250px!important;
}

.suchergebnisse .cell{
	margin:0px
}

.suchergebnisse .cell p{
	margin:0px;
	line-height:100%;
}

.suchergebnisse .cell p strong{
	font-size: 0.7em;
}

/*******************************************************************************
	Kategorien
*******************************************************************************/

.kategorien .contentLayer p{
	margin-bottom: 0px;		
}

.kategorien .contentLayer ul{
	margin-top: 0px;
	margin-left: 10px;		
}

.kategorien .contentLayer .cell{
	width: 220px;
}

.kategorien .contentLayer .cell em{
	font-size: 0.7em;
	color: #cacaca;
}

.kategorien .contentLayer .cell strong{
	font-size: 0.7em;
	color: #f5f5f5;
}

.contentLayer ol li {
	
	margin-left: 20px;
}

.kategorien .contentLayer ul li ul {
	
	font-size: 1em;
	margin-left: 7px;
}

.kategorien .contentLayer ul li.subkat {
	
	background-image: none!important;
}

/*******************************************************************************
	Special HOME Modules
*******************************************************************************/

.cdp_half {
	margin-right:4px;
}

.meineEinstellungenHalfMod .nullPoint{
	height: 280px;
}

.meineEinstellungenHalfMod h2{
	margin-top: 180px!important;
}

.cdp_half h2 {
	float: none;
	width: 100%;
	margin-bottom: 7px;
	margin-top: 7px;
}

.cdp_half .downloadElement {
	padding-right:0px;
	width: 250px;
}

.cdp_half .downloadElement .descBox{
	width: 160px;
}

.cdp_half {
	width: 288px;
}

.cdp_half .nullPoint {
	width: 284px;
	margin-top:10px;
}

.cdp_half .contentLayer {
	padding-top: 0px;
	padding-bottom: 5px;
	padding-right: 15px;
}

.cdp_half .bottomLink{
	float:right;
	margin: 5px 0px;
}

.cdp_half .contentLayer .hr{
	margin-top: 0px;
	margin-bottom: 4px;
}

.cdp_half .cdpDownloadTable .priceColumn {
	width: 90px;
}

.cdp_noBG .nullPoint {
	background-image: none;
}

.cdp_noBG .vDElement {
	margin-top: 10px;
	margin-bottom: 5px;
}

.cdp_noBG .bottomLink{
	float:right;
	margin-bottom: 5px;
	margin-right: 15px;
}

.start_linkHeader{
	margin-top: -2px;
	width: 100%;
	text-align: right;
	background-image:url(/final/de/Images/Layout/imgs_global_tabHead_act_bg.jpg);
	background-repeat:repeat-x;
	overflow:hidden;
}

.halfModMusikFreizeichen{
	text-align: left;
}

.halfModMusikFreizeichen strong{
	margin-left: 15px;
}

.start_linkHeader p{
	padding: 0px;
	padding-top: 7px;
	padding-right: 10px;
	font-size: 0.6em;
}

.start_linkHeader .hr{
	margin: 0px;
}

.start_linkHeader a{
	text-decoration: none;
}

.start_linkHeader a:hover{
	text-decoration: underline;
}

.start_linkHeader .act{
	color: #FABB00;
}

.cdpHome3Col .contentLayer{
	padding-bottom: 0px;
}

.cdpHome3Col .left{
	float:left;
	width: 180px;
	padding-bottom: 15px;
}

.cdpHome3Col .mid{
	position: absolute;
	left: 210px;
	bottom: 0px;
}

.cdpHome3Col .right{
	float:right;
	width: 180px;
	padding-bottom: 15px;
}

.cdpHome3Col .left img{
	margin-top: 5px;
}

.cdpHome3Col .right img{
	margin-top: 5px;
}

/*******************************************************************************
	artist Teaser
*******************************************************************************/

.artistTeaser .nullPoint{
	height: 155px;	
}

.artistTeaser .contentLayer h2{
	margin-left: 190px;	
}

.artistTeaser .contentLayer p{
	margin-left: 190px;	
}

/*******************************************************************************
	Musik Kaufen
*******************************************************************************/

.musikKaufen .tableContainer{
	background-image:url(/final/de/Images/Layout/imgs_global_bg_tabsongkaufen.png);
	background-repeat: no-repeat;
	margin-bottom: 15px;
	padding: 5px;
	padding-left: 0px;
	width: 545px;
}

.musikKaufen .tableContainer .cdpDownloadTable{
	width: 500px;
}

.musikKaufen .tableContainer .cdpDownloadTable .mainColumn{
	width: 100px;
	padding-left: 15px;
}

.musikKaufen .tableContainer .cdpDownloadTable .buttonColumn{
	width: 450px;
}

.musikKaufen .tableContainer .cdpDownloadTable .buttonColumn img{
	margin-bottom: -4px;
	margin-left: 5px;
}

.musikKaufen .button{
	margin-left: 10px;
}

.kaufbestaetigung .priceColumn{
	text-align: right;
}

.kaufbestaetigung .priceColumn .button{
	float: right;
	margin:0px;
	margin-left: 10px;
	margin-right: 5px;
	font-size: 1.5em;
}

.kaufbestaetigung .priceColumn img{
	margin-top: 3px;
}

.einstellungen .contentLayer p{
	width: 350px;
}

.einstellungen .contentLayer{
	width: 380px;
	overflow: hidden;
}

.einstellungen .decorator .typ1 {

	top: 80%;
	margin-top: -75px;
	height: 100px;
	background-image: url(/final/de/Images/Layout/imgs_global_decorator1.png);
}

/*******************************************************************************
	Meine Einstellungen Page
*******************************************************************************/

.einstellungenIntro .nullPoint{
	height: 180px;	
}

.einstellungenIntro .contentLayer h2{
	margin-left: 190px;	
}

.einstellungenIntro .contentLayer p{
	margin-left: 190px;	
}

.einstellungenPlaylist .contentLayer{
	padding: 0px;
	padding-bottom: 15px;
}

.einstellungenPlaylist .kaufbestaetigung{
	width: 550px;
	margin: 15px;
}

.einstellungenPlaylist .addTitle{
	padding-left: 15px;
	padding-right: 15px;
	padding-top: 10px;
}

.einstellungenPlaylist .addTitle p{
	margin: 0px;
	float: left;
	font-size: 1em;
}

.einstellungenPlaylist .addTitle select{
	width: 250px;
	margin-left: 20px;
	margin-top: 2px;
}

.einstellungenPlaylist .addTitle .button{
	margin: 0px;
	margin-left: 20px;
	margin-top: 2px;
}

.einstellungenPlaylist .addTitle .submit{
	margin: 0px;
	margin-left: 20px;
	margin-top: 2px;
}

.einstellungenPlaylist .addTitle img{
	margin: 0px;
	margin-left: 30px;
	margin-top: 1px;
}

.widePrice .priceColumn{
	width: 170px;
}

.veryWidePrice .priceColumn{
	width: 260px;
	text-align: left;
}

.veryWidePrice .header{
	padding-left: 20px;
}

.veryWidePrice td{
	vertical-align: top;
}

.veryWidePrice .priceColumn img{
	margin-bottom: 0px;
	margin-top: 1px;
}

.veryWidePrice .priceColumn .songTitle{
	width: 255px;
	margin-left: 5px;
	margin-top: -3px;
	margin-bottom: -5px;
}

.veryWidePrice .songTitleColumn {
	width: 240px;
}

.veryWidePrice .playButtonColumn {
	width: 20px;
	padding-top: 8px;
}

.veryWidePrice .priceColumn .songTitle p{
	font-size: 1em;
}

.veryWidePrice .midColumn{
	width: 170px;
	text-align: left;
}

.veryWidePrice .mainColumn{
	width: auto;
}

.veryWidePrice{
	margin-bottom: 15px!important;
}

.aboEnde p{
	width: 400px;
}


/*******************************************************************************
	Musik Hauptseite
*******************************************************************************/

.musikPortal .nullPoint{
	height: 212px;
}

.musikPortal .contentLayer h2{
	margin-left: 230px;
}

.musikPortal .contentLayer p{
	margin-left: 230px;
}

.musikPortal .contentLayer img{
	position:absolute;
	top: 180px;
	left: 460px;
}

.musikPortal .contentLayer .smallerImg{
	left: 467px;
}

/*******************************************************************************
	Musik Freizeichen
*******************************************************************************/

.freizeichenIntro .nullPoint{
	height: 100px;
}

.freizeichenIntro p{
	margin-left: 150px;
}

.freizeichenIntro .bgLayer img{
	position: absolute;
	top: 6px;
}

.decorator .interpreten {

	top: 100%;
	left: 0;
	margin-top: -180px;
	height: 180px;
	width: 580px;
	background-image: url(/final/de/Images/Layout/imgs_global_bg_decorator_musikinterperten.png);
}

.decorator .musikrichtungen {

	top: 100%;
	left: 0;
	margin-top: -219px;
	height: 219px;
	width: 580px;
	background-image: url(/final/de/Images/Layout/imgs_global_bg_decorator_musikrichtungen.png);
}

.freizeichenInterperten .text{
	width: 130px;
	float: left;
	margin-bottom: 40px;
}

.freizeichenInterperten .text li{
	float: none!important;
	width: 130px;
}

.freizeichenInterperten img{
	position: absolute;
	top: 105px;
	left: 220px;
}			

.freizeichenRichtungen .text{
	width: 180px;
	float: left;
}

.freizeichenRichtungen .first{
	width: 180px;
	float: left;
	margin-bottom: 65px;
}

.freizeichenRichtungen .text li{
	float: none!important;
	width: 180px;
}

/*******************************************************************************
	Lightboxes
*******************************************************************************/

.DLempfehlungBox .teaserImg{
	padding: 1px;
	border: 1px solid #4B4D4B;
	float: left;
}

.DLempfehlungBox .infoBox{
	float:right;
	width: 270px;
}

.DLempfehlungBox img{
	margin-right:-5px;
}

.DLempfehlungForm label{
	width: 70px;
	float: left;
}

.DLempfehlungForm textarea{
	width: 200px;
	height: 50px;
	margin-bottom: 7px;
}

.DLempfehlungForm .buttonContainer {
	
	width: 150px!important;
	margin-top: 7px;
	margin-left:64px;
}

.DLempfehlungForm .button{
	float:left;
}

.lBTellFriendDistLeft{
	margin-left:70px;
}

.fullSizeLightboxContent{
	margin-top: 5px;
}

.fullSizeLightboxContent .cellphonePreview{
	background-image:url(/final/de/Images/Layout/imgs_global_lightbox_Handy_BG.jpg);
	background-repeat: no-repeat;
	float:left;
	width:110px;
	height: 140px;
	text-align: center;
	margin-bottom:10px;
	margin-right: 10px;
}

.meineAnruferDelCaller .checkbox{
	margin-top: 0;
}

.meineAnruferDelCaller .mainColumn{
	padding-right: 5px;
}

.meineAnruferDelCaller .priceColumn{
	padding-left: 5px;
	width: auto;
}

.meineAnruferDelCaller label{
	font-size: 1em;
	margin-top: -4px;
	margin-left: 17px;
}

.meineAnruferDelCaller .songTitle{
	width: 200px;
	float: right;
}

.meineAnruferDelCaller .priceColumn a{
	float: right;
	position: static;
	margin-left: 10px;
}

.meineAnruferDelCaller .priceColumn a img{
	margin-top: 2px;
	position: relative;
}


.meineAnruferNeuerAnfufer .button{
	margin-left: 285px;
}

.meineAnruferNeuerAnfufer .submit{
	margin-left: 213px;
}

.meineAnruferNeuerAnfufer .kundendatenSelectWidthFull{
	width:205px;
}

.meineAnruferNeuerAnfufer input{
	margin-right: 5px;
	float: left;
}

.meineZeiteinstellung .zeiten{
	width: 80px;
	float: left;
	
	margin-top: 1px;
	height: auto;
}

.meineZeiteinstellung .undDistForm{
	width: 30px;
	float: left;
	margin-left: 5px;
}

.meineZeiteinstellung .dayDistForm{
	width: 120px;
	float: left;
	padding-top: 2px;
}

.meineZeiteinstellung .button{
	margin-left: 10px;
	margin-top: 0px;
}

.meineZeiteinstellungTitelhinzu {
	margin-top: 30px;
}

.meineZeiteinstellungTitelhinzu .button{
	margin-top: 0px;
}

.meineZeiteinstellungTitelhinzu select{
	width: 200px;
	height: auto;
}

.meineZeiteinstellungTitelhinzu .undDistForm{
	width: 30px;
	float: left;
	margin-left: 0px;
	margin-bottom: 2px;
	margin-top: -2px;
}

.meineZeiteinstellungTitelhinzu select{
	float: left;
	margin-right: 5px;
}

.meineZeiteinstellungDelTitle{
	margin-top: -6px;
} 

.meineZeiteinstellungDelTitle .threeCol .mainColumn {
	
	width: 280px;
}

.meineZeiteinstellungDelTitle .threeCol .mainColumn .checkbox {
	
	margin-top: 4px;
}

.meineZeiteinstellungDelTitle .threeCol .priceColumn {
	
	width: 30px;
}

.meineZeiteinstellungDelTitle label{
	font-size: 1em;
	margin-left: 17px;
}

.meineZeiteinstellungDelTitle img{
	margin-bottom: 3px!important;
	margin-right: 5px!important;
} 

.meineZeiteinstellungDelTitle .button{
	margin-top: 7px!important;
} 

.meineZeiteinstellungDelTitle .checkbox{
	float: left;
} 

.meineZeiteinstellungDelTitle label{
	width: 200px;
} 

.promotion_element {

	float: left;
	margin-right: 19px;
}

.promotion_element span {
	
	display: block;
	margin-top: 3px;
}

/*******************************************************************************
	RECOMMENDED ITEMS
*******************************************************************************/

.recommended {
	
	margin-top: 20px;
}

.recommended img {
	
	padding: 2px;
	border: 1px solid #4B4D4B;
	float: left;
	margin-right: 15px;
}

.recommended div.button {
	
	margin-top: 97px;
}




#moodSwfContainer {

	width: 260px;
	height: 36px;
	
	position: relative;
	left: -10px;
}
