@charset "iso-8859-1";

/* Eric Meyers global resets */
html, body, div, span, applet, object, iframe,
h1, h2, h3, h4, h5, h6, p, blockquote, pre,
a, abbr, acronym, address, big, cite, code,
del, dfn, em, font, img, ins, kbd, q, s, samp,
small, strike, strong, sub, sup, tt, var,
dl, dt, dd, ol, ul, li,
fieldset, form, label, legend,
table, caption, tbody, tfoot, thead, tr, th, td {
    margin: 0;
    padding: 0;
    border: 0;
    outline: 0;
    font-weight: inherit;
    font-style: inherit;
    font-size: 11px;
    font-family:Verdana,Arial,Helvetica,Sans-Serif;
    vertical-align: baseline;
}

/*--------- Standard Tag-Redefinitionen ----------*/
body    { color: #333333; background-color:#FFFFFF; margin-top:25px; padding:0px; height: 100%; margin-bottom: 1px; }
h1      { font-size: 14px; line-height: 20px; font-weight: bold; color: #666666; margin: 0 0 0 3px !important; padding: 0; }
strong  { font-weight: bold; }

h2 {
    font-family: Verdana, Arial, Helvetica, sans-serif;
    font-size: 11px;
    line-height: 18px;
    font-weight: bold;
    color: #666666;
    margin: 0px;
    padding: 10px 25px 0px 25px;
    _padding: 20px;
    text-transform: uppercase;
    _height: 23px;
    #height: 23px;
}

p {
    font-size: 11px;
    line-height: 18px;
    margin-bottom: 8px;
}

li {
    font-family: Verdana, Arial, Helvetica, sans-serif;
    font-size: 11px;
    line-height: 18px;
    font-weight: normal;
    color: #333333;
    margin-bottom:6px;
    margin-right: 25px;
    margin-left: 25px;
}

input, textarea {
    font-family: Verdana, Arial, Helvetica, sans-serif;
    font-size: 10px;
    font-weight: normal;
    color: #FF6600;
    border: 1px solid #999999;
    padding: 0px;
    margin: 0px;
}

table.admin {
    font-family: Verdana, Arial, Helvetica, sans-serif;
    font-size: 10px;
    line-height: 18px;
    font-weight: normal;
    color: #333333;
}

table.admin input {
    height: 20px;
}

table.admin input, textarea {
    width: 500px;
    color: #333333;
}

table.admin input.save {
    width: 100px;
    color: #FF6600;
    border: 1px solid #999999;
    padding: 0px;
    margin: 0px;
}

#hell {
    background: white;
    width: 200px;
}

#nav_admin a.img {
    border: 1px dotted #636363;
    border-width: 1px 1px 0px 1px;
    padding: 2px 8px 0px 8px;
    text-decoration: none;
}

#nav_admin span {
    font-size: 10px;
    color: #313131;
    font-weight: normal;
}

#nav_startup a {
    font-size: 10px;
}


/*--------- Definitionen f�r Links ----------*/
a {
    font-family: Verdana, Arial, Helvetica, sans-serif;
    font-size: 11px;
    line-height: 16px;
    font-weight: bold;
}

a:link, a:visited {
    font-family: Verdana, Arial, Helvetica, sans-serif;
    font-size: 11px;
    line-height: 16px;
    font-weight: bold;
    color: #FF6600;
}

ul.categories a:visited { font-weight: bold; }

a:hover, a:active {
    font-family: Verdana, Arial, Helvetica, sans-serif;
    font-size: 11px;
    line-height: 16px;
    font-weight: bold;
    color: #FF6600;
}

a.extern { padding-right: 12px; background: url('/images/externlink.gif') right 4px no-repeat; margin-right: 2px; }

span.virtuallink { color:#FF6600; font-weight:bold; cursor:pointer; text-decoration:none; }
span.virtuallink:hover { text-decoration: underline; }

p.aktion {
    font-family: Verdana, Arial, Helvetica, sans-serif;
    font-size: 11px;
    line-height: 13px;
    font-weight: normal;
    color: #333333;
    margin-right: 25px;
    margin-left: 25px;
    width: 460px;
    text-align: justify;
}

p.foerder {
    font-family: Verdana, Arial, Helvetica, sans-serif;
    font-size: 11px;
    margin-top: -10px;
    line-height: 13px;
    font-weight: normal;
    color: #333333;
    margin-right: 25px;
    margin-left: 25px;
}

p.answer { font-size:11px; text-align:justify; }

/*--------- Layout-Definitionen ----------*/

.img, .jpg, .topnav {
    text-decoration:none;
    border: none;
}

.topnav {
    vertical-align: bottom;
}

.jpg {
    height: 175px;
    width: 175px;
}

.jlinks, .jrechts {
    border-bottom: 1px solid #999999;
}

.jlinks {
    border-left: 1px solid #999999;
}

.jrechts {
    border-right: 1px solid #999999;
}

img.back {
    margin-left: 25px;
    margin-right:12px;
    margin-top:20px;
    float:left;
    border: none;
}

div.top {
    border: 1px solid #ccc;
    height: 80px;
    margin-top: 0px;
    border-bottom: none;
}

div.center, div.footer {
    padding: 0px;
    width: 950px;
    margin-left: auto;
    margin-right: auto;
    border: 0px solid #999999;
}

#footer { width: 598px; }

div.dash {
    border-top:1px dashed #808080;
    margin: 20px;
}

table.layout {
    border: none;
    margin-left: auto;
    margin-right: auto;
    width: 760px;
}

td.aussen, td.innen {
    vertical-align: top;
}
td.aussen  {
    width: 175px;
}

td.innen {
    width: 410px !important;
}

div.links, div.rechts, div.innen {
    padding: 0px;
    border-top: 1px solid #999999;
}

div.links, div.rechts {
    float: none;
    height: 175px;
}

div.links {
    border-right: none;
}

div.innen {
    border: 1px solid #CCCCCC;
}

div.rechts {
    border-left: none;
}

.tablenavi {
    border-left: 1px solid #999999;
    width: 175px;
    margin-top: -2px;
}

.navi {
    border-bottom: 1px solid #999999;
    font-weight: bold;
    text-align: right;
    /*
    padding-top: 4px;
    padding-bottom: 4px;
    */
    padding-right: 10px;
    height: 27px;
}

.tablerightnavi {
    border-right: 1px solid #999999;
    width: 176px;
    border-spacing: 0px;
    margin-top: -2px;
}

.rightnavi {
    border-bottom: 1px solid #999999;
    font-weight: bold;
    text-align: left;
    /*
    padding-top: 4px;
    padding-bottom: 4px;
    */
    padding-left: 10px;
    height: 27px;
}


#leftarea_inno a {
    font-family: Verdana, Arial, Helvetica, sans-serif;
    font-size: 10px;
    font-weight: bold;
    color: #FF6600;
    background-color: white;
    text-decoration: none;
}

#leftarea a {
    font-family: Verdana, Arial, Helvetica, sans-serif;
    font-size: 11px;
    font-weight: bold;
    color: #FF6600;
    background-color: white;
    text-decoration: none;
}

#leftarea_inno a.itk {
    color: #80d300;
    /*color: #96F800;
    //color: #8abf3b;	*/
}

#leftarea_inno a.industrie {
    color: #03c4ff;
}

#leftarea a:hover {
    text-decoration: underline;
}

td.rpartner td.lpartner {
    height: 60px;
    vertical-align: middle;
}

td.rpartner {
    text-align: right;
}

td.lpartner {
    text-align: left;
}

tr.partner {
    height: 60px;
}

.anbietertable {
    font-family: Verdana, Arial, Helvetica, sans-serif;
    font-size: 11px;
    line-height: 13px;
    font-weight: normal;
    color: #000000;
    background: #FFFFFF;
    border: 0px solid #999999;
    padding: 4px;
}

.anbietertable td {
    padding: 4px;
}

.anbietertable th {
    font-family: Verdana, Arial, Helvetica, sans-serif;
    font-size: 10px;
    line-height: 13px;
    font-weight: bold;
    color: #FF6600;
    padding-top: 10px;
    padding-left: 4px;
}

.anbietertable a {
    font-family: Verdana, Arial, Helvetica, sans-serif;
    font-size: 10px;
    line-height: 13px;
    font-weight: bold;
    color: #666666;
}

.anbietertable a:hover {
    font-family: Verdana, Arial, Helvetica, sans-serif;
    font-size: 10px;
    line-height: 13px;
    font-weight: bold;
    color: #FF6600;
    text-decoration: none;
}


.tableaktion {
    width: 500px;
    font-family: Verdana, Arial, Helvetica, sans-serif;
    font-size: 11px;
    line-height: 13px;
    font-weight: normal;
    color: #000000;
    background: #FFFFFF;
    border: 0px solid #999999;
    padding: 4px;
    margin-left:22px;
}

.tableaktion th {
    font-family: Verdana, Arial, Helvetica, sans-serif;
    font-size: 10px;
    line-height: 13px;
    font-weight: bold;
    color: #FF6600;
    padding-top: 10px;
    padding-left: 4px;
}

.tagger {
    font-size:9px;
    color:#f60;
    font-weight:bold;
}

.fehler {
    font-weight: bold;
    font-size: 11px;
    color: red;
    text-align: center;
    border: 1px solid red;
    padding: 5px;
    margin-top: 10px;
}

#mailabo {
    font-size:11px;
    font-family:verdana;
    display:none;
    position:absolute;
    top:202px;
    right:290px;
    width:250px;
    height:280px;
    line-height:20px;
    background-color:#f3f3f3;
    border:1px solid #000;
}

#mailabo_send {
    font-size:11px;
    font-family:verdana;
    position:absolute;
    top:202px;
    right:290px;
    width:250px;
    height:280px;
    line-height:20px;
    background-color:#f3f3f3;
    border:1px solid #000;
}

p.preview { background-color: white; border: 1px solid #cccccc; width: 420px; }
.prev_table_left { float: left; padding-right: 10px; padding-bottom: 10px; }
.prev_table_right { float: right; padding-left: 10px; padding-bottom: 10px; }
td.prev_table { text-align: center; color: #666666;   }

b.faq {
    color: black;
    font-size: 11px;
}

input.bewerb_itk {
    font-size: 11px;
    background: #93F400;
    border: none;
    border-right: 1px solid black;
    border-bottom: 1px solid black;
    color: black;
    font-weight: bold;
    padding: 4px 8px;
    #padding: 4px 0px;
    cursor: pointer;
}

input.bewerb_industrie {
    font-size: 11px;
    background: #03C4FF;
    border: none;
    border-right: 1px solid black;
    border-bottom: 1px solid black;
    color: black;
    font-weight: bold;
    padding: 4px 8px;
    #padding: 4px 0px;
    cursor: pointer;
}

input.submit {
    font-size: 11px;
    background: #FF6600;
    border: none;
    border-right: 1px solid black;
    border-bottom: 1px solid black;
    color: black;
    font-weight: bold;
    padding: 4px 8px;
    #padding: 4px 0px;
    cursor: pointer;
}

.nobutton {
    width: 50px!important;
    cursor: pointer;
    border: none;
    color: #FF6600!important;
    font-weight: bold;
    font-size: 11px;
    font-family: Verdana, Arial, Helvetica, sans-serif;
    line-height: 16px;
    background-color: white;
    text-decoration: underline;
}

img.flags {
    float: left;
    border: none;
    vertical-align: middle;
    margin-top: 3px;
    margin-left: 10px;
}

/* ####################################### */
/* PAGER */
/* ####################################### */

.paginglink_area {
    text-align: center;
    padding: 3px;
    margin: 10px 0;
    color: #666666;
}

.paginglink_number {
    padding:0px 4px 1px 4px;
}

.paginglink_nextprev {
    padding:1px 2px 1px 2px;
}

.paginglink_disabled {
    font-size:11px;
    color: #808080;
    padding:2px;
}

.paginglink_activepage {
    font-size:11px;
    font-weight:bold;
    padding:0px 4px 1px 4px;
}

ul.displayinfo {
    border:1px solid #999;
    padding:20px 50px 15px 50px;
    margin:15px 0 40px 0;
    font-weight:bold;
    background:#eee;
}

ul.displayinfo li { color: #999; }

ul.displayinfo li, ul.displayerrors li {
    margin-bottom: 5px;
    background: none !important;
    font-weight: bold;
}

ul.displayerrors {
    border: 1px solid #FF6600;
    padding: 20px 50px 15px 50px;
    margin: 15px 0 40px 0;
    color: #FF6600;
    font-weight: bold;
    background: #FFE6D5;
    list-style: none;
}

dl.image    { width: 160px; float: left; }
dl.image dd { font-size: smaller; color: #BBBBBB; line-height: 1.2em; margin-top: 5px; }

/* top */
.top div { float: left; width: 540px; }
.top img { margin: 15px; }

/* leftnavi */
#navileft { width: 175px; _width: 177px; float: left; text-align: right; margin-bottom: 25px; }
#navileft ul span { background: url("../images/doppelpfeil.gif") left 3px no-repeat; padding: 0 6px 0 18px ; font-weight: bold; color: #656567; }
#navileft ul li { padding-top: 12px; border-top: 1px solid #ccc; margin: 0; padding-left: 0; }
#navileft ul li a { margin-right: 6px; text-decoration: none; }
#navileft ul li.sub a { font-weight: normal; }
#navileft ul li a:hover { text-decoration: underline; }
#navileft.im ul li a:hover { text-decoration: none; color:red !important; }
#navileft ul li.active { background: #f60; }
#navileft ul li.active a { color: #fff; }
#navileft ul li.active a:hover { text-decoration: none; }
#navileft ul li.active ul li { background: #fff; }
#navileft ul li.active ul li a { color: #f60; }
#navileft ul li.active ul li a:hover { text-decoration: underline; }
#navileft ul ul { margin-top: 10px; }
#navileft ul ul li { padding: 4px 0; }
#navileft ul ul ul a { font-weight: normal !important; }
#navileft ul ul ul li.active a { font-weight: bold !important }
#navileft ul ul ul { margin-top: 5px; }
#navileft ul { border: 1px solid #ccc;  }
#navileft ul ul { border: 0; }
#navileft ul.partners li { border: 0; text-align: center; }

/* naviright */
#naviright { border: 1px solid #ccc; width: 176px; _width: 177px; float: left; margin: 0 0 25px -1px; border-left: 0; }
#naviright ul span { background: url("../images/doppelpfeil.gif") left 3px no-repeat; padding: 0 10px 0 18px ; font-weight: bold; color: #656567; }
#naviright ul li { text-align: center; padding-left: 0; }
#naviright ul li.heading { padding: 10px 0; text-align: left; }
#naviright div.box { text-align: center; border-bottom: 1px solid #ccc; padding: 10px 0 10px 10px; height: 52px; _width: 175px; }
#naviright p { margin: 5px 0 5px 12px; font-weight: bold; color: #656567; }
#naviright div#quote { border-bottom: 1px solid #ccc; }
div#quote p.img { padding-left: 2px; }
#naviright blockquote p { font-weight: normal; }
#naviright blockquote span { color: #f60; }
#naviright blockquote img { margin-left: 12px; }

/* searchbox */
#searchbox { border-bottom: 1px solid #ccc; padding: 10px 0 10px 10px; height: 52px; _width: 175px; }
#searchbox label { font-weight: bold; color: #656567; display: block; padding-bottom: 5px; width: auto; }
#searchbox input { height: 21px; width: 50px; float: left; width: 85px; margin-right: 3px; }
#searchbox input.button { margin: -3px 0 0 0; }

/* (main) content */
#outercontent { float:left; width:598px; margin-left: -1px; }
#content { border: 1px solid #ccc !important; padding: 0 55px 25px 55px; min-height: 750px; _height: 750px; #height: 750px; }
#content p { margin-left: 3px; margin-right: 3px; }

/* footer */
#footer { clear: both; padding-top: 5px; margin-bottom: 40px; }
#footer p { color: #ccc; margin: 0 10px; width: 100%; }
#footer a { color: #ccc; font-weight: bold; text-decoration: underline; }
#footer a:hover { text-decoration: none; }
#footer p.links a { font-weight: normal; text-decoration: none; }
#footer p.links a:hover { text-decoration: underline; }

h2 { color: #646466; font-weight: bold; border-top: 1px dotted #9A9A9C; border-bottom: 1px dotted #9A9A9C; padding: 2px 0 1px 3px; margin-bottom: 10px; margin-top: 40px; }
h2.first { margin-top: 25px; }
h2 a { font-weight: normal !important; }
img { border: 0; }
input.button { border: 0; height: auto !important; width: auto !important; }
a { text-decoration: none; }
a:hover { text-decoration: underline; }
.right { text-align: right; }
div.topthema { clear: both; margin-top: 25px; }
div.topthema.nomargin { margin: 0; }
div.topthema div { width: 100px; height: 50px; float: left; margin-top:5px; margin-bottom:14px; text-align: center; vertical-align: middle; }
div.topthema p { color: #404040; line-height: 16px; margin-top: 0px; float: right; width: 365px; padding: 2px 0 20px 0; }
div.topthema span { color: #808080; }
ul { padding: 0; margin: 0; list-style: none; }
#content ul li { padding-left: 15px; background: url("../images/list-style-image.gif") left 6px no-repeat; margin-left: 3px; }
h3 { font-size:12px; font-weight: bold; margin: 20px 0 10px 3px; color: #666; line-height: 1.4em;  }
h3.subh1 { margin-top: 10px; font-size: 11px; }
h4 { font-size: 11px; font-weight: bold; margin-left: 3px; }
p.date { color: #808080; }
p.poweredby { text-align: right; color: #808080 !important; }
p.brennpunktartikel { margin: 10px 0 20px 0; }
p.brennpunktartikel span { color: #808080; }

/* forms */
form { margin-left: 3px; }
label { display: block; float: left; font-size: 11px; width: 110px; line-height: 20px; }
label.validation-error, legend.validation-error { color: #f60 !important; }
label.above { width: auto; }
label.aftercheckbox, form.abo label.aftercheckbox { width: auto; margin: 0 20px 0 3px !important; }
input.validation-error, select.validation-error, textarea.validation-error { border: 1px solid #f60; }
input { float: left; width: 370px; color: #333; margin-bottom: 2px; height: 20px; padding-top: 3px; }
select { margin-bottom: 2px; }
input.checkbox, input[type=checkbox],
input.radio,    input[type=radio] { width: 13px !important; border: none; }
input.image,    input[type=image] { width: auto !important; border: none; }
form br { clear: both; }
textarea { width: 370px; height: 100px; margin-bottom: 2px; }
label em { font-weight: bold; color: #f60; margin-left: 3px; }
form.abo label { margin-left: 20px; }
form.abo input { width: 350px; }
form.abo input.short { width: 80px; }
form.abo input.long { width: 460px; }
form.abo legend { margin-bottom: 10px; color: #FF6600; font-weight: bold; }
form.abo textarea { width: 350px; }
form.abo select { margin-bottom: 2px; }
form.abo fieldset { margin-top: 40px; }
p.mandatory { color: #808080; margin-top: 10px; }
p.mandatory span { color: #f60; }

#registration_product input[type=checkbox],
#registration_product input.checkbox,
#registration_product input[type=radio],
#registration_product input.radio { margin-left: 20px; }
#registration_product fieldset p { margin-left: 20px }
#registration_product fieldset p.sublegend { font-weight: bold; }

/* lists */
/* message boxes */
ul.displayinfo      { border: 1px solid #949494; padding: 20px 50px 15px 50px; margin: 15px 0 40px 0; font-weight: bold; background: #e4e4e4; }
ul.displayinfo li   { color: #949494; }
ul.displaysuccess   { border: 1px solid green; padding: 20px 50px 15px 50px; margin: 15px 0 40px 0; font-weight: bold; background: green; }
ul.displaysuccess li { color: white; }
ul.displaysuccess li,
ul.displayinfo li, 
ul.displayerrors li { margin-bottom: 5px; background: none !important; font-weight: bold; }
ul.displayerrors    { border: 1px solid #E07800; padding: 20px 50px 15px 50px; margin: 15px 0 40px 0; color: #E07800 !important; font-weight: bold; background: #F6D6B2; list-style: none; }
ul.displayerrors li { color: #E07800; }

#ticker { margin-top: 5px; color: #a0a0a0 !important; }
#ticker a { color: #a0a0a0; font-weight: normal; }

img.leftfloat {
    float:left;
    margin:2px 15px 4px 0;
}

img.rightfloat {
    float:right;
    margin:2px 0 7px 7px;
}

img.jurymember {
    float:left; margin:2px 7px 7px 5px; padding:1px; border:1px solid #999;
}

ul.minor li a, ul.minor li a:hover { font-weight: normal; }

li { line-height:1.5em; }

div.downloads { float: right; width: 200px; line-height: 1.7em; }
div.downloads a { font-weight: normal; }
div.downloads img { margin: 0 5px -2px 0; }

#content div.award { clear: both; margin-bottom: 40px; min-height: 58px; _height:58px; }
#content div.award div.previewimage { float: left; border: 1px solid #ccc; }
#content div.award div.previewimage img { border: 0; margin: 0; background: none; }
#content div.award div.previewimage td { text-align: center; vertical-align: middle; height: 50px; width: 50px; }
#content div.award p { margin: 5px 0 5px 65px; }
#content div.award p.product { font-weight: bold; text-align: left; }
#content div.award p.company { text-align: left; }

table.dummy * { padding: 0; margin: 0; background: none !important; }
table.td { width: 54px; height: 54px; vertical-align: middle; text-align: center; }

a.inverted { text-decoration: underline; };
a.inverted:hover { text-decoration: none; };
a.minor:link, a.minor:visited { font-weight: normal !important; }
a.goleft { background:url(../images/doppelpfeil_links.gif) left 3px no-repeat; padding-left: 15px; }
a.goright { background:url(../images/doppelpfeil.gif) right 3px no-repeat; padding-right: 15px; }

div.szwidget { display: inline; width: auto; }
div.szwidget a { background: none !important; padding: 0 3px 0 0 !important; }

.foerderpaket img { margin-right: 4px; vertical-align: middle; border: 0px; float:left; }
.foerderpaket h4 { color: white; font-size: 11px; background: #FF6600; width: 460px; margin: 0; padding: 0 !important; margin-top: 13px; _margin-top: 3px; #margin-top: 3px;  height: 14px;}
.foerderpaket h4 div { float: right; padding-right: 8px; }
.foerderpaket p.details { display: none; width: 100%; }
.foerderpaket p.showdetails { text-align: right; width: 475px; margin: 3px 0; }

img.banner { border-left: 1px solid #ccc; border-right: 1px solid #ccc; }

div.interview {  clear: both; margin-bottom: 15px; height: 50px; }
div.interview img { float: left; margin: 0 5px 0 3px; }
div.interview img.singlelogo { margin-right: 51px; }
div.interview img.photo { margin-right: 10px; }

table.simplegrid { border-collapse: separate; border-spacing: 0; }
table.simplegrid th { text-align:center; font-weight:bold; vertical-align:top; padding-bottom: 5px; }
table.simplegrid td { padding: 5px; }
table.simplegrid td, table.simplegrid tbody th { border-top:1px solid #666; }
table.simplegrid tr.odd td, table.simplegrid tbody tr.odd th { background:#e0e0e0; }

p.pagination { text-align:center; margin-top: 25px; }

table.survey td,
table.survey th { padding-bottom: 0.5em; }
table.survey th { text-align: left; font-style: italic; padding-right: 5px; }

#btn_jumpToCategory { font-size: 11px; border: none; background: none; color: #FF6600; }
#btn_jumpToCategory:hover { text-decoration: underline; color: #FF6600; cursor: pointer; }

/* block "interview" on www.imittelstand.de/themen/interviews.html */
div.block_interview { clear: both; margin-bottom: 15px; clear: both; margin-left: -1px; }
div.block_interview_logo { border: 1px solid rgb(156, 156, 156); width: 100px; height: 50px; float: left; }
div.block_interview_logo table { height: 100%; width: 100%; border: 0; }
div.block_interview_logo table td { vertical-align: middle; text-align: center; }
div.block_interview p { float: right; width: 360px; _width: 380px; #width: 380px; }
div.block_interview p span { color: #808080; }

div.ontop_interview {
    padding-top:         18px;
    border-bottom:       2px solid #BCBEBC;
    background-color:    #EEE;
    /* background-color:    #FFB482; */
    background-image:    url('/images/interviews/ontop.gif');
    background-position: top right;
    background-repeat:   no-repeat;
}

.only-print { display: none; }

.mcover
{
    width:95px; height: 135px;
    padding-top:10px;
}

.mlink
{
color:red !important;
}

.pfeilrot
{
    background:transparent url(/images/doppelpfeil-rot.gif) no-repeat scroll left 3px !important
}

#preview{
    border:1px solid #ccc;
	background:#eee;
	padding:5px;
	color:#000;
	text-transform:uppercase;
	font-size:9px;
	font-weight:bold;
}



/** Tooltip **/
div#HuberTooltip {
    position: absolute;
    margin-bottom: 120px;
    margin-left: 0px;
    width: 300px;
    z-index: 1000;
    display: none;
}

div#HuberTooltip div.info {
    background: #EEEEEE !important;
    padding: 10px;
    font-size: 11px;
    color: #202020;
    line-height: 15px;
    border: 1px solid #999999;
    border-bottom: 0;
}

div#HuberTooltip.tooltip_bottom {
    margin-left: 20px;
}

div#HuberTooltip.tooltip_bottom div.info {
    border: 1px solid #a0a0a0;
    border-top: 0;
}

div#HuberTooltip div.bottom {
    background: url(/images/tooltip/footer.gif) no-repeat left top;
    height: 7px;
    overflow: hidden;
}

div#HuberTooltip div.top {
    background: url(/images/tooltip/top.gif) no-repeat left top;
    height: 7px;
    overflow: hidden;
    border: none;
}

div.signets { margin-left: 185px; }
div.signets p { line-height: 1.8em; margin-bottom: 15px; }

div.signet-download img.signet {
    float:  left;
    margin: 3px 15px 15px 0px;
}

div.banner-download h4 {
    border-bottom:  1px solid #666;
    color:          #666;
    margin-bottom:  6px;
    margin-top:     12px;
    padding-bottom: 4px;
    width:          100%;
}
div.banner-download div.preview {
    border: 1px solid #ccc;
    float:  left;
    margin: 3px 15px 15px 3px;
}
div.banner-download img.preview {
    margin: 5px;
}