/**
 * Basic gadget layout
*/
.clearer { clear: both; }
.gadget-wrapper { margin: 0 -5px 5px -5px; overflow: hidden; padding: 0; }
.gadget-container { float: left; }
.gadget-container.width-quarter { width: 25%; }
.gadget-container.width-third { width: 33.33%; }
.gadget-container.width-half { width: 50%; }
.gadget-container.width-two-third { width: 66.66%; }
.gadget-container.width-three-quarter { width: 75%; }
.gadget-container.width-full { width: 100%; }
.gadget { margin: 5px 5px 5px 5px; padding: 0; }
.gadget a { text-decoration: none; }
.gadget a:hover { text-decoration: underline; }
.gadget .header { overflow: hidden; }
.gadget .header .h2 { font-size: 14px; text-align: center; margin: 0; padding: 0; }
.gadget .header .left { float: left; }
.gadget .header .right { float: right; }
.gadget .content { margin: 0; overflow: hidden; padding: 0; }
.gadget .content .twtr-hd h3 { border: none !important; }
.gadget .content .context { font-size: 12px; font-weight: normal; overflow: hidden; text-align: left; }
.gadget .content .context img.position-center { display: block !important; margin: 0 auto 0 auto !important; text-align: center !important; vertical-align: middle; }
.gadget .content .context img.position-left { float: left !important; margin: 0 5px 5px 0 !important;}
.gadget .content .context img.position-right { float: right !important; margin: 0 0 5px 5px !important; }
.gadget .content .context a { text-decoration: underline !important; color: #000000 !important; }
.gadget .content .context a:hover { text-decoration: underline !important; color: #c00 !important; }
.gadget .content .context .h2.bold { font-weight: bold !important; padding: 5px 0 5px 0; }
.gadget .content .context.height-2 { height: 30px !important; }
.gadget .content .context.height-3 { height: 45px !important; }
.gadget .content .context.height-4 { height: 60px !important; }
.gadget .content .context.height-5 { height: 75px !important; }
.gadget .content .context.height-6 { height: 90px !important; }
.gadget .content .context.height-7 { height: 105px !important; }
.gadget .content .context.height-8 { height: 120px !important; }
.gadget .content .context.height-9 { height: 135px !important; }
.gadget .content .context.height-10 { height: 150px !important; }
.gadget .content .context.height-11 { height: 165px !important; }
.gadget .content .context.height-12 { height: 180px !important; }
.gadget .content .context.height-13 { height: 195px !important; }
.gadget .content .context.height-14 { height: 210px !important; }
.gadget .content .context.height-15 { height: 225px !important; }
.gadget .content .context.height-16 { height: 240px !important; }
.gadget .content .context.height-17 { height: 255px !important; }
.gadget .content .context.height-18 { height: 270px !important; }
.gadget .content .context.height-19 { height: 285px !important; }
.gadget .content .context.height-20 { height: 300px !important; }
.gadget .content .context.height-21 { height: 315px !important; }
.gadget .content .context.height-22 { height: 330px !important; }
.gadget .content .context.height-23 { height: 345px !important; }
.gadget .content .context.height-24 { height: 360px !important; }
.gadget .content .context.height-25 { height: 375px !important; }
.gadget .content .context.height-26 { height: 390px !important; }
.gadget .content .context.height-27 { height: 405px !important; }
.gadget .content .context.height-28 { height: 420px !important; }
.gadget .content .context.height-29 { height: 435px !important; }
.gadget .content .context.height-30 { height: 450px !important; }
.gadget .content .context.height-31 { height: 465px !important; }
.gadget .content .context.height-32 { height: 480px !important; }
.gadget .content .context.height-33 { height: 495px !important; }
.gadget .content .context.height-34 { height: 510px !important; }
.gadget .content .context.height-35 { height: 525px !important; }
.gadget .content .context.height-36 { height: 540px !important; }
.gadget .content .context.height-37 { height: 555px !important; }
.gadget .content .context.height-38 { height: 570px !important; }
.gadget .content .context.height-39 { height: 585px !important; }
.gadget .content .context.height-40 { height: 600px !important; }
.gadget .content .context.height-41 { height: 615px !important; }
.gadget .content .context.height-42 { height: 630px !important; }
.gadget .content .context.height-43 { height: 645px !important; }
.gadget .content .context.height-44 { height: 660px !important; }
.gadget .content .context.height-45 { height: 675px !important; }
.gadget .content .context.height-46 { height: 690px !important; }
.gadget .content .context.height-47 { height: 705px !important; }
.gadget .content .context.height-48 { height: 720px !important; }
.gadget .content .context.height-49 { height: 735px !important; }
.gadget .content .context.height-50 { height: 750px !important; }
.gadget .content .context.height-auto { height: auto; }
.gadget .content .context ul.top-list li { list-style: none; margin-left: 0;}
.gadget .content .context ul li { margin: 0 0 0 20px; list-style: disc; }
.gadget .content .context ul li a { text-decoration: underline !important; color: #000000 !important; }
.gadget .content .context ul li a:hover { text-decoration: underline !important; color: #c00 !important; }
.gadget .content .context ul, .gadget .content .context ul.articles, .gadget .content .context ul.list { margin: 0 0 0 0.5em; padding: 0; list-style: none !important; }
.gadget .content .context ul.list li, .gadget .content .context ul.articles li { margin: 0; padding: 0; list-style: none !important; }
.gadget .content .context ol.list { margin: 0 0 0 35px; padding: 0; }
.gadget .content .context ol.list li { margin: 0; padding: 0; }
.gadget .content .context p { margin: 0; padding: 0; }
.gadget .content .context div.spacer { margin-bottom: 5px; }
.gadget .content .context a:hover { color: #c00; }
.gadget .footer { }
.gadget .footer .left { float: left; }
.gadget .footer .right { float: right; }

/**
 * Tagcloudbox
*/
.tagcloud { }
.tagcloud .header { background: transparent url(/images/bg-box02-top-mod4-3.png) top left no-repeat; height: 17px; }
.tagcloud .header .h2 { display: none; }
.tagcloud .header .left { display: none; }
.tagcloud .header .right { display: none; }
.tagcloud .content { background: transparent url(/images/bg-box02-center-mod4.png) top center repeat-y; }
.tagcloud .content .context { background: transparent url(/images/bg-box02-int.png) bottom center repeat-x; margin: 0 2px 0 2px; padding-top: 15px; }
.tagcloud .content .context a:visited, .tagcloud .content .context a:link { color: #aaaaaa !important; text-decoration: none !important; }
.tagcloud .content .context a, .tagcloud .content .context a:hover, .tagcloud .content .context a:focus { color: #000000 !important; }
.tagcloud .footer { background: transparent url(/images/bg-box02-btn-mod4.png) center center no-repeat; height: 17px; }
.tagcloud .footer .left { display: none; }
.tagcloud .footer .right { display: none; }

/**
 * Top no-border box layout
*/
.no-border { }
.no-border .twtr-hd h3 { border: none !important; }
.no-border .header { }
.no-border .header .h2 { }
.no-border .header .left { }
.no-border .header .right { }
.no-border .content { }
.no-border .content .context { }
.no-border .footer { }
.no-border .footer .left { }
.no-border .footer .right { }

/**
 * Top 10 box layout
*/
.top-ten { }
.top-ten .header {
  background: transparent url(../../images/gadget/box/box-top10-top-border.gif)  top left repeat-x;
  height: 30px;
  line-height: 30px;
  text-align: center;
}
.top-ten .header .h2 { color: #333; font-size: 14px; font-weight: bold; padding: 2px 0 0 0; }
.top-ten .header .left {
  background: transparent url(../../images/gadget/box/box-top10-top-left.gif)  top left no-repeat;
  height: 30px;
  width: 8px;
}
.top-ten .header .right {
  background: transparent url(../../images/gadget/box/box-top10-top-right.gif)  top right no-repeat;
  height: 30px;
  width: 8px;
}
.top-ten .content {
  border-left: 1px solid #cccccc;
  border-right: 1px solid #cccccc;
}
.top-ten .content .context {
  margin: 5px 5px 0 5px;
  padding: 5px 0 0 0;
}
.top-ten .footer {
  background: transparent url(../../images/gadget/box/box-top10-bottom-border.gif)  top left repeat-x;
  height: 8px;
}
.top-ten .footer .left {
  background: transparent url(../../images/gadget/box/box-top10-bottom-left.gif)  bottom left no-repeat;
  height: 8px;
  width: 8px;
}
.top-ten .footer .right {
  background: transparent url(../../images/gadget/box/box-top10-bottom-right.gif)  bottom right no-repeat;
  height: 8px;
  width: 8px;
}

/**
 * Top partner box layout
*/
.partner { }
.partner .header {
  background: transparent url(../../images/gadget/box/box-encyclopedia-top-border.gif)  top left repeat-x;
  height: 12px;
  overflow: visible;
}
.partner .header .h2 {
  color: #999999;
  font-size: 14px;
  margin: 0 5px 0 5px;
  padding: 8px 10px 5px 0;
  text-align: left;
}
.partner .header .h2 a:hover {
  color: #c00;
}
.partner .header .left {
  background: transparent url(../../images/gadget/box/box-encyclopedia-top-left.gif)  top left no-repeat;
  height: 12px;
  width: 8px;
}
.partner .header .right {
  background: transparent url(../../images/gadget/box/box-encyclopedia-top-right.gif)  top right no-repeat;
  height: 12px;
  width: 8px;
}
.partner .content {
  border-left: 1px solid #cccccc;
  border-right: 1px solid #cccccc;
  padding-top: 10px;
  padding-bottom: 10px;
}
.partner .content .context {
  margin: 10px 5px 0 5px;
  padding: 0;
}
.partner .content .context a:hover {
  text-decoration: none;
}
.partner .footer {
    border-bottom: 1px solid #cccccc;
}
.partner .footer .left { display: none; }
.partner .footer .right { display: none; }
.partner .content.gradient {
    background: transparent url('../../images/partner-verlauf.png') bottom left repeat-x scroll;
}
.partner .content.grey {
    background-color: #f7f7f7;
    border-top: 2px solid #cccccc;
}

/**
 * Top encyclopedia box layout
*/
.encyclopedia { }
.encyclopedia .header {
  background: transparent url(../../images/gadget/box/box-encyclopedia-top-border.gif)  top left repeat-x;
  height: 12px;
  overflow: visible;
}
.encyclopedia .header .h2 {
  border-bottom: 1px solid #cccccc;
  color: #c00c00;
  font-size: 14px;
  font-weight: bold;
  margin: 0 5px 0 5px;
  padding: 8px 0 5px 0;
  text-align: left;
}
.encyclopedia .header .left {
  background: transparent url(../../images/gadget/box/box-encyclopedia-top-left.gif)  top left no-repeat;
  height: 12px;
  width: 8px;
}
.encyclopedia .header .right {
  background: transparent url(../../images/gadget/box/box-encyclopedia-top-right.gif)  top right no-repeat;
  height: 12px;
  width: 8px;
}
.encyclopedia .content {
  border-left: 1px solid #cccccc;
  border-right: 1px solid #cccccc;
}
.encyclopedia .content .context {
  margin: 0 5px 0 5px;
  padding: 28px 0 0 0;
  font-size: 12px;
}
.encyclopedia .footer {
  background: transparent url(../../images/gadget/box/box-encyclopedia-bottom-border.gif)  top left repeat-x;
  height: 12px;
}
.encyclopedia .footer .left {
  background: transparent url(../../images/gadget/box/box-encyclopedia-bottom-left.gif)  bottom left no-repeat;
  height: 12px;
  width: 8px;
}
.encyclopedia .footer .right {
  background: transparent url(../../images/gadget/box/box-encyclopedia-bottom-right.gif)  bottom right no-repeat;
  height: 12px;
  width: 8px;
}

/**
 * Top encyclopedia top box layout
*/
.encyclopedia-top { }
.encyclopedia-top .header {
  background: transparent url(../../images/gadget/box/box-encyclopedia-top-border.gif)  top left repeat-x;
  height: 12px;
  overflow: visible;
}
.encyclopedia-top .header .h2 {
  border-bottom: 1px solid #cccccc;
  color: #c00c00;
  font-size: 14px;
  font-weight: bold;
  margin: 0 5px 0 5px;
  padding: 8px 0 5px 0;
  text-align: left;
}
.encyclopedia-top .header .left {
  background: transparent url(../../images/gadget/box/box-encyclopedia-top-left.gif)  top left no-repeat;
  height: 12px;
  width: 8px;
}
.encyclopedia-top .header .right {
  background: transparent url(../../images/gadget/box/box-encyclopedia-top-right.gif)  top right no-repeat;
  height: 12px;
  width: 8px;
}
.encyclopedia-top .content {
  border-left: 1px solid #cccccc;
  border-right: 1px solid #cccccc;
}
.encyclopedia-top .content .context {
  margin: 0 5px 0 5px;
  padding: 0;
  font-size: 12px;
}
.encyclopedia-top .content .context ul {
  margin: 0 auto 0 auto;
  padding: 0;
  text-align: center;
}
.encyclopedia-top .content .context ul li {
  display: inline-block;
  font-weight: bold;
  list-style: none;
  margin: 0;
  padding: 0;
  text-align: center;
  width: 18px;
}
.encyclopedia-top .footer {
  background: transparent url(../../images/gadget/box/box-encyclopedia-bottom-border.gif)  top left repeat-x;
  height: 12px;
}
.encyclopedia-top .footer .left {
  background: transparent url(../../images/gadget/box/box-encyclopedia-bottom-left.gif)  bottom left no-repeat;
  height: 12px;
  width: 8px;
}
.encyclopedia-top .footer .right {
  background: transparent url(../../images/gadget/box/box-encyclopedia-bottom-right.gif)  bottom right no-repeat;
  height: 12px;
  width: 8px;
}

/**
 * Top sidebar 1 box layout
*/
.sidebar { }
.sidebar .header {
  background: transparent url(../../images/gadget/gadget-title-bg.jpg) bottom left repeat-x;
  border: 1px solid #cccccc;
}
.sidebar .header .h2 {
  color: #c00c00;
  display: block;
  font-size: 14px !important;
  margin: 0 !important;
  height: 1em;
  outline: none;
  padding: 5px !important;
  text-align: left;
}
.sidebar .header .left {
  display: none;
  height: 0;
  width: 0;
}
.sidebar .header .right {
  display: none;
  height: 0;
  width: 0;
}
.sidebar .content {
  border-left: 1px solid #cccccc;
  border-right: 1px solid #cccccc;
  padding: 5px 0 5px 0;
}
.sidebar .content .context {
  margin: 0;
  padding: 0 5px 0 5px;
}
.sidebar .footer {
  border: 1px solid #cccccc;
  border-top: none;
}
.sidebar .footer .left {
  display: none;
}
.sidebar .footer .right {
  display: none;
}

/**
 * Top sidebar 2 box layout
*/
.sidebar2 { }
.sidebar2 .header {
  background: transparent url(../../images/gadget/gadget-title-bg.jpg) bottom left repeat-x;
  border: 1px solid #cccccc;
}
.sidebar2 .header .h2 {
  color: #c00c00;
  display: block;
  font-size: 14px !important;
  margin: 0 !important;
  height: 1em;
  outline: none;
  padding: 5px !important;
  text-align: left;
}
.sidebar2 .header .left {
  display: none;
  height: 0;
  visibility: hidden;
  width: 0;
}
.sidebar2 .header .right {
  display: none;
  height: 0;
  visibility: hidden;
  width: 0;
}
.sidebar2 .content {
  background: transparent url(../../images/gadget/gadget-bg.jpg) bottom left repeat-x;
  border-left: 1px solid #cccccc;
  border-right: 1px solid #cccccc;
  padding: 5px 0 5px 0;
}
.sidebar2 .content .context {
  margin: 0;
  padding: 0 5px 0 5px;
}
.sidebar2 .footer {
  border: 1px solid #cccccc;
  border-top: none;
}
.sidebar2 .footer .left {
  display: none;
  height: 0;
  visibility: hidden;
  width: 0;
}
.sidebar2 .footer .right {
  display: none;
  height: 0;
  visibility: hidden;
  width: 0;
}

/**
 * admin panel
*/
#ls-gadget-plugin-container {
  margin: 0 auto 0 auto;
  padding: 0;
  width: 900px;
}

#ls-gadget-plugin-container ul {
  list-style: none !important;
  margin: 0;
  padding: 0;
}

#ls-gadget-plugin-container ul li{
  list-style: none !important;
  margin: 0;
  padding: 0;
}

#ls-gadget-plugin-container .gadget.enabled {
  background: #99ff99;
}

#ls-gadget-plugin-container .gadget.disabled {
  background: #ff9999;
}

#ls-gadget-plugin-container #sidebar-content {
  float: left;
  width: 630px;
}

#ls-gadget-plugin-container #sidebar-gadgets {
  float: left;
  width: 270px;
}

/**
 * SchoolList gadget
*/
.gadget .item {
  height: 14em;
  margin-top: -5px;
  overflow-y: scroll;
  overflow-x: hidden;
}

.gadget .row {
  border-bottom: 1px solid #333;
  color: #c00;
  font-size: 11px;
  font-weight: bold;
  margin: 0 10px 0 10px;
  padding: 4px 0 4px 0;
}

.gadget .number {
  color: #c00;
  float: left;
  text-align: center;
  width: 2em;
}

.gadget .child {
  margin-left: 2em;
  text-align: left;
}

.gadget .child a {
  color: #000 !important;
  display: block !important;
  text-decoration: none !important;
}

.gadget .child a:hover {
  color: #c00 !important;
  text-decoration: underline !important;
}

.gadget p.link {
  font-size: 12px;
  font-weight: bold;
  margin: 0;
  padding: 5px 5px 0 0;
  text-align: right;
}

.gadget #gadget-newsletter-form input {
  color: #999;
  font-weight: bold;
  margin-bottom: 5px;
  padding: 3px;
}

.gadget #gadget-newsletter-submit {
  background: #c00 !important;
  color: #fff !important;
  cursor: pointer;
  display: inline-block;
  font-weight: bold;
  margin: 0 5px 0 10px;
  padding: 0 5px 0 5px;
  text-decoration: none !important;

  border-radius: 5px;
  -moz-border-radius: 5px;
  -webkit-border-radius: 5px;
}

.gadget .tooltip-overlay {
  background: #ffffff;
  border: 5px solid #cccccc;
  display: none;
  float: left;
  font-size: 11px;
  margin: 0 !important;
  padding: 5px;
  position: absolute;
  text-align: left;
  width: 240px;
  z-index: 1000;
}

.gadget h3 {
  color: #c00;
  font-weight: bold;
  margin: 5px 0 5px 0;
  padding: 0 0 5px 0;
  border-bottom: 1px solid #000;
}

.gadget-newsletter-overlay {
  top: 35%;
  left: 35%;
  display: none;
  position: fixed;
  z-index: 999;
}

.gadget-newsletter-overlay .h4 {
  font-size: 14px;
  font-weight: bold;
  padding: 5px 0 0 0;
}

.gadget-newsletter-overlay .gadget-newsletter-overlay-close {
  background: #c00;
  color: #fff !important;
  cursor: pointer;
  display: inline-block;
  font-weight: bold;
  margin: 0 0 0 10px;
  padding: 0 5px 0 5px;
  text-decoration: none !important;

  border-radius: 5px;
  -moz-border-radius: 5px;
  -webkit-border-radius: 5px;
}

.gadget-newsletter-overlay .tooltip{
  background: transparent url(/images/bg-tooltip-t2.gif) no-repeat !important;
}

.gadget-newsletter-overlay .tooltip .tc{
  background: transparent url(/images/bg-tooltip-c2.gif) top left repeat-y !important;
}

.gadget-newsletter-overlay .tooltip .bc{
  background: transparent url(/images/bg-tooltip-b2.gif) no-repeat !important;
}

.gadget .content .context ul.articles li { padding: 0 0 0 10px; }

.gadget-newsletter-top .content {
    background-color: #eeeeee;
    padding: 0;
}
.gadget-newsletter-top .content .context {
    padding: 0 0 5px;
}
.gadget-newsletter-top .content .context .newsletter-top-form-box {
    background-color: #C00C00;
    padding: 10px;
    margin-bottom: 1.5em;
}
.gadget-newsletter-top .content .context .newsletter-top-form-box input {
    width: 250px;
}
.gadget-newsletter-top .content .context .newsletter-top-form-box a#gadget-newsletter-submit {
    background-color: #dddddd !important;
    color: #000000 !important;
    padding: 3px 5px;
}
.gadget-newsletter-top .content .context .newsletter-top-form-box .small-note {
    color: #ffffff;
    font-size: 11px;
}
.gadget-newsletter-top .content .context ul {
    font-size:13px;
    font-weight: bold;
    padding-top: 10px;
}
.gadget-newsletter-top .content .context ul li {
    list-style-type: none;
    background: transparent url('/images/bullet_new.gif') no-repeat 0 2px scroll;
    padding: 0 0 0 20px;
    margin: 0 0 10px;
}