/*  BeckmannMusik®.com Design & Layout
    Neuprogrammierung: Engelbert Eichner
    Version 2.0 (_Contribute_) v. 25.09.2007 
    zuletzt aktualisiert am 25.09.2007 */

/* Dieses Stylesheet und alle zum Design
   gehoerigen Dateien sind geistiges
   Eigentum von Engelbert Eichner und
   exklusiv lizensiert fuer BeckmannMusik®.com */

/* Colors
-----------------------------------------
anthrazit.................... #777777

----------------------------------------*/

/* Seitenstruktur
---------------------------------------*/

body {
	margin: 0px;
	padding: 0px;
	text-align: center;
	font-family: Arial, Helvetica, sans-serif;
	font-size: 11px;
	color: #777777;
	letter-spacing: 2.5%;
	line-height: 16px;
	background: #ffffff url(img/bg_top.gif) repeat-x center top;
	/* background: # efefef; */
}

body, td, p, li {
	font-family: Arial, Helvetica, sans-serif;
	font-size: 11px;
	letter-spacing: 2.5%;
	line-height: 16px;
}

#window {
	background-image: none;
	padding: 25px;
	text-align: justify;
}


/* Header
----------------------------*/
#topLink {
	position: absolute;
	left: 0px;
	top: 0px;
}
#topLink a, #topLink a:link, #topLink a:hover, #topLink a:active, #topLink a:visited {
	position: absolute;
	color: #ffffff;
	left: 0px;
	top: 0px;
}

#top, #page {
	position: relative;
}

#top {
	margin-top: 42px;
	width: 853px;
	height: 188px;
	text-align: left;
	margin-left: auto;
	margin-right: auto;
}
#topleft, #topcenter, #topright {
	position: relative;
	height: 188px;
	float: left;
}
#topleft {
	width: 259px;
	background: #ffffff url(img/bg_top_left.gif) no-repeat left top;
}

#topcenter {
	width: 381px;
	background: #ffffff url(img/bg_top_center.jpg) no-repeat left top;
}

#topright {
	width: 213px;
	background: #ffffff url(img/bg_top_right.gif) no-repeat left top;
}

#topnav {
	padding-top: 8px;
	font-size: 10px;
}

#scroller1 {
	position: absolute;
	left: 0px;
	top: 155px;
}

#scroller2 {
	position: absolute;
	left: -73px;
	top: 155px;
}

/* Page
----------------------------*/

#page {
	margin-left: auto;
	margin-right: auto;
	width: 853px;
	padding-bottom: 20px;
	text-align: left;
}

#left {
	width: 261px;
	float: left;
}

#right {
	width: 211px;
	float: left;
}

#sound {
	margin-left: 50px;
	margin-top: 50px;
}

#rightcontent {
	width: 211px;
	float: left;
}

/* Navigationen
----------------------------*/

#topnav a, #topnav a:link, #topnav a:hover, #topnav a:active, #topnav a:visited {
	color: #777777;
	font-size: 10px;
	text-decoration: none;
}

#topnav a:hover, #topnav a.active:link, #topnav a.active:visited {
	color: #990000;
}

#toplangnav {
	float: right;
	padding-top: 8px;
}

#toplangnav a, #toplangnav a:link, #toplangnav a:hover, #toplangnav a:active, #toplangnav a:visited {
	color: #777777;
	font-size: 10px;
	text-decoration: none;
}

#nav {
	padding-top: 86px;
	padding-left: 3px;
	line-height: 12px;
}

#nav p{
	margin-top: 0px;
	margin-bottom: 9px;
}

#nav a:link, #nav a:hover, #nav a:active, #nav a:visited {
	color: #777777;
	text-decoration: none;
}

#nav a:hover, #nav a.active, #nav a:link.active, #nav a:visited.active {
	color: #990000;
}

#nav div.nav2 {
	padding-bottom: 9px;
}

#nav div.nav2 p {
	margin-top: 0px;
	margin-bottom: 0px;
}

#nav div.nav2 a:link, #nav div.nav2 a:hover, #nav div.nav2 a:active, #nav div.nav2 a:visited {
	margin-left: 13px;
}

#nav div.nav2 a.active, #nav div.nav2 a:link.active, #nav div.nav2 a:visited.active {
	color: #990000;
}

#center {
	width: 379px;
	float: left;
}

#content {
	padding-top: 53px;
}

/* Typographie
----------------------------*/

#content p {
	margin-top: 0px;
	margin-bottom: 15px;
}

h1 {
	margin-top: 0px;
	margin-bottom: 15px;
	font-size: 14px;
	font-weight: normal;
	color: #990000;
}

h2 {
	margin-top: 0px;
	margin-bottom: 10px;
	font-size: 13px;
	font-weight: normal;
	color: #990000;
}

h3 {
	margin: 0 0;
	font-weight: normal;
	font-size: 13px;
	color: #990000;
}

h4 {
	margin: 0 0 10px 0;
	font-weight: bold;
	font-size: 11px;
	color: #777777;
}

.Subheadline {
	font-family: Arial, Helvetica, sans-serif;
	font-size: 11px;
	font-style: normal;
	line-height: normal;
	font-weight: bold;
	font-variant: normal;
	text-transform: none;
	color: #990000;
}

.headline {
	font-family: Arial, Helvetica, sans-serif;
	font-size: 14px;
	font-style: normal;
	line-height: normal;
	font-weight: normal;
	font-variant: normal;
	text-transform: none;
	color: #990000;
}

.text_rot {
	color: #990000;
}


/* Links
----------------------------*/


#content a, #content a:link, #content a:hover, #content a:active, #content a:visited {
	color: #777777;
	font-weight: bold;
}

#content a:hover {color: #990000;}
#content a:visited {/*color: #999999;*/}

#window a, #window a:link, #window a:hover, #window a:active, #window a:visited {
	color: #777777;
	font-weight: bold;
}
#window a:hover {color: #990000;}
#window a:visited {/*color: #999999;*/}

#newsletter a:hover {color: #990000;}
#newsletter a:visited {/*color: #999999;*/}

#content .top a, #content .top a:link, #content .top a:hover, #content .top a:active, #content .top a:visited, #window .top a, #window .top a:link, #window .top a:hover, #window .top a:active, #window .top a:visited {
	display: block;
	padding-top: 15px;
	text-decoration: none;
	background: url(img/arrow_top.gif) no-repeat right top;
	font-weight: normal;
}

/* Listen
----------------------------*/

ul.hidden {
	margin-left: 20px;
	padding-left: 0px;
}

li.hidden {
	margin-left: 0px;
	padding-left: 0px;
	list-style: none;
}

/* Formulare
----------------------------*/

form {
	margin: 0px;
	padding: 0px;
}

input {
	font-family: Verdana, Arial, Helvetica, sans-serif;
	font-size: 10px;
	color: #000000;
}

#bestellungen input, #bestelldaten input {
background: #EFEFEF;
text-align: right;
padding-right: 3px;
border: 1px solid #999;
}

#bestelldaten input {
text-align: left;
}

/* Tabellen
-------------------------*/

#bestellungen td, 
#bestellinformationen td,
#versandkosten td,
#bestellsumme td,
#bestelldaten td {
padding: 1px;
border: 0;
}

.linkliste {
width: 100%;
border: 0;
padding: 2px;
}

/* Verschiedenes
-------------------------*/

#content .cdcover {
	float: left;
	margin: 10px 10px 10px 0;
	line-height: 1.2em;
	width: 99%;
	border-bottom: 1px dotted #CCC;
}

#content .cdcover > img {
	float: left;
	margin: 0 10px 10px 0;
}

.top {
	text-align: right;
}

.center {
	text-align: center;
}

.spacer {
	font-size: 2px;
	float: none;
	clear: both;
}

.hervorgehoben {
	color: #FFA736;
}

/* END OF STYLESHEET */