/* GENERAL */
html, body {
   /*
   background-image: url(/images/layout/bg_body2.jpg);
   background-repeat:repeat-y;
   */
   /*
   background-image: url(/images/layout/background_plain.jpg);
   background-repeat:repeat-x;
   */
   background-color: #eeeeee;
   margin: 0;
   padding: 0;
   height: 100%;
   font-family: Verdana, Arial, Helvetica, sans-serif;
   font-size: 0.82em;
   color: #555555;
   /* That will take effect on all data on the website !!!
   text-align: center;
   */
}

iframe {
   font-family: Verdana, Arial, Helvetica, sans-serif;
   font-size: 0.82em;
}

/* Style all links in the website to look the same by default (with arrow to the right) !!! */
a {
   color: #666666;
   font-weight: normal;
   /*
   padding-right:8px;
   background-image: url(/images/layout/linkarrow.gif);
   background-repeat: no-repeat;
   background-position: right center;
   */
}
/* LINKS */
a:link, a:visited {
   text-decoration: none;
}
a:hover {
   /*text-decoration: dotted;*/
   color: #3b80c2;
   /*border-bottom:1px dotted;*/
}
a.img:hover, a.image:hover, .distributorListImage a:hover, .csc-textpic-imagewrap a:hover {
   border-bottom:0px none;
   text-decoration:none;
}

/* Style special links: */
a.lcs,
h2 a.lcs, h2 a.lcs:link, h2 a.lcs:visited, h2 a.lcs:hover,
h3 a.lcs, h3 a.lcs:link, h3 a.lcs:visited, h3 a.lcs:hover,
h4 a.lcs, h4 a.lcs:link, h4 a.lcs:visited, h4 a.lcs:hover,
h5 a.lcs, h5 a.lcs:link, h5 a.lcs:visited, h5 a.lcs:hover,
h6 a.lcs, h6 a.lcs:link, h6 a.lcs:visited, h6 a.lcs:hover {
   /*background: url(/images/layout/linkarrow11.gif) fixed no-repeat right;*/
   background-image: url(/images/layout/linkarrow.gif);
   background-repeat: no-repeat;
   background-position: right center;
   padding-right:10px;
   text-decoration: none;
}
h2 a.lcs:hover, h3 a.lcs:hover, h4 a.lcs:hover, h5 a.lcs:hover, h6 a.lcs:hover {
   border-bottom: 1px dotted #3b80c2;
}
h2.linkhead, h3.linkhead, h4.linkhead, h5.linkhead, h6.linkhead,
h2 a.lcs, h3 a.lcs, h4 a.lcs, h5 a.lcs, h6 a.lcs {
   line-height: 1.4em !important;
}

a.lcsb, h2 a.lcsb, h2 a.lcsb:link, h2 a.lcsb:visited, h2 a.lcsb:hover,
a.lcsbn, h2 a.lcsbn, h2 a.lcsbn:link, h2 a.lcsbn:visited, h2 a.lcsbn:hover {
   background-image: url(/images/layout/linkarrow.gif);
   background-repeat: no-repeat;
   background-position: right center;
   padding-right:10px;
}
a.lcsb, h2 a.lcsb, h2 a.lcsb:link, h2 a.lcsb:visited,
a.lcsbn, h2 a.lcsbn, h2 a.lcsbn:link, h2 a.lcsbn:visited {
   color: #3b80c2;
}
a.lcsb:hover, h2 a.lcsb:hover,
a.lcsbn:hover, h2 a.lcsbn:hover {
   /*color: #ff9900;*/
   color: #3b80c2;
}
a.lcsbn, h2 a.lcsbn {
   white-space:nowrap;
}
a.b {
   font-weight: bold;
}

a.lcsStrong, h2 a.lcsStrong, h2 a.lcsStrong:link, h2 a.lcsStrong:visited, h2 a.lcsStrong:hover {
   padding-right:10px;
   background-image: url(/images/layout/linkarrow.gif);
   background-repeat: no-repeat;
   background-position: right center;
   font-weight: bold !important;
}

a.backlink,
h2 a.backlink, h2 a.backlink:link, h2 a.backlink:visited, h2 a.backlink:hover,
h3 a.backlink, h3 a.backlink:link, h3 a.backlink:visited, h3 a.backlink:hover,
h4 a.backlink, h4 a.backlink:link, h4 a.backlink:visited, h4 a.backlink:hover,
h5 a.backlink, h5 a.backlink:link, h5 a.backlink:visited, h5 a.backlink:hover,
h6 a.backlink, h6 a.backlink:link, h6 a.backlink:visited, h6 a.backlink:hover {
   padding-left:10px;
   background-image: url(/images/layout/backlinkarrow.gif);
   background-repeat: no-repeat;
   background-position: left center;
}

a.more-info {
   min-height:14px;
   padding-right:82px;
   /*background-image: url(/images/layout/links/more-info.gif);*/
   background-image: url(/images/layout/links/moreinfo.png);
   background-repeat: no-repeat;
   background-position: right center;
}

a.shoppingKart:link, a.shoppingKart:visited, a.shoppingKart:active, a.shoppingKart:hover {
   padding-left: 25px;
   padding-top: 4px;
   padding-bottom: 8px;
   height: 21px;
   background: url(/images/layout/icons/shoppingcart.jpg) no-repeat 0 0;
}

a.pricelist:link, a.pricelist:visited, a.pricelist:active, a.pricelist:hover {
   padding-left: 25px;
   padding-top: 2px;
   padding-bottom: 10px;
   height: 21px;
   background: url(/images/layout/icons/pricelist.gif) no-repeat 0 0;
}

a.PDFicon:link, a.PDFicon:visited, a.PDFicon:active, a.PDFicon:hover {
   padding-left: 15px;
   padding-top: 0px;
   padding-bottom: 4px;
   height: 21px;
   background: url(/images/layout/icons/pdf.gif) no-repeat 0 0;
}

a.xls:link, a.xls:visited, a.xls:active, a.xls:hover {
   background: url(/images/layout/icons/xls16.gif) no-repeat 0 0;
   height: 21px;
   padding: 0 0 4px 24px;
}

a.pdf16:link, a.pdf16:visited, a.pdf16:active, a.pdf16:hover,
a.xls16:link, a.xls16:visited, a.xls16:active, a.xls16:hover {
   padding: 2px 20px 4px 0px;
   height: 21px;
}
a.pdf16:link, a.pdf16:visited, a.pdf16:active, a.pdf16:hover {
   background: url(/images/layout/icons/pdf16.gif) no-repeat right 0;
}
a.xls16:link, a.xls16:visited, a.xls16:active, a.xls16:hover {
   background: url(/images/layout/icons/xls16.gif) no-repeat right 0;
}
a.pdf16:hover, a.xls16:hover {
   color: #3b80c2;
}

a.pdf18:link, a.pdf18:visited, a.pdf18:active, a.pdf18:hover,
a.xls18:link, a.xls18:visited, a.xls18:active, a.xls18:hover,
a.pdfDL:link, a.pdfDL:visited, a.pdfDL:active, a.pdfDL:hover {
   padding: 2px 28px 4px 0px;
   height: 21px;
}
a.pdf18:link, a.pdf18:visited, a.pdf18:active, a.pdf18:hover {
   background: url(/images/layout/icons/pdf18.gif) no-repeat right 0;
}
a.pdfDL:link, a.pdfDL:visited, a.pdfDL:active, a.pdfDL:hover {
   background: url(/images/layout/icons/pdfDL.gif) no-repeat right 0;
}
a.xls18:link, a.xls18:visited, a.xls18:active, a.xls18:hover {
   background: url(/images/layout/icons/xls18.gif) no-repeat right 0;
}
a.pdf18:hover, a.xls18:hover {
   color: #3b80c2;
}

a.ZIPicon:link, a.ZIPicon:visited, a.ZIPicon:active, a.ZIPicon:hover {
   padding-left: 15px;
   padding-top: 0px;
   padding-bottom: 4px;
   height: 21px;
   background: url(/images/layout/icons/zip.gif) no-repeat 0 0;
}

a.dl16, a.dl16:link, a.dl16:visited, a.dl16:active,
a.dl24, a.dl24:link, a.dl24:visited, a.dl24:active,
a.dl32, a.dl32:link, a.dl32:visited, a.dl32:active {
   color: #3b80c2;
}
a.dl16:hover, a.dl24:hover, a.dl32:hover {
   color: #ff8800;
}
a.dl16, a.dl16:link, a.dl16:visited, a.dl16:active {
   background: url(/images/icons/dl16.gif) no-repeat left 0;
   height: 18px;
   padding: 0 0 0 20px;
}
a.dl24, a.dl24:link, a.dl24:visited, a.dl24:active {
   background: url(/images/icons/dl24.gif) no-repeat left 0;
   display: inline-block;
   height: 24px;
   padding: 2px 0 0 30px;
}
a.dl32, a.dl32:link, a.dl32:visited, a.dl32:active {
   background: url(/images/icons/dl32.gif) no-repeat left 0;
   display: inline-block;
/*   font-size: 1.2em;*/
   height: 32px;
   padding: 6px 0 0 40px;
}
/* No decoration for linked images (doesn't work in pure HTML code, if images not wrapped by one of the following classes) */
a.csc-textpic, a.csc-textpic-center, a.csc-textpic-above, a.csc-textpic-imagewrap, a.csc-textpic-single-image {
   padding: 0px;
   background: none;
}
/* Positioning text/headers on one line with top image border: */
div.csc-textpic div.csc-textpic-text div.csc-textpicHeader h1,
div.csc-textpic div.csc-textpic-text div.csc-textpicHeader h2,
div.csc-textpic div.csc-textpic-text div.csc-textpicHeader h3,
div.csc-textpic div.csc-textpic-text div.csc-textpicHeader h4,
div.csc-textpic div.csc-textpic-text div.csc-textpicHeader h5,
div.csc-textpic div.csc-textpic-text div.csc-textpicHeader h6 {
   padding: 1px 0 0 0;
}
div.csc-textpic div.csc-textpic-text div.csc-textpicHeader h1 {
   margin-top: 0;
}
/* Compensate the line-heights: */
div.csc-textpic div.csc-textpic-text div.csc-textpicHeader h2 {
   margin-top: -0.2em;
}
div.csc-textpic div.csc-textpic-text div.csc-textpicHeader h3 {
   margin-top: -0.6em;
}
div.csc-textpic div.csc-textpic-text div.csc-textpicHeader h4,
div.csc-textpic div.csc-textpic-text div.csc-textpicHeader h5 {
   margin-top: -0.2em;
}
div.csc-textpic div.csc-textpic-text div.csc-textpicHeader h6 {
   margin-top: -0.1em;
}
/* ----------------------------------------------------------- */

a.lcsButton, p.bodytext a.lcsButton,
a.lcsBtn160, p.bodytext a.lcsBtn160,
a.lcsBtn180, p.bodytext a.lcsBtn180 {
   display: inline-block;
   border: 0 none;
   color: #FEFEFE;
   cursor: pointer;
   font-size: 14px;
   font-weight: bold;
   height: 37px;
   margin: 0px;
   padding: 9px 18px 6px 0;
   text-align: center;
   vertical-align: middle;
}
a.lcsButton, p.bodytext a.lcsButton {
   background: url("/images/buttons/formbtn140.png") no-repeat scroll left top transparent;
   width: 140px;
}
a.lcsBtn160, p.bodytext a.lcsBtn160 {
   background: url("/images/buttons/formbtn160.png") no-repeat scroll left top transparent;
   width: 160px;
}
a.lcsBtn180, p.bodytext a.lcsBtn180 {
   background: url("/images/buttons/formbtn180.png") no-repeat scroll left top transparent;
   width: 180px;
}
a.btnFuture {
   border: medium none;
   border-radius: 3px;
   color: #ffffff !important;
   cursor: pointer;
   display: inline-block;
   font-size: 16px;
   font-weight: normal !important;
   height: 20px;/*1em;*/
   min-width: 200px;
   padding: 12px 5%;
   text-align: center;
   text-decoration: none;
   white-space: nowrap;
}
a.btnFuture.blue {
   background: #3b80c2 none repeat scroll 0 0;
}
a.btnFuture.blue:hover {
   background: #4f8dc8 none repeat scroll 0 0;
}
a.btnFuture.orange {
   background: #fe9a27 none repeat scroll 0 0;
}
a.btnFuture.orange:hover {
   background: #ff842e none repeat scroll 0 0;
}
/*a.magnifier, a.magnifier img {*/
a.magnifier {
   cursor: url(/images/cursor/magicon.png), pointer;
}

p {
   margin-top: 0.3em;
   line-height: 150%;
}

table, td {
   font-family: Verdana, Arial, Helvetica, sans-serif;
   font-size: 1em;
   color: #555555;
   font-weight: normal;
   text-decoration: none;
   /* This affects ALL tables in the whole website, those in myLANCOM just as in any PHP-Application !!!
   border: 1px dotted #FFFFFF;
   */
}

table.vtop td {
   vertical-align: top;
}
table.vtop td .textCell , table.vtop td h1, table.vtop td h2, table.vtop td h3, table.vtop td h4, table.vtop td h5, table.vtop td h6 {
   margin-top: 0px;
   padding-top: 0px;
}
table.vtop td .textCell {
   padding-bottom: 16px;
}

table.alert {
   border: 1px solid #e00000;
   background-color: #fefef0;
}
table.alert td {
   color: #e00000;
   padding: 2px 4px 2px 4px;
}

table td.even {
   background-color:#fefefe;
}
table td.odd {
   background-color:#ffffff;
}

hr {
   width: 100%;
   height: 1px;
   color: #fff;
   border: none;
   border-top: 1px solid #3B80C2;
   margin: 1em 0;
}

/* HEADLINES */
h1 {
   font-size: 1.5em;
   font-weight: bold;
   line-height: 1em;
   margin: 0.8em 0 0.8em 0;
}
div.h1 {
   font-size: 1.5em;
   font-weight: bold;
   line-height: 1em;
   margin: 0.8em 0 0.8em 0;
}
h1 a:link, h1 a:visited, h1 a:hover {
   background: none; /* No arrow in headline-links ... */
   font-size: 1em;   /* that's one times the size of the parent element, which is H1 ! */
/*
   font-weight: bold;
*/
   color: #666666;
   text-decoration: none;
   border: none;
}
h1.lcsb,
h1 a.lcsb, h1 a.lcsb:link, h1 a.lcsb:visited, h1 a.lcsb:hover {
   color: #3b80c2;
}

h2 {
   font-size: 1.3em;
   font-weight: bold;
   margin: 0.8em 0 0.8em 0;
   padding: 0;
   line-height: 1.4em;
}
h2 a:link, h2 a:visited, h2 a:hover {
   background: none; /* No arrow in headline-links ... */
}

h2.pseudoh1 {
   font-size: 20px;
   font-weight: normal;
   line-height: 100%;
   margin: 30px 0 15px;
}

h3 {
   font-size: 1.3em;
   font-weight: normal;
   margin: 8px 0 8px 0;
   padding: 1px;
   line-height: 2.3em;
   text-shadow: 0px 0px 0px #cbcbcb;
}
h3 a:link, h3 a:visited, h3 a:hover {
   background: none; /* No arrow in headline-links ... */
}
h3 a:link, h3 a:visited {
   font-weight: bold;
   margin: 1.3em 0 0.8em 0;
   color: #666666;
   text-decoration: none;
}
h3 a:hover {
   margin: 1.3em 0 0.8em 0;
   color: #5286C6;
   text-decoration: none;
   border-bottom: solid 1px #666666;
}

h4 {
   font-size: 1.1em;
   font-weight: bold;
   /*text-transform: uppercase;*/
   letter-spacing: 0.1em;
   padding: 0;
   margin: 0.5em 0;
   line-height: 1.2em;
}
h4 a:link, h4 a:visited, h4 a:hover {
   background: none; /* No arrow in headline-links ... */
}

h5 {
   font-size: 1.1em;
   font-weight: normal;
   /*text-transform: uppercase;*/
   letter-spacing: 0.1em;
   padding: 0;
   margin: 0.5em 0;
   line-height: 1.2em;
}
h5 a:link, h5 a:visited, h5 a:hover {
   background: none; /* No arrow in headline-links ... */
}

h6 {
   font-size: 1.0em;
   font-weight:bold;
   letter-spacing: 0.1em;
   padding: 0;
   margin: 0.5em 0;
   line-height: 1.1em;
}
h6 a:link, h6 a:visited, h6 a:hover {
   background: none; /* No arrow in headline-links ... */
}

h4.fline, h5.fline, h6.fline {
   width: 100%;
   border-bottom: 1px solid #3b80c2;
}
h4.sline, h5.sline, h6.sline {
   display:inline-block;
   width: auto;
   border-bottom: 1px solid #3b80c2;
}

/* FORMS */
form {
   margin: 0;
   padding: 0;
}

input, select, file {
   margin: 0;
   padding: 0;
   font-family: Verdana, Arial, Helvetica, sans-serif;
   font-size: 0.82em;
   color: #555555;
}

input[type="password"]{
   font-size: 1em;
   padding:1px;
}

/* Images */
.imgtext-nowrap {
   width:90%;
}
.imgtext-table {
   width:150px;
}
.imgtext-nowrap td, .imgtext-table td {
   text-align:left;
   vertical-align:top;
   width:50%;
}
img{
  border:0;
}

/**************************************
 * LANCOM specific content-frames:
 **************************************/

/* 91 = Zentriert */
div.lcs-frame-91 {
/*
   display: inline-block;
   margin: 0px auto 0px auto;
   padding: 0px;
   width: auto;
*/
   text-align: center;
}

/* 92 = Rechtsbündig */
div.lcs-frame-92 {
   margin: 0px 0px 0px auto;
   padding: 0px;
   text-align: right;
   width: auto;
}

/* 100 = Blauer Rahmen, weißer Hintergrund */
div.lcs-frame-100 {
   background-color: #ffffff;
   border: 2px solid #3b80c2;
   margin: 0px;
   padding: 8px;
}

/* 105 = Blauer Rahmen, hellblauer Hintegrund */
div.lcs-frame-105 {
   border: 2px solid #3b80c2;
   padding: 8px;
   background-color: #deeafa;
   margin: 0px;
}
div.lcs-frame-105,
div.lcs-frame-105 div.csc-header,
div.lcs-frame-105 .bodytext,
div.lcs-frame-105 ul {
   color: #666666;
}

/* 110 = Blauer Rahmen, grauer Hintegrund */
div.lcs-frame-110 {
   background-color: #e0e0e0;
   border: 2px solid #3b80c2;
   margin: 0px;
   padding: 8px;
}
div.lcs-frame-110,
div.lcs-frame-110 div.csc-header,
div.lcs-frame-110 .bodytext,
div.lcs-frame-110 ul {
   color: #666666;
}

/* 120 = Blauer Kasten, weiße Schrift */
div.lcs-frame-120 {
   background-color: #3b80c2;
   margin: 0px;
   padding: 8px;
}
div.lcs-frame-120,
div.lcs-innerframe-120 div.csc-header,
div.lcs-innerframe-120 .bodytext,
div.lcs-innerframe-120 ul {
   color: #ffffff;
}

/* 130, 140 = Roter Rahmen */
div.lcs-frame-130, div.lcs-frame-140 {
   background-color: #f8f8f8;
   border: 2px solid #ff0000;
   border-radius: 8px;
   margin: 0px;
   padding: 8px;
}
/* 130 = Roter Rahmen, weiße Schrift */
div.lcs-frame-130,
div.lcs-frame-130 div.csc-header,
div.lcs-frame-130 .bodytext,
div.lcs-frame-130 ul {
   color: #666666;
}
/* 140 = Roter Rahmen, rote Schrift */
div.lcs-frame-140,
div.lcs-frame-140 div.csc-header,
div.lcs-frame-140 .bodytext,
div.lcs-frame-140 ul {
   color: #f00000;
}

/* 150 = Roter Kasten, weiße Schrift */
div.lcs-frame-150 {
   background-color: #ff0000;
   margin: 0px;
   padding: 8px;
}
div.lcs-frame-150,
div.lcs-frame-150 div.csc-header,
div.lcs-frame-150 .bodytext,
div.lcs-frame-150 ul {
   color: #ffffff;
}

div.lcs-frame-160 {
   margin-left: -8px;
}

div.lcs-frame-170 {
   margin-right: -8px;
}

/**************************************
 * Some common classes for general use:
 **************************************/
/* Alignment */
.verticalAlignTop {
   vertical-align: top;
}
/* Floating */
.right {
   float: right;
}
.left {
   float: left;
}
.clear {
   clear: both;
}
/* Special text appearances */
.bold {
   font-weight: bold;
}
.lancom {
   color: #3B80C2;
}
.alert, .red {
   color: #ed1c24;
}
.orange {
   color: #ff9900;
}
.orangebold, .boldorange {
   color: #ff9900;
   font-weight: bold;
}
.small {
   font-size: 0.8em;
}
.smallhint {
   font-size: 0.8em;
   color: #c0c0c0;
}
.italic {
   font-style: italic;
}
.nowrap {
   white-space: nowrap;
}
.news_klein {
   font-size: 0.8em;
   text-transform: uppercase;
   padding: 0;
   margin: 0;
}
/* What's that?
.divider {
   height: 1em;
}
*/
.newsitem {
   padding: 0.5em;
   background: #DEDEDE;
}
.disclaimer {
   color: #666666;
   font-size: 10px;
}
/* Visibility and display */
/* That's very bad, because it's not "invisible" but "not-displayed" ... */
.invisible, h1.botHeader {
   display:none;
}
/* So we invert the logic: */
.nodisplay {
   visibility: hidden;
}

/* General table layout for lancom typical tables*/
table.lancomTable {
   border-collapse: collapse;
}
table.lancomTable thead th{
   background-color: #3b80c2;
   border: 1px dotted #888888;
}
table.lancomTable tbody{
   background-color: #eeeeee;
}
table.lancomTable tbody.second{
   background-color: #ff0000;
}
table.lancomTable tfoot{
   background-color: #3b80c2;
}
table.lancomTable tbody tr.even{
   background-color: #ffffff;
}
table.lancomTable tbody.second tr.even{
   background-color: #ffd0d0;
}
table.lancomTable td, table.lancomTable th{
   font-size: 11px;
   padding:5px;
   padding-left:10px;
   text-align: left;
   font-family: verdana, helvetica;
}

table.lancomTable td {
   border: 1px dotted #888888;
}

table.lancomTable th{
   padding:10px;
   font-weight: bold;
   color: #ffffff;
}
table.lancomTable td{
}

table.optionsTable {
   border: 1px solid #3b80c2;
   background-color: #ffffff;
}
table.optionsTable tr.even {
   background-color: #f8f8f8;
}
table.optionsTable td.header {
   background-color: #f8f8ff;
   font-weight:bold;
}
table.optionsTable td.headerX {
   border-bottom: 1px solid #3b80c2;
   text-align:center;
}
table.optionsTable td.headerY {
   border-right: 1px solid #3b80c2;
   padding-left: 10px;
   text-align: left;
}
table.optionsTable td.headerYeven {
   border-right: 1px solid #3b80c2;
   padding-left: 10px;
   text-align: left;
   background-color: #f0f0f8;
}
table.optionsTable td.totalCenter {
   vertical-align: middle;
   text-align: center;
}
table.optionsTable td.totalCenter img {
   margin-left:auto;
   margin-right: auto;
}

td span.iconCell {
   vertical-align: middle;
   display: block;
   width: 55px;
   padding-top: 0;
   padding-bottom: 8px;

}

td span.textCell {
   vertical-align: middle;
   display: block;
   width: 210px;
   padding-bottom: 8px;
   padding-right: 12px;
   padding-left: 0;
   padding-top: 8px;
}

td span.optionActivationKey {
   background-color:#D7DFEC;
   border: dotted 1px grey;
   padding: 4px;
   font-weight: bold;
}

table.liste td {
    -moz-border-bottom-colors: none;
    -moz-border-image: none;
    -moz-border-left-colors: none;
    -moz-border-right-colors: none;
    -moz-border-top-colors: none;
    border-collapse: collapse;
    border-color: #3B80C2;
    border-style: none none solid;
    border-width: 0 0 1px;
    margin: 0;
    padding: 0.5em 0;
   }
   table.liste tr:hover {
       background-color: #E7EFF7;
       color: #FFFFFF;
   }
   table.liste tr.headline {
       background-color: #E7EFF7;
       color: #222222;
   }


h2.news-latest-item  a:link{
   color:blue;
}


table.innertable{
   font-family: Verdana, Arial, Helvetica, sans-serif;
   font-size: 0.82em;
   color: #555555;
}

/**************************************
 * The absolute header area
 **************************************/
#lancom_logo img {
   border: 0px none;
}
#lancom_addon img {
   border: 0px none;
}


/**************************************
 * The main container
 **************************************/
#container {
   position: relative;
   width: 960px;
   \width: 960px;
   w\idth: 960px;
   margin-left: auto;
   margin-right: auto;
   margin-top: 10px;
   margin-bottom: 0px;
   min-height: 90%;
}
* html #container {
     height: 100%;
}

/**************************************
 * The content container
 **************************************/
#content {
   position:relative;
   text-align: left;
   width: 960px;
   margin: 0;
   padding: 0;
}

#content ul {
   list-style: none;
   margin: 6px 0px 0px 6px;
   padding: 0;
}
#content ul li, #content ul.line li, #content ul.blueline li {
   float: none;
   text-align: left;
}
#content ul li {
   background: url(/fileadmin/images/layout/li_pfeil.gif) no-repeat 0 0px;
   margin-bottom: 0.6em;
   padding-left: 12px;
}
#content ul.line, #content ul.blueline {
   margin: 4px 0 4px 4px;
}
#content ul.line li {
   background: url(/fileadmin/images/layout/li_line_grey.gif) no-repeat 0 0px;
   margin-bottom: 2px;
   padding-left: 20px;
}
#content ul.blueline li {
   background: url(/fileadmin/images/layout/li_line_blue.gif) no-repeat 0 0px;
   margin-bottom: 2px;
   padding-left: 20px;
}

#content ul ul li {
   background: url(/fileadmin/images/layout/li_bullet.gif) no-repeat 0 0px;
}

/*
#content ul.nobullets {
   list-style: none;
   margin: 6px 0px 0px 6px;
   padding: 0;
}
*/
#content ul.nobullets li {
   background: none !important;
   /*
   padding-left: 12px;
   margin-bottom: 0.6em;
   float: none;
   text-align: left;
   */
}

#content dl {
   list-style: none;
   margin: 0 0 0 5px;
   padding: 0;
}

#optionContainer{
   opacity: .4;
}

#optionContainerOn {
   opacity: 1;
}

/**************************************
 * Common defaults for the top block
 **************************************/
#topblock {
   position: relative;
   left: 0px;
   width: 960px;
   margin-top: 0px;
   background-color: #ffffff;
   border: 0px none;
   z-index: 1;
}

/**************************************
 * Common defaults for the bottom block
 **************************************/
#bottomblock {
   position: relative;
   left: 0px;
   width: 960px;
   margin: 16px 0px 0px 0px;
   padding: 0;
   background-color: #ffffff;
   border: 0px none;
   z-index: 1;
}

.no_margin {
   margin: 0px 0px 0px 0px !important;
}

/**************************************
 * Additional styles from default.css /WMaass
 **************************************/


UL.csc-bulletlist-0 {
    color: #666666 !important;
}

/* that disables any other color for all sub-classes !!!
H1, H2, H3, H4, H5, P, TD, UL, OL, BLOCKQUOTE, INPUT, TEXTAREA, SELECT {
    color: #666666 !important;
    font-family: arial,helvetica;
}
*/
H1, H2, H3, H4, H5, P, TD, UL, OL, BLOCKQUOTE, INPUT, TEXTAREA, SELECT {
    color: #666666;
}

DIV.csc-frame-frame1 {
    background-color: #EDEBF1;
    border: 0px solid #CCCCCC  !important;
}
.alert, .red {
    color: #ED1C24;
}

div.alertbox {
   color: #ed1c24;
   background-color: #f8f8f8;
   /*
   margin-left: auto;
   margin-right: auto;
   */
   width: auto;
   margin: 0px auto;
   text-align: left;
   padding: 12px;
   border: 2px solid #3b80c2;
   display: inline-block;
}
div.alertbox p {
   color: #ed1c24;
}


/* News-Box font-styles */
.news-latest-container h2 a{
   font-weight:normal;
   font-family: verdana, arial,helvetica;
   font-size: 0.82em;
}

/**************************************
 * style of the indexedsearch page-selector
 **************************************/

.tx-indexedsearch .tx-indexedsearch-browsebox LI{
    display: inline;
    margin-right: 5px;
    background:none !important;
}

.tx-macinasearchbox-pi1, .tx-macinasearchbox-pi1 > form{
  height:21px;
}

.tx-macinasearchbox-pi1 input[type="text"] {
  border:0px;
  font-size:12px;
  height: 15px;
  left: 0px;
  outline: none;
  padding: 2px 0 2px 2px;
  position: absolute;
  width:155px;
}

.tx-macinasearchbox-pi1 input[type="image"] {
  outline: none;
  position: absolute;
  right:3px;
  top: 2px;
}

/**************************************
 * style of the controlpanel for image-rotate on start page
 **************************************/

#control {
    position:absolute;
    bottom: 8px;
    padding:5px;
    margin-left: 8px;
    z-index: 1000;
}
#control a{
    background: none repeat scroll 0 0 #d7dfec;
    color: #666666;
    height: 14px;
    margin: 0 3px 0 0;
    opacity: 0.7;
    padding: 1px 3px;
    font-size:12px;
    font-weight:bold;
    text-decoration: none;
    width: 14px;
}

/**************************************
 * style of the hint area between main menu and content
 **************************************/
#main_hint_container {
   position: absolute;
   top: 38px;
   left: 16px;
   width: 880px;
   height: 34px;
   margin: 0px;
   padding: 0px;
   color: #d86060;
}
#main_hint_container .hint_highlight {
   color:#f00000;
}
#js_main_hint {
   display: none;
}

/**************************************
 * style of the new eye-catching buttons:
 **************************************/
.btn140 {
   width: 140px;
   background: url(/images/buttons/orange140.png) top left no-repeat;
}
.btn180 {
   width: 180px;
   background: url(/images/buttons/orange180.png) top left no-repeat;
}
.btn240 {
   width: 240px;
   background: url(/images/buttons/orange240.png) top left no-repeat;
}
.btn140, .btn180, .btn240 {
   display: inline-block;
   height: 45px;
   color: #f0f0f0;
   font-weight: bold;
   font-size: 14px;
   padding-top: 12px;
   text-align: center;
   letter-spacing: 0px;
   font-family: Verdana,Arial,Helvetica,sans-serif;
}
.btn140:hover, .btn180:hover, .btn240:hover {
   text-decoration: none;
   border: 0px none;
   color: #ffff38;
}
/* Catch the global settings, that might override our local settings: */
p.bodytext a.btn140, p.bodytext a.btn180, p.bodytext a.btn240 {
   font-weight: bold;
}

#partnerSearchTable{
   font-size: 10pt;
   line-height: 10pt;

}

#partnerSearchTable select {
   padding: 2px 0 2px 0;
}

#partnerSearchTable input {
   padding: 2px 1px 2px 2px;
}

#partnerSearchTable td {
   vertical-align: middle;
}