* {
	margin:0;
	padding:0;
	vertical-align: top;
}

body,div,dl,dt,dd,ul,ol,li,h1,h2,h3,h4,h5,h6,pre,form,fieldset,input,textarea,p,blockquote,th,td { 
	margin:0;
	padding:0;
	/* vertical-align: top; */
}
table {
	border-collapse:collapse;
	border-spacing:0;
}
fieldset,img { 
	border:0;
}
address,caption,cite,code,dfn,em,strong,th,var {
	font-style:normal;
	font-weight:normal;
}
ol,ul {
	list-style:none;
}
caption,th {
	text-align:left;
}
h1,h2,h3,h4,h5,h6 {
	font-size:100%;
	font-weight:normal;
}

q:before,q:after {
	content:'';
}
abbr,acronym { border:0;
}

html {
	height: 100%;

}

body {
	background-image: url(images/hintergrund_gruen.png);
	
	background-repeat: repeat;
	font: normal 80% Arial, Helvetica, sans-serif;
	color: #ffffff;
	line-height:1.2em;	
	text-align:center;
	vertical-align:top;
	min-width: 40em;
	height:100%;
}

p {

	font-size: 11px;

}

em {

	font-style: italic;

}

strong {

	font-style:normal;
	font-weight:bold;
}

#mainframe {

/*	background-color: #fff;*/
	background-image: url(images/hintergrund_gruen.png);
	background-repeat: repeat;
	width: 100%;
	min-height: 100%;
        height:auto !important; /* moderne Browser */
        height:100%; /* IE */
	text-align:left;
	vertical-align: top;
	margin: auto;

}


#header {
	position: absolute;
	overflow:hidden;
	top: 0;
	left: 0;
	width: 100%;
	text-align: center;
	border-bottom: 1px solid #8c9892;
}

#pianohaus #header {
	background: #f9faf9 url(images/bg/bg-pianohaus-header.jpg) no-repeat right bottom;
	text-align:left;
	padding:0px 0 0 1%;
	width:99%;
}


#contentarea {
		background-image: url(images/hintergrund_gruen.png);
	background-repeat: repeat;
	
}

a {

	margin-top: 0;	
	margin-left: 0;
	text-decoration:none;
	color: #ffffff;
}

a:link {

	margin-top: 0;	
	margin-left: 0;
	text-decoration:none;
	color: #ffffff;
}

a:hover {
	text-decoration: underline;
}
	
a:active {
	text-decoration:underline;
}

a:visited {

}

.clearer {

	clear:both;

}

#links{
	position: absolute;
	top: 94px;
	left:0px;
	width: 161px;
	bottom:34px;
}


#hauptnavi ul.level1  {


}

#hauptnavi li.level1 {
	list-style-type: none;
	height: 32px;
}

#hauptnavi .level1 a {
	display:block;
	line-height: 32px;
	text-align: left;
	padding-left: 18px;
	margin-top:1px;
	margin-right: 1px;
	background-color: #3b4f45;
	background-image: url(images/navi_main_switch.gif);
	background-position: left top;
	background-repeat: no-repeat;

}

#hauptnavi .level1 a:link {
	background-image: url(images/navi_main_switch.gif);
	background-position: left top;
	background-repeat: no-repeat;
}

#hauptnavi .level1 a:hover {
	background-image: url(images/navi_main_switch.gif);
	background-position: left bottom;
	background-repeat: no-repeat;
	}
	
#hauptnavi a.level1active{
	background-image: url(images/navi_main_switch.gif);
	background-position: left bottom;
	background-repeat: no-repeat;
	border:0px solid red;
}

#hauptnavi ul.level2  {
	
	margin-right: 1px;
	padding: 0;
	padding-bottom: 10px;
	background-color: #3b4f45;

}

#hauptnavi li.s {

	margin:0;
	padding:0;
	
}

#hauptnavi li.level2  {
	margin: 0;
	padding: 0;
	height: 15px;
	padding-left: 30px;
	list-style-type: none;
}

#hauptnavi .level2 a {
	margin: 0;
	padding: 0;
	font-size: 11px;
	display:block;
	line-height: 15px;
	text-align: left;
	padding-left: 30px;
	margin-right: 1px;
	background-color: #3b4f45;
	background-image: url(images/navi_sub_switch.gif);
	background-position: 3px 1px;
	background-repeat: no-repeat;

}

#hauptnavi .level2 a:link {
	margin: 0;
	padding: 0;
	padding-left: 30px;
	background-image: url(images/navi_sub_switch.gif);
	background-position: 3px 1px;
	background-repeat: no-repeat;
}

#hauptnavi .level2 a:hover {
	background-image: url(images/navi_sub_switch.gif);
	background-position: 3px -16px;
	background-repeat: no-repeat;
	}
	
#hauptnavi a.level2active{
	background-image: url(images/navi_sub_switch.gif);
	background-position: 3px -16px;
	background-repeat: no-repeat;
}

/*
Hintergrund mitte - wird jetzt über klasse definiert

background-color: #bac1be;
*/
#mitte{
	
	position: absolute;
	top: 94px;
	right: 215px;
	bottom: 34px;
	left: 161px;
	overflow: auto;
	border-left: 1px solid #8c9892;
	border-right: 1px solid #8c9892;
	overflow: auto;
	padding:0;
	margin:0;
}

#mitte a {

	color: #193025;
	text-decoration: underline;
}

#mitte a:link {

	color: #193025;
	text-decoration: underline;
}

#mitte p {

	color: #193025;
	background-color: #c8cdcb;
	margin: 22px;
	margin-top: 0px;
	margin-bottom: 0px;
	padding: 5px;
}

#mitte h1{
	
	color: #193025;
	margin: 22px;
	margin-top: 14px;
	margin-bottom: 17px;
	padding: 0;
	font-size:16px;
}

#mitte h2{
	
	background-color: #c8cdcb;
	margin: 22px;
	margin-top: 17px;
	margin-bottom: 0px;
	padding: 0;
}

#mitte h3{
	font-size:11px;
	font-weight: bold;
	margin: 22px;
	color: #193025;
	padding: 0;
}



#mitte ul { 
	margin: 0;
	padding: 5px;
	margin-left: 22px;
	margin-right:22px;
	background-color: #c8cdcb;
	color: #193025;
	font-size: 11px;	
	list-style-type: none; 
}

#mitte li {

	line-height:15px;
	padding-left: 10px;
	background-image: url(images/navi_sub_inaktiv.gif);
	background-position: left 5px;
	background-repeat: no-repeat;
}

#mitte .csc-textpic {
	padding:5px;
	background-color: #c8cdcb;
	overflow:hidden;

}

#mitte .csc-textpic-text {

}

#mitte .csc-textpic-text p.bodytext {
	margin-left:0px;
	padding-left:0px;
}


#mitte .csc-textpic-intext-right {
	position:static;
	margin-left:22px;
	margin-right: 22px;
	background-color: #c8cdcb;

}

#mitte .csc-textpic-caption-l {

}

#mitte .csc-textpic-left,
#mitte iframe,
#mitte small{
	/*background-color: #c8cdcb; */
	position:relative;
	margin-left:22px;
	margin-right: 22px;
}

#portalseite #mitte .csc-textpic-left{	margin-left:0px; margin-right: 0px;}


#mitte .csc-textpic-imagewrap {
		
	

}


#mitte .csc-textpic-image img {
		
	
}


#mitte .csc-textpic-caption {
	font-size: 10px;
	width: 100%;
	color: #193025;
	background-color: #c8cdcb;
	margin: 0px;
	padding: 0px;
	padding-top: 3px;

}

.csc-textpic-clear {
	clear:both;
	height:1px;
	width:1px;
}

#mitte #einzelbild_schwarz {
	text-align: center;
	background-color: #000000;
	/* height: 100%; */

}

#mitte #einzelbild_grau {
text-align: center;
	background-color: #c8cdcb;
	/* height: 100%; */
}

#mitte #einzelbild_gruen {
text-align: center;
	background-color: #193025;
	/* height: 100%; */

}


#mitte .fce_schwarz p{
	background-color: #000000 !important;
	color: #fff !important; 
}

#mitte .fce_grau p, .fce_standard p{
	background-color: #c8cdcb !important;
}

#mitte .fce_gruen p{
	background-color: #193025 !important;
	color: #fff !important; 

}




#rechts {
	position: absolute;
	top: 94px;
	right: 0;
	width: 214px;
	bottom:34px;
	background-color:#203d30;
}


#rechts p {

	font-size: 11px;
	padding: 5px 14px 5px 12px;
	margin-top:1px;
	margin-left: 1px;
	background-color: #30453b;
	color: #ffffff;
}

#rechts ul { 
	margin: 0;
	padding: 0;
	margin-top:1px;
	padding-bottom: 5px;
	padding-left:11px;
	margin-left: 1px;
	font-size: 11px;
	background-color: #30453b;
	color: #ffffff;

}

#rechts li {
	padding-left: 10px;
	margin-bottom: 4px;
	background-image: url(images/navi_sub_inaktiv_w.gif);
	background-position: left 5px;
	background-repeat: no-repeat;
}

/* fce */

#mitte address {

	clear: both; 
	color: #193025;
	background-color: #c8cdcb;
	margin: 22px;
	margin-top: 0px;
	margin-bottom: 0px;
	padding: 0;

}

#mitte address .name  {

	padding: 5px 0px 0px 5px;
	margin:0;
	float: left;
	width: 147px;
}

#mitte address .faxtel  {

	padding: 5px 14px 0px 5px;
	margin:0;
}

#mitte address a {
	display: block;
	margin-top: 0;	
	margin-left: 147px;
	padding: 0px 14px 5px 5px;
	font-size:11px;
	text-decoration:none;
	color: #193025;

}

#mitte address a:link {
	display: block;
	margin-top: 0;	
	margin-left: 147px;
	padding: 0px 14px 5px 5px;
	font-size:11px;
	text-decoration:none;
	color: #193025;
}

#mitte address a:hover {
	text-decoration: underline;
}
	
#mitte address a:active {
	text-decoration:underline;
}

#mitte address a:visited {

}

#mitte .instrument {
	margin-top:22px;
	margin-bottom:22px;
	margin-left:22px;
	margin-right:22px;
	padding:0;
	padding-bottom:5px;
	background-color: #c8cdcb;
}

#mitte  .instrument h1{
	
	margin-left: 22px;
	margin-top: 18px;
	margin-bottom: 5px;
	margin-right:0px;
	padding:5px;
}

#mitte  .instrument h2{
	
	background-color: #c8cdcb;
	margin:0;

}


#mitte .produktbild {
	position: relative;
	float: left;
	width: 280px;
	margin:0;
	padding-left: 5px;
	padding-top: 5px;
	background-color: #c8cdcb;
}

#mitte .produktinfos {

	margin-left: 290px;
	padding: 0;

}

#mitte .produktinfos img {
	
	padding: 0;
}


#mitte .produktinfos p {
	margin:0;
	padding:0;
	padding-top: 5px;
	padding-right: 5px;
}


#mitte .instrument ul { 

	margin-left: 0px;
}

#mitte .instrument li {

}

/*style der rechten boxen */


#rechts .aktuelles div {
	color: #ffffff;
	background-color: #4a2421;
	margin-top: 1px;
	margin-left: 1px;
	padding: 0px 0px 0px 0px;
}

#rechts .aktuelles h2, #rechts .colBottomTeaser h2  {
	
	margin-top: 1px;	
	margin-left: 0px;
	color: #ffffff;
	background-color: #4a2421;
	padding-top: 3px;
	padding-left:16px;
	padding-right: 14px;
	background-image: url(images/bullet_link.gif);
	font-weight: bold;
	font-size:11px;
	background-position: 4px 6px;
	background-repeat: no-repeat;
}

#rechts .colBottomTeaser h2 {
	background-color: transparent !important;
	padding-bottom: 5px;
	background-position: 0px 6px;
}

#rechts p.bodytext{
	margin-top: 0;
	margin-left: 0px;
	background-color: #4a2421;
	font-size:11px;
	padding-top: 5px;
	padding-left: 16px;
	padding-right: 14px;
}

#rechts .aktuelles a {
	display:block;
	text-align: right;
	font-size:11px;
	padding-top:0px;
	padding-bottom:2px;
	text-decoration:none;
	color: #ff8525;
	margin-left: 0px;
	background-color: #4a2421;
	padding-right: 14px;
	padding-bottom: 5px;
}

#rechts .aktuelles a:link {
	display:block;
	font-size:11px;
	text-align: right;
	padding-top:0px;
	padding-bottom:2px;
	text-decoration:none;
	color: #ff8525;
	margin-left: 0px;
	background-color: #4a2421;
	padding-right: 14px;
	padding-bottom: 5px;
}

#rechts  .aktuelles a:hover {
	text-decoration: underline;
}
	
#rechts  .aktuelles a:active {
	text-decoration:underline;
}

#rechts  .aktuelles a:visited {

}

#rechts .termineintrag div {
	color: #193025;
	background-color: #30453B;
	margin-top: 1px;
	margin-left: 1px;
	padding: 3px 0px 3px 0px;
}

#rechts .termineintrag p.datum {

	margin:0;
	padding: 3px 0px 0px 14px;
	margin-top: 2px;
	position: absolute;
	width: 18px;
	color: #ffffff;
	background-color: #30453B;
	background-image: url(images/bullet_link.gif);
	font-weight: normal;
	font-size:11px;
	background-position: 4px 7px;
	background-repeat: no-repeat;
}

#rechts .termineintrag p.eintrag a {
	padding: 3px 0px 0px 0px;
	margin:0;
	display: block;
	/* geaendert  von 40px auf 60px, A. Krancher 03.03.2008 */
	margin-left: 60px;
	color: #ffffff;
	background-color: #30453B;
	padding: 0px 14px 0px 0px;
	font-weight: normal;
	font-size:11px;
}

#rechts .termineintrag p.eintrag a:link {
	padding: 3px 0px 0px 0px;
	margin:0;
	display: block;
	/* geaendert  von 40px auf 60px, A. Krancher 03.03.2008 */
	margin-left: 60px;
	color: #ffffff;
	background-color: #30453B;
	padding: 0px 14px 0px 0px;
	font-weight: normal;
	font-size:11px;
}

#footer {
	position:absolute;
    left:0; 
	bottom:0;
	width: 100%;
	height:34px;
	margin: auto;
	font-size: 13px;
	border-top: 1px solid #8c9892;
	background-color:#203d30;
}

#footer #sitemap {
	margin-top:9px;
	display:inline;
	float: right;
	font-size: 0.9em;
}

#footer #sprachwahl {
	margin-top:9px;
	display:inline;
	float: right;
	font-size: 0.9em;
}

#footer #address {
	margin-top:9px;
	float: left;
	width: 560px;
	font-size: 0.9em;
	padding-left:5px;
}

#pianohaus #footer #address {
	width: 780px;
}

#footer #footernavi {
	margin-top:9px;
	float: right;
	text-align: right;
	font-size: 0.9em;
	padding-right:14px;
}

/*
 	seit. Teaser allgemein
*/

.colBottomTeaser{
	position:absolute;
	left:0px;
	bottom: 0px;
	width:161px;
}

/*
 	Teaser Links
*/
#links .colBottomTeaser h3{
	font-weight:bold;
	background:#375145;
	padding:6px 12px;
	margin-bottom:1px;
}

#links .colBottomTeaser .bildTeaser{
	text-align:center;
	margin-bottom:1px;
	background:#375145;
	padding: 5px 0;
}

/*
    Farbwaehler fuer Mitte
*/
.bgMitte-standard {
	background-color: #bac1be !important;
}


.startseite .bgMitte-schwarz {
	background-color: #000000 !important;
}

.startseite .bgMitte-grau {
	background-color: #c8cdcb !important;
}

.startseite .bgMitte-gruen {
	background-color: #193025 !important;
}

/*
	3 Spalten FCE
*/
.subcolumns { width: 100%; overflow:hidden; }

  .c50l, .c25l, .c33l, .c38l, .c66l, .c75l, .c62l {float: left; }
  .c50r, .c25r, .c33r, .c38r, .c66r, .c75r, .c62r {float: right; margin-left: -5px; }

  .c25l, .c25r { width: 25%; }
  .c33l, .c33r { width: 33.333%; }
  .c50l, .c50r { width: 50%; }
  .c66l, .c66r { width: 66.666%; }
  .c75l, .c75r { width: 75%; }
  .c38l, .c38r { width: 38.2%; }
  .c62l, .c62r { width: 61.8%; }

  .subc  { padding: 0 0.5em; }
  .subcl { padding: 0 1em 0 0; }
  .subcr { padding: 0 0 0 1em; }

/*
	Anpassung für Protal-Seite
*/
#portalseite #mitte{
	
	position: absolute;
	top: 130px;
	right: 0px;
	bottom: 34px;
	left: 0px;
	overflow: auto;
	padding:0 1%;
	margin:0;
	background:#dadada;
}

#portalseite #header, #portalseite #footer{
	width: 98%;
	padding: 0 1%;
}
#portalseite #header{height:130px;}

#portalseite #footer #address {
	width: 780px;
}

#portalseite #mitte h1{
	
margin: 14px 0 17px;


}

#portalseite p.bodytext,#portalseite .bodytext{ margin-left:0;margin-right:0;}