/*
 * stylesheet for hartplatzhelden.de
 * content design
 * (c) www.wegewerk.com
 * wwEdit CMS (www.wwedit.de)
 * created:      20080430 bms
 * lastmodified: 20080430 bms
 */


/* ############################################# */
/* ############    CONTENT DESIGN    ########### */
/* ############################################# */


/* --------- */
/* - FIXES - */
/* --------- */
.msie .content_object,
.msie .teaser,
.msie .rt_dbl{
  height: 1%;
}

.msie .content_object img{
  margin-bottom: -3px;
}

.msie .content_object .co_head img{
  margin-bottom: 0px;
}

/* bei listen neben einem bild patzt der FF sonst bei der verlinkung */
.img_container{
  position: relative;
  z-index: 10;
  float: left;
  margin: 0 10px 5px 0;
}


/* -------------------------- */
/* - Seitenweites CO-Design - */
/* -------------------------- */
#page_container{
  font-size: .77em;
}

.topic{

}

.content_object,
.tab_container_body,
.teaser,
.rt_dbl,
.pagelist{
  margin-bottom: 15px;
  background-color: #f9f8f6;
  border-bottom: 2px solid #000;
}

.blockUI .content_object{
  margin-bottom: 0px;
}

.co_body{
  padding: 10px 5px 10px 10px;
}

#page_body_cols_container .co_pos_last,
#page_body_right .co_pos_last{
  border-bottom: 0 !important;
}

.richtext{
  line-height: 1.3em;
}


.richtext ol {
  padding: 0;
  margin: 0 0 0 30px;
}

.richtext ul {
  padding: 0;
  margin: 0 0 0 18px;
}


.img_container{
  float: left;
  margin: 0 10px 5px 0;
}

.img_description{
  display: none;
}


/* ---------------------------- */
/* - PAGE_BODY_LEFT_CONTAINER - */
/* ---------------------------- */


/* -------------------------- */
/* - PAGE_HEAD_CONTENT_HEAD - */
/* -------------------------- */
#page_head_content_head .co_body{
  padding: 0;
}

.flashvideo {
  position: relative;
  border-bottom: 0px;
}

.flashvideo .pollbar .hilight{
  left: 0;
}

.flashvideo .overlay-background,
.flashvideo .overlay {
  position: absolute;
  bottom: 20px;
  right: 0;
  left: 0;
  background-color: #e26c3e;
  color: #e26c3e;
  opacity: 0.5;
  height: 68px;
  z-index: 1;
  -khtml-opacity: 0.5; /* für alte Konquerors & Safaris */
  -moz-opacity: 0.5; /* für alte Mozillas */
}

.msie .flashvideo .overlay-background {
    filter: alpha(opacity=50);
}

.msie6 .flashvideo .overlay-background {
    width: 648px;
}

.mac.firefox .flashvideo .overlay-background {
    background: url(/static/img/hph11/bg_overlay.png);
	opacity: 1;
}

.flashvideo .overlay{
  padding: 12px;
  opacity: 1;
  background-color: transparent;
  color: #fff;
  height: 43px;
  overflow: hidden;
}
.flashvideo .overlay a,
.flashvideo .overlay a:visited{
	color: #fff;
}

.flashvideo .overlay a:hover,
.flashvideo .overlay a:focus,
.flashvideo .overlay a:active{
	color: #ddd;
}

.flashvideo .overlay_text h2{
	background: none;
	padding: 0 0 3px 0;
}
.flashvideo .overlay_text {
  float: left;
  width: 451px;
}

.flashvideo .overlay_teaser {
    background:transparent none repeat scroll 0%;
    border-left:1px solid #FFFFFF;
    float:right;
    padding-left:8px;
    width:154px;
}
.flashvideo .overlay_teaser .content_object {
	background-color: transparent;
	margin-bottom: 0;
	border-bottom: none;

}

/* -------------------------- */
/* - PAGE_BODY_LEFT_CONTENT - */
/* -------------------------- */


/* -------------------------- */
/* - PAGE_BODY_MAIN_CONTENT - */
/* -------------------------- */


/* --------------------------- */
/* - PAGE_BODY_RIGHT_CONTENT - */
/* --------------------------- */
#page_body_right_content .img_container{
  float: none;
}


/* ----------------------- */
/* - PAGE_BODY_MAIN_FOOT - */
/* ----------------------- */
#page_body_main_foot {

}

#page_body_main_foot ul{
  list-style-type: none;
}

#page_body_main_foot li{
  display: inline;
}


/* ------------------ */
/* - PAGE_BODY_FOOT - */
/* ------------------ */
#page_body_foot{
  border-top: 2px solid #000;
  font-size: .83em;
  clear: both;
  margin-top: 5px;
}

#page_body_foot a{
  color: #000;
  text-decoration:none;
}

#page_body_foot a:hover,
#page_body_foot a:focus,
#page_body_foot a:active{
  color: #cc6334;
}

#page_body_foot ul{
  float: left;
}

#page_body_foot .copy_foot{
  text-align: right;
}

#page_body_foot ul{
  list-style: none;
}

#page_body_foot li{
  display: inline;
}



/* ---------------- */
/* - Seitenlisten - */
/* ---------------- */
.pagelist .co_body{
  padding: 0;
}

.pagelist .content_object{
  border-bottom: 0;
  margin-bottom: 0;
}


/* --------------- */
/* - Videolisten - */
/* --------------- */

ul.video_list{
  list-style-type: none;
}

ul.video_list li{
  float: left;
  margin-right: 10px;
}

ul.all_videos{
  list-style-type: none;
  padding: 15px;
  width: 428px;
  overflow: hidden;

}

ul.all_videos li{
  float: left;
  margin-right: 17px;
  margin-bottom: 15px;
}

ul.all_videos li .thumb_container img{
  border: 1px solid #000;
}

ul.all_videos li .video_title{
  height: 2.6em;
  overflow: hidden;
}

/* ---------------- */
/* - Video Teaser - */
/* ---------------- */
.video_teaser,
.photo_teaser,
.report_teaser{
  position: relative;
  width: 120px;
  font-size: .9em;
  padding-top: 2px;
}

.video_teaser h2,
.photo_teaser h2,
.report_teaser h2{
  font-size: 1em;
  height: 2.3em;
}

.video_teaser .co_body,
.photo_teaser .co_body,
.report_teaser .co_body{
  padding: 0;
}

.video_teaser .thumb_container,
.photo_teaser .thumb_container,
.report_teaser .thumb_container{
  position: relative;
  z-index: 1;
}

.video_teaser .moderation,
.photo_teaser .moderation,
.report_teaser .moderation{
  position: absolute;
  top: 0;
  left: 0;
  z-index: 2;
  background-color: #fff;
  padding: 2px 3px 0 3px;
}

.video_teaser .moderation .text,
.photo_teaser .moderation .text,
.report_teaser .moderation .text{
  display: none;
}

.video_teaser .rating,
.video_teaser .pollbar,
.photo_teaser .rating,
.photo_teaser .pollbar,
.report_teaser .rating,
.report_teaser .pollbar{
  display: inline;
}

.uploaded_from {
  overflow: hidden;
  height: 1.3em;
}

/* --------------- */
/* - BROWSE-LIST - */
/* --------------- */
.browse_background{
  text-align: right;
}

.browse_background_top{
  border-bottom: 1px dashed #000;
}


.browse_background_bottom{
  border-top: 1px dashed #000;
}

ul.browse_list{
  list-style-type: none;
}

.browsebutt,
.browsebutt_active,
.wwe3_browsebutt{
  font-weight: bold;
  display: inline;
  margin-right: 5px;
}

.browsebutt a,
.browsebutt_active a,
.wwe3_browsebutt a{
  text-decoration: none;
}

.list_result{

}

.browse_list {
  display: block;
}


/* Bookmarking */
.bookmarking_block_ui{
  text-align: left;
  font-size: .77em;
}

.bookmarking_block_ui p.info{
  margin-bottom: 10px;
}

.web20linkage .bookmarking_links{
  text-align: center;
}

.web20linkage .bookmarking_links img{
  margin-right: 4px;
}


/* - Video einbetten - */
.embed_flash{
  text-align: left;
  font-size: 0.77em;
}

.embed_flash .info{
  margin-bottom: 10px;
}

.embed_flash input{
  display: block;
}

.embed_flash input.wwe_form_submit{
  display: inline;
}

.embed_flash label{
  font-weight: bold;
}

/* - Berwertung - */
#poll{
  text-align: left;
  font-size: 0.77em;
}

.poll .richtext{
  margin-bottom: 10px;
}

.poll ul,
.poll_result ul{
  list-style-type: none;
}

.poll ul li,
.poll_result ul li{
  list-style-type: none;
  margin-bottom: 5px;
}

.poll label{
  width: 150px;
  display: block;
  float: left;
}

.pollbar {
  position: relative;
}

.pollbar .hilight{
  position: absolute;
  top: 0;
  /*left: 105px;*/
  top: 1px;
  left: 0px;
}

.msie .pollbar .hilight{
  top: 4px;
}




/* ---------------- */
/* - Heldenlisten - */
/* ---------------- */
/* neue Helden, meine Freunde */
ul.hero_list{
  list-style-type: none;
}

ul.hero_list li{
  border-bottom: 1px dashed #000;
  padding: 5px;
}

ul.hero_list li.last{
  border-bottom: 0;
}

ul.hero_list .user_profile_teaser img{
  float:left;
  margin-right: 5px;
}

ul.hero_list .content_object{
  margin: 0;
}

ul.hero_list li{
  position: relative;
}

ul.hero_list .moderation{
  position: absolute;
  top: 5px;
  left: 5px;
  z-index: 2;
  background-color: #fff;
  padding: 2px;
}

/* Auflistung aller helden */
ul.all_heroes{
  list-style-type: none;
  padding: 8px 2px 0 2px;
  width: 428px;
  overflow: hidden;
}

ul.all_heroes li{
  float: left;
  margin: 0 5px 5px 0;
  width: 66px;
}

.msie6 ul.all_heroes li{
  width: 66px;
}

ul.all_heroes li img{
  border: 1px solid #000;
}


/* ----------------------- */
/* - Blog und Kommentare - */
/* ----------------------- */
.forum_comment{
  border-bottom: 1px dashed #000;
  margin-bottom: 0;
}

.comment_meta{
  margin-bottom: 10px;
}


/* suchergebnisse */
#hero_search{
  margin-bottom: 20px;
  border-bottom: 2px solid #000;
}

.searchlist ul{
  list-style-type: none;
  background-color: #f9f8f6;
}

.searchlist .co_body{
  padding: 0;
}

.searchlist li{
  border-bottom: 1px dashed #000;
  padding: 5px;
}

.searchlist h2{
  background: none;
  padding: 0;
  font-size: 1em;
}

.relevance{
  display: none;
}

.search_hit{
  font-weight: bold;
}

.searchlist .thumb_container{
  float: left;
  margin-right: 10px;
}

.searchlist .content_object{
  border: none;
  margin: 0;
}

.searchlist .video_teaser{
  width: auto;
  font-size: 1em;
}

.searchlist .video_teaser .richtext p{
  display: inline;
}