@charset "UTF-8";

/**
  * http://www.dge.de/wk47/
  *
  * @copyright       Deutsche Gesellschaft für Ernährung
  * @author          Thorsten Panknin
  * @version         0.1
  *
  * @revision        $Revision$
  * @lastmodified    Sun Jan 18 12:54:00 2009]

  */

@import url(reset.css) screen, projection;


/**
  * Grundlegendes
  *
  * @section Grundlegendes
  */

body {
    background-color: #eaeaea;
    color: #222;
    font-family: Verdana, Arial, sans-serif;
    font-size: 62.5%;
    line-height: 1.6em;
}

p {
    font-size: 1.2em;
    line-height: 1.8em;
    margin: 1.2em 0;
}

h1 {
    font-size: 2.4em;
    line-height: 1.2em;
    margin: 0em 0 0.5em 0;
    color: #003C8E;
}

h2 {
    font-size: 1.8em;
    margin: 0 0 1.2em 0;
    color: #003C8E;
}

h3 {
    font-size: 1.8em;
    font-weight: normal;
    margin: 0 0 1em 0;
    color: #003C8E;
}

h4 {
    font-size: 1.8em;
    line-height: 1.6em;
    margin: -.4em 0 0 0;
    color: #003C8E;
}

a img {
    border: none;
}

/* sg */

sub {
    vertical-align: sub;
}

li {
    font-size: 1.2em;
    line-height: 1.8em;
}
img.mime-icon {
    margin: 0 0.2em 0 0;
}    


em {

  font-style: italic;
}
/* /sg */  






/* Globale Link-Formate, :focus für die Keyboard-Navigation */
a:link {
    color: #002962;
    padding: 0 .2em 0 .2em;
    text-decoration: underline;
}

a:visited {
    color: #002962;
    padding: 0 .2em 0 .2em;
    text-decoration: underline;
}

a:focus {
    background-color: transparent;
    outline: dotted 1px #000;
    padding: 0 .2em 0 .2em;
}

a:hover {
    color: #002962;
    padding: 0 .2em 0 .2em;
    text-decoration: none;
}

a:active {
    color: #a91101;
    padding: 0 .2em 0 .2em;
    text-decoration: none;
}

#logos-veranstalter a:focus {
    background-color: transparent;
    outline: dotted 1px #000;
}

#logos-veranstalter a {
    background-color: transparent;
    text-decoration: none;
}

/**
  * Container
  *
  * @section Container
  */

#container {
   /* background: url("../img/helix.png") #fff; */
    background: #fff; 
   /*  background-position: -3.5em -5em; */
    background-repeat: no-repeat;
    border: solid 2px #888;
    /*border-top: 0;*/
    border-right: 0;
    border-left: 0;
    border-top: 2px solid #c7c7c7;
    margin: 4em auto 4em auto;
    padding: 0 0 2em 0;
    position: relative;
    width: 98em;
}


/**
  * Kopfbereich
  *
  * @section Kopfbereich
  */

#kopfbereich {
    background: transparent url("../img/bg-head.jpg") center bottom no-repeat;
    width: 98em;
    height: 22em;
    margin: 0 0 0 0;
    padding: 0;
    position: relative;
}

/* Überschriften im Kontext #kopfbereich */
#kopfbereich h1 {
    font-size: 2.4em;
    line-height: 1.2em;
    margin: 0em 0 0.5em 1.5em;
    padding:  0.75em 0 0 0;

}

#kopfbereich p.sub-info1 {
    font-size: 1.8em;
    font-weight: bold;
    line-height: 1.5em;
    margin: -0.75em 0 0 2em;
}

#kopfbereich p.sub-info2 {
    
    font-size: 1.8em;
    font-weight: normal;
    margin: 0.3em 0 0 1.6em;
}

/* Logos der Veranstalter */
#logos-veranstalter {
    position: absolute;
    left: 80em;
    top: 14.5em;
    text-align :center;
}


#logos-veranstalter img.lv_erstes-bild {
    margin: 0 1em 0 0;
}

/**
  * Navigation
  *
  * @section Navigation
  */

#navigations-leiste {
    background: #003c8e url("../img/bg-navigationsleiste.png") repeat-x;
    padding: 0 0 0 0;
    position: relative;
    width: 98em;
    height: 4em;
}

#navigation {
    margin: 0 0 0 4em;
    padding: .9em 0 0 0;
    width: 94em;
    height: 3.1em;
}


#navigation li {
    float: left;
    margin: 0 4em 0 0;
    font-size: 1em;
}

#navigation li a:link, #navigation li a:visited {
    color: #fff;
    display: block;
    font-family: Verdana, Arial, sans-serif;
    font-size: 1.4em;
    line-height: 1.6em;
    font-weight: bold;
    padding: 0 .2em 0 .2em;
    text-decoration: none;
}

#navigation li a:hover, #navigation li a:active {
    color: #fbbf42;
    display: block;
    font-family: Verdana, Arial, sans-serif;
    font-size: 1.4em;
    line-height: 1.6em;
    font-weight: bold;
    padding: 0 .2em 0 .2em;
    text-decoration: none;
}

#navigation li:hover, #navigation li:active {
    list-style-image:url("../img/navigation_bullet.png");
}

/* ID-basierte Formatierung für die jeweils aktuelle Seite, den aktuellen Navigations-Link */
body#wk46-start #navigation #nav-start, body#wk46-programm #navigation #nav-programm, body#wk46-presse #navigation #nav-presse, body#wk46-unterkunft #navigation #nav-unterkunft, body#wk46-wegbeschreibung #navigation #nav-wegbeschreibung, body#wk46-anmeldung #navigation #nav-anmeldung {
    list-style-image:url("../img/navigation_bullet.png");
}

/* Farbe des Navigations-Links auf der aktuellen Seite */
body#wk46-start #navigation #nav-start a, body#wk46-programm #navigation #nav-programm a, body#wk46-presse #navigation #nav-presse a, body#wk46-unterkunft #navigation #nav-unterkunft a, body#wk46-wegbeschreibung #navigation #nav-wegbeschreibung a, body#wk46-anmeldung #navigation #nav-anmeldung a {
    color: #fbbf42;
}

/* Accesskey-Format, Keyboard-Navigation. Ein Buchstabe wird herausgestellt */
#navigation li a span {
    text-decoration: underline;
}

/**
  * Inhalte-Container
  *
  * @section Inhalte-Container
  */

#inhalte-container {
    margin: 0 0 0 0;
    position: relative;
    width: 98em;
}


/**
  * Haupt-Inhalte
  *
  * @section Haupt-Inhalte
  */

#haupt-inhalte {
    margin: 3em 4em 0 0;
    width: 65em;
}

#haupt-inhalte h2 {
    font-size: 2em;
    line-height: 1.4em;
    margin: -.4em 0 -.5em 0;
}

#haupt-inhalte h3 {
    font-size: 1.8em;
   /* margin: 1.6em 0 -.7em 0; */
    margin: 1.5em 0 0.6em;
}

#haupt-inhalte h4 {
    font-size: 1.5em;
    line-height: 1.6em;
    margin: -.4em 0 0 0;
}

/* sg */

/*
#haupt-inhalte p, li {
    font-size: 1.2em;
    line-height: 1.8em;
  }
*/
#haupt-inhalte ul {
    list-style-type: square;
    margin: 1em 4em;
}

/* /sg */

/* sg */

 /**
  * @section Datentabelle
  *
  * sg
  */

#haupt-inhalte table {
    border-collapse: collapse; 
    width: 55em; 
    /*margin: 3em 0;*/
    font-size: 1.2em;
    } 

#haupt-inhalte thead th {
    border-bottom:2px solid #ffe7a7;
    color:#494949;
    font-weight: bold;
    }

#haupt-inhalte td, th {
    padding:0.5em 0.5em;
    text-align: center;
    vertical-align: middle;
    }

#haupt-inhalte .trenner {
    border: 1px solid #ffdb87;
    }
    
#haupt-inhalte th {
    /* width: 10em; */
    background: #ffe7b2;
    white-space: nowrap; 
    }

#haupt-inhalte tr.pong, tr.ping, tbody th {
    border: 1px solid #ffdb87;
    }

#haupt-inhalte tr.ping {
    background-color: #fff0cf;
    }

#haupt-inhalte tr.pong {
    background-color: #fff7e0;
    }

#haupt-inhalte .teaser {
    width: 25em; 
    padding: 0.4em; 
    background: #FFF0CF; 
    border: 1px solid #FFDB87; 
    margin: 0 0 1em 1.5em;
}  


#haupt-inhalte .vorsitz {
   font-size: 0.75em;

}


 /* /sg */

/**
  * Seitenleiste
  *
  * @section Seitenleiste
  */

#seitenleiste {
    margin: 3em 0 0 3em;
    width: 21em;
}

/* Bug-Fixes für IE 5/6 */
* html #seitenleiste {
    background-color: transparent;
    margin: 3em 0 0 2em;
    width: 21em;
}

* html #haupt-inhalte {
    background-color: transparent;
    margin: 3em 2em 0 2em;
}

#seitenleiste img, iframe {
    background-color: #fff;
    border: solid 1px #999;
    display: block;
    margin: 2em 0;
    padding: .5em;
    width: 20em;
    height: 15em;
}

#seitenleiste img.sl_erstes-bild {
    margin: 0 0 1em 0;
}

#seitenleiste img.sl_letztes-bild {
    margin: 0 0 3em 0;
}

#seitenleiste div.osminfo {
    /* display: inline; */
    margin-top: -21px; 
    font-family: inherit;
    font-family: Verdana, Arial, sans-serif;
}

#seitenleiste hr {
    background-color: #fff;
    border: solid 1px #ddd;
}

p#sl_dge-kontaktdaten {
    line-height: 1.5em;
    margin: 1.5em 0 0 0;
}

#seitenleiste h3 {
    font-size: 1.5em;
    font-weight: bold;
    line-height: 1.2em;

}

#seitenleiste h4 {
    font-size: 1.3em;
    font-weight: bold;
    line-height: 1.2em;

}

#seitenleiste ul {
    list-style-type: square;
    margin-left: 1em;
    display: inline;
}

/**
  * Unterstützendes CSS wie Debug-Formatierungen, ...
  *
  * @section Unterstützendes CSS
  */

.debug {
    background-color: #f3f3f3;
    padding: 0.5em;
  border: 1px solid #a40000; -moz-border-radius: 5px;
   
    /*outline: solid 1px #888;*/
}

.versteckt {
    display: none;
}

.block {
    display: block;
}

.float-links {
    float: left;
    margin: 0 1em 0 0;
}

.float-rechts {
    float: right;
    margin: 0 0 0 1em;
}

.floats {
    overflow: hidden;
}
/* vim: set fdm=indent:zM */