﻿@charset "utf-8";

/* Allgemeine Klassen */
html { height: 100%; margin-bottom: 0px; }
body{font-family: Verdana, Tahoma, Arial, Helvetica, sans-serif;font-size: 0.8em;line-height:1.35;margin:0;padding:0;text-align:left;color:#1e1e1e;font-weight:lighter;voice-family:male;}
table{border:0px;margin:0px;padding:0px;}
a img{border:0px}	
input{ width:11px; height:11px}
#layerA .mainimg{ display:none}
/* Typografie */
.navigation img { display:none }
.logo{  margin:0; margin-bottom:0px; line-height:1; font-size:0.8em; }
.logo a img{ display:block }
h1{	font-size: 1em;text-indent:0px;}
h2{color:#ff8200; font-weight:bold; margin:0 0 0 0; padding:0 0 0 23px; font-size: 100%; text-align:left;}
h3{ margin:4px 0 10px 13px;background-position:12px}
h3.paketuebersicht{height:17px; padding:0;background-repeat:no-repeat;   }
h3.paketuebersicht a{  }
h3.kontakt{height:17px; text-indent:0px; padding:0;background-repeat:no-repeat  }
h3.legende{height:17px; text-indent:0px;  padding:0;background-repeat:no-repeat  }
h3.aktuelles{height:17px; text-indent:0px;  padding:0;background-repeat:no-repeat  }
h3.navigationh{ height:17px; text-indent:0px;  padding:0;background-repeat:no-repeat  }

em{ display:none}
p{margin:5px 0 5px 0;padding:0;}
a:link{		color:#1e1e1e;text-decoration:none;voice-family:female;}
a:visited{	color:#1e1e1e;text-decoration:none;voice-family:female;}
a:hover{	color:#ff8200;text-decoration:none;voice-family:female;}
a:active{	color:#1e1e1e;text-decoration:none;voice-family:female;}
a:focus{	color:#ff8200;text-decoration:none;voice-family:female;}
.p_text a:link{ text-decoration:underline}
.p_text a:visited{text-decoration:underline}
.p_text a:hover{text-decoration:underline}
.p_text a:active{text-decoration:underline}
.p_text a:focus{text-decoration:underline}
.p_text ul{	color:#1e1e1e; text-align:left; margin:13px auto 13px 0px; list-style-image: url(gfx/bullet.gif);list-style-type:none; background-color:#99FF00 }
.p_text li{ margin:2px auto 2px auto; background-color:#99FFCC}

/* Hauptnavigation */
table.navigation { }
td.navigation { width:33% }
.navjump{ display: block}
ul{ clear:both; color:#87888a; text-align:right;list-style:none; position:relative; margin-bottom:11px; margin-right:0px; margin-top:0px; }	/* marginbrowserweiche Navigation auf Höhe h2 */
ul ul{ padding-right:6px; background-image:url(gfx/pixel_grau.gif); background-position:right; background-repeat:repeat-y; margin:0px;font-size: inherit; margin-top:0px; }
ul li{ margin:0; padding:0; pause-before:800ms; pause-after:70%; voice-family:female;}
ul ul{ margin-bottom:0; padding-bottom:0; margin-top:0; padding-top:0;}
ul li h1{font-weight:bold;margin:0;padding:0;	line-height:1.35em;	font-size:100%;}
ul a:link{		color:#87888a;text-decoration:none;voice-family:female;}
ul a:visited{	color:#87888a;text-decoration:none;voice-family:female;}
ul a:hover{ 	color:#ff8200;text-decoration:none;voice-family:female;}
ul a:active{	color:#87888a;text-decoration:none;voice-family:female;}
ul a:focus{		color:#ff8200;text-decoration:none;voice-family:female;}

/* eD Leiste:  */
.ePayment_debitorenmanagement{width:147%;padding:0px;background-image:url(gfx/pixel_blau_orange.gif);background-position:center;clear:right;line-height:2px;margin:0;text-align:center; 
	min-width:260px}
.risikomanagement{width:36%;height:9px;background-color:#87888a;margin:0 auto 0 auto;padding:0px;position:relative;font-size:1px}

/* Layout */
.inhalt{ width:33%  }
	.inhalt2 td.inhalt{ width:66%} 																		/* Bereich 1-2 & 2-2 */
.header{ padding-left:22px;margin-bottom:13px;}										/* Bereich 1-2 div */
table.inhalt2 { width:100%; }
td.inhalt2 { width:1%; }																		/* Bereich 2 & 2-1 */
td.inhalt2 img{ display:none}
.nebennavigation{		line-height:1.35;	font-size: 70%; width:33% }									/* Bereich 1-3 Topnavi */
.nebennavigation ul.topnavi{ 	text-align:left; padding:0; margin:0 0 0 10px;}					/* Bereich 1-3 Topnavi */
.nebennavigation ul.topnavi li{ display: inline; margin:0px; padding:0 3px 0 3px;}				/* Bereich 1-3 Topnavi */
.nebennavigation2{line-height:1.35;	font-size: 80%;width:33% }
.nebennavigation2 .nebennavigationbox{padding-top:14px }							/* Bereich 2-3 */
.p_text{text-align:left; padding-top:17px; font-size:80%; padding-right:35px; z-index:4; }		/* Haupttext Pakettabelle */
.p_text p{ padding-left:23px }																	/* Haupttext Pakettabelle Einzelabschnitte ]h3[ */
.mainimg{ margin-top:-2px }
p.paketuebersicht{padding-left:12px}
.grafik{ padding-left:23px; font-size:90%}

/* TagCloud */
table.tags{ display:none }

/* Accordion */
.accordion{  	list-style:none; height:75px; display:block; overflow:hidden; margin:0 0 10px 0; text-align:left; padding:0 0 0 0}
.accordion li { display:block;overflow:hidden; height:33%; margin:0 0 0 0;  }
.accordion a span{ visibility:visible;}		/* Fettstellung innerhalb Accordeon */
.accordion a:hover span{ visibility:visible;}
.accordion a span span{ visibility: visible;font-weight:bold; font-size:110%}
.accordion a:hover span span{ visibility: visible;font-weight:bold; font-size:110%}
.accordion a{		background-repeat:no-repeat; background-position: bottom left; padding:10px 0 0 10px; display:block;}
.accordion .a_epayment a{ 					color:#ff8e00; }
.accordion .a_epayment a:hover{ 			color:#000; }
.accordion .a_risikomanagement a{ 		 	color:#ff8e00; }
.accordion .a_risikomanagement a:hover{ 	color:#000; }
.accordion .a_debitorenmanagement a{ 		color:#ff8e00; }
.accordion .a_debitorenmanagement a:hover{	color:#000; }

/* Kontaktbuttons */
p.kontakt3 a{ display:block; height:20px; line-height:20px;/* Korrektur ie5.5 */ 
	padding:2px 0 0 13px; font-weight:bold  }
p.kontakt3 a.Call_me_back{ 				color:#000;}
p.kontakt3 a.Call_me_back:visited{ 		color:#000;}
p.kontakt3 a.Call_me_back:hover{ 		color:#ff8e00;}
p.kontakt3 a.eMail_schreiben{ 			color:#000;}
p.kontakt3 a.eMail_schreiben:visited{ 	color:#000;}
p.kontakt3 a.eMail_schreiben:hover{ 	color:#ff8e00;}
p.kontakt3 a.Direktchat{ 				color:#000;}
p.kontakt3 a.Direktchat:visited{ 		color:#000;}
p.kontakt3 a.Direktchat:hover{ 			color:#ff8e00;}

.footer{ font-size:75%; display:block; padding:30px 0 30px 5%;  color:#666666;  clear:both }
.footer a { color:#666666}
.footer a:hover { color:#ff8200}																

/* Einzelseite: Paketübersicht */
.pakete { 							width:100%; text-align:center;}
.pakete label{ 						text-align:left; margin:14px 0 14px 0; display:block; padding:0 0 0 23px;}
.pakete td, .pakete tr, .pakete th{	font-size: 90%;font-weight:normal; text-align:center; }
.pakete td{             			background: url(gfx/pakete_scanline.gif) no-repeat left  bottom}
.pakete th{							background: url(gfx/pakete_scanline.gif) no-repeat right bottom}
.pakete .headline td{				background: url(gfx/pakete_headline.gif) no-repeat left  bottom; padding:30px 0 1px 0; vertical-align:bottom; font-size:90%}
.pakete .headline th{				background: url(gfx/pakete_headline.gif) no-repeat right bottom; padding:30px 0 1px 0; vertical-align:bottom;}
.pakete .pheadline td{				background: url(gfx/pakete_headline.gif) no-repeat right bottom; padding:6px 0 1px 0;  vertical-align:bottom;}
.pakete .pheadline th{				background: url(gfx/pakete_headline.gif) no-repeat left  bottom; padding:6px 0 1px 0;  vertical-align:bottom;}
.pakete .pheader td{				background-image:none;}
.pakete .pheader th{				background-image:none;}
.pakete .line td{					background: url(gfx/pakete_headline.gif) no-repeat left   bottom; }
.pakete .line th{					background: url(gfx/pakete_headline.gif) no-repeat right  bottom; }
.pakete .line2 td{					background: url(gfx/pakete_headline.gif) no-repeat right  bottom; height:2px; line-height:1px}

.pakete .p_text{font-size: 100%;width:413px; text-align:left; padding-top:17px;padding-right:0px}				/* Haupttext Pakettabelle */
.pakete .p_text p{ padding-left:23px }																			/* Haupttext Pakettabelle Einzelabschnitte ]h3[ */

.pheader td div span{ display:none}																				/* Markierung Schreiben:Faxnummer Paketübersicht */

.nebennavigation2 div div{ background-color:#e0e1e2; padding:10px 0 10px 12px }									/* Bereich 2-3 Legende */
.nebennavigation2 div div img{ margin-right:10px }																/* Bereich 2-3 Legende */
.nebennavigation2 div div p{ margin:10px 0 10px 0 }																/* Bereich 2-3 Legende */

.icons{float:right; width:160px; text-align:left; margin-top:10px; display:inline}								/* Pakete Icons 2 Zeilig */
.icons_one{float:right; width:160px; text-align:left; margin-top:3px; display:inline}							/* Pakete Icons 1 Zeilig */
.icons img{		margin-right:3px}																				/* Pakete Icons 2 Zeilig */
.icons_one img{	margin-right:3px}																				/* Pakete Icons 1 Zeilig */

/* Einzelseite: ePayment */
.itable { 							width:100%;}
.itable label{ 						text-align:left; margin:14px 0 14px 0; display:block; padding:0 0 0 23px;}
.itable td, .itable tr, .itable th{	font-weight:normal; text-align:center; }
.itable td{             			background: url(gfx/pakete_scanline.gif) no-repeat left  bottom}
.itable th{							background: url(gfx/pakete_scanline.gif) no-repeat right bottom}
.itable .headline td{				background: url(gfx/pakete_headline.gif) no-repeat left  bottom; padding:30px 0 1px 0; vertical-align:bottom; font-size:90%}
.itable .headline th{				background: url(gfx/pakete_headline.gif) no-repeat right bottom; padding:30px 0 1px 0; vertical-align:bottom;}
.itable .pheadline td{				background: url(gfx/pakete_headline.gif) no-repeat right bottom; padding:6px 0 1px 0;  vertical-align:bottom;}
.itable .pheadline th{				background: url(gfx/pakete_headline.gif) no-repeat left  bottom; padding:6px 0 1px 0;  vertical-align:bottom;}
.itable .pheader td{				background-image:none;}
.itable .pheader th{				background-image:none;}
.itable .line td{					background: url(gfx/pakete_headline.gif) no-repeat left   bottom; }
.itable .line th{					background: url(gfx/pakete_headline.gif) no-repeat right  bottom; }
.itable .line2 td{					background: url(gfx/pakete_headline.gif) no-repeat right  bottom; height:2px; line-height:1px}
.shopsys{ width:20%}

/* Hover für Kreditkartenicons */
.help {display:inline; height:10px;z-index:3; padding:0;}
.help a {text-decoration:none; padding:0;}
.help a:hover {color:#333333;display:inline; white-space:nowrap; }
.help a span {display:none;}
.help a:hover span { width:auto; border:1px solid #CCCCCC;text-align:left;background-color: #fff;display:inline; margin-top:0px;padding:20px; position:absolute;}

.icons .help {display:inline; float:left;z-index:3;}
.icons .help a {text-decoration:none; margin-top:0px}
.icons .help a:hover {color:#333333;display:inline;text-align:left;}
.icons .help a span {display:none;}
.icons .help a:hover span { width:auto; border:1px solid #CCCCCC;text-align:left;background-color: #fff;display:inline; white-space:nowrap;padding:20px; position:absolute;}

.icons_one .help {display:inline; float:left;z-index:3;}
.icons_one .help a {text-decoration:none;margin-top:0px}
.icons_one .help a:hover {color:#333333; display:inline;text-align:left;}
.icons_one .help a span {display:none;}
.icons_one .help a:hover span { width:auto; border:1px solid #CCCCCC;background-color: #fff;display:inline;padding:20px; position:absolute;}

/* Formulare */
textarea{ font-family: Tahoma, Verdana, Helvetica, sans-serif; font-size:125% }
form.mailform{padding:15px 0 0 24px; }
form.mailform .csc-mailform-field{ padding:4px 0 4px 0}
form.mailform .csc-mailform-field2{ padding:4px 0 15px 0}
form.mailform .csc-mailform-field2 label{position: absolute; margin-top:-3px; width:150px;  display:block; overflow: visible}
form.mailform input{ 	border:1px solid  #CCCCCC;  margin-left: 153px; width:180px; height:18px; padding-left:5px }
form.mailform select{ 	border:1px solid  #CCCCCC;  margin-left: 153px; width:187px; height:20px; padding-left:0px}
form.mailform select:focus{ 	border:1px solid  #ff8e00;  margin-left: 153px; width:187px;  height:20px; padding-left:0px}
form.mailform textarea{ border:1px solid  #CCCCCC;  margin-left: 153px; width:180px;  padding-left:5px}
form.mailform textarea:focus{ border:1px solid #ff8e00;  margin-left: 153px; width:180px;  padding-left:5px}
form.mailform label{position: absolute; margin-top:5px; width:150px;  display:block; overflow: visible}
form.mailform input:focus{ border:1px solid  #ff8e00}
form.mailform .csc-mailform-check{ margin-left:155px;width:19px; border:none}
form.mailform .csc-mailform-check label{position: absolute; margin-top:5px; margin-left:180px; width:200px;  display:block; overflow: visible}
form.mailform .csc-mailform-field3 input{ 	border: none;  margin-left: 163px; width:134px; height:21px; padding-left:0px }

fieldset{ margin:12px 0 6px 0; border: none; background-color:#f6f6f6; padding:10px}
legend{ border:none; padding:10px 10px 0px 10px; background-color:#fff ; margin-left:3px }

#tx_indexedsearch_extResume{ border:0px}

/* Einzelseite: Startseite */
p.aktuelles{padding-left:12px; padding-right:40px}
p.aktuelles a{ background-color:#E8E8E8; display:block; padding:0px 5px 0px 5px; margin-top:-0px; float:right}
p.aktuelles span{ font-weight:bold;color:#87888a; display:block; margin:0 0 3px 0 }

/* Einzelseite: Sitemap */
p.sitemap a:link{ text-decoration:none}
p.sitemap a:visited{text-decoration:none}
p.sitemap a:hover{text-decoration:none}
p.sitemap a:active{text-decoration:none}
p.sitemap a:focus{text-decoration:none}
hr{ color:#f6f6f6; background-color:#f6f6f6; border:1px solid #f6f6f6}

