@charset "UTF-8";
body {
	background-image: url(../img/bg.jpg);
	background-repeat: repeat;
	font-family: Arial, Helvetica, sans-serif;
	font-size: 12px;
	color:#333333;
}

.wrapper{
	position: relative;
	width: 975px;
	margin-left: auto;
	margin-right: auto;
	border: 1px solid #FFFFFF;
	background-image: url(../img/wrapper-bg.gif);
	background-repeat: repeat-y;
	background-position: left;
	background-color: #FFFFFF;
	margin-bottom: 10px;
}

.header{
	width: 975px;
	height: 60px;
	background-image: url(../img/header-bg.jpg);
	background-position: left;
	background-repeat: repeat-y;
	background-color: #282828;
}

.logo{
	width: 370px;
	height: 55px;
	float: left;
	padding: 0px 0px 0px 30px;
	color: #FFFFFF;
	font-size: 34px;
	font-family: "Trebuchet MS", Verdana, Arial, sans-serif;
}

.logo-light{
	color: #bababb;
}

h1.logo{
	color: #FFFFFF;
	font-size: 34px;
	padding: 0px;
	margin: 0px;
	font-weight: normal;
}

.navigation{
	width: 565px;
	float: left;
	height: 30px;
	padding: 30px 10px 0px 0px;
	color: #FFFFFF;
	font-size: 16px;
	text-align: left;
}
.date{
	float:right;
	padding-top:10px;
	padding-right:5px;
	color:#FFFFFF;
	font-size:15px;
	font-weight: bold;


}

.navigation ul{
	font-size: 16px;
	padding: 0px;
	margin: 0px;
}

.navigation li{
	display: inline;
}

.navigation a{
	color: #FFFFFF;
	text-decoration: none;
	margin: 0px 8px 0px 8px;
}

.navigation a:hover{
	color: #bababb;
	text-decoration: none;
	margin: 0px 8px 0px 8px;
}

.middle-left{
	width: 397px;
	height: 150px;
	float: left;
	background: url(../img/middle-left-bg.jpg) no-repeat;
	padding: 8px 80px 0px 30px;
	color: #FFFFFF;
}

.middle-left-lang {
	background: #00ff00;
}

.middle-left-login {
	background: #0000ff;
}

.middle-left h1, .middle-left h2, .middle-left h3, .middle-left h4{
	font-weight: normal;
	color: #FFFFFF;
}

.middle-right{
	width: 461px;
	height: 153px;
	float: left;
	padding: 7px 0px 0px 7px;
}
.main-left{
	width: 150px;
	margin: 0px 7px 0px 0px;
	float: left;
	background: url(../img/main-left.png) repeat;
	padding: 0px 10px 20px 20px;
	line-height: 1.3;
}
.main{
	width: 975px;
}

.main-center{
	width: 645px;
	float: left;
	padding: 20px 0px 20px 30px;
}
.main-center a{
text-decoration:none;
}
.course_table{
    width:100%;
    margin-left: auto ;
  margin-right: auto ;

}


.promotion_images {
	margin: 0px 0px 0px 15px
}

.background_default_box_top_left {
	margin: 0px 5px 5px 0px;
	float: left;
}

.background_default_box_top_right {
	margin: 0px 0px 0px 0px;
	float: left;
}

.background_default_box_bottom_left {
	margin: 0px 5px 0px 0px;
	float: left;
}

.background_default_box_bottom_right {
	margin: 0px 0px 0px 0px;
	float: left;
}

.background_default_box_top {
	width: 317px;
	height: 2px;
	background: url(../img/background_default_box_top.png) no-repeat;
}

.background_default_box_center {
	width: 317px;
	background: url(../img/background_default_box_center.png) repeat-y;
}

.background_default_box_bottom {
	width: 317px;
	height: 2px;
	background: url(../img/background_default_box_bottom.png) no-repeat;
}

.background_default_box_text {
	padding: 20px 0px 0px 0px;
	width: 317px;
	font: 16px arial;
	text-align: center;
}

.background_default_box_text a{
	color: #7c7c7c;
	text-decoration: none;
}

.background_default_box_text a:hover{
	color: #7c7c7c;
	text-decoration: none;
}

.control_panel_titel {
	color: #387cb0;
	font: bold 20px arial;
}

.control_panel_top {
	width: 640px;
	height: 3px;
	background: url(../img/control_panel_top.png);
}

.control_panel_center {
	padding: 0px 0px 0px 5px;
	width: 640px;
	float: left;
	background: url(../img/control_panel_center.png) repeat-y;
}

.control_panel_bottom {
	width: 640px;
	height: 3px;
	float: left;
	background: url(../img/control_panel_bottom.png);
}

.control_panel_bottom_text {
	width: 640px;
}

.control_panel_item {
	margin: 4px 0px 0px 1px;
	width: 126px;
	height: 108px;
	font: 12px arial;
	color:#929191;
	float: left;
	background: url(../img/control_panel_item.png) no-repeat;
}

.control_panel_item  a{
	font: 12px arial;
	color:#929194;
	vertical-align: bottom;
	text-decoration: none;
}


.seperater{
	height: 2px;
	clear: both;
}

.comment-student {
	background: url(../img/comment-bg-student.png);
	width: 532px;
	height: 139px;
	margin: 0px 0px 20px 0px;
}

.comment-teacher {
	background: url(../img/comment-bg-teacher.png);
	width: 532px;
	height: 139px;
	margin: 0px 0px 20px 0px;
}

.comment-text  {
	padding: 5px 10px 10px 100px;
	font-size: 11px;
	font-weight: normal;
	color: #3a3a3b;
	font-family: Verdana, Arial, sans-serif;
}

.footer {
	width: 975px;
	height: 50px;
	background-image: url(../img/header-bg.jpg);
	background-position: left;
	background-repeat: repeat-y;
	background-color: #282828;
	color: #CCCCCC;
	padding: 0px 0px 0px 0px;
}

.footer-left{
	width: 400px;
	float: left;
	padding: 20px 0px 0px 30px;
}

.footer-right{
	width: 645px;
	float: left;
	text-align: right;
	padding-right: 30px;
}

.footer a{
	color: #CCCCCC;
	text-decoration: none;
}

.footer a:hover{
	color: #999999;
	text-decoration: none;
}

.footer-right a{
	margin-left: 5px;
	margin-right: 5px;
}

.footer ul{
	padding: 0px;
	margin: 0px;
	list-style-type: none;
}

.footer li{
	display: inline;
}

.footer p{
	padding: 0px;
	margin: 0px;
}

h1{
	font-size: 24px;
	font-weight: normal;
	color: #3a3a3b;
	letter-spacing: -1px;
	font-family: "Trebuchet MS", Verdana, Arial, sans-serif;
}

h2{
	color: #387cb0;
	font: bold 20px arial;
}

h3{
	font-size: 18px;
	font-weight: normal;
	color: #ffffff;
	letter-spacing: -1px;
	font-family: "Trebuchet MS", Verdana, Arial, sans-serif;
}

h4{
	font-size: 16px;
	font-weight: normal;
	color: #3a3a3b;
	letter-spacing: -1px;
	padding-top: 0px;
	margin-top: 0px;
	font-family: "Trebuchet MS", Verdana, Arial, sans-serif;
}

p{
	font-size: 12px;
	line-height: 18px;
}

ul{
	font-size: 12px;
	line-height: 24px;
}

.small{
	font-size: 11px;
	}
input.styled {
	border: #E5E5E5 solid 1px;
	background-color: #E0E0E0;
	color: #666666;
	font-family: Verdana, Tahoma, Arial, Helvetica, sans-serif;
	font-size: 12px;
	text-align: left;
	width: 100px;
	line-height: 12px;
	}

input.loginbutton {
	border: #E5E5E5 solid 1px;
	background-color: #E0E0E0;
	color: #666666;
	font-family: Verdana, Tahoma, Arial, Helvetica, sans-serif;
	font-size: 12px;
	text-align: center;
	width: 80px;
	line-height: 12px;
	}

input.style-textbox{
	border: #b6b6b6 solid 1px;
	background-color: #F3F3F3;
	width: 150px;
	height: 14px;
	color: #666666;
	font-family: Verdana, Tahoma, Arial, Helvetica, sans-serif;
	font-size: 12px;
}

.style12 {
	font-family: "Trebuchet MS", Verdana, Arial, sans-serif;
	font-size: large;
}
.style13 {font-size: large;
			color:#FFFFFF;

}
.bluetext {color: #238BC2}

.style1 {
	font-family: Geneva, Arial, Helvetica, sans-serif;
	font-size: large;
	color: #FFFFFF;
}
.style2 {
	font-family: Geneva, Arial, Helvetica, sans-serif;
	font-size: small;
}
.style6 {font-family: Geneva, Arial, Helvetica, sans-serif; font-size: x-small; }
.style7 {
	color:#FF0000;
	font-family: Geneva, Arial, Helvetica, sans-serif;
	font-size: medium;
	font-weight: bold;
}
.style8 {
	font-family: Verdana, Arial, Helvetica, sans-serif;
	font-size: small;
}
.thinborder {

border: solid black 1px;

}

#course_div{
  width: 5000px ;
  margin-left: auto ;
  margin-right: auto ;
}

.reservation_input_text{
    border:0px; 
    background-color: #EBEBEB;
    text-align: center;
	font-size: small;
    width:110px;   
}

.cancel_reservation_warning_text{
    font-size: 15px;
}

input.cancel_reservation_button{
	border: black solid 1px;
	background-color: #E0E0E0;
	color: #666666;
	font-family: Verdana, Tahoma, Arial, Helvetica, sans-serif;
	font-size: 12px;
	text-align: center;
	width: 80px;
	line-height: 12px;
	}
 input.mail-textbox{
    border: #b6b6b6 solid 1px;
    background-color: #F3F3F3;
    width: 247px;
    height: 14px;
    color: #666666;
    font-family: Verdana, Tahoma, Arial, Helvetica, sans-serif;
    font-size: 12px;
        padding: 0px 0px 0px 5px;

}
textarea.mail-textarea{
    border: #b6b6b6 solid 1px;
    background-color: #F3F3F3;
    width: 247px;
    height: 34px;
    color: #666666;
    font-family: Verdana, Tahoma, Arial, Helvetica, sans-serif;
    font-size: 12px;
        padding: 0px 0px 0px 5px;

}
   

-->