/*#########################################################
Name:        TV-Bookmark - Stylesheetdefinitionen
Date:        2007-07-29
Description: Site layout
Author:      Holger Drewes

Copyright 2007 by Drewes&Scholz GbR
#########################################################*/

/**************/
/* Whole page */
/**************/
* {
	margin: 0;
	padding: 0;
}
html {
	padding:0;
	margin:0; 
	border:0;	
}
body {
	border:0;
	font-family: Arial, Helvetica, sans-serif;
	font-size: 12px;	
	font-weight: normal;
	text-decoration: none;	
	color: #000000;
	padding-top: 12px;
	padding-bottom:16px;
	padding-left:22px;
	padding-right:22px;
}


/*********/
/* Fonts */
/*********/

/* Fonts (Links/Text) - General */

h1,h2,h3,h4,cite {
	display: inline;
	
	font-family: Arial, Helvetica, sans-serif;
	font-size: 12px;	
	font-weight: normal;
	font-style:normal;
	text-decoration: none;	
	color: #000000;	
}
td, input {
	font-family: Arial, Helvetica, sans-serif;
	font-size: 12px;	
	font-weight: normal;
	text-decoration: none;
	color: #000000;		
}

/* Links - General */
a { 
	text-decoration: underline;
	color: #000000;
}
a:active, a:hover, a.active {
	text-decoration: underline;
}

/* Links - Navigation */
a.text_link {
	text-decoration: underline;
	font-weight: normal;
	color: #0000bb;
}
.page_type {
	font-size: 12px;
	font-weight: normal;
	color: #d90000;
}
a.page_type {
	text-decoration:none;
	font-size: 12px;
	font-weight: normal;
	color: #444;	
}
a.page_type:active, a.page_type:hover {	
	text-decoration:underline;
}
a.page_navi {
	text-decoration:none;
	color: #444;	
}
a.page_navi:hover {
	text-decoration:underline;
}
.page_navi_active {color: #d90000;}

/* Links - Content */
a.headline_link {
	font-weight:normal;
	color:#000099;
}
a.headline_link:visited {
	color:#831f77;
}
a.headline_link_big {
	font-size:14px;
	font-weight:normal;
	color:#000099;
}
a.headline_link_big:visited {
	color:#831f77;
}
.source_link {
	font-weight: normal;
	color:#505050;
}
a.source_link {
	text-decoration:none;
}
a.source_link:hover {
	text-decoration:underline;
}
a.social_media_link {
	font-size:11px;
	font-weight: normal;
	color:#0000bb;	
	text-decoration:none;
}
a.social_media_link:hover, a.social_media_link:active {
	text-decoration:underline;
}
a.social_media_link:visited {
}


/* Text */
.red {color: #d90000;}
.white {color: #ffffff;}
.black {color: #000;}
.dark_grey {color: #505050;}
.light_grey{color: #558;}

.big {font-size: 14px;}
.normal {font-size: 12px;}
.small {font-size: 11px;}

.search_label_text {
	font-weight: bold;
	color: #334;
}
.search_input_text {
	margin:0;
	padding:0;
	width: 240px;
}
.footer_navi {
	color: #000;
	text-decoration:none;
}
.footer_navi:hover, .footer_navi:active {
	text-decoration:underline;
}

.page_header {
	font-size: 12px;
	color:#334;
	font-weight: bold;
}
a.page_header {
	text-decoration:none;
	color:#334;
	font-size: 12px;
	font-weight: bold;
}
a.page_header:active, a.page_header:hover {	
	text-decoration:underline;
}
.headline_date {
	color: #666666;
}



/********************************************/
/* CSS sprite images                        */
/* http://csssprites.com/                   */
/********************************************/
.sprite {
   background: url(img/tvb_sprite.png) no-repeat top left;
}

.sprite-icon_blog { background-position: 0 0px; width:16px; height: 16px; }
.sprite-icon_facebook { background-position: 0 -26px; width:16px; height: 16px; }
.sprite-icon_rss { background-position: 0 -52px; width:16px; height: 16px; }
.sprite-icon_twitter { background-position: 0 -76px; width:16px; height: 16px; }
.sprite-logo { background-position: 0 -102px; } 



/**********/
/* Layout */
/**********/

/* Navi layout */
#title_box {
	position: absolute;
	top:15px;
	left:21px;
	width:204px;
	height: 30px;
}
#right_elements {
	position: absolute;
	top: 21px;
	right: 21px;
}
#show_thumbnail_icons {
	float:right;
	width:108px;
	margin-right:12px;
	margin-top: 6px;
}
.show_thumbnail_icon {
	width:30px;
	height:20px;
	margin: 2px;
	display:none;
	float:right;
}

#webtv_search {
	width: 420px;
	height:32px;
	margin-left: auto;
	margin-right: auto;
	padding-top:7px; 
}
#search_label {
	float:left;
	text-align:right;
	margin-top:2px;
	margin-right:10px;
}
#search_field {
	float:left;
	margin-right: 7px;
}
.button {
	color:#334;
}
.search_button {
	float:left;
}

#top_navi_box {
	clear:both;
	width:100%;
	text-align: left;
	border-top: 1px solid #cce;
	height: 2px;	
}
.cat_color_block {
	display:inline-block;
	font-size:1px;
	margin-right:3px;
	width:8px;
	height:8px;
}
#left_navi_elements {
	position:absolute;
	left:0px;
}
.sub_navi {
	display:none;
}

/* Content */
#content_header {
	clear:both;
	margin-top:52px;
}
#page_header {
	float:left;
}
#page_navi {
	float:right;
}

#settings_box {
	position: absolute;
	left: 22px;
	top: 173px;
	width: 197px;
	line-height: 18px;	
}
#settings_box_entry {
	clear:both;
	padding-top:17px;
	padding-bottom:17px;
	padding-left:12px;
	padding-right:12px;
	margin-bottom:10px;
	background-color:#e5e5f6;	
}
#settings_box_info_entry {
	clear:both;
	border: 1px solid #cce;
	padding-top:17px;
	padding-bottom:17px;
	padding-left:12px;
	padding-right:12px;
	margin-bottom:10px;
}
	
#content {
	clear:both;
	margin-top: 85px;
	margin-left: 210px;
	min-height: 400px;	
}	
#right_ad_box {
	position: absolute;
	right: 12px;
	top: 148px;
	text-align: center;
	width: 125px;	
}
#content_category_left {
	float:left;
	width: 49.5%;
}

#content_category_right {
	float:right;
	width: 49.5%;
}	
#content_mytvb_login_left {
}	
#content_mytvb_login_right {
	float:right;
	padding-left: 25px;
	width:325px;
}

#text_paragraph_header {
	margin-bottom:6px;
	font-weight: bold;
	color: #d90000;
	line-height:17px;
}
#text_paragraph_content {
	margin-bottom:17px;
	line-height:17px;
}

#content_source_box {
	border: solid #c3c3d9 1px;	
	padding: 0px;
	margin-bottom: 12px;
}
.info_box {
	height: 158px;
}

#source_box_header{
	height:20px;
	padding-top:2px;padding-bottom:2px;
	padding-left:9px;padding-right:9px;
	background-color:#dfdff1;	
	border-bottom: solid #dfdff1 0px;		
	vertical-align: middle;
}
#headline_icons_left {
	margin-top:2px;
	float: left;	
}
.headline_icons_right {
	float: right;
	margin-left: 4px;
}

#headline_text_center {		
	text-align: left;	
	display:inline-block;
}
.headlines_box {
	margin-top:10px;
	margin-bottom:14px;
	margin-right:149px;
	padding-left:9px;padding-right:16px;	
	background-color: #ffffff;
}
.thumbnail_img {
	float:right;
	width:140px;
	height:105px;
	margin-right:9px;
	margin-top:10px;
	border: 1px solid #c6c6c9;
}
#headlines {
}
.headline_outer {
	position:relative;
	width:100%;
	padding-top:1px;padding-bottom:1px;
	margin-top:7px;margin-bottom:7px;	
}
.headline {
	position:relative;
	overflow: hidden;	
}

#headline_date {
	position:absolute;
	background-color:#ffffff;
	text-align:right;
	right:0px;
	top:0px;
	padding-top:1px;
	padding-right:0px;
	padding-left:12px;	
}
.hld_box {
	display:none;
}

.hld_desc {	
	clear:both;
	width:360px;
	padding:10px;
	background-color:#efeff6;
}

.hl_navi_box {
	float:right;
	text-align:right;
	margin-top:4px;
}

.category_link {
	float:right;
	text-align:right;	
}
.info_text {
	display:none;
}

.search_description {
width: 632px;
	display:none;
}

.impressum_box {
	clear:both;
	min-width: 70%;
	height:20px;
	padding-top:20px;
	margin-left: 210px;
}

table.tvb_dialog_table {
	width:100%;
	padding:6px;
}
table.tvb_dialog_table a {
	text-decoration: underline;
}
td.tvb_dialog_table_left {
	width:70px;
}
td.tvb_dialog_table_right {
}
.dialog_form {
	clear:both;
	background-color:#dfdff1;
	padding: 10px;
	margin-bottom: 12px;
}
.dialog_header {
	text-align:center;
	padding-bottom:5px;	
}

/* Dropdown menu from http://javascript-array.com/scripts/simple_drop_down_menu/ */

#sddm
{	margin: 0;
	padding: 0;
	z-index: 80}

#sddm li
{	margin: 0;
	padding: 0;
	list-style: none;
	float: left;
	z-index: 50;
	font: bold 11px arial}

#sddm li a
{	display: block;
	margin: 0 1px 0 0;
	padding: 7px 7px;
	width: auto;
	background: #fff;
	color: #334;
	z-index: 50;
	text-align: center;
	text-decoration: none}

#sddm li a:hover
{	background: #dfdff1;}

#sddm div
{	position: absolute;
	visibility: hidden;
	border: solid #cce 1px;	
	margin: 0;
	padding: 0;
	z-index: 50;	
	background: #efeff1;}

	#sddm div a
	{	position: relative;
		display: block;
		margin: 0;
		padding: 5px 10px;
		width: auto;
		white-space: nowrap;
		text-align: left;
		text-decoration: none;
		background: #fff;
		border: #99b;
		color: #334;
		font: 11px arial}

	#sddm div a:hover
	{	background: #dfdff1;}


#sddm_login
{	margin: 0;
	padding: 0;
	z-index: 80}

#sddm_login li
{	margin: 0;
	padding: 0;
	list-style: none;
	float: left;
	z-index: 50;}

#sddm_login div
{	position: absolute;
	visibility:hidden;
	width:250px;
	text-align:left;
	right:0px;
	border: solid #cce 1px;	
	margin-top: 3px;
	padding: 12px;
	z-index: 50;
	background-color:#dfdff1;}