/*
 * CSS für lifeandscience.de
 * Realisiert durch KONO (www.kono.de)
 *
 * Rev 8 (THe, 28.03.07)
 * - Newsletterbox-Stile
 *
 * Rev 7 (THe, 21.12.06)
 * - Quickfix für Menues im IE7
 *
 * Rev 6 (???)
 * - Änderungen der Hintergrundbilder für sauberere Optik
 * 
 * Rev 5 (THe, 08.12.06)
 * - Verzerrte Bilder in grünen Boxen gefixed (L 582)
 *
 * Rev 4 (THe, 09.10.06)
 * - Elementfluss auf Kontaktformularen sauberer gelöst
 * - Inputfelder schmaler (17.6->16em)
 *   (Zoomproblem und Verrutschtes Feld Proflight/IE)
 * - Q+A: Textareabreite optimiert (27.4->[25|24.3])
 * - Proflight: eigener Anweisungsblock. Textarea angepasst
 * - Bestellung: Textarea angepasst
 * - Kommentar ergänzt zu Formularen die durch form#konakt betroffen sind
 *
 * Rev 3 (AKö, 29.09.06)
 * - Formularlabels schmaler gemacht (20em statt 30em)
 * - Schriften in input/textarea angepasst (Groesse und Familie)
 * - Textareas schmaler gemacht (22em statt 24.8em)
 *
 * Rev 2 (THe, 22.09.06)
 *  - Formularbestätigungen (win+fun, proflight) nachgestyled (Grüner Kasten)
 *
 * Rev 1 (THe/AKö)
 *  - Launch Version
 */

* { 
    margin: 0; 
    padding: 0; 
}

body { 
    color: #003; 
    background: url("../graphics/bg.png") repeat-x #c9cee2; 

    font-size: 62.5%; 
    font-family: "Verdana", serif;
    text-align: center;
}

fieldset {
    border: none;
}

a {
    color: #003;
    background-color: inherit;

    text-decoration: none;
    font-weight: bold;
    }

    /* Pfeil als HG-Bild (wegen Accessibility) */
    a.pfeil {
        padding-right: 1em;
 
        background-image: url("../graphics/pfeil.gif");
        background-repeat: no-repeat;
        background-position: 100% 50%;
    }

    a img {
        border: 0;
    }

    a:link, a:visited, a:hover, a:active, a:focus { 
}

h1 {
    font-weight: normal;
    text-transform: uppercase;	
    font-size: 1.4em;
    font-family: "Arial", sans-serif;
    }

    h1.teaser {
        color: inherit;
        background-color: #003;

        padding: 0.2em;
}

h2 {
    color: #003;
    background-color: inherit;

    text-transform: uppercase;
    font-family: "Arial", sans-serif;
    font-size: 1.4em;
}

p {
    color: #003;
    background: inherit;

    font-family: "Verdana", serif !important;
    font-size: 1.1em;
    line-height: 1.4em;
    }


    p img {
        /*padding: 0.5em;*/
        padding: 0;
    }

    p.subline {
        font-weight: bold;
    }

    p.teaser {
        margin-bottom: 0.5em;
    }


    /* Gruene Infobox, volle Breite */
    p.infobox, 
    #twocolumns p.infobox {
        color: #fff;
        background-color: #a6d200;

        border: 1px solid #003;

        padding: 0.5em !important;
        margin: 0.5em;
        }

        p.infobox span.titel {
            display: block;

            font-size: 1.4em;
            font-weight: bold;
            font-family: "Arial", sans-serif;
            padding-bottom: 0.5em;
    }

    /* Gruene Infobox, halbe Breite */
    p.infoboxhalb {
        color: #fff;
        background-color: #a6d200;

        width: 50%;
        border: 1px solid #003;

        padding: 0.5em;
        margin: 0.5em;
        }

        p.infoboxhalb span.titel {
            display: block;

            font-size: 1.4em;
            font-weight: bold;
            font-family: "Arial", sans-serif;
            padding-bottom: 0.5em;
    }

    /* Weisse Infobox, volle Breite */
    p.infoboxweiss {
        color: #003;
        background: #fff;

        border: 1px solid #003;

        padding: 0.5em;
        margin: 1em 0.5em;
        }

        p.infoboxweiss span.titel {
            display: block;

            font-size: 1.4em;
            font-weight: bold;
            font-family: "Arial", sans-serif;
            margin-bottom: 0.5em;
    }

    /* Graue Infobox, volle Breite */
    p.infoboxgrau {
        color: #fff;
        background: #999;

        border: 1px solid #003;

        padding: 0.5em;
        margin: 1em 0.5em;
        }

        p.infoboxgrau span.titel {
            display: block;

            font-size: 1.4em;
            font-weight: bold;
            font-family: "Arial", sans-serif;
            margin-bottom: 0.5em;
}

table {
    border-spacing: 0;
    border-collapse: collapse;
    empty-cells: show;
    caption-side: bottom;
}



/*============================================================================*/
/* Microformats + Accessibility */

.vevent abbr, abbr.dtstart, abbr.dtend {
    border: none;
}

/* Orientierungs-/Bedienungshilfen bei nicht-CSS Browsern => Lynx */
.noncss {
    display: none;
}



/*============================================================================*/
/* Layoutstruktur */

#wrapper { 
    position: relative; 
    width: 77.5em; 
    margin: 0 auto .87em; 

    text-align: left; 
    margin-top: 1em; 
}

#skyscraper {
	position:absolute;
	left:50%;
	margin-left: 40.4em;
	top:11em;
}

#skyscraper_left {
	position:absolute;
	left:50%;
	margin-left: -56.4em;
	top:11em;
}

#banner {
   text-align:center;
   margin: 1em 0;
	*margin: 0em  0 1em 0;
}

div.content_ad {
    text-align:center;
    padding:1em 0;
    /* border-bottom: 1px dashed #ccc; */
    border-top: 1px dashed #ccc;
    margin:1em 0;
}

#top { 
    width: 77.5em !important; 
    height: 1em; 

    color: inherit;
   /* background: #fff url("../graphics/t.png") repeat-x left top; */
 background: #fff;
    float: left; 
    
    /* IE 5.0-6.0 */   
    width: 78.5em;
    }

    #topleft {  
        width: 38.5em;

        float: left; 
    }

    #topright { 
        width: 38.5em;

        float: right; 
        text-align: right; 
}

#top img {
display:none;
}

#footer { 
    width: 77.5em !important; 
    height: 1.7em; 

    float: left; 
    clear: left; 

    color: inherit;
/*    background: #e6e6e6 url(../graphics/b.png) repeat-x top left; */
  background: #fff;   
    /* IE 5.0-6.0 */   
    width: 78.5em;
    }

    #bottomleft { 
       width: 38.5em; 

       float: left; 
    }

    #bottomright { 
        width: 38.5em; 

        float: right; 
        text-align:right; 
}

#bottomleft img,
#bottomright img {
display:none;
}

#content { 
    width: 75em; 

    color: inherit;
background: #fff;	
    /*background: #c00 url("../graphics/l.png") repeat-y top left; */
    float: left; 
   
    }

    #contentleft { 
        width: 1em; 

        float: left; 
    }

    #contentcenter {
        position: relative; 
        width: 76em;
        height: 50em; 
*width: 76em; 
_width: 76.5em; 
        color: inherit;
       /* background: #fff url("../graphics/r.png") repeat-y 100% 0;*/
 background: #fff;

        float: left; 
        margin-left: 1.5em !important; 
        padding-right: 0 !important;

        /* MAC: Safari */
        height: auto;

        /* IE 5.0-6.0 */
        margin-left: 1em;
        padding-right: 1em;
        }

        body>div #contentcenter { 
            margin-left: 0.5em; 
            height: auto; 
            min-height: 50em; 
    }
  	
    #contentright { 
        width: 1em; 

        float: left; 
}


#header, #text, #toolleft, #toolright, #ads, #copy, #menue, #twocolumns {
    float: left;
}

#header {
    width: 75.5em;
    }

    /* Mitzoomendes Headerbild */
    #header img {
        height: 11em;
        width: 74em;

        border: none;
}

#menue {
    width: 75.5em;
    margin-bottom: 1em;
    }

    /* Mitzoomener Menuehintergrund */
    #menue img {
        width: 74.5em;
}

#meta {
    position: absolute;
    top: 1em;
    right: 2em;

    color: inherit;
    background-color: #fff;
}

#text {
    width: 38em;
    
    margin-right: 0.5em;
    }

    #text h1 {
        background-color: #003;
        color: #fff;

        padding: 0.2em;

        font-weight: bold;
        font-family: "Arial", sans-serif;
    }

    #text h2 {
        padding-top: 0.5em;
    }

    #text ul { 
        padding: 0; 
        font-size: 1.1em;
        margin-bottom: 1em; 
        margin-left: 1em;

        list-style: square;
        list-style-position: inside;
    }

    #text li { 
        list-style-position: inside;
    }
    
    #text p {
        padding-top: 0.5em;
        padding-left: 1em;
    }

    #text div p {
        padding-left: 0.5em;
}

/* Ueberbreites Element ueber toolleft/toolright */
#twocolumns {
    width: 35.5em;
    }

    #twocolumns div {
        }

        #twocolumns div h1 {
            font-family: "Geneva", sans-serif;

            text-transform: uppercase;
            font-weight: bold;
        }

        #twocolumns div p {
            color: inherit;
            background-color: inherit;
    }

    #welcome {
     	float:left;
        padding: 0.5em 1em;
        }

        #welcome h1 {
            margin-bottom: 0.5em;
            font-family: "Arial", sans-serif;
        }

        /* Weiss hinterlegte Links */
        #welcome a {
            display: inline;
            color: #003;
            background-color: #fff;
            padding: 0.2em 1.5em 0.2em 0.5em;

            background-image: url("../graphics/pfeil.gif");
            background-repeat: no-repeat;
            background-position: 98% 50%;

            /* IE 5.0 */
            height: 0;
            clear:both;
    }
    
    #welcome div.boxleft {
    	float:left;
    	width:16em;
    	*width:16.5em;
    	
    
    	
    }
    
     #welcome div.boxright {
     	float:left;
     	width:16em; 
    	*width:15.5em; 
    	_width:16.8em; 
    	padding-left:1.2em;
   
    }

    /* Ueberselektiert fuer hoehere Prioritaet ueber .green_box */
    #twocolumns #history {
        color: #666;
        background-color: #fff;

        height: 1.4em;
        padding: 0.2em !important;

        font-size: 1.1em;

        /* IE-spezifisch */
        padding: 0.35em;
        } 

        /* Horizontale Liste */
        #history ul {
            list-style: none;
        }

        #history li {
            display: inline;
            padding: 0 0.5em;

            /* IE5 braucht das um padding zu rendern */
            height: 1.2em;
        }

        #history li a {
            color: inherit;
            background-color: inherit;
            awhite-space: nowrap;
}

#toolleft {
    display:block;
    width: 17.3em !important;

    overflow:hidden;
    margin-right: 0.5em;	

    /* Spannt die Spalte auf, auch wenn sie leer ist */
    border: 1px solid #fff;

    /* IE */
    width: 17.5em;
}

#toolright {
    width: 17.3em !important;

    overflow:hidden;

    /* Spannt die Spalte auf, auch wenn sie leer ist */
    border: 1px solid #fff;

    /* IE */
    width: 17.5em;
}

/* Copyright-Footer */
#copy {
    display: block;
    width: 77.5em;
    height: 5em;

    color: #fff;
    background-color: inherit;
    background: url("../graphics/klett_logo.png") no-repeat right center;

    margin: 1em 0 1em;
    font-size: 1.0em;
  
}


#copyright {
    display: inline;
    padding-left: 14em;

    background-color: inherit;
    color: #fff;

    font-weight: bold;
}



/*============================================================================*/
/* Gruene Boxen */

/* Gruene Boxen allgemein */
.green_box {
    color: #fff;
    background-color: #a6d200;

    padding: 0.2em;
    }

    .green_box h1 {
        padding: 0.1em;

        font-weight: bold;
        text-transform: uppercase;
        font-family: "Arial", sans-serif;
    }

    .green_box p {
        color: #fff;
        background-color: inherit;
        background-image: none;

        padding: 0;
        margin: 0;        

        font-weight: normal;
        }

        .green_box p .subline {
            font-weight: bold;
    }

/*    .green_box img {*/
    .frame .green_box img {

        /* IE-spezifisch */
        margin-left: 0 !important;
        margin-left: -0.6em;
        width: 100% !important;
        width: 104%;

        height: 6em;
        border: none;
    }

    .green_box a.pfeil {
        display: block;

        text-align: right;
        cursor: pointer;
}

#pink {
  background-color: #ff0066;
  float:left;
  width:98%;
  _width:100%;
}

/* Standardlayout in linker Spalte: Überschriften weiss auf schwarz */
#toolleft .green_box {
    }

    #toolleft .green_box h1 {
        color: #fff;
        background-color: #003;
}

/* Ueberselektiert fuer hoehere Prioritaet gegenueber .greenbox */
#toolleft div#schueler {
    padding-bottom: 3em;

    /* Hintergrund */
    padding-top: 20em;
    background-image: url("../graphics/megaphon_060802.gif");
    background-repeat: no-repeat;
    background-position: 50% 0%;

    color: #003;
    background-color: #fff;
    }

    /* OmniWeb: Hintergrundbild anders nicht entfernbar */
    #toolleft div#schueler p { 
        background-position: -100em -100em;  
    }

    /* Keine eingefaerbte Ueberschrift */
    #toolleft div#schueler h1, 
    #toolleft div#schueler p {
        color: #003;
        background-color: #fff;
}

/* Ueberselektiert fuer hoehere Prioritaet gegenueber .greenbox */
#toolleft div#umfrage {
    padding-bottom: 0em;

    /* Hintergrund */
    padding-top: 12em;
    background-image: url("../graphics/megaphon_060802_small.gif");
    background-repeat: no-repeat;
    background-position: 50% 0%;

    color: #003;
    background-color: #fff;
    }

    /* OmniWeb: Hintergrundbild anders nicht entfernbar */
    #toolleft div#umfrage p { 
        background-position: -100em -100em;  
        margin-bottom:1em;
    }
    
  /*
    #toolleft div#umfrage p img{ 
        margin-left:6em;
    }
*/

    /* Keine eingefaerbte Ueberschrift */
     
    #toolleft div#umfrage p {
        color: #003;
        background-color: #fff;
}


    #toolleft div#umfrage h1 {
    color: #003;
       background-color: #fff;
}


/* Spezialfall: Gruene Box im Content */
#text .green_box {
    margin-top: 0.5em;
    padding-bottom: 1.0em;
    }

    #text .green_box p {
        text-align: center;
  
    }

    #text .green_box a {
        color: inherit;
        background-color: inherit;

        margin: 0.2em;
        padding: 0.2em 1.5em 0.2em 0;
        background-position: 98% 0.6em;
        background-image: url("../graphics/pfeil.gif");
        background-repeat: no-repeat;
}



/*============================================================================*/
/* Bewertungen + Kommentare (papers+presentations) */

div.rating, 
div.stars, 
div.tx-elunapagecomments-pi1 {
    margin: 1em 0;
}



/*============================================================================*/
/* Tools: Grundlegendes styling */

/* Umrahmte Box allgemein */
.frame {
    border: 1px solid #9a9a9a;
    margin-bottom: 0.5em;
    }

    .frame h1, .frame h2 {
        text-transform: uppercase;
        font-weight: bold;
}


/* Alle uebergreifenden Settings fuer Toolboxen */
.tool {
    margin: 0.1em;
    }

    .tool h1 {
        color: #fff;
        background: #999;

        padding: 0.2em;
        font-weight: bold;
        text-align: left;
        font-family: "Arial", sans-serif;
    }

    /* Listen in Tools */
    .tool ul  {
        list-style: none;
    }

    .tool li {
        text-align: left;
        padding: 0.5em;
    }

    .tool a {
        font-weight: bold; 
        text-decoration: none;

        color: #666;     
        background-color: inherit;
    }

    /* Abwechselnd gefaerbte Elemente in Listen */
    .tool .element {
        color: inherit;
        background: #fff;
    }

    .tool .element_alt {
        color: inherit;
        background: #dededc;
}

/* Zweckentfremdete Infobox. Trans-Tool sozusagen */
#toolleft .infoboxweiss,
#toolright .infoboxweiss {
    margin: 0 0 0.5em 0;
    border: 1px solid #9a9a9a;
    }

    #toolleft .infoboxweiss img,
    #toolright .infoboxweiss img {
        margin-bottom: 0.5em;
        float: none;
}



/*============================================================================*/
/* Tools: Konkret */

#tool_tools {
    font-weight: bold;
    padding-bottom: 0.5em;
    }

    #tool_tools h1 {
        color: #fff;
        background-color: #003;
    }

    #tool_tools a {
        padding-left: 1.5em;

        background-repeat: no-repeat;
        background-position: 0% 0%;
        background-image: url("../graphics/pdf_page.gif");

        /* IE 5.0 */
        height: 1em;
        }

        #tool_tools a#send {
            background-image: url("../graphics/versenden.gif");
        }

        #tool_tools a#print {
            background-image: url("../graphics/print_page.gif");
    }

    #tool_tools img {
        border: none;
}

#tool_top5 {
    }

    /* Doc-Icon als Hintergrund (wg Accessibility) */
    #tool_top5 .element, 
    #tool_top5 .element_alt {
        background-image: url("../graphics/doc.gif");
        background-repeat: no-repeat;
        background-position: 0% 50%;

        padding: 0.4em 0.4em 0.4em 2.5em;

        font-size: 1em;
}

#tool_relatedart {
    }

    /* Doc-Icon als Hintergrund (wg Accessibility) */
    #tool_relatedart .element, 
    #tool_relatedart .element_alt {
        background-image: url("../graphics/doc.gif");
        background-repeat: no-repeat;
        background-position: 0% 50%;

        padding-left: 2em;
}

#tool_relatedlink {
    text-align:center;
    }

    #tool_relatedlink a {
        display: block;

        margin: 0.5em;
        font-size: 1.4em;
        }

        #tool_relatedlink a img {
            border: none;
}

#tool_suche {
    text-align: right;
    }

    #tool_suche form {
        margin-bottom: 1em;
    }

    /* Knifflig: Alignments der Felder */
    #tool_suche select {
        width: 96%;
        margin: 0.2em;
    }

    #tool_suche input {
        width: 94% !important;
        margin: 0.2em;

        /* IE */
        width: 99%;
    }

    #tool_suche label {
        display: none;
    }

    #tool_suche .details {
        text-align: right;
        padding: 0 1em 0.5em 0;

        /* IE 5.0 */
        height: 1em;
    }


    #tool_suche #los {
        background-color: #999;
        color: #fff;

        width: 8em !important;
        font-weight: bold;
        cursor: pointer;
}

#tool_aktuelles {
    text-align: center;
    }

    /* Bundesland */
    #tool_aktuelles select {
        width: 96%;
        margin: 0.2em;
    }

    /* Kein Termin gefunden */
    #tool_aktuelles h3 {
        padding-top: 0.5em;
        font-size: 1.1em;
    }

    /* Monatsauswahl */
    #aktuelles_monat {
        list-style: none;
        margin: 1em 0;
        }

        #aktuelles_monat li {
            display: inline;
            height: 1em;

            padding: 0.5em 1.3em;;

            color: #003;
            background-color: #c9cee2;
        }    

        #aktuelles_monat a {
            color: #003;
            background-color: #c9cee2;

            font-weight: bold;
            font-size: 1.1em;

            text-align: center;
            vertical-align: middle;
        }

        #aktuelles_monat .active,
        #aktuelles_monat .active a {
            color: #fff;
            background-color: #003;
    }

    /* Uhr-Icon als Hintergrund (wg Accessibility) */
    #tool_aktuelles .element, #tool_aktuelles .element_alt {
        background-image: url("../graphics/uhr.gif");
        background-repeat: no-repeat;
        background-position: 0 0.5em;
        padding-left: 2.5em;
    }

    /* Weiter-Link stylen */
    #tool_aktuelles .details {
        text-align: right;
        padding: 0 1em 0.5em 0;

        /* IE 5.0 */
        height: 1em;
}



/* ========================================================================== */
/* Top- / Listenartikel */

.newcopy {
    color: #fff;
    background-color: inherit;
    overflow: hidden;

/* TODO */
    /* IE-specific hack (strange 0.2px padding) * /
    height: 18em !important;
    width: 37.9em !important;
    height: 18.2em;
    width: 38.1em;*/
    }

    /* Mitzoomendes Bild */
    .newcopy img, 
    #text .csc-textpic-imagewrap img {
        width: 38em;
        height: 18em;

    }

    .newcopy p {
        padding: 0 0.5em 0;
    }

    /* Beim groessten Teaser wird der Titel ins Bild geschoben */
    .newcopy h2 {
        display: inline;
        position:absolute;
        left: 0.5em;
        top: 21.3em !important;

        color: #003;
        background-color: #fff;

        padding: 0.2em 0.5em;
        font-size: 1.4em;
        font-weight: bold;

        /* IE */
        top: 21.3em;
    }

    .newcopy .subline {
        display: inline;
        position: absolute;
        left: 0.6em;
        top: 29em !important;

        color: #003;
        background-color: #fff;

        padding: 0.2em 0.5em;

        font-size: 1.1em;

        /* IE */
        top: 29.5em;        
    }

    /* Rechtsorientierter Link unter Topartikel (Gibt es im Moment nicht) */
    .newcopy a {
        display: block;

        text-align: right;

        padding: 1em 1.5em 0.5em;
        background-position: 98% 1.1em;
        background-image: url("../graphics/pfeil.gif");
        background-repeat: no-repeat;
}

.articleteaser {
    margin: 0 0.5em 1em;
    clear: both;
    }

    /* Padding seitlich relativ und gleich... Knifflig */
    .articleteaser h2 {
        padding-top: 0.5em;
        padding-left: 0.4em;
    }

    .articleteaser p {
        padding-top: 0.5em;
        padding-left: 0.5em;
        }
    
        .articleteaser p.infos {
            clear: both;
            margin: 0.5em 1em 1em 0.5em;
            padding: 0.5em;

            border: 1px dashed #ddd;

            color: inherit;
            background-color: #fbfbfb;
    }

    .articleteaser img {
        margin: 0.8em 0.5em 0.5em 0.5em;         

        float: left;
        clear: both;
    }

    .articleteaser a {
        margin-left: 0.6em;
        margin-bottom: 0.5em;

        display: block;
        text-align: left;
    }    

    .articleteaser a.pfeil {
        display: block;
        text-align: right;
    }    

    .url a {
        text-align: left;
        margin: 0.2em 0;
        padding: 0.2em;
        display: inline;
        }   

        .url a:hover {
            background-color: #a6d200; color: #fff;
    }

    .unit {
        display: block;
        color: #666;
        background-color: inherit;

        font-family: "Verdana", "Arial", sans-serif;
        font-size: 0.9em;
        text-transform: uppercase;

        /* Trennstrich */
        border-bottom: 1px dashed #ccc;
        padding-top: 1em;

        /* Noetig damit auch ohne angegebene Unit Trennstrich */
        width: 100%;
	}
	
	.unit strong{
	float:right;
	margin-top:-1.4em;
	

	}


.articledetail {
    }

    .articledetail h2 {
        color: #c00;
        background-color: inherit;

        font-size: 2.4em;
        font-weight: bold;

        padding-left: 0.2em;        
    }

    .articledetail p {
        font-size: 1.1em;
        line-height: 1.4em;
        font-family: "Geneva", sans-serif;

        padding: 0.5em 0;
        }

        .articledetail p.infos {
            clear: both;
            margin: 0.5em 1em 1em 0.5em;
            padding: 0.5em;

            border: 1px dashed #ddd;

            color: inherit;
            background-color: #fbfbfb;
        }

        .articledetail p.subline {
            padding-bottom: 0.5em;

            color: #c00;
            background-color: inherit;

            font-family: "Verdana", "Arial", sans-serif !important;
        }

        .articledetail p.teaser {
            padding: 0.5em 0 0 0;

            font-weight: bold;
    }

    .articledetail ul {
        list-style: square;
    }

    .articledetail li {
        list-style: square;
        padding-left: 3em;
    }

    .articledetail a.back {
        display: block;
        font-size: 1.1em;
        padding-top: 0.5em;
        border-top: 1px dashed #003;

        background-image: url("../graphics/pfeil_rev.gif");
        background-repeat: no-repeat;
        background-position: 0% 70%;
        padding-left: 1.5em;
    }

    /* Für Headerbild UND Artikelbilder */
    .articledetail img {
        margin: 0 1em 0.2em 0;
}

.sectionlink {
    color: #003;
    background-color: #caff01;

    padding: 0.3em 0.5em;
    }

    .sectionlink a {
        display: block;
        text-align: right;
}

/* Tabellen */
table.contenttable {
    width: 100%;
    margin: 1em 0em;
    }

    table.contenttable p {
        display: inline;
        padding: 0 !important;
    }

    table.contenttable tr {
    }

    table.contenttable th {
        height: 2em !important;

        color: #fff;
        background: #003;
    
        text-align: left;
        font-size:1.1em !important;
        padding: 0.5em;

        /* IE only */
        height: 1.5em;
        font-size:11px;
    }

    table.contenttable td {
        padding: 0.5em;

        border-bottom: 1px solid #ccc;

        vertical-align: top;
        font-size:1em !important;

        /* IE only */
        font-size:11px;
}



/* ========================================================================== */
/* Suche */

#text div.tx-konolasartikel-pi1 {
    margin-bottom: 3em;
}

ul.tx-konolasartikel-pi1-browsebox {
    display: block;
    width: 95%;
    height: 1.6em;

    margin: 0.5em 0;

    border-top: 1px solid #ccc;
    border-bottom: 1px solid #ccc;

    font-weight: bold;
    font-size: 1em;
    }

    ul.tx-konolasartikel-pi1-browsebox a {
        color: inherit;
        background-color: inherit;
    }

    ul.tx-konolasartikel-pi1-browsebox li {
        display: inline;
        float: left; 
        padding: 0.2em 0.5em;
    }

    ul.tx-konolasartikel-pi1-browsebox li:hover {
        background-color: #000;
        color: #fff;
}

/* Sortierung der Suchergebnisse */
.tx-konolasartikel-pi1 div#result {
    clear:both;
    }

    .tx-konolasartikel-pi1 div#result form {
        margin: 1em 0 0.5em 0;

        text-align: center;
    }

    .tx-konolasartikel-pi1 div#result form select {
        width: 10em;

        text-align: left;
}



/*============================================================================*/
/* Menues */

#mainmenue {
    list-style: none;

    position: absolute;
    top: 11.6em !important;
    left: 0;

    padding-left: 0.5em;

    /* IE */
    top: 11.5em;
    }

    /* Menuestil */
    #mainmenue a {
        color: #003;
        background-color: inherit;

        /* Der Pfeil wird im Hauptmenue dem Link vorangestellt */
        background-image: url("../graphics/pfeil.gif");
        background-repeat: no-repeat;
        background-position: 1.5em 50%;

        padding: 0.3em 2.7em 0.3em 2.7em;

        font-size: 1.1em;

        /* IE 5.0 needs this */
        height: 0;
    }

    #mainmenue li {
        /*display: inline;*/
        display: block;        

        line-height: 1.8em !important;

        /* IE */
        line-height: 1.4em;
    }


    /* You are here-Indikator */
    #mainmenue #activefirst {
        color: #fff;
        background: #003;
    }

    #mainmenue a.activelinkfirst {
        color: #fff;
        background: #003;
    }

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


    /* Dropdown-Menues */
    #mainmenue li {
        float: left;
    }

    #mainmenue ul.secondmenue {
        display: none;
        position: absolute;

        width: 17em;
        }

        #mainmenue ul.secondmenue li {
            display: block;
            left: 0 !important; 
            top: 0 !important;

            /* FF 0.5-1.0, Moz 1.7, NS 7.2/8.1: Place menu in front of images */
            z-index: 100;

            /* IE */
            position: relative;
            left: -120px;
            top: 20px;
            }

            #mainmenue ul.secondmenue li a {
                display: block;
                width: 12em !important;
                height: 1.4em;

                /* Adjust background image */
                background-position: 0.8em 50%;
                padding-left: 2em;

                color: #003;
                background-color: #fff;

                border: 1px solid #999;

                /* IE */
                width: 220px;
                white-space: nowrap;
        }

        /* Quickfix für IE7 (THe, 21.12.06) */
        *+html #mainmenue ul.secondmenue {
            margin-left: -15.8em;
            margin-top: 1.8em;
    }

    #mainmenue li:hover ul, #mainmenue li.over ul {
        display: block;
}


#metamenue {
    list-style: none;
    padding-top: 0.2em;
    }

    #metamenue li {
        display: inline;
        padding: 0 1em;

        /* IE 5.0 needs this */
        height: 0;
    }

    #metamenue a {
        color: #666;
        background-color: #fff;

        text-decoration: none;
        font-size: 1em;
        font-weight: bold;
}

#metamenue2 {
    display: block;
    float: left;
   
    }

    /* Horizontale Liste */
    #metamenue2 ul {
        list-style: none;
    }

    #metamenue2 li {
        display: inline;
        padding: 0 1em;

        /* IE 5.0 needs this */
        height: 0;
        }

        #metamenue2 li a {
            background-color: inherit;
            color: #fff;

            font-weight: bold;
            text-decoration: none;
}



/*============================================================================*/
/* Sitemap */

#sitemap {
    }

    #sitemap ul {
        padding: 0;
        margin: 0;

        list-style: none;
        list-style-image: none;
    }

    #sitemap li {
        color: #444;
        background: inherit;

        font-size: 1em;
        line-height: 1.2em;
        list-style: none;
        text-decoration: none;

        margin-left: 0;
    }

    /* DEBUG: Somehow some sort of padding gets applied here (on IE only) */
    #sitemap ul.first li {
        background: none;
        font-weight: bold;

        margin-top: 2em;
        margin-left: 1.5em !important;

        /* IE */
        margin-left: 0;
        }
        #sitemap ul.first li a {
            color: #003;
            background: inherit;

            font-size: 1.4em;
            font-family: "Arial", sans-serif;
        }   

        #sitemap ul.first li li {
            /* Part of a hack to make IE and Moz formattings appear same */
            margin-left: 0 !important;
    }

    #sitemap ul.second {
        margin-top: 1em;
        }

        #sitemap ul.second li {
            margin: 0;
        }

        #sitemap ul.second li a {
            display: block;           

            color: #fff;
            background: #999;

            border-bottom: 1px solid #fff;
            padding: 0.3em;

            font-weight: bold;
            font-size: 1.1em;

            width: 25.8em;
            height: 1.1em;
    }

    #sitemap ul.third {
        margin-left: 0 !important;

        /* IE */
        margin-left: 1.5em;
        }

        #sitemap ul.third li {
            margin: 0.2em 0.2em 0.2em 2em;
            padding: 0 0 0 1em;

            color: inherit;
            background: #fff url("../graphics/list.gif") no-repeat 0 0.5em;
    }

    #sitemap ul.fourth li {
        border-top: none;
    }

    #sitemap ul.third li a, 
    #sitemap ul.fourth li a, 
    #sitemap ul.fifth li a, 
    #sitemap ul.sixth li a {
        display: inline;

        border: none;
        margin: 0 !important;
        color: #003;
        background-color: inherit;
        background: none;
    
        font-size: 10px;
        font-family: "Verdana",sans-serif;
        font-weight: normal;

        /* IE */
        margin-left: -1.5em;
    }


    /* LAS-Spezifisch */
    #sitemap ul.desc {
        margin-bottom: 0.2em;
    }
    #sitemap ul.first ul.desc {
        display: none;
    }

    #sitemap ul.second ul.desc {
        display: block;

        /* Man frage mich nicht... IE mal wieder */
        border: none !important;
        border:1px solid white;
        }

        #sitemap ul.second ul.desc li {
            width: 32em !important;
            height: 1.1em;

            color: inherit;
            background-color: #e0e0e0;

            padding-top: 0.2em;
            padding-bottom: 0.2em;
            padding-left: 1em !important;

            margin-left: 1.4em !important;

            font-size: 0.8em;

            /* IE */
            width: 32.4em;
        }

        /* Mozilla / Opera */
        div>#sitemap ul.second ul.desc li {
            margin-left: 0 !important;
        }

    /* Es ist keine weitere Ebene gewuenscht, sie wird aber nur verborgen,
     * um eine bessere Accessibility zu erreichen */
    #sitemap ul.third {
        display: none;
}


/*============================================================================*/
/* Artikelarchiv */

form#detailsuche {
    }

    form#detailsuche fieldset {
        border: 1px solid #ccc;

        margin-bottom: 0.5em;
        padding-top: 0.5em;

        text-align: center;
    }

    form#detailsuche label {
        display: block;
        float: left;

        width: 5.8em;

        margin: 0.3em 0 0 1em;
        text-align: left;
    }

    form#detailsuche select, 
    form#detailsuche input {
        width: 75%;
        margin-top: 0.3em;
    }

    form#detailsuche input#suchstring {
        width: 74% !important;

        /* IE */
        width: 96%;
    }

    form#detailsuche .submit {
        margin: 0.5em 0;
        width: 70%;
}



/*============================================================================*/
/* Termine */

.tx-attacalendar-pi1 {
    }

    .terminlist {
        text-align: center;
        }

        .terminlist form {
            margin-top: 1em;
    }

    .termin, 
    .termin_single {
        text-align: left;

        border-top: 1px dashed #999;
        margin-top: 1.5em;
        padding-top: 0.5em;
        padding-left: 0.7em;
        }

        .termin h2, 
        .termin_single h2 {
            float: none;
            clear: both;

            margin-bottom: 0.5em;
            padding-left: 0.4em;            

            font-size: 1.4em;
            font-weight: bold;
        }

        .termin h3, 
        .termin_single h3 {
            font-size: 1.2em;
            font-weight: bold;
            margin: 0.5em 0 0.5em 0;
        }
        
        .termin span, 
        .termin_single span {
            display: inline;
            float: left;

            padding-left: 0.5em;
            padding-top: 0.6em;

            font-size: 1.1em;
        }

        span.url, 
        span.summary,
        span.location {
            padding: 0;

            border: none;
            font-size: 1em;
        }
    
        .termin a, 
        .termin_single a {
            display: block;

            margin-top: 0.5em;
            padding-left: 1em;
            font-size: 1.1em;
 
            background-image: url("../graphics/pfeil.gif");
            background-repeat: no-repeat;
            background-position: 0% 0.3em;
        }

        .termin_single p.back a {
            padding-top: 0.5em;
            border-top: 1px dashed black;
            font-size: 1em;
}



/*============================================================================*/
/* Kontaktformulare                                                           */
/*  ProFlight (#100), Q+A (#90), Bestellung (#33), P+P (#72), W+F (#24)       */

form#kontakt {
    padding-left: 1em;
    }


    /* IE-Fix */
    form#kontakt legend {
        color: #003;
        background-color: inherit;

        position: relative;
        left: -0.5em;
    }

    form#kontakt fieldset {
        margin-top: 0.5em;

        font-size: 1.1em;

        /* MAC: OmniWeb */
        float: none; 
        clear: both;
        }

        form#kontakt fieldset.remarks {
            margin-bottom: 2em;
            padding-bottom: 2em;

            border-bottom: 1px dashed #000;
    }

    form#kontakt label {
        display: block;
        float: left;
        overflow: visible;
        width: 10em;
        margin: 0.7em 0.2em 0 0;     

        /* Rev 3: Sauberere Tabellenoptik von Formularen */ 
        clear:both;
        }

        form#kontakt label.long {
            float: none;
            width: 20em;
        }

        form#kontakt label span.stern {
            padding-left: 0.5em;
            overflow: visible;
    }


    form#kontakt input {
        width: 15em;

        margin-top: 0.5em;

		font-size: 1em;
		font-family: "Verdana", sans-serif;
        }

        form#kontakt input.short {
            width: 3em;
            margin-right: 1em;
        }

        form#kontakt input.button {
            width: 12em;
            margin-right: 0.5em;
    }

    form#kontakt textarea {
        display: block;
        width: 22em;
        height: 7em;

        margin-top: 0.5em;

		font-size: 1em;
		font-family: "Verdana", sans-serif;
    }
	
    form#kontakt label.error, 
    form#kontakt p.error{
        color: #f00;
        background-color: inherit;
    }

    form#kontakt p.error {
    	font-weight: bold;
	    margin: 1em 0;
}


/* Spezielle Anweisungen fuer Q+A */
form#kontakt .kontakt_qa {
    }

    /* Breiter, wegen "Themenbereich" */
    form#kontakt.kontakt_qa label {
        width: 8em !important;
    }

    form#kontakt.kontakt_qa textarea {
        width: 25em !important;

        /* IE */
        width: 24.3em;
}

/* Rev 4: Spezielle Anweisungen fuer ProFlight */
form#kontakt .kontakt_win {
    }

    form#kontakt.kontakt_win textarea {
        width: 25em !important;

        /* IE */
        width: 24.3em;
}

/* Spezielle Anweisungen fuer Bestellformular */
form#kontakt.kontakt_bestellung {
    }

    form#kontakt.kontakt_bestellung fieldset.order label {
        float: left;
        width: 80%;
        margin: 0 0.5em 0 0;

        /* Rev 3: Elementfluss anders als auf anderen Formularen */
        clear: none;
        line-height: 1.1em;
    }

    /* Ausgabe-Feld im Fluss belassen */
    form#kontakt.kontakt_bestellung label.special { 
        display: inline; 
        float: none !important;

        width: 5em !important;
    }

    form#kontakt.kontakt_bestellung fieldset.order input.breakbefore {
        float: left;
        clear: both;

        height: 1em !important;

        margin-bottom: 1em;

        /* IE: Sonst abgeschnittene Buchstaben bei zweizeiligen Legenden */
        height: 2em;
        margin-top: 0.3em;
        padding: 0.3em;        
    }
    form#kontakt input.checkbox {
	float:left;
	clear:none;	    
    }

    /* Verhindert Umbruch in IE+OP */
    form#kontakt.kontakt_bestellung fieldset.address select {
        margin: 0.2em 0;
    }

    form#kontakt.kontakt_bestellung textarea {
        width: 25em !important;

        /* IE */
        width: 25.2em;
}



/*============================================================================*/
/* Empfehlen-Formular */

#mailform {
    padding-left: 2em;
    }

    form#mailform label,
    form#mailform input {
        margin: 0.2em 0;        
    } 

    form#mailform p {
        padding: 1em 0;
    }

    form#mailform input {
        width: 13em;
    }

    form#mailform input.button {
        width: 12em;

        margin-top: 1em;
        margin-right: 0.6em;
    }

    form#mailform textarea {
        width: 24.9em;
        height: 7em;
    }

    form#mailform label {
        display: block;
        float: left;
        width: 15em;

        }

        form#mailform label.long {
            float: none;
            width: 30em;
        }

        form#mailform label span.stern {
            padding-left: 0.5em;
            overflow: visible;
}


/*============================================================================*/
/* Win + Fun */

#formular div.tx-pilmailform-pi1 {
    color: #fff;
    background-color: #a6d200;
    padding: 1em 0.5em;
    margin: 0.5em 1em;
    border: 1px solid #000;
    font-size: 1.1em;
    }

#formular     div.tx-pilmailform-pi1 h3 {
        margin-bottom: 0.5em;
        font-size: 1.6em;
}





/*============================================================================*/
/* Nutzerregistrierung */

div.tx-srfeuserregister-pi1 {
    margin-left: 2em;

    font-size: 1.1em;
    }

    div.tx-srfeuserregister-pi1 fieldset.info {
        margin: 1em 0;
    }

    div.tx-srfeuserregister-pi1 legend {
        margin-bottom: 1em;
    }

    div.tx-srfeuserregister-pi1 label {
        display: block;
        float: left;
        clear: left;

        width: 11em;

        margin: 0.3em 0;
    }

    div.tx-srfeuserregister-pi1 input.formtext {
        width: 15em;

        margin: 0.2em 0;
    }

    div.tx-srfeuserregister-pi1 input#tx-srfeuserregister-pi1-username {
        margin-top: 0.5em;
        margin-bottom: 1em;
    }

    div.tx-srfeuserregister-pi1 input.tx-srfeuserregister-pi1-submit {
        width: 11em;

        margin-top: 1em;
}

form#tx-srfeuserregister-pi1-fe_users_form {
    }

    form#tx-srfeuserregister-pi1-fe_users_form fieldset {
        margin-top: 1em;
    }

    form#tx-srfeuserregister-pi1-fe_users_form dt {
        padding: 0.5em 0 0 0;

        font-size: 1.1em;
        font-weight: bold;
    }

    form#tx-srfeuserregister-pi1-fe_users_form dd {
        padding: 0.2em 0;
}



/*============================================================================*/
/* Abweichende Seiten */

/* Inter+Active. */
body#page_ia #twocolumns #history {        
    margin: 0;
    margin-bottom: 0.3em;
}

body#page_ia .infobox,
body#page_ia .infoboxweiss {
    height: 20em;

    padding: 0.5em;
    margin: 0;
}

body#page_ia #text {
    padding-bottom: 0;
}

body#page_ia #text h1,
body#page_ia #text h2,
body#page_ia #twocolumns_content h1 {
    padding: 0.3em 0;
    margin: 0;
}

body#page_ia #twocolumns_content h1 {
    padding-left: 0;
    padding-top: 0;

    padding-bottom: 0.4em !important;
    padding-bottom: 0;

    line-height: 1.1em;
}
   
body#page_ia #twocolumns_content .infobox {
    margin-left: 0;
    margin-right: 0;

    margin-bottom: 0.3em !important;
    margin-bottom: 0.4em;
}

body#page_ia #text h1 {
    padding: 0.2em;
}

body#page_ia #text p {
    padding: 0;
    margin: 0;
}

body#page_ia #text,
body#page_ia #twocolumns {
    width: 36.7em;
    padding: 0;
}


/*============================================================================*/
/* Newsletterabo */

/* Newsletterbox */
#newsletter.tool {
    }
    #newsletter.tool div.newsletterabo {
        padding: 0.3em;
    }

    #newsletter.tool input {
        margin: 0.1em 0 0.1em 0.15em;
    }

    #newsletter.tool input.formtext {
        width: 11.7em;

    }

    #newsletter.tool input.button {
        background-color: #999;
        color: #fff;

        width: 11.5em;
        margin: 0;

        font-weight: bold;
        cursor: pointer;
    }

    #newsletter.tool fieldset {
        text-align: right;
        }

        #newsletter.tool fieldset.address {
            margin: 0;

            text-align: left;
    } 

    #newsletter.tool div.newsletterabo p,
    #newsletter.tool fieldset.info {
        display: none;
    }

    #newsletter.tool span.stern,
    #newsletter.tool label {
        margin: 0.3em 0.1em;
}

/* Newsletterseite */
#text div.newsletterabo {
    padding: 1em 0.2em 0.5em 1.8em;

    font-size: 1.1em;
    }

    #text div.newsletterabo label,
    #text div.newsletterabo input {
        margin: 0.3em 0;        
        clear: left;
    }

    #text div.newsletterabo label {
        display: block;
        float: left;
        width: 9em;
    }    

    #text div.newsletterabo fieldset.address label {
        margin-top: 0.8em;
    }

    #text div.newsletterabo fieldset.info {
        margin-bottom: 0.4em;
    }

    #text div.newsletterabo input.formtext {
        width: 18em;
        margin-top: 0.9em;

        font-size: 0.9em;
    }

    #text div.newsletterabo input.button {
        width: 12em;

        margin-top: 1em;
        margin-right: 0.6em;

        font-size: 0.9em;
    }

    #text div.newsletterabo p {
        margin-left: 0; 
        padding-left: 0;

        font-size: 0.9em;
    }

    #text div.newsletterabo span.stern {
        overflow: visible;
}

/* Profil aendern, vor der E-Mail */
#text #newsletter-change input {
    margin: 0.3em 0.4em;
    }

    #text #newsletter-change input.formtext {
        width: 18em;

        margin-top: 1em;
}

/* Profil aendern, nach der E-Mail */
#text #newsletter-profile {
    }

    #text #newsletter-profile h2 {
        padding-bottom: 1em;
    }

    #text #newsletter-profile fieldset {
        padding: 0.4em 0 0.4em 2em;
    }

    #text #newsletter-profile label {
        display: block;
        float: left;
        width: 9.9em;
    }

    #text #newsletter-profile input.formtext {
        width: 20em;

        font-size: 0.9em;
    }

    #text #newsletter-profile input.button {
        font-size: 0.9em;
    }

    #text #newsletter-profile p strong {
        padding-left: 1.3em;
}

/* Bilder */

div.image_floatleft {
	border:1px solid #ccc;
	float:left;
	margin: 0 0.5em 0.5em 0;
}