/*
+----------------------------------------+
| BZgA - Fachdatenbank Frauengesundheit  |
| Standard-Styles zur Darstellung        |
| von Seitenelementen der Startseite     |
| auf Bildschirm und Projektion          |
| CSS 2.1 - standardkonforme Browser     |
| (c) 2009 Webworker GmbH, Koeln         |
+----------------------------------------+
*/




/*
+----------------------------------------+
| Layout                                 |
+----------------------------------------+
*/


/* Hauptnavigation - Teil fuer Startseite */

/* Zweite Ebene */

#hauptnavi ol li ol
{
display: none;
}

#hauptnavi ol li:hover ol
{
font-size: 1.0em;
display: block;
width: 230px;
position: absolute;
left: 0px;
top: 31px;
padding-bottom: 15px;
background: url("../pix/schatten_rollover_home.png") no-repeat right bottom transparent;
}

#hauptnavi ol li ol li
{
display: block;
width: 95%;
background: none;
list-style: none;
min-height: 15px;
}

#hauptnavi ol li ol li a,
#hauptnavi ol li ol li a:link,
#hauptnavi ol li ol li a:visited,
#hauptnavi ol li ol li a:hover,
#hauptnavi ol li ol li a:active,
#hauptnavi ol li ol li a:focus
{
font-weight: bold;
color: #8b030c;
background: transparent;
text-decoration: none;
}

#hauptnavi ol li ol li a:link,
#hauptnavi ol li ol li a:visited
{
background: url("../pix/pfeil_navi_rot.gif") 7px 10px no-repeat;
}

#hauptnavi ol li ol li a:hover,
#hauptnavi ol li ol li a:active,
#hauptnavi ol li ol li a:focus
{
background: url("../pix/pfeil_navi_weiss.gif") 7px 10px no-repeat;
}

/* Hauptnavigation - Teil fuer Startseite Ende */

/* Willkommenstext mit Frauensilhouetten */

#welcome
{
clear: both;
width: auto;
min-height: 140px;
margin-top: 20px;
background: url("../pix/frauensilhouetten.gif") no-repeat bottom right;
padding: 1.0em 55% 2.0em 10px;
}

#welcome h1
{
margin-top: 0;
}

#welcome p
{
font-size: 1.2em;
color: #666;
}

/* Willkommenstext mit Frauensilhouetten Ende */

/* Teaser der Startseite */

#teaserwrap
{
margin-top: 0;
}

#teaserwrap p
{
margin: 0.5em 0;
color: #666;
}

/* Linke Spalte */

#teaserwrap #colleft
{
float: left;
width: 620px;
margin-bottom: 10px;
}

/* Tag Cloud */

#teaserwrap #colleft .tagcloud
{
padding-bottom: 40px;
background: url("../pix/hintergrund_teaser_abschluss.gif") repeat-x bottom left;
}

#teaserwrap #colleft .tagcloud h1
{
margin-top: 0;
padding: 4px 10px;
background: url("../pix/hintergrund_teaser_titel.gif") no-repeat bottom right;
}

#teaserwrap #colleft .tagcloud h2
{
color: #666;
padding-left: 10px;
}

#teaserwrap #colleft .tagcloud p
{
padding-left: 10px;
padding-right: 40px;
}

#teaserwrap #colleft .tagcloud p.tags
{
text-align: center;
color: #039;
line-height: 200%;
}

/* Unterschiedliche Groessen stillgelegt

#teaserwrap #colleft .tagcloud p.tags span.xsmall
{
font-size: 80%;
}

#teaserwrap #colleft .tagcloud p.tags span.small
{
font-size: 90%;
}

#teaserwrap #colleft .tagcloud p.tags span.normal
{
font-size: 100%;
}

#teaserwrap #colleft .tagcloud p.tags span.big
{
font-size: 130%;
}

#teaserwrap #colleft .tagcloud p.tags span.xbig
{
font-size: 160%;
}

Unterschiedliche Groessen stillgelegt Ende*/

/* Variante mit verschiedenen Farben */

#teaserwrap #colleft .tagcloud p.tags span.xsmall
{
font-size: 120% !important;
}

#teaserwrap #colleft .tagcloud p.tags span.small
{
font-size: 120% !important;
}

#teaserwrap #colleft .tagcloud p.tags span.normal
{
font-size: 120% !important;
}

#teaserwrap #colleft .tagcloud p.tags span.big
{
font-size: 120% !important;
}

#teaserwrap #colleft .tagcloud p.tags span.xbig
{
font-size: 120% !important;
}

#teaserwrap #colleft .tagcloud p.tags span.xsmall a,
#teaserwrap #colleft .tagcloud p.tags span.xsmall a:visited
{
color: #333 !important;
}

#teaserwrap #colleft .tagcloud p.tags span.small a,
#teaserwrap #colleft .tagcloud p.tags span.small a:visited
{
color: #666 !important;
}

#teaserwrap #colleft .tagcloud p.tags span.normal a,
#teaserwrap #colleft .tagcloud p.tags span.normal a:visited
{
color: #333 !important;
}

#teaserwrap #colleft .tagcloud p.tags span.big a,
#teaserwrap #colleft .tagcloud p.tags span.big a:visited
{
color: #666 !important;
}

#teaserwrap #colleft .tagcloud p.tags span.xbig a,
#teaserwrap #colleft .tagcloud p.tags span.xbig a:visited
{
color: #333 !important;
}

#teaserwrap #colleft .tagcloud p.tags span.xsmall a:hover,
#teaserwrap #colleft .tagcloud p.tags span.small a:hover,
#teaserwrap #colleft .tagcloud p.tags span.normal a:hover,
#teaserwrap #colleft .tagcloud p.tags span.big a:hover,
#teaserwrap #colleft .tagcloud p.tags span.xbig a:hover
{
color: #fff !important;
}

/* Variante mit verschiedenen Farben Ende */

/* Tag Cloud Ende */

/* Drei Topteaser am Ende der linken Spalte */

#teaserwrap #colleft .topteaser
{
float: left;
width: 200px;
}

#teaserwrap #colleft .topteaser h1
{
font-size: 1.2em;
margin-top: 10px;
margin-bottom: 5px;
padding-top: 10px;
padding-left: 10px;
color: #039;
}

#teaserwrap #colleft .topteaser p
{
padding-left: 10px;
color: #666;
}

#teaserwrap #colleft .topteaser p img
{
margin-top: 10px;
}

#teaserwrap #colleft .topteaser ol
{
font-weight: bold;
color: #039;
margin-left: 28px;
}

#teaserwrap #colleft .topteaser a
{
font-weight: bold;
color: #8b030c;
}


/* Drei Topteaser Ende */

/* Linke Spalte Ende */

/* Rechte Spalte */

#teaserwrap #colright
{
float: left;
width: 320px;
margin-bottom: 10px;
}

/* Aktuelles und Termine */

#teaserwrap #colright h1
{
margin-top: 0;
padding: 4px 0 4px 20px;
background: url("../pix/hintergrund_teaser_titel.gif") no-repeat bottom left;
}

#teaserwrap #colright .bildmarke
{
clear: left;
float: left;
margin-bottom: 5px;
padding-left: 20px;
}

#teaserwrap #colright hr
{
margin-left: 20px;
}

#teaserwrap #colright .bildmarke .bildmarkentext
{
float: left;
width: 200px;
margin-right: 10px;
}

#teaserwrap #colright .bildmarke .bildmarkentext h2
{
font-size: 1.0em;
margin: 0;
}

#teaserwrap #colright .bildmarke .bildmarkentext h2 span
{
font-weight: normal;
color: #666;
}

#teaserwrap #colright .bildmarke .bildmarkentext a
{
font-weight: bold;
color: #8b030c;
}


#teaserwrap #colright .bildmarke .bild
{
float: left;
width: 80px;
overflow: hidden;
}

/* Aktuelles und Termine Ende */

/* Teaser der Startseite Ende */

/* Listen auf der Startseite */

.liste li
{
margin-bottom: .5em;
}

ul.linkliste
{
margin: 10px 0px 0px;
padding: 0px;
}

ul.linkliste li,
ol.linkliste li
{
margin-bottom: 1em;
margin-left: 0px;
}

ul.linkliste small,
ol.linkliste small
{
color: #777;
}

/* Listen auf der Startseite Ende */