/********************************************************************************************

	TOC:	- GENERAL & HEADINGS
			- STRUCTURE
			- NAVIGATION
			- CONTENT & FORMS
			- FOOTER

********************************************************************************************/


/****************************************  GENERAL  ****************************************/

html, body, #wrapper {height:100%}

html, body, ul {
	border:0;
	margin:0;
	padding:0
}

body {
	background:#c8d4cd url(images/bg_main.png) repeat-x;
	color:#444;
	font:0.8em Arial, Helvetica, sans-serif;
	line-height:1.4em
}

img {border:none}


/*** Links ***/

a {outline:none}

a:link, a:visited {color:#18655c; font-weight:bold; text-decoration:none}
a:active, a:hover {color:#339999; text-decoration:underline}

span.title a:link, span.title a:visited {color:#000; text-decoration:none}
span.title a:active, span.title a:hover {color:#339999; text-decoration:underline}

#footer a:link, #footer a:visited {color:#666; text-decoration:none}
#footer a:active, #footer a:hover {text-decoration:underline}

a.pdf {background:url(images/icon_pdf.png) no-repeat; padding-left:22px}
a.pdf2 {background:url(images/icon_pdf2.png) no-repeat; display:block; padding:5px 0 10px 38px; width:567px}
a.mail {background:url(images/icon_mail.png) 2px 2px no-repeat; padding-left:22px}
a.forward {background:url(images/icon_forward.png) 0 6px no-repeat; padding-left:8px}
	.forward a {background:url(images/icon_forward.png) 0 6px no-repeat; padding-left:8px}
	#links a {background:url(images/icon_forward.png) 0 6px no-repeat; padding-left:8px}
a.back {background:url(images/icon_back.png) 0 5px no-repeat; padding-left:8px}

a.download {background:url(images/music_download.png) no-repeat; display:block; padding:5px 0 10px 38px; width:261px; float:right}
a.download2 {background:url(images/music_download2.png) no-repeat; display:block; padding:5px 0 10px 38px; width:567px}
a.cdbaby {background:url(images/music_cdbaby.png) no-repeat; display:block; padding:5px 0 10px 38px; width:261px; float:right}
a.amazon {background:url(images/music_amazon.png) no-repeat; display:block; padding:5px 0 10px 38px; width:261px; float:right}
a.itunes {background:url(images/music_itunes.png) no-repeat; display:block; padding:5px 0 10px 38px; width:261px; float:right}
a.paypal {background:url(images/music_paypal.png) no-repeat; display:block; padding:5px 0 10px 38px; width:261px; float:right}
a.form {background:url(images/music_form.png) no-repeat; display:block; padding:5px 0 10px 38px; width:261px; float:right}


/*** Headings ***/

h1 {
	background:url(images/bg_h1.png) no-repeat; 
	color:#000; font:normal 1.5em Arial, Helvetica, sans-serif;
	letter-spacing:-0.05em;
	margin:0 0 30px 0;
	padding:0 0 0 10px;
	text-transform:uppercase
}


h2 {color:#555; font:bold 1.2em Arial, Helvetica, sans-serif; margin:5px 0; padding:0; text-transform:uppercase}


/****************************************  STRUCTURE  ****************************************/

#wrapper {
	background:url(images/bg_sky.jpg) repeat-x;
	margin:0 auto;
	margin-bottom:-157px;
	width:100%;
}

body > #wrapper {height:auto; min-height:100%;}

#header {background:url(images/logo.png) 0 5px no-repeat; height:136px; margin:0 auto; text-align:center; width:206px}

ul.nav {background:url(images/bg_nav.png) center no-repeat; height:46px; margin:0 auto; padding:45px 0 0 75px; width:875px}
	
#content {background:url(images/bg_contenttop.png) top no-repeat; line-height:1.5em; overflow:hidden; margin:0 auto; padding-bottom:157px; width:950px}
	#promo {background:url(images/bg_promo.png) no-repeat; height:244px; margin-left:80px; width:798px}
	#main {background:url(images/bg_contentbottom.png) top center repeat-y; overflow:hidden; padding:50px 0 30px 0}
	#mainstop {background:url(images/bg_contentstop.png) top center no-repeat; height:20px}
	#creature {background:url(images/creature.png) right bottom no-repeat; min-height:450px; padding-left:80px; overflow:hidden; width:820px}
	#text {float:left; width:430px}
	#text2 {padding:10px 0 10px 80px; width:790px}
	#links {background:url(images/bg_links.png) no-repeat; height:176px; float:right; margin-right:30px; padding:12px 20px; width:190px}

#footer {
	background:url(images/bg_footer.jpg) repeat-x;
	color:#777;
	height:152px;
	font-size:0.8em;
	margin-top:-50px;
	padding-top:5px;
	position:relative;
	min-width:970px;
	text-align:center
}

/****************************************  NAVIGATION  ****************************************/

ul.nav, ul.nav ul {list-style:none}

.nav li {
	background:url(images/separator_nav.png) left 6px no-repeat;
	font-size:0.9em;
	font-weight:bold;
	float:left;
	padding:0 9px;
	text-transform:uppercase;
	width:auto
}

.nav li:first-child {background:none}

.nav li a {display:block;
	color:#0f3428;
	padding:10px 5px;
	text-decoration:none
}

.nav li a:hover {color:#7f937f}

.nav li a.currentpage, .nav li a.activeparent {
	background:url(images/nav_active.png) center no-repeat;
	color:#fff;
}

/* Safari */
@media screen and (-webkit-min-device-pixel-ratio:0)
{
.nav li a {font-size:0.95em}
}


/****************************************  CONTENT & FORMS  ****************************************/

#text ul {list-style:none; margin:15px 0 10px 10px}
#text li {background:url(images/icon_bullet.png) 0 5px no-repeat; padding:0 0 10px 15px}

.bildlinks {float:left; margin:0 15px 15px 0; width:auto}
.bildrechts {float:right; margin:0 0 15px 15px; width:auto}
.bildlinks-r {border:3px solid #fff; float:left; margin:0 15px 15px 0}
.bildrechts-r {border:3px solid #fff; float:right; margin:0 0 15px 15px}

div.links {overflow:hidden}
div.linkurl {float:left; width:150px}
div.linktxt {float:left; width:260px; padding:0 0 20px 20px}

#promo img.newcd {float:left; margin:20px 0 0 20px}
#promo img.outnow {float:right; margin:15px 90px 23px 0 !important; margin:15px 50px 23px 0 }
#promo img.button {margin-left:160px}

span.title {color:#000; display:block; font-weight:bold}
span.date {color:#888; display:block; font-size:0.85em; margin-bottom:8px}
span.cat {color:#339966; font-style:italic}

div.separator {border-bottom:1px solid #bac0ba; clear:both; height:15px; margin-bottom:15px}
div.separator2 {border-bottom:1px solid #bac0ba; clear:both; font-size:0; height:15px; margin-bottom:25px}
div.lyrics {border-top:1px solid #bac0ba; margin:10px 0; text-align:right}
hr {border:none; border-bottom:1px solid #bac0ba; clear:both; height:1px; margin:10px 0 20px 0}


/*** Tables ***/

th {padding:2px 0; text-align:left}
td {padding:2px 0}

/*** Forms ***/

#text form {margin:0; padding:10px 0 0 0}
#text form p {display:block; float:left; margin:0; padding:0; width:430px}
#text label {float:left; width:120px; margin:1px 0 5px 0}
#text label.counter {float:left; width:110px; margin:1px 0 5px 120px}

#text input, #text textarea, #text select {
	background:#fff;
	border:#ccc solid 1px;
	color:#333;
	font:1em Arial, Helvetica, sans-serif;
	width:250px;
	margin:0 0 5px 0;
	padding:2px 3px 2px 3px;
}

#text #paypal input.submit {height:47px; width:122px}

#text select {width:258px}
#text #paypal select {width:290px}

#text input.sizeM {width:212px}
#text input.sizeS {background:none; border:none; font-weight:bold; width:50px}
#text input.sizeXS {width:50px}
#text div.guestbookbutton input {width:200px}
#text p.buttons {padding:20px 0 0 120px}
#text p.buttons input {margin-right:10px; width:80px}

#text textarea {height:100px; width:250px}

#text #submit {
	width:80px;
	margin:10px 0 0 120px;
	margin-bottom:4px !important;
	margin-bottom:0;
}

#text .error {background:#FDF5F5; border:1px solid #F01C26}

#text #red {
	color:#F01C26;
	display:block;
	height:25px;
	margin:10px 0;
	padding:0;
}

#text #url {
	z-index:999;
	position:absolute;
	height:0;
	width:0;
	border:none;
	background:none;
	margin:0;
	top:0;
	left:0;
	clear:both;
	font-size:0px;
	line-height:0px;
}


#text .small {font-size:0.85em; font-style:italic; font-weight:normal}

/*** Guestbook ***/

div.pagination {font-size:0.85em; font-weight:bold}
div.paginationnav {color:#888; font-size:0.85em}

div.entry {margin:20px 0; padding-bottom:20px}
div.entryheader {background:url(images/bg_guestbook.png) no-repeat; height:20px}
div.entrysender {float:left; font-weight:bold; margin-left:10px !important; margin-left:5px; width:200px}
div.entryposted {float:right; font-size:0.85em; font-style:italic; margin-right:10px !important; margin-right:5px; text-align:right; width:200px}
div.entrytext {clear:both}
	.entrytext p {padding:5px 0 0 5px}
div.entryhp {border-top:1px solid #bac0ba; margin-top:10px; padding-top:2px}