/*@charset "utf-8";*/
/**
----------------------------------------------------------
Regeln für allgemeine Elemente
---------------------------------------------------------- */

/* zum clearen */
.clearer {
	clear: both;
}
/* Alle kritischen Werte instanziieren */
* {
  margin: 0px;
  padding: 0px;
  vertical-align: top;
}
div#seite {
	vertical-align:top;
	width: 800px;
	margin: auto;
}
/* Links und Anker */
a:link {
	text-decoration: none;
	color: #006ab3;
}
a:visited {
	text-decoration: none;
	color: #006ab3;
}
a:hover,
a:focus	{

}
a:active {

}	
.imagebutton a:hover, a:focus {
	
}

/*  Rahmen, der standardmäißg um verlinkte
Bilder gezogen wird entfernen */
a:link img, a:visited img,
a:hover img, a:focus img, a:active img {
  border: 0px;
}	
/* Überschriften */
h1, h2, h3, h4, h5, h6	{
	color: #006ab3;
}
h1 {
	font-size: 16px;
	margin-bottom: 15px;
}
h2, h2 a {
	font-size: 14px;
	font-weight: bold;
	color: #000000 !important;  /* Damit a den Wert nicht überschreibt*/
	padding-bottom: 5px;
}
h3 {
	padding-bottom: 0.3em;
	font-size: 14px;
}
hr {
	border: none;
	border-top: #006ab3 dotted 1px;
	height: 1px;
}
table {
	font-size: 11px;
}
/* Standard img nicht sichtbare Inhalte zur Erleichterung der
   Orientierung mit assistiven Technologien */
.invisible {
  position: absolute;
  left: -9999px;
}
/* Abstze */	
p {
 padding-bottom: 0.5em;
 line-height: 1.3em;
}

p.fussnote {
	font-size: 9px;
	color: #666666;
	padding-left: 15px;
	padding-right: 15px;
}			
span.hochgestellt {
	font-weight: normal;
	font-size: 0.8em;
	position: relative;
	top: -5px;
}
/* Formular Buttons zu Text ändern */
input.buttonToText {
	background: transparent; 
	border: none; 
	color: #006ab3; 
	font-weight: bold
}


		
/** Häckchen-Listen
---------------------------------------------------------- */
#main ol {
	list-style: decimal outside;
	padding-left: 20px;
}
#main ul {
	list-style: outside;
	padding-left: 20px;
}
#main li {
	line-height: 1.3em;
	padding-bottom: 0.5em;
}
/*Bilder
img {
  vertical-align: bottom;
}*/



/** Rechte Spalte für Anzeigen, Links usw.
---------------------------------------------------------- */
#rechts div {
	border-bottom: #006ab3 dotted 1px;
	margin-bottom: 15px;
}
#rechts p {
	font-size: 10px;
	padding-bottom: 10px;
}
#rechts a {
	font-size: 11px;
}
/** Hauptbereich
---------------------------------------------------------- */
/** Hauptbereich horizontal links
---------------------------------------------------------- */
/* Für kaputte Browser */
body {
  /* Alle Inhalte horizontal zentrieren */
  	text-align: center;
}	
body * {
  /* Textausrichtung korrigieren */
  text-align: left;
}
/* Schriftgröße kontrollieren */
body, td, th {
	font: normal 11px Tahoma, Verdana, Arial, Helvetica, sans-serif;
}
/* Korrektur für IE, da er body Eigenschaften nicht für Tabellen
übernimmt und oben deshalb für td und th ebenfalls 80% definiert wurde
und diese bei anderen Browsern als Kindelemente von body 64% darstellen wrden.
Der IE ignoriert folgende Regel da er das Maskierungszeichen nicht kennt.*/
td, th {
  f\ont-size: 100%; 
}

/**
----------------------------------------------------------
Regeln für besondere Bereiche
---------------------------------------------------------- */
/**
----------------------------------------------------------
Regeln für typo3 Elemente
---------------------------------------------------------- */
.csc-caption {
font-size:10px;
}
.csc-bulletlist {
	list-style: inside;
}
.csc-uploads {
	padding-left: 10px;
}
.csc-uploads-description {
	font-style: italic;
}

/* Suchergebnis */
.tx-indexedsearch-redMarkup {
	color: #FF3300 !important;
}

/* Download Link with Counter */
.downloadLinkAhref {
font-size:12px;
color:#006ab3;
padding-bottom:10px;
font-weight:bold;
text-decoration:none;
}
.downloadLink {
width:220px;
float:left;
padding-right:20px;
}
.downloadLinkMetaData {
	width: inherit;
	padding-top: 3px;
	font-size: 9px;
}

.downloadLinkFilesize {
	padding-top: 3px;
	font-size: 9px;
}
.downloadLinkDescription {
	margin-left: 240px;
}

/* Fehlermeldung im Kontaktformular */
.fehlermeldung {
	font-size: 9px;
	color: #FF0000; 
}

/* Content-Tabellen ausrichten*/
.contenttable {
	vertical-align: top;
}

/* Jahreszahlen in der Tabelle unter Unternehmen > Profil ausrichten*/
.tabelleJahr {
	padding-right: 5px;
}

/* Kontakt Person / Kontakte nebeneinader 
------------------------------------------ 
#c10 {
	float: left;
	width: 275px;
}
#c41 {
	float: right;
	width: 276px;
}
*/
/* Überschriften mit Bild
-------------------------------------------- */
.telefonie { background-image:url(../img/telefonIcon.gif); background-repeat:no-repeat; background-position:right; height: 35px; color: #006ab3; text-decoration: none; font-size: 16px;}
.internet { background-image:url(../img/internetIcon.gif); background-repeat:no-repeat; background-position:right; height: 35px; color: #006ab3; text-decoration: none; font-size: 16px;}
.vpn { background-image:url(../img/vpnIcon.gif); background-repeat:no-repeat; background-position:right; height: 35px; color: #006ab3; text-decoration: none; font-size: 16px;}
.mobilfunk { background-image:url(../img/mobilIcon.gif); background-repeat:no-repeat; background-position:right; height: 35px; color: #006ab3; text-decoration: none; font-size: 16px;}
.tebika {
	background-image:url(../img/tebikaIcon.gif); background-repeat:no-repeat; background-position:right; height: 35px; color: #006ab3; text-decoration: none; font-size: 16px;
}

/* Buttons, die ein Hover-BG haben*/
div.hoverButton a {display:block;background:none;}
div.hoverButton a:hover {background:transparent;}
div.hoverButton a span.no img  {display:block;}
div.hoverButton a span.ro img {display:none;}
div.hoverButton a:hover span.no img  {display:none;}
div.hoverButton a:hover span.ro img {display:block;}

/** Logo
---------------------------------------------------------- */
div#logo {
  text-align: left;
  width: 287px;
  height: 116px; 
  float: left;
}

/** globale Navigation
---------------------------------------------------------- */

/** Navigation
---------------------------------------------------------- */
#nav {
	float:right;
	list-style: none;
	background: url(../img/menu.gif) no-repeat;
	width: 500px;
	height: 53px;
	padding-top: 5px;
	padding-left: 8px;
	font-size: 11px;
	color: #000;
}
ul#nav li {
	display: inline;
}
* html ul#nav a, * html ul#nav span {
	width: 1em;    /* nur fuer IE 5.0x erforderlich */
    w/idth: auto;  /* sicherheitshalber fuer IE 6 zurueckgesetzt */
}

/** Rückruf
---------------------------------------------------------- */
#rueckruf {
	text-align: right;
	float:right;
}
/** Flashinhalt
---------------------------------------------------------- */
#flashbild {
	clear: both;
}
/** Inhaltsbereich
---------------------------------------------------------- */
div#main {
	margin-left: 15px;
	margin-right: 20px;
}
#breadcrumb {
	font-size: 10px;
	width: 760px;
	padding-left: 5px;
	margin-right: 5px;
	background-color: #f2f8fd;
}
#breadcrumb a {
	color: #000000;
	text-decoration: none;
}
/** Content
---------------------------------------------------------- */
div.trenner {
	border-top-style: none;
	border-top: #006ab3 1px dotted;
	height: 1px;
	margin: 10px 0px;
	
}
/* Für die jeweiligen HTML-Templates das jeweilige BG-Bild
laden ---------------------------------------------------- */

/* Vier Spalten */
div#content {
	margin-top: 7px;
	background:url(../img/background.gif) repeat-y;
}
/* Große Spalte (Inhalt) + kleine Spalte */
div#contentSub {
	margin-top: 7px;
	background:url(../img/backgroundSub.gif) repeat-y;
}
/* Zwei große Spalten (Inhalt) + kleine Spalte */
div#contentSplit {
	margin-top: 7px;
	background:url(../img/backgroundSplit.gif) repeat-y;
}
div#contentPresse {
	margin-top: 7px;
	background:url(../img/backgroundSub.gif) repeat-y;
}
/* Wie Sub aber für Produkte/Tarife weiter definiert */
div#contentProdukt {
	margin-top: 7px;
	background:url(../img/backgroundSub.gif) repeat-y;
}
/* Wie Sub aber für Produkt-/Tarifkategorien weiter definiert */
div#contentProduktKategorie {
	margin-top: 7px;
	background:url(../img/backgroundSub.gif) repeat-y;
}
/* Vier Spalten / alle Produkte */
div#contentProdukte {
	margin-top: 7px;
	background:url(../img/background.gif) repeat-y;
}
/* Für tebika */
div#contenttebika {
	margin: 0px;
	padding: 0px;
	width: 1000px;
}

/*div#content {
  /* Behebt den 3-Pixel-Textsprung-Bug und andere Bugs im IE 6 
  height: 1%;
}*/

/* CONTENT Vier Spalten -------------------------------------- */
div#spalte1 {
	float: left;
	width: 170px;
	margin: 15px 10px 15px 11px;
	background-color: transparent;
}
div#spalte2 {
	float: left;
	width: 170px;
	margin: 15px 10px 15px 11px;
	background-color: transparent;
}
div#spalte3 {
	float: left;
	width: 170px;
	margin: 15px 10px 15px 11px;
	background-color: transparent;
}
div#spalte4 {
	float: left;
	width: 168px;
	margin: 15px 10px 15px 11px;
	background-color: transparent;
}
/* Große Spalte (Inhalt) + kleine Spalte ---------------------- */
div#contentSub div#spalte1 {
	float: left;
	width: 557px;
	margin: 15px 10px 15px 11px;
	background-color: transparent;
}
div#contentSub div#rechts {
	float: left;
	width: 160px;
	margin: 15px 5px 15px 11px;
	background-color: transparent;
}

/* Unterseite mit Split 
----------------------------------------------------*/
div#contentSplit div#spalte1 {
	float:left;
	width: 561px;
	margin: 15px 5px 15px 11px;
	background-color: transparent;
}

div#contentSplit div#spalte2 {
	float: left;
	width: 267px;
	margin: 15px 10px 15px 0px;
	background-color: transparent;
}
div#contentSplit div#spalte3 {
	float: left;
	width: 267px;
	margin: 15px 0px 15px 0px;
	padding-left: 10px;
	background-color: transparent;
	border-left: #006ab3 1px dotted;
}
div#contentSplit div#rechts {
	float: right;
	width: 170px;
	margin: 15px 10px 15px 0px;
	background-color: transparent;
}


/* Presse Seite
--------------------------------------------- */
div#contentPresse div#spalte1 {
	float: none;
	width: 557px;
	margin: 15px 10px 0px 10px;
	background-color: transparent;
}
div#contentPresse div#spalte2 {
	float: left;
	width: 176px;
	margin: 0px 5px 15px 10px;
	background-color: transparent;
}
div#contentPresse div#spalte3 {
	float: left;
	width: 176px;
	margin: 0px 5px 15px 10px;
	background-color: transparent;
}
div#contentPresse div#spalte4 {
	float: left;
	width: 176px;
	margin: 0px 5px 15px 10px;
	background-color: transparent;
}
div#contentPresse div#rechts {
	float: left;
	width: 170px;
	margin: 0px 5px 15px 15px;
	background-color: transparent;
}
div#contentPresse h4 {
	padding-bottom: 2px;
	margin-bottom: 8px;
	border-bottom: #006ab3 1px solid;
}

/* Unterseite für Produkte und Tarife ------------ */
div#contentProdukt div#spalte1 {
	float: left;
	width: 557px;
	margin: 15px 10px 15px 11px;
	background-color: transparent;
}
div#contentProdukt div#rechts {
	float: left;
	width: 160px;
	margin: 15px 5px 15px 11px;
	background-color: transparent;
}

/* Tarif-Tabellen Formatieren
------------------------------------------------ */

div#contentProdukt div#spalte1 table {
	border: none;
	width: 100%;
	text-align: center;
}
/* Kopfzeile */
div#contentProdukt div#spalte1 table .tablerow1 {
	color: #006ab3;
	background-color: #D9E8FF;
	font-size: 14px;
	font-weight: bold;
	line-height: 2em;
	padding-left: 5px;
}
div#contentProdukt div#spalte1 table .tableHead td {
	color: #006ab3;
	background-color: transparent;
	border-bottom: #006ab3 solid 1px;
	padding: 15px 5px 0px 5px;
	font-weight: bold;
	line-height: normal;
}
div#contentProdukt div#spalte1 table th {
	font-weight: bold;
	vertical-align: middle;
}
div#contentProdukt div#spalte1 table .kleinerText {
	font-size: 0.8em;
	font-weight: normal;
}
div#contentProdukt div#spalte1 table .gelbFett {
	background-color: #FFF4B9;
	font-weight: bold;
	font-size: 1.2em;
}
div#contentProdukt div#spalte1 table .gelbFettRot {
	background-color: #FFF4B9;
	font-weight: bold;
	color: #D70000;
	font-size: 1.2em;
}
table .align-center {
	text-align: center;
}
/* Zellen Produkte Telefonie */
div#contentProdukt div#spalte1 table td {
	width: auto;
	height: 2.5em;
	background-color: #DFF2FF;	
	border: none;
	border-bottom: #006ab3 dotted 1px;
	line-height: 1.5em;
	vertical-align: middle;
}

/* Unterseite für Produkt- und Tarifkategorien ------------ */
div#contentProduktKategorie div#spalte1 {
	float: left;
	width: 557px;
	margin: 15px 10px 15px 11px;
	background-color: transparent;
}
div#contentProduktKategorie div#rechts {
	float: left;
	width: 160px;
	margin: 15px 5px 15px 11px;
	background-color: transparent;
}
/* Hier wird Sub noch mals aufgeteilt (ohne Border)/*
/* Boxen und Kästchen für Produktkategorien
--------------------------------------------- */
/* Tabelle allgemein */
div#contentProduktKategorie div#spalte1 table {
	border: none;
	width: 100%;
	border-spacing: 10px;
}
/* Überschriften und Inhalt  */
div#contentProduktKategorie div#spalte1 h1 {
	margin-bottom: 0px;
}

/* PK GK Überschriften splitten */
div#contentProduktKategorie div#spalte1 td.kundenSplit {
	border: none;
	background-color: transparent;
	border-bottom: #006ab3 solid 1px;
	width: 50%;
	padding: 0px 5px 0px 5px;
}
/* Überschriften */
/* Kopfzeile */
div#contentProduktKategorie div#spalte1 table .thead {
	background-color: #ffffff; 
	border: none;
}
/* Überschriften in der Kopfzeile */
div#contentProduktKategorie div#spalte1 table .thead h3 {
	font-size: 14px;
	font-weight: bold;
	color: #006ab3;
	text-decoration: none;
}

/* Zellen Produktkategorie Split */
div#contentProduktKategorie div#spalte1 table td {
	width: 50%;
	background-color: #DFF2FF;	
	border: none;
	border-bottom: #006ab3 dotted 1px;
	padding: 10px 5px 0px 5px;
}

/* Produkte Seite / Vier Spalten / alle Produkte
 Hier wird mit Zeilen gearbeitet die in typo3 Spalten sind
----------------------------------------------------------*/

/* Damit die DIVs in den einzelnen Zeilen nicht an
den oberen hängen bleiben erst mal jede Zeile clearen */
div#contentProdukte div#zeile1 {
	clear: both;
	
}

div#contentProdukte div#zeile2 {
	clear: both;
}

div#contentProdukte div#zeile3 {
	clear: both;
}


div#contentProdukte div#zeile1 div{
	float: left;
	width: 170px;
	margin: 15px 10px 15px 11px;
	background-color: transparent;
}
div#contentProdukte div#zeile2 div{
	float: left;
	width: 170px;
	margin: 15px 10px 15px 11px;
	background-color: transparent;
}
div#contentProdukte div#zeile3 div{
	float: left;
	width: 170px;
	margin: 15px 10px 15px 11px;
	background-color: transparent;
}

/* tebika ------------------------------------------------------------ */
div#contenttebika div#spalte1 {
	/*float: left;*/
	position: relative;
	width: 1000px;
	margin: 0px;
	padding: 0px;
	/*margin: 15px 10px 15px 11px;*/
	background-color: transparent;
}


/* Damit das DIV "content" die floatenden Spalten umschließt wird hier ein leeres DIV
	eingefügt, das den Float beendet.*/
div.flclose {
	clear: both;
	border-bottom: #006ab3 dotted 1px; 
}

/** Fuzeile
---------------------------------------------------------- */
div#footer {
    margin-top: 8px;
	margin-bottom: 8px;
}
ul#servicenavi {
	list-style: none;
	text-align: center;
}
ul#servicenavi li {
	display: inline;
	line-height: normal;
}
ul#servicenavi a {
  text-decoration: none;
  color: black;
  font-size: 11px;
}
* html ul#servicenavi a, * html ul#servicenavi span {
	width: 1em;    /* nur fuer IE 5.0x erforderlich */
    w/idth: auto;  /* sicherheitshalber fuer IE 6 zurueckgesetzt */
}
ul#servicenavi a:hover,
ul#servicenavi a:focus {
	color: #006ab3;
	background-color: transparent;
}

#ebene-1-aktiv {
	font-weight:bold;
	text-decoration:none;
	background: transparent;
}
/*
#ebene-2-aktiv {
border-left: 3px solid #0a509c;  
text-indent: 10px; 
font-weight:bold;
text-indent: 10px;
text-decoration:none;
background: #fff;
}

#ebene-3-aktiv {
border-left: 3px solid #0a509c; 
text-indent: 10px;
color:#0a509c;
text-decoration:none;
background: #ffffff;
}


#ebene-4-aktiv {
font-weight:bold;
border-left: 3px solid #0a509c; 
text-indent: 10px;
color:#0a509c;
text-decoration:none;
background: #ffffff;
}

.imgtext-table img {
padding-right:10px;
}


.label {
width: 250px;
}*/

/* Login 
--------------------------------------------------- */
#login {color: #fff; float:left; padding-top:2px;}
#login a { padding-right:5px; color: #fff; text-decoration:none;}
#login li {
	line-height: normal;
}
/* Suche
--------------------------------------------------- */
#suche {float:left; color: #fff; padding-top:2px; padding-left:5px;}
#suche input {width:70px; height:15px; border: 1px solid #666666; font-size:10px; }


/* Sliding Doors - Kästchen mit Runden Ecken
--------------------------------------------------- */
/* Telefonie Icon */
.roT { 
background:url("../img/roT.jpg") top right no-repeat; 
margin:0;
padding:0;
} 
/* Internet Icon */
.roI { 
background:url("../img/roI.jpg") top right no-repeat; 
margin:0;
padding:0;
} 
/* VPN Icon */
.roV { 
background:url("../img/roV.jpg") top right no-repeat; 
margin:0;
padding:0;
} 
/* Mobil Icon */
.roM { 
background:url("../img/roM.jpg") top right no-repeat; 
margin:0;
padding:0;
} 
/* tebika Icon */
.roTB { 
background:url("../img/roTB.jpg") top right no-repeat; 
margin:0;
padding:0;
} 
/* ohne Icon */
.ro { 
background:url("../img/ro.jpg") top right no-repeat; 
margin:0;
padding:0;
} 

.lo { 
background:url("../img/lo.jpg") top left no-repeat; 
margin:0;

padding:0;
} 

.ru {
background:url("../img/ru.jpg") bottom right no-repeat;
margin:0;
padding:0;
}

.lu {
background:url("../img/lu.jpg") bottom left no-repeat;
margin:0;

padding:0; 
}
.inhalt {
margin:0;
padding:2.5em 65px 3.5em 2.5em;
}
.inhalt p {
margin:0;
padding:0;
}