@charset "UTF-8";
/* CSS Document */

/****************** Reset ********************************/
* {
	padding: 0;
	margin: 0;
	border: 0;
}
/* Globals und Typo 
--------------------------------------------------------------------------------------- */

html {
	background-color: #FEF8EF;
	font-size: 0.8em;
}

html>body {
}

body {
	font-family: Verdana, Tahoma, Arial, Helvetica, sans-serif;color:#333;
}

a:link , a:visited, a:active{
	color: #333;
	text-decoration: none;
}

/* Macht die gepunktete Linie um geklickte Links unsichtbar
--------------------------------------------------------------------------------------- */
a:focus {
    outline: none;
}
a:hover {}

.clearfix:after {
	content: ".";
	display: block;
	clear: both;
	height: 0;
	visibility: hidden;
}

#footer a:hover{text-decoration: underline;}
#navigation a:hover {
border-color: #F63;
background-color: #F63;
}

#navigation a.aktiv {
	border-color: #F63;
}


h1 {
	font-size: 1.2em;
}

h2 {
}

h3 {margin-bottom: 20px;}

h4 {}
#currv h4{margin-bottom: 0px;}

.orange { background:#F96;}

/* Links- bzw. Rechtsausrichtung für Elemente
--------------------------------------------------------------------------------------- */
.links {
	float: left;
	margin: 0 0.5em 0.5em 0;
}

.rechts {
	float: right;
	margin: 0 0 0.5em 0.5em;
}

ul, li {
}



/****************** Layouts ******************************/
#container {
	background-color: #FFE6C2;
	width: 960px;
	max-width: 100%;
	margin: 10px auto;	
}

#header {
	background-color: #FFE6C2;
	width: 960px;
	height:130px;
	padding-top: 20px;
	padding-bottom: 10px;
	text-align:center;
	border-style: solid;
	border-color: #FEF8EF;
	border-bottom-width: 4px;
	border-top-width: 0px;
	border-left-width: 0px;
border-right-width: 0px;
}

#linkeSpalte{
	float: left;
	width:180px;
 }
 
.fotolinks{
	margin-top:20px;
	margin-left:20px;
	height: 143px;
	width: 143px;	
	border-style:solid;
	border-color:#fdf3df;
	border-width:3px;
 }

/* #startfoto{background-image:url(../Fotos/web_start2_jd.jpg);} */
#startfoto{background-image:url(../Fotos/jo_psyth.jpg);}
#mtfoto{background-image:url(../Fotos/sa_muth.jpg);}
#ptfoto{background-image:url(../Fotos/jo_psyth.jpg);}
#klafoto{background-image:url(../Fotos/webklavier.jpg);}
#klarifoto{background-image:url(../Fotos/webklarinetten.jpg);}
#LMfoto{background-image:url(../Fotos/weblive_2.jpg);}
#beglfoto{background-image:url(../Fotos/start_o_git.jpg);}
#projfoto{background-image:url(../Fotos/plakat_projekte.jpg);}
#termfoto{background-image:url(../Fotos/webtermine.jpg);}
#vitafoto{background-image:url(../Fotos/webvita_2.jpg);}
#publifoto{background-image:url(../Fotos/webdownloads.jpg);}
#kijufoto{background-image:url(../Fotos//jo_psyth_2.jpg);}
 
#navigation{
	width:149px;
	margin-left:20px; 
	padding-top:20px; 
	text-align:left;
font-size: 0.9em;

}
#navigation li{
	margin-bottom: 10px;
	background-color: #FDF3DF;
	list-style:none;
}
#navigation a{
	display:block;
	border-style: solid;
	border-color: #FDF3DF;
	border-bottom-width: 0px;
	border-top-width: 0px;
	border-left-width: 5px;
	border-right-width: 0px;
	text-decoration: none;
	margin-top: 0px;
	padding: 4px 10px;
	text-align: left;
}

#navigation ul.unternavi li{
	margin: 0;
	border: none;
}
#navigation ul.unternavi a{
	margin: 0;
	padding: 4px 0 4px 25px;
}

#rechteSpalte{
	float: right;
	width: 230px;
	text-align: center;
}

#Logo{
	padding-top:5px;
	padding-bottom:10px;
	border-style: solid;
	border-top-width: 0px;
	border-bottom-width: 2px;
	border-left-width: 0px;
	border-right-width:0px;
	border-color: #F63;
	background-color:#ffe6c2;
}

#aktuell{
	padding: 16px;
	margin: 20px 20px 0 20px;
	background-color: #FDF3DF;
}
#aktuell:hover{
	background-color: #F63;
}

.content{
	width: 756px;
	min-height: 650px;
	padding: 20px 0px 20px 20px;
	margin-left: 180px;
	border-style: solid;
	border-color: #FEF8EF;
	border-bottom-width: 0px;
	border-top-width: 0px;
	border-left-width: 4px;
	border-right-width: 0px;
}

#start_re{background:url(../Fotos/right2web1.jpg) repeat-y right top;}
#mt_re{background:url(../Fotos/jo_muth_re.jpg) repeat-y right top;}
#pt_re{background:url(../Fotos/jo_psyth_re.jpg) repeat-y right top;}
#kla_re{background:url(../Fotos/right2web1.jpg) repeat-y right top;}
#klari_re{background:url(../Fotos/sa_klarinette_re.jpg) repeat-y right top;}
#LM_re{background:url(../Fotos/right2web1.jpg) repeat-y right top;}
#begl_re{background:url(../Fotos/right2web1.jpg) repeat-y right top;}
#proj_re{background:url(../Fotos/right2web1.jpg) repeat-y right top;}
#term_re{background:url(../Fotos/right2web1.jpg) repeat-y right top;}
#vita_re{background:url(../Fotos/right2web1.jpg) repeat-y right top;}
#publi_re{background:url(../Fotos/right3.jpg) repeat-y right top;}
#kiju_re{background:url(../Fotos/jo_psyth_re.jpg) repeat-y right top;}


#starttext{
margin-top:90px;
margin-right: 270px;
margin-left: 40px;
text-align:right;
}
.pagetext{
margin-right: 270px;
margin-left: 5px;
}
.text{margin: 10px 0;}
#hinweislink a{color: #333; text-decoration: underline;}

.button1{
	display: inline-block;
	padding: 8px;
	background-color: #FDF3DF;
	border-radius: 5px;
	border-style: solid;
	border-width:1px;
	border-color: #F63;

}
.schaltfl{
	display: inline-block;
	max-width: 200px;
	background: -webkit-gradient(linear, left top, left bottom, from(#FDF3DF), to(#E2D8C9));
	background: -moz-linear-gradient(top,  #FDF3DF,  #E2D8C9);
	filter:  progid:DXImageTransform.Microsoft.gradient(startColorstr='#FDF3DF', endColorstr='#E2D8C9');
	outline: none;
	text-align: left;
	text-decoration: none;
	font: 12px Arial, Helvetica, sans-serif;
	padding: .5em 1em .55em;
	margin-top: 0.5em;
	-webkit-border-radius: .5em; 
	-moz-border-radius: .5em;
	border-radius: .5em;
	-webkit-box-shadow: 0 1px 2px rgba(0,0,0,.2);
	-moz-box-shadow: 0 1px 2px rgba(0,0,0,.2);
	box-shadow: 0 1px 2px rgba(0,0,0,.2);
}
.schaltfl a:hover {
	text-decoration: underline;
	color: #F63;
}
.schaltfl:active {
	position: relative;
	top: 1px;
}
div .schaltfl{
	margin-top: 12px;
}

audio {
	width: 220px;
	height: 20px;
	margin-top: 10px;
	padding: 5px;
	border: 1px solid #F63;
}


pagetext .ul{
list-style-type: disc;
}

.mare{margin-left: 20px;}

/********* Einzelseiten ************************/
/* datenschutz */
.datenschutz h1{
	font-size: 1.6em;
	margin-bottom: 2em;
}
.datenschutz h2{
	font-size: 1.2em;
	margin-bottom: 1.5em;
	margin-left: 0;
}
.datenschutz h3{
	font-size: 1.2em;
	margin-bottom: 0.5em;	
}
.datenschutz p {
	margin-bottom: 2em;
}
.datenschutz ul{
	margin-left: 1em;
	margin-bottom: 2em;
}

.tabelle table{margin-bottom: 20px;}
.tabelle{
	margin-top: 15px;
	margin-left: 5px;
}
.tabelle p{ margin-bottom: 10px; }

.auffallend{
	font-size:1.15em;
	margin-bottom: 6px;
}

#kalender{
	margin: 0;
	background-color:#FDF3DF;
	font-size:0.85em;
}
#kalender a:hover {  
	text-decoration: underline;
	color: #000; 
}
#kalender td{padding:10px;vertical-align:top;border-bottom-style:solid;border-bottom-color:#F96;border-bottom-width:1px;}
#kalenderEnde{margin:0px 0px 15px;background-color:#FDF3DF;font-size:0.85em;}
#kalenderEnde td{padding:10px 10px;vertical-align:top;}
#kalender p { margin-top: 5px;}
.ang_liste{float:right;margin-top: 30px;margin-bottom:7px;display:block;}
.ang_liste dt{margin-bottom:4px;font-size:1.6em;font-style:italic;font-family:"Times New Roman", Times, serif;}
.ang_liste dd{margin-left:20px;}

#graf_piano{margin-left:30px;margin-top:50px;}
.umarg20{margin-bottom:20px;}

#hoerprobe{
margin-top: 30px;
}

#footer {
	clear: both;	
	background: #FFE6C2;
	width: 710px;
	height: 40px;
	text-align: right;
	color: #666;
	font-size:x-small;
	padding-top: 10px;
	padding-right: 250px;
	border-style: solid;
	border-color: #FEF8EF;
	border-bottom-width: 0px;
	border-top-width: 4px;
	border-left-width: 0px;
	border-right-width: 0px;
}
#footer a{
}

/**************** Kiju **************************/
h2.kijuheadl{margin:0 0 5px;font-size:large;font-weight:normal;font-family: Times New Roman , Times, serif;}

#kiju_titel{margin-left: 186px; padding-top: 40px; text-align:left;color:#303; font-size:2.2em;font-family:Georgia, "Times New Roman", Times, serif;}
.kijutext{ margin-bottom:1.5em; }


/************ Fotos von Projekten *******************/
.grau{color:#999;}
.thumbH{
		display:block;
		width:50px;
		height:50px;
		padding-bottom:15px;
		background-color:#fdf3df;
}

#return{
		float:right;
		text-align:right;
}
#return a:hover{
		text-decoration:underline;
		color:#F00;
}
#return a{
		text-decoration:none;
		color:#000;
}
#box{
		height:25px;
		margin-top:50px;
		padding-left:0px;
		padding-right:10px;
		padding-top:10px;
		background-color:#FDF3DF;
}
#hp{
		float:left;
		padding-right:30px;
}
#fotoContainer{
		width:850px;
		height:500px;
		margin-left:auto;
		margin-right:auto;
		margin-top:20px;
		padding:50px;
		border-style:solid;
		border-width:1px;
		border-color:#F96;
		text-align:left;}
#projTitel{
		width:850px;
		margin-left:auto;
		margin-right:auto;
		text-align:left;}
#adressfeld{
margin-bottom: 30px;
}
#imp{
margin-top: 30px;
}

/* livemusik */
.teaser_lm {
		max-width:680px;
		margin-left:30px;
		margin-right: 30px;
		padding: 30px 50px 50px;
		color:#333;
		background-color:#FFE6C2;
		border-style:solid;
		border-width: 2px;
		border-color: #FDF3DF;
}
.absto20 {
    margin-top: 20px;
}
.abst5 {
		margin-top:50px;	
}
.abst10 {
		margin-top:100px;	
}
.text_lm {
margin-right: 35%;
}
.ins {
    list-style-position:inside;
}
.flright {
float: right;
}

#hauptinhaltlive{
				height:2180px;
				margin-left:184px;
				padding-top:20px;
				background:url(../Fotos/webteilbass4.jpg);
				background-color:#FFE6C2;
}
#content_live{
background:url(../Fotos/webteilbass4.jpg);
}
.abstoben1{margin-top:6px;margin-bottom:5px;text-align:justify;}
#blocklivemusik2 h2{margin-left:200px;margin-top:30px;}
h2{margin-bottom: 20px;}

.termine{
		font-size: 16px;
		padding: 10px 40px;
}

		
#linkfriends{
	margin-top: 20px;
	background-color:#FFE6C2;
}
#linkfriends a{
	color: #03c;
	text-decoration: underline;
}

.cont_vita {
	max-width: 480px;
}
.cont_vita h4 { margin-left: }
.cont_vita ul, .cont_vita p {
	margin: 10px 36px 20px;
}
.cont_vita li {
	margin-bottom: 8px;
}