/* 
Template-Stylesheet für Marcus Woelfle Musikjournalist
mhl 2010-04-09

Abschnitte: 
	Generelle Einstellungen Dokument
	Struktur Introseite
	Listen und Textelemente Intro-Seite

	Farbsystematik
		Grundfarbe #001629
	
		Hintergrund Content 										#000D2A; dunkelblau Grundfarbe body content
		Hintergrund Head											#001541; dunkelblau etwas heller Hintergrund Header
		Hintergrund Menü											#101010; dunkelgrau Hintergrund Menü
		Hintergrund Footer											
		
		Hintergrund Menü Button								#494BA1; Menü Button Hintergrund standard + Schriftfarbe Menübutton hover
		Hintergrund Menü Button hover (dunkler)		#00012C; Menü Hintergrund hover + Schriftfarbe Menübutton standard
		Hintergrund Menü Button aktiv (dunkel)		#101010; dunkelgrau Hintergrund Menü

		Border Menü Button (heller/dunkler)				#9193D0 und #181A69
		Border Menü Button hover (heller/dunkler)		#434596	und #00011D
		
		Schriftfarbe Content										#dde0e6; fast weiss Schriftfarbe generell
		Schriftfarbe Content hx									#B08E2C; sand Menü active Schrift Schmuckfarbe
		Schriftfarbe Menü											#001629
		Schriftfarbe Menü hover									#000B2B
		Schriftfarbe Menü active									#B08E2C; sand Menü active

		Schriftfarbe Footer											#dde0e6; fast weiss Schriftfarbe generell
		Schriftfarbe schmuck										#B08E2C; sand Menü active Schrift Schmuckfarbe
		Schriftfarbe schmuck 2									

		Schriftfarbe Links											#B0792C
		Schriftfarbe Links visited									#493212
		Schriftfarbe Links hover									#aaaaaa
		Schriftfarbe Links active/focus						#cccccc
		
		Bilderrahmen: Farbpalette aus Bild
		

*/

/*******************************************************************************************************************************
Anfang  Generelle Einstellungen Dokument*/
	* {
		margin: 0px;
		padding: 0px;
		
	}
	a:link, a:visited, a:hover, a:active, a:focus {
		text-decoration: underline;
		color: #B0792C; /*Schriftfarbe Links											#B0792C*/
	}
	a:visited {color: #3F2500; } /*Schriftfarbe Links visited								#3F2500*/
	a:hover, a:focus {color: #aaaaaa; } /*Schriftfarbe Links hover									#aaaaaa*/
	a:active, a:focus {color: #cccccc; } /*Schriftfarbe Links active									#cccccc*/

	img {
		border: 0;
	}
	
	body 	{ 
		background-color: #000D2A; /*blau Grundfarbe body content */
		font-size: 10px;
		font-family: Verdana, Helvetica, Arial, sans-serif;
		color: #dde0e6; /*fast weiss Schriftfarbe generell*/
	}

	p	{ 
		margin-bottom: 0.5em; 
	}
	#content p, #content td {
		font-size: 140%;
	}


	h1, h2, h3, h4, h5, h6 {
		margin-top: 1em;
		margin-bottom: 1em;
	}
	h1 {font-size: 220%;} 
	h2 {font-size: 200%;} 
	h3 {font-size: 180%;} 
	h4 {font-size: 160%;} 
	h5 {font-size: 140%;} 
	h6 {font-size: 120%;} 
	

/* Ende Generelle Einstellungen Dokument   
************************ */

/*******************************************************************************************************************************
Anfang  Kopfbereich*/
	#header {
		/*margin-left: 202px;*/
		position: relative;
		background-color: #001541; /*dunkelblau etwas heller header*/
	}
	#header #logo {
		position: absolute;
		right: 50%;
		top: 0px;
		margin-right: -85px;
	}
	/*Farben für Bilderrahmen: 
		#000D2A
		#001032
		#001239
		#001541
	*/
	#header #logo  a span {
		display: block; 
		width: 161px; 
		height: 200px; 
		border:3px solid #001239;
		border-bottom-color: #001541;
		border-right-color: #001541;
		background-image: url(../images/marcus-woelfle-portrait-200x161.jpg);
		text-indent: -9999px;
	}
	#header #logo  a {
		display: block;
		margin: 10px;
		border: 3px solid #001032;
		border-bottom-color: #000D2A; 
		border-right-color: #000D2A; 
	}
	#header #schrift-rechts {
		background: transparent url(../images/verlauf-ou-transparent-nach-content-higru.png) left bottom repeat-x;
	}
	#header #schrift-rechts, #header #schrift-links {
		text-align: right;
		padding-top: 10px;
		color: #B08E2C; /*sand Menü active Schrift Schmuckfarbe*/
		font-family: Georgia, 'Times New Roman', Times,serif;
		font-style	: italic;
		height: 220px;
	}
	#header #schrift-links {
		position: absolute;
		left: 0; top: 0;
		text-align: left;
	}
	#header #schrift-rechts h1, #header #schrift-links h1 {
		margin: 0 10px;
		font-size: 48px;
	}

/* Ende   Kopfbereich
************************ */


/*******************************************************************************************************************************
Anfang  Inhaltsbereich*/

	#inhaltsbereich {
		position: relative;
		padding-left: 202px;
	}
	/* Anfang Menue */
	#menue {
		width: 192px;
		position: absolute;
		top: 0;
		left: 0;
		padding: 1em;
		border-right: 1px dotted #dde0e6; /*fast weiss Schriftfarbe generell*/
	}
	#suche {
		position: absolute;
		top:-25px;
	}
	#menue input {
		background-color: #dde0e6; /*fast weiss Schriftfarbe generell*/
		width: 150px;
		margin-bottom: 2px;
		color: #000D2A; /*dunkelblau Grundfarbe body content*/
	}
	#menue #suche input {
		width: 188px;
	}
	#breadcrumb {
		padding: 0 2px;
		font-size: 140%;
		position: absolute;
		top: -50px;
		width: 500px;
	}
	
	#menue .moduletable_menu, #menue .moduletable {
		margin-bottom: 1em;
	}

	#menue ul	{
		list-style-type: none;
		margin:0;
	}
	#menue li { 
		margin-bottom: 4px;
	}
	#menue li>ul>li { 
		margin: 2px 0px 2px 8px;
	}
	#menue li a { 
		display: block;
		background: url(../images/blue-note.png) no-repeat 3px 0px; 
		background-color: #494BA1; /*Menü Button Hintergrund standard*/
		border: 2px solid #9193D0; /*Border Menü Button (heller/dunkler)	*/
		border-bottom-color: #181A69; /*Border Menü Button (heller/dunkler)*/ 
		border-right-color: #181A69; /*Border Menü Button (heller/dunkler)*/ 
		margin: 0;
		padding: 3px 3px 3px 18px;
		color: #00012C; /*Menü Hintergrund aktiv  + Schriftfarbe Menübutton standard*/
		text-decoration: none;
	}
	#menue li a:hover, #menue li a:focus  { 
		background-color: #00012C; /*Menü Hintergrund aktiv*/
		color: #494BA1; /*Menü Button Hintergrund standard + Schriftfarbe Menübutton aktiv*/
		border-top-color: #434596; /*Border Menü Button hover (heller/dunkler)*/
		border-left-color: #434596; /*Border Menü Button hover (heller/dunkler)*/
		border-bottom-color: #00011D; /*Border Menü Button hover (heller/dunkler)*/
		border-right-color: #00011D; /*Border Menü Button hover (heller/dunkler)*/
	}
	#menue li a:active {
		background-color: #00012C; /*dunkelgrau Hintergrund Menü*/
		color: #dde0e6; 
		border-top-width: 4px;
		border-left-width: 4px;
		border-right-width: 0px;
		border-bottom-width: 0px;
		border-top-color: #00011D;
		border-left-color: #00011D;
	}
	li#current>a {
		color: #B08E2C; /*sand Menü active*/
	}
	#menue li a span{ 
		font-size: 1.5em;
		text-indent: 1em;
	}
	#menue fieldset {
		border: 2px solid #999; /*hellgrau 999*/
		border-bottom-color: #666; /*dunkelgrau 666*/
		border-right-color: #666; /*dunkelgrau 666*/
		padding: 0px 5px 2px;
		color: #666; /*dunkelgrau 666*/
	}
	#menue form.form-login div {
		margin-left: 5px;
		background-color: #bbb; /*hellgrau bbb*/
		padding: 0px 5px 2px;
		color: #666; /*dunkelgrau 666*/
	}
	#menue input[value=Anmelden] {
		font-size: 10px;
		color: #000D2A; /*dunkelblau Grundfarbe body content*/
		cursor: pointer;
		width: 154px;
		margin-top: 5px;
	}

	/* Ende Menue */

	/* Anfang  content*/

		#content {
			min-height: 537px;
			padding: 1em 2em 2em;
			color:  #dde0e6; /*fast weiss Schriftfarbe generell*/
			background: transparent url(../images/blaue-note-hgbild-transparent.png) no-repeat scroll right top;
		}
		#content h1, 
		#content h2, 
		#content h3, 
		#content h4, 
		#content h5, 
		#content h6 {
			color: #B08E2C; /*sand Menü active Schrift Schmuckfarbe*/
		}

		#content .componentheading {
			visibility: hidden;
			height: 0;
		}
		
		
		/*Weiterlesen ausblenden*/
		p.buttonheading, p.iteminfo, p.articleinfo {
			visibility: hidden;
			height: 0;
			margin: 0;
		}
		h2.contentheading {
			margin-bottom: 0.5em;
		}
		div.leading>h2.contentheading, div#page>h2.contentheading  {
			margin-top: 0;
		}
		


	/* Ende  Content*/
	
/* Ende  Inhaltsbereich
************************ */


/*******************************************************************************************************************************
Anfang  footer*/

	#footer {
		width: 100%;
		clear: left;
		color:  #dde0e6; /*fast weiss Schriftfarbe generell*/
		text-align: center;
	}

/* Ende   Menue
************************ */