/******************************************************************
 * CSS piano-berretz.de
 * Copyright © DANZ Kreative Medien
 * info@danz-design.de
 *
 ******************************************************************/



/******************************************************************/
/* Body und Struktur */


BODY {
	background-image: url(../backimg/body.jpg);
	margin-top:0px;
	margin-bottom:40px;
	margin-left:0px;
	margin-right:0px;
	padding-left: 0px;
	padding-right: 0px;
}

a:focus { 
outline: none; 
}

.hgnavberretz {
	background-image: url(../backimg/hg_nav_oben_berretz.jpg);
	background-repeat: no-repeat;
	line-height: 22px;
}

.hgnavklaviere {
	background-image: url(../backimg/hg_nav_oben_klaviere.jpg);
	background-repeat: no-repeat;
	line-height: 22px;
}

.hgnavkontakt {
	background-image: url(../backimg/hg_nav_oben_kontakt.jpg);
	background-repeat: no-repeat;
	line-height: 22px;
}

.ho1 {
	line-height: 680px;
}

.unavspace1 {
	line-height: 60px;
}

.hgcontent {
	background-image: url(../backimg/hg_content.jpg);
}

.hgconspace {
	background-image: url(../backimg/hg_content_space_oben.jpg);
	line-height: 52px;
}

.hgrand {
	background-image: url(../backimg/hg_content_rand.jpg);
	line-height: 660px;
}

.space16 {
	line-height: 16px;
}


/******************************************************************/
/* Navigation */

.nav {
	font-family: Verdana, Arial, Helvetica, sans-serif;
	font-size: 11px;
	line-height: 22px;
	font-weight: bold;
	color: #333333;
	text-align: center;
}
a.nav:link { color:#333333; font-style:normal; font-family:Verdana, Arial, Helvetica, sans-serif; font-size:11px; font-weight:bold; line-height: 22px; text-decoration:none; }
a.nav:visited { color:#333333; font-style:normal; font-family:Verdana, Arial, Helvetica, sans-serif; font-size:11px; font-weight:bold; line-height: 22px; text-decoration:none; }
a.nav:active { color:#333333; font-style:normal; font-family:Verdana, Arial, Helvetica, sans-serif; font-size:11px; font-weight:bold; line-height: 22px; text-decoration:none; }
a.nav:hover { color:#8B0303;  font-style:normal; font-family:Verdana, Arial, Helvetica, sans-serif; font-size:11px; font-weight:bold; line-height: 22px; text-decoration:none; }



/******************************************************************/
/* Unternavigation */

.unav {
	font-family: Verdana, Arial, Helvetica, sans-serif;
	font-size: 11px;
	line-height: 21px;
	font-weight: normal;
	color: #333333;
	text-align: right;
}
a.unav:link { color:#333333; font-style:normal; font-family:Verdana, Arial, Helvetica, sans-serif; font-size:11px; font-weight:normal; line-height: 21px; text-decoration:none; }
a.unav:visited { color:#333333; font-style:normal; font-family:Verdana, Arial, Helvetica, sans-serif; font-size:11px; font-weight:normal; line-height: 21px; text-decoration:none; }
a.unav:active { color:#333333; font-style:normal; font-family:Verdana, Arial, Helvetica, sans-serif; font-size:11px; font-weight:normal; line-height: 21px; text-decoration:none; }
a.unav:hover { color:#8B0303;  font-style:normal; font-family:Verdana, Arial, Helvetica, sans-serif; font-size:11px; font-weight:normal; line-height: 21px; text-decoration:none; }

.unavspace1 {
	line-height: 42px;
}


/******************************************************************/
/* Ueberschriften */

h1 {
	font-family: Verdana, Arial, Helvetica, sans-serif;
	font-size: 12px;
	line-height: 16px;
	font-weight: bold;
	color: #333333;
	text-align: left;
	display:inline;	
}

h2 {
	font-family: Verdana, Arial, Helvetica, sans-serif;
	font-size: 12px;
	line-height: 16px;
	font-weight: normal;
	color: #666666;
	text-align: left;
	display:inline;	
}



/******************************************************************/
/* Content */

.us1 {
	font-family: Verdana, Arial, Helvetica, sans-serif;
	font-size: 12px;
	line-height: 16px;
	font-weight: bold;
	color: #333333;
	text-align: left;
}

.us2 {
	font-family: Verdana, Arial, Helvetica, sans-serif;
	font-size: 12px;
	line-height: 16px;
	font-weight: bold;
	color: #333333;
	text-align: left;
}

.contrenner3 {
	background-image: url(../backimg/content_trenner_03.gif);
	line-height: 64px;
}

.sft01 {
	font-family: Verdana, Arial, Helvetica, sans-serif;
	font-size: 12px;
	line-height: 16px;
	font-weight: normal;
	color: #333333;
	text-align: justify;
}
a.sft01:link { color:#8B0303; font-style:normal; font-family:Verdana, Arial, Helvetica, sans-serif; font-size:12px; font-weight:normal; line-height: 16px; text-decoration:underline; }
a.sft01:visited { color:#8B0303; font-style:normal; font-family:Verdana, Arial, Helvetica, sans-serif; font-size:12px; font-weight:normal; line-height: 16px; text-decoration:underline; }
a.sft01:active { color:#8B0303; font-style:normal; font-family:Verdana, Arial, Helvetica, sans-serif; font-size:12px; font-weight:normal; line-height: 16px; text-decoration:none; }
a.sft01:hover { color:#8B0303;  font-style:normal; font-family:Verdana, Arial, Helvetica, sans-serif; font-size:12px; font-weight:normal; line-height: 16px; text-decoration:none; }

.sft02 {
	font-family: Verdana, Arial, Helvetica, sans-serif;
	font-size: 12px;
	line-height: 26px;
	font-weight: normal;
	color: #333333;
	text-align: center;
}
a.sft02:link { color:#333333; font-style:normal; font-family:Verdana, Arial, Helvetica, sans-serif; font-size:12px; font-weight:normal; line-height: 16px; text-decoration:none; }
a.sft02:visited { color:#333333; font-style:normal; font-family:Verdana, Arial, Helvetica, sans-serif; font-size:12px; font-weight:normal; line-height: 16px; text-decoration:none; }
a.sft02:active { color:#333333; font-style:normal; font-family:Verdana, Arial, Helvetica, sans-serif; font-size:12px; font-weight:normal; line-height: 16px; text-decoration:none; }
a.sft02:hover { color:#8B0303;  font-style:normal; font-family:Verdana, Arial, Helvetica, sans-serif; font-size:12px; font-weight:normal; line-height: 16px; text-decoration:none; }

.sft03 {
	font-family: Verdana, Arial, Helvetica, sans-serif;
	font-size: 12px;
	line-height: 16px;
	font-weight: normal;
	color: #333333;
	text-align: left;
}
a.sft03:link { color:#333333; font-style:normal; font-family:Verdana, Arial, Helvetica, sans-serif; font-size:12px; font-weight:normal; line-height: 16px; text-decoration:none; }
a.sft03:visited { color:#333333; font-style:normal; font-family:Verdana, Arial, Helvetica, sans-serif; font-size:12px; font-weight:normal; line-height: 16px; text-decoration:none; }
a.sft03:active { color:#333333; font-style:normal; font-family:Verdana, Arial, Helvetica, sans-serif; font-size:12px; font-weight:normal; line-height: 16px; text-decoration:none; }
a.sft03:hover { color:#8B0303;  font-style:normal; font-family:Verdana, Arial, Helvetica, sans-serif; font-size:12px; font-weight:normal; line-height: 16px; text-decoration:none; }

.sft04 {
	font-family: Verdana, Arial, Helvetica, sans-serif;
	font-size: 12px;
	line-height: 16px;
	font-weight: normal;
	color: #333333;
	text-align: right;
}
a.sft04:link { color:#333333; font-style:normal; font-family:Verdana, Arial, Helvetica, sans-serif; font-size:12px; font-weight:normal; line-height: 16px; text-decoration:none; }
a.sft04:visited { color:#333333; font-style:normal; font-family:Verdana, Arial, Helvetica, sans-serif; font-size:12px; font-weight:normal; line-height: 16px; text-decoration:none; }
a.sft04:active { color:#333333; font-style:normal; font-family:Verdana, Arial, Helvetica, sans-serif; font-size:12px; font-weight:normal; line-height: 16px; text-decoration:none; }
a.sft04:hover { color:#8B0303;  font-style:normal; font-family:Verdana, Arial, Helvetica, sans-serif; font-size:12px; font-weight:normal; line-height: 16px; text-decoration:none; }



.space32 {
	line-height: 32px;
}

.space8 {
	line-height: 8px;
}

/******************************************************************/
/* Footer */


.footer01 {
	font-family: Verdana, Arial, Helvetica, sans-serif;
	font-size: 10px;
	line-height: 14px;
	font-weight: normal;
	color: #DAD7AC;
	text-align: right;
}
a.footer01:link { color:#DAD7AC; font-style:normal; font-family:Verdana, Arial, Helvetica, sans-serif; font-size:10px; font-weight:normal; line-height: 14px; text-decoration:none; }
a.footer01:visited { color:#DAD7AC; font-style:normal; font-family:Verdana, Arial, Helvetica, sans-serif; font-size:10px; font-weight:normal; line-height: 14px; text-decoration:none; }
a.footer01:active { color:#DAD7AC; font-style:normal; font-family:Verdana, Arial, Helvetica, sans-serif; font-size:10px; font-weight:normal; line-height: 14px; text-decoration:none; }
a.footer01:hover { color:#FFFFFF;  font-style:normal; font-family:Verdana, Arial, Helvetica, sans-serif; font-size:10px; font-weight:normal; line-height: 14px; text-decoration:none; }


/******************************************************************/
/* Formulare */

.formular1 {
	font-family: Verdana, Arial, Helvetica, sans-serif;
	font-size: 12px;
	line-height: 14px;
	font-weight: normal;
	color: #333333;
	border-style: solid;
	border-width: 1px;
	border-color: #333333;
	background: #FFFFFF;
	width: 330px;
}

.formular2 {
	font-family: Verdana, Arial, Helvetica, sans-serif;
	font-size: 12px;
	line-height: 22px;
	font-weight: normal;
	color: #333333;
	text-align: left;
}

.formular3 {
	font-family: Verdana, Arial, Helvetica, sans-serif;
	font-size: 12px;
	line-height: 14px;
	font-weight: normal;
	color: #333333;
	border-style: solid;
	border-width: 1px;
	border-color: #333333;
	background: #FFFFFF;
}