/* real CSS styles for well behaved browsers */

html, body {
  margin: 0; /*** Do NOT set anything other than a left margin for the page
as this will break the design ***/
  padding: 0;
  border: 0;
}

html, body {
	
}

body {
  /*background-color: #4c657c; /*** ***/
  background: #cccc99 url(../images/layout/bg_color.gif);
  background-repeat: repeat-x;
  min-width: 889px; /*** This is needed for moz. Otherwise, the header and footer will
	  										 slide off the left side of the page if the screen width is narrower than the design.
	  										 Not seen by IE. Left Col + Right Col + Center Col + Both Inner Borders + Both Outer Borders ***/
  text-align: center; /*** IE/Win alignment of page ***/
  margin-top: 20px;
  margin-bottom: 20px;
}

.clear {
  clear: both;
	/*** these next attributes are designed to keep the div height to 0 pixels high, critical for Safari and Netscape 7 ***/
  height: 1px;
  /*overflow: hidden;*/
  line-height: 1%;
  font-size: 0px;
  margin-bottom: -1px;
}

* html .clear {
	margin-bottom: 0
} /*** stops IE browsers from displaying the clear div/br in the pageas these are for Moz/Opera and
			 Safari only. If IE 5.x Win DID display these, the page is too high ***/

#fullheightcontainer {
  margin-left: auto; /*** Mozilla/Opera/Mac IE 5.x alignment of page ***/
  margin-right: auto; /*** Mozilla/Opera/Mac IE 5.x alignment of page ***/
  text-align: left; /*** IE Win re-alignment of page if page is centered ***/
  /*position: relative; /*** Needed for IE, othewise header and footer aren't contained directly above and below the body ***/
  width: 889px; /* Needed for Moz/Opera to keep page from sliding to left side of 
										page when it calculates auto margins above. Can't use min-width. Note that putting
										width in #fullheightcontainer shows it to IE and causes problems, so IE needs a hack
										to remove this width. Left Col + Right Col + Center Col + Both Inner Border + Both Outer Borders ***/
  background-image: url("../images/layout/bg_rand_lr_komplett.gif");
	background-repeat: repeat-y;
	/*background-color: #C8FF90; /**** nur debug ****/
}

#bgdesigncontainer {
	background: url(../images/layout/bg_und_ecken_oben.gif) no-repeat 100% 0%;
	background-position: left top;
}

#bgfooter {
	background: url(../images/layout/bg_footer.gif);
	background-repeat: no-repeat;
	background-position: left bottom;
}

#wrapper {
  /*background: #f00; /*** Set background color for side columns for Safari & IE ***/
  /*border: 1px solid #ff0;/*** ***/
}

* html #wrapper {
}

#outer {
  z-index: 1; /*** Critical value for Moz/Opera Background Column colors fudge to work ***/
  position: relative; /*** IE needs this or the contents won't show outside the parent container. ***/
  margin-left: 252px; /*** Critical left col dimension value = left col width ***/
  width: 345px; /*** Critical left and right col/divider dimension value (moves inversly) = center col width ***/
  /*background-color: #FBFFCB; /*** Sets background of center col***/
}

#float-wrap {
  width: 345px; /*** Critical left and right col/divider dimension value (moves inversly) = Center Col Width ***/
}

#float-wrap-2-column {
  width: 637px; /*** = center col width + lücke + right col width ***/
}

#float-wrap, #float-wrap-2-column {
	margin-right: -1px; /*** Static fix, doesn't change ***/
  float: left;
  display: inline;
  /*background-color: #CCFF94; /*** ***/
}

#left {
  width: 253px; /*** +1?? Critical left col/divider dimension value = Left Col Width + 1px + One Internal Border Width ***/
  float: left;
  display: inline;
  position: relative; /*** IE needs this or the contents won't show outside the parent container. ***/
  margin-left: -252px; /*** Critical left col/divider dimension value = left col width + one internal border width ***/
	/*background-color: #E0C6FF; /*** ***/
  z-index: -1;
  height:532px;
}

#container-left {
  width: 69px; /*** -1?? Critical left col dimension value = left col width - 1px ***/
  margin-left: 15px;
  /*background-color: #f00; /*** ***/
}

#container-center {
	margin-right: 30px;
}

#right {
  float: left;
  display: inline;
  width: 294px; /*** Critical right col/divider dimension value = right col width + 2px ***/
  margin-right: -292px; /*** Critical right col/divider dimension value = negative right col width ***/
  margin-left: -1px; /*** Static fix ***/
  position: relative; /*** IE needs this or the contents won't show outside the parent container. ****/
  /*background-color: #f00; /*** ***/
}

* html #right {
  width: 293px;
  margin-left: 0px;
  margin-right: -550px;
  mar\gin-right: -293px;
}
/*** These commented-out rules below are there to explain the "Critical" info
     for the rules above, because comments must not appear within the Mac-hack.
     The "rules" below are not active, they are just for teaching purposes.

* html #right {
  width: 243px; Critical right col/divider dimension value = right col width + one internal border width + 1px ***
  margin-left: 0px; *** Critical right divider dimension value = a static 0px ***
  margin-right: -500px; *** IE5.x/win fix, must be above a critical number, but very high values appear okay ***
  mar\gin-right: -243px; *** Critical right col/divider dimension value  = negative (right col width + one internal border width + 1px) ***
}
***/

#container-right {
  width: 277px; /*** Critical right col dimension value = right col width ***/
  margin-left: 2px; /*** Critical right divider dimension value = one internal border width + 2px ***/
	/*background-color: #ADCC00; /*** ***/
}

* html #container-right {
  fl\oat: right;
  di\splay: inline;
  margin-left: 1px;
  mar\gin-left: 0px;
}
/*** Above margin left set to = one internal border width + 1px ***/
/*** Static fixes ***/

/*** a Note on the Holly hack: if IE/Win shows bugs it's a good idea to apply the height: 1%
     hack to different elements and see if that fixes the problem. Sometimes it may be
	     necessary to use "position: relative;" on certain elements, but it's hard to tell in
     advance which elements will need such fixes. ***/
/*** This is a STATIC fix for IE5/Win at the largest text size setting. ***/

* html #left {
	margin-right: -3px;
}
/*** All the IE fixes that are inside seperate "Mac-hacks" may be grouped within
     just one Mac-hack for convenience if desired. However, each fix must come
     later than the rule it is fixing or the fix itself will be overridden. ***/

#center-2-column {
	width: 637px; /*** Set to = center col width ***/
}

#center {
	width: 345px; /*** Set to = center col width ***/
}

#center, #center-2-column {
  float: right;
  display: inline;
  margin-left: -1px;
  /*background-color: #FFED94; /*** ***/
}



#footer {
  z-index: 1; /*** Critical value for Moz/Opera Background Column colors fudge to work ***/
  /*position: absolute;*/
  clear: both;
  width: 889px; /*** Set to Left Col + Right Col + Center Col + Both Inner Borders + Both External Borders ***/
  /*height: 88px; /*** = Bottom Margin + One Outer Border + body to footer divider depth + subfooter1 height + any other subfooter heights ***/
  /*overflow: hidden;*/
  /*margin-top: -98px; /*** negative height ***/
}

#subfooter1 {
  /*background: #FFFFCC; /*** Background Color of Sub-footer #1 ***/
  text-align: left;
  height: 20px; /*** sub-footer row height ***/
  /*background: url(../images/layout/bg_und_ecken_unten.gif) no-repeat 0% 0%;*/
	/*background-position: left top;*/
}

#subfooter2 {
	/*background: #E0E3FF; /*** Background Color of Sub-footer #2 ***/
  text-align: center;
  margin-left: 253px; /*** If the left sidebar intrudes, move the header to the right by the width of the left col + one external border width ***/
}

#header, #header-forum {
  z-index: 1; /*** Critical value for Moz/Opera Background Column colors fudge to work ***/
  position: relative;
  /*top: 20px; /* da absolute, muss von oben her heruntergeschoben werden und zwar = margin-top */
  width: 889px; /*** Set to Left Col (not if left sidebar fully intrudes into header or left sidebar is off)
+ Right Col (not if right sidebar fully intrudes into header or right sidebar is off) + Center Col + Both Inner
Borders (not if any sidebar intrudes into header or footer, or Inner Borders are off) + Both External Borders
(not if external borders are off) ***/
  height: 207px; /*** = Top Margin + One Outer Border + header to body divider depth + subheader1 height + any other subheader heights ***/
  /*overflow: hidden;*/
}

#header-forum, #subheader2-forum {
  height: 148px; /*** = Top Margin + One Outer Border + header to body divider depth + subheader1 height + any other subheader heights ***/
  /*overflow: hidden;*/
}

#navilinks-allgemein { /* = quicklinks ganz oben */
  text-align: left;
  /*background-color: #f00; /*** ***/
  height: 15px;
  position: absolute;
  top: -12px;
  left: 25px;
}

#impressum { /* = quicklinks ganz oben */
  text-align: right;
  /*background-color: #f00; /*** ***/
  height: 15px;
  position: absolute;
  top: -12px;
  right: 25px;
}

#subheader2 { /* = hauptnavigation */
  /*background: #FFE7AA; /*** Background Color of Sub-header #2 ***/
  height: 148px; /*** sub-header row height ***/
}

#titel {
	/*display: block;*/
	text-align: left;
	height: 59px;
	/*background-color: #E0E3FF; /*** Background Color of Sub-header #3 ***/
  margin-left: 253px; /*** If the left sidebar intrudes, move the header to the right by the width of the left col + one external border width ***/
	overflow: hidden;
	white-space: nowrap;
	margin-right: 20px;
}

#forcedheight {
	height:0px;
	width:0px;
	overflow:hidden;
	float: right;
}

#forum-title-text {
  margin-left: 227px;
}

/*** The rule below prevents long urls from widening floated cols and breaking the layout
     in IE. It is not W3C valid, but if placed within a "Conditional comment" it will be hidden
     from all user agents other than IE/Win, and thus validate. This fix fails in IE5/Win.
     http: //msdn.microsoft.com/workshop/author/dhtml/overview/ccomment_ovw.asp ***/
* html #outer {
	word-wrap: break-word;
}


/* loginbox */
#loginbox {
	/*visibility: hidden; /*** ***/
	position: absolute;
	left: 15px;
	top: 15px;
	border: 1px solid #F7D59A;
	width: 200px;
}


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



/* bei songtext-seite */

.albumcover-zu-song {
	float: right;
}

.allsongs-zu-song ol {
	list-style-type: none;
}

.comment-box {
	margin: 0 0 20px 0;
	padding-right: 5px;
	padding-bottom: 3px;
	position: relative;
	clear: both;
	/*background-color: #DEE8F8;*/
}

.comment-box div.info {	
	position: absolute;
	left: -158px;
	width: 148px;
	text-align: right;
	line-height: 11px;
	color: #000;
	overflow: hidden;
	padding-bottom: 3px; /* damit buchstaben unten nicht abgeschnitten werden (overflow: hidden)*/
	
}

.comment-box div.nummer {	
	position: absolute;
	left: -170px;
	width: 20px;
	text-align: right;
	display: none;
}

.comment-box h3 {
	line-height: 11px;
	font-size: 110%;
	padding: 2px 0 3px 0;
	margin: 0px;
}

.comment-box span.nummer {	
	display: none;
}

.comment-box div.info .datum, span.nummer {
	font-size: 10px;
	color: #626D4C;
}

.comment-box div.info .datum .zeitraum {
}

.commentformular {
	margin: 0px 0 10px 0;
}

div #commentform {
	
}

.input, .textarea {
	border: 1px solid #000;
	margin: 0 0 15px 0;
	padding: 0;
	font-size: 12px; 
	background-color: #efefef; 
}

.commentform-label {	
	position: absolute;
	left: -158px;
	width: 148px;
	text-align: right;
	line-height: 11px;
	color: #000;
	overflow: hidden;
	padding-bottom: 3px; /* damit buchstaben unten nicht abgeschnitten werden (overflow: hidden)*/
}

img.amazon-produkt-bild, .songbuch-album img, .albuminfos-cover, .artistpic {
	padding: 2px;
	background-color: #fff;
	border: 1px solid #E0E7C9;
	border-bottom: 1px solid #626D4C;
	border-right: 1px solid #626D4C;
	float: left;
	margin-right: 10px;
	display: inline;
}

.newspic-left, .newspic-right {
	padding: 2px;
	background-color: #fff;
	border: 1px solid #E0E7C9;
	border-bottom: 1px solid #626D4C;
	border-right: 1px solid #626D4C;
	margin-right: 10px;
	display: inline;
}

.newspic-left {
	float: left;
}

.newspic-right {
	float: right;
}

img.amazon-produkt-bild {
	width: 42px;
	min-height: 42px;
	margin-right: 5px;
	margin-bottom: 5px;
}

div.songbuch-album {
	padding: 0px 10px 30px 0px;
}

.songbuch-album img {
	margin-bottom: 20px;
}

div.songbuch-album span.jahr {
	position: absolute;
	left: -158px; 
	width: 148px; 
	text-align: right;
	line-height: 20px;
	color: #99A475;
}

div.songbuch-album h1.titel {
	position: absolute;
	left: 120px;
	margin: 0px;
}

div.songbuch-album h1.titel .albumtyp {
	font-size: 100%;
	line-height: 130%;
	color: #99A475;
}

a.album-name {
	font-size: 150%;
}

div.songbuch-album span.jahr strong {
	font-size: 200%;
}

div.amazon-produkt {
	clear: both;
	padding: 5px 10px 5px 0px;
}

/* Suche */
#suche {
	position: relative;
	left: 20px;
	top: 230px;	
}

/* misc styles */

img {
	border: 0;
	vertical-align: middle;
}

hr {
	visibility: hidden;
}

/* bildergalerie */
img.galerie-klein, img.galerie-detail, img.galerie-navibild {
	padding: 2px;
	background-color: #fff;
	border: 1px solid #ddd;
	border-bottom: 1px solid #aaa;
	border-right: 1px solid #aaa;
}

a:hover img.galerie-klein {
	background-color: #CDCACF;
	/*border: 1px solid #fff; */
}

img.galerie-detail {
	padding: 5px;
}


p {
	padding: 0;
	margin: 0;
	/*border: 1px solid #f00; /*** nur debug ***/
	text-indent: 0;
}

#left p, #center p, #right p {
	padding-bottom: 20px;
}

div .boxspacer {
	height: 25px;
}

#forum-willkommen {
	text-align: right;
}

/* google adsense */
#adsense {
	position: absolute;
	right: 8px;
	top: 6px;
	z-index: 4;
	text-align: right;
}

/* google adsense */
#zfarm {
	position: absolute;
	left: 280px;
	top: 6px;
	z-index: 4;
	text-align: left;
}

/* eventim ads */
#eventim {
	position: absolute;
	right: 8px;
	top: 6px;
	z-index: 4;
	text-align: right;
}

/* andere werbung */
#other-ads {
	position: absolute;
	left: 252px;
	top: 6px;
	z-index: 4;
	text-align: left;
}

/* IE fixes adsense */
* html #adsense, * html #eventim, * html #other-ads { 
	position: absolute;
	margin: 0;
}

* html #adsense, * html #eventim {
	right: 8px;
	top: 6px;
}

* html #other-ads {
	right: 18px;
	top: 6px;
}

/* contentkasten */
.contentkasten_bg {
	background: url(../images/layout/contentkasten_bg.gif) repeat-y;
	width: 248px;
}
.contentkasten_oben {
	background: url(../images/layout/contentkasten_oben.gif) no-repeat;
	background-position: left top;
	height: 12px;
}
.contentkasten_unten {
	background: url(../images/layout/contentkasten_unten.gif) no-repeat;
	background-position: left bottom;
	height: 12px;
}
.contentkasten_inhalt {
	padding: 0 5px 0 5px;
}