/* 全般設定 */
body {color: black; background: url(imgs/bg.gif); margin: 0; padding: 0; font-size: 9pt; font-family: Osaka, Verdana, Arial, Helvetica, sans-serif;}

a {color: #008DC6; text-decoration: none; background-color: transparent;}
a:hover {color: gray;}

table {margin: 0; padding: 0; vertical-align: top; text-align: left;}

h1 {}
h2 {}
h3 {}
h4 {}
h5 {}

/* 共通パーツ */
.base {width: 810px; background: white; border-left: 1px solid black; border-right: 1px solid black;}

.head {width: 100%; background: url(imgs/bg_head.gif);}
.head_r {vertical-align: bottom; text-align: right; padding-right: 5px; font-size: 9pt; font-weight: bold;}
.head_menu {vertical-align: middle; padding: 3px 0px; font-size: 8pt;}

.menu {width: 100%; padding: 10px 10px; vertical-align: top; font-size: 10pt;}
.menu a {color: black; font-weight: bold;}
.menu a:hover {color: gray;}
.menu1 {width: 100%; padding: 2px 20px; background: url(imgs/bg_menu.gif); color: #333333; font-size: 12pt; font-weight: bold;}
.menu2 {width: 100%; padding: 2px 0px; background: url(imgs/bg_menu2.gif); font-size: 10pt;}
.menu2 a {color: black; font-weight: bold;}
.menu2 a:hover {color: gray;}
.menu_index {width: 100%; padding: 10px 10px; vertical-align: top; font-size: 9pt;}
.menu_index a {color: black; font-weight: bold;}
.menu_index a:hover {color: gray;}

.date {padding: 1px 1px; background: #ECECEC; color: gray; font-size: 8pt;}

.title {width: 100%; background: url(imgs/bg_title.gif); padding: 0px 20px;}
.title1 {font-size: 18pt; font-weight: bold; padding-top: 8px;}
.title2 {color: maroon; font-size: 8pt;}
.title2 a {color: black;}
.title2 a:hover {color: gray;}
.title_i {background: #ECECEC; padding: 1px 0px; width: 808px;}

.main {width: 100%; vertical-align: top; padding: 20px 20px; font-size: 10pt;}
.main a {font-weight: bold;}
.main a:hover {color: gray;}
.main_l {width: 60%; padding-right: 20px; vertical-align: top; font-size: 10pt;}
.main_r {width: 40%; vertical-align: top; text-align: right; font-size: 10pt;}
.main_topics {width: 100%; padding: 10px 10px; vertical-align: top; background: #EBF5FC; font-size: 9pt;}
.main_50l {width: 50%; padding-right: 10px; vertical-align: top; font-size: 10pt;}
.main_50r {width: 50%; padding-left: 10px; vertical-align: top; font-size: 10pt;}
.anmeldung {width:  300pix; background-color: #99CC00; padding: 0px 5px; color: white; font-weight: bold;}

.top {width: 100%; padding: 10px 10px; background: #FFFFFF;}
.top a {font-weight: bold;}
.top a:hover {color: gray;}
.top_l {width: 70%; padding: 0px10px; vertical-align: top; font-size: 10pt;}
.top_r {width: 30%; vertical-align: top; text-align: right;}
.top_topics {padding: 5px 5px; vertical-align: top; font-size: 8pt; background-color: #ECECEC;}
.top_bg {background-color: #FFFFCC;}

.bar1 {width: 100%; background-color: #ECECEC; padding: 2px 8px; border-left: 5px solid  #CC0000; border-top: 1px solid #CC0000; font-weight: bold; text-align: left; font-size: 12pt;}
.bar1_black {width: 100%; background-color: #ECECEC; padding: 2px 8px; border-left: 5px solid  black; border-top: 1px solid black; font-weight: bold; text-align: left; font-size: 12pt;}
.bar1_blue {width: 100%; background-color: #ECECEC; padding: 2px 8px; border-left: 5px solid  #006699; border-top: 1px solid #006699; font-weight: bold; text-align: left; font-size: 12pt;}
.bar1_orange {width: 100%; background-color: #ECECEC; padding: 2px 8px; border-left: 5px solid  orange; border-top: 1px solid orange; font-weight: bold; text-align: left; font-size: 12pt;}
.bar2 {width: 100%; color: navy; background-color: #EBECF6; padding: 2px 6px; border-left: 5px solid gray; font-weight: bold; text-align: left; font-size: 10pt;}
.bar3 {color: navy; width: 100%; padding: 0px 5px; border-left: 3px solid navy; text-align: left; font-weight: bold; font-size: 9pt;}
.bar_r {width: 100%; color: white; background-color: #008DC6; padding: 1px 10px; border-bottom: 1px solid white; font-weight: bold; text-align: left; font-size: 10pt;}
.bar_r2 {width: 100%; color: white; background-color: navy; padding: 1px 10px; border-bottom: 1px solid white; font-weight: bold; text-align: left; font-size: 9pt;}
.bar_gray {color: black; background-color: #ECECEC; padding: 1px 5px; border-left: 3px solid black; font-size: 9pt;}
.bar_main {width: 100%; color: black; background-color: #ECECEC; padding: 1px 5px; border-left: 3px solid #CC0000; font-weight: bold; text-align: left; font-size: 9pt;}

.course {width: 100%; padding: 3px 3px; vertical-align: middle; font-size: 8pt;}
.course_b {background-color: #ECECEC; padding: 1px; vertical-align: middle; text-align: center; font-weight: bold;}
.course_br {color: #CC0000; text-align: center; font-weight: bold;}
.course_c {text-align: center;}
.course_l {text-align: left;}
.course_r {text-align: right;}
.course_s {width: 90%; padding: 3px 3px; vertical-align: middle; font-size: 8pt;}

.hyo_anfrage { padding: 0px 10px; background-color: #EBF5FC; vertical-align: middle; font-size: 9pt;}
.hyo_sprache { padding: 0px 10px; background-color: #FFFFCC; vertical-align: middle; font-size: 9pt;}

.txt {font-size: 10pt;}
.txt_b {font-weight: bold;}
.txt_red {color: #CC0000;}
.txt_blue {color: #0000CC;}
.cap {font-size: 8pt;}
.cap_red {color: #CC0000; font-size: 8pt;}
.cap_blue {color: #0000CC; font-size: 8pt;}

.foot {width: 100%;  padding: 1px 1px; text-align: center; color: #D5EAE9; background-color: #006699; font-size: 8pt;}
.foot a {color: white;}
.foot a:hover {color: gray;}

.fragen {padding: 3px 3px; vertical-align: top; font-size: 10pt;}
.fragen_f {background-color: #EBF5FC;}.town {
	font-size: 10pt;
}
