/*
Theme Name: flatrate-news.de
Theme URI: http://www.flatrate-news.de/
Description: DSL-Theme
Version: 1.0
Author: Tina Meier & Arne Gabriel
Tags: tableless, three columns, widgets
*/

@charset "utf-8";

*{margin:0;padding:0;font-family: Arial, Helvetica, sans-serif;}
html {background: #ffffff url(images/bg.png);background-repeat: repeat-x;text-align:center;}
body{background: url(images/bg_1.png) repeat-y center top;text-align:center;font-size:11px;color: #6d6c6c;}
body.mceContentBody {background: #fff; text-align:left;}
body.mceContentBody  p {color: #000; font-size: 12px;}
p {font-family: Arial, Helvetica, sans-serif;font-size: 11px;line-height: 15px;color: #5e5e5e;margin: 0px 0px 10px 0px;}
img {border: 0;margin:5px;}

/* Header und Seitenelemente */
.aindex {padding-bottom: 0px; height: 95px;}
#oben, #head, #seite {margin:0 auto;text-align:left;width:990px;}
#head {background-image:url(images/head_.png);background-repeat: no-repeat;height: 178px;}
#seite{background-color: #ffffff;}
.padding{padding:0px 5px 5px 10px;}
.padding, .clear {clear: both;}
.impr {font-size: 10px;color: #6d6d6d;float: left;text-align: right;margin: 3px 5px 0px 0px;padding: 0px 5px 2px 0px;background-color: #ffffff;width: 985px;}
.s2 {clear:both;margin-bottom:5px;}
.line {clear:both;padding-bottom:5px !important;margin-top:10px;border-top:1px dotted #ccc; height: 1px;}
.textwidget {font-size: 11px;line-height: 15px;color: #5e5e5e;}
i {font-size:0.9em;}
.strong {font-weight:bold;}
.dottedborder {border:1px dotted #CBCBCB;padding:5px;}
.width180px {width:180px;}
 
/* Überschriften */
h1,h2,h3,h5,h6,h1 a,h2 a,h5 a,h6 a,.fee-filter-the_title, .fee-filter-the_title a{font-family: Trebuchet MS, Arial, Helvetica, sans-serif;text-decoration:none;font-weight:normal;}
h1 {color: #fff;}
/*Titelzeile, die die Formatierung von h1 hat -> wird später zu h1*/
.titelzeile {font-family: Trebuchet MS, Arial, Helvetica, sans-serif;color: #fff; padding: 25px 0px 0px 15px; font-size: 12px !important;}
h2, .fee-filter-the_title {padding-bottom: 3px!important;margin: 0; font-size:15px; line-height: 16px;color: #0f3987; font-weight: bold;}
h2 a, .fee-filter-the_title a {font-weight:bold;padding-bottom: 3px!important;margin: 0;}
h3 {font-size: 12px; color:#0f3987;margin-bottom:3px; margin-top: 5px;font-weight:bold; line-height: 12px;}
h4 {font-size: 16px; color:#0f3987;margin-bottom:5px;font-size:15px;}
h5, h5 a {font-size: 15px; color: #0f3987; background: #fff url(images/line.png) repeat-x 8px bottom; height: 25px; line-height: 30px;font-size:15px;}
h6, h6 a {font-size: 11px; font-weight: bold; color: #0f3987; line-height: 15px;}

/* Links allgemein*/
a {cursor:pointer;}
a:link {color: #8d9296;}
a.exclpages:link {color: #6d6d6d; text-decoration: none;}
a:visited {color: #9e2323;}
a.exclpages:visited {color: #6d6d6d;text-decoration: none;}
a:hover {color: #A2A2A2;}
a.exclpages:hover {color: #808080;}

/* Links hidden*/
a.hid,a.hid:link,a.hid:visited,a.hid:hover {text-decoration: none; color: #5e5e5e !important;}

/* Elemente Ausrichten */
#align_left,.align_left,.alignleft, #alignleft,.float_left  {float:left;}
#align_right,.align_right,.alignright, #alignright,.float_right {float:right;}
.top5px {margin-top:5px;}
.left5px {margin-left:5px;}

/* Preisangaben */
.preis {font-size:1.4em;color:#FF0000;font-weight:bold;}

/* Linker Seitenbereich*/
#links{clear:both;float:left;width:484px;height: auto;font-family: Arial, Helvetica, sans-serif;}
#links table {border: 0px; border-spacing: 2px;}
#links table ,#links table td {font-family: Arial, Helvetica, sans-serif;font-size: 11px;line-height: 16px;color: #6d6c6c;margin-bottom:15px;}
#links table th {font-weight:bold;text-align:left;}
#links ul li{margin: 2px 0px 5px 15px;list-style-image:url(images/bullet.png);list-style-position: outside; line-height: 14px;}
#links ol {margin: 2px 0px 10px 25px; line-height: 14px;}
#links a {color: #0f3987;}

/*Mittlerer Seitenbereich*/
#mitte{background:#fff;border-left:1px dotted #ccc;border-right:1px dotted #ccc;float:left;width:200px;margin-right: 10px;padding-right:10px;overflow:hidden;min-height:900px;}

/*Rechter Seitenbereich*/
#rechts{float:left;width: 276px;}
#rechts a,li .page_item a {text-decoration:none;}
#rechts a:link {color: #6d6c6c;}
#rechts a:visited {color: #808080;}
#rechts a:hover {color: #A2A2A2;}
.rechts {text-align: right;padding-right: 5px;background-color: #ffffff;}

/*Unterer Seitenbereich - momentan noch leer*/
#footer{padding: 2px 5px 0px 5px;}
#footer2{padding: 2px;text-align: right;}
#footer, #footer2 {width:auto;height: 19px;margin: 5px;}
#footer2 a{color: #9F9F9F;font-size: 10px;}

/* Navi oben unter Header */
#menue{margin:0 auto;text-align:left;width:990px;}
#menue a {text-decoration: none; padding-left: 8px; font-family: Trebuchet MS, Arial, Helvetica, sans-serif; color: #06183a;font-size: 15px; font-weight: bold;}
#menue a:visited {color: #505050;}
#menue a:hover {color: #505050; background-position: left top; background-repeat: no-repeat;list-style-image:none;height: 39px;float: left;}
.pagenav ul {background-image:url(images/menue_top/menue_bg_1px__.png);background-repeat: repeat-x;display:block;overflow:hidden;height: 39px;}
.pagenav, .pagenav ul {list-style-type:none;margin:0;padding:0;margin-bottom:15px;margin-top:-14px;}
li .page_item1 {background-image: url(images/menue_top/start.png);width: 154px;}
li .page_item2 {background-image: url(images/menue_top/top.png);width: 165px;}
li .page_item3 {background-image: url(images/menue_top/dsl.png);width: 185px;}
li .page_item4 {background-image: url(images/menue_top/umts.png);width: 185px;}
li .page_item5 {background-image: url(images/menue_top/tarifrechner.png);width: 154px;}
li .page_item1, li .page_item2, li .page_item3, li .page_item4, li .page_item5 {list-style-image:none;height: 39px;margin: 0;padding: 12px 0px 5px 0px;float: left;background-repeat: no-repeat;}
li .page_item1 a:hover, li .page_item2 a:hover, li .page_item3 a:hover, li .page_item4 a:hover, li .page_item5 a:hover {margin-top:-12px; padding-top: 12px}
li .page_item1 a:hover {background-image: url(images/menue_top/start_hov.png); width: 154px;}
li .page_item2 a:hover {background-image: url(images/menue_top/top_hov.png); width: 165px;}
li .page_item3 a:hover {background-image: url(images/menue_top/dsl_hov.png); width: 185px;}
li .page_item4 a:hover {background-image: url(images/menue_top/umts_hov.png); width: 185px;}
li .page_item5 a:hover {background-image: url(images/menue_top/tarifrechner_hov.png); width: 154px;}
 
 /* Navi rechter Seitenbereich */
#rechts ul {float: left;margin: 0px;list-style-image: url(images/item.png) !important;list-style-position: inside !important;}
#rechts .rss ul {width:100px;margin-top:10px;}
#rechts ul li {color: 6d6c6c;display:inline-block;padding: 3px 0px 3px 10px;width:270px;background: url(images/line.png) repeat-x 8px bottom;}
#rechts .rss ul li {color: #0f3987;font-weight:bold;background: none;}
#rechts ul li a {line-height: 15px;width:270px;}
#rechts .rss ul li a {color: #0f3987;}
#rechts ul li a.visited a:hover{background: url(images/line.png) repeat-x 6px bottom;}
#rechts .rss ul li a.visited a:hover{background: none;}
#rechts .rss img {float:right;position:relative;}
	
/* Navi mittlerer Seitenbereich */
#mitte ul {list-style-type: none;padding: 0px;margin: 0px;width:100%;}
#mitte ul li {color: 6c6c6c;display:block;height: auto;line-height: 20px;width:100%;margin-left:0px;}
#mitte ul li a {height: 20px;line-height: 20px;display: block;background: url(images/grey_.png) repeat-x;border-bottom: 1px dotted #5e5e5e;padding-left: 5px;}
#mitte a {text-decoration:none;}
#mitte a:link {color: #6d6c6c;}
#mitte a:visited {color: #808080;}
#mitte a:hover {color: #A2A2A2;}
#mitte a:active {color: #f5726f;}
#mitte ul li  a:hover{font-weight: bold !important;}
#mitte ul li .children {display:block;}
#mitte ul li .children a {color: 6c6c6c;line-height:20px;height:20px;width:95%;padding:0;background: url(images/blue_.png) repeat-x;border-bottom: 1px dotted #5e5e5e;padding-left: 15px;}
#mitte ul li .children a:hover{font-weight: bold !important;}
.cat-item a {display:block;width:100%;color:#4c4c4c !important;}
	
/* Suche rechter Seitenbereich*/
#button {background: #fff url(images/search_.png);background-position: top left;background-repeat: no-repeat;width: 55px;height: 25px;cursor: pointer;border: 0;float: right;clear: both;margin: 0px 22px 0px 0px;}
.suchfeld {width: 195px;height: 20px;margin-bottom: 10px;font-family: Trebuchet MS, Arial, Helvetica, sans-serif;font-style: italic;color: #6d6d6d;}

/* Kalender rechter Seitenbereich*/
#wp-calendar {width:280px;font-size:10px;color:#808080;font-family: Trebuchet MS, Arial, Helvetica, sans-serif !important;}
#wp-calendar tr td {font-size:10px;color: #6d6c6c;border-bottom: 1px dotted #8d9296; padding-left: 3px;}
#today {font-weight:bolder;font-style:italic;font-size:11px; background-color: #efefef;}
#wp-calendar tr td a:link {color: #505050;font-weight:bold; background-color: #cee0e4;}
#wp-calendar tr td a:visited {color: #505050;font-weight:bold; background-color: #cee0e4;}
#wp-calendar tr td a:hover {color: #fff;font-weight:bold; background-color: #88bfcb;}
#wp-calendar caption {font-weight:bold;font-size:11px;text-align:left;padding-bottom:4px;color:#808080;background-color: #fff;margin-top:12px;}
#wp-calendar thead {margin:0;}
#wp-calendar th {color: #505050; font-weight: bold !important; background-image:url(images/th_calendar.png); background-repeat: repeat-x; padding: 1px 0px 2px 3px;}
#next {text-align:right;} /*#prev,#next {display:none;}*/

/*Artikel Vor- und zurück blättern */
.navigation-top  {background-color:#fff;height: 40px;border-bottom: 1px dotted #ccc;}
.navigation-top a{font-size: 10px;line-height: 11px;font-weight: normal;color: #424345 !important;text-decoration: none;}
.navigation-top a:hover{text-decoration: underline;} 
.older {float: left;width: 210px;height: 20px;}
.newer {float: right;width: 210px;text-align:right; height: 20px; clear: both;}
  
 /*Kommentare*/
 #comment {width:100%;}
 .commentlist div {background-color:#F1E9E7;padding: 5px 5px 2px 5px;margin:15px 0 15px 0;}
 .commentmetadata, .commentmetadata a {font-style: italic;font-size:0.85em;}
 a.makecomment:link {color: #4e5156 !important; text-decoration:none !important;}
 a.makecomment:hover {text-decoration:underline !important;}
 a.makecomment2:link {font-size: 11px; color: #4e5156 !important; text-decoration:underline !important;}
 a.makecomment2:hover {font-size: 11px; color: #4e5156 !important; text-decoration:underline !important;}
 
 /*Tags, Datum, "Weiterlesen" etc. unter Artikel*/
 .teaserfooter {font-family: Trebuchet MS, Arial, Helvetica, sans-serif;color: #8d9296; font-size: 9px; line-height: 12px; display:block;padding:0 !important;margin:0 !important;margin-top:10px; margin-bottom: 10px !important;} 
 .teaserfooter a,.teaserfooter a:link {text-decoration:none !important; color: #8d9296 !important;}
 .teaserfooter a:hover {text-decoration:underline !important;}
 .further {font-size: 10px; text-decoration: underline;}
.furthertext {font-size: 10px; color:#0f3987;}
 
 /* Kategoriebeschreibung */
 .catdesc {;padding:5px;border-bottom:dotted 1px #808080;margin-bottom:10px;}
 
  /*Tariftabelle + Banner auf Artikel-Seite*/
 .banner {margin-left: -5px;}
 .bows_tarifliste th {font-family: Trebuchet MS, Arial, Helvetica, sans-serif; font-size: 10px; color: #0f3987; background-color: #dedede; line-height: 12px; padding:2px 0px 2px 2px;}
 .bows_tarifliste tr td{color: #505050 !important; font-size: 10px !important; line-height: 11px !important; border-bottom: 1px dotted #5e5e5e; padding: 5px 0px !important;} 
 .preisangabe {font-size: 8px !important;}
 .red, .preis {color: #c41926!important;}
 .red {font-size: 12px;}
 .alt tr td {background-color: #f4f4f4 !important;}
 .prov {font-weight: bold !important; color: #505050 !important; font-family: Trebuchet MS, Arial, Helvetica, sans-serif !important;}
 
 /* Formulare */
select, textarea {background-color: #f4f4f4; border: 1px dotted #0f3987; font-size: 11px; color: #000; line-height: 15px; }

/* Buttons mit fester Breite*/
.but {float: left; margin-bottom: 10px;}
.but a.but {font-size: 12px; color: #fff !important; font-weight: bold !important; text-decoration: none; line-height: 12px; padding-top: 10px;}
.button_l{background-image: url(images/but_l.png); background-repeat: no-repeat; width: 27px; float: left; height: 35px;}
.button_m_fix {background-image: url(images/but_m.png); background-repeat: repeat-x; width: auto; float: left; height: 35px; width: 160px; }
.button_r {background-image: url(images/but_r.png); background-repeat: no-repeat; width: 14px; float: left; height: 35px; margin-right: 5px;}

/*Teasertexte aus Datenbank*/
.dbteaser {width:265px;}

/*Datum und Autor*/
#date, #author {display:inline;}
#date {font-weight:bold;}
.dateauthor {margin:0;padding:0;margin-top:1px;margin-bottom:10px;}

/*aktuelle Kategorie*/
.current-cat a,.current-cat a:link{font-weight:bold;}
.current-cat li a,.current-cat li a:link{font-weight:normal;}

/*Sticky-Artikel auf Startseite*/
.sticky h2a {margin: 0; padding-bottom: 3px;}
.topthema {font-weight: bold; color:#c41926; margin-left: 60px; font-size: 10px;}

/*Tabellen im artikel*/.newstab {width: 468px;}
.newstab, .newstab tr, .newstab tr td {color:#000 !important;}.altrow {background-color:#f1f1f1 !important;}.tabhead {background-color: #ccccee !important;}

/*Top-Tarif Banner*/
#top_tarif {width:295px;height:135px;background-image:url(images/top_tarif.gif);float:right;margin-right:346px;margin-top:7px;}
.top_tarif{margin-left:70px;margin-top:3px;margin-right:10px;}
.top_tarif, .top_tarif p {color:#000 !important;}
.top_right {float:right;margin-top:-12px;font-weight:bold !important;}
.top_right, .top_right a  {color:#003399 !important;}

/*Tarifrechner*/
#tarifrechner {background: url(images/rechner.jpg) no-repeat top left; width: 450px; height: 450px; padding: 50px 0px 0px 20px; font-size: 11px; color: #092d7d; line-height: 11px; margin-top: 10px;}
#tarifrechner  p, #tarifrechner  table, #tarifrechner  td, #tarifrechner  tr{font-size: 11px; color: #092d7d !important; line-height: 13px !important;}
#tarifrechner form select{font-size: 11px; color: #092d7d;line-height: 10px; background-color: transparent !important;}
,#tarifrechner input  {font-size: 2px !important; color: #fff !important;}
#tarifrechner form select {margin-top: -10px; background-color: #ffffff !important;}
#tarifrechner .input {float: left; margin-right: 15px;}
#tarifrechner .button_pic {background: url(images/tarife-finden.png) no-repeat top left !important; width: 101px; height:23px; border:0; cursor: pointer; margin: 0; padding: 0;}