/**
 * Stylesheet fuer accenta-music
 *
 * seitenblick interaktive medien gmbh
 * Koenigstrasse 16, 70173 Stuttgart
 * fon: 0711/8599818-0
 * fax: 0711/8599818-40
 * e-Mail: info@seitenblick.de
 */

/**
 * Allgemeine Definitionen
 */
html, body, div, span, applet, object, iframe,
h1, h2, h3, h4, h5, h6, p, blockquote, pre,
a, abbr, acronym, address, big, cite, code,
del, dfn, em, font, img, ins, kbd, q, s, samp,
small, strike, strong, sub, sup, tt, var,
dl, dt, dd, ol, ul, li,
fieldset, form, label, legend,
table, caption, tbody, tfoot, thead, tr, th, td {
 margin: 0;
 padding: 0;
 border: none;
 font-size: 1em;
 vertical-align: baseline;
}

/* vertikale scrollbar im ff erzwingen */
html {
  min-height: 101%;
}

body {
 font-family: Arial, Tahoma, Verdana, Sans-Serif;
 font-size: 100.01%; 
}

code {
 font-family: "Courier New", Monospace;
}

ol, ul {
 list-style: none;
}

ul li {
	background: url(../i/icon_list_arrow.gif) no-repeat left 6px;
	padding-left: 10px;
}

h1 {
	border-bottom: 1px solid #d8d8d8;
	color: #808080;
	display: inline;
	float: left;
	font-size: 1.63em;
	line-height: 1.15em;
	margin-bottom: 17px;
	padding: 0 0 11px 0;
	width: 100%;  
}

h2 {
	color: #ce2b26;
	font-size: 1.1em;
	border-bottom: 1px solid #d8d8d8;
	margin-bottom: 9px;
	padding-bottom: 5px;	
}

h3 {
	font-size: 1.2em;
	margin-bottom: 3px;
}

a {
  color: #6f6f6f; 
  text-decoration: none;
}

a:hover, a:focus, a:active {
  color: #ce2b26;
}

ul li {
  padding-bottom: 5px;
}


/**
 * Helperklassen
 */
.c {
 clear: both;
}

.x {
 display: none;
}

.l {
	float: left;	
}

.r {
	float: right;
}

.w {
	width: 100%;
}

/* -------------------------------------- */
/* --- Allgemeine Aufteilung der Seite ---*/
/* -------------------------------------- */

#site_wrapper  {
	margin: 0 auto 40px auto;
	padding: 0;	
	width: 980px;
	position: relative; 	
}

/* --- Header ---*/
#header {
	color: #8c8c8c;
	float: left;
	font-size: 0.85em;
	font-weight: bold;	
	line-height: 1.65em;
	padding: 45px 0 16px 20px;
	width: 980px;
}

#header a {
	font-size: 1.1em;	
}

#header .active{
  color: #ce2b26;
}

.logo {
	position: absolute;
	top: 43px;
	left: 772px;
}

.first_header_block, .second_header_block, third_header_block {
	width: 159px;
}

/*--- Footer ---*/

#footer {
	padding: 0 0 0 20px;
}

#footer a{
	font-size: 0.75em;
	padding-right: 10px;	
}

/*--- Hintergrund Hauptinhalt ---*/

#content_head {
	background: url(../i/bg_top.gif) no-repeat bottom left;
	clear: both;
	height: 15px;	
	}

.content_full_wrapper {
	background: url(../i/bg_main.gif) repeat-y top left;
	float: left;	
	padding: 1px 0 20px 20px;
	width: 100%;
}

#content_bottom {
	background: url(../i/bg_bottom.gif) no-repeat top left;
	clear: both;	
	height: 15px;	
}

/*--- Seitenelemente ---*/

.content_half_wrapper {
  background-color: #ffffff;
  float: left;
  padding: 15px 20px 0 15px;
  overflow: hidden;
  width: 422px;
}

.content_half_wrapper h2 {
  border-bottom: 0;
  margin-bottom: 4px;
  padding-bottom: 0;
}

.content_two_third_wrapper {
  background-color: #ffffff;
  float: left;
  padding: 15px 20px 20px 10px;  
  position: relative;
  overflow: hidden;
  width: 586px; 
}

.content_one_third_wrapper {
  background-color: #ffffff;
  float: left;
  padding: 0 20px 0 0;
  overflow: hidden;
  width: 278px; 
}

.content_one_third_wrapper h2 {
  margin-bottom: 14px;
}

.right_margin {
	margin-right: 20px !important;
}

.content_two_third_wrapper img {
  position: absolute;
  left: 15px;
  bottom: 42px;  
}

.content {
  float: right;
  padding: 0 0 0 26px;
  width: 370px;
}

/*--- Contentbereich ---*/

.border_wrapper {
	border-left: 1px solid #d8d8d8;
	border-bottom: 1px solid #d8d8d8;
	float: left;
	margin: 0 0 20px 0;
	padding: 0 0 2px 2px;
}

.furtherinfo {
		background: url(../i/icon_red_arrow.gif) no-repeat left 8px;
		font-weight: bold;
		padding: 3px 0 0 15px;		
}

.teaser_text, .fon, .fax, .mail {
	color: #6f6f6f;	
	font-size: 0.75em;
	line-height: 1.5em;	
}

.mail a {
  color: #ce2b26;
  font-size:1em;
}

.bordertop {
	border-top: 1px solid #d8d8d8;
	padding-top: 12px;
}

.mainteaser_text_wrapper {
	float: left;
	padding: 28px 0 7px 20px;
	width: 400px;
}

.teaser_text span{
	float: left;
	margin-left: 15px;
	width: 80%;
}

.teaser_text .wrapper{
	float: left;
	margin-bottom: 10px;	
	width:400px;
}

/* --- mainteaser ---*/

.mainteaser {
	background-color: #ffffff;		
	float: left;
	width: 937px;		
}

.teaser_text {
	clear: both;	
	float: left;
	margin-bottom: 10px;
	width: 100%;
}

/* --- left_teaser ---*/

.left_teaser {
  background-color: #e7ecef;
  float: left;
  padding: 20px 10px 10px 10px;
  width: 170px;
}

.left_teaser h2 {
	border-bottom: 0;
	color: #333333;
	font-size: 1em;
}

.left_teaser p {
	border-top: 1px solid #cdcdcd;
	padding-top: 10px;
}

.left_teaser_image {
  margin: -15px 0 0 -4px;
}

.left_teaser .teaser_text {
    color: #333333;
}

.left_teaser .teaser_text span {
	margin-left: 10px;
	padding-bottom: 10px;
	width: 120px;
}

.content_two_third_wrapper .left_teaser img {
	position: relative;
	left: 5px;
	top: 0;
}

/* --- right_teaser ---*/

.right_teaser {
	float: left;
	padding: 15px 0 0 16px;
	width: 261px;
}

/*--- Kontakt ---*/

.mail, .fon, .fax {
  padding-left: 20px;
}

.mail {
  background: url(../i/icon_mail.gif) no-repeat left 5px;
}

.fon {
  background: url(../i/icon_fon.gif) no-repeat left 5px;
}

.fax {
  background: url(../i/icon_fax.gif) no-repeat left 5px;
}

/*--- Startseite ---*/

.productimage {
	float: right;
}

.audiobook_image {
	float: left;
	margin: -6px 20px 0 0;	
}

.audiobook_teaser {
	float: left;
	width: 270px;
}

.audiobook_teaser_text {
	width: 100%;
}

.audiobook_teaser_text p {
  padding-bottom: 15px;
}

/*-------------------------------*/
/* ----- flowplayer-styles ----- */
/*-------------------------------*/

/* container has a background image */
a.player {
	float: left !important;		
	display:block;
	background:url(/i/player/splash.png) no-repeat;
	width:260px;
	height:20px;
	padding:10px 0 10px 0;	
	text-align:center;
	color:#fff;
	text-decoration:none;
	cursor:pointer;
}

/* splash image */
a.player img {
	border:0;	
}

a.player {
		margin-top:0px;		
}
div.playlist, div.clips {
	width:260px;	
}

div.clips a {
	background: url(../i/icon_red_arrow.gif) no-repeat left 7px;
	display:block;
	padding:5px 15px;		
	text-decoration:none;	
}

div.clips a:hover {
	color:#ce2b26;		
}

div.clips a.playing:hover, div.clips a.paused:hover, div.clips a.progress:hover {
	background-color:transparent !important;		 
}

div.clips.petrol {
	padding-bottom: 37px;
}

div.clips.petrol a {
	background-color: #ffffff;
	color:#333333;	
	font-size: 0.75em;
}

div.clips.petrol .equal{
	background-color: #f4f4f4;
}

div.clips.petrol a:hover {
	color: #ce2b26;
} 

div.clips.petrol a.playing:hover, div.clips.petrol a.paused:hover, div.clips.petrol a.progress:hover {
	background-color:transparent !important;		 
}

/* ---- Coverflow ----*/
#coverflow {
  margin: 0 0 0 -5px;
  width: 280px;
}

#coverflow p {
 margin: 0 0 10px 0;
}