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

/* CSS by Piccobello - Media & Corporate, Trier, Germany, http://www.piccobello.com */
/* All associated graphics copyright 2006, EMI Music Germany */

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


/*	**************************************
	GENERAL
	************************************** */
	
	* {
		padding: 0;
		margin: 0;
	}


	body {
		font-size: small;
		font-family: Arial, Helvetica, Verdana, sans-serif;
		color: #000;
		background-color: #67615B;
		background-image: url(../img_style/bg_body.jpg);
		background-position: 0px 0px;
		background-repeat: repeat-x;
		background-attachment: scroll;
	}
		
	body#playerframe {
		background: #4CD4EA;
		padding: 7px 0 0 295px;
	}
	
	h1,
	hr {
		display: none;
	}
	
	h2 {
		font-size: 200%;
	}
	
	h3 {
		font-size: 180%;
		margin: 0px 0px 0.5em 0px;
	}
	
	h4 {
		font-size: 140%;
		margin: 0px 0px 0.5em 0px;
	}
	
	h5 {
		font-size: 100%;
	}
	
	p {
		margin: 0px 0px 1.0em 0px;
	}
	
	img {
		border: none;
	}
	
	a { 
		text-decoration: none; 
		outline: none;
	}
	
	a:link { color: #E760AC; }
	a:visited { color: #E760AC; }
	a:hover, a:focus { text-decoration: underline; }
	a:active { color: white; background-color: #000;}
	
	a.mehr { 
		background: #E760AC;
		padding: 1px;
		color: #FFF;
		text-decoration: none;
	}
	
	a:visited.mehr { color: #FFF; }
	
	a:hover.mehr {
		background: #000; 
		color: #E760AC; 
		text-decoration: none;
	}
	
	form {
		margin: 0px 0px 2.0em 0px; 
		padding: 0px;
	}
	
	table {
		margin: 0px; 
		padding: 0px;
		width: 100%;
	}
	
	
/*	**************************************
	LAYOUT
	************************************** */
	
	#wrapper {
	}
	
	#schmucklinks {
		position: absolute; z-index: 1; top: 0px; left: 0px;
		width: 925px;
		height: 960px;
		background: #FFF url(../img_style/bg_maya_left.jpg) no-repeat top left;
	}
	
	#schmuckrechts {
		position: absolute; z-index: 2; top: 0px; left: 925px;
		width: 75px;
		height: 484px;
		background: transparent url(../img_style/bg_maya_right.jpg) no-repeat top left;
	}
	
	#header {
		position: absolute; z-index: 4; top: 0px; left: 0px;
		width: 925px;
		height: 190px;
		overflow: hidden;
	}
	
	
	#maincontent {
		position: absolute; z-index: 5; top: 190px; left: 275px;
		width: 650px;
		background: #FFF;
	}
	
	
/*	**************************************
	BREADCRUMB
	************************************** */
	
	#breadcrumb {
		padding: 30px 20px 10px 20px;
	}
	
	#breadcrumb h2 {
		color: #A7A7A7;
	}

	
/*	**************************************
	NAVIGATION
	************************************** */
	
	#navibereich {
		background: #5F5A58;
		width: 610px;
		padding: 20px;
	}
	
	#navibereich ul {
		list-style: none;
		display: inline;
	}
	
	#navibereich li {
		display: inline;
	}
	
	#navibereich a {
		background: transparent; 
		color: #E760AC; 
		text-decoration: none; 
		font-weight: bold;
	}
	
	#navibereich a:hover {
		background: #E760AC; 
		color: white; 
		text-decoration: none;
	}
	
/*	**************************************
	INHALTE
	************************************** */
	
	#inhaltsbereich {
		width: 610px;
		padding: 20px;
	}
	
	h5.datum {
		background: #A7A7A7;
		color: #FFF;
		padding: 4px;
		margin: 0px 10px 10px 0px;
		text-align: center;
		width: 30px;
		float: left;
		font-size: 90%;
	}
	
	h5.datum.heute {
		background: #1788CC;
	}
	
	h5.datum span.tag,
	h5.datum abbr.monat,
	h5.datum span.jahr {
		display: block;
	}
	
	h5.datum abbr.monat {
		font-weight: bold;
		letter-spacing: 0.1em;
	}
	
	h5.datum span.tag {
		font-size: 2.0em;
		line-height: 0.9em;
		font-weight: bold;
	}
	
	div.abstract,
	div.expo,
	div.termin {
		width: 560px;
		float: right;
		margin: 0px 0px 3.0em 0px;
	}
	
	div.expo,
	div.termin {
		margin: 0px 0px 1.0em 0px;
	}
	
	.bild,
	.player {
		padding: 6px;
		border: 1px solid #A7A7A7;
		margin: 0px 0px 1.0em 0px;
	}
	
	a:hover .bild {
		border: 1px solid #E760AC;
	}
	
	.bild span {
		display: block;
		padding: 5px;
		background: #000;
		color: #A7A7A7;
		font-size: 0.91666em;
	}
	
	.trenner {
		height: 1px;
		background: #A7A7A7;
		margin: 0px 0px 1.0em 0px;
	}
	
	.downloadliste {
		padding: 6px;
		margin: 0px 0px 1.0em 0px;
		border: 1px solid #A7A7A7;
	}
	
	.downloadlink {
		padding-bottom: 4px;
		padding-top: 4px;
		border-bottom: 1px solid #CAC9C9;
	}
	
	.videostream {
		padding: 6px 6px 6px 40px;
		margin: 0px 0px 1.0em 0px;
		border: 1px dotted #A7A7A7;
		background: transparent url(../img_style/icon_diary_video.gif) no-repeat 4px 4px;
	}
	
	.diarygallery {
		padding: 6px 6px 6px 40px;
		margin: 0px 0px 1.0em 0px;
		border: 1px dotted #A7A7A7;
		background: transparent url(../img_style/icon_diary_galerie.gif) no-repeat 4px 4px;
	}
	
	
	.downloadlink span,
	.videostream span,
	.diarygallery span {
		font-weight: bold;
	}
	
	.umflussrechts {
		float: right;
		margin: 0px 0px 1.0em 1.0em;
	}

	.umflusslinks {
		margin: 0px 1.0em 1.0em 0px;
		float: left;
	}
	
	div.stopfloat {
		display: block;
		margin: 0px;
		padding: 0px;
		overflow: hidden;
		height: 1px;
		width: 1px;
		float: none;
 		font-size: 1px;
  		line-height: 1px;
		clear: both;
	}

/*	**************************************
	TERMINE
	************************************** */
	
	div.termin span.bezeichnung {
		color: #67615B;
		font-weight: bold;
	}
	
	div.termin span.wert {
		color: #000;
		font-weight: bold;
	}
	
/*	**************************************
	LINKS
	************************************** */
	
	div.extlink {
		margin: 0px 0px 1.5em 0px;
	}
	
	div.extlink h4 {
		margin-bottom: 0.1em;
	}
	
	
/*	**************************************
	GALERIE
	************************************** */
	
	div.galerieauswahl {
		margin: 0px 0px 3.0em 0px;
	}
	
	div.galeriethumbs {
		margin: 0px 0px 2.0em 0px;
	}
		
	div.galeriethumbs a {
		position: relative;
		display: block;
		width: 140px;
		height: 140px;
		text-align: center;
		float: left;
		background-color: #FFF;
		border: 1px solid #A7A7A7;
		margin: 0px 3.0em 3.0em 0px;
		padding: 6px;
	}
		
	div.galeriethumbs a:hover {
		border-color: #E760AC;
		text-decoration: none;
	}
	
/*	**************************************
	DISKOGRAFIE
	************************************** */
	
	div.produkt {
		margin: 0px 0px 1.0em 0px;
	}
	
	span.auszeichnung {
		background: #67615B;
		padding: 2px; 
		color: #FFF;
	}
	
	.tracklisting {
		margin: 0px 0px 3.0em 0px;
	}
		
	.tracklisting th {
		background-color: #FFF;
		color: #000;
		padding: 4px 4px 4px 4px;
		text-align: left;
	}
		
	.tracklisting td {
		background-color: #FFF;
		color: #000;
		padding: 2px 4px 2px 4px;
		border-top: 1px solid #CAC9C9;
	}
	
	div.produktliste {
		margin: 0px 0px 1.0em 0px;
	}
	
/*	**************************************
	SONGTEXTE
	************************************** */
	
	div.songtext {
		margin: 8px;
		padding: 10px;
		background: #FFF;
		color: #000;
		text-align: center;
	}
	
	div.songtext h3 {
		color: #A7A7A7;
	}
	
	div.songtextlink {
		margin: 0px 0px 0.5em 0px;
	}
	
	div.songtextlink h4 {
		font-size: 120%;
		margin: 0px 0px 0px 0px;
	}

/*	**************************************
	WALLPAPER
	************************************** */
	
	.downloadlink2 {
		padding-bottom: 4px;
		padding-top: 4px;
	}
	
/*	**************************************
	TAGEBUCH POPUP
	************************************** */
	
	div.diaryviewer {
		margin: 4px;
	}
	
	div.viewerkopf {
		padding: 4px;
		margin: 0px 0px 2.0em 0px;
		background: #FFF;
		text-align: center;
	}
	
	div.viewerkopf h5 {
		margin: 0px 0px 1.0em 0px;
	}
	
	div.grossansicht {
		margin: 0px 0px 2.0em 0px;
	}
	
/*	**************************************
	GUESTBOOK
	************************************** */
	
	a.imgbtn {
		color: #FFF;
		background-color: #E760AC;
		border: 1px solid white;
		cursor:auto;
		text-decoration: none;
		padding: 2px;
	}
	
	a:visited.imgbtn { color: #FFF; }
	
	a.imgbtn:hover {
		color: #E760AC;
		background-color: #000;
		border: 1px solid white;
		cursor:pointer;
		text-decoration: none;
	}
	
	.submenu {
		margin: 0px 0px 1.0em 0px;
	}
	
	.guestbookblock {
		margin: 0px 0px 1.0em 0px;
	}
	
	.eintragblock {
		margin: 0px 0px 1.0em 0px;
	}
	
	.kommentarblock {
		margin: 0px 0px 1.5em 0px;
		color: #4C4C4C;
	}
	
	.beitrag {
		display: inline;
		margin: 0px 0px 0px 0px;
		padding: 2px;
		background-color: #A7A7A7;
		color: #000;
	}
		
	.kommentar {
		display: inline;
		margin: 0px 0px 0px 0px;
		padding: 2px;
		background-color: #E1E1E1;
		color: #4C4C4C;
	}
		
	.beitrag.administrator, .kommentar.administrator {
		background-color: #1EA7CE;
		color: #FFF;
	}
		
	.beitrag.artist, .kommentar.artist {
		background-color: #C20E64;
		color: #FFF;
	}
	
	.eintragblock.administrator, .kommentarblock.administrator {
		color: #1EA7CE;
	}
		
	.eintragblock.artist, .kommentarblock.artist {
		color: #C20E64;
	}
	
	p.tools a {
		border: 1px solid #FED9EB;
		padding: 2px;
	}
		
/*	**************************************
	PAGES
	************************************** */
	
	.pages {
		padding: 6px;
		margin: 0px 0px 1.0em 0px;
		border: 1px solid #A7A7A7;
		text-align: center;
	}
	
	.pages .results {
		color: #A7A7A7;
	}
	
	.pages .start {
		color: #A7A7A7;
		padding-right: 1.0em;
	}
	
	.pages .end {
		color: #A7A7A7;
		padding-left: 1.0em;
	}
	
	.pages .thispage {
		font-weight: bold;
		padding-right: 0.5em;
		padding-left: 0.5em;
	}
	
	.pages a {
		padding-right: 0.2em;
		padding-left: 0.2em;
	}
	
	.pages a.next {
		padding-right: 0px;
		padding-left: 1.0em;
	}
	
	.pages a.prev {
		padding-right: 1.0em;
		padding-left: 0px;
	}

/*	**************************************
	FORMULARE
	************************************** */
		
	label {
		margin: 5px 0px 1px 1px;
		padding: 1px 4px 4px 1px;
		color: #67615B;
		font-weight: normal;
		width: 180px;
		display: block;
		font-size: 0.9166em;
	}
		
	input.text, textarea, iframe, div.readonly {
		margin: 0px 0px 6px 0px;
		padding: 2px 2px;
		font-family: Arial, Helvetica, Verdana, sans-serif;
		font-size: 1.0em;
		color: #5B5A53;
		background-color: #FFF;
		border: 1px solid #67615B;
	}

	input.text.ganz {
		width: 450px;
	}	
	
	input.text.halb {
		width: 260px;
	}
	
	input.imgbtn {
		color: #FFF;
		background-color: #E760AC;
		border: 1px solid white;
		cursor:auto;
	}
	
	input.imgbtn:hover {
		color: #E760AC;
		background-color: #000;
		border: 1px solid white;
		cursor:pointer;
	}

	
	textarea.ganz.mittel {
		width: 450px;
		height: 200px;
	}

	select {
		margin: 0px 0px 6px 0px;
		font-family: Arial, Helvetica, Verdana, sans-serif;
		padding: 0px 2px;
		font-size: 1.0em;
		color: #5B5A53;
		font-weight: normal;
		background-color: #FFF;
		border: 1px solid #B7A69A;
	}

	select.ganz {
		width: 450px;
	}
	
	select.halb {			
		width: 264px;
	}

	select.geburtstag {
		width: 83px;
		margin: 0px 0px 6px 2px;
	}
		
	/* +++ FORMULARLAYOUT +++ */
	
	div.eingabelinks {
		float: left;
		width: 300px;
		padding: 0px 0px 0px 0px;
		margin: 0px 0px 0px 0px;
	}

	div.eingaberechts {
		float: right;
		width: 300px;
		padding: 0px 0px 0px 0px;
		margin: 0px 0px 0px 0px;
	}
	
/*	**************************************
	SEITENFUSS
	************************************** */
	
	#footer {
		padding: 20px;
		color: #A7A7A7;
		font-size: smaller;
	}
	
	a.jumper {
		background: #E760AC;
		padding: 2px; 
		color: #FFF;
		text-decoration: none;
	}
	
	a:visited.jumper { color: #FFF; }
	
	a:hover.jumper {
		background: #000; 
		color: #E760AC; 
		text-decoration: none;
	}

/*	**************************************
	AUSRICHTUNGEN
	************************************** */
	
	/* Vertikale Ausrichtungen */
	.vTop 	 { vertical-align: top; }
	.vMiddle { vertical-align: middle; }
	.vBottom { vertical-align: bottom; }
	
	/* Horizontale  Ausrichtungen */
	.hLeft   { text-align: left; }
	.hRight  { text-align: right; }
	.hCenter { text-align: center; }
	
	.nomargin { margin: 0px; }
		

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