/* -- CSS definition for JAZZ A LA CARTE by Maria Linares --- */

body {
	background:#83684f;
	padding:0px 0px 0px 0px;
	margin:0px 0px 0px 0px;
	font-family: Arial, Helvetica, Sans serif, Verdana;
}

a, 
a:link, 
a:visited {
	color:#83684f;
	text-decoration:underline;
}

a:focus, 
a:hover, 
a:active {
	color:#900;
	text-decoration:underline;
}

.simulatedLink {
	color:#83684f;
	text-decoration:underline;
}

#shadow {
	margin:0px auto 0px auto;
	padding:0;
	width:1000px;
	background:url(img/shadow_l.gif);
	background-position:left;
	background-repeat:repeat-y;
}
#shadowRight {
	margin:0px auto 0px auto;
	background:url(img/shadow.gif);
	background-position:right;
	background-repeat:repeat-y;
}

#container {
	margin:0px auto 0px auto;
	padding:10px 0 10px 0;
	width:800px;
	text-align:left;
}


/* ------------------------ BEGIN TOP ------------------------*/

ul#utilities {
	text-align:right;
	height:50px;
}

ul#utilities li {
	list-style-type:none;
	background:url(img/carre.gif);
	background-position:right;
	background-repeat:no-repeat;
	margin:2px 0px 2px 18px;
	font-size:80%;
	letter-spacing:0.1em;
}

ul#utilities li a.enabled {
	background:url(img/carre_active.gif);
	background-position:right;
	background-repeat:no-repeat;
}

ul#utilities a,
ul#utilities a:link,
ul#utilities a:visited {
	text-decoration:none;
	color:#fde8d5;
	padding-right:14px;
}

ul#utilities a:focus,
ul#utilities a:active,
ul#utilities a:hover {
	text-decoration:underline;
}

.header {
	float:left;
	margin-top:20px;
}

#containerFrame {
	margin:0;
	padding:2px;
	border:1px solid #eee0d2;
	margin-top:30px;
}


/* ------------------------ BEGIN MENUE------------------------*/

ul#Navigation {
	font-size:80%;
	font-weight:normal;
	font-variant: small-caps;
	letter-spacing:0.05em;
	background:#ead1bb url(img/muster.gif);
	background-position:bottom;
	background-repeat:repeat-x;
	height:20px;
	padding:0px 0px 15px 0px;
	margin:0px 0px 13px 0px;
}

#containerFrame>ul#Navigation {
	font-size:90%;
}

ul#Navigation a,
ul#Navigation a:link,
ul#Navigation a:visited {
	text-decoration:none;
	color:#900;
}

ul#Navigation a:focus,
ul#Navigation a:active,
ul#Navigation a:hover {
	text-decoration:none;
	color:#ead1bb;
	background-color:#83684f;
	display:block;
}

ul#Navigation li {
	float:left;
	list-style-type:none;
	margin:2px 5px 2px 5px;
	padding:4px 12px 4px 12px;
}

ul#Navigation li.enabled {
	color:#83684f;
}

/* ------------------------ BEGIN   CONTENT------------------------*/


.content {
	background:#eee0d2 url(img/muster.gif);
	background-position:bottom;
	background-repeat:repeat-x;
	min-height:400px;
	color:#584534;
	padding:0px 0px 20px 0px;
	margin:0;
}

/*#containerFrame>.content {
	margin:190px 0 0 248px;
	width:550px;
	padding:0px 0px 100px 0px;
}

#startseite {
	text-align:center;
	padding-top:100px;
}*/

ul.linie {
	font-size:90%;
	font-weight:normal;
	font-variant: small-caps;
	background:url(img/linie.gif);
	background-position:center;
	background-repeat:repeat-x;
	height:20px;
	padding-left:320px;
	margin-left:-2px;
	margin-top:-10px;
}

ul.linie li {
	float:left;
	margin:0px 10px 0px 10px;
	padding:2px;
	list-style-type:none;
	background-color:#eee0d2;
}

ul.linie2 {
	font-size:90%;
	font-weight:normal;
	font-variant: small-caps;
	background:url(img/linie.gif);
	background-position:center;
	background-repeat:no-repeat;
	height:20px;
	padding-left:80px;
}

ul.linie2 li {
	float:left;
	margin:0px 10px 0px 10px;
	padding:2px;
	list-style-type:none;
	background-color:#eee0d2;
}

.musiker {
	position:absolute;
	margin-left:350px;
	width:362px;
	margin-top:40px;
}

.slogan {
	color:#c37069;
	font-size:140%;
	letter-spacing:0.1em;
}

.content p {
	padding:5px 25px 5px 25px;
	letter-spacing:0.01em;
	font-size:80%;
}

.schwebend {
	letter-spacing:0.01em;
	font-size:90%;
	position:absolute;
	margin-left:400px;
	width:325px;
	margin-top:20px;
	padding:20px;
	background-color:#ead1bb;
	color:#83684f;
}

h1 {
	margin:0px;
	font-size: 120%;
	font-weight:normal;
	font-variant: small-caps;
	padding-top:20px;
	padding-left:25px;
	padding-bottom:15px;
	color:#83684f;
}

h2 {
	font-size: 110%;
	margin-top:10px;
	margin-left:25px;
	margin-bottom:0px;
	padding:0;
	font-weight:lighter;
	color:#83684f;
}

h3 {
	font-size: 90%;
	margin-top:45px;
	margin-left:25px;
	margin-bottom:5px;
	font-weight:lighter;
	color:#83684f;
}

h4 {
	font-size: 100%;
	margin-top:10px;
	margin-left:0px;
	margin-bottom:0px;
	padding:0;
	font-weight:lighter;
	color:#c37069;
}

hr {
	height:0px;
	border:0.25px dotted #ccc;
}

ul.carre li {
	list-style-image:url(img/carre_int.gif);
	margin:2px;
	padding:0px;
	font-size:85%;
}

.namen {
	font-size:90%;
	color:#c37069;
}

.repertoire {
	color:#c63;
	margin:5px 20px 5px 20px;
	padding:5px 20px 5px 20px;
	font-size:80%;
}

.top  {
	font-size:80%;
}

.klein {
	font-size:80%;
}

.right {
	text-align:right;
	padding-right:20px;
}

.displaced {
	padding-left:180px;
}

.tableTimetable {
	width:650px;
	padding:0px 0px 20px 10px;
	margin-top:10px;
 	color:#000;
	text-align:left;
	font-size:110%;
}

.tableTimetable td {
	vertical-align:top;
	padding:7px;
	border:1px dotted #999;
	background-color:#eee;
}


#footer {
	margin:0 0 30px 0px;
	padding:20px 0 0px 10px;
	font-size:70%;
	letter-spacing:0.01em;
	font-weight:normal;
	color:#644b34;
}

.rot {
color:#900;
}



.rosa {
color:#c37069;
}



.grau {
color:#333;
}



.klein { font-size:90%;}

.gross { font-size:120% }

.hidden {
 /*display:none;*/
visibility:hidden;
}



/*div {
	border:1px solid #FFFF00;
}*/

/*---- form ------------------------------------------*/


/*.contactForm {
	width:650px;
	padding:10px 10px 20px 10px;
	margin-top:10px;
	border:1px dotted #000;
 	color:#000;
	text-align:left;
	font-size:100%;
}

.contactForm td {
	vertical-align:top;
	padding-top:10px;
	padding-left:10px;
}

textarea {
	font-size:100%;

}


input, textarea {
        background-color:#fff;
        border:#666 1px dotted;
	
        font-family:Curier, Serif;
	
	
        color:#000;
        width:95%;
		font-size:110%;
}



input:focus, 
textarea:focus,
input:hover,
textarea:hover {
        background-color:#eee;
        border:#000 1px solid;
    
}



input.senden {
	width:100px;
}*/



/*---- form ------------------------------------------*/



.contact {
	width:650px;
	padding:10px 10px 20px 0px;
	margin:10px 0px 10px 20px;
 	color:#83684f;
	text-align:left;
	font-size:80%;
}

#content>.contact {
	padding:10px 10px 20px 10px;
	margin-top:10px;
}

.contact td {
	vertical-align:top;
	padding-top:10px;
	padding-left:10px;
}

textarea {
	font-size:100%;
}


input, textarea, option {
        background-color:#fff;
        border:#83684f 1px dotted;
        font-family:Arial, Verdana, Tahoma;
        color:#83684f;
}

input, textarea {
        width:98%;
}

select {
        color:#83684f;
}

input.radio {
	width:13px;
}

label {
	font-family:Arial, Verdana, Tahoma;
	color:#83684f;
	font-size:80%;
}

input:focus, 
textarea:focus,
input:hover,
textarea:hover {
        background-color:#eee;
        border:#83684f 1px solid;
    
}



input.senden {
	width:150px;
}




/*--------------------------- GALERIE ------------------------------*/

#fotoTable {
	width:682px;
	margin:30px 20px 30px 20px;
	padding:0;
}

#fotoNavi {
	margin:15px 15px 20px 20px;
	padding:0px;
}

#fotoNavi td {
	padding:8px;
	width:52px;
	text-align:center;
}

#fotoNavi .fnLink {
	color:#666;
	padding:0 0 0 5px;
}

#fotoNavi td img {
	border:1px solid #83684f;
}

.foto {
	/*border-top:1px solid #83684f;
	border-bottom:1px solid #83684f;
	border-left:1px solid #83684f;*/
	background:url(img/shadow.gif);
	background-repeat:repeat-y;
	background-position:top right;
	margin:20px 20px 0px 24px;
	padding:0 0 20px 0;
}


.red {
	color:#900;
}