body { background: url(../images/background.gif); color: #555; padding: 25px 15px 25px 25px; font: 11px Arial, Verdana, sans-serif; overflow-x: hidden; }
body.loading { cursor: wait; }

textarea { border: 1px solid #cccccc; padding: 4px; width: 200px; font-family: Arial, Verdana, sans-serif; font-size: 11px; }

#top { width: 315px; float: left; margin-bottom: 25px; }

#top h1 a { display: block; width: 205px; height: 30px; background: url(../images/logo.gif) no-repeat; text-indent: -9999px; }

#top #login { font-size: 12px; height: 30px; margin: 0 0 40px; }
#top #login p {  line-height: 1.4em; }
#top #login a { font-weight: bold; color: #f48020; text-decoration: none; line-height: 1.4em; }
#top #login a:hover { text-decoration: underline; }
#top #login .meta_nav { overflow: hidden; }
#top #login .meta_nav li { float: left; }
#top #login .meta_nav li.subnav:hover ul { display:block; position: relative; }
#top #login .meta_nav li.subnav ul { display:none; position: absolute; top: 0; left: 0; z-index: 50; }
#top #login .meta_nav li.subnav ul li { float: none; }
#top #login .meta_nav li.subnav ul li a { display: block; height: 24px; padding: 0 10px; line-height: 24px; background: #fff; }
#top #login a.optionen { background: transparent url('../images/arrow.gif') no-repeat scroll right 6px; padding-right:10px; }

#top #form-suche { margin: 25px 0; height: 47px; width: 205px; background: url(../images/search-form_bg.gif) no-repeat; position: relative; }
#top #form-suche legend { display: none; }
#top #form-suche input.text { width: 169px; padding: 0 5px; position: absolute; bottom: 4px; left: 0; font-size: 12px; color: #787878; }
#top #form-suche input.submit { height: 25px; width: 25px; background: url(../images/search.gif) no-repeat; text-indent: -9999px; cursor: pointer; position: absolute; bottom: 0; right: 0; }

.mod_search .formbody { margin: 15px 0; width: 205px; overflow: hidden;  }
.mod_search .formbody input.text { width: 169px; padding: 4px 5px; font-size: 12px; color: #787878; border: 1px solid #ccc; border-right: none; float: left; }
.mod_search .formbody input.submit { height: 25px; width: 25px; background: url(../images/search.gif) no-repeat; text-indent: -9999px; cursor: pointer; border: 1px solid #ccc; float: right; }

.formbody .form_field, .formbody .submit_container { margin-bottom: 10px; }
.formbody input.text, .formbody input.captcha, .formbody select { border: 1px solid #cccccc; padding: 4px; width: 200px; }
.formbody select { width: 210px; }
.formbody input.submit { background: #555; padding: 4px; color: #fff; }
.formbody label { font-weight: bold; font-size: 13px; color: #555; padding-bottom: 5px; display: block; }
.formbody legend { color: #676767; font-weight: bold; line-height: 17px; border-bottom: 1px solid #cccccc; margin-bottom: 10px; display: block; }

#top #nav_main li { padding: 0 0 10px 20px; }
#top #nav_main li.entry-standard { background: url(../images/navi/entry-standard.png) no-repeat; }
#top #nav_main li.unternehmen { background: url(../images/navi/unternehmen.png) no-repeat; }
#top #nav_main li.news-archiv { background: url(../images/navi/news-archiv.png) no-repeat; }
#top #nav_main li.esn-pro { background: url(../images/navi/themen.png) no-repeat; }
#top #nav_main li.suche { background: url(../images/navi/suche.png) no-repeat; }
#top #nav_main li a { color: #676767; font-weight: bold; text-decoration: none; font-size: 12px; line-height: 16px; }
#top #nav_main li a:hover { color: #f48020; }
#top #nav_main li ul.level_2 { display: none; overflow: hidden; width: 175px; position: relative; left: 100px; top: -14px; }
#top #nav_main li ul.level_2 li { position: relative; font-size: 11px; padding: 0; line-height: 1.4em; }
#top #nav_main li ul.level_2 li a { font-size: 11px; line-height: 1.4em; }
#top #nav_main li ul.level_2 li span { display: block; position: absolute; right: 0; top: 0; font-size: 11px; line-height: 1.4em; }

#bar { background: #818181; width: 415px; height: 11px; position: absolute; top: 0; }

#content { margin: 0 0 0 315px; padding: 0 0 40px; }
#content .ce_text { width: 195px; height: 176px; padding: 5px; background: #fff; float: left; margin: 0 5px 5px 0; position: relative; overflow: hidden; }
#content .ce_text.wide { width: 405px; }
#content .ce_text h3 { border-top: 5px solid #a0a0a0; border-bottom: 1px solid #d7d7d7; line-height: 1.2em; font-size: 10px; color: #555; font-weight: bold; padding: 2px 0; }
#content .ce_text h2 { color: #f48020; font: 12px "Helvetica Neue", Arial, Verdana; font-weight: bold; line-height: 1.2em; padding: 4px 0; }
#content .ce_text h4 { color: #676767; font-size: 10px; line-height: 1.2em; margin: 0 0 10px; }
#content .ce_text p { line-height: 1.4em; }
#content .ce_text p.info { font-size: 10px; }
#content .ce_text p.info a { text-decoration: none; color: #555; }
#content .ce_text p.info a img { position: relative; top: 2px; }
#content .ce_text p.info a span { display: none; }
#content .ce_text .image_container { position: absolute; bottom: 5px; left: 5px; }

#content .box { width: 195px; height: 176px; padding: 5px; background: #f6f6f6; float: left; margin: 0 5px 5px 0; position: relative; overflow: hidden; cursor: pointer; }
#content strong { line-height: 1.4em; }
#content .box.hover { background: #fff; }
#content .box.wide { width: 405px; }
#content .box h3 { border-top: 5px solid #a0a0a0; border-bottom: 1px solid #d7d7d7; line-height: 1.2em; font-size: 10px; color: #555; font-weight: bold; padding: 2px 0; }
#content .box h2 { color: #f48020; font: 12px "Helvetica Neue", Arial, Verdana; font-weight: bold; line-height: 1.2em; padding: 4px 0; }
#content .box h2 a { color: #f48020; text-decoration: none; line-height: 1.2em; }
#content .box h4 { color: #676767; font-size: 10px; line-height: 1.2em; margin: 0 0 10px; }
#content .box p { line-height: 1.4em; }
#content .box p.info { font-size: 10px; }
#content #main .box p.info a { text-decoration: none; color: #555; }
#content .box p.info a img { position: relative; top: 2px; }
#content .box p.info a span { display: none; }
#content .box .image_container { position: absolute; bottom: 5px; left: 5px; }

#content .mod_Tag-Liste ul { padding: 5px 0; }
#content .mod_Tag-Liste ul li { float: left; padding: 0 5px 0 0; }
#content .mod_Tag-Liste ul li a { text-decoration: none; line-height: 1.2em; }
#content .mod_Tag-Liste ul li a.fontsize1 { font-size: 11px; }
#content .mod_Tag-Liste ul li a.fontsize2 { font-size: 12px; }
#content .mod_Tag-Liste ul li a.fontsize3 { font-size: 13px; }
#content .mod_Tag-Liste ul li a.fontsize4 { font-size: 14px; }
#content .mod_Tag-Liste ul li a.fontsize5 { font-size: 15px; }
#content .mod_Tag-Liste ul li a.fontsize6 { font-size: 16px; }
#content .mod_Tag-Liste ul li a.fontsize7 { font-size: 17px; }
#content .mod_Tag-Liste ul li a.fontsize8 { font-size: 18px; }
#content .mod_Tag-Liste ul li a.fontsize9 { font-size: 19px; }
#content .mod_Tag-Liste ul li a.fontsize10 { font-size: 20px; }

#content #main { overflow: hidden; min-width: 684px; }
#content #main a { color: #F48020; }

#content #main #background_content_pagination { clear: both; }
#content #main #background_content_pagination a { color: #a0a0a0; }
#content .pagination { float: right; margin: 15px 5px 0 0; }
#content .pagination h4 { display: none; }
#content .pagination ul { float: left; margin: 0 10px 0 0; }
#content .pagination ul li { margin: 0 5px 0 0; padding: 0 5px 0 0; border-right: 1px solid #787878; float: left; }
#content .pagination ul li.last { margin: 0; padding: 0; border: 0; }
#content .pagination ul li a { font-size: 10px; color: #a0a0a0; text-decoration: none; }
#content .pagination ul li.active a { color: #232323; }
#content .pagination a.pager { display: block; width: 11px; height: 11px; text-indent: -9999px; background-position: center; background-repeat: no-repeat; background-color: #d7d7d7; float: left; }
#content .pagination a.pager:hover { background-color: #a0a0a0; }
#content .pagination a.pager.previous { background-image: url(../images/pager_prev.gif); margin: 0 5px 0 0; }
#content .pagination a.pager.next { background-image: url(../images/pager_next.gif); }
#content .pagination a.pager.first { background-image: url(../images/pager_first.gif); margin: 0 5px 0 0; }
#content .pagination a.pager.last { background-image: url(../images/pager_last.gif); margin: 0 0 0 5px; }

/* Overlay */
#overlay { position: absolute; top: 0; left: 340px; visibility: hidden; z-index: 9990; border-top: 11px solid #818181;  }
#overlay.layout1 { width: 205px; }
#overlay.layout2 { width: 415px; }
#overlay.layout3 { width: 625px; }
#overlay_content { padding: 5px; margin-bottom: -2px; overflow: hidden; background: #ffffff; }
#overlay_close { position: absolute; top: 5px; right: 5px; width: 14px; height: 14px; background: url(../images/schliessen.gif) no-repeat; text-indent: -9999px; cursor: pointer; z-index: 1000; }
#overlay_background { position: absolute; top: 0; left: 340px; visibility: hidden; background: transparent url('../images/overlay_background.png') repeat; z-index: 9980; cursor: pointer; }

/* overlay content */
#overlay_content h2 { line-height: 1.2em; font-size: 18px; font-weight: bold; color: #f48020; }
#overlay_content h3 { color: #676767; font-weight: bold; line-height: 17px; border-top: 5px solid #aaaaaa; border-bottom: 1px solid #cccccc; margin-bottom: 5px; }
#overlay_content h4 { line-height: 1.2em; font-size: 14px; font-weight: bold; color: #f48020; }
#overlay_content h5 { color: #676767; font-weight: bold; line-height: 17px; border-bottom: 1px solid #cccccc; margin-bottom: 10px; display: block; }
#overlay_content p { line-height: 1.4em; font-size: 12px; margin-bottom: 15px; }
#overlay_content strong, #overlay_content span, #overlay_content em { line-height: 1.4em; font-size: 12px; }
#overlay_content a { color: #F48020; text-decoration: none; }
#overlay_content a:hover { text-decoration: underline; }
#overlay_content p.info { font-size: 10px; margin-bottom: 10px; }

#overlay_content ul { padding-left: 25px;  margin-bottom: 15px; list-style-type: disc; }
#overlay_content ul li { line-height: 1.4em; font-size: 12px;  }

.layout3 #overlay_content .main { width: 410px; float: left; margin-right: 10px;  }
.layout3 #overlay_content .right { width: 195px; float: left; padding-top: 25px; }
#overlay_content .unternehmens-navi { width: 100%; border-bottom: 1px solid #bbb; margin: 0 0 15px; }
#overlay_content ul.subnav { width: 100%; overflow: hidden; margin: 0; padding: 0; list-style-type: none; position: relative; top: 1px; }
#overlay_content ul.subnav li { float: left; }
#overlay_content ul.subnav li a { border: 1px solid #bbb; border-left: none; float: left; color: #555555; text-decoration: none; font-size: 10px; font-weight: bold; padding: 4px; }
#company_charts ul.subnav li a{width: 46px; height: 20px; line-height: 20px; text-align: center; overflow: hidden; display: block; padding: 0; }
#overlay_content ul.subnav li a.first { border-left: 1px solid #bbb; }
#overlay_content ul.subnav li a.active { border-bottom: 1px solid #fff; }
#overlay_content table { width: 100%; margin-bottom: 25px; }
#overlay_content table tr th { color: #414142; font-weight: bold; line-height: 25px; background: #e6e7e8; border-bottom: 2px solid #fff; font-size: 11px; padding: 0 4px; }
#overlay_content table tr td { padding: 4px 4px; line-height: 1.4em; border-bottom: 1px solid #fff; }
#overlay_content table tr.odd td { background: #f6f6f6; }
#overlay_content table tr.even td { background: #eff0f1; }
#overlay_content .logo_container { margin-bottom: 20px; }

#esn .rating p { font-size: 11px; line-height:14px; }
#esn .rating p.rate { overflow: hidden; float: left; margin-right: 5px; width: 60px; }
#main p.rate { margin: 5px 0 0 0; float: right; }
.rating a, p.rate span { display: block; float: left; text-indent: -9999px; width: 10px; height: 10px; background-repeat: no-repeat; background-position: center center; padding: 2px 1px; }
.rating a { cursor: default; }
.rating a.inactive, p.rate span.inactive { background-image: url('../images/rate.gif'); }
.rating a.active, p.rate span.active { background-image: url('../images/rate_active.gif'); }
.rating.allowed a { cursor: pointer; }
.rating.allowed p.rate.hover a { background-image: url('../images/rate.gif'); }
.rating.allowed p.rate.hover a.hover { background-image: url('../images/rate_active.gif'); }

#overlay_content .ce_comments {}
#overlay_content .ce_comments h3 { line-height: 25px; border-top: none; border-bottom: 1px solid #ddd; margin-bottom: 2px; padding-left:25px; background: #eeeeee url(../images/comments_num.gif) no-repeat scroll 5px center; }
#overlay_content .ce_comments .comment_default { background: #eeeeee; border-bottom: 1px solid #ddd; padding: 3px; margin: 0 0 2px 0; }
#overlay_content .ce_comments .comment_default .profile_image { float: left; margin-right: 7px; display: none; }
#overlay_content .ce_comments .comment_default .comment { line-height: 1.4em; font-size:12px; }
#overlay_content .ce_comments .comment_default .comment strong, #overlay_content .ce_comments .comment_default .comment a { margin-right: 3px; }
#overlay_content .ce_comments .comment_default .comment a strong { margin-right: 0; }
#overlay_content .ce_comments .comment_default .date { margin: 0; }
#overlay_content .ce_comments .formbody { background: #eeeeee; border-bottom: 1px solid #ddd; padding: 3px 3px 3px 3px; margin: 0 0 2px 0;  }
#overlay_content .ce_comments .formbody textarea { margin-left: 7px; border: 1px solid #ddd; width:560px; height: 50px; font-weight: bold; font-size: 12px; line-height: 1.4em; color: #787878; padding: 5px; font-family: Arial, Verdana, sans-serif; }
#overlay_content .mod_unternehmen_detail .ce_comments .formbody textarea { width:352px; }
#overlay_content .mod_unternehmen_detail .ce_comments .formbody img { float: left; }
#overlay_content .ce_comments .formbody .submit_container { margin-top: 5px; }
#overlay_content .ce_comments .formbody input.submit { width: 131px; height: 25px; background: url(../images/buttons/kommentieren.gif) no-repeat top; text-indent: -9999px; }
#overlay_content .ce_comments .formbody input.submit:active { background: url(../images/buttons/kommentieren.gif) no-repeat bottom; }
#overlay_content .ce_comments .formbody input.submit:hover { background: url(../images/buttons/kommentieren.gif) no-repeat center; }

#overlay_content .add_to_favs input.submit { padding:0 15px 3px 3px; border: 1px solid #bbb; height: 16px; background: #fff url('../images/add_to_favorites.gif') no-repeat scroll right 0; color: #555; text-align:left; font-size:11px; cursor: pointer; }
#overlay_content .add_to_favs { margin:0 0 5px; height: 16px; }

#overlay_content .pagination { float: right; margin:0 0 15px; }
#overlay_content .pagination a { color: #a0a0a0;  }
#overlay_content .pagination h4 { display: none; }
#overlay_content .pagination ul { float: left; margin: 0 10px 0 0; }
#overlay_content .pagination ul li { margin: 0 5px 0 0; padding: 0 5px 0 0; border-right: 1px solid #787878; float: left; list-style: none; font-size:11px; line-height:1em; }
#overlay_content .pagination ul li.last { margin: 0; padding: 0; border: 0; }
#overlay_content .pagination ul li a { font-size: 10px; color: #a0a0a0; text-decoration: none; }
#overlay_content .pagination ul li span { line-height: 1em; font-size: 10px; }
#overlay_content .pagination ul li.active a { color: #232323; }
#overlay_content .pagination a.pager { display: block; width: 11px; height: 11px; text-indent: -9999px; background-position: center; background-repeat: no-repeat; background-color: #d7d7d7; float: left; }
#overlay_content .pagination a.pager:hover { background-color: #a0a0a0; }
#overlay_content .pagination a.pager.previous { background-image: url(../images/pager_prev.gif); margin: 0 5px 0 0; }
#overlay_content .pagination a.pager.next { background-image: url(../images/pager_next.gif); }
#overlay_content .pagination a.pager.first { background-image: url(../images/pager_first.gif); margin: 0 5px 0 0; }
#overlay_content .pagination a.pager.last { background-image: url(../images/pager_last.gif); margin: 0 0 0 5px; }

/* downloads */
#overlay_content .downloads ul { list-style-type: none; padding: 0; }

/* Registrierung */
#overlay_content .registration h2 { color: #555555; }
#overlay_content .mod_registration_extended { border-top: 6px solid #ccc; padding-top: 10px; }
#overlay_content .mod_registration_extended input.submit { width: 148px; height: 25px; background: url(../images/buttons/account-erstellen.gif) no-repeat top; text-indent: -9999px; }
#overlay_content .mod_registration_extended input.submit:active { background: url(../images/buttons/account-erstellen.gif) no-repeat center; }
#overlay_content .mod_registration_extended input.submit:hover { background: url(../images/buttons/account-erstellen.gif) no-repeat bottom; }
#overlay_content .mod_registration_extended p.error { margin: 0; color: #F48020; }
input.submit { cursor: pointer; }

.mod_personalData input.submit { width: 102px; height: 25px; background: url(../images/buttons/speichern.gif) no-repeat top; text-indent: -9999px; }
.mod_personalData input.submit:active { background: url(../images/buttons/speichern.gif) no-repeat center; }
.mod_personalData input.submit:hover { background: url(../images/buttons/speichern.gif) no-repeat bottom; } 

.mod_facebook label { color:#555555; display:block; font-size:13px; font-weight:bold; padding-bottom:5px; }
.mod_facebook input.text  { border: 1px solid #cccccc; padding: 4px; width: 200px; }
.mod_facebook .submit_container { margin: 10px 0 0; }
.mod_facebook .submit_container input { width: 148px; height: 25px; background: url(../images/buttons/account-erstellen.gif) no-repeat top; text-indent: -9999px; }
.mod_facebook .submit_container input:active { background: url(../images/buttons/account-erstellen.gif) no-repeat center; }
.mod_facebook .submit_container input:hover { background: url(../images/buttons/account-erstellen.gif) no-repeat bottom; }

/* Login */

.mod_login form.xhrr { margin: 15px 0 0; padding-top: 15px; border-top: 6px solid #cccccc; clear: both; }

.mod_login .twitter_sign_in { margin: 5px 15px 15px 0; float: left; }
.mod_login .twitter_sign_in a { display: block; text-indent: -9999px; width: 158px; height: 25px; background: url(../images/buttons/sign-in-with-twitter.gif) no-repeat top; }
.mod_login .twitter_sign_in a:active { background: url(../images/buttons/sign-in-with-twitter.gif) no-repeat bottom; }
.mod_login .twitter_sign_in a:hover { background: url(../images/buttons/sign-in-with-twitter.gif) no-repeat center; }

.mod_login .facebook_connect { float: left; margin: 5px 15px 15px 0; }
.mod_login .facebook_connect a { display: block; text-indent: -9999px; width: 187px; height: 25px; background: url(../images/buttons/facebook.gif) no-repeat top; }
.mod_login .facebook_connect a:active { background: url(../images/buttons/facebook.gif) no-repeat bottom; }
.mod_login .facebook_connect a:hover { background: url(../images/buttons/facebook.gif) no-repeat center; }

.mod_login input.submit { display: block; text-indent: -9999px; width: 103px; height: 25px; background: url(../images/buttons/einloggen.gif) no-repeat top; }
.mod_login input.submit:active { background: url(../images/buttons/einloggen.gif) no-repeat bottom; }
.mod_login input.submit:hover { background: url(../images/buttons/einloggen.gif) no-repeat center; }

.pagetitle { display: none; }


#overlay_content .mod_unternehmen_detail .stockPrice .date { font-size: 10px; }
#overlay_content .mod_unternehmen_detail .stockPrice .price { font-weight: bold; font-size: 16px; display: inline-block; margin-right: 5px; }
#overlay_content .mod_unternehmen_detail .stockPrice .percent { font-size: 14px; color: #00aa00; }
#overlay_content .mod_unternehmen_detail .stockPrice .percent_negativ { font-size: 14px; color: red; }

#company_charts { margin-bottom: 15px; }
#company_charts .images { border-top: 1px solid #bbb; width: 189px; }
#company_charts .images img { padding:7px 7px 7px 0; border: 1px solid #BBBBBB; border-width: 0 1px 1px 1px; }

#footer { background: #f2f3f0; font-size: 10px; font-weight: bold; color: #787878; height: 22px; width: 100%; position: fixed; left: 0; bottom: 0; border-top: 1px solid #d7d7d7; z-index: 9999; }
#footer p { float: left; background: url(../images/footer_logo.gif) 25px 2px no-repeat; padding: 0 0 0 50px; height: 20px; line-height: 22px; }
#footer .mod_customnav { float: right; position: relative; top: 4px; right: 25px; }
#footer .mod_customnav ul li { float: left; line-height: 14px; }
#footer .mod_customnav ul li.last { margin: 0; padding: 0; border: 0; }
#footer .mod_customnav ul li a { font-weight: bold; color: #f48020; text-decoration: none; }
#footer .mod_customnav ul li.active a, #footer .mod_customnav ul li.trail a, #footer .mod_customnav ul li a:hover { text-decoration: underline; }
#footer .mod_customnav ul li span.dot, #top #login .meta_nav span.dot { color: #787878; font-weight: bold; margin: 0 5px; font-size:12px; line-height:10px; }