@charset "UTF-8";
/*
BUG-Hinweise bei IE6:
1. Bei float-Elementen mit gleichgerichtetem Margin: Doubled-margin-float-BUG, deshalb display:inline; anfügen.
2. li-Elemente müssen display:inline; erhalten, wenn ein Margin verwendet werden soll, JEDOCH:
3. Marginwerte bei listitems müssen in das eingeschlossene a-tag mit block-eigenschaft geschrieben werden, da das li-tag zum inline-element werden muss (siehe 2).
4. Innenabstände bei Input-Buttons werden durch "overflow:visible;" behoben.
*/



/* * * * * * * * * * * * * * *
 * * *  Initialisierung  * * *
 * * * * * * * * * * * * * * */

/*	Alle Elemente zurücksetzen. Nur margin + padding! border würde bei INPUT-BUTTONS die browsereigene Gestaltung entfernen. */
* { margin:0; padding:0; }

body 
{	
	font:11px/1.5em Verdana, Arial, Helvetica, sans-serif;
	color:#d0c9d6;
	background:#ff6600 url(../images/bg-jm-rep.png) repeat-y top left;
}

img, table
{ 
	border:none; 
}


/* * * * * * * * * * * * *
 * * *  Grundgerüst  * * *
 * * * * * * * * * * * * */

/* DIV-Boxen */
#rahmen { 			float:left; width:990px; padding-bottom:50px; background:url(../images/bg-jm.png) no-repeat top left; }
#kopfzeile {		float:left; }
#tagline {			position:absolute; top:60px; left:282px; z-index:5px; width:618px; }
#tagline span {		background-color:#170f22; padding:5px 20px; }
#inhaltszeile {		width:490px; /*float:left;*/ margin-left:380px; /*display:inline;*/ margin-top:252px; background-color:#170f22; padding:0px 10px 25px 20px; }
#inhaltszeileGals {	width:650px; /*float:left;*/ margin-left:320px; /*display:inline;*/ margin-top:252px; }
	#fotos {		width:410px; float:left; background-color:#170f22; padding:0px 0px 25px 20px; }
	#fotoNavi {		width:210px; float:right; background-color:#170f22; padding:0; }
	
	#fotoNavi ul, #fotoNavi ul ul {			list-style-type:none; }
	#fotoNavi ul li, #fotoNavi ul ul li  {	display:block; }
	#fotoNavi ul li a.aktiv, fotoNavi ul ul li a.aktiv { background-color:#ff6600; color:#fff; }
	
	#fotoNavi ul li a {	background-color:#fb4407; padding:4px 10px 5px 10px; float:left; display:block; clear:left; 
						font:bold 10px/1em Arial, Helvetica, sans-serif; color:#fff; text-decoration:none; text-transform:uppercase; letter-spacing:1px; }
	#fotoNavi ul li a:hover { background-color:#ff6600; color:#fff; }
	
	#fotoNavi ul ul li a {		background-color:#ff9922; padding:4px 10px 5px 25px; float:left; display:block; clear:left;
							font:bold 10px/1em Arial, Helvetica, sans-serif; color:#fff; text-decoration:none; text-transform:none; letter-spacing:0px; }
	#fotoNavi ul ul li a:hover { background-color:#ff6600; color:#fff; }	
	
	
	#thumbnails { 			margin-top:30px; }
	#thumbnails img { 		float:left; margin:0px 8px 8px 0px; border:1px solid #ff6600; }
	#thumbnails img:hover { border-color:#fff; }

#sponsoren {	clear:both; padding:30px 0 20px 87px; }

/* Sprachwahl */
#sprachwahl {			position:absolute; top:0px; left:282px; list-style-type:none; width:700px; text-align:right; }
#sprachwahl li {		float:right; }
#sprachwahl a {			padding:3px 0px; display:block; margin-right:15px; border-top:3px solid #2c1944;
						font:normal 11px/1.5em Verdana, Arial, Helvetica, sans-serif; color:#2c1944; text-decoration:none; }
#sprachwahl a:hover { 	color:#ffe0bc; border-top-color:#ffe0bc; }
#sprachwahl a.aktiv {	color:#ffe0bc; border-top-color:#ffe0bc; }
#sprachwahl a.de {		padding-left:25px; background:url(../images/flagge-de.gif) no-repeat left 4px; }
#sprachwahl a.en {		padding-left:25px; background:url(../images/flagge-en.gif) no-repeat left 4px; }
#sprachwahl a.es {		padding-left:25px; background:url(../images/flagge-es.gif) no-repeat left 4px; }


/* Menu: 1. Ebene */
#menuspan {			clear:both; float:left; padding-top:60px; }
#menu {				width:280px; list-style-type:none; }
#menu li {			/*padding-bottom:6px;*/ display:block; }
#menu a {			padding:2px 8px 2px 90px; background-color:#170f22; float:left; display:block; clear:left; 
					font:bold 12px/1.5em Arial, Helvetica, sans-serif; color:#ff6600; text-decoration:none; text-transform:uppercase; letter-spacing:2px; }
#menu a:hover { 	background-color:#ff6600; color:#fff; }

/* Menu: 2. Ebene */
#submenu {			width:280px; float:left; list-style-type:none; /*padding-top:6px;*/ }
#submenu li {		/*padding-bottom:6px;*/ display:block; }
#submenu a {		padding:2px 8px 2px 110px; background-color:#ff9922; float:left; display:block; clear:left;
					font:bold 12px/1.5em Arial, Helvetica, sans-serif; color:#ffe0bc; text-decoration:none; text-transform:none; letter-spacing:1px; }
#submenu a:hover { 	background-color:#ff6600; color:#fff; }


/* Hervorhebung der aktuellen Seite (HauptNavi) */
body.home #menu a#home,
body.biografie #menu a#biografie,
body.styles #menu a#styles,
body.dr #menu a#dr,
body.medien #menu a#medien,
body.termine #menu a#termine,
body.kontakt #menu a#kontakt,
body.gb #menu a#gb
{ 
	background-color:#ff6600; color:#fff; 
}


/* Hervorhebung der aktuellen Seite (SekNavi) */
ul.sub1 a#sub1, ul.sub2 a#sub2, ul.sub3 a#sub3, ul.sub4 a#sub4, ul.sub5 a#sub5, ul.sub6 a#sub6, ul.sub7 a#sub7, ul.sub8 a#sub8
{
	background-color:#ff6600; color:#fff; 
}



/* * * * * * * * * * * *
 * * *   Inhalte   * * *
 * * * * * * * * * * * */

/* Allgmeines */
p { padding-top:8px; }
#inhaltszeile ol, #inhaltszeile ul { padding-top:10px; padding-left:20px; }
#inhaltszeile ol li, #inhaltszeile ul li { padding-top:5px; }
#inhaltszeile img { float:left; margin-right:20px; margin-top:23px; margin-bottom:10px; }

#inhaltszeile.videos p { text-align:center; margin-top:10px; }

/* Clearer-Klasse */
.clearer { clear:both; }

/* Headlines */
h1, h2 { text-transform:uppercase; color:#ff6600; font:bold 12px/1.5em Verdana, Arial, Helvetica, sans-serif; padding-top:20px; letter-spacing:2px; }
h3, h4, h5, h6 { text-transform:none; color:#ff6600; font:bold 12px/1.5em Verdana, Arial, Helvetica, sans-serif; padding-top:15px; letter-spacing:0px; }

/* Logo (Image-Replacement) */
#kopfzeile h1 { 	padding:0; width:282; height:192; text-indent:-3500px; background:url(../images/logo-jm.gif) no-repeat; float:left; }
#kopfzeile h1 a { 	display:block; width:282px; height:192px; background:url(../images/logo-jm.gif) no-repeat; outline:none; }


/* Links */
a {			font:11px/1.5em Verdana, Arial, Helvetica, sans-serif; color:#ff6600; text-decoration:none; }
a:hover {	text-decoration:underline; }

a.pdf {			font:11px/1.5em Verdana, Arial, Helvetica, sans-serif; color:#ff6600; text-decoration:none; padding-left:20px; background:url(../images/pikto-pdf.gif) no-repeat top left; }
a.pdf:hover {	text-decoration:underline; }

a.myf {			font:11px/1.5em Verdana, Arial, Helvetica, sans-serif; color:#3366aa; text-decoration:none; padding-left:20px; background:url(../images/pikto-myf.gif) no-repeat left 2px; }
a.myf:hover {	text-decoration:underline; }

a.extern {			font:11px/1.5em Verdana, Arial, Helvetica, sans-serif; color:#ff6600; text-decoration:none; padding-right:10px; background:url(../images/pikto-extern.gif) no-repeat right top; }
a.extern:hover {	text-decoration:underline; }

a.print {		font:11px/1.5em Verdana, Arial, Helvetica, sans-serif; color:#ff6600; text-decoration:none; padding:2px 0px 2px 20px; background:url(../images/pikto-print.gif) no-repeat left top; }
a.print:hover {	text-decoration:underline; }


a.gbPaginierungAktiv {   padding:5px 8px; border:1px solid #ff6600; margin-right:5px;}
a.gbPaginierungInAktiv { padding:5px 8px; border:1px solid #ffe0bc; margin-right:5px;}


/* * *  FORMULARE  * * */

/* Statusmeldung */
#statusFehler {		margin:20px 0px; padding:5px 20px; border:1px solid #990000; color:#990000; }
#statusErfolg {		margin:20px 0px; padding:5px 20px; border:1px solid #006600; color:#006600; }

fieldset { 		margin:0px 0px; padding:10px 0px; border:none; }
legend {		font-weight:bold; }
label {			float:left; width:110px; }
input {			width:250px; font:11px/1.5em Verdana, Arial, Helvetica, sans-serif; }
textarea {		width:250px; height:50px; font:11px/1.5em Verdana, Arial, Helvetica, sans-serif; }

input.texte, textarea {				border:none; background-color:#fff; padding:2px; margin-right:10px; }
input.texte:focus, textarea:focus { background-color:#ccc; }
input.btn {							width:auto; padding:1px 10px; border:1px solid #fff; background-color:#fff; color:#000; cursor:pointer; }


	/* Guestbook */
	
#guestbookFieldset textarea {		width:350px; height:80px; }
#guestbookFieldset img { 			padding:0; margin:0; float:left; }
#guestbookFieldset input.captcha {	padding:8px 3px; margin-left:10px; width:58px; border:none; }
#guestbookFieldset input.captcha:focus {	background-color:#ccc; }

/* Kontakt */




/* * *  TABELLEN  * * */

table { 	margin:20px 0px; }
table p { 	padding:0; padding-bottom:10px; }
table td { 	padding:5px 10px; vertical-align:top; }
table img {	float:none; margin:0; }

#tablePartner td { padding:0 20px 30px 0; }
#tablePartner img { float:none; margin:0; }
#tablePartner a { padding-right:10px; background:url(../images/pikto-extern.gif) no-repeat right top; }
#tablePartner p { padding:0; margin:0; }

#tableTermine a { padding-right:10px; background:url(../images/pikto-extern.gif) no-repeat right top; }
#tableTermine p { padding:0; margin:0; }

#tableDVD, #tableCD { width:100%; }
#tableDVD img, #tableCD img { float:none; margin:0; margin-top:5px; }
#tableDVD td, #tableCD td { width:auto; padding:0; padding-bottom:20px; }

#guestbookEintraege { width:100%; }
#guestbookEintraege td { padding:5px 0px; border-top:1px dotted #fff; }