/* ### general ### */
html, body { font-family: Arial; font-size: 12px; color: #8c806e; }
input, select, textarea { font-family: Arial; font-size: 12px; color: #8c806e; }
body { background: #fff; }
img { border: 0px; display: block; }
a, input { outline: none; }
/* ### global classes ### */
.clear { clear: both; height: 0px; overflow: hidden; }
/* ### wrapper ### */
#wrapper { position: relative; display: block; width: 100%; min-height: 100%; }
/* ### main container ### */
#mainCntr { width: 736px; }
/* ### content container ### */
#contentCntr { padding: 17px 0 0 1px; overflow: hidden; width: 735px; }
/* ### left container ### */
#leftCntr { padding-top: 1px; float: left; width: 485px; }
/* ### actuell box ### */
.actuellBox { padding-bottom: 9px; overflow: hidden; width: 481px; }
.actuellBox h2 { padding: 0 0 0 13px; font-weight: normal; line-height: 32px; font-size: 14px; color: #696969; background: url('../images/head-bg.png') left top no-repeat; }
.actuellBox h2 span { padding-left: 15px; background: url('../images/book.png') left center no-repeat; }
.actuellBox h2 span.bg { padding-left: 21px; background: url('../images/arrow.png') left center no-repeat; }
.actuellBox .news { padding: 13px 0 0 11px; overflow: hidden; background: #FFF url('../images/news-bg.png') left top no-repeat; }
.actuellBox h3 { padding-bottom: 7px; font-size: 14px; color: #f8981d; font-weight: normal; }
.actuellBox ul { list-style: none; }
.actuellBox li { color: #6f6f6f; font-size: 12px; line-height: 16px; float: left; width: 100%;font-weight:normal; }
.actuellBox li span { padding-right: 2px; }
.actuellBox .first { width: 114px; float: left; }
.actuellBox .second { width: 134px; float: left; }
.actuellBox .third { width: 119px; float: left; }
.actuellBox .fourth { width: 74px; float: left; }
.actuellBox .fifth { width: 20px; float: left; }
.actuellBox img { padding-bottom: 3px; }
.actuellBox .info { padding-bottom: 15px; overflow: hidden; }
/* ### systemupdates box ### */
.systemupdatesBox { padding-bottom: 9px; overflow: hidden; width: 241px; }
.systemupdatesBox h2 { padding: 0 0 0 13px; font-weight: normal; line-height: 32px; font-size: 14px; color: #696969; background: url('../images/head-bg.png') left top no-repeat; }
.systemupdatesBox h2 span { padding-left: 15px; background: url('../images/book.png') left center no-repeat; }
.systemupdatesBox h2 span.bg { padding-left: 21px; background: url('../images/update-icoon01.png') left center no-repeat; }
.systemupdatesBox .news { padding: 13px 0 0 11px; overflow: auto; max-height: 370px; background: #FFF url('../images/news-bg.png') left top no-repeat; }
.systemupdatesBox h3 , .systemupdatesBox h3 a { padding-bottom: 7px; font-size: 14px; color: #f8981d; font-weight: normal; text-decoration: none; }
.systemupdatesBox .content { color: #6f6f6f; font-size: 12px; line-height: 16px; float: left; width: 100%;font-weight:normal; }
.systemupdatesBox a.meer { font-size: 14px; color: #f8981d; line-height: 22px; font-weight: normal; text-decoration: none; float: right; }
.systemupdatesBox .date { color: #6f6f6f; font-size: 12px; line-height: 22px; font-weight:normal; font-style: italic; float: left; }
/* ### right container ### */
#rightCntr { float: right; width: 246px; }
/* ### medel box ### */
.medelBox { padding-bottom: 18px; overflow: hidden; width: 247px; }
.medelBox h2 { padding-left: 14px; font-size: 14px; line-height: 31px; color: #ffffff; font-weight: normal; background: url('../images/head-bg1.png') left top no-repeat; }
.medelBox .text { padding: 15px 0 0 14px; overflow: hidden; background: url('../images/text-bg.png') left top no-repeat;width:215px; }
.medelBox .line { margin-left: 14px;border-bottom:1px dotted silver;width:215px; }
.medelBox p { font-size: 14px; color: #6f6f6f; }
/* ### detail box ### */
.detailBox { padding-bottom: 9px; overflow: hidden; width: 247px; }
.detailBox h2 { padding-left: 15px; font-size: 14px; line-height: 35px; color: #ffffff; font-weight: normal; background: url('../images/head-bg2.png') left top no-repeat; }
.detailBox h2 span { padding-left: 17px; background: url('../images/arrow1.png') left 4px no-repeat; }
.detailBox .top { padding-top: 33px; width: 247px; float: left; background: url('../images/top.png') left top no-repeat; }
.detailBox .bottom { padding-bottom: 76px; width: 247px; float: left; background: url('../images/bottom.png') left bottom no-repeat; }
.detailBox .mid { width: 247px; float: left; background: url('../images/mid.png') repeat-y ; }
.detailBox .center { padding: 3px 0 0 12px; margin: -33px 0 -76px 0px; }
.detailBox fieldset { border: none; }
.detailBox label { padding-top: 2px; margin-right: 5px; width: 40px; float: left; font-size: 12px; color: #696969; background: url('../images/calender.jpg') right center no-repeat; }
.detailBox .field { padding: 2px 3px 2px 3px; width: 54px; height: 14px; border: none; float: left; background: url('../images/input-bg.jpg') left top no-repeat; }
.detailBox .info { padding: 15px 0 20px 0px; overflow: hidden; }
.detailBox p { padding-right: 11px; float: left; }
.detailBox ul { list-style: none; }
.detailBox li { font-size: 12px; line-height: 20px; }
.detailBox li.bg { padding-left: 17px; background: url('../images/img1.png') left 5px no-repeat; }
.detailBox li.bg1 { padding-left: 17px; background: url('../images/img2.png') left 5px no-repeat; }
.detailBox li.bg2 { padding-left: 17px; background: url('../images/img4.png') left 5px no-repeat; }
.detailBox li.bg3 { padding-left: 17px; background: url('../images/img3.png') left 5px no-repeat; }
.detailBox h3 { color: #f8981d; font-size: 12px; font-weight: normal; }
.detailBox .first { width: 110px; color: #f8981d; float: left; }
.detailBox .second { width: 40px; color: #6f6f6f; float: left; text-align: right; }
.detailBox .third { width: 69px; color: #6f6f6f; float: left; text-align: right; }
/* ### detail box ### */
.noticeBox { padding-top: 71px; margin: 50px 0 0 5px; float: left; width: 233px; background: url('../images/not-top.png') left top no-repeat; }
.noticeBox .bottom { padding-bottom: 80px; float: left; width: 233px; background: url('../images/not-bottom.png') left bottom no-repeat; }
.noticeBox .mid { float: left; width: 233px; background: url('../images/not-mid.png') repeat-y; }
.noticeBox .center { padding: 22px 0 0 16px; float: left; width: 202px; margin: -71px 0 -56px 0px; position: relative; }
.noticeBox ul { padding: 6px 0 16px 2px; list-style: none; }
.noticeBox li { padding-left: 9px; line-height: 17px; font-size: 13px; color: #282828; background: url('../images/li-bg.jpg') left 8px no-repeat; }
.noticeBox .text{ margin-top:10px; padding:2px;font-size: 13px; color: #282828; font-weight:normal;}
.noticeBox .textareaInput { margin-top:10px; color: #282828; background:none; border:1px dotted #282828;width:198px; }
.noticeBox .submitButton { border: 1px solid; float:right; margin-right:6px;margin-top:6px; }
.noticeBox img.image { float: right; }
.noticeBox img.pin { position: absolute; left: 105px; top: -18px; }