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

/*  Datei: styles.css                           */

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

/*  Projekt: Heidelberger Sinfoniker            */

/*  Autor: Frank Meyerer / meyerer@digi-info.de */

/*  Letzte Aenderung: 23.10.2006 - 12:53 Uhr    */

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

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

body
{
	font-size: 12px;
	font-family: Verdana, Arial, SunSans-Regular, Sans-Serif;
	margin: 10px 0 0 0;
	padding: 0px;
	background: #ffffff url(/images/bg_body.gif) no-repeat center 0;
}

/* ----------container zentriert das layout-------------- */

#container_content
{
	width: 940px;
	margin: 0;
	padding: 0 20px;
	height: auto;
	background: url(/images/bg_container.gif) no-repeat;
	float: left;
}

#container
{
	width: 980px;
	margin: 0px auto;
	padding: 0;
	background: url(/images/bg_container.gif) no-repeat;
}

/* ----------header-------------- */

#header
{
	height: 70px;
	min-height: 70px;
	background: url(/images/top_bg_banner.png) no-repeat;
	width: 940px;
	margin: 0 20px;
	padding: 0;
}

/* --------------left und right navigavtion------------- */

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

#left img
{
	border: none;
	margin: 0 0 0 20px;
}

#left .infobox
{
	margin: 0 0 0 20px;
}

#right
{
	width: 270px;
	float: left; 
	overflow: hidden; 
}

/* -----------------Inhalt--------------------- */

#content
{
	overflow: hidden;
	width: 440px;
	float: left;
	padding-bottom: 20px;
}

#footer
{
	width: 980px;
	margin: 0;
	padding: 0;
	background: url(/images/bg_footer.gif) no-repeat;
	height: 100px;
}

#footer p
{
	margin-left: 250px;
}

h1
{
	font-family: "Times New Roman", Times, serif;
	font-size: 200%;
	color: #861700;
	padding-left: 20px;
	padding-right: 20px;
}

h2 {
   color : #861700;
   font-size: 12px;
   margin: 20px 0 10px 20px;
}

/* Fuer unsern Freund IE6 */

* html h1
{
	margin-top: 20px;
}

/* Und fuer unsern neuen Freund IE7 */

*+html h1
{
	margin-top: 20px;
}

.teaser
{
	color: #666666;
	font-weight: bold;
	line-height: 130%;
	padding: 0 20px 0 20px;
}

.small {
  font-size: 95%;
}

p
{
	line-height: 130%;
	color: #666666;
	padding-left: 20px;
	padding-right: 20px;
}

#content li {
	line-height: 130%;
	color: #666666;
	padding-right: 20px;	
}

#right p, #left p
{
	line-height: 130%;
	color: #666666;
	padding: 0;
}

#functions
{
	margin-top: 10px;
	color: #666666;
}

/* Start Bild mit Bildunterschrift */

dl.img_left
{
	float: left;
	padding-left: 20px;
}

dl.img_left dt
{
	margin-bottom: 0;
}

/* verhindert das Einrücken und */

/* den Abstand nach oben */

dl.img_left dd
{
	margin: 0;
	font-size: 95%;
	color: #666666;
	font-style: italic
}

/* Füer unsern Freund IE6 */

* html dl.img_left
{
	margin-bottom: 20px;
}

/* Und füer unsern neuen Freund IE7 */

*+html dl.img_left
{
	margin-bottom: 16px;
}

/* Ende Bild mit Bildunterschrift */

.infobox
{
	border: 1px solid #E1E1E1;
	padding: 6px;
	max-width: 237px;
	width: 237px;
}

.infobox h1
{
	font-family: Verdana, Geneva, Arial, Helvetica, sans-serif;
	color: #861700;
	font-size: 95%;
	font-weight: bold;
	margin: 0;
	padding: 0;
}

.infobox h2
{
	font-family: "Times New Roman", Times, serif;
	color: #861700;
	font-size: 110%;
	font-weight: normal;
	margin: 0;
	line-height: 130%;
}

.infobox p, .infobox td
{
	margin: 0;
	font-size: 95%;
	color: #666666;
}

/*  ----------------footer---------------------- */

#footer
{
	clear: left;
	padding: 0px;
	margin: 0px;
}

#top_illu
{
	margin: 0 0 0 20px;
	width: 650px;
	height: 70px;
	min-height: 70px;
	float: left;
}

/* Füer unsern Freund IE6 */

* html #top_illu
{
	margin: 0 0 0 10px;
}

/* Start Navigation */

#top_nav
{
	background-color: #FFE8CB;
	width: 250px;
	height: 70px;
	min-height: 70px;
	float: left;
}

#top_nav ul
{
	margin: 0px;
	padding: 0px;
	margin-left: 8px;
	margin-top: 53px;
}

#top_nav li
{
	margin: 0px;
	padding: 0 3px 0 0;
	display: inline;
	list-style-type: none;
	font-size: 90%;
}

#top_nav li a:link
{
	color: #000000;
	text-decoration: none;
	font-size: 10px;
}

#top_nav li a:visited
{
	color: #000000;
	text-decoration: none;
	font-size: 10px;	
}

#top_nav li a:hover
{
	color: #FFB900;
	text-decoration: none;
}

#top_nav li a:active
{
	color: #FFB900;
	text-decoration: none;
}

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

.nav ul
{
	margin: 0;
	padding: 0;
	list-style-type: none;
	margin-bottom: 34px;
}

.nav ul li
{
	border: 1px solid #E1E1E1;
	margin: 0;
	color: #CC6E00;
	font-size: 95%;
	font-weight: bold;
	padding: 3px;
	margin-bottom: 1px;
}

.nav ul li ul
{
	margin-bottom: 0;
}

.nav ul li ul li
{
	border: 0;
	font-size: 100%;
	padding-top: 1px;
	padding-bottom: 1px;
	font-weight: normal;
	padding-left: 10px;
}

.nav a:link, .nav a:visited
{
	color: #861700;
	text-decoration: none;
}

.nav a:hover, .nav a:active
{
	color: #CC6E00;
	text-decoration: none;
}

.arrLev0
{
	font-weight: bold;
	font-size: 120%;
	margin-right: 2px;
}

.arrLev1
{
	font-weight: bold;
	font-size: 120%;
	margin-right: 2px;
}

.arrLev2
{
	font-weight: bold;
	font-size: 110%;
	margin-right: 2px;
}

/* Fliesstext Links */

a:link, a:visited
{
	color: #666666;
}

a:hover, a:active
{
	color: #000000;
}

/* Ende Navigation */

/* CD Tabellen */
.cdTable {
	margin-left: 20px;
}

.cdCaption {
	margin: 0 0 10px 20px; 
	color: #861700;
	text-align: left;
	font-weight: bold;
}

.cdimg {
	margin-bottom: 20px;
}

.cd_desc {
	vertical-align: top;
	padding-left: 10px;
	padding-right: 20px;
	padding-top: 0;
}

/* Formulare */
form {
  margin-top: 0;
}

fieldset {
	padding: 0 20px 0 20px;
	border: none;
}

label {
	color: #666666;
	width: 80px;
	float:left;
}

fieldset input, fieldset textarea {
	font-family: Arial;
	font-size: 12px;
	width: 250px;
	float: left;
}

fieldset select {
	font-family: Arial;
	font-size: 12px;
	float: left;
}

.textInputTrue {
	border: 1px solid #666666;
	margin-bottom: 10px;
}

.textInputFalse {
	border: 1px solid #FF0000;
	margin-bottom: 10px;
}

.submitButton {
	width: 120px;
}

.errorMsg {
	color: #FF0000;
	font-size: 11px;
}

.conTable {
  padding:0;
  margin:0;
}

.conTable p, .conTable td {
  padding:0;
  margin:0;
}

.conAdr {
  margin-left: 10px;
}

/* Warenkorb */
.basketBox
{
	border: 1px solid #861700;
	padding: 6px;
	max-width: 237px;
	width: 237px;
	background-color: #ECDEDC;
}

.basketList {
  color: #333333;
  font-size: 95%;
	margin: 0 0 0 10px;
	padding: 0 0 0 10px;
	/* list-style-type: none; */
}

.basektHdl {
  color: #FFFFFF;
  background-color: #861700;
  padding: 5px;
	font-family: Verdana, Geneva, Arial, Helvetica, sans-serif;
	font-size: 95%;
	font-weight: bold;
	margin: -6px;
}

.basketTable {
  margin: 0;
  font-size: 95%;
  margin-right: 20px;
  width: 210px;
}

.basketOrder {
  margin: 0;
  font-size: 95%;
  margin-right: 20px;
  border-bottom: 1px solid black;
  margin-bottom: 5px;
	margin-left: 20px;
	margin-right: 20px;  
}

.basketOrderSum {
  margin: 0;
  font-size: 95%;
  margin-left: 20px;
  margin-right: 20px;
}

#delBasket {
  margin: 0;
  padding: 0;
}

#lngLinks {
	padding: 10px 20px;
}

#lngLinks a {
	font-size: 10px;
}