body{
color:black;
background:#ffffff;
padding:0;
margin:0;
font:13px verdana, sans-serif;}

body.klavierkatalog{
color:black;
background:#ffffff;
padding:0;
margin:0;
font:13px verdana, sans-serif;}



#head{
color:black;
background:#000088;
background-image:url('images/titleback.jpg');
background-repeat:repeat-x;
/*border-bottom:3px solid black;*/
height:90px;
margin:0px;
width:100%;
}

#head h1{
color:white;
/*background:#538c4a;*/
padding:2px;
padding-left:150px;
vertical-align:middle;
margin:0;
/*border-top:1px solid black;*/
font:bold 18px verdana, sans-serif;}



#menu{
float:left;
width:175px;
height:310px;
margin-top:23px;
}

#menu ul{
list-style:none;
margin:0px;
margin-top:4px;
padding:0px;
}

#menu li{
padding:1px;
/*der abstand zw den menupunkten kann wegen dem ie nicht mit margin gesetzt werden*/
margin:0;
margin-top:1px;
margin-left:10px;
}

#menu a{
/*die breitenangabe wir nur vom ie benoetigt*/
color:#888888;
font-weight:bold;
font-size:12px;
text-decoration:none;
}

#menu a.nohover:hover{
text-decoration:none;
}

#menu a:hover{
color:black;
text-decoration:underline;
}

#menu a.selected{
color:black;
}


#headmenu{
margin-left:190px;
}

#headmenuentry{
width:95px;
height:20px;
padding-top:2px;
margin-right:4px;
border:2px solid #000088;
background-color:#000088;
border-top:none;
/*border-left:10px solid #000088;*/
float:left;
text-align:center;
}



#headmenu a{
width:94px;
height:19px;
display:block;
/*die breitenangabe wir nur vom ie benoetigt*/
color:#FFFFFF;
font-weight:bold;
font-size:14px;
text-decoration:none;
margin:0px;
padding:0px;
padding-left:1px;
}

#headmenu a.nohover:hover{
text-decoration:none;
}

#headmenu a:hover{
color:#FFFFFF;
text-decoration:underline;
background-color:#6666BB;
}

#headmenu a.selected{
color:#FFFFFF;
background-color:#6666BB;
}



#content{margin:0 80px 20px 190px;}

#content h2{
margin:25px 0 10px 0;
padding:2px 0 2px 5px;
font:bold 16px verdana, sans-serif;
border-left:10px solid #000088;
border-bottom:1px solid #000088;}

#content h3{
margin:25px 0 10px 0;
padding:2px 0 2px 5px;
font:bold 14px verdana, sans-serif;
border-left:8px solid #000088;
border-bottom:1px solid #000088;}

#content h4{
margin:25px 0 10px 0;
padding:2px 0 2px 5px;
font:bold 12px verdana, sans-serif;
border-left:6px solid #000088;
border-bottom:1px solid #000088;}

#content img{
border:none;
}

img{
border:none;
}


label, input, select { /* Alle Labels UND Formularelemente auswählen */
  margin:2px;
  display: block;
  float: left;
  width: 100px; /* Breite.*/
}

label {
 text-align: right; 
 padding-right: 1em; 
}

form{
  margin:0;
  padding:.5em;
  background-color:#ddddff;
}

form.listForm{
  margin:0;
  padding:.5em;
  background-color:#ffffff;
}

form br { /* Alle Zeilenumbrüche in Formularen auswählen */
  clear: left; /* das floating der labels und inputs aufheben */
}



/* layout for the catalog */
.catmanufacturercol{
width:80px;
}

.catinstrumentcol{
width:80px;
}

.catrefreshcol{
width:80px;
}

.catheaderrow{
}

td.catmanufacturercol{
width:120px;
height:50px;
vertical-align:middle;
border-bottom:1px solid #ddddff;
}

td.catinstrumentcol{
width:290px;
vertical-align:middle;
border-bottom:1px solid #ddddff;
}

td.catrefreshcol{
width:80px;
vertical-align:middle;
border-bottom:1px solid #ddddff;
}

.catalogrow{
height:80px;
}

.catimgcol{
height:90px;
text-align:center;
vertical-align:middle;
border-bottom:1px solid #ddddff;
}

.catdesccol{
font-weight:bold;
vertical-align:middle;
border-bottom:1px solid #ddddff;
}

.catpricecol{
vertical-align:middle;
border-bottom:1px solid #ddddff;
}

.detailspiccol{
width:310px;
height:250px;
}

.detailsdesccol{
vertical-align:top;
}

.catalogtable{
background-color:#ffffff;
}

#katalog{
#float:right;
width:100%;
height:100%;
min-height:600px;
min-width:600px;
border:1px solid #ddddff;
}

iframe.catiframe{
width:100%;
height:100%;
border:1px solid white;
}