/* 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 none;
   text-decoration: underline;
}
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 {
   padding-right:10px;
   /*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;
}

a.lcsb, p.bodytext a.lcsb, h2 a.lcsb, h2 a.lcsb:link, h2 a.lcsb:visited, h2 a.lcsb:hover {
   padding-right:10px;
   background-image: url(/images/layout/linkarrow.gif);
   background-repeat: no-repeat;
   background-position: right center;
}
a.lcsb, p.bodytext a.lcsb, h2 a.lcsb, h2 a.lcsb:link, h2 a.lcsb:visited {
   color: #3b80c2;
}
a.lcsb:hover, p.bodytext a.lcsb:hover, h2 a.lcsb:hover {
   /*color: #ff9900;color: #660000;*/
   color: #3b80c2;
}

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.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,
a.PDFiconB:link, a.PDFiconB:visited, a.PDFiconB:active, a.PDFiconB:hover {
   padding-left: 15px;
   padding-top: 0px;
   padding-bottom: 4px;
   height: 21px;
   background: url(/images/layout/icons/pdf.gif) no-repeat 0 0;
}

a.PDFiconB:link, a.PDFiconB:visited, a.PDFiconB:active {
   color: #3b80c2;
}
a.PDFiconB:hover {
   color: #3b80c2;
   text-decoration: underline;
}

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;
}

/* 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;
}

p {
   margin-top: 0.3em;
   /*line-height: 150%;*/
   line-height: 1.5em;
   vertical-align: top;
}

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 div.h1 {
   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.7em;
   font-weight: normal;
   line-height: 1em;
   margin: 0.8em 0 0.8em 0;
}
div.h1 {
   font-size: 1.7em;
   font-weight: normal;
   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;
}

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

h3 {
   font-size: 1.2em;
   font-weight: bold;
   margin: 0px 0px 0px 0px;
   padding: 1px;
   line-height: 1.3em;
   /*text-shadow: 1px 1px 1px #cbcbcb;*/
}
h3 a:link, h3 a:visited, h3 a:hover {
   background: none; /* No arrow in headline-links ... */
}
h3 a:link, h3 a:visited {
   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: 1.2em;
   line-height:1.1em;
   color: #555555;
}

/* 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 {
   width: 100%;
   padding: 0px;
   text-align: center;
}
div.lcs-innerframe-91 {
   margin: 0px auto 0px auto;
}

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

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

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

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

/* 120 = Blauer Kasten, weiße Schrift */
div.lcs-frame-120 {
   margin: 0px;
   padding: 0px;
}
div.lcs-innerframe-120 {
   padding: 8px;
   background-color: #3b80c2;
   color: #ffffff;
   margin: 0px;
}
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 {
   margin: 0px;
   padding: 0px;
}
*/
div.lcs-frame-130, div.lcs-frame-140 {
   background-color: #f8f8f8;
   border: 2px solid #ff0000;
   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;
}
/*
div.lcs-innerframe-130, div.lcs-innerframe-140 {
   border: 2px solid #ff0000;
   padding: 8px;
   background-color: #f8f8f8;
   margin: 0px;
}
/* 130 = Roter Rahmen, weiße Schrift * /
div.lcs-innerframe-130,
div.lcs-innerframe-130 div.csc-header,
div.lcs-innerframe-130 .bodytext,
div.lcs-innerframe-130 ul {
   color: #666666;
}
/* 140 = Roter Rahmen, rote Schrift * /
div.lcs-innerframe-140,
div.lcs-innerframe-140 div.csc-header,
div.lcs-innerframe-140 .bodytext,
div.lcs-innerframe-140 ul {
   color: #f00000;
}
*/

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

/**************************************
 * Some common classes for general use:
 **************************************/
/* Alignment */
.verticalAlignTop {
   vertical-align: top;
}
/* Floating */
.right {
   float: right;
}
.left {
   float: left;
}
.clear {
   clear: both;
}
/* Special text appearances */
.lancom {
   color: #3B80C2;
   font-weight: bold;
}
.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;
}
.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 {
   display:none;
}
/* So we invert the logic: */
.nodisplay {
   visibility: hidden;
}

/* General table layout for lancom typical tables*/
table.lancomTable {
   border-collapse: collapse;
}
table.lancomTable th{
   background-color: #c4d9ed;
   color: #3b80c2;
   font-weight: bold;
}
table.lancomTable tbody tr {
   background-color: #ebf2f9;
}
table.lancomTable tbody.second{
   background-color: #ff0000;
}
table.lancomTable tfoot{
   background-color: #3b80c2;
}
table.lancomTable tbody tr.even{
   background-color: #d8e6f3;
}
table.lancomTable tbody.second tr.even{
   background-color: #ffd0d0;
}
table.lancomTable td, table.lancomTable th {
   font-size: 11px;
   padding:5px;
   padding:2px 10px 2px 10px;
   text-align: left;
   font-family: verdana, helvetica;
}
table.lancomTable th, table.lancomTable td {
   /*border: 1px dotted #9dc0e1;*/
   border: 1px solid #FFFFFF;
}


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;
}

table.contenttable, div.csc-default table.contenttable {
   border: 1px solid #89b3da;
   margin: 0px;
   padding: 0px;
   width: 100%;
   border-collapse: collapse;
}
table.contenttable tr, div.csc-default table.contenttable tr {
   background-color: #ebf2f9;
}
table.contenttable tr, div.csc-default table.contenttable tr.tr-odd {
   /*background-color: #d8e6f3;*/
   background-color: #ffffff;
}
table.contenttable td, div.csc-default table.contenttable td {
   padding: 3px 4px 2px 4px;
   margin: 0px;
   vertical-align: top;
}

/**************************************
 * 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 {
   padding-left: 12px;
   background: url(/fileadmin/images/layout/li_pfeil.gif) no-repeat 0 0px;
   margin-bottom: 0.6em;
   float: none;
   text-align: left;
}

#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 ul.csc-bulletlist-1{
   color:#666666;
   padding-left:25px;
   list-style-type:disc;
}

#content ul.csc-bulletlist-1 li{
   /*padding-left:12px;*/
   background: none !important;
   padding-left:0px;

}


#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;
}

/**************************************
 * 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;
}

div.gradient200 {
   min-height: 200px;
   background: url(/images/layout/gradient/l2-200.jpg) repeat-x;
}

div.gradient240 {
   min-height: 240px;
   background: url(/images/layout/gradient/l2-240.jpg) repeat-x;
}