/* (c) Scientec Internet Applications + Media GmbH - www.scientec.de */

html {padding:0; margin:0}
body {position:absolute; height:100%; width:100%;font-family: Verdana, Arial, sans-serif; padding:0; margin:0; background-color:#E7E7D1}
form { padding:0; margin:0}

#rahmen {position:relative;width:860px;padding:15px; margin:15px auto;height:auto}
.o,.o b,.o u,.m,.m b,.m u,.u,.u b,.u u{position:absolute; z-index:2}
.o b,.o u,.m b,.m u,.u b,.u u{width:30px; height:100%;}
.o b,.o u,.u b,.u u{ background-repeat: no-repeat}
.o,.u{ height:30px; width:100%;background-repeat:repeat-x}
.o { top:0; left:0; background-image:url(n.png)}
.o b{top:0; left:0;background-image:url(ecken.png); background-position:top left}
.o u{top:0; right:0;background-image:url(ecken.png); background-position:top right}
.m {top:0; left:0;height:100%; width:100%;z-index:1}
.m b{top:0; left:0; background-image:url(w.png); background-repeat:repeat-y}
.m u{top:0; right:0; background-image:url(o.png); background-repeat:repeat-y}
.u {bottom:0; left:0;background-image:url(s.png)}
.u b{top:0; left:0;background-image:url(ecken.png); background-position:bottom left}
.u u{top:0; right:0;background-image:url(ecken.png); background-position:bottom right}

#seite {position:relative;overflow:hidden;width:856px;margin:auto; border:2px solid #930; z-index:3; background-color:#fff}

  #kopf {position:relative;height:110px;width:100%;background-color:#EFEFE4; background-image:url(kopf.png); background-repeat:repeat-x;}

    #logo{width: 271px; height:86px;margin-left:3px}

    #nav0{ font-family:Arial, Helvetica, sans-serif;position:absolute;top:10px; padding:0 5px;right:8px; width: 500px; text-align: right; font-size:0.750em; color: #930}
    #nav0 a{ text-decoration:none;color:#000}
    #nav0 a:hover{ text-decoration: underline}

    #suche{ background-color:#E2C6B8;border:1px solid #930;border-width:1px 0 1px 1px;position:absolute;bottom:1.3em; right:0px; width: 205px;padding:5px}
    #suche .text{width:130px;border:1px solid #cf0;border-color:#CD9C85; font-size:11px}
    #suche .button{width:60px; font-size:11px; padding:0;border:1px outset; background-color:#E3A78A; color:#000}
    #suche .button:hover{ background-color:#CC4200; color:#fff}

    #nav1{position:absolute;bottom:0px; left:0px; width: 100%; background-color:#882C00; background-image:url(nav1.png); background-repeat:repeat-x; padding:3px 0 0 0px; border-top:1px solid #fff}
    #nav1 ul{ list-style-type:none; margin:0 0 0 10px; padding:0}
    #nav1 ul li{ float:left; font-size:0.70em;}
    #nav1 ul li a{float:left;position:relative;color:#fff; font-weight:bold; text-decoration:none; padding:1px 10px 4px 10px;margin:0 5px; background-color:transparent}
    #nav1 ul li a i{float:left; width:7px; height:7px; margin-top:2px; margin-right:3px; overflow:hidden; border:1px solid #fff; cursor:pointer }
    #nav1 ul li a.home{  margin-bottom:0px}
    .mensch i{ background-color:#FF9933}
    .technik i{ background-color:#999999}
    .natur i{ background-color:#009900}
    .weltraum i{ background-color:#0000FF}
    .geist i{ background-color:#FFFF00}
    .energie i{ background-color:magenta}
    #nav1 ul li a:hover{position:relative; background-color:#CC4200; color:#fff}
    #nav1 ul li a:hover b{position:absolute;top:0; left:0; width:1px; height:1px;font-size:1px; overflow:hidden; background-color:#B93D00 }
    #nav1 ul li a:hover u{position:absolute;top:0; right:0; width:1px; height:1px;font-size:1px; overflow:hidden; background-color:#B93D00; }
    #nav1 ul li a.hier{ color:#000; background-color:#fff; padding:3px 10px 2px 10px}
    #nav1 ul li a.hier b{position:absolute;top:0; left:0; width:1px; height:1px;font-size:1px; overflow:hidden; background-color:#F19C74}
    #nav1 ul li a.hier u{position:absolute;top:0; right:0; width:1px; height:1px;font-size:1px; overflow:hidden; background-color:#F19C74 }
    #nav1 ul li a.hier:hover{background-color:#fff; color:#000}
    #nav1 ul li a.hier i{width:9px; height:9px; margin-top:2px; margin-right:3px; border:0 solid #000}

    #kalender{position:absolute; left:645px; top:3px; width:205px; font-size:0.7em; color:#E2C6B8; text-align:right }
    #kalender a{padding:1px 5px 2px 22px;float:left;display:block;color:#fff;  text-decoration:none; background-image:url(kalender.png); background-repeat:no-repeat; background-position:2px 0px }
    #kalender a:hover{ background-color:#CC4200}
    #kalender #datum{float:right; padding:1px 0}
    #kalender #dat{ visibility:hidden;position:absolute; top:-3px; left:-5px; width:215px;border:1px solid #930; height:205px}
    #kalender #dat img{margin:20px auto}

  #koerper {overflow:visible; background-color:#eee}
    #haupt {float:left;width:640px }
      #inhalt {float:right;width:100%;background-color:#FFFFFF;color:#000; position:relative;}
      #ilikeit {position:relative; text-align:right;width:115px; height:25px; right:-510px; overflow:hidden; border:0px solid #ccc;}
      #ilikeit iframe{float:right;}

      #share{position:absolute; text-align:left;width:140px; height:25px; top:5px; right:5px;}
      .share{display:inline-block; width:16px; height:16px;overflow:hidden;}
      #share .teilen{float:left;line-height:14px;font-size:0.8em}
      #share .share{float:right;}
      .share,.share img{border-radius:2px;width:16px !important; height:16px !important;}
      .share{margin-right:3px}
      .share a{padding:0}

      #inhalt .text{margin:35px 25px 25px 25px}
      #inhalt h1{font-size:1.1em; margin:1.5em 0; color:#777; border-bottom:0 dotted #999}
      #inhalt h1 strong{font-style:italic}
      #inhalt h1 span{display:block; font-weight:normal;font-size:0.8em}
      #inhalt h2{font-size:1.0em; margin:0; color:#555; border-bottom:0 dotted #999}
      #inhalt div.hr{clear:left; height:1px; overflow:hidden;margin:15px 0; background-color:#CCCCCC}
      #inhalt div.hrup{clear:left; height:1px; overflow:hidden;margin:20px 0 2px 0; background-color:#999}
      #inhalt div.hrdown{clear:left; height:1px; overflow:hidden;margin:2px 0 20px 0; background-color:#999}
      #inhalt p{margin:0.8em 0;}
      #inhalt div{}
      #inhalt .choose{float:right;clear:right}
      #inhalt .blaettern{font-size:13px; width:10em}
      #inhalt .blaettern a{ text-decoration:none;color:#A73700;display:block}
      #inhalt .blaettern a:hover{ text-decoration:underline}
      #inhalt .blaettern select{ font-size:11px}

      #inhalt .fliesstext p{font-size:0.8em}
      #inhalt .fliesstext ul{font-size:0.8em}
      #inhalt .fliesstext td{font-size:0.8em}
      #inhalt .fliesstext th{font-size:0.8em}
      #inhalt .fliesstext a{color:#A73700; text-decoration:none}
      #inhalt .fliesstext a:hover{color:#A73700; text-decoration:underline}
      #inhalt .fliesstext a:hover sup{color:#A73700; text-decoration:none}
      #inhalt .art{}
        .art a{color:#A73700; text-decoration:none}
        .art a:hover{ text-decoration: underline}
        .artDatum {font-size:0.70em; float:left; margin-right:10px }
        .artDatum a{color:#333 }
        .artDatum a:hover{color:#333; text-decoration:underline }
        .artSperr {font-size:0.8em;color:#EE0000;font-weight:bolder float:left; margin-right:10px }
        .artRubrik {font-size:0.7em;color:#444; height:1.2em;overflow:hidden; white-space:nowrap }
        .einzel .artRubrik {position:relative ; margin-top:4px;  }
        .artRubrik i{ }
        .art.mensch .artRubrik i{ background-color:#FF9933;   float:left; width:9px; height:9px; margin-top:2px; margin-right:3px; overflow:hidden;}
        .art.technik .artRubrik i{ background-color:#999999;  float:left; width:9px; height:9px; margin-top:2px; margin-right:3px; overflow:hidden;}
        .art.natur .artRubrik i{ background-color:#009900;    float:left; width:9px; height:9px; margin-top:2px; margin-right:3px; overflow:hidden;}
        .art.weltraum .artRubrik i{ background-color:#0000FF; float:left; width:9px; height:9px; margin-top:2px; margin-right:3px; overflow:hidden;}
        .art.geist .artRubrik i{ background-color:#FFFF00;    float:left; width:9px; height:9px; margin-top:2px; margin-right:3px; overflow:hidden;}
        .art.energie .artRubrik i{ background-color:magenta;    float:left; width:9px; height:9px; margin-top:2px; margin-right:3px; overflow:hidden;}
        .artImg{float:left; overflow:visible; width:120px; margin:3px 12px 15px 0 ; background-color:#f4f4f4}
        .artImg a:hover{ text-decoration:none}
        .artImg img{ border:0;font-size:8px; text-decoration:none; color:#999 }
        .artImg .copy{ font-size:9px; color:#666; text-align: left; width:auto; padding:4px}
        .artImg .caption{ font-size:11px; color:#333;padding:4px 4px 2px 4px}
        .artextraImg{float:left; overflow:visible; margin:3px 12px 1px 0; background-color:#fff;  }
        .artextraImg img{ max-width:590px;border:0;font-size:8px; text-decoration:none; color:#999}
        .artextraImg .copy{ font-size:9px; color:#666; text-align: left;float:left ; width:auto;padding:4px}
        .artextraImg .caption{ font-size:11px; color:#333;max-width:500px;padding:4px 4px 2px 4px}
        h2.artTitel{padding-top:7px;padding-bottom:4px;margin-top:0.5em;margin:0.2em 0;}
        h2.artTitel a{ color:#A73700}
        .artKurz{font-size:0.8em; }
        .artKurz a{color:#A73700; text-decoration:underline }
        .artKurz a:hover{text-decoration: none }
        .artLang a{color:#A73700; text-decoration:underline }
        .artLang a:hover{text-decoration: none }
        .artKurz .mehr{padding-top:2px;text-decoration: none}
        .artKurz .mehr:hover{text-decoration: underline }
        .art.einzel{margin-top:1.5em }
        #inhalt .art.einzel h1{margin:0.6em 0}
        .einzel .artImg {width: 300px;margin:0.5em 15px 5px 0 }
        .einzel .artImg img{width: 300px; }
        .einzel .artextraImg {margin:0.5em 15px 0 0 }
        .einzel .artKurz{font-size:0.75em; font-weight:bold;line-height:1.6em;margin:0.8em 0}
        .einzel .artLang{font-size:0.8em; margin:1em 0;line-height:1.5em;}
        .einzel .artextraLang{font-size:0.8em; }
        #inhalt .einzel .autor{font-size:0.70em; text-align:right}
        #inhalt .einzel .autor2{font-size:0.70em; font-style:italic; margin:0.8em 0}

        #inhalt .einzel .quelle{font-size:0.70em; text-align:right}
        #inhalt .einzel .zusatz{font-size:0.70em; margin-top:0.5em}
        .linkshtml{clear:both;padding-top:10px; font-size:0.8em}
        .linkshtml a{color:#A73700;text-decoration:none}
        .linkshtml a:hover{color:#A73700;text-decoration:underline}
        .linkliste{padding-top:10px;border-top:1px solid #ccc; font-size:0.85em; max-height:250px; overflow:auto}
        .linkliste p{display:inline}
        .artRubrik a{color:#888; text-decoration:none}
        .artRubrik a:hover{color:#888; text-decoration:underline}

        #weitere{border-top:1px solid #930;padding:15px 20px 0px 20px; text-align:center}
        #weitere h2{ font-size:0.9em; margin:0 0 5px 0; font-weight:normal}
        #weitere h2 a{  color:#777; text-decoration:none}
        #weitere h2 a:hover{  text-decoration: underline}
        #weitere ul{ font-size:0.70em; margin:0 0 0 18px; color:#930; text-align:left}
        #weitere ul a{color:#000; text-decoration:none}
        #weitere ul a:hover{text-decoration:underline}
        #weitere iframe{float:right}

        textarea.code{width:295px; height:250px; background-color:#FFFFCC; border:0; overflow:auto}
	#tickertable { border-collapse:collapse;border:1px solid #ccc;margin-top:1em}
	#tickertable th{ background:#ccc; padding:2px}
	#tickertable td{border:2px solid #ccc; border-width:1px 0px ; padding: 10px 0px 10px 4px}
	#tickertable textarea{border:1px inset}


    #rechts {float:right;width:215px; border-left:1px solid #993300;background-color:#F1F7F8;z-index:1}
      .extra {border-top:1px solid #fff; clear:left}
      .extra h3{ font-size:0.7em; text-align:center; margin:0;background-color:#CFE3E7;}
      .extra h3 a{ display:block;padding:1px 0;background-color:#CFE3E7; color:#333; text-decoration:none}
      .extra h3 a:hover{}
      .extra img{float:left; margin:3px 5px 1px 0}
      .extra p{margin:0.3em 10px 0.3em 5px; font-size:0.70em}
      .extra a{color:#000; text-decoration:none}
      .extra a:hover{text-decoration: underline}
      .extraunter {margin:0em 10px 0.3em 5px; font-size:0.70em;text-align:center}
      .g200 {position:relative; margin-left:6px; margin-top:16px;}
      .g160 {position:relative; margin-left:26px; margin-top:16px;}
      #bilde a:hover{text-decoration:none}
      #bilde p{text-align:center}
      #cartoon p{text-align:center}
      #bilde p img{float: none; margin:5px}
      #cartoon p img{float: none; margin:5px}
      #druck1 p img{float: none; margin:5px}


    #inhalt, #links, #rechts{padding-bottom:32766px;margin-bottom:-32766px}


#fuss {font-family:Arial, Helvetica, sans-serif; color: #930;position:relative; z-index:5;text-align: center; width:835px; margin:auto; position:relative; font-size:0.80em; padding:0; top:-10px}
#fuss a{ text-decoration:none;color:#000}
#fuss a:hover{ text-decoration: underline}
#copy{color:#666;position:relative; z-index:5;text-align: center; width:835px; margin:auto; position:relative; top:0px; font-size:0.70em; padding:0 0 140px 0}
#copy a{color:#666; text-decoration:none}
#copy a:hover{ text-decoration:underline}

.clear{ clear:both}
.none{ display:none}