@charset "UTF-8";
/* CSS Document */

/*
Theme Name: KOMPAKT.fm
Theme URI: http://www.kompakt.fm
Description: 6 spalten je 160px mit abstand 8px 
Date: 23.07.2008
Author: © 2008, Ansgar Hiller, Planet Pixel, Köln
*/



/* hide addthis bar that appears 'sometimes' at the top of the page */
#atffc { display: none; }


html { height: 100%; margin-bottom: 1px; } /* force vertical scrollbar to avoid page 'jumping' */
html #detached { height: auto; }


/*
.status{display:block}
.status *{
	display:block;
	height:1px;
	overflow:hidden;
	font-size:.01em;
	background:#ff6600}
.status1{
	margin-left:3px;
	margin-right:3px;
	padding-left:1px;
	padding-right:1px;
	border-left:1px solid #ff6600;
	border-right:1px solid #ff6600;
	background:#ff6600}
.status2{
	margin-left:1px;
	margin-right:1px;
	padding-right:1px;
	padding-left:1px;
	border-left:1px solid #ff6600;
	border-right:1px solid #ff6600;
	background:#ff6600}
.status3{
	margin-left:1px;
	margin-right:1px;
	border-left:1px solid #ff6600;
	border-right:1px solid #ff6600;}
.status4{
	border-left:1px solid #ff6600;
	border-right:1px solid #ff6600}
.status5{
	border-left:1px solid #ff6600;
	border-right:1px solid #ff6600}
.statusfg{
	padding: 5px;
	background:#ff6600}

#errorStatus {
   /*background-color: #ff0;* /
   margin: 0px 0px 0px 0px;
   padding: 5px;
}
#errorStatus h2 {
    color: #c00 !important;
    margin: 0px;
    font-size: medium;
    font-weight: bold;
}
#errorStatus ul {
    color: #000 !important;
    margin: 0px;
	padding:0px;
    list-style: square;
}
#errorStatus ul li {
  	margin-left:14px;
	font-weight: bold;
}

#successStatus {
   /* background-color: #690;* /
    margin: 0px 0px 0px 0px;
    padding: 5px;
}
#successStatus h2 {
    color: #000 !important;
    margin: 0px;
    font-size: medium;
    font-weight: bold;
}
#successStatus ul {
    color: #000 !important;
    margin: 0px;
	padding:0px;
    list-style: square;
}
#successStatus ul li {
	margin-left:14px;
	font-weight: bold;
}
*/






div.newButton {
	display:block;
	float:left;
	height:auto;
	margin-right:8px;
	text-align:center;
	-moz-background-clip:border;
	-moz-background-inline-policy:continuous;
	-moz-background-origin:padding;
	background:transparent url(/_Media/Frontend/Images/img_composite/bg_tile_homefooter.gif) repeat scroll 0 0;
}

button.newButton, button.newButton:visited {
	border:1px solid #fff;
	display:block;
	font-family:Arial,Helvetica,sans-serif;
	font-size:11px;
	font-weight:bold;
	height:24px;
	line-height:18px;
	margin:2px;
	text-align:center;
	text-transform: uppercase;
	cursor:pointer;
	width:154px;
	background-color:#D6D6D6;
	color:#333;
}

button.newButton:active, button.newButton:hover {
	background-color:#333;
	color:#fff;
}

button.newWideButton {
	width:324px;
}

button.newLoudButton, button.newLoudButton:visited {
	background-color:#f60;
	color:#fff;
}






div.newBoxlink {
	margin:4px 0;
	height:auto;
}

div.newBoxlink a, div.newBoxlink a:visited {
	display:inline;
	float:left;
	font-size:12px;
	font-weight:bold;
	line-height:26px;
	margin-right:8px;
	width:148px;
	background-color:#D6D6D6;
	color:#333333;
	padding:0 6px;
	text-align:center;
	text-decoration:none;
	text-transform: uppercase;
}

div.newLoudBoxlink a, div.newLoudBoxlink a:visited {
	background-color:#f60;
	color:#fff;
}

div.newBoxlink a:active, div.newBoxlink a:hover {
	background-color:#333;
	color:#fff;
}






div.actionSmallLink {
	margin:0px 0px 0px 2px;
}

div.actionSmallLink span {
	font-size:14px;
}

div.actionSmallLink a, div.actionSmallLink a:visited {
	background-color:#D6D6D6;
	color:#333;
	padding:0.1em 0.4em;
	border:0 none;
	margin:0px;
	text-decoration:none;
	text-transform: uppercase;
	font-size:9px;
	font-weight:bold;
	line-height:18px;
}

div.actionSmallAndLoudLink a, div.actionSmallAndLoudLink a:visited {
	background-color:#f60;
	color:#fff;
}

div.actionSmallLink a:active, div.actionSmallLink a:hover {
	background-color:#333;
}











body {
	margin:0px auto;
	background-color: #FFFFFF;
	background-repeat: repeat-x;
	background-position: center top;
	color:#333333;
	font: 12px/18px Arial, Helvetica, sans-serif;
}

#wrapper {
	height:100%;
	width:100%;
	margin: 0px;
}

a, img, div, table, p {border:0px; padding:0px; margin:0px;}

a.linkedImage {background-color:#FFF!important; padding:0px!important;margin:0px!important;}

/* MISC */ 
div#reiterFm p.pageHdl, div#reiterFm p.sectionHdl {margin-left:168px;}
.reiter p.sectionHdl {margin-left:8px;}

/* GLOBAL CONTAINER RULES
---------------------------------------------------------------------------------------------------- */

#siteContainer {
	height:70%;
	width:1008px;
	margin: 0px auto;
}

#playerPopupContainer {
	height:auto;
	width:328px;
	margin: 0px;
}

#siteTop{
	width:1008px;
	height:50px;
	margin:0px;
}
/*
#footer {
	width:1000px;
	height:19px;
	margin: 0px 4px;
	background-color:#333333;
	bottom:0px;
}

#footer p {
	float:left;
	color: #CCCCCC;
	font: 9px/19px Arial, Helvetica, sans-serif;
	margin:0px 6px;
}

#footer p a, #footer p a:visited {text-decoration:none; color:#CCCCCC;} 
#footer p a:hover, #footer p a:active {text-decoration:none; color:#FFFFFF;} 

#footer p.right {float:right;}
*/
#w3 {
	position: fixed;
	left: 15px;
	bottom: 10px;	
}
/*
#logo {
	float:right;
	margin-right:4px;
}
*/
/* LINKS TOPNAVI (KOMPAKTSTYLE - SCHWARZ MIT SCHWARZEM PUNKT)  */
/*
a.topNavi, a.topNavi:visited, a.topNavi:hover, a.topNavi:active {
	display:block;
	float:left;
	margin: 30px 8px 0px 4px;
	padding-left:15px;
	background: url(/_Media/Frontend/Images/img_composite/dotti_darkgrey.gif) no-repeat 0px 2px;
	color:#333333 !important;
	text-decoration:none !important;
}

#siteTop a.cart, #siteTop a.cart:visited, #siteTop a.cart:hover, #siteTop a.cart:active {
	margin: 30px 8px 0px 8px!important;
	background: url(/_Media/Frontend/Images/shop/cart.gif) no-repeat 0px -1px !important;
	padding-left:25px!important;
}

#siteTop a.cartActive, #siteTop a.cartActive:visited, #siteTop a.cartActive:hover, #siteTop a.cartActive:active {
	color:#f60 !important;
}
*/
/* DOTS HAUPTBEREICHE */
/*
ul.navi {
	padding:0px;
	margin: 0px;
	list-style: none outside;
}

ul li.dotContainer {
	
	width:160px;
	height:168px;
	float:left;
	background-repeat: no-repeat;
	background-position: 0px 8px;
	margin: 0px 4px;
	padding:0px;
	list-style: none outside;
}
*/
/* LINKS HAUPNAVIGATION */
/*
.dotContainer a, .dotContainer a:visited, .dotContainer a:hover, .dotContainer a:active {
	display:block;
	font-size:16px;
	font-weight:bold;
	line-height:160px;
	text-align:center;
	text-decoration:none;
	width:160px;
	height:160px;
	background: url(/_Media/Frontend/Images/img_composite/dot_white.png) no-repeat 0px 0px;
	margin: 8px 0px 0px;
	padding: 0px;
}

#dot0.dotContainer a, #dot0.dotContainer a:visited { color:#333333; text-decoration:none;}
#dot0.dotContainer a:hover, #dot0.dotContainer a:active, #home #dot0.dotContainer a {color:#FFFFFF; text-decoration:none; background: url(/_Media/Frontend/Images/img_composite/dot_0.png) no-repeat 0px 0px;}

#dot1.dotContainer a, #dot1.dotContainer a:visited { color:#006F9F; text-decoration:none;}
#dot1.dotContainer a:hover, #dot1.dotContainer a:active, #blog #dot1.dotContainer a {color:#FFFFFF; text-decoration:none; background: url(/_Media/Frontend/Images/img_composite/dot_1.png) no-repeat 0px 0px;}

#dot2.dotContainer a,#dot2.dotContainer a:visited { color:#660000; text-decoration:none;}
#dot2.dotContainer a:hover,#dot2.dotContainer a:active, #artists #dot2.dotContainer a {color:#FFFFFF; text-decoration:none; background: url(/_Media/Frontend/Images/img_composite/dot_2.png) no-repeat 0px 0px;}

#dot3.dotContainer a, #dot3.dotContainer a:visited { color:#4D6811; text-decoration:none;}
#dot3.dotContainer a:hover, #dot3.dotContainer a:active, #labels #dot3.dotContainer a {color:#FFFFFF; text-decoration:none; background: url(/_Media/Frontend/Images/img_composite/dot_3.png) no-repeat 0px 0px;}

#dot4.dotContainer a, #dot4.dotContainer a:visited { color:#C7A10D; text-decoration:none;}
#dot4.dotContainer a:hover, #dot4.dotContainer a:active, #releases #dot4.dotContainer a {color:#FFFFFF; text-decoration:none; background: url(/_Media/Frontend/Images/img_composite/dot_4.png) no-repeat 0px 0px;}

#dot5.dotContainer a, #dot5.dotContainer a:visited { color:#EA208B; text-decoration:none;}
#dot5.dotContainer a:hover, #dot5.dotContainer a:active, #dates #dot5.dotContainer a {color:#FFFFFF; text-decoration:none; background: url(/_Media/Frontend/Images/img_composite/dot_5.png) no-repeat 0px 0px;}

#dot6.dotContainer a,#dot6.dotContainer a:visited { color:#660000; text-decoration:none;}
#dot6.dotContainer a:hover,#dot6.dotContainer a:active, #booking #dot6.dotContainer a {color:#FFFFFF; text-decoration:none; background: url(/_Media/Frontend/Images/img_composite/dot_2.png) no-repeat 0px 0px;}
*/








/* GLOBAL TEXT STYLES
---------------------------------------------------------------------------------------------------- */

h1, h2, h3 {
	font-weight:bold;
	font-family: Arial, Helvetica, sans-serif;
	text-transform: uppercase;
}
h1 {font-size:24px; line-height:26px; margin: 20px 0px 8px;}
h2 {font-size:17px; line-height:17px; margin: 8px 0px 0px;}
h3 {font-size:12px; line-height:16px; margin: 8px 0px 0px;}

h1.unten {margin-top:8px;}
h2.oben {margin-top:20px;}
h3.oben {margin-top:20px;}

p.copy {margin:6px 1px;}

p.teaser {margin:8px 0px; line-height:24px; font-size:1.2em; color:#666666;}

#home p.teaser {margin:8px 0px; line-height:22px; font-size:1em; color:#666666;}

p, div p {margin:8px 0px; line-height:20px; display:block;}

div.trenner, #tracklisting ul div.trenner {
	float:left;
	width:100%;
	height:1px;
	padding-top: 3px;
	background: url(/_Media/Frontend/Images/img_composite/trenner.gif) repeat-x 0px 0px;
	margin:6px 0px;
}

p.trennerTop, h1.trennerTop, h2.trennerTop, h3.trennerTop {
	padding-top: 3px;
	background: url(/_Media/Frontend/Images/img_composite/trenner.gif) repeat-x left top;
}

p.trennerBottom, h1.trennerBottom, h2.trennerBottom, h3.trennerBottom {
	padding-bottom: 3px;
	background: url(/_Media/Frontend/Images/img_composite/trenner.gif) repeat-x left bottom;
}

p.pageHdl {
	font-size:17px;
	font-weight:bold;
	margin-top:29px;
	text-transform: uppercase;
}

.bigPageHdl {
	font-size:32px;
	line-height:40px;
	font-weight:bold;
	text-transform: uppercase;
}

p.bigHdl {
	/*float:left;*/
	/*width:100%;*/
	font-size:17px;
	line-height:17px;
	font-weight:bold;
	text-transform: uppercase;
}

p.veryBigHdl {
	font-size:32px;
	line-height:40px;
	font-weight:bold;
	text-transform: uppercase;
}

p.veryBigHdl .oben, p.bigHdl .oben {
	margin:30px 0px 10px;
}

p.sectionHdl, p.siteHeaderInfoHdl{
	
	font-weight: bold;
	margin-bottom: 0px;
	text-transform: uppercase;
}

p.sectionHdl {
	font-size: 12px;
	line-height:21px;
	margin-top: 23px;
}

p.siteHeaderInfoHdl {
	font-size: 12px;
	line-height:18px;
	margin-top: 8px;
}

p.bottom, h1.bottom, h2.bottom {
	margin-top: 8px !important;
	margin-bottom: 16px !important;
}

p.top, h1.top, h2.top {
	margin-top: 16px !important;
	margin-bottom: 8px !important;
}

p.even, h1.even, h2.even {
	margin-top: 8px !important;
	margin-bottom: 8px !important;
}

p.even, h1.even, h2.even {
	margin-top: 8px !important;
	margin-bottom: 8px !important;
}

.reiter p.sectionHdl {
	margin-top: 30px;
	margin-bottom: 6px;
}

/* HELFERCHEN */

p.right {float:right;}

p.small, div p.small {color:#555555; line-height:18px; font-size:9px; margin:8px 0px; /*display:block;*/}
span.small {color:#555555; line-height:18px; font-size:9px; display:inline;}

p.upper, div p.upper, span.upper {text-transform: uppercase;}

p.light, span.light {font-weight:normal;}

p.nomargin, span.nomargin, div.nomargin {margin-top:0px !important; margin-bottom:0px !important;}

p.formLabel, span.formLabel {font: 9px/16px Arial, Helvetica, sans-serif; margin:0px 3px; text-transform: uppercase;}

div.formLabel { margin-top:4px !important; margin-bottom:0px !important;}

.snippet h1, .snippet h2, .snippet h3 {}
.snippet p {margin: 4px 0px 8px; line-height:18px;}

/* TEXTLINKS */
a, a:visited, a:hover, a:active {text-decoration:none; padding:0em 0.2em;}

.videoItem a, .videoItem a:visited, .videoItem a:hover, .videoItem a:active {padding:0px; background-color:transparent !important;}
fieldset a, fieldset a:visited, fieldset a:hover, fieldset a:active {padding:0px;}
#calendar a, #calendar a:visited, #calendar a:hover, #calendar a:active {padding:0px;}

.snippet a, .snippet a:visited {color:#666666; text-decoration:underline; font-weight:bold;}
.snippet a:hover, .snippet a:active {color:#660000; }

#shortInfo a, #shortInfo a:visited {color:#666666; text-decoration:underline; font-weight:bold;}
#shortInfo a:hover, #shortInfo a:active {color:#660000; }

#longInfo a, #longInfo a:visited {color:#666666; text-decoration:underline; font-weight:bold;}
#longInfo a:hover, #longInfo a:active {color:#660000; }

a.textlink, a.textlinkClicked {padding: 0.1em 0.4em;}

.contentItem a.textlink, p a.textlink, p a.textlinkClicked, p a.textlinkHome, p a.textlinkBlog, p a.textlinkArtists, p a.textlinkLabels, p a.textlinkReleases, p a.textlinkDates {text-transform: uppercase;}

p.sectionHdl a.textlink, p.sectionHdl a.textlinkClicked {font-size:12px;}

p.sectionHdl a.textlinkClicked:hover, p.sectionHdl a.textlinkClicked:active {font-size:12px; text-decoration: none !important; }

p.pageHdl a.textlink, p.pageHdl a.textlinkClicked {font-size:17px;}

/* TABS */

.tabs{
padding: 3px 0px;
margin-left: 0px;
margin-top: 1px;
margin-bottom: 0px;
text-transform: uppercase;
list-style-type: none;
text-align: right; /*set to left, center, or right to align the menu as desired*/
}

.tabs li{
display: inline;
margin: 0px;
}

.tabs li a{
text-decoration: none;
padding: 3px 7px;
margin-right: 3px;
border: 1px solid #778;
color: #2d2b2b;
}

.tabs li a:visited{
color: #2d2b2b;
}

.tabs li a:hover{
text-decoration: underline;
color: #2d2b2b;
}

.tabs li.selected{
position: relative;
top: 1px;
}

.tabs li.selected a{ /*selected main tab style */
border-bottom-color: white;
}

.tabs li.selected a:hover{ /*selected main tab style */
text-decoration: none;
}

/* TABS */

/* BOXLINKS in balken */

.balken a.right, .balken a.right:visited {display:inline; float:right; border-left: 2px solid #FFFFFF;}
.balken a.left, .balken a.left:visited {display:inline; float:left; border-right: 2px solid #FFFFFF;}

.balken a.boxlink, div.balken a.boxlinkGrau, div.balken a.boxlinkBlau, div.balken a.boxlinkGruen, div.balken a.boxlinkRot, div.balken a.boxlinkGelb, div.balken a.boxlinkPink,
.balken a.boxlinkHome, div.balken a.boxlinkBlog, div.balken a.boxlinkLabels, div.balken a.boxlinkArtists, div.balken a.boxlinkReleases, div.balken a.boxlinkDates 
.balken a:visited, .balken a.boxlink:visited {
	display:inline;
	padding: 0px 6px 0px 6px;
	line-height: 19px;
	font-weight: bold;
	text-transform: uppercase;
	text-decoration: none !important;
}

div.balken a.commentIcon, div.balken a:hover.commentIcon, div.balken a:active.commentIcon {
	padding: 0px 0px 0px 6px;
	height: 19px;
	border-right: solid 2px #FFFFFF; 
}

/* unterklassen für text- und boxlink*/
div.balken a.bigger, div.contentItem p.bigger, div.contentItem p span.bigger {font-size:1.5em;} /* "z.b. für verlinkte satzzeichen */

div.balken a.assetLeft, div.balken a.assetLeft:visited {display:inline; float:left; width:148px; height:26px; margin-right:8px; font-size:12px; line-height:26px; text-align:center;}
div.balken a.assetRight, div.balken a.assetRight:visited {display:inline; float:right; width:148px; height:26px; margin:0px; font-size:12px; line-height:26px; text-align:center;}

/* DOT LINKS */ 

a.dotRadio, a.dotRadioClicked {
	display:block;
	float:left;
	height:21px;
	margin: 0px 0px;
	font-size:11px;
	line-height:20px;
	text-decoration:none;
	text-transform: uppercase;
	padding: 0px 8px 0px 20px;
	width: 132px;
}

a.dotRadio, a.dotRadio:visited {color:#999999; background: url(/_Media/Frontend/Images/img_composite/boxlink_dot_weiss.png) no-repeat 0px 1px;}
a.dotRadio:hover, a.dotRadio:active {color:#333333; background: #D6D6D6 url(/_Media/Frontend/Images/img_composite/boxlink_dot_0.png) no-repeat 0px 1px;}
a.dotRadioClicked {color:#666666; font-weight:bold; background: url(/_Media/Frontend/Images/img_composite/boxlink_dot_0.png) no-repeat 0px 1px;}

a.dotlink, a.dotlinkClicked {
	display:block;
	float:left;
	/*height:21px;*/
	margin: 2px 0px;
	font-size:11px;
	line-height:16px;
	text-decoration:none;
	text-transform: uppercase;
	padding: 2px 4px 2px 20px;
	width: 136px;
}

/* COLS & COLUMNS */

/* COLUMNS - Spalten ohne Steg  */
.columnItem {min-height:10px; width:168px; float:left; margin:0px;} /* default (1 spalte) */

div.columns1 {width:168px;}
div.columns2 {width:336px;}
div.columns3 {width:504px;}
div.columns4 {width:672px;}
div.columns5 {width:840px;}
div.columns6 {width:1008px;}

/* CONTENT ITEMS - (cols1 - cols6) Spalten mit 8px spaltenabstand */

.contentItem { width:160px; float:left; margin:0px 4px; overflow:hidden;} /*default (1 spalte) */

.contentItem  div.left {float:left; margin:0px;}
.contentItem  div.right {float:right; margin:0px;}

div.cols1, span.cols1, img.cols1 {width:160px;}
div.cols2, span.cols2, img.cols2 {width:328px;}
div.cols3, span.cols3, img.cols3 {width:496px;}
div.cols4, span.cols4, img.cols4 {width:664px;}
div.cols5, span.cols5, img.cols5 {width:832px;}
div.cols6, span.cols6, img.cols6 {width:1000px;}

div.textured p {margin: 6px 6px;}

/* BLOG STUFF */

div.videoItem, div.audioItem, div.photoItem {
	text-align: center;
	margin-bottom:6px;
	
}
div.videoItem {padding-top:15px; padding-bottom:10px; background: url(/_Media/Frontend/Images/img_composite/bg_tile_homefooter.gif) repeat 0px 0px; margin:4px 0px;}
div.audioItem {padding:0px; background: url(/_Media/Frontend/Images/img_composite/bg_tile_blogfooter.gif) repeat 0px 0px;}

div.galleryItem {float:left; margin:0px; padding:0px;}
div.thumbItem {
	display:inline; 
	margin: 4px; 
	padding: 10px 0px;
	width:160px; 
	height:160px; 
	float:left; 
	text-align: center;
	background: url(/_Media/Frontend/Images/img_composite/bg_tile_blogfooter.gif) repeat 0px 0px;
}

div.photoItem {
	display:block; 
	margin: 4px; 
	padding: 10px 0px;
	float:left;
	clear:both;
	text-align: center;
	background: url(/_Media/Frontend/Images/img_composite/bg_tile_blogfooter.gif) repeat 0px 0px;
}

div.photoItem a img {margin:0px; }

div.thumbItem a img, div.thumbItem a:visited img { border: solid 4px #B9DAE8; }
div.thumbItem a:hover img, div.thumbItem a:active img { border: solid 4px #006F9F; }

div.videoItem object {
	display:inline;
	margin:10px;
}

p .lfdNo{background-color:#006F9F; color:#FFFFFF; padding:0.1em 0.4em;}

p.quotePostTitel a {
	font: 20px Georgia, "Times New Roman", Times, serif;
	text-decoration: none;
	color:#666666;
}


/* ROLLO STYLES - imageItems */

.imageItem {width:160px; display:inline; float:left; margin: 4px; }

.infoToggler { /* wie contentItem immer im columnItem - für listenansicht mit zeilensprung */
	float:left;
	cursor:pointer;
	height:160px;
	width:160px;
	margin:0px; /* changed this val from 4px */
	text-decoration:none !important;
}
.infoToggler h2 {
	line-height:14px;
	font-size:13px;
	text-align:center;
	width:152px;
	margin:0px 4px;
	color:#FFFFFF !important;
	text-decoration:none !important;
}

.infoToggler h2.singelLine {
	line-height:160px;
	text-decoration:none !important;
}

.infoToggler p  {
	line-height:16px;
	font-weight:bold;
	text-transform: uppercase;
	color:#FFFFFF !important;
	text-align:center;
	width:152px;
	text-decoration:none !important;
}

.infoToggler p.oben  {margin: 50px 4px 0px; font-size:12px; text-decoration:none !important;}
.infoToggler p.unten  {margin:0px 4px; font-size:10px; text-decoration:none !important;}

/* ROLLO STYLES ENDE */

span.colsPager {width:240px;}

div.comments p {font-size:11px; line-height:17px;margin-top:10px;}

.columnItem div.reiter {
	height: 52px;
	background-color: #FFFFFF;
	margin-bottom: 4px;
}

div.topmargin {margin-top: 12px;}
div.nomargin {margin:0px;}

div.leer {height:100%;}

p.press {
	background: url(/_Media/Frontend/Images/img_composite/icon_pdf.gif) no-repeat left top;
	padding-left:24px;
	padding-top:1px;
}

/* BALKEN */

div.balken {display:table; float:left; height:auto; width:100%; margin: 4px 0px;}

div.balken p {
	float:left;
	margin: 0px 6px;
	font-size:10px;
	line-height:19px;
	font-weight:bold;
	text-transform: uppercase;
}

/* klassen für balken */

div.crosslinks {height:26px;}
div.contentFooter, div.contentHeadder {height: 19px;}

/* unterklassen für balken */

div.assetLeft {float:left; margin-right: 8px;}
div.assetRight, div.assetLeft-last {float:right; margin-right: 0px;}

div.contentHeadder p {color: #FFFFFF;}

div.balken a.commentIcon {float: left;}

div.balken p.right, div.balken span.right  {float: right;}
div.balken p.left, div.balken span.left {float: left;}

/* für den MP3-Player */
#mp3Headder {
	background-color:#FFFFFF;
	background: url(/_Media/Transition/player/bottom.png) no-repeat left top;
	margin:0px 4px;
}
#mp3Headder .contentHeadder {margin: 0px;}
#mp3Headder h3 {margin-left:6px; line-height:16px;}

/* IMAGE STYLES */

img.contentImage { /*  mit 4px abstand oben + unten */
	float:left;
	margin: 4px 0px;
}

img.cover, img.detail { /* 160 x 160 mit 4px aussenabstand */
	float:left;
	width:160px;
	height:160px;
	margin: 4px 0px;
}

img.catalogue { /* 160 x 160 ohne aussenabstand */
	display:inline;
	float:left;
	width:160px;
	height:160px;
	margin:0px;
}

/* FORMS */
fieldset {
	border:0px;
}

div.fieldset {
	margin:4px 0px;
	height:26px;
}

div.textarea {
	margin:4px 0px;
	height:auto;
}

div.fieldset p, div.textarea p {
	line-height:26px;
}

div.pager {
	margin:4px 0px;
	height:19px;
}

div.balken fieldset {border:0px; margin:0px; padding:0px;}

div.balken label {
	display:block;
	height:20px;
	margin:2px;
	line-height:20px;
	text-align:center;
	text-transform: uppercase;
	font-family: Arial, Helvetica, sans-serif;
	font-size: 11px;
	font-weight:bold;
	border: 1px solid #FFFFFF;
}

.home div.balken label.addToCartButton, .home div.balken label.addToCartButton:visited {
	background-color: #f60 !important;
	color:#fff !important;
	cursor:pointer;
	width:154px;
}

div.balken label.formbutton {
	cursor:pointer;
	width:154px;
}

div.balken label.formbuttonWide {
	cursor:pointer;
	width:314px;
}

div.balken label.pagerbutton {
	cursor:pointer;
	width:20px;
}

div.balken span.assetLeft {float:left; height:auto; margin-right:8px; display:block; text-align:center;}
div.balken span.assetRight {float:right; height:auto; margin:0px; display:block; text-align:center;}

div.balken input.formfield, div.balken input.accountInput, div.balken input.addressFormElements, div.balken input.cartFormElements {
	display:inline;
	color:#666666;
	float:left;
	font-size:12px;
	height:16px;
	padding: 2px 4px;
	margin:2px;
}

div.balken select.formfield, div.balken select.accountInput, div.balken select.addressFormElements  {
	display:inline;
	color:#333333;
	float:left;
	font-size:11px;
	height:21px;
	margin:2px;
	width:156px;
}

div.balken fieldset textarea.viewFormTextarea {
	display:inline;
	border: solid #CCCCCC 1px;
	color:#666666;
	float:left;
	font-size:12px;
	width:650px;
	height:auto;
	padding: 2px 4px;
	margin:2px;
}

input {width:314px;} /* default (2 spalten ) */

input.cols1, div.balken fieldset textarea.cols1 {width:146px;}
input.cols2, div.balken fieldset textarea.cols2 {width:314px;}
input.cols3, div.balken fieldset textarea.cols3 {width:482px;}

div.balken select.accountInput, div.balken select.addressFormElements  {width:324px;}

select option {height:18px; margin:4px; text-transform: uppercase;}

div.balken formfield span input.pager {
	display:inline;
	color:#333333;
	float:left;
	font-size:10px;
	font-weight:bold;
	text-align:center;
	height:29px;
	width:24px;
	padding: 2px 4px;
	margin:0px 2px;
}