body {
    text-align: center;
    margin: 0;
    padding: 0;
    background: url(images/bg_body.jpg) repeat-x #e3e9a9;
    font-family: Verdana, Arial, sans-serif;
    font-size: 11px;
  }
  
  img {
    border: none;
  }
 p{
  line-height:1.2;
  margin-bottom:0;
 }  
/*----------------------------- frame definitions ----------------------------*/  

  .frame_top {
    position: absolute;
    width: 100%;
    height: 22px;
    top: 0px;
    left: 0px;
    background: #f00;
    font-size: 1px;
  }
  
  .frame_bottom {
    position: absolute;
    width: 100%;
    height: 22px;
    left: 0px;
    bottom: 0px;
    background: #f00;
    font-size: 1px;
  }
  
  .frame_left {
    position: absolute;
    width: 22px;
    height: 100%;
    left: 0px;
    background: #0f0;
  }
  
  .frame_right {
    position: absolute;
    width: 22px;
    height: 100%;
    right: 0px;
    background: #0f0;
  }
  
  .corner_left {
    display: block;
    float: left;
    height: 22px;
    width: 22px;
    background: #00f;
  }
  
  .corner_right {
    display: block;
    float: right;
    height: 22px;
    width: 22px;
    background: #00f;
  }
  
  .content, .content_index {
    position: absolute;
	left:4px;
    display: block;
    top: 12px;
    left: 12px;
    right: 12px;
    bottom: 12px;
    padding: 10px;
    background: #fff;
  }
  
  *html .content, *html .content_index  { top: 0; left: 4px; right: 0; bottom: 0; width: 100%; height: 100%; border: solid 12px #fff; }

/*------------------------- main block definitions ------------------------------*/  

  #header {
    position: absolute;
    display: block;
    z-index: 2;
    width: 796px;
    height: 162px;
    top: 12px;
    left: 50%;
    margin-left: -398px;
    background: url(images/header_bg.jpg) no-repeat;
  }
  
  #header_content {
    position: absolute;
    display: block;
    width: 510px;
    height: 138px;
    top: 0;
    left: 286px;
  }
  
  #header_content .frame_top .corner_left { width: 18px; background: url(images/corner_header_ol.jpg) no-repeat; }
  #header_content .frame_top { background: url(images/frame_header_top.jpg) repeat-x; }
  #header_content .frame_top .corner_right { background: url(images/corner_header_or.jpg) no-repeat; }
  #header_content .frame_right { background: url(images/frame_header_right.jpg) no-repeat 10px 22px; }
  #header_content .frame_bottom .corner_right { background: url(images/corner_header_ur.jpg) no-repeat; }
  #header_content .frame_bottom { background: url(images/frame_header_bottom.jpg) repeat-x 0px 10px; }
  #header_content .frame_bottom .corner_left { width: 18px; background: url(images/corner_header_ul.jpg) no-repeat; }
  #header_content .frame_left { width: 18px; background: url(images/frame_header_left.jpg) no-repeat 0px 22px; }
  
  #header_content .content {
    left: 6px;
    background: url(images/logo_header.gif) no-repeat 10px 10px #fff;
    padding: 10px;
  }
  
  *html #header_content .content { width: 504px; border-left: solid 6px #fff; }
  
  #header_content .content #presented_by {
    position: absolute;
    display: block;
    top: 48px;
    left: 146px;
    font-size: 11px;
    color: 4f4f4f;
	font-weight:bold;
  }
  
  #header_content .content #quotation {
    position: absolute;
    display: block;
    left: 10px;
    bottom: 10px;
    font-size: 10px;
    color: #737373;
    text-align: left;
  }
  
  #header_content .content #company_logo {
    position: absolute;
    display: block;
    right: 10px;
    top: 10px;
    width: 144px;
    height: 94px;
  }
  
  #header #navigation {
    position: absolute;
    display: block;
    width: 780px;
    height: 26px;
    top: 132px;
    left: 10px;
  }
  
  #header #navigation ul, li {
    list-style: none;
    display: block;
    padding: 0;
    margin: 0;
  }
  
  #header #navigation li {
    float: left;
    margin-right: 4px;
  }
  
  #header #navigation li a,
  #header #navigation li a:hover, 
  #header #navigation li a:visited,
  #header #navigation li a span {
    display: block;
    width: 152px;
    height: 26px;
    font-size: 12px;
    color: #000;
    text-decoration: none;
    background: url(images/button_navmain_inactive_left.gif) no-repeat left;
  }
  
  #header #navigation li a span {
    width: 140px;
    height: 21px;
    margin-left: 6px;
    padding: 5px 6px 0 0;
    cursor: pointer;
    background: url(images/button_navmain_inactive_right.gif) no-repeat right;
  }
  
  *html #header #navigation li a span { width: 146px; height: 26px; }
  
  #header #navigation li a:hover {
    background: url(images/button_navmain_active_left.gif) no-repeat left;
  }
  
  #header #navigation li a:hover span {
    background: url(images/button_navmain_active_right.gif) no-repeat right;
  }
  
  #header #navigation .active a,
  #header #navigation .active a:visited {
    background: url(images/button_navmain_active_left.gif) no-repeat left;
  }
  
  #header #navigation .active a span {
    background: url(images/button_navmain_active_right.gif) no-repeat right;
  }
  
  #content {
    position: absolute;
    display: block;
    z-index: 1;
    width: 796px;
    height: 522px;
    top: 163px;
    left: 50%;
    margin-left: -398px;
  }
  *html #content{ height:540px;}
  #content .frame_top .corner_left { background: url(images/corner_content_ol.jpg) no-repeat; }
  #content .frame_top { background: url(images/frame_content_top.jpg) repeat-x; }
  #content .frame_top .corner_right { background: url(images/corner_content_or.jpg) no-repeat; }
  #content .frame_right { background: url(images/frame_content_right.jpg) no-repeat 10px 22px; }
  #content .frame_bottom .corner_right { background: url(images/corner_content_ur.jpg) no-repeat; }
  #content .frame_bottom { background: url(images/frame_content_bottom.jpg) repeat-x 0px 10px; }
  #content .frame_bottom .corner_left { background: url(images/corner_content_ul.jpg) no-repeat; }
  #content .frame_left { background: url(images/frame_content_left.jpg) no-repeat 0px 22px; }
  
  #content .content #main {
    position: absolute;
    display: block;
    width: 708px;
    top: 22px;
    bottom: 22px;
    left: 22px;
    padding: 0 10px;
    text-align: left;
    font-size: 12px;
    overflow: auto;
  }
  
  *html #content .content #main { width: 748px; top: 0; bottom: 0; border-top: solid 22px #fff; border-bottom: solid 22px #fff; overflow: auto; }
  
  #content .content #main_part, #content .content_index #main_part {
 position: absolute;
    display: block;
    width: 575px;
    top: 22px;
    bottom: 22px;
    left: 22px;
    padding: 0;
    text-align: left;
    font-size: 12px;
    overflow: auto;
  
  }
  
  *html #content .content #main_part { top: 0; bottom: 0; height: 490px; border-top: solid 22px #fff; border-bottom: solid 22px #fff; margin:0;padding:0;}
  *html #content .content #main_port .content_nr{
   margin-top:-10px;
  }
    #content .content #options,  #content .content_index #options {
    position: absolute;
    display: block;
    width: 133px;
    top: 0px;
    bottom: 0px;
    left: 619px;
    padding: 22px 12px 12px 10px;
    text-align: left;
    border-left: solid 2px #b6c618;
  }

#main_block_left{
	padding-top:0px;
	padding-left:0px;
	margin:0;
}
*html #main_block_left p{
  margin:12px 0;
}
    *html #content .content #options, *html #content .content_index #options  { height: 100%; width:153px; background-color:#fff;}
  #content .content #options #admin {
    display: block;
    width: 133px;
    margin-top: 22px;
  }
  
  #footer {
    position: absolute;
    display: block;
    z-index: 2;
    width: 796px;
    height: 25px;
    top: 675px;
    left: 50%;
    margin-left: -398px;
    text-align: center;
	background-color:#e3e9a9;
  }
  
  #footer .container { clear: both; text-decoration: none; }
  *html #footer .container {display: inline-block; }
  *html #footer{
   top:675px;
  }
  
  #footer #navigation ul {
    list-style: none;
    display: table;
    padding: 0;
    margin: 8px auto 0 auto;
  }
  
  #footer #navigation li {
    display: table-cell;
    float: left;
    margin: 0;
    padding: 0 8px;
    border-right: solid 1px #8b8976;
  }
  
  #footer #navigation li a,
  #footer #navigation li a:hover, 
  #footer #navigation li a:visited {
    display: block;
    font-size: 10px;
    color: #8b8976;
    text-decoration: none;
  }
  
 ul#mycarousel li{
 	border-right: 1px solid #CCCCCC;
 }
 ul#mycarousel li#last{
 	border-right: 0;
 }
 h3.carouselheader{
  margin-top:15px;margin-bottom:10px
 }
 *html h3.carouselheader{
  margin-top:10px;margin-bottom:10px
 }
    *html .content_index { width:780px; height: 100%; border: solid 12px #fff; padding:0 0 20px 0; margin:0; background:#fff;}
  *html	#content {
    position: absolute;
	display: block;
    z-index: 1;
    width: 796px;
    height:520px;
	padding:0;
  }
/*------------------------ training block definitions ---------------------------*/  

  #training {
    position: absolute;
    display: block;
    width: 796px;
    height: 577px;
    top: 12px;
    left: 50%;
    margin-left: -398px;
  }
  
  #training .frame_top .corner_left { background: url(images/corner_training_ol.jpg) no-repeat; }
  #training .frame_top { background: url(images/frame_training_top.jpg) repeat-x; }
  #training .frame_top .corner_right { background: url(images/corner_training_or.jpg) no-repeat; }
  #training .frame_right { background: url(images/frame_training_right.jpg) no-repeat 10px 22px; }
  #training .frame_bottom .corner_right { background: url(images/corner_training_ur.jpg) no-repeat; }
  #training .frame_bottom { background: url(images/frame_training_bottom.jpg) repeat-x 0px 10px; }
  #training .frame_bottom .corner_left { background: url(images/corner_training_ul.jpg) no-repeat; }
  #training .frame_left { background: url(images/frame_training_left.jpg) no-repeat 0px 22px; }
  
  #training_footer {
    position: absolute;
    display: block;
    width: 796px;
    height: 76px;
    top: 522px;
    left: 50%;
    margin-left: -398px;
  }

  #training_footer .frame_top .corner_left { background: url(images/corner_training_footer_ol.jpg) no-repeat; }
  #training_footer .frame_top { background: url(images/frame_training_footer_top.jpg) repeat-x; }
  #training_footer .frame_top .corner_right { background: url(images/corner_training_footer_or.jpg) no-repeat; }
  #training_footer .frame_right { background: url(images/frame_training_footer_right.jpg) no-repeat 10px 22px; }
  #training_footer .frame_bottom .corner_right { background: url(images/corner_training_footer_ur.jpg) no-repeat; }
  #training_footer .frame_bottom { background: url(images/frame_training_footer_bottom.jpg) repeat-x 0px 10px; }
  #training_footer .frame_bottom .corner_left { background: url(images/corner_training_footer_ul.jpg) no-repeat; }
  #training_footer .frame_left { background: url(images/frame_training_footer_left.jpg) no-repeat 0px 22px; }
  
  #training_footer .content {
    background: url(images/logo_training_footer.gif) no-repeat 16px 10px #fff;
  }
  
  .steps, .video {
    position: relative;
    display: block;
    float: left;
    width: 276px;
    height: 482px;
    margin: 10px 10px 0 0;
    background: url(images/bg_photo.jpg) repeat-x #f2f2f0;
  }
  
  #training .steps .frame_top .corner_left, #training .video .frame_top .corner_left { width: 12px; height: 12px; background: url(images/corner_photo_ol.jpg) no-repeat; }
  #training .steps .frame_top, #training .video .frame_top { height: 12px; background: url(images/frame_photo_top.jpg) repeat-x; }
  #training .steps .frame_top .corner_right, #training .video .frame_top .corner_right { width: 12px; height: 12px; background: url(images/corner_photo_or.jpg) no-repeat; }
  #training .steps .frame_right, #training .video .frame_right { width: 12px; background: url(images/frame_photo_right.jpg) repeat-y 10px 0px; }
  #training .steps .frame_bottom .corner_left, #training .video .frame_bottom .corner_left { width: 12px; height: 12px; background: url(images/corner_photo_ul.jpg) no-repeat; }
  #training .steps .frame_bottom, #training .video .frame_bottom { height: 12px; background: url(images/frame_photo_bottom.jpg); }
  #training .steps .frame_bottom .corner_right, #training .video .frame_bottom .corner_right { width: 12px; height: 12px; background: url(images/corner_photo_ur.jpg) no-repeat; }
  #training .steps .frame_left, #training .video .frame_left { width: 12px; background: url(images/frame_photo_left.jpg) repeat-y; }
  
  .video {
    width: 562px;
  }
  
  .video .player {
    position: absolute;
    display: block;
    top: 22px;
    left: 10px;
  }

  #playerwindow {
    width: 542px;
    height: 407px;
/*    border: solid 1px blue;*/
    background-color: #EAEAEA;
  }
  #playerwindowwrapper {
  	margin-bottom: 8px; 
  }

  #training .content {
    padding: 0 10px;
  }
  
  #training .content #options {
    position: absolute;
    display: block;
    float: left;
    width: 170px;
    height: 554px;
    top: 0px;
    left: 580px;
    padding: 22px 8px 12px 10px;
    border-left: solid 2px #b6c618;
    text-align: left;
  }
  
  *html #training .content #options { width: 200px; padding-right: 16px; }
  
  #training .content #controls {
    position: absolute;
    display: block;
    width: 562px;
    height: 42px;
    left: 10px;
    bottom: 10px;
    text-align: left;
  }
  
  #training .content .steps .photo {
    position: absolute;
    display: block;
    float left;
    width: 242px;
    height: 294px;
    left: 17px;
  }
  
  #training .content .steps .description {
    position: absolute;
    display: block;
    float: left;
    width: 242px;
    height: 164px;
    top: 306px;
    left: 12px;
    font-size: 13px;
    text-align: left;
    overflow: auto;
  }
  
  #training .content #controls #player {
    position: absolute;
    display: block;
    top: 0px;
    left: 12px;
  }
  
  #training .content #controls #status {
    position: absolute;
    display: block;
    width: 0px;
    height: 11px;
    top: 14px;
    left: 50px;
    background: #c0cb3e;
  }
  
  #training .content #controls #controller {
    position: absolute;
    display: block;
    width: 272px;
    height: 42px;
    background: url(images/controller_bg.gif) no-repeat;
  }
  
  #training .content #controls #controller #start_stop {
    position: absolute;
    display: block;
    top: 5px;
    left: 5px;
  }
  
  #training .content #controls #buttons {
    position: absolute;
    display: block;
    width: 270px;
    height: 27px;
    top: 7px;
    right: 0px;
  }
  
  #training .content #controls #buttons .button_round_play {
    display: block;
    float: right;
    margin-left: 10px;
  }
  
  #training #result_wrap {
    position: absolute;
    display: block;
    z-index: 400;
    width: 796px;
    height: 577px;
    top: 0px;
    left: 0px;
    visibility: hidden;
/*    
    border-style: solid;
    background-color: red;
	filter:alpha(opacity=40);
	*/
    
  }
  #blankDiv {
	background-color: #FFF;
/*	
	-moz-opacity: 0.5;
	filter:Alpha(opacity=50);
*/
	-moz-opacity: 0.0;
	filter:Alpha(opacity=0);
    display: block;
    position: absolute;
    width: 796px;
    height: 577px;
    top: 12px;
    left: 50%;
    margin-left: -398px;
    /*
    border: solid 1px blue;
    width: 100%;
    height: 100%;
    */
    z-index: 100;
  }
  
  #training #result_wrap #result {
    position: absolute;
    display: block;
    width: 210px;
    height: 90px;
    padding: 25px 20px;
    top: 102px;
    left: 178px;
    background: url(images/bg_result.png) no-repeat;
    text-align: left;
  }
  
  *html #training #result_wrap #result { width: 250px; height: 140px; }
  *html #hint { width: 250px; height: 140px; }
  
  #training #result_wrap #result .button_round_play, #hint .button_round_play {
    float: left;
    width: 177px;
    margin-bottom: 3px;
    font-weight: bold;
  }
  
  #training #result_wrap #result .button_round_exit, #hint .button_round_exit {
    float: left;
    width: 177px;
    margin-bottom: 3px;
    font-weight: bold;
  }
  
  .player #show_instructions {
    display: block;
    visibility: visible;
    margin: 0 190px;
    width: 160px;
  }
  
  .player #hide_instructions {
    display: none;
    visibility: hidden;
    margin: 0 190px;
    width: 160px;
  }

/*--------------------------------- statistic -----------------------------------*/

  #hint {
    position: absolute;
    display: block;
    width: 210px;
    height: 110px;
    padding: 15px 20px;
    top: 140px;
    left: 160px;
    background: url(images/bg_result.png) no-repeat;
    text-align: left;
  }

/*-------------------------------- info blocks ----------------------------------*/  

.infoblock {

}

*html infoblock { width: 100%; }

.infoblock_half {
  position: relative;
  display: block;
  float: left;
  width: 274px;
  height: 190px;
  margin-bottom: 22px;
}

.infoblock .headline, .infoblock_half .headline {
  position: absolute;
  display: block;
  z-index: 3;
  top: 0px;
  left: 0px;
  right: 0px;
  height: 32px;
  background: url(images/block_green_left.jpg) no-repeat;
  font-weight: bold;
  text-align: center;
}

.infoblock .headline .right, .infoblock_half .headline .right {
  display: block;
  height: 32px;
  margin-left: 12px;
  font-size: 11px;
  background: url(images/block_green_right.jpg) no-repeat right;
}

.infoblock .headline .right .middle, .infoblock_half .headline .right .middle {
  display: block;
  height: 24px;
  margin-right: 12px;
  padding-top: 8px;
  background: url(images/block_green_middle.jpg) repeat-x;
}

*html .infoblock .headline .right .middle, .infoblock_half .headline .right .middle { height: 32px; }

.infoblock .contents, .infoblock_half .contents {
  position: absolute;
  display: block;
  z-index: 1;
  top: 32px;
  left: 0px;
  right: 0px;
  bottom: 0px;
  padding: 20px 20px 0 20px;
  border-left: solid 2px #7b7876;
  border-right: solid 2px #7b7876;
  border-bottom: solid 2px #7b7876;
}

*html .infoblock .contents { top: 0; left: 0; right: 0; bottom: 0; width: 100%; height: 100%; border-top: solid 32px #fff; z-index: 1; }
*html .infoblock_half .contents { top: 0; left: 0; right: 0; bottom: 0; width: 100%; height: 100%; border-top: solid 32px #fff; z-index: 1; }

.infoblock_half .contents ul {
  list-style: none;
  display: block;
  margin: 0;
  padding: 0;
}

.infoblock_half .contents ul li {
  margin: 0 0 14px 0;
}

*html .infoblock_half .contents ul li { margin: 0 0 4px 0; }

.infoblock_half .contents ul li a {
  display: block;
  padding: 0 0 0 20px;
  background: url(images/contents_li_arrow.gif) no-repeat 0px 2px;
  color: #000;
}

.infoblock_half .contents ul li a:hover {
  color: #e77613;
}

#options .infoblock {
  position: relative;
}

#options .infoblock .headline {
  position: relative;
  height: 27px;
  background: url(images/options_block_green_left.gif) no-repeat;
}

#options .infoblock .headline .right {
  height: 27px;
  background: url(images/options_block_green_right.gif) no-repeat right;
}

#options .infoblock .headline .right .middle {
  height: 20px;
  padding-top: 7px;
  color: #241f19;
  background: url(images/options_block_green_middle.gif) repeat-x;
}

*html #options .infoblock .headline .right .middle { height: 27px; }

#options .infoblock #trainings {
  display: block;
  list-style: none;
  height: 27px;
  margin: 0;
  padding: 0;
  border-left: solid 2px #7b7876;
  border-bottom: solid 2px #7b7876;
}

#options .infoblock #trainings li {
  display: block;
  float: left;
  height: 27px;
  width: 82px;
  margin: 0;
  padding: 0;
  border-right: solid 2px #7b7876;
}

*html #options .infoblock #trainings li { width: 85px; }

#options .infoblock #trainings li span {
  display: block;
  width: 82px;
  height: 20px;
  text-align: center;
  padding-top: 7px;
  font-size: 10px;
  font-weight: bold;
  text-decoration: none;
  color: #241f19;
}

*html #options .infoblock #trainings li span { width: 83px; height: 27px; }

#options .infoblock #trainings .count_1 {
  width: 166px;
}

* html #options .infoblock #trainings .count_1 { width: 168px; }

#options .infoblock #trainings .count_1 span {
  width: 166px;
}

* html #options .infoblock #trainings .count_1 span { width: 168px; }

#options .infoblock #trainings li .active {
  background: url(images/options_training_active_bg.jpg);
}

#options .infoblock #infos {
  display: block;
  width: 146px;
  height: 231px;
  padding: 10px;
  border-left: solid 2px #7b7876;
  border-right: solid 2px #7b7876;
}
#options p{
 margin:17px 0 8px 0;
 line-height:1.5;
}

*html #options .infoblock #infos { width: 172px; height: 230px; }

#options .infoblock #infos h3 {
  display: block;
  padding: 0 0 0 20px;
  margin: 10px 0 5px 0;
  background: url(images/contents_li_arrow.gif) no-repeat 0px 2px;
  font-size: 11px;
}

#options .infoblock #switch {
  display: block;
  height: 70px;
  left: 10px;
  right: 10px;
  padding: 0 10px;
  border-left: solid 2px #7b7876;
  border-right: solid 2px #7b7876;
}

*html #options .infoblock #switch { left: 0; right: 0; width: 100%; }

#options .infoblock #switch a,
#options .infoblock #switch span {
  display: block;
  width: 50px;
  height: 70px;
  text-decoration: none;
}

#options .infoblock #switch a span,
#options .infoblock #switch span span {
  display: block;
  width: 50px;
  height: 70px;
  font-size: 10px;
  font-weight: bold;
  text-align: center;
  color: #241f19;
}

#options .infoblock #switch .left {
  float: left;
}

#options .infoblock #switch .right {
  float: right;
}

#options .infoblock #switch .video_active {
  background: url(images/button_video_active.gif) no-repeat 3px 26px;
}

#options .infoblock #switch .video_inactive {
  background: url(images/button_video_inactive.gif) no-repeat 3px 26px;
}

#options .infoblock #switch .video_disabled {
  background: url(images/button_video_disabled.gif) no-repeat 3px 26px;
  color: #cac9c8;
}

#options .infoblock #switch .photo_active {
  background: url(images/button_photo_active.gif) no-repeat 3px 26px;
}

#options .infoblock #switch .photo_inactive {
  background: url(images/button_photo_inactive.gif) no-repeat 3px 26px;
}

#options .infoblock #switch .photo_disabled {
  background: url(images/button_photo_disabled.gif) no-repeat 3px 26px;
  color: #cac9c8;
}

#options .infoblock #finish,
#options .infoblock #finish_instructions {
  display: block;
  height: 10px;
  background: url(images/info_finish_left.gif) no-repeat;
}

#options .infoblock #finish .right,
#options .infoblock #finish_instructions .right {
  display: block;
  height: 10px;
  margin-left: 10px;
  background: url(images/info_finish_right.gif) no-repeat right;
}

#options .infoblock #finish .middle,
#options .infoblock #finish_instructions .middle {
  display: block;
  height: 10px;
  margin-right: 10px;
  font-size: 1px;
  background: url(images/info_finish_middle.gif) repeat-x;
}

#options .infoblock #finish_instructions {
  background: url(images/info_finish_instructions_left.gif) no-repeat;
}

#options .infoblock #finish_instructions. right {
  background: url(images/info_finish_instructions_right.gif) no-repeat right;
}

#options .infoblock #finish_instructions .middle {
  background: url(images/info_finish_instructions_middle.gif) repeat-x;
}

#options .infoblock #finish_button {
  padding: 15px 0 0 15px;
}

*html #options .infoblock #finish_button { padding-top: 13px; }

/*------------------------------- program block ---------------------------------*/

.program {
  display: block;
  height: 90px;
  border-bottom: solid 2px #b0c309;
  margin-bottom: 20px;
}

.program .description {
  display: block;
  float: left;
  width: 300px;
  height: 90px;
  padding: 0 0 0 120px;
  font-size: 10px;
}

*html .program .description { width: 420px; }

.program .button {
  display: block;
  float: right;
}

.program .button_small {
  margin-top: 60px;
  width: 80px;
}

/* --------------------------------- Tabs ----------------------------------- */
.tabs {
  display: block;
  left: 0;
  right: 0;
  list-style: none;
  float: left;
  margin: 0;
  padding: 0;
}

*html .tabs { width: 100%; }

.tabs li {
  display: block;
  float: left;
  margin-right: 2px;
  background: url(images/tab_inactive_left.jpg) no-repeat;
  font-size: 11px;
  font-weight: bold;
  text-align: center;
}

.tabs li span {
  display: block;
  height: 30px;
  margin-left: 12px;
  background: url(images/tab_inactive_right.jpg) no-repeat right top;
}

*html .tabs li span { display: inline; }

.tabs li span a {
  display: block;
  height: 21px;
  margin-right: 12px;
  padding-top: 9px;
  color: #241f19;
  text-decoration: none;
  background: url(images/tab_inactive_middle.jpg) repeat-x;
}

*html .tabs li span a { display: inline; height: 30px; }

.tabs .current {
  background: url(images/tab_active_left.jpg) no-repeat;
}

.tabs .current span {
  background: url(images/tab_active_right.jpg) no-repeat right top;
}

.tabs .current span a {
  background: url(images/tab_active_middle.jpg) repeat-x;
}

/* -------------------------------- Forms ----------------------------------- */

form {
  font-size: 12px;
}

label {
  float: left;
  width: 100%;
  margin: 6px 0 0 0;
  padding: 4px 0 0 0;
}

.input_text {
  width: 370px;
  margin: 2px 0;
}

*html .input_text { margin: 0; }

.mailform label, .registration label {
  width: 135px;
}

/* ------------------------------- Settings --------------------------------- */

#settings {
    position: absolute;
    display: block;
    width: 575px;
    top: 22px;
    bottom: 22px;
    left: 22px;
    padding: 0;
    text-align: left;
    overflow: auto;
}

#settings form {
  margin: 0;
  padding: 10px;
  border: solid 2px #7B7876;
}

#settings label {
  float: left;
  width: 135px;
}

#settings .input_text {
  width: 410px;
}

#settings td {
  font-size: 10px;
}

/*---------------------------------- buttons -----------------------------------*/  

.button_small, .button_small_inv {
  display: block;
  height: 21px;
  text-decoration: none;
  color: #241f19;
  background: url(images/button_small_left.gif) no-repeat;
  margin-bottom:20px;
  width:130px;
}

.button_small span, .button_small_inv span {
  display: block;
  height: 18px;
  margin: 0 0 0 10px;
  padding: 3px 10px 0 0;
  font-size: 12px;
  text-align: center;
  cursor: pointer;
  background: url(images/button_small_right.gif) no-repeat top right;
}

*html .button_small span, .button_small_inv span { height: 21px; }

.button_small_inv {
  background: url(images/button_small_inv_left.gif) no-repeat top left;
}

.button_small_inv span {
  background: url(images/button_small_inv_right.gif) no-repeat top right;
}

.button_round_play, .button_round_next, .button_round_back {
  display: block;
  width: 85px;
  height: 27px;
  padding: 0 0 1px 33px;
  text-decoration: none;
  color: #241f19;
  font-size: 11px;
  background: url(images/button_round_play.gif) no-repeat;
}

*html .button_round_play { height: 27px; width: 118px; }

.button_round_play span {
  display: table-cell;
  height: 27px;
  vertical-align: middle;
}

.button_round_exit {
  display: block;
  width: 85px;
  height: 27px;
  padding: 0 0 1px 33px;
  text-decoration: none;
  color: #241f19;
  font-size: 11px;
  background: url(images/button_round_exit.gif) no-repeat;
}

*html .button_round_exit { height: 27px; width: 118px; }

.button_round_exit span {
  display: table-cell;
  height: 27px;
  vertical-align: middle;
}

.button_round_back, .button_round_next {
  float: left;
  width: 117px;
  vertical-align: middle;
  background: url(images/button_round_back.gif) no-repeat;
}

*html .button_round_back { width: 150px; }
*html .button_round_next { width: 150px; }
  
.button_round_next {
  float: right;
  padding: 0 33px 1px 0;
  background: url(images/button_round_play.gif) no-repeat right;
}

.button_round_back span, .button_round_next span {
  display: block;
  padding-top: 7px;
  text-align: left;
}

.button_round_next span {
  text-align: right;
}

/*------------------------------ content related --------------------------------*/  

h1 {
  font-size: 14px;
  font-weight: bold;
  margin: 0 0 14px 0;
}
.content_nr h1{
 margin: 0 0 6px 0;
}


h2 {
  font-size: 12px;
  font-weight: bold;
  margin: 0 0 12px 0;
}

h3 {
  font-size: 12px;
  font-weight: bold;
  color: #eab300;
  margin: 0 0 5px 0;
}

hr {
  height: 3px;
  background-color: #c4d146;
  border: 0;
  margin: .2em 0 .2em 0;
}

/*-------------------------------- form related ---------------------------------*/  

label {
  display: block;
  margin: 0 0 3px 0;
  color: #666;
}

.inputText {
  width: 100%;
  margin: 0 0 5px 0;
}

/* ---------------------------------- Admin ------------------------------------ */
.adminlist {
	width: 100%;
	font-size: 11px;
	margin: 0;
	padding: 0;
	text-align: left;
}

.adminlist th {
	padding: 3px;
	border-bottom: solid 2px #999;
}

.adminlist td {
	padding: 3px;
}

#admin ul {
	list-style: none;
	margin: 0 0 0 10px;
	padding: 0;
}

#admin li {
	display: block;
	margin: 3px 0;
}

#admin li a {
	color: #000;
	font-weight: normal;
}

#admin .current a {
	color: #666;
}