@import url('http://fonts.googleapis.com/css?family=Open+Sans');
@font-face {
    font-family: "unicodeBold";
    src: url("/de/includes/nav/css/fonts/unicod_bold-webfont.eot?#iefix") format("embedded-opentype"), 
        url("/de/includes/nav/css/fonts/unicod_bold-webfont.woff") format("woff"), 
        url("/de/includes/nav/css/fonts/unicod_bold-webfont.ttf") format("truetype"), 
        url("/de/includes/nav/css/fonts/unicod_bold-webfont.svg#unicod_sansbold") format("svg");
}
/* General */
.sth_container {
	font-family: Arial;
    font-size: 12px; /* 11px; */
    font-weight: normal;
    height: auto;
	text-align:	left;
    width: 794px; 
}

/* Navigation */
.sth_container_navigation {
	height:				33px;
	width:				794px;
}

a.sth_container_navigation_button_active {
	display:			block;
	float:				left;
	background:			#ffffff;
	padding:			0;
	border-top:			1px solid #9d9d9d;
	border-left:		1px solid #9d9d9d;
	border-right:		1px solid #9d9d9d;
	padding-left:		15px;
	padding-right:		14px;
	padding-top:		9px;
	padding-bottom:		8px;
	color:				#000000;
	font-family:		Arial, Verdana;
	font-size:			12px;
	text-decoration:	none;
}

a.sth_container_navigation_button {
	display:			block;
	float:				left;
	background:			#373737;
	padding:			0;
	color:				#ffffff;
	font-family:		Arial, Verdana;
	font-size:			12px;
	text-decoration:	none;
	padding-top:		6px;
	padding-bottom:		6px;
	padding-left:		15px;
	padding-right:		14px;
	margin-top:			5px;
	border-top:			1px solid #9d9d9d;
	border-right:		1px solid #9d9d9d;
}

/* Story */
.sth_container_story {
	width:				794px;
	height:				350px;
	background:			url(/relaunch/topstory/images/topstorybg.jpg); 
}
.sth_container_story_teaser {
	width:				394px;
	height:				250px;
	float:				left;
	background:			url(/relaunch/topstory/images/topstorybg.jpg); 
}
.sth_container_story_teaser2 {
	width:				394px;
	height:				250px;
	margin-left:		400px;    
	float:				left;
	background:			url(/relaunch/topstory/images/topstorybg.jpg); 
}
.sth_container_story_information {
	background-color: black;
    float: left;
    margin-top:	-1px;
    /* max-height: 137px;*/
    min-height: 50px;
	width: 794px;
	
}
.sth_container_story_information_channel {
	background-color: black;
	float: left;
	margin-top: 0px;
/*    max-height:	90px;*/
    min-height: 40px;
	width: 394px;
}
.sth_container_story_information_title {
	color: #eaeaea;
    font-family: "unicodeBold";
	font-size: 22px;
  line-height: 35px;
	margin-left: 15px;
	margin-top:	10px;
    width: 764px;
}
.sth_container_story_information_title_2 {
	color: #eaeaea;
    font-family: "unicodeBold";
	font-size: 12px;
	margin-left: 15px;
	margin-top:	10px;
    width: 764px;
}
.sth_container_story_information_title_channel {
	color: #eaeaea;                                                                                          
    font-family: "unicodeBold";
	font-size: 16px;
	margin-left: 10px;
    margin-top:	8px;
    padding-bottom: 10px;
    width: 364px;
}
.sth_container_story_information_abstract {
	font-family:		Arial, Verdana;
	font-size:			11px;
	color:				#fefefe;
	line-height:		16px;
	margin-left:		15px;
	margin-top:			8px;
}

.sth_container_story_rellinks {
	margin-top:			0px;
	height:				70px;
	background-color:	black;
	width:				794px;
	float:				left;
	padding-left:		16px;
}
.sth_container_story_rellinks_channel {
	margin-top:			0px;
	height:				130px;
	background-color:	black;
  padding-left:   16px;
	width:				378px;
	float:				left;

}

.sth_container_story_rellinks_element {
	margin-right:	35px;
  border-bottom:1px solid #c6c7c9;
	height:				30px;
	float:				left;
  width:				362px;
}

.sth_container_story_rellinks_element_channel {
	margin-right:	0px;
  border-bottom:1px solid #c6c7c9;
	height:				30px;
	float:				left;
  width:				362px;
}

.sth_container_story_rellinks_element_noborder {
	margin-right:	35px;
  height:				30px;
  float:				left;
	width:				362px;
}

.sth_container_story_rellinks_element_pfeil {
    float:				left;
	padding-top:		5px;
	width:				35px;
}

.sth_container_story_rellinks_element_title {
	float: left;
	height:	30px;
	line-height: 30px;
    overflow: hidden;
	width: 330px;
}

.sth_container_story_rellinks_element_title_channel {
	float: left;
	height: 30px;
	line-height: 30px;
    overflow: hidden;
	width: 330px;
}

.sth_container_story_rellinks_element_icon {
	float: left;
	padding-top: 5px;
}

a.sth_container_story_rellinks_element_link {
	color: #009cff;
    font-family: 'Open Sans';
	font-size: 14px;
	text-decoration: none;
    /*white-space: nowrap;*/
}

/* Teaser */
.sth_container_teaser {
    clear: both;
	/*height:	168px; 158px;*/
	background:	black; /*url(/relaunch/topstory/images/teaserbg.jpg);*/
	border-bottom:none; /*		1px solid #9e9e9e;*/
	border-left: none; /*		1px solid #9e9e9e;*/
	border-right:none; /*		1px solid #9e9e9e;*/
	margin-bottom: 20px;
    margin-left: 0px;
    margin-top: 10px;
    width: 794px;
}
.sth_container_teaser_channel {
    clear: both;
    float: left;
    /* height: 346px; */
	margin-bottom: 20px;
    margin-left: 0px;
    margin-top: 0px;
    min-height: 190px;
	width: 792px; 
}
.sth_container_teaser_border {
  background: #000000;
    border-bottom: 3px solid black;
    border-left: none;
	border-right: none;
 /*   height: 165px;  151px; */
    margin-left: 0px;
	margin-top: 1px;
    overflow: hidden;
    padding-left: 0px;
	padding-right: 0px;
	width: 790px;	/* 770*/
}

.sth_container_teaser_element {
	display: block;
	float: left;
    margin-left: 3px;
    margin-right: 3px; /*2px;*/
    margin-top:	28px; /*28px; */
	text-decoration: none;
	width: 152px;
}
.sth_container_teaser_element_last {
	display: block;
	float: left;
    margin-left: 3px;
    margin-right: 0px; /*2px;*/
    margin-top:	28px; /*28px; */
	text-decoration: none;
	width: 152px; /* 152*/
}
.sth_container_teaser_element_image {
	height:	67px; /* 67*/
	margin-bottom: 1px;
	overflow: hidden;
    width: 152px; /* 152*/
}

.sth_container_teaser_element_text {
	background:	#000;
	color: #fff;
    font-family: 'unicodeBold';		/*Arial, Verdana;*/
	font-size: 14px;
	padding-left: 8px;
	padding-right: 4px;
	padding-top: 6px;
	line-height: 20px;
    text-transform: uppercase;
}

.sth_active {
    filter: 			alpha(opacity=100);
    opacity: 			1.00;
    position:			absolute;    
	width: 152px; height: 67px; /* Set the small thumbnail size */
	-ms-interpolation-mode: bicubic; /* IE Fix for Bicubic Scaling */
	padding: 0px;
	left: 0; top: 0;
	z-index: 20;
	background: #ffffff;
}

div.sth_container_teaser_element_image img.hover {
	border: 3px solid #ffffff;
	z-index: 25;
}

 .sth_inactive {       
    /*filter: 			alpha(opacity=35);
    opacity: 			0.35;*/
    filter: 			alpha(opacity=100);
    opacity: 			1.00;
    position:			absolute;
    
	width: 152px; height: 67px; /* Set the small thumbnail size */
	-ms-interpolation-mode: bicubic; /* IE Fix for Bicubic Scaling */
	padding: 0px;
	left: 0; top: 0;
	z-index: 20;
	background: #ffffff;
}

.topstory_title_link {
	text-decoration: none;        
    color: white;
    font-family: "unicodeBold";
    font-size: 28px;
    text-transform: uppercase;        
}
.topstory_title_link2 {
	text-decoration: none;        
    color: white;
    font-family: "Open Sans";
    font-size: 14px;
    font-weight: 400;
    text-transform: uppercase;        
}

.sth_container_story_information_subtitle_channel {
	text-decoration: none;        
    color: white;
    font-family: "Open Sans";
    font-size: 12px;
    font-weight: 400;
    margin-left: 10px;
    margin-top: 5px;
    text-transform: uppercase;  
}

.topstory_title_link_channel {
	text-decoration: none;        
    color: white;
    font-family: "unicodeBold";
    font-size: 15px;
    text-transform: uppercase;        
}
.topstory_abstract_link {
	color: #fefefe;
	font-family: Arial, Helvetica, Verdana;
	font-size: 11px;
	letter-spacing: 0px;
	text-decoration: none;
}

a.topstory_title_link:hover,
a.topstory_title_link2:hover,
a.topstory_title_link_channel:hover {
    color: #009cff;
}  
/* ****************************** Topstorty Relaunch 2014 OBEN ****************************** */

.box_top {
    background-color: black;
    height: 528px;
    margin-bottom: 5px;
    width: 793px;    
}

.top-image {
    height: 349px;
    width: 793px;
}

.top_header {
    color: white;
    font-family: "unicodeBold";
    font-size: 32px;
    padding: 15px;
    text-transform: uppercase;
}

.top_left_links {
    float: left;
    padding: 0px 15px;
    width: 363px;   
}

.top_right_links {
    float: left;
    padding: 0px 15px;
    width: 363px;   
}

.top_link_wrapper {
    font-size: 14px;
    margin-bottom: 8px;  
}

.top_link_wrapper_border {
    border-bottom: 1px solid white;
    font-size: 14px;
    margin-bottom: 3px;
    padding-bottom: 5px;
}