/* Hide from IE5-mac. Only IE-win sees this. \*/
* html #floatbox {
margin-right: 10px;
}
* html p {
height: 1%;
margin-left: 0;
}
/* End hide from IE5/mac */


/* dieser Rahmen ist nur fuer den Startscreen*/
#rahmenxs_start { 
background-color: white;
	width: 400px; 
	min-height: 500px;
margin-top: 50px;
margin-bottom: 50px;	
	padding-top: 30px;
	padding-right: 30px;
	padding-left: 30px;
padding-left: 30px;
padding-bottom: 10px;
font-size: 12px; line-height: 16px; font-family: "Trebuchet MS", Verdana, Helvetica, Geneva, Swiss, SunSans-Regular, sans-serif; padding: 5px;
}



/* jetzt kommt alles, was nach dem startscreen erscheint */



/*die Hintergrundfarbe und der linke Rand ueber das padding, geht sicher auch intelligenter*/
body {
	background-color: #6c0506;
	background:-moz-linear-gradient(left, #6c0506, #321823); /* Firefox */
	background:-webkit-linear-gradient(left, #6c0506, #321823); /* Safari, Chrome */
	background:-o-linear-gradient(left, #6c0506, #321823); /* Opera */
	background:-ms-linear-gradient(left, #6c0506, #321823); /* IE */
	background:linear-gradient(left, #6c0506, #321823); /* W3C Standard */
	
	
/*	background-image: -moz-radial-gradient(15% 35%, circle farthest-corner, #6c0506, #321823 60%);
	background-image: -webkit-radial-gradient(15% 35%, circle farthest-corner, #6c0506, #321823 60%);
	background-image: -o-radial-gradient(15% 35%, circle farthest-corner, #6c0506, #321823 60%);
	background-image: -ms-radial-gradient(15% 35%, circle farthest-corner, #6c0506, #321823 60%);
	background-image: radial-gradient(15% 35%, circle farthest-corner, #6c0506, #321823 60%);*/
	
/*	background-image: url(images/pianobg.jpg);*/
/*	background-position: top left;*/
/*	background-repeat: no-repeat;*/
 /* jetzt werden der linke und der obere Rand gesteuert */
 padding-left: 100px;
 padding-top: 60px;*/
  	margin:0;
}



/* jetzt wird hier die Groesse und Positionierung des Headers festgelegt
*/
#rahmenoben {
	width: 610px;
	/*padding-top: 0px;
	padding-left: 0px;
	
	mit diesen Werten liessen sich alternativ zur Deklaration in body der linke und obere Abstand einstellen*/
}






#rahmenxs { 
background-color: white;
	width:550px; 
	min-height: 500px;
	padding-bottom: 30px;
	padding-right: 30px;
	padding-left: 30px;
/*	border: dotted 1px #0000ff;*/ 
}


#header {
	/*background-color: #fffccc;*/
	width: 440px;
	padding-top: 0px;
	padding-left: 0px;
}


#navibox {
	padding-top: 0px;
	padding-left: 20px;
	width: 440px;
}

#contentbox {	
background-color: white;
	width: 440px;
	margin-top: 15px;
	padding-top: 15px;
	padding-left: 20px;
	font-size: 12px; line-height: 16px; font-family: "Trebuchet MS", Verdana, Helvetica, Geneva, Swiss, SunSans-Regular, sans-serif; padding: 5px;
}

#contentboxstart {	
	width: 1024px;
	height: 800px;
	float: left;
	margin-top: 15px;
	padding-top: 15px;
	padding-left: 20px;
	font-size: 12px; line-height: 16px; font-family: "Trebuchet MS", Verdana, Helvetica, Geneva, Swiss, SunSans-Regular, sans-serif; padding: 5px;
}
	
	
#umsbild { 
	width: 200px;
	float: right; 
	padding-left: 15px;
/*font-size: 10px; line-height: 12px; font-color: #8D1818;*/
}



#ueberuns { 
	width: 360px;
	float: left; 
	padding-left: 30px;
}

#kontakt { 
	width: 360px;
	float: left; 
	padding-left: 30px;
}





#bio {float:left; }


/* jetzt wird hier die Groesse und Positionierung der Actionbox (= der Ort, an dem alles passiert) festgelegt

#action {
	width: 270px;
	min-height: 400px;
	padding-top: 30px;
	margin-left: 300px;
}


/* jetzt wird hier die Groesse und Positionierung der rechten Box (sie kann immer n?tzen...) festgelegt
#rechts {
	float: right;
	
	padding-top: 30px;
	padding-right: 30px;
	width: 100px;
}



/* jetzt wird der untere schwarze Balken definiert, darin leider ein "." als invisible text. Nachteil ist, dass Google unsichtbaren Text als Spam interpretiert!
#footer { 
	background-color: black; 
	padding-left: 330px;
	width: 450px;
	margin-top: 0px;
	margin-left: 30px;
	margin-right: 30px;
}


/* jetzt werden die Schriften festgelegt*/

p { color: black; font-size: 12px; line-height: 16px; align:left; font-family: "Trebuchet MS", Verdana, Helvetica, Geneva, Swiss, SunSans-Regular, sans-serif; padding: 5px; }
h1 { color: #c41c2f; font-size: 20px; font-family: Verdana, Arial, Helvetica, sans-serif; font-weight: normal; font-style: normal; line-height: 22px; padding-bottom: 22px; }
h2 { color: #c41c2f; font-size: 12px; font-family: Verdana, Arial, Helvetica, sans-serif; font-weight: bold; line-height: 14px; }
h3  { color: black; font-size: 14px; font-family: Georgia, Verdana, Arial, Helvetica, sans-serif; font-stretch: normal; margin-top: 3px; border-bottom: 1px solid #D8BFD8}
h4 { color: black; font-size: 11px; font-family: Verdana, Arial, Helvetica, sans-serif; font-weight: bold; font-style: italic; line-height: 10px; }
a:link  { color: #8D1818; text-decoration: none; border: 0px; }
a:hover  { color: #8D1818; text-decoration: underline; border: 0px; }
a:active { color: #8D1818; text-decoration: underline; border: 0px; }
a:visited { color: #8D1818; text-decoration: none; border: 0px; }
.pnavibox { font-variant: normal; font-size: 12px; line-height: 17px; font-family: "Trebuchet MS", Helvetica, Geneva, Swiss, SunSans-Regular, sans-serif; text-decoration: none; text-align: left; }
.navibox a:link  { color: #8D1818; }
.navibox a:visited  { color: #8D1818; }
.navibox a:hover  { color: #FF1563; }
.navibox a:active  { color: #8D1818; }

.image a:link  { color: #000000; text-decoration: none; }
.image a:visited  { color: #000000; text-decoration: none; }
.image a:hover  { color: #000000; text-decoration: none; }
.image a:active  { color: #000000; text-decoration: none; }




/* das ist f?r die Bilder (Previews) und die CD-Cover*/
.bildkleinlinks { margin-right: 8px; margin-bottom: 8px; float: left; border: 1px solid #c0c0c0; }
.bildkleinrechts { margin-right: 8px; margin-bottom: 8px; float: right }
.klein { width: 250px; font-size: 10px; line-height: 12px; color: #8D1818; }
.klein22l { width: 200px; font-size: 10px; line-height: 12px; color: #8D1818; padding-left: 28px; }


/*das ist f?r die Bilder links und rechts in der Biographie*/
img.figure {
	    float: right; 
		/*margin: 5px;		
		border: 1px dotted #c0c0c0;*/
		padding: 3px;
		padding-top: 20px
	}

img.figureleft {
	    float: left;
		/*margin: 5px;		
		border: 1px dotted #c0c0c0;*/
		padding: 20px;
	}