@charset "utf-8";
/* ===== Externes CSS-Stylesheet zur Handhabung der Inhaltsseiten ===== */

body  {
	font-size: 62.5%;
	/* Technik von Richard Rutter (http://clagnut.com/blog/348/), um ems und pixels in etwa äquivalent zu setzen; funktioniert, wenn die default text size des Browsers auf Medium eingestellt ist, was meistens 16px entspricht. Alle anderen Größen werden relativ zu dieser definiert; der User kann, da nur relative Einheiten verwendet werden, den Text nach Wünschen auch im IE größer gestalten. */
	/* Siehe auch Dan Cederholm: Bulletproof Web Design: Improving flexibility and protecting against worst-case scenarios with XHTML and CSS, Second Edition! */
	font-family: Verdana, Arial, Helvetica, sans-serif;
	color: #000000;

	background-color: #131531;
	margin: 0; /* it's good practice to zero the margin and padding of the body element to account for differing browser defaults */
	padding: 0;
	text-align: center; /* this centers the container in IE 5* browsers. The text is then set to the left aligned default in the #container selector */
}

/* ===== Positionierung der strukturellen Divs ===== */

#outerdiv {
	float: left;
	width: 1000px;
	background-color: #131531;
	margin: 0;
	text-align: left;
}

#container { 
	width: 724px; /* Breite des Containers */
	background-color: #FFFBF2;
	margin: 171px 0 0 137px;
	text-align: left; /* this overrides the text-align: center on the body element. */
}

#header {
	background-color: #FFF;
	height: 276px;
}

#menu {
	float: left;
	width: 276px;
}

#header img {
	float: left;
	display: inline;
}

/* ===== Absolute Positionierung der strukturellen Gifs ===== */
#outerpix {
  position: absolute;
  top: 65px;
  left: 69px;
  }

#cornertoppix {
  position: absolute;
  top: 65px;
  left: 69px;
  }	
  
#cornerleftpix {
  position: absolute;
  top: 171px;
  left: 69px;
  }
  
/* ===== Menu Styles ===== */

#menu ul {
	margin-top: 30px; /* vertikaler Abstand der ul vom Top des Bildes */
}

#menu ul li {
	font: 1.3em Verdana, Arial, Helvetica, sans-serif;
	color: #A99A61;
	font-weight: normal;
	padding: 0.5em 0 0.5em 3em; /* schafft etwas vertikalen Raum für die Paragraphen und einen linken Rand */
	list-style: none;
	line-height: 1.0em; /* fixiert die Zeilen und verhindert ein Flackern */
}

#menu ul li a:link, #menu ul li a:visited {
    text-decoration: none;
	text-align: left;
	color:#A99A61;
	display:block;
 }
 
#menu ul li a:hover, #menu ul li a:active {
	color:#BB4E61;
	font-weight: bold;
	font-size: 120%;
}

#menu ul li a.current {
    color: #23275C;
	font-weight: bold;
	font-size: 120%;
}

#menu ul li a.current:hover {
    cursor: default;
	color: #23275C;
}

/* ===== Sidebar-Style: Reserve, vermutlich nicht nötig! Hier: mainContent ===== */

#sidebar {
	float: left; /* since this element is floated, a width must be given */
	width: 246px;  /* 276 - 35 (10 + 20) /* Breite abzüglich des rechten und linken Paddings */
	/* the actual width of this div, in standards-compliant browsers, or standards mode in Internet Explorer will include the padding and border in addition to the width */
	background-color: #E8F5F1; /* the background color will be displayed for the length of the content in the column, but no further */
	padding: 15px 10px 15px 20px;
}

#mainContent { 
	margin: 0 0 0 276px; /* the left margin on this div element creates the column down the left side of the page - no matter how much content the sidebar1 div contains, the column space will remain. You can remove this margin if you want the #mainContent div's text to fill the #sidebar1 space when the content in #sidebar1 ends. */
	padding: 15px 10px 15px 20px; /* remember that padding is the space inside the div box and margin is the space outside the div box */
}

/* ===== Hauptstyle des mainContent2 ohne Sidebar! ===== */

#mainContent2 {
	margin: 0 0 0 0; /* the left margin on this div element creates the column down the left side of the page - no matter how much content the sidebar1 div contains, the column space will remain. You can remove this margin if you want the #mainContent div's text to fill the #sidebar1 space when the content in #sidebar1 ends. */
	padding: 15px 10px 15px 20px; /* remember that padding is the space inside the div box and margin is the space outside the div box */
}

/* ===== Diskografie-Styles ===== */

.diskografie {
	float: left;
	width: 694px;
	margin: 0;
}

.diskografie img {
	float: left;
	width: 160px;
	margin: 0;
	padding: 10px 20px 10px 0px;
}
	
.diskografietext {
	float: left;
	width: 418px;
	padding-left: 20px;
}

.diskografietext h2 {
	color:#090;
	padding: 10px 0 10px 0;
}

.diskografietext p {
	padding: 10px 0 10px 0;
	text-indent: 0;
}

.diskografietext blockquote p {
	font-size: 1.1em;	
}

.diskografietext blockquote p.english {
	font-size: 1.1em;
	color: #339;
}

/* ===== Optionaler Separator ===== */
.separator {
	width: 694px;
	margin: 2em auto;
	text-align: center;	
}

/* ===== Styles für die Bestell-Links ===== */
.bestellen {
	display: inline;
	margin-right: 40px;
}

.bestellen a {
	color: #7E9CB6;
}

.bestellen a:hover {
	color: #B45D59;
	text-decoration: none;
}

/* ===== Styles der Audio-Page ===== */
.audio {
	float: left;
	width: 160px;
	margin-left: 38px;
	margin-right: 58px;
}

.audio2 {
	float: left;
	width: 418px;
	margin-top: 10px;
	margin-bottom: 20px;
}

.audiobestell {
	clear:left;
}

/* ===== Kontakt Page Styles ===== */
.kontakt {
	float: left;
	width: 418px;
	padding-left: 20px;
}

/* ===== News Page Styles ===== */

.news {
	float: left;
	width: 418px;
	padding-left: 20px;
}

/* ===== Footer Styles ===== */

#footer { 
	padding: 0 10px 0 20px; /* this padding matches the left alignment of the elements in the divs that appear above it. */
	background-color: #DDDDDD;
}

#footer p {
	margin: 0; /* zeroing the margins of the first element in the footer will avoid the possibility of margin collapse - a space between divs */
	padding: 5px 0; /* padding on this element will create space, just as the the margin would have, without the margin collapse issue */
}

/* ===== Textstyles ===== */

h1 {
	font: 2em Georgia, "Times New Roman", Times, serif;
	color:#933;
	padding-top: 1.5em;
	padding-bottom: 1em;
}

h2 {
	font: 1.5em Georgia, "Times New Roman", Times, serif;
	color:#933;
	padding-top: 1.2em;
	padding-bottom: 0.8em;
}

p {
	font: 1.2em Verdana, Arial, Helvetica, sans-serif;
	padding-top: 1em;
	padding-bottom: 0.5em;
	line-height: 1.4em;
	/* text-indent: 2em; */
}

#footer p {
	font-size: 1em;
	text-align: center;
}

p.paudio {
	padding-top: 0.4em;
	padding-bottom: 0.0em;
	line-height: 1.2em;
}