* {
margin:0;
padding:0;
}

html, body {
height:100%;
font-family:Arial, Helvetica, sans-serif;
color:#666;
position:relative;
}

h4, h5, h6, p, li, th, td, input {
font-size:88%;
}

h2 {
color:#e34601;
margin-left:10px;
}

h4 {
margin-top:1em;
margin-bottom:0.1em;
}
img {
margin:7px;
}

/* All normal links within text: */
a:link, 
a:visited
 { 
color:#e34601;
text-decoration:none;
font-weight:bold;
}

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

#probestunde img {
border:none;
}

#probestunde p {
text-indent:-9999em;
line-height:0;
}

div#wrapper {
background-image:url(../site-images/grey-stripes.gif);
background-repeat:repeat;
height:100%;
width:700px;
margin:0 auto;
}

table, td, th {
/*border:1px solid red;*/
border-collapse:collapse;
}

table#layout-table {
width:702px;
margin:0 auto;
background-image:none;
}

table#layout-table tr {
background-color:#fff;
}

table#layout-table td, table#layout-table th {
vertical-align:top;
}

table#layout-table th {
height:228px;
margin:0;
padding:0;
}

ul#top-nav-list, h1 {
position:absolute;
left:-9999em;
}


td#left-nav {
width:184px;
background-image:url(../site-images/left-nav-top-bg.gif);
background-repeat:no-repeat;
background-position:top center;
}

ul#left-nav-list {
width:178px;
margin-left:3px;
padding-top:20px;
padding-bottom:20px;
background-image:url(../site-images/left-nav-bottom-bg.gif);
background-repeat:no-repeat;
background-position:bottom center;
}

ul#left-nav-list li {
background-color:#f0f0f0;
font-weight:bold;
font-size:14px;
border-bottom:2px solid #fff;
list-style:none;
}

td#left-nav address, #kontakt-info {
display:block;
margin-top:20px;
margin-bottom:20px;
padding-left:10px;
} 
#impressum {
border-bottom:none;
}

ul#left-nav-list li a {
display:block;
text-decoration:none;
padding-top:3px;
padding-left:15px;
padding-right:3px;
padding-bottom:3px;
color:#9a0000;
}

ul#left-nav-list li a:hover {
background-image:url(../site-images/nav-arrow.gif);
background-repeat:no-repeat;
background-position:-17px 50%;
}

/* the links of the page we are currently on: */
#musikschule-fame-body #start,
#gesang-body #gesang,
#keyboard-body #keyboard,
#gitarre-body #gitarre,
#drums-body #drums,
#dance-body #dance,
#probestunde-body #probestunde,
#gebuehren-body #gebuehren,
#impressum-body #impressum,
#probestunde-body #probestunde
 {
background-image:url(../site-images/nav-arrow.gif);
background-repeat:no-repeat;
background-position:-17px 50%;
color:#e34601;
}

td#content {
width:518px;
}

tr#footer {
width:700px;
/*background-image:url(../site-images/p_left_1.gif);*/
background-repeat:no-repeat;
background-position:top left;
}

#bottom-nav-table {
width:702px;
position:absolute;
}

#bottom-nav-table #left-corner, #bottom-nav-table #right-corner {
height:50px;
}

#bottom-nav-table #left-corner {
background:url(../site-images/p_left_1.gif);
background-repeat:no-repeat;
background-position:top left;
width:13px;

}

#bottom-nav-table #right-corner {
background:url(../site-images/p_right.gif);
background-repeat:no-repeat;
background-position:top right;
width:12px;
}

#bottom-nav-table tr {
height:50px;
background-color:#ff8400;
background-image:url(../site-images/bg_1.gif);
background-position:top center;
background-repeat:repeat-x;
}

table#bottom-nav-table {
background-image:url(../site-images/grey-stripes.gif);
background-position:5px 50%;
}

#bottom-nav-table td {
/*border:1px solid green;*/
vertical-align:middle;
text-align:center;
}

#bottom-nav-table td a:link, #bottom-nav-table td a:visited{
color:#fff;
text-decoration:none;
padding:10px 0 0 0;
display:block;
}

#bottom-nav-table td a:hover {
text-decoration:underline;
}



a:visited#dance span.spezial {
color:#red;
font-style:italic;
font-weight:bold;
}

#copyright {
position:relative;
top:40px;
text-align:center;
margin:0 auto;
font-size:small;
font-weight:bold;
color:#999999;
}


/* Mail-Adress: */
#mail-link, #mail-adresse {
border:none;
margin:0;
padding:0;
}
/* The Table for Prices */
table#gebuehrentabelle {
width: 500px;
border:1px solid #efefef;
}

table#gebuehrentabelle th, #gebuehrentabelle td  {
vertical-align:top;
height:auto;
padding:5px;
}

table#gebuehrentabelle tr.odd {
background-color:#efefef;
}

.currency{
text-align:right;
}

.error {
color:red;
}

.right {
float:right;
}

.left {
float:left;
}

.clear {
clear:both;
}

.article {
margin: 5px 10px 10px 10px;
padding:5px 0 15px 0;
clear:both;
border-bottom:3px solid #ccc;
}

 .last {
border-bottom:none;
}

.article p {
margin:5px 0;
}
.emphasized {
font-weight:bold;
font-style:italic;
color:red;
}

.heading {
background-color:#ccc;
}

.subtitle {
color:#000;
}

/* Forms ##################################################################### */
fieldset {
margin-top:1em;
margin-bottom:1em;
border:none;
}

legend {
font-weight:bold;
padding:0 0 0.5em 0;
color:#666;
}

.radio {
margin-top:0.5em;
}

.radio input, .contact-pref input {
margin-right:10px;
}

.name label {
display:block;
margin-top:1em;
margin-bottom:0.3em;
}

.name input {
margin-bottom:0.3em;
width:20em;
}

#message-label {
font-weight:bold;
}

textarea {
width:18.5em;
}