/*------------------------------------------------------------------------
Layout
------------------------------------------------------------------------*/
body 
{
    background-color: #236;
    margin: 0;
}
form 
{
    margin:0;
}
.headerLink 
{
    color:#236;
    text-decoration:none;
}
.headerLink:hover 
{
    color:Blue;
}
#seitenContainer {
    margin: 0;
    border: 0;
    width: 780px;
    background-color: #fff;
    z-index: 0;
}

#copyright 
{
    font-family: Verdana;
    font-size: 9px;
    text-align: center;
    border-top: 0px solid #777;
    padding-top: 2px;
    clear: both;
    margin-bottom: 1em;
}
#linkmap {
    font-family: Verdana;
    font-size: 9px;
    text-align: center;
    border-top: 1px solid #777;
    padding-top: 4px;
    clear: both;
    margin-bottom: 1em;
}
/*------------------------------------------------------------------------
Head
------------------------------------------------------------------------*/
#seitenHeader 
{
    background-color:white;
}

#logo
{
    margin-left: 0px;
    margin-top: 0px;
    margin-bottom: 30px;
    background-color: #fff;
}
#button_leiste1 
{
    position:absolute;
    left: 299px;
    top: 2px;  
}
#button_leiste2
{
    position:absolute;
    left: 352px;
    top: 42px;  
}
.subnavi,.subnavi:visited,.subnavi:active
{
    font-family:Verdana, Arial, Helvetica, Sans-Serif;
    font-size: 9px;
    color: White;
    text-decoration: none;
}
.subnavi:hover
{
    font-family:Verdana, Arial, Helvetica, Sans-Serif;
    font-size: 9px;
    color: White;
    text-decoration: underline;
}

#suche
{
    position:absolute;
    left:603px;
    top:55px;
}
#suchText
{
    font-size:12px;
    background-color: #ffffff;
    border-width:1px;
    border-style:solid;
    border-color:#f49e00;
}
#suchButton
{
    font-family:Verdana, Arial, Helvetica, Sans-Serif;
    font-size: 9px;
    color: White;
    margin-left: -5px;
    border: 0;
    background-color: transparent;
}
#datum
{
    position:absolute;
    left:148px;
    top:110px;
    border-bottom: 1px solid #236;
    color: #236;
    font-family: Verdana;
    font-size: 11px;
    font-weight: bold;
    width:617px;
}
#rssbutton
{
    position:absolute;
    left:360px;
    top:89px;
}
#rsstext a {
    position:absolute;
    left:400px;
    top:89px;
    font-family: Tahoma;
    text-decoration: none;
    font-size: 10px;
    color: Black;
}
#navismall 
{
    position:absolute;
    left:530px;
    top:76px;
    width: 237px;
    color: #22a;
    font-family: Verdana;
    font-size: 11px;
    font-weight: bold;
}
/*------------------------------------------------------------------------
Menü
------------------------------------------------------------------------*/

#seitenMenue {
    float: left;
    margin-right: 15px;
    background-color: #eee;
    width: 130px;
}
.menuButton1 
{
    font-family: Arial;
    background-color: #aaa;
    padding: 3px 5px;
    font-size: 13px;
    font-weight: bold;
    color: #fff;
    cursor: pointer;
}
.menuButton1 a, .menuButton1 a:visited
{
    color: #fff;
    text-decoration:none;
}
.menuButton1 a:hover
{
    color: #223366;
}
.menuButton2 
{
    font-family: Tahoma;
    background-color: #eee;
    padding: 2px 8px;
    border-bottom: 1px solid white;
    font-size: 11px;
    cursor: pointer;
}
.menuButton2 a, .menuButton2 a:visited  
{
    color: #333;
    text-decoration:none;
}
.menuButton2 a:hover 
{
    color: #223366;
}

.rechteBox {
    float: right;
    text-align: right;
    margin-left:40px;
    margin-bottom:20px;
    width: 200px;
}

#seitenContent {
    overflow: hidden;
    width: 618px;
    font-family: Verdana;
    font-size: 13px;
    color: #444;
    line-height: 1.5em;
    margin-bottom: 50px;
    text-align:left;
    padding-right: 13px;
    background-color: #fff;    
}
#seitenContent h1, #seitenContent h1 a {
    font-weight: bold;
    font-size: 18px;
    line-height: 1.2em;
    color: #000;
    text-decoration: none;
}
#seitenContent h1 a:hover, #seitenContent h2 a:hover, #seitenContent h3 a:hover {
    color: #223366;
    text-decoration: underline;
}
#seitenContent h2, #seitenContent h2 a {
    font-weight: bold;
    font-size: 16px;
    line-height: 1.2em;
    color: #000;
    text-decoration: none;
}

#seitenContent h3, #seitenContent h3 a {
    font-weight: bold;
    font-size: 14px;
    line-height: 1.2em;
    color: #000;
    text-decoration: none;
}
#seitenContent h4 {
    font-weight: bold;
    font-size: 12px;
    line-height: 1em;
    color: #000;
}

#googleAdSense 
{
    margin-top: 20px;
    margin-bottom: 20px;
}
#bookmarks 
{
    margin-left: 5px;
    margin-top: 8px;
}
    
.meinOrgenda {
    background-color:#236;
}
.meinOrgenda div 
{
    padding: 1px 0;
    border-bottom: 1px solid #125;
    cursor:pointer;
}
.meinOrgenda a:hover 
{
    color:#4466aa;
}
.startMeinOrgenda 
{
    float: right;
    font-size: 10px;
    line-height: 1.2em;
    text-align: right;
}
.logintext
{
    width: 114px;
    font-size: 10px;
    margin-bottom: 1px;
    background-color: #fef1b9;
    border: inset 1px #a28300;
}
.loggedin
{
    background-color: #fef1b9;
    color: #a28300;
}
.loginbutton
{
    border-top: 1px solid #fef1b9;
    border-right: 1px solid #a28300;
    border-bottom: 1px solid #a28300;
    border-left: 1px solid #fef1b9;
    width: 68px;
    font-size: 9px;
    padding:0;
    margin-bottom: 2px;
    background-color: #fbcb00;
    font-weight: bolder;
}
.interninfos 
{
    font-family:Courier New;
    font-size:14px;
    color:white;
    padding: 8px;
}

/*------------------------------------------------------------------------
Produktseiten
------------------------------------------------------------------------*/
.bu
{
    font: 10px Verdana;
    font-weight: bold;
    color: #444;
}

/*------------------------------------------------------------------------
Schriften
------------------------------------------------------------------------*/
.klein 
{
    font: 10px Verdana;
}
.kleinTahoma
{
    font: 9px Tahoma;
}
.ft 
{
    font: 12px Verdana;
}

/*------------------------------------------------------------------------
Farben
------------------------------------------------------------------------*/
.simplifybg
{
    COLOR: white;
    BACKGROUND-COLOR: #5a71d6
}
.simplifybghell
{
    BACKGROUND-COLOR: #f0f0f0
}
.simplifybghell2
{
    BACKGROUND-COLOR: #e0e0f0
}

a { color: #24c; }
a:visited { color: #446; }

/*------------------------------------------------------------------------
Startseiten
------------------------------------------------------------------------*/
.homepageBeitrag 
{
    margin-bottom: 3em;
    margin-right: 25px;
    clear: left;
}
.homepageWillkommen
{
    BACKGROUND-COLOR: #fffbf6;
    padding: 5px;
    width: 360px;
    float: none;
}

.hpWillkommenUnterschrift
{
    color: #236;
}

.homepageBeitrag .text 
{
}

.homepageBeitrag .quelle
{
    font-style: italic;
    margin-top: .5em;
    font-size: 11px;
}

/*------------------------------------------------------------------------
Bilder
------------------------------------------------------------------------*/
.bildRechts {
    float: right;
    margin-left: 20px;
    margin-bottom: 10px;
    margin-top: .5em;
}
.bildLinks {
    float: left;
    margin-right: 15px;
    margin-bottom: 10px;
    margin-top: .5em;
}

/*------------------------------------------------------------------------
Banner
------------------------------------------------------------------------*/
.banner 
{
    margin-bottom: 20px;
    /*background-color: #e7e7e7;*/
    background-color: #f4f4f4;
    border-right: 1px solid #999;
    border-bottom: 1px solid #999;
    text-align: center;
}
.banner form {
    padding: 3px;
}
#skyscraperRechts
{
 	position: absolute;
	top: 610px
	left: 785px;
    width: 120px;
    height: 600px; 
}
#skyScraper2
{
    position: absolute;
    left: 785px;
    top: 0px;
    width: 120px;
    heigh: 600px;
}
.nlbanner 
{
    border-left: 1px solid #eee; 
    border-top: 1px solid #eee;
}
/*------------------------------------------------------------------------
Tipp der Woche / Produkt der Woche / Newsletter
------------------------------------------------------------------------*/
.tippDerWoche , .produktDerWoche, .newsletterAnmeldung, .votingbox
{
    margin-bottom: 20px;
    background-color: #e7e7e7;
    font-family: Tahoma;
    font-size: 11px;
    line-height: 1.2em;
    text-align: left;
}
.tippDerWoche .kastentitel, .produktDerWoche .kastentitel, .newsletterAnmeldung .kastentitel, .votingbox .kastentitel
{
    background-color: #236;
    color: White;
    font-weight: bold;
    padding: 2px 5px;
}
.tippDerWoche .kastentext, .produktDerWoche .kastentext, .newsletterAnmeldung .kastentext,  .votingbox .kastentext
{
    padding: 3px 5px;
    border-right: 1px solid #999;
    border-bottom: 1px solid #999;
}
.tippDerWoche .bildRechts
{
    margin-top: 0;
    padding-right: 1px;
    margin-left: 10px;
}
.tippDerWoche .bu, .produktDerWoche .bu 
{
    font-family: Tahoma;
    line-height: 1em;
    margin-top: 3px;
    font-size: 9px;
    text-align: center;
}
.produktDerWoche .bu 
{
    margin-bottom: 20px;
}

.tippDerWoche .titel, .produktDerWoche .titel, .newsletterAnmeldung .titel
{
    margin-bottom: .5em;
}

.produktDerWoche .bild 
{
    text-align: center;
    margin-top: 10px;
}
.tippDerWoche .link, .produktDerWoche .link
{
    font-weight: bold;
    margin: .5em 0;
}

.newsletterAnmeldung .mini {
    font-family: Tahoma;
    font-size: 9px;
}
.newsletterAnmeldung input, .newsletterAnmeldung select {
    width: 97%;
}

.downloadNeu {
    background-color: red;
    color: #ffa;
    font-size: 12px;
    font-weight: bold;
    padding: 1px;
    border-bottom: 1px solid #700;
    border-right: 1px solid #700;
    border-left: 1px solid #f77;
    border-top: 1px solid #f77;
}

/*------------------------------------------------------------------------
Abobereich
------------------------------------------------------------------------*/
.archivAusgabe {
	font-size: 10px;
	color:#a22;
}
.archivKurzfassung {
	font-size: 10px;
	line-height: 12px;
	color: #333;
}

.aboListe {
   list-style: square;
   line-height: 1.5em;
}
.aboListeItem {
	margin-bottom: 1em;
}
.themenListeLevel1 {
   font-size: 14px;
   font-weight: bold;
}
.themenListeLevel1Item {
   line-height: 3em;
}
.themenListeLevel2 {
   font-size: 11px;
   font-weight: normal;
   line-height: 14px;
}
.themenListeLevel2Item {
   line-height: 1.3em;
}

/*------------------------------------------------------------------------
Eingebettete Artikel / NL
------------------------------------------------------------------------*/
.archiv { color: black; }
.newsletter { line-height: 1.1em; text-align: left; }

.orderdata {
    padding: 8px; 
    background-color: #f7f7f7; 
    border-right: 1px solid #aaa; 
    border-bottom: 1px solid #aaa;
    font-family: Courier New, Courier, Monospace;
    font-size: 13px;
}

.produkt {
	height: 215px;
	line-height:1em;
	font-size:11px;
	font-family:Tahoma;
	float: left;
	position: relative;
	border: 0px dashed green;
	vertical-align: middle;
	text-align: center;
	margin-bottom: 25px;
}
.produktimg {
    width:120px;
    margin-right:35px;
}
.produktname {
	border: 0px dashed red;
	position: absolute;
	bottom: 5px;
	left: 0px;
	width: 120px;
}
.angemeldet {
    font-size:9px;
    font-weight:bold;
    color: #ffffff;
    background-color:#4dba56;
    border-bottom:1px solid #040;
    border-right:1px solid #040;
    padding:1px;
    margin-top:3px;
}
.nichtangemeldet {
    font-size:9px;
    font-weight:bold;
    color: #915d46;
    background-color:#e0906c;
    border-bottom:1px solid #400;
    border-right:1px solid #400;
    padding:1px;
    margin-top:3px;
}

/*------------------------------------------------------------------------
Wissenscheck
------------------------------------------------------------------------*/
.richtig { color: #0b0; font-weight: bold; font-size: 18px; }
.falsch { color: #f00;  font-weight: bold; font-size: 18px; }

#socialbookmarking {
    margin-bottom: 4px;
}
#socialbookmarking a {
    font-family: Arial;
    font-size: 11px;
    font-weight: bold;
    color: #555;
    text-decoration: none;
}
