@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 {
	color: #666;
	text-decoration: none;
}

a:visited {
	color: #666;
	text-decoration: none;
}

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

/* Macht die gepunktete Linie um geklickte Links unsichtbar
--------------------------------------------------------------------------------------- */
a:focus {
    outline: none;
}
#navigation a.aktiv{
border-color: #F63;

}


h1 {
	font: 1.67em/0.9em Georgia, "Times New Roman", Times, serif;
	margin-top: 0.9em;
	margin-bottom: 0.9em;
}

h2 {
}

h3 {margin-bottom: 20px;}

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



/* 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);}
#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;
text-align: right;
}

#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{
margin-top:50px;
margin-right: 50px;
padding: 15px;
/*
border-style: solid;
border-width:1px;
border-color: #F63;
*/
text-align:center;
}

.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: .5em 1em .55em;
background-color: #FDF3DF;
border-style: solid;
border-width:1px;
border-color: #F63;
}
.button{
	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;
	cursor: pointer;
	text-align: left;
	text-decoration: none;
	font: 12px Arial, Helvetica, sans-serif;
	padding: .5em 1em .55em;
	margin-top: 0.5em;
	/*text-shadow: 0 1px 1px rgba(0,0,0,.3);*/
	-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);
}
.button:hover {
	text-decoration: none;
}
.button:active {
	position: relative;
	top: 1px;
}
div .button{
margin-top: 12px;
}
pagetext .ul{
list-style-type: disc;
}

.mare{margin-left: 20px;}
/********* Einzelseiten ************************/
.tabelle table{margin-bottom: 20px;}
.tabelle{
margin-top: 15px;
margin-left: 5px;	
}
.tabelle td{}
.auffallend{font-size:1.15em;margin-bottom: 6px;}

#kalender{
		margin: 0;
		background-color:#FDF3DF;
		font-size:0.85em;
}
#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;}

.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;
}
#blocklivemusik1, #blocklivemusik2, #blocklivemusik3{
border-style:solid;
border-width: 2px;
border-color: #FDF3DF;
}
#blocklivemusik1{
		width:680px;
		margin-top:100px;
		margin-left:30px;
		padding-bottom:0px;
		padding-top:3px;
		color:#333;
		background-color:#FFE6C2;
}

#blocklivemusik2{background:url(../Fotos/webmercoledibg.jpg);margin-top:30px;margin-left:30px;padding-bottom:0px;padding-top:3px;width:680px;height:470px;}
#blocklivemusik3{color:#333;background-color:#FFE6C2;margin-top:30px;padding-top:10px;padding-bottom:10px;width:680px;margin-left:30px;}

.textlive1{color:#333;background-color:#FFE6C2;margin-left:50px;padding-top:10px;padding-bottom:30px;width:450px;text-align:left;}	
.textlive2{margin-left:200px;padding-top:10px;margin-bottom:0px;width:450px;text-align:left;}
.textlive3{margin-left:50px;padding-top:10px;margin-bottom:10px;width:450px;text-align:left;}
#trio{float:right;padding-right:10px;}
#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-left:50px;margin-top:30px;}
#termine_trio a, #termine_merco a{float: left;}
#termine_trio a, #termine_merco a, #termine_friends a{color: #03C; text-decoration: underline;}
#termine_trio{padding-left:50px;}
#termine_merco{padding-left:200px;padding-top:10px;}
#termine_friends{width:450px;background-color:#FFE6C2;margin-left:50px;padding-bottom:30px;color: #03C; text-decoration: underline;}