/* (c) Stephan Kronseder: v1.07 */
/* v1.03: td.player added */
/* v1.06: p.text_pagetitle: margin-top: 20px added */ 
/*      : #main_additional: overflow: scroll added */
/* v1.07: a.link.demolink and a.link.demomail added
					p.text_small for small texts added
					p.entry_small for small table entries added */
/* v1.11: p.text_serif for serif texts added */
/* v1.16: p.style and p.entry_center_bold added */
/* v1.19: pentry_bold added */



@font-face { 
font-family: "BankGthd"; 
src: url("/font/BankGthd.ttf"); 
}


/* golbal definitions */
body {
 margin: 0px;
 padding: 0px
}

table {
 font-family: "BankGthd","BankGothic Md BT", "Copperplate Gothic Light", "Charlesworth", "Verdana", "MV Boli", sans-serif;
 font-size: 17pt
}

caption {
 font-family: "Lucida Console", "Courier", "Verdana", "MV Boli", sans-serif;
 font-size: 8pt;
 /* for NN here; for IE direct as align="bottom"*/
 caption-side: bottom
}


/* definition for main_menu rows*/
tr {
 text-align: left;
 height: 30px
}

/* definition for header_menu columns*/
td {
 text-align: center;
 height: 30px
}
td.main_menu {
 text-align: left;
 height: 30px
}



/* definitions for hyper-links*/
a:link, a:visited {
 color: #FFFFFF; /*white*/
 background-color: inherit;
 text-decoration: none
}
a:hover {
 color: lightgrey;
 background-color: inherit;
 text-decoration: underline
}
/*link in <p></p> string*/
a:link.text, a:visited.text {
 color: #C71585 /*MediumVioletRed*/;
 background-color: inherit;
 text-decoration: none
}
a:hover.text {
 color: pink;
 background-color: inherit;
 text-decoration: underline
}
/*link in main_additional_menu string*/
a:link.additionalmenu, a:visited.additionalmenu {
 color: black;
 background-color: inherit;
 text-decoration: none
}
a:hover.additionalmenu {
 color: grey;
 background-color: inherit;
 text-decoration: underline
}

/* demolink: has to be used for links pointing to download demos
   demomail: has to be used for links pointing to demos sent by mail */
a:link.demolink, a:visited.demolink {
 color: #C71585 /*MediumVioletRed*/;
 background-color: inherit;
 text-decoration: none
}
a:hover.demolink {
 color: pink;
 background-color: inherit;
 text-decoration: underline
}
a:link.demomail, a:visited.demomail {
 color: #C71585 /*MediumVioletRed*/;
 background-color: inherit;
 text-decoration: none
}
a:hover.demomail {
 color: pink;
 background-color: inherit;
 text-decoration: underline
}


/* definitions for default text*/
p {
 font-family: "BankGthd", "BankGothic Md BT", "Copperplate Gothic Light", "Charlesworth", "Verdana", "MV Boli", cursive; 
 font-size: 22pt
} 
p.text_pagetitle {
 font-family: "BankGthd", "BankGothic Md BT", "Copperplate Gothic Light", "Charlesworth", "Verdana", "MV Boli", cursive; 
 font-size: 23pt;
 text-align: center;
 margin-top: 20px
} 
p.text_small {
 font-family: "BankGthd", "BankGothic Md BT", "Copperplate Gothic Light", "Charlesworth", "Verdana", "MV Boli", sans-serif;
 font-size: 8pt;
 text-align: center
}
p.text_margin {
 font-family: "BankGthd", "BankGothic Md BT", "Copperplate Gothic Light", "Charlesworth", "Verdana", "MV Boli", cursive;
 font-size: 17pt;
 margin-left: 20px;
 margin-top: 40px;
 margin-right: 20px
} 
p.text_margin_small {
 font-family: "BankGthd", "BankGothic Md BT", "Copperplate Gothic Light", "Charlesworth", "Verdana", "MV Boli", cursive;
 font-size: 14pt;
 margin-left: 20px;
 margin-top: 40px;
 margin-right: 20px
} 
p.text_additionalmenu
{
 margin-left: 20px;
 margin-top: 40px;
 font-family: "BankGthd", "BankGothic Md BT", "Courier", sans-serif;
 font-size: 9pt;
 font-weight: bold;
 text-align: left
}
<!-- p.text_additionalmenu_navi
{
 margin-left: 10px;
 margin-top: 20px;
 font-family: "Lucida Console", "Courier", sans-serif;
 font-size: 10pt;
 text-align: left
} -->
p.footer {
 font-family: "Lucida Console", "Courier", sans-serif;
 font-size: 8pt;
 text-align: center
}
p.text_heavyserif {
 font-family: "BankGthd", "BankGothic Md BT", "Monotype Corsiva", serif
}
p.text_serif {
 font-family: "Monotype Corsiva", fantasy, serif
}
p.text_sansserif {
 font-family: "BernhardMod BT", sans-serif;
}
p.style {
 font-family: "BankGthd", "CopprplGoth Bd BT", "BankGothic Md BT", serif;
 font-size: 20pt;
 text-align: left
}


/*for table-content definitions*/
th.cathegory,td.cathegory {
 font-family: "BankGthd", "BankGothic Md BT", "Monotype Corsiva", "Verdana", "MV Boli", fantasy;
 font-size: 30pt;
 text-align: center;
 padding: 10px
}
th.style,td.style,td.componist {
 font-family: "BankGthd", "BankGothic Md BT", "CopprplGoth Bd BT", "Verdana", "MV Boli", serif;
 font-size: 20pt;
 text-align: center;
 padding: 8px
}
td.sub {
 font-family: "BankGthd", "BankGothic Md BT", "CopprplGoth Bd BT", "Verdana", "MV Boli", sans-serif;
 font-size: 16pt;
 text-align: center;
 padding: 6px
}
td.player {
 font-family: "Lucida Console", "Courier", "Verdana", "MV Boli", sans-serif;
 font-size: 10pt;
 text-align: center;
 padding: 6px
}
/*"margin-top" here for N, ignored by IE*/ 
p.entry {
 font-family: "BankGthd", "BankGothic Md BT", "Courier", "Verdana", "MV Boli", sans-serif;
 font-size: 16pt;
 text-align: left;
 margin-top: 0px;
 padding-left: 10px
}
p.entry_bold {
 font-family: "Lucida Console", "Courier", "Verdana", "MV Boli", sans-serif;
 font-size: 12pt;
 text-align: left;
 margin-top: 0px;
 font-weight: bold; 
 padding-left: 10px
}
p.entry_center {
 font-family: "Lucida Console", "Courier", "Verdana", "MV Boli", sans-serif;
 font-size: 12pt;
 text-align: center;
 margin-top: 0px;
 padding-left: 10px
}
p.entry_center_bold {
 font-family: "Lucida Console", "Courier", "Verdana", "MV Boli", sans-serif;
 font-size: 12pt;
 text-align: center;
 margin-top: 0px;
 font-weight: bold;
 padding-left: 10px
}
p.entry_small {
 font-family: "Lucida Console", "Courier", "Verdana", "MV Boli", sans-serif;
 font-size: 8pt;
 text-align: left;
 margin-top: 0px;
 padding-left: 10px
}



/* layout definitions */
#header {
 position: absolute;
 z-index: 4;
 left: 0px;
 right: 0px;
 top: 0px;
 height: 150px; /*160px - 2x5px*/
 border: solid 5px silver;

}
#header_logo {
 position: absolute;
 left: 0px;
 top: 0px;
 height: 150px; /*160px - 2x5px*/
 width: 200px
}
#header_menu {
 position: relative;
 margin-left: 150px;
 margin-right: 150px;
 margin-top: 15px;
 padding: 5px /*for IE to fill page between header and main section!*/
}


#main {
 position: absolute;
 z-index: 1;
 left: 0px;
 right: 0px;
 top: 160px;
 height: 480px; /*490px -2x5px*/
}
#main_content {
 position: absolute;
 z-index: 2;
 left: 300px;
 right: 300px;
 height: 490px;
 overflow: scroll
}
#main_menu {
 position: absolute;
 z-index: 3;
 left: 0px;
 top: 160px;
 height: 480px; /*490px -2x5px*/
 width: 290px; /*300px -2x5px, auto disables scrolling at main_content! */
 border: solid 5px silver
}
#main_menu_content {
}

#main_additional {
 position: absolute;
 z-index: 4;
 right: 0px;
 top: 160px;
 height: 480px; /*490px - 2x5px*/
 width: 290px;
 border: solid 5px silver;
}
#main_additional_content {
}

#footer {
 position: absolute;
 z-index: 5;
 left: 0px;
 right: 0px;
 top: 650px;
 height: 20px;
 color: black; 
 background-color: grey;
 border: solid 5px #D87093 /*PaleVioletRed*/
}
#footer_content {
 margin: 2px 0px 0px 0px
}