﻿body 
{
    margin: 0 0 0 0;
    background-color: #E6E6FA;
    vertical-align: middle;
    text-align: center;
    font-family: Helvetica, Verdana, Trebuchet MS, Arial;
    font-size: 11pt;
}

.formStyle 
{
    width: 100%;
    height: 100%;
    vertical-align: middle;
    text-align: center;
}

.mainTable 
{
    width: 100%;
    height: 100%;
}

.topRow 
{
    width: 973px;
    height: 119px;
}

.bottomRow 
{
    height: 50px;
    color: Black;
    font-size: 9pt;
}

.logoTable
{
    width: 100%;
    height: 100%;
}

.logoTableLeftCell
{
    width: 36px;
    background-image: url("images/topbar_left_back.jpg");
    background-repeat: no-repeat;
}

.logoTableCenterCell
{
    background-image: url("images/topbar_mid_back.jpg");
    background-repeat: repeat-x;
    padding-top: 15px;
}

.logoTableRightCell
{
    width: 38px;
    background-image: url("images/topbar_right_back.jpg");
    background-repeat: no-repeat;
}

.topMenuNav
{
    font-size: 9pt;
    text-decoration: none;
}

.topMenuButton
{
    font-size: 9pt;
    color: #6C6C6C;
    text-decoration: none;
}
.btnDrumschool a 
{  
    width: 245px;
    height: 38px;
    background-image:url("images/btn_drumschool_0.jpg");
}
    
.btnDrumschool a:hover 
{  
    background-image:url("images/btn_drumschool_1.jpg");
}

.contentTable
{
    width: 973px;
    height: 100%;
}

.leftInfoBox 
{
    width: 373px;
}

.advertBox
{
     width: 320;
     height: 50;
     margin-top: 5;
     text-align: center;
}

.leftInfoBoxContentTable
{
    width: 100%;
    height: 650px;
}

.rightInfoBox
{
    width: 147px;
    height: 650px;
}

.leftInfoBoxTop
{
    background-image:url("images/left_infobox_top.jpg");
    background-repeat: no-repeat;
    height: 50px;
    color: White;
    font-size: 12pt;
    font-weight: bold;
}

.leftInfoBoxMid
{
    background-image:url("images/left_infobox_mid.jpg");
    background-repeat: repeat-y;
    color: #6C6C6C;
    font-size: 10pt;
    font-variant: normal;
    text-align: left;
}

.paragraph 
{
    width: 320px;
    margin-left: 20px;
    margin-top: 10px;
    margin-bottom: 5px;
    text-align: left;
    line-height: 13pt;
    font-size: 11pt;
}

.sitelinks
{
    color: #6C6C6C;
    font-size: 8pt;
    height: 30px;
}

.leftInfoBoxSecond
{
    background-image:url("images/left_infobox_second.jpg");
    background-repeat: repeat-y;
    height: 40px;
    color: White;
    font-size: 12pt;
    font-weight: bold;
}

.leftInfoBoxBottom
{
    background-image:url("images/left_infobox_bottom.jpg");
    background-repeat: no-repeat;
    height: 21px;
}

.leftLinkBox
{
    width: 100%;
}

.leftLinkBoxTop
{
    background-image:url("images/left_linkbox_top.jpg");
    background-repeat: no-repeat;
    height: 35px;
}

.leftLinkBoxMid
{
    background-image:url("images/left_linkbox_mid.jpg");
    background-repeat: repeat-y;
}

.leftLinkBoxBottom
{
    background-image:url("images/left_linkbox_bottom.jpg");
    background-repeat: no-repeat;
    height: 22px;
}

.leftLinkBoxButtonTable
{
    width: 336px;
    height: 100px;
    font-size: 1pt;
}

.leftLinkBoxMidLink
{
    width: 114px;
}

.btnGitaarleskado a 
{  
    width: 119;
    height: 99;
    background-image:url("images/btn_gitaarleskado.jpg");
    background-repeat: no-repeat;
}
    
.btnGitaarleskado a:hover 
{  
    background-image:url("images/btn_gitaarleskado_1.jpg");
}

.btnPianoleskado a 
{  
    width: 114;
    height: 99;
    background-image:url("images/btn_pianoleskado.jpg");
}
    
.btnPianoleskado a:hover 
{  
    background-image:url("images/btn_pianoleskado_1.jpg");
}

.btnVioolleskado a 
{  
    width: 103;
    height: 99;
    background-image:url("images/btn_vioolleskado.jpg");
}
    
.btnVioolleskado a:hover 
{  
    background-image:url("images/btn_vioolleskado_1.jpg");
}

.rightBannerTable
{
    width: 147px;
    height: 650px;
}

.rightBannerTop
{
    height: 24px;
    background-image:url("images/right_banner_top.jpg");
    background-repeat:no-repeat;
}

.rightBannerMid
{
    background-image:url("images/right_banner_mid.jpg");
    background-repeat: repeat-y;
}

.rightBannerBottom
{
    height: 27px;
    background-image:url("images/right_banner_bottom.jpg");
    background-repeat:no-repeat;
}

.mainContentTable
{
    width: 973px;
    height: 100%;
}

.subContentTable
{
    width: 100%;
    height: 100%;
}

.contentTableTop
{
    width: 373px;
    height: 73px;
    background-image:url("images/contentTop.jpg");
    background-repeat:no-repeat;
}

.searchTable
{
    width: 100%;
    height: 73px;
}

.zipcodeCell 
{
    text-align:right;
    vertical-align: bottom;
}

.textinputZipcode
{
    width: 80px;
    height: 25px; 
    font-size: 14pt;   
    border: solid 1px #8A2AE3;
}

.textinputCity
{
    width: 150px;
    height: 25px;
    margin-left: 10px;
    font-size: 14pt;
    border: solid 1px #8A2AE3;
}

.contentTableMap
{
    height:400px;
    vertical-align: top;
    text-align: left;
    width: 460px;
}

.contentTableBottom
{
}

.meerinfoadvert
{
    font-size: 8pt;
    color: #9675A7;
    width: 120px;
    margin-top: 20px;
}

.schoollist
{
    vertical-align: top;
    text-align: left;
}

.schoolinfotable
{
    border-top: solid 1px #9675A7;
    vertical-align: top;
    text-align: left;
    height: 200px;
    width: 100%;
}

.updatePanelTable 
{
    width: 100%;
    height: 650px;
}

.meerinfo
{
    font-size: 8pt;
    color: #9675A7;
}

.td_schoolinfo
{
}

.infoPages
{
    margin: 5 30 20 5;
    width: 99%;
    height: 99%;
}

.infoPagesTitle
{
    background-image: url("images/balk.png");
    background-repeat: no-repeat;
    background-position: center;
    padding: 0 20 0 20;
    height: 30px;
    text-align: left;
    vertical-align: middle;
}

.infoPagesContent
{
    text-align: left;
    vertical-align: top;
}

.pTitle 
{
    font-family: Helvetica, Verdana, Trebuchet MS, Arial;
    background-color: #8A2BE2;
    color: White;
    font-size: 12pt;
    font-variant: small-caps;
    font-weight: bold;
}

.pPageContent
{
    font-family: Helvetica, Verdana, Trebuchet MS, Arial;
    color: White;
    font-size: 12pt;
    font-variant: small-caps;
    font-weight: bold;
}

.pText
{
    font-family: Helvetica, Verdana, Trebuchet MS, Arial;
    font-size: 10pt;
    color: #674578;
    border: solid 1px #6C6C6C;
}

.pInfoText 
{
    font-family: Helvetica, Verdana, Trebuchet MS, Arial;
    font-size: 10pt;
    color: #674578;
}

.pTextAlgVw
{
    font-family: Helvetica, Verdana, Trebuchet MS, Arial;
    font-size: 10pt;
    color: #674578;
    padding: 20 60 20 20;
}

.formFieldVoucherWide
{
    width: 255px;
    height: 20px; 
    font-size: 11pt;   
    border: solid 1px #8A2AE3;
}

.formFieldVoucherSmall
{
    width: 80px;
    height: 20px; 
    font-size: 11pt;   
    border: solid 1px #8A2AE3;
}

.formFieldVoucherLabel
{
    font-size: 10pt;   
}

.formFieldVoucherTitel
{
    font-size: 13pt;
    font-weight: bold;
    color: Black;
}

.orderButton
{
    color:White;
    font-family: Verdana, Helvetica;
    font-size: 10pt;
    font-weight:  normal;
    background-image: url("images/button.png");
    background-repeat: no-repeat;
    background-position: center;
    height: 30px;
    text-decoration: none;
    padding: 5 20 5 20;
    text-align: center;
}

.tellAFriendTop
{
    background-image:url("images/left_infobox_top.jpg");
    background-repeat: no-repeat;
    background-position: center;
    height: 50px;
    color: White;
    font-size: 12pt;
    font-variant: small-caps;
    font-weight: bold;
}

.tellAFriendMid
{
    background-image:url("images/left_infobox_mid.jpg");
    background-repeat: repeat-y;
    background-position: center;
    color: #6C6C6C;
    font-size: 11pt;
    font-variant: normal;
    text-align: left;
}
    
.tellAFriendBottom
{
    background-image:url("images/left_infobox_bottom.jpg");
    background-repeat: no-repeat;
    background-position: center;
    height: 21px;
}

.panelBack
{
  
}

.bottomTable
{
    width:973px;
    background-image:url("images/bottomBack.jpg");
    background-repeat: no-repeat;
    background-position: center;
    height:156px;
}