/* ##### Common Styles ##### */

body {
	font-family: "times new roman", times, roman, serif;
	font-size: 9pt;
	margin: 0;
	padding: 0;
}


abbr, acronym, .titleTip {
	font-style: italic;
	border-bottom: none;
}

table acronym, table .titleTip {
	font-style: normal;
}
acronym:after, .titleTip:after {	/* Prints titles after the acronyms/titletips. Doesn't work in IE(6) */
	content: "(" attr(title) ")";
	font-size: 90%;
	font-style: normal;
	padding-left: 1ex;
}
table acronym:after, table .titleTip:after {
	content: "";
	font-size: 100%;
	padding: 0;
}

big {
	font-size: 150%;
}
.big {
	font-size: 110%;
}
.bigger {
	font-size: 120%;
}

blockquote {
	margin-left: 2em;
	margin-right: 2em;
	border: 1px solid #BCDAFF;
	background: #F0F7FF;
}

code, tt {
	font-family: "courier new", courier, monospace;
	font-size: 110%;
}

.doNotPrint {
	display: none !important;
}

form {
	margin: 0;
	padding: 0;
}

hr.separator {
	margin: 1em 0 1em 0;
	border: 1px solid;
}
* html hr.separator {
	margin: 0;
}

img {
	border: none;
}

input[type="checkbox"],
input[type="radio"],
input[type="checkbox"] + label,
input[type="radio"] + label,
label {
	vertical-align: middle;
}

input, option, select, table, textarea {
	font-family: verdana, helvetica, arial, sans-serif;
	font-size: 100%;
}

.small {
	font-size: 90%;
}

.smaller {
	font-size: 80%;
}

.smallCaps {
	font-size: 110%;
	font-variant: small-caps;
}

sub {
	font-size: 75%;
}
sub.big {
	font-size: 85%;
}
sub.small {
	font-size: 65%;
}

sup {
	font-size: 80%;
}
sup.big {
	font-size: 85%;
}
sup.small {
	font-size: 75%;
}
#main sup.faq {
	display: none;
}
#main sup.faq a {
	text-decoration: none;
	padding: 0 1px 0 1px;
}

table, tr, th, td {
	border: none;
}
th {
	font-weight: bold;
	text-align: center;
}

table.tarife {
	font-size: 90%;
	font-family: arial, helvetica, sans-serif;
	line-height: 1.2em;
	margin: 0.5ex 1ex 1ex 1ex;
	border-style: solid;
	border-width: 1px 0 0 1px;
	border-spacing: 0;
}
table.tarife th.title1 {
	font-size: 110%;
	text-align: center;
}
table.tarife th.title1 small {
	font-size: 70%;
	font-weight: normal;
	text-align: center;
}
table.tarife th.title2 {
	text-align: left;
	padding-left: 3px;
}
table.tarife th.colname {
	font-size: 110%;
}
table.tarife th.colname2 {
	font-size: 90%;
}
table.tarife tr.values {
	text-align: center;
}
table.tarife th, table.tarife td {
	border-style: solid;
	border-width: 0 1px 1px 0;
}
table.tarife td.tzeit {
	white-space: nowrap;
	width: 3em;
}
table.tarife td.tziel {
	text-align: left;
	white-space: nowrap;
}
table.tarife td.anbieter {
	font-weight: bold;
	text-align: left;
}
table.tarife td.tarif,
table.tarife td.t_typ {
	text-align: left;
}
table.tarife td.k_mon,
table.tarife td.k_ein,
table.tarife td.k_ges,
table.tarife td.einwa,
table.tarife td.k_kwh {
	white-space: nowrap;
}
table.tarife td.infos {
	text-align: left;
}
table.tarife td.sonst {
	font-size: 90%;
	text-align: left;
}
table.tarife .hotline {
	font-size: 90%;
	font-weight: normal;
	white-space: nowrap;
}

table.filter {
	margin: 0 0 1ex 1ex;
}
table.filter td {
	padding: 0 0.5ex 0 0.5ex;
}

.unicode {
	font-family: "Arial Unicode MS", verdana, helvetica, arial, sans-serif;
}


/* ##### Header ##### */

#header {
	position: absolute;
	top: 0;
	left: 0;
	width: 100%;
	margin: 0;
	padding: 0;
	border-bottom: 2px solid black;
}

#superHeader {
	display: none;
}


#midHeader {
}

#headerTitle {
	font-family: verdana, helvetica, arial, sans-serif;
	font-size: 180%;
	font-weight: bold;
	font-style: italic;
	margin: 0;
	padding: 0 0 0.5ex 0;
}

#headerTitle a {
	text-decoration: none;
}

#headerLogo {
	display: none;
}

#headerFFLogo {
	display: none;
}

/* Workaround for IE 5.x: */
* html #headerFFLogo {
	margin-top: 0;	/* all IE */
	marg\in-top: 0;	/* IE 6.0 */
}


/* Top Menu ================================================================= */

#subHeader {
	height: 1.7em;
/*	border-bottom: 1px solid $colTopmenuBorder;
	border-left: $contentBorderWidth solid $colSidebarBorder;*/
	color: #EEEE55;
	background: #003399;
	overflow: visible;
}

#subHeader ul {
	padding: 0;
	margin: 0;
	border: none;
	list-style-type: none;
	line-height: 1.5em;
	z-index: 101;
}

#subHeader ul img {
	vertical-align: top;
}

#subHeader ul span.subMenuIcon img {
	margin-top: 0.45em;
}

#subHeader ul li ul span.subMenuIcon {
	float: right;
}

/* Menu Level 1 --------------------- */

#subHeader ul li {
	float: left;
	position: relative;
	border-right: 1px solid #FFFFFF;
}
#subHeader ul li.withSeparator {
	border-left: 1px solid #FFFFFF;
}

#subHeader ul.rightmenu li {
	float: right;
	border-right: none;
	border-left: 1px solid #FFFFFF;
}
#subHeader ul.rightmenu li.withSeparator {
	border-right: 1px solid #FFFFFF;
}

#subHeader ul li a,
#subHeader ul li a:visited {
	display: block;
	height: 1.5em;
	text-decoration: none;
	font-weight: bold;
	padding: 0.1em 0.5em;
	color: #EEEE55;
	background: #003399;
}
/* For IE6: */
* html #subHeader ul li a,
* html #subHeader ul li a:visited {
	float: left;
}

#subHeader ul li a.highlight,
#subHeader ul li a.highlight:visited {
	color: #003399;
	background: #FFFFFF;
}

#subHeader ul li:hover a,
#subHeader ul li a:hover {
	color: #003399;
	background: #EEEE55;
}

#subHeader ul li:hover a.highlight,
#subHeader ul li a.highlight:hover {
	color: #003399;
	background: #EEEE55;
}

/* For IE6: */
* html #subHeader ul li a.withSubMenuIcon,
* html #subHeader ul li a.withSubMenuIcon:visited {
	padding-top: 0.2em;
	padding-bottom: 0;
}
* html #subHeader ul span.subMenuIcon img {
	margin-top: 0.35em;
}

/* Menu Level 2 --------------------- */

#subHeader ul li ul {
	display: none;
}

#subHeader ul li:hover ul,
#subHeader ul li a:hover ul {
	display: block;
	position: absolute;
	top: 1.7em; /* 1.5em + (2 * 0.1em) */
	left: -1px;
	margin: 0;
	padding: 1px;
	color: #003399;
	background: #003399;	/* The 'padding: 1px' will produce a 'border'! */
	z-index: 102;
}
* html #subHeader ul li a:hover ul {
	width: 12em;	/* for IE6 */
}

#subHeader ul li#firstItem:hover ul,
#subHeader ul li#firstItem a:hover ul {
	left: -1px;
}

#subHeader ul.rightmenu li:hover ul,
#subHeader ul.rightmenu li a:hover ul {
	left: auto;
	right: 0;
}

#subHeader ul li ul li {
	border: none;
}

#subHeader ul li ul li.withSeparator {
	border: none;
	border-top: 1px solid #003399;
}

#subHeader ul li:hover ul li a,
#subHeader ul li a:hover ul li a {
	font-weight: normal;
	width: 11em;
	height: auto;
	margin: 0;
	padding: 0.1em 0.5em;
	border: none;
	color: #003399;
	background: #F0F7FF;
}

#subHeader ul li:hover ul li:hover a,
#subHeader ul li a:hover ul li a:hover {
	color: #000000;
	background: #EEEEAA;
}

/* Menu Level 3 --------------------- */

#subHeader ul li:hover ul li ul,
#subHeader ul li a:hover ul li a ul {
	visibility: hidden;
}

#subHeader ul li:hover ul li:hover ul,
#subHeader ul li a:hover ul li a:hover ul {
	visibility: visible;
	position: absolute;
	margin-top: -1px;
	margin-left: -1px;	/* For Konqueror */
	top: 0;
	left: 12em;
	z-index: 103;
}

* html #subHeader ul li a:hover ul li a:hover ul {
	margin-left: 0;	/* for IE6 */
}

#subHeader ul li:hover ul li:hover ul li a,
#subHeader ul li a:hover ul li a:hover ul li a {
	color: #003399;
	background: #F0F7FF;
}

#subHeader ul li:hover ul li:hover ul li:hover a,
#subHeader ul li a:hover ul li a:hover ul li a:hover {
	color: #000000;
	background: #EEEEAA;
}

/* Menu Level 4 --------------------- */

#subHeader ul li:hover ul li:hover ul li ul,
#subHeader ul li a:hover ul li a:hover ul li a ul {
	visibility: hidden;
}

#subHeader ul li:hover ul li:hover ul li:hover ul,
#subHeader ul li a:hover ul li a:hover ul li a:hover ul {
	visibility: visible;
	z-index: 104;
}

#subHeader ul li:hover ul li:hover ul li:hover ul li a,
#subHeader ul li a:hover ul li a:hover ul li a:hover ul li a {
	color: #003399;
	background: #F0F7FF;
}

#subHeader ul li:hover ul li:hover ul li:hover ul li:hover a,
#subHeader ul li a:hover ul li a:hover ul li a:hover ul li a:hover {
	color: #000000;
	background: #EEEEAA;
}
/* Breadcrumb =============================================================== */

#breadcrumb {
	display: none;
}

/* ##### Main ##### */

#main,
#main_ohne_styles {
	line-height: 1.5em;
	margin: 0;
	padding: 3em 0 0 0;
}

#main {
	text-align: justify;
}

#main p,
#main address {
	margin: 0 0 2ex 0;
	padding: 0;
}

#main p {
	text-align: justify;
}
#main p.left {
	text-align: left;
}
#main p.center {
	text-align: center;
}
#main p.right {
	text-align: right;
}

#main p.highlight, #main span.highlight,
#main p.achtung2, #main .achtung2,
#main p.empfehlung2, #main .empfehlung2 {
	font-weight: bold;
	padding: 0 0.5ex 0 0.5ex;
}
#main p.achtung, #main .achtung,
#main p.aktion, #main .aktion,
#main p.empfehlung, #main .empfehlung,
#main span.normal, #main span.bestof {
	font-weight: bold;
}
#main p.box, #main span.box {
	padding: 0 0.5ex 0 0.5ex;
	border: 1px solid;
}

#main a, div.text a {
	text-decoration: none;
}
#main a:hover, div.text a:hover {
	text-decoration: none;
}
#main a[target]:hover, div.text a[target]:hover {
	text-decoration: none;
}

#main h1, #main h2, #main h3, #main h4, #main h5, #main h6 {
	text-align: left;
}

#main a[target]:after {	/* Prints the links' URIs after the links' texts. Doesn't work in IE(6) */
	content: "<" attr(href) ">";
	font-family: "courier new", courier, monospace;
	font-size: 90%;
	padding-left: 1ex;
}
#main a.bild[target]:after, #main table a[target]:after {
	content: "";
	font-size: 100%;
	padding: 0;
}

#main h1 {
	font-family: "trebuchet ms", verdana, helvetica, arial, sans-serif;
	font-size: 120%;
	margin: 2ex 0 1ex 0;
	padding: 0;
}

#main h3 {
	clear: both;
	border-bottom: 1px solid black;
	padding-bottom: 0.5ex;
}

#main a.topOfPage, #main a.topOfPage:visited,
#footer a.topOfPage, #footer a.topOfPage:visited {
	display: none;
}
#footer a.topOfPage, #footer a.topOfPage:visited {
	display: none;
}

li {
	text-align: left;
}

dl {
	margin: 0;
	padding: 0;
}
dt {
	font-size: 110%;
	font-weight: bold;
	margin: 0;
	padding: 0 0 0.5ex 0;
}
dt.withSeparator {
	border-top: 1px solid ;
	padding-top: 1.5ex;
}
dd {
	text-align: left;
	margin: 0 0 1em 2em;
	padding: 0;
}

dl.compact dt {
	clear: left;
	float: left;
	font-size: 100%;
	padding: 0;
	margin-right: 0.5em;
}
dl.compact dd {
	text-align: left;
	margin: 0 0 0.5em 0;
}
dl.compacter dd {
	margin: 0 0 0.25em 0;
}
dl.compactest dd {
	margin: 0;
}
dl.compact3 dd { margin-left: 3em; }
dl.compact4 dd { margin-left: 4em; }
dl.compact5 dd { margin-left: 5em; }
dl.compact6 dd { margin-left: 6em; }
dl.compact7 dd { margin-left: 7em; }
dl.compact8 dd { margin-left: 8em; }
dl.compact9 dd { margin-left: 9em; }
dl.compact10 dd { margin-left: 10em; }
dl.compact11 dd { margin-left: 11em; }
dl.compact12 dd { margin-left: 12em; }
dl.compact13 dd { margin-left: 13em; }
dl.compact14 dd { margin-left: 14em; }
dl.compact15 dd { margin-left: 15em; }
dl.compact16 dd { margin-left: 16em; }
dl.compact17 dd { margin-left: 17em; }
dl.compact18 dd { margin-left: 18em; }
dl.compact19 dd { margin-left: 19em; }
dl.compact20 dd { margin-left: 20em; }
dl.compact25 dd { margin-left: 25em; }
dl.compact30 dd { margin-left: 30em; }

dl.menu dt {
	font-size: 110%;
}
dl.menu dt.subLevel1 {
	margin-left: 1.818em;	/* 2em / 110% */
}
dl.menu dt.subLevel2 {
	margin-left: 3.636em;	/* 4em / 110% */
}
dl.menu dt.subLevel3 {
	margin-left: 5.454em;	/* 6em / 110% */
}

ul {
	padding-left: 0;
	margin-left: 2em;
}

#main table#kontaktformular input[type="text"],
#main table#kontaktformular textarea {
	width: 300px;
}

#main .spalteLinks, #main .spalteLinksMitSeparator,
#main .colLeft, #main .colLeftWithSep {
	float: left;
	width: 49%;
	margin-bottom: 0.5em;
}
#main .spalteLinksOhneRechts,
#main .colLeftWithoutRight {
	width: 49%;
	margin-bottom: 0.5em;
}

#main .spalteRechts, #main .spalteRechtsMitSeparator,
#main .colRight, #main .colRightWithSep {
	float: right;
	width: 49%;
	padding-left: 0.75%;
	margin-bottom: 0.5em;
}

#main .spalteLinksMitSeparator,
#main .colLeftWithSep {
	padding-right: 0.75%;
	border-right: 1px solid;
}
#main .spalteRechtsMitSeparator,
#main .colRightWithSep {
	border-left: 1px solid;
}

#main .spalteLinks h4, #main .spalteLinksMitSeparator h4,
#main .spalteRechts h4, #main .spalteRechtsMitSeparator h4,
#main .nachLinks h4, #main .nachRechts h4,
#main .colLeft h4, #main .colLeftWithSep h4,
#main .colRight h4, #main .colRightWithSep h4,
#main .toLeft h4, #main .toRight h4 {
	margin-top: 1ex;
}

#main .faq_antwort {
	padding: 0 1ex 0 1ex;
	margin: 0.5em 1ex 0.5em 1ex;
	border-bottom: 1px dotted;
}

.nachLinks,
.toLeft {
	float: left;
}
.nachRechts,
.toRight {
	float: right;
}
.nachLinksEnde,
.clearLeft,
.toLeftEnd {
	clear: left;
}
.nachRechtsEnde,
.clearRight,
.toRightEnd {
	clear: right;
}
.clear, .colEnd, .spaltenEnde {
	clear: both;
}
div.colEnd, div.spaltenEnde {
	height: 1px;
}
/* Workaround for IE 5.x: */
* html div.colEnd, * html div.spaltenEnde {
	height: 0;		/* all IE */
	he\ight: auto;	/* IE 6.0 */
}


/* ##### Side Bar ##### */

#sideBar {
	display: none;
}

div.sidebarAktion {
	width: 14em;
	margin: 0 auto 0 auto;
}
div.text {
	overflow: hidden;
	margin: 0 1em 0.5em 1em;
	border: 1px solid #000000;
}
div.sidebarAktion div.text {
	margin: 0;
}
div.text div.title {
	font-weight: bold;
	line-height: 1.2em;
	margin: 0;
	padding: 2px 0.1ex 2px 0.5ex;
	color: #EEEEEE;
	background: #CC0000;
}
div.text div.entry {
	display: block;
	text-align: left;
	line-height: 1.3em;
	margin: 0;
	padding: 2px 0.5ex 2px 0.5ex;
	border-width: 1px 0 0 0;
	border-style: solid;
	border-color: #000000;
	color: #000000;
	background: #EEEEEE;
}
div.text div.entry span.highlight {
	font-weight: bold;
}


/* ##### Pre-Footer ##### */

#prefooter {
	display: none;
	margin: 0;
	padding: 0;
}

#prefooter h3 {
	font-size: 125%;
	font-weight: bold;
	margin: 0.5em 0 1em 0;
	padding: 0.5ex 1ex 0.5ex 1ex;
	color: #FFFFFF;
	background: #CC0000;
}

#prefooter h4 {
	font-weight: bold;
	margin: 0;
	padding: 0 1ex 0 1ex;
	color: #CC0000;
	background: transparent;
}

#prefooter p {
	text-align: justify;
	padding: 0 1ex 0 1ex;
}

/* ##### Footer ##### */

#footer {
	clear: both;
	margin: 2em 0 0 0;
	padding: 1ex 0 0 0;
	border-top: 1px solid;
}

/* Workaround for IE 5.x: */
* html #footer {
	height: 3ex;	/* all IE */
	he\ight: auto;	/* IE 6.0 */
}

#footerContent {
	font-size: 91%;
	line-height: 1.5em;
}

#footer .left {
	float: left;
}

#footer .right {
	float: right;
	text-align: right;
}

#footer .middle {
	text-align: center;
}

#footer a {
	text-decoration: none;
}
#footer a:hover {
	text-decoration: none;
}


/* ##### Startseite ##### */

/* ##### Telefon ##### */

.aliceLogoAlice {
	float: right;
	margin: 0;
}
.arcorLogoArcor,
.congstarLogoCongstar,
.stratoLogoStrato,
.tcomLogoTCom,
.thomeLogoTHome,
.vodafoneLogoVodafone {
	float: right;
	margin: -25px 1ex 0 2ex;
	padding: 3.3em 0 0 0;
}
.freenetLogoFreenet {
	float: right;
	margin: -30px 1ex 0 2ex;
	padding: 3.3em 0 0 0;
}
.einsundeinsLogo1und1,
.o2LogoO2,
.tele2LogoTele2,
.versatelLogoVersatel {
	float: right;
	margin: -31px 1ex 0 2ex;
	padding: 3.3em 0 0 0;
}

img.info_icon, img.close_icon {
	display: none;
}
img.close_icon {
	margin-top: -5px;	/* Halbe Icon-Höhe */
}
img.speaker {
	height: 1em;
	margin-left: 3px;
	vertical-align: middle;
}

table.cbc-vergleich,
table#cbc-sondernummern,
table#cbc-auskunft {
	width: 100%;
	margin-left: 0;
	margin-right: 0;
}
table.cbc-vergleich td.value {
	text-align: left;
}
table.cbc-vergleich td.vspan {
	text-align: left;
	padding-left: 20%;
}
table.t-com-anschluss td.anmdg {
	text-align: left;
}
div.festnetz-tabellen {
	width: 50%;
}
table.festnetz-tarife {
	width: 100%;
}
table#cbc-sondernummern tr.values,
table#sondernummern tr.values,
table#cbc-auskunft tr.values,
table#auskunft tr.values {
	font-size: 90%;
	text-align: left;
}

table.mobilfunk-tarife td.bestof {
	font-weight: bold;
}
table.mobilfunk-tarife td.infos,
table.mobilfunk-tarife td.sonst {
	text-align: left;
}
table.mobilfunk-tarife td.tarif,
table.mobilfunk-tarife td.k_mon,
table.tarife td.k_ges,
table.festnetz td.k_mon,
table.anbieterTabelle td.k_ges,
table.n0700-tarife td.tarif,
table.n0700-tarife td.k_mon,
table.n0700-tarife td.k_ein,
table.preselection-tarife td.tarif,
table.preselection-tarife td.k_mon,
table.zinssparen td.zins_ {
	font-weight: bold;
}

table.n0700-tarife td a {
	font-weight: normal;
}
table.n0700-tarife td.anbieter a {
	font-weight: bold;
}

table.preselection-tarife small.vwahl {
	font-size: 90%;
	font-weight: normal;
}

table.girokonten td.anbieter,
table.zinssparen td.anbieter {
	text-align: center;
}

/* ##### Internet ##### */

.skydslLogo {
	float: right;
	margin: -29px 1ex 0 2ex;
	padding: 3.3em 0 0 0;
}

table.ibc-tarife .backbone,
table.t-dsl-tarife .backbone {
	font-size: 80%;
	font-weight: normal;
}
table.ibc-tarife td.k_mon, table.ibc-tarife td.k_min, table.ibc-tarife td.einwa,
table.t-dsl-tarife td.k_mon, table.t-dsl-tarife span.k_mon,
table.t-dsl-tarife td.k_ein, table.t-dsl-tarife td.einwa,
table.t-dsl-tarife td.k_mib, table.t-dsl-tarife td.k_min {
	font-weight: bold;
}
table.ibc-tarife td.bbone {
	text-align: center;
}
table.ibc-tarife span.zzone, table.ibc-tarife span.tzone {
	font-weight: normal;
}
table.ibc-vergleich td.value {
	text-align: left;
}
table.ibc-vergleich td.vspan {
	text-align: left;
	padding-left: 20%;
}
table.ibc-tarife td.k_mon, table.ibc-tarife td.l_mon, table.ibc-tarife td.k_min,
table.t-dsl-tarife td.k_stu, table.t-dsl-tarife td.k_mib, table.t-dsl-tarife td.k_gib,
table.t-dsl-tarife td.k_min, table.t-dsl-tarife td.k_std {
	text-align: right;
}

table.skydsl-prio th.colname {
	text-align: left;
}
table.skydsl-prio td.tarif {
	text-align: center;
}

/* ##### Webhosting ##### */

table.web-tarife td.tarif,
table.web-vergleich td.bestof {
	font-weight: bold;
}

table.domain-vergleich tr.einmalig,
table.domain-vergleich tr.einmalig sup {
	font-size: 80%;
}
table.domain-vergleich td.bestof {
	font-weight: bold;
}
table.domain-vergleich td.kjahr,
table.domain-vergleich td.k_ein {
	color: #000000;
	background: #F6F6F6;
}
table.domain-vergleich td.k_de_,
table.domain-vergleich td.k_eu_,
table.domain-vergleich td.k_nam {
	color: #000000;
	background: #F0F7FF;
}

/* ############### Farben ############### */

/* Farben allgemein */

html,
body,
#main,
#main_ohne_styles,
#prefooter {
	color: #000000;
	background: #FFFFFF;
}

#main,
#main_ohne_styles,
#prefooter,
table, tr, th, td {
	border-color: #000000;
}


a, a:visited, #headerTitle a, #main a, #main_ohne_styles a, #prefooter a, #footer a {
	color: #000000;
	background: transparent;
}

#main .faq_antwort {
	border-color: #999999;
}