@media screen,projection
	{

body
	{
	color:	#000;
	background-color:	silver;
	font:	100% Arial,Verdana,sans-serif;
	margin:	0;
	padding:	0;
	height:	100%;
}
caption
	{
	font-size:	130%;
	font-weight:	bold;
}
a:link
	{
	color:	blue;
	text-decoration:	underline;
}
a:visited
	{
	color:	purple;
	text-decoration:	underline;
}
#container a:hover
	{
	color:	#f00;
}
/*-------------------------------------
fuer die floatenden Bilder bei suche.html
-------------------------------------*/
dt.suche
	{
	clear:	right;
}
fieldset p
	{
	width:	80%;
	margin:	0 0 15px 20px;
}
fieldset table
	{
	width:	80%;
	margin:	27px 0 13px 0;
}
form.rechts
	{
	float:	right;
	margin:	0;
}
h1, h2, h3, h4, h5
	{
	color:	#000;
	font-weight:	400;
}
h1
	{
	font-size:	140%;
}
h1.logo
	{
	color:	#0B3080;
	padding:	27px 0 0 27px;
	margin:	0 0 0 184px;
	font-size:	170%;
	font-variant:	small-caps;
	font-weight:	300;
	letter-spacing:	2px;
}
h2
	{
	font-size:	130%;
}
h3
	{
	font-size:	110%;
}
hr
	{
	clear:	right;
}
img.links
	{
	float:	left;
}
img.rechts
	{
	float:	right;
	padding-bottom:	14px;
}
legend
	{
	padding:	0 6px;
}
p
	{
	line-height: 1.3em;
}
p.rechts, td.rechts, div.rechts
	{
	text-align:	right;
}
table
	{
	border-collapse:	collapse;
}
textarea, input, select
	{
	margin-left:	3%;
	margin-bottom:	1%;
}
th, td
	{
	vertical-align:	top;
}
th, .kredit, .route
	{
	border:	1px solid #ccc;
}
ul
	{
	list-style-type:	none;
	border-style:	none;
}
/*-------------------------------------
Inhalt
-------------------------------------*/
#container
	{
	margin-left:	180px;
	padding:	3%;
}
#outer
	{
	max-width:	1100px;
	margin:	3% 6%;
	padding-bottom:	1%;
	background-color:	#fff;
}
/*-------------------------------------
Fuss
-------------------------------------*/
#fusszeile
	{
	clear:	both;
	margin-top:	27px;
	text-align:	center;
	padding:	0;
	border-top:	1px solid #ccc;
}

/*-------------------------------------
container-links siehe oben
-------------------------------------*/
.abfrage td, .abfrage th
	{
	padding:	3px;
	border:	1px solid #000;
}
.adress
	{
	margin-top:	3%;
	color:	#0B3080;
	background-color:	#8DA1CC;
	font-size:	90%;
	text-align:	center;
	letter-spacing:	1px;
	padding:	3px;
}
/*-------------------------------------
Angebot des Monats
-------------------------------------*/
.angebot
	{
	color:	#000;
	background-color:	#fffff0;
	padding:	6% 8%;
	border:	1px solid #ccc;
}
.angebot *
	{
	color:	#000;
}
/*-------------------------------------
bj = baujahr
-------------------------------------*/
table.baujahr
	{
	width:	250px;
	border:	1px solid #ccc;
	margin:	auto;
}
.bjgrau td
	{
	background-color:	#ECECEC;
}
.bjweiss td
	{
	background:	#fff;
}
.bjfirma td
	{
	color:	#eee;
	background-color:	#0B3080;
	font-weight:	bold;
	text-align:	center;
	vertical-align:	middle;
	height:	40px;
}
.bjinnen
	{
	width:	100%;
	margin:	0;
	padding:	0;
}
.bjinnen td
	{
	width:	50%;
	text-align:	center;
	border-right:	1px solid #ccc;
}
.bjkopf
	{
	text-align:	center;
	border-bottom:	1px solid silver;
	border-top:	1px solid #ccc;
}
.bjleiste
	{
	width:	16px;
	background-color:	#fff;
	border-bottom:	1px solid silver;
	border-top:	1px solid #ccc;
}
.bjscroll
	{
	height:	220px;
	overflow:	auto;
	display:	block;
	margin:	0;
	padding:	0;
}
.block
	{
	text-align:	justify;
}
.clr
	{
	clear:	both;
}
ul.distinctlist
	{
	margin:	0 0 27px 0;
	padding:	0;
}
.distinctlist li
	{
	display:	inline;
}
.datum
	{
	float:	right;
}
.fussnote
	{
	font-size:	85%;
}
.gestrichen
	{
	text-decoration:	line-through;
}
.help
	{
	cursor:	help;
}
.hidden
	{
	display:	none;
}
/*-------------------------------------
fuer neue Klaviere und Fluegel, AnyTime, digitalpianos.html usw.
-------------------------------------*/

.kasten
	{
	width:	60%;
}

ul.kasten
	{
	margin:	0;
	padding:	0;
}

.kasten li
	{
	margin:	4px 0;
	padding-left:	27px;
}


/*-------------------------------------
fuer table auf musikschule/klavierunterricht
-------------------------------------*/
.klavierunterricht td
	{
	font-size:	95%;
	padding:	2px 27px;
}
.klavierunterricht th
	{
	padding:	3px;
}
td.klein, p.klein
	{
	font-size:	80%;
}
/*-------------------------------------*/
.kopfzeile
	{
	color:	#0B3080;
	background-color:	#8DA1CC;
	margin:	0;
	padding:	0;
	min-height:	84px;
}
.kopfzeile_suche
	{
	margin:	27px 27px 0 0;
}
.kopfzeile_suche td
	{
	padding:	5px;
}
a.logo
	{
	float:	left;
	margin:	2px;
}
.kredit span
	{
	margin-left:	3px;
	vertical-align:	top;
}

/*-------------------------------------
fuer abgeschickt.html, finanzierung, noscript, Suche, h2
-------------------------------------*/
.meldung
	{
	color:	red;
}

/*-------------------------------------
fuer ul auf Neueinbauten
-------------------------------------*/
.punkte
	{
	font-size:	95%;
	list-style-type:	disc;
	border-style:	none;
}
/*-------------------------------------
Fuer tables a la "Tabulator", Profil, Oeffnungszeiten, wie_alt
-------------------------------------*/
.tab td
	{
	padding:	6px 12px 6px 0;
}
.tab th
	{
	text-align:	left;
	border-style:	none;
}
.unterstrichen
	{
	border-bottom-style:	double;
}
.verweise th, .verweise td
	{
	width:	50%;
}
.wrap
	{
	clear:	right;
	border-top:	1px solid #ccc;
	margin-top:	27px;
	margin-bottom:	27px;
	padding-top:	14px;
}
.zentriert
	{
	text-align:	center;
}


/*-------------------------------------
Navigation
-------------------------------------*/
#fussnavi
	{
	list-style:	none;
	margin:	10px 0;
	padding:	0;
	text-align:	center;
}
#fussnavi li
	{
	background-color:	#fff;
	display:	inline;
	list-style:	none;
	padding:	0 4px;
}
#fussnavi a:link
	{
	text-decoration:	none;
	text-align:	center;
	height:	100%;
}
#fussnavi a:visited
	{
	text-decoration:	none;
}
#fussnavi a:hover
	{
	color:	#F00;
	text-decoration:	underline;
}
#fussnavi .aktuell
	{
	color:	#f00;
	background-color:	transparent;
}
#linkliste
	{
	color:	#000;
	background-color:	#fff;
	float:	left;
	clear:	both;
	width:	160px;
	min-height:	350px;
	padding:	10px;
	margin:	0;
}
.menu
	{
	margin:	0;
	padding:	0;
	border-style:	none;
	/*border:	1px solid gold;*/
}
.menu li
	{
	width:	100%;
	color:	#000;
	background-color:	#fff;
	font-weight:	normal;
	margin:	5px 0;
	padding:	0;
}
.menu>li
	{
	border-bottom:	1px solid #ccc;
}
.menu a
	{
	padding:	3px 0 0 5px;
	display:	block;
	text-decoration:	none;
}
ul.submenu
	{
	font-size:	90%;
	padding:	0;
	margin:	0;
}
.submenu a
	{
	padding:	3px 0 0 27px;
}

.menu a:link
	{
	color:	blue;
	background-color:	#fff;
}
.menu a:visited
	{
	color:	purple;
	background-color:	#fff;
}
.menu a:hover
	{
	color:	#F00;
	background-color:	#ECECEC;
}
.menu a:active
	{
	color:	#F00;
	background-color:	transparent;
}

.wiealt
	{
	margin:	0px;
	padding:	0px;
}
.wiealt a:link, .wiealt a:visited, .wiealt a:hover
	{
	text-align:	right;
	padding:	3px 5px 3px 0;
}
.wiealt li
	{
	margin:	0px;
	padding:	0px;
}
ul.wiealt
	{
	margin:	0px;
	padding:	0px;
}
li.aktuell
	{
	color:	#f00;
}
.menu .aktuell
	{
	margin:	0;
	padding:	3px 0 0 5px;
}

.submenu .aktuell
	{
	padding:	3px 0 0 27px;
}



}
/*-------------------------------------
Ende media screen
-------------------------------------*/
@media print
	{
*
	{
	color:	#000;
	background-color:	#fff;
	font-family:	Helvetica, serif;
	font-size:	12pt;
}
a.externerlink:after
	{
	content:	" [" attr(href) "] ";
}
body
	{
	margin:	27pt;
}
h1, h2, h3, h4, h5
	{
	font-size:	12pt;
	font-weight:	bold;
}
img
	{
	float:	right;
}
p, ul, li
	{
	margin:	3pt 0pt;
}
p, ul
	{
	page-break-inside:	avoid;
}
td
	{
	vertical-align:	top;
}
#linkliste, #fusszeile, form
	{
	display:	none;
}
.bjscroll
	{
	overflow:	visible;
	display:	block;
}
.wrap
	{
	clear:	right;
	border-top:	1px solid #ccc;
	margin-top:	27pt;
}


}
/*-------------------------------------
Ende media print
-------------------------------------*/