/* CSS Document */



/* --- Anfang allgemeine Formatierung --- */

body {
 background:url(/img/bg-body.gif) repeat-x;
 background-color:#666666;
 background-position:top;
 color:#000000;
 font-family:Arial, Helvetica, sans-serif;
 font-size:12px;
 margin-top:20px;
	overflow-y:scroll;
 text-align:center;
}

table {
 color:#000000;
 font-family:Arial, Helvetica, sans-serif;
 font-size:12px;
 line-height:20px;
}

.table_agb_iframe {
 text-align:left;
}

.table_mother {
 background-color:#ffffff;
 width:950px;
}

/* --- Ende allgemeine Formatierung --- */


#Header {
 background:url(/img/header.jpg) no-repeat;
 height:106px;
 width:950px;
}


/* --- Anfang Hauptnavigation --- */

#mainNavi {
 background:url(/img/bgNavi.jpg) no-repeat;
 height:40px;
 margin:auto;
 /*padding-left:6px;
 padding-right:5px;*/
 width:950px;
}

#mainNavi ul {
 font-size:12px;
 list-style-type:none;
 margin:0px;
 padding:0px;
}

#mainNavi ul img {
 margin-right:2px;
 position:absolute;
}

#mainNavi ul li {
 display:inline;
 margin:0px;
 line-height:33px;
}

#mainNavi ul li a {
 color:#FFFFFF;
 font-size:12px;
 padding:8px 19px 8px 19px;
 text-decoration:none;
 text-transform:uppercase;
}

#mainNavi ul li a:hover {
 background-image:url(/img/activeNavi.png);
 background-position:right;
 background-repeat:repeat-x;
}

.mainNavi_active a {
 background-image:url(/img/activeNavi.png);
 background-position:right;
 background-repeat:repeat-x;
}

/*#mainNavi ul li:last-child a {
 /*background-image:none;
}

#mainNavi ul li:last-child a:hover {
 background-image:url(/img/activeNavi.png);
}*/

#mainContent div.testen {
 position:absolute;
 left:460px;
 top:-150px;
 width:200px;
 height:0px;
 z-index:1;
}

#mainContent div.testen img {
 float:none;
 margin:0px;
 padding:0px;
}

/* --- Ende Hauptnavigation --- */



/* --- Anfang zweite Navigationsebene --- */

#leftContent {
 background-color:#F6F6F6;
 float:left;
	font-size:11px;
 width:218px;
}

#PageTitle h1 {
 background-image:url(/img/bgSubNavi.jpg);
 background-position:top;
 background-repeat:repeat-x;
 color:#FFFFFF;
 font-size:12px;
 font-weight:normal;
 height:16px;
 margin:58px 0px 0px 1px;
 text-align:left;
 padding:4px 22px;
}

#PageTitle h1 a {
 color:#FFFFFF;
 text-decoration:none;
}

#subNavi {
 float:left;
 margin:0px;
 text-align:left;
 width:174px;
}

#subNavi ul {
 line-height:32px;
 list-style-type:none;
 margin-top:11px;
 margin:0px;
 padding:0px;
}

#subNavi ul li {
 border-bottom:1px solid #E6E6E6;
 border-top:1px solid #F8F8F8;
 padding-left:22px;
 /*padding-right:22px;*/
 width:196px;
 margin:0px;
}

#subNavi ul li ul {
 margin:0px;
 padding:0px;
 /*padding-left:22px;
 margin-left:0px;
 margin-right:-22px;*/
}

#subNavi ul li ul li:first-child {
 border-bottom:1px solid #E6E6E6;
 border-top:1px solid #E6E6E6;
 margin-left:-22px;
 padding-left:44px;
 width:174px;
}

#subNavi ul li ul li {
 margin:0px;
 margin-left:-22px;
 padding-left:44px;
 width:174px;
}

#subNavi ul li:first-child {
 border-bottom:1px solid #E6E6E6;
 border-top:0px solid #FFFFFF;
}

#subNavi ul li:last-child {
 border-bottom:0px solid #000000;
 border-top:1px solid #F8F8F8;
}

/*#subNavi ul li {
 border-bottom: expression( (function (element) { element.style.borderBottom = (element.nextSibling ? "1px solid #ccc" : "0 none"); })(this) )
}*/

#subNavi ul li a {
 color:#333333;
 text-decoration:none;
}

#subNavi ul li a:hover {
 color:#F77d17;
 text-decoration:none;
}

#subNavi .subNavi_active a {
 color:#F77d17;
 text-decoration:none;
}

/* --- Ende zweite Navigationsebene --- */


/* --- Anfang Hauptinhalt --- */

.Content {
 width:950px; 
 margin:auto; 
 background:url(/img/bg-subnavi.gif) repeat-y;
 background-position:left;
 background-color:#FFFFFF;
 text-align:left;
}

#mainContent {
 /*background:#FFFFFF url(/img/bg-subnavi.gif) repeat-y left;
 background-color:#FFFFFF;*/
 line-height:21px;
 margin-left:235px;
 min-height:460px;
 padding-bottom:30px;
 padding-left:20px;
 padding-right:40px;
 padding-top:29px;
 position:relative;
 text-align:left;
 /*width:650px;*/
}

#mainContent h1 {
 font-size:22px;
 font-weight:bold;
 margin:10px 0px 24px;
 padding:0px;
}

#mainContent h2 {
 font-size:12px;
 font-weight:normal;
 margin:0px;
 padding:0px;
}

#mainContent h2 a {
 font-size:10px;
}

#mainContent h3 {
 font-family:Arial, Helvetica, sans-serif;
 font-size:12px;
 font-weight:bold;
 margin:0px;
 margin-top:25px;
 padding:0px;
}

#mainContent h4 {
 font-size:16px;
 font-weight:bold;
 margin-top:50px;
 padding:0px;
}

#mainContent h6 {
 clear:both;
 font-size:12px;
 font-weight:bold;
 margin:0px;
 padding:0px;
}

#mainContent img.spacer-gif {
 float:none;
 margin:auto;
}

#mainContent p.bodytext a img {
 float:none;
 margin:0px;
 margin-right:5px;
 vertical-align:middle;
}

#mainContent img {
 float:right;
 margin-bottom:20px;
 margin-left:20px;
 margin-top:7px;
}

.align-right {
 border-bottom:1px solid #EEEEEE;
 line-height:0px;
 padding-bottom:25px;
 text-align:right;
}

.author {
 border-bottom:1px solid #EEEEEE;
 font-style:italic;
 line-height:0px;
 padding-bottom:15px;
 text-align:right;
}

#mainContent caption {
 font-size:12px;
 font-weight:bold;
 margin:0px;
 padding:25px 0px 0px 0px;
 text-align:left;
}

#mainContent a {
 color:#F77d17;
 text-decoration:none;
}

#mainContent p {
 /*clear:both;*/
}

#mainContent .align-center {
 color:#aaaaaa;
 text-align:center;
}

#mainContent p.align-center {
 color:#CCCCCC;
 text-align:left;
}

.features {
 width:675px;
 font-size:12px;
 font-weight:normal;
 line-height:30px;
 padding-top:10px;
}

#mainContent .features img {
 float:none;
 /*margin:10px 0px 50px 0px;*/
 margin:0px 5px 0px 0px;
 vertical-align:middle;
}

#mainContent .features a {
 font-size:12px;
 font-weight:bold;
}

#mainContent .features div {
 margin-top:-10px;
}

/* --- Anfang - Für die FAQs --- */

.csc-header-n2 {
 float:none;
}

.tx-irfaq-cleaner {
 height:0px;
 clear:none;
}

#mainContent .tx-irfaq-dynheader {
 height:35px;
}

#mainContent .tx-irfaq-dynheader img {
 float:none;
 margin-bottom:0px;
 margin-left:0px;
 margin-top:6px;
}

/* --- Ende - Für die FAQs --- */


#News {
 float:right;
	font-size:11px;
 margin-bottom:20px;
 margin-left:24px;
 text-align:left;
 position:relative;
 z-index:1;
}

#News h3 {
 margin:0px;
}

#News hr {
 border-bottom:none;
 border-left:none;
 border-right:none;
 border-top:1px solid #CCCCCC;
}

#News ul {
 line-height:17px;
 margin:0px;
 padding-left:15px;
}

#News ul li a {
 color:#F77D17;
 text-decoration:none;
}

#News .mainContentTop {
 background-color:#F6F6F6;
 height:30px;
 padding-left:25px;
 padding-right:25px;
 margin-top:25px;
 width:153px;
}

#News .mainContentCenter {
 background-color:#F6F6F6;
 padding-left:25px;
 padding-right:25px;
 width:153px;
}

#News .mainContentCenter p.bodytext a img {
 float:none;
 margin:0px;
 margin-right:5px;
 vertical-align:middle;
}

#News .mainContentCenter img {
 margin-bottom:20px;
 margin-top:10px;
 float:none;
}

#News .bodytext {
 margin:0px;
 padding:0px;
}

#News .bodytext a {
 color:#F77D17;
 text-decoration:none;
}

#News p {
 margin:0px;
 padding:0px;
}

#News .mainContentCenter .Top {
 border-bottom:1px solid #CCCCCC;
 padding-bottom:5px;
}

#News .mainContentCenter .Bottom {
 border-top:1px solid #FFFFFF;
 line-height:18px;
 padding-top:10px;
 text-align:left;
}

#News .mainContentCenter .Bottom h1 {
 font-size:12px;
 font-weight:bold;
 margin:0px;
 padding:0px;
}

#News .mainContentCenter .Bottom .more {
 color:#F77D17;
}

#News .mainContentBottom {
 background-color:#F6F6F6;
 height:45px;
 padding-left:25px;
 padding-right:25px;
 width:153px;
}

#News .empty {
 margin:0;
 padding-top:0px;
}

#Image {
 float:right;
 width:75px;
}

/* --- Ende Hauptinhalt --- */


/* --- Anfang Tabellen Preise --- */
.contenttable {
 font-size:11px;
}

.products-1 {
 background-image:url(/img/servicepakete.png);
 background-repeat:no-repeat;
 background-position:bottom left;
 background-color:#F6F6F6;
 border:1px solid #C0C0C0;
 font-size:11px;
}

.products-2 {
 background-image:url(/img/servicepakete.png);
 background-repeat:no-repeat;
 background-position:bottom right;
 background-color:#F6F6F6;
 border:1px solid #C0C0C0;
 font-size:11px;
}

.products-1 ul, .products-2 ul {
 padding-top:10px;
 margin-top:0px;
}

.products-1 thead, .products-2 thead {
 text-align:left;
}

.products-1 thead th, .products-2 thead th {
 font-size:11px;
 font-style:italic;
 padding:7px 7px;
 text-align:center;
}

.products-1 td p, .products-2 td p {
 padding:3px 7px;
}

.table {
 background-image:none;
 border:1px solid #C0C0C0;
 float:left;
 font-size:11px;
 margin-bottom:10px;
 margin-right:20px;
 margin-top:10px;
 width:100%
}

.table thead {
 background-image:url(/img/bg_headline.gif);
 background-repeat:repeat-x;
 color:#FFFFFF;
 text-align:left;
}

.table thead th {
 font-weight:bold;
 padding:3px 7px;
 text-align:left;
}

.table tbody {
 text-align:left;
}

.table tbody .tr-odd {
 background-color:#f6f6f6;
}

.table tbody .tr-even {
 background-color:#f6f6f6;
}

.table tbody td {
 padding:3px 7px;
}

.table tbody .td-0 {
 text-align:left;
 width:50%
}

.table tbody .td-1 {
 text-align:left;
}

.table-internet {
 background-image:none;
 border:1px solid #C0C0C0;
 font-size:11px;
 margin-bottom:10px;
 margin-right:20px;
 margin-top:10px;
 width:40%
}

.table-internet thead {
 background-image:url(/img/bg_headline.gif);
 background-repeat:repeat-x;
 color:#FFFFFF;
 text-align:left;
}

.table-internet thead th {
 font-weight:bold;
 padding:3px 7px;
 text-align:left;
}

.table-internet tbody {
 text-align:left;
}

.table-internet tbody .tr-odd {
 background-color:#f6f6f6;
}

.table-internet tbody .tr-even {
 background-color:#f6f6f6;
}

.table-internet tbody td {
 padding:3px 7px;
}

.table-internet tbody .td-0 {
 text-align:left;
 width:50%
}

.table-internet tbody .td-1 {
 text-align:right;
}

.table-discount {
 background-image:none;
 border:1px solid #C0C0C0;
 font-size:11px;
 margin-bottom:10px;
 margin-right:20px;
 margin-top:10px;
 width:30%
}

.table-discount thead {
 background-image:url(/img/bg_headline.gif);
 background-repeat:repeat-x;
 color:#FFFFFF;
 text-align:left;
}

.table-discount thead th {
 font-weight:bold;
 padding:3px 7px;
 text-align:left;
}

.table-discount tbody {
 text-align:left;
}

.table-discount tbody .tr-odd {
 background-color:#f6f6f6;
}

.table-discount tbody .tr-even {
 background-color:#f6f6f6;
}

.table-discount tbody td {
 padding:3px 7px;
}

.table-discount tbody .td-0 {
 text-align:left;
 width:50%
}

.table-discount tbody .td-1 {
 text-align:right;
}


.table-speicher {
 background-image:none;
 border:1px solid #C0C0C0;
 font-size:11px;
 margin-bottom:10px;
 margin-right:20px;
 margin-top:10px;
 width:48%
}

.table-speicher thead {
 background-image:url(/img/bg_headline.gif);
 background-repeat:repeat-x;
 color:#FFFFFF;
 text-align:left;
}

.table-speicher thead th {
 font-weight:bold;
 padding:3px 7px;
 text-align:left;
}

.table-speicher tbody {
 text-align:left;
}

.table-speicher tbody .tr-odd {
 background-color:#f6f6f6;
}

.table-speicher tbody .tr-even {
 background-color:#f6f6f6;
}

.table-speicher tbody td {
 padding:3px 7px;
}

.table-speicher tbody .td-0 {
 text-align:left;
 width:25%
}

.table-speicher tbody .td-1 {
 padding-right:30px;
 text-align:right;
}

.table-speicher tbody .td-2 {
 font-size:9px;
 text-align:right;
}

.table-last {
 background-image:none;
 border:1px solid #C0C0C0;
 float:left;
 font-size:11px;
 margin-bottom:10px;
 margin-right:18px;
 margin-top:10px;
}

.table-last thead {
 background-image:url(/img/bg_headline.gif);
 background-repeat:repeat-x;
 color:#FFFFFF;
 text-align:left;
}

.table-last thead th {
 font-weight:normal;
 padding:3px 7px;
 text-align:center;
}

.table-last tbody {
 text-align:left;
}

.table-last tbody .tr-odd {
 background-color:#F6F6F6;
}

.table-last tbody .tr-even {
 background-color:#f6f6f6;
}

.table-last tbody td {
 padding:3px 7px;
}

.table-last tbody .td-0 {
 text-align:left;
 width:48px;
}

.table-last tbody .td-1 {
 text-align:right;
 width:57px;
}


.table-leistungen {
 background-image:none;
 border:1px solid #C0C0C0;
 float:none;
 font-size:11px;
 margin-bottom:10px;
 margin-right:9px;
 margin-top:10px;
 width:69%;
}

.table-leistungen thead {
 background-image:url(/img/bg_headline.gif);
 background-repeat:repeat-x;
 color:#FFFFFF;
 text-align:left;
}

.table-leistungen thead th {
 font-weight:bold;
 padding:3px 7px;
 text-align:left;
}

.table-leistungen tbody {
 text-align:left;
}

.table-leistungen tbody .tr-odd {
 background-color:#F6F6F6;
}

.table-leistungen tbody .tr-even {
 background-color:#f6f6f6;
}

.table-leistungen tbody td {
 padding:3px 7px;
}

.table-leistungen tbody .td-0 {
 text-align:left;
 width:75%;
}

.table-leistungen tbody .td-1 {
 text-align:right;
 width:25%;
}


.table-sync {
 background-image:none;
 border:1px solid #C0C0C0;
 float:none;
 font-size:11px;
 margin-bottom:10px;
 margin-right:9px;
 margin-top:10px;
 /*width:69%;*/
}

.table-sync thead {
 background-image:url(/img/bg_headline.gif);
 background-repeat:repeat-x;
 color:#FFFFFF;
 text-align:left;
}

.table-sync thead th {
 font-weight:bold;
 padding:3px 7px;
 text-align:left;
}

.table-sync tbody {
 text-align:left;
}

.table-sync tbody .tr-odd {
 background-color:#F6F6F6;
}

.table-sync tbody .tr-even {
 background-color:#f6f6f6;
}

.table-sync tbody td {
 padding:3px 7px;
}

.table-sync tbody .td-0 {
 text-align:center;
 width:50px;
}

#mainContent .table-sync tbody .td-0 img {
 margin:8px;
}

.table-sync tbody .td-1 {
 text-align:left;
 width:175px;
}

.table-sync tbody .td-2 {
 text-align:left;
 width:200px;
}

.feature {
 color:#999999;
 }

.sync {
 background-color:#F6F6F6;
 border:1px solid #C0C0C0;
 font-size:12px;
}

.sync thead {
 text-align:left;
}

.sync thead th {
 font-size:12px;
 font-style:italic;
 padding:7px 7px;
 text-align:left;
}

.sync td {
 padding:7px 7px;
}

#mainContent .table-sync tbody .td-2 img {
 margin:5px;
 padding:0;
}

.table_structur {
 border:1px solid #CCCCCC;
 font-size:11px;
 line-height:10px;
 width:50%;
}

.table_structur tr {
 background-color:#F6F6F6;
}

.table_structur td {
 padding-left:5px;
}

.table_width {
 font-size:11px;
 width:650px;
}

.table_width td {
 vertical-align:top;
}

.csc-uploads {
 line-height:0px;
 margin-bottom:20px;
}

.csc-uploads-icon {
 width:25px;
}

#mainContent .csc-uploads-icon img {
 margin:0px;
 padding:0px;
}

.csc-uploads-fileName {
 width:250px;
}

.csc-uploads-fileSize {
 color:#F77D17;
 text-align:right;
 width:50px;
}




/* --- Anfang Footer --- */

#Footer {
 background-image:url(/img/footer.png);
 background-repeat:no-repeat;
 clear:both;
 color:#C0C0C0;
	font-size:11px;
 height:30px;
 line-height:21px;
 padding-top:9px;
 width:950px;
}

#Copy {
 float:left;
 line-height:0px;
}

.Copyright {
 color:#C0C0C0;
 float:left;
 margin:0px;
 padding:0px;
}

#naviFooter {}

#naviFooter ul {
 float:right;
 margin:0px;
 margin-right:-5px;
 padding:0px;
}

#naviFooter ul li {
 display:inline;
}

#naviFooter ul li a {
 color:#C0C0C0;
 padding:0px 5px;
 text-decoration:none;
}

/* --- Ende Footer --- */


/* --- Anfang Download --- */

th.tx_drblob_list-head {
 text-align:left;
 width:33%;
}

#mainContent .tx_drblob_single img {
 margin:0 10px -4px 0;
 float:none;
}

/* --- Ende Download --- */


/* --- Anfang Login --- */
table.login tr {
 height:35px;
}


/* --- Anfang Formulare --- */
.csc-mailform {
 border:0px;
 margin:0px;
 padding:0px;
}

.csc-mailform-field {
 margin-bottom:10px;
}

.csc-mailform-field label {
 float:left;
 width:100px;
}

.csc-mailform-radio fieldset {
 border:0px;
 margin:0px;
 padding:0px;
}

.csc-mailform-radio legend {
 display:none;
}

.csc-mailform-radio {
 float:none;
}

.csc-mailform-radio label {
 float:none;
}



/* --- Sitemap --- */
#mainContent .csc-sitemap ul {
 color:#000000;
 list-style-type:square;
}

#mainContent .tx-flseositemap-pi1 ul li a {
 vertical-align:super;
}

#mainContent .csc-sitemap ul ul {
 color:#000000;
 list-style-type:square;
}

#mainContent .tx-flseositemap-pi1 ul {
 list-style-image:url(/img/link.gif);
}

#mainContent .news-single-item h1 {
 line-height:30px;
}

.Error {
 color:red;
}

.quotation {
 background-image:url(/img/quote.png);
 background-repeat:no-repeat;
 color:#666;
 font-family:"Times New Roman", Times, serif;
 font-size:13px;
 height:218px;
 line-height:20px;
 margin-top:120px;
}

.quotName {
 color:#ff9900;
}


#Bottom {
 clear:both;
 height:0px;
 margin-top:0px;
 text-align:left;
 width:950px;
}

#Bottom div {
 clear:both;
 display:block;
 height:0px;
 width:950px;
}

@media screen and (device-width: 768px) and (device-height: 1024px) {
  #mainNavi ul li a {
    padding:8px 18px 8px 18px;
  }
}
