/* ========================================================================= */
/* Master CSS File for www.docstation.de                                     */
/* ========================================================================= */

/* ========================================================================= */
/* Framework                                                                 */
/* ========================================================================= */
body {
  font-family: arial, verdana, helvetica, sans-serif;
  background: #a7b1ba url(../img/bg_page.png) repeat-x;
}
.clear {
  clear: both;
  font-size: 0.1em;
  line-height: 0.1em;
}

/* ========================================================================= */
/* Header                                                                    */
/* ========================================================================= */
/* TopHeader - Logo, Contact, About, Change language */
#header_top { 
  margin: 10px auto 0 auto;
  width: 900px;
}
#header_top div.left {
  width: 244px;
  height: 75px;
  float: left;
}
#header_top div.right {
  width: 656px;
  height: 75px;
  float: right;
  background: url(../img/bg_header_top.png) no-repeat;
}
#header_top div.right ul {
  padding-top: 24px;
  float: right;
}
#header_top div.right ul li {
  display: inline; 
  color: #3290ba;
  font-family: arial, verdana, sans-serif;
  font-size: 12px;
  margin-right: 3px;
}
#header_top div.right ul li a {
  color: #3290ba;
  text-decoration: none;
}
#header_top div.right ul li a:hover {
  text-decoration: underline;
}
#header_top div.right ul li#language a {
  padding-left: 25px;
}

/* Navigation Header - Homepage, Dokumentarfilm, Reportage, Dokusoap, Talkshow */
#header_nav { 
  margin: 0 auto;
  padding: 0 12px;
  width: 900px;
  height: 50px;
  background: transparent url(../img/bg_topnav.png) no-repeat; 
}
#header_nav ul li {
  float: left;
  display: inline; 
}
#header_nav li a {
  display: block;
  height: 50px;
  text-decoration: none;
  text-indent: -1000em;
}

/* Navigation Header - Mediathek Button */
#header_nav div#button_mediathek a {
  display: block;
  float: right;
  width: 149px;
  height: 50px;
  text-decoration: none;
  text-indent: -1000em;
}
#header_nav div#button_mediathek.current a { background-position: -750px -50px; }
#header_nav div#button_mediathek a:hover { background-position: -750px -100px; }
/* Abschluß des Navigation Headers */
#header_abschluss {
  margin: 0 auto;
  padding: 0 12px;
  width: 900px;
  height: 9px;
  font-size: 0.01em;
  background: transparent url(../img/header_abschluss.png) 0 0 no-repeat;
}

/* ========================================================================= */
/* ContentArea                                                               */
/* ========================================================================= */
#content_frame {
  margin: 0 auto;
  padding: 0 12px;
  width: 900px;
  background: transparent url(../img/bg_content_framework.png) 0 0 no-repeat;
}
div#content_frame div.left { float: left; width: 600px; }
div#content_frame div.left#no_right_column { width: 900px !important; }
div#content_frame div.right { float: right; width: 300px; }
div.hr hr { display: none; }
div.hr {
  height: 2px;
  margin: 10px 0;
  background: transparent url(../img/bg_hr.png) no-repeat;
}
/* Content Header - Category Title */
#content_top h2 {
  width: 500px;
  height: 50px;
  float: left;
  text-indent: -1000em;
}
div#print {
  float: left;
  width: 100px;
  height: 33px;
  background: transparent url(../img/de/headlines.png) no-repeat;
  background-position: -500px 0;
  padding-top: 17px;
  text-align: right;
}
div#print a {
  font-family: arial, verdana, sans-serif;
  font-size: 11px;
  line-height: 16px;
  color: #3290ba;
  margin-right: 20px;
  background: transparent url(../img/icon_print.png) no-repeat;
  padding-left: 20px;
  background-position: 0 50%;
}
/* Headlines */
#content_top h2#home { background-position: 0 0; }
#content_top h2#documentary { background-position: 0 -50px; }
#content_top h2#feature { background-position: 0 -100px; }
#content_top h2#docusoap { background-position: 0 -150px; }
#content_top h2#talkshow { background-position: 0 -200px; }
#content_top h2#mediacenter { background-position: 0 -250px; }
#content_top h2#about { background-position: 0 -300px; }
#content_top h2#contact { background-position: 0 -350px; }
#content_top h2#search { background-position: 0 -400px; }
#content_top h2#imprint { background-position: 0 -450px; }
/* Searchbox */
#content_top div#search {
  float: right;
  width: 300px;
  height: 50px;
  background: transparent url(../img/bg_search.png) no-repeat;
}
div#search input#searchwords {
  width: 200px;
  border: 0;
  background: transparent !important;
  margin: 15px 0 0 20px;
  float: left; 
}
div#search input#submitbtn {
  border: 0;
  background: transparent;
  width: 57px;
  height: 25px;
  margin: 13px 0 0 0;
  float: left; 
}
/* Styles for Content Rows */
div.left div.content_row {
  padding: 20px;
  background: white url(../img/bg_contentrow.png) 0 0 no-repeat;
}
div.right div.content_row {
  width: 260px;
  padding: 20px;
}
div.content_row a {
  color: #3290ba;
  text-decoration: none;
}
div.content_row a:hover {
  text-decoration: underline;
}
/* Page Headline */
h1, h3 {
  font-family: arial, verdana, sans-serif;
  font-size: 16px;
  line-height: 22px;
  color: #3290ba;
  font-weight: bold;
  margin-bottom: 5px;
}
h1 a, h3 a { text-decoration: none; color: #3290ba; }
h1 a:hover, h3 a:hover { text-decoration: underline; }
/* Subtitle, Translated Title */
div.subtitle, div.translated_title {
  font-family: arial, verdana, sans-serif;
  font-size: 11px;
  line-height: 16px;
  color: #3290ba;
}
div.subtitle { margin-bottom: 15px; color: #999999; }
div.subtitle strong { color: #888888; }
/* Postkarte */
div.postkarte {
  margin-bottom: 15px;
}
div.postkarte img {
  border: 1px solid #d8d7d7;
  padding: 5px;
}
/* Normaler Text */
p,td {
  font-family: arial, verdana, sans-serif;
  font-size: 12px;
  line-height: 18px;
  text-align: justify;
  color: #00437a;
}
p strong { color: #3f97be; }
p.marginbottom { margin-bottom: 10px; }
/* more link */
div.more a {
  color: #d52e26;
  font-family: arial, verdana, sans-serif;
  font-size: 12px;
  line-height: 18px;
  text-decoration: none;
  background: transparent url(../img/arrow_right.png) 100% 50% no-repeat;
  padding: 0 20px;
}
div.more { text-align: right; margin-top: 5px; }
div.more a:hover { text-decoration: underline; }
a.back {
  color: #d52e26;
  font-family: arial, verdana, sans-serif;
  font-size: 12px;
  line-height: 18px;
  text-decoration: none;
  background: transparent url(../img/arrow_left.png) 0 50% no-repeat;
  padding-left: 20px;
}
a.back:hover {
  text-decoration: underline;
}
/* thumbnail */
img.thumbnail {
  float: left;
  border: 1px solid #d8d7d7;
  padding: 5px;
  margin: 3px 10px 0 0;
}
/* styles for right column (homepage only) */
h3.project_title {
  color: #004c7e;
  margin-bottom: 8px;
}
div.right div.content_row ul { 
  list-style-position: outside;
}
div.right div.content_row ul li {
  background: transparent url(../img/list-style-image.png) 0 8px no-repeat;
  padding-left: 10px;
  color: #004c7e;
  font-family: arial, verdana, sans-serif;
  font-size: 12px;
  line-height: 18px;
}
/* styles for graphical page navigation */
ul.page_navigation li { 
  float: left; 
  /*background: transparent url(../img/bg_pagination.png) -15px 0 no-repeat;*/
  font-size: 12px;
  color: #004c7f;
  padding:0;
  border-left:1px solid white;
}
ul.page_navigation li a,
ul.page_navigation li span {
  float: left;
  display: block;
  color: #3f97be;
  text-decoration: none;
  padding: 6px 8px;
  background: transparent url(../img/bg_pagination.png) -15px 0 no-repeat;
}

ul.page_navigation li a:hover {
  background-position: -15px -25px;
  color:#fff;
  text-decoration:none;
}

ul.page_navigation li.current{
  
}

ul.page_navigation li.current a {
  background-image:none;
  background-color: #3f97be;
  color: #fff;
  font-weight:700;
}
ul.page_navigation li#zurueck {}
ul.page_navigation li#zurueck a { background-position: 0 0; padding-left: 15px; }
ul.page_navigation li#zurueck a:hover { background-position: 0 -25px; padding-left: 15px; }
ul.page_navigation li#zurueck span { background-position: 0 -50px; padding-left: 15px; color:#999; }

ul.page_navigation li#vor {}
ul.page_navigation li#vor a { background-position: 100% 0; padding-right: 15px; }
ul.page_navigation li#vor a:hover { background-position: 100% -25px; padding-right: 15px; }
ul.page_navigation li#vor span { background-position: 100% -50px; padding-right: 15px; color:#999;}


/* ========================================================================= */
/* Page specific styles                                                      */
/* ========================================================================= */
/* Styles for Detailpage */
div#meta_data p { margin-bottom: 10px; }
div#link_module {
  float: right;
  width: 269px;
  background: transparent url(../img/bg_link_module.png) no-repeat;
}
div#link_module p { margin: 10px; text-align: right; }
div#inhalt p { margin-bottom: 10px; }
div#bildergallerie {
  float: right;
  margin-top: 5px;
}
div.two_column { width: 284px; }
div.one_column { width: 142px; }
div#bildergallerie img.thumbnail { 
  width: 120px;
  height: 90px;
  margin: 0 0 10px 10px;
}
div.invisible_image {
  float: left;
  width: 132px;
  height: 102px;
  margin: 0 0 10px 10px;
}
/* Styles for Pressestimmen */
ul#pressestimmen img {
  float: right;
  width: 240px;
  height: 160px;
  border: 1px solid #d8d7d7;
  background-color: #f8f8f8;
  padding: 5px;
}
ul#pressestimmen li {
  width: 560px;
  padding: 20px;
  background: white url(../img/bg_contentrow.png) 0 0 no-repeat;
  overflow: hidden;
}
ul#pressestimmen li a {
  color: #3f97be;
  font-size: 13px;
  line-height: 16px;
  text-decoration: none;
}
ul#pressestimmen li a:hover { text-decoration: underline; }
ul#pressestimmen li div { margin: 4px 6px; }
/* Styles for Mediathek */
div#mediathek_player_wrapper {
  width: 900px;
  background: #ffffff url(../img/bg_mediathek_frame.png) no-repeat;
}
div#mediathek_player_wrapper .left {
  float: left;
  width: 600px;
}
div#mediathek_player_wrapper .right {
  float: right;
  width: 300px;
}
div#mediathek_player_wrapper h1 { margin: 15px 0 5px 20px; }
div#mediathek_player_wrapper div.subtitle { margin: 0 0 0 20px; }
div#div_flashplayer {
  width: 500px;
  height: 320px;
  margin: 10px 0 15px 20px;
  padding: 5px;
  border: 1px solid #d8d7d7;
}
div#mediathek_player_wrapper p {
  margin: 62px 20px 0 20px;
}
div#mediathek_player_wrapper div.more {
  margin: 10px 20px 0 0;
}
div#div_flashplayer a {
  display: block;
  width: 500px;
  height: 320px;
}
/* Styles for Mediathek / Kategorieen Karteireiter */
div#mediathek_categories {
  width: 900px;
  height: 30px;
  background: transparent url(../img/bg_mediathek_categories.png) no-repeat;
}
div#mediathek_categories li a { background: transparent url(../img/de/mediathek_categories.png) no-repeat; }
div#mediathek_categories ul li {
  float: left;
  display: inline; 
}
div#mediathek_categories li#mediathek_documentary a { width: 136px; background-position: 0 -30px; }
div#mediathek_categories li#mediathek_feature a { width: 95px; background-position: -136px -30px; }
div#mediathek_categories li#mediathek_docusoap a { width: 95px; background-position: -231px -30px; }
div#mediathek_categories li#mediathek_talkshow a { width: 89px; background-position: -326px -30px; }

/*hover*/
div#mediathek_categories li#mediathek_documentary a:hover { width: 136px; background-position: 0 -60px; }
div#mediathek_categories li#mediathek_feature a:hover { width: 95px; background-position: -136px -60px; }
div#mediathek_categories li#mediathek_docusoap a:hover { width: 95px; background-position: -231px -60px; }
div#mediathek_categories li#mediathek_talkshow a:hover { width: 89px; background-position: -326px -60px; }


div#mediathek_categories li#mediathek_documentary a.current { background-position: 0 0; }
div#mediathek_categories li#mediathek_feature a.current { background-position: -136px 0; }
div#mediathek_categories li#mediathek_docusoap a.current { background-position: -231px 0; }
div#mediathek_categories li#mediathek_talkshow a.current { background-position: -326px 0; }
div#mediathek_categories li a {
  display: block;
  height: 30px;
  text-decoration: none;
  text-indent: -1000em;
}
/* Styles for the Mediathek Listview */
/* mehr styles in scrollable-horizontal.css und scrollable-buttons.css */
div#mediathek_listview {
  width: 890px;
  height: 260px;
  padding-left: 10px;
  background: #ffffff url(../img/bg_mediathek_listview.png) no-repeat;
}
/* Styles for search result */
div#no_search {
  float: right;
  height: 50px;
  width: 300px;
  background: transparent url(../img/bg_no_search.png) repeat-x;
}
div#search_detail {
  width: 500px;
  height: 25px;
  background: transparent url(../img/bg_search_big.png) no-repeat;
}
div#search_detail input#searchwords {
  width: 359px;
  border: 0;
  background: transparent !important;
  margin: 3px 0 0 5px;
  float: left;
}
div#search_detail input#submitbtn {
  border: 0;
  background: transparent;
  width: 57px;
  height: 25px;
  margin: 0;
  float: left; 
}
div#search_result label {
  font-size: 12px;
  color: #004c7e;
}
div#search_result label.black { color: #000000; }
div#search_result input.searchfilter {
  margin-left: 20px;
}
/* Styles for Impressum */
table.firmendaten td { padding-right: 20px; }
img.p4 { float: left; padding-right: 10px; }
div.content_row ol li { 
  font-size: 12px;
  line-height: 18px;
  text-align: justify;
  color: #00437a;
  margin-bottom: 20px;
}
/* ========================================================================= */
/* Footer                                                                    */
/* ========================================================================= */
#footer {
  margin: 0 auto 20px auto;
  padding: 0 12px;
  width: 900px;
  height: 70px;
  background: transparent url(../img/bg_footer.png) 0 0 no-repeat;
}
ul#footer_about {
  float: right;
  height: 57px;
  padding: 18px 20px 0 0;
}
ul#footer_categories {
  float: left;
  height: 57px;
  padding: 18px 0 0 50px;
}
address {
  float: left;
  height: 57px;
  font-family: arial, verdana, sans-serif;
  font-size: 13px;
  font-style: normal;
  padding: 20px 0 0 20px;
}
ul#footer_categories li, ul#footer_about li {
  display: inline;
  font-family: arial, verdana, sans-serif;
  font-size: 13px;
  color: #3f97be;
  margin-right: 1px;
}
address, ul#footer_categories li a, ul#footer_about li a {
  color: #3f97be;
  text-decoration: none;
}
ul#footer_categories li a:hover, ul#footer_about li a:hover {
  text-decoration: underline;
}