/*
+----------------------------------------+
| KNP (BZgA)                             |
| 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.ebene1 li ol.ebene2
{
display: none;
}

#hauptnavi ol.ebene1 li:hover ol.ebene2
{
display: block;
min-width: 100%;
position: absolute;
left: 0px;
top: 29px;
font-size: 0.8em;
border-left: 1px solid rgb(210,213,215);
border-right: 1px solid rgb(210,213,215);
}

#hauptnavi ol.ebene1 li ol.ebene2 li
{
display: block;
float: none;
width: auto;
margin: 0 !important;
padding: 0 !important;
background: none;
list-style: none;
min-height: 15px;
font-size: 1.0em;
font-family: verdana,arial,helvetica,sans-serif;
font-weight: normal;
text-transform: none;
letter-spacing: normal;
border: 0;
}

#hauptnavi ol.ebene1 li ol.ebene2 li:hover
#hauptnavi ol.ebene1 li ol.ebene2 li:active
{
border: 0;
}

#hauptnavi ol.ebene1 li ol.ebene2 li a,
#hauptnavi ol.ebene1 li ol.ebene2 li a:link,
#hauptnavi ol.ebene1 li ol.ebene2 li a:visited,
#hauptnavi ol.ebene1 li ol.ebene2 li a:hover,
#hauptnavi ol.ebene1 li ol.ebene2 li a:active,
#hauptnavi ol.ebene1 li ol.ebene2 li a:focus
{
display: block;
padding: 4px 20px 5px 30px;
text-decoration: none;
background-position: 15px 8px;
background-repeat: no-repeat;
border-bottom: 1px solid rgb(210,213,215);
}

#hauptnavi ol.ebene1 li ol.ebene2 li a,
#hauptnavi ol.ebene1 li ol.ebene2 li a:link,
#hauptnavi ol.ebene1 li ol.ebene2 li a:visited
{
color: rgb(7,43,122);
background-color: rgb(237,238,239);
background-image: url("../pix/pfeil_navi_blau.gif");
}

#hauptnavi ol.ebene1 li ol.ebene2 li a:hover,
#hauptnavi ol.ebene1 li ol.ebene2 li a:active,
#hauptnavi ol.ebene1 li ol.ebene2 li a:focus
{
color: #fff;
background-color: rgb(7,43,122);
background-image: url("../pix/pfeil_navi_weiss.gif");
}

/* Hauptnavigation - Teil fuer Startseite Ende */

/* Intro */

#intro
{
clear: both;
min-height: 75px;
padding: 15px 15px 15px 55px;
color: rgb(112,121,127);
background-color: rgb(210,212,215);
border-bottom: 3px solid rgb(237,238,239);
}

#intro img
{
float: right;
}

#intro h1
{
font-size: 1em;
font-weight: bold;
margin-right: 150px;
}

#intro p
{
font-weight: normal;
margin-right: 150px;
}

/* Teaser der Startseite */

#teaserwrap
{
clear: both;
margin-top: 27px;
}

#teaserwrap #teasercol1,
#teaserwrap #teasercol2,
#teaserwrap #teasercol3
{
float: left;
margin-bottom: 30px;
}

#teaserwrap #teasercol1,
#teaserwrap #teasercol2
{
width: 283px;
padding-left: 55px;
}

#teaserwrap #teasercol3
{
width: 180px;
padding-left: 49px;
padding-right: 55px;
}

#teaserwrap #teasercol1 h1,
#teaserwrap #teasercol2 h1,
#teaserwrap #teasercol3 h1
{
font-size: 1em;
font-weight: normal;
margin-bottom: 40px;
color: rgb(7,43,123);
}

#teaserwrap #teasercol1 h1,
#teaserwrap #teasercol2 h1
{
margin-left: -55px;
padding-left: 55px;
}

#teaserwrap #teasercol3 h1
{
margin-left: -49px;
padding-left: 49px;
}

#teaserwrap #teasercol1 h1
{
background: url("../pix/linien_teasertitel_col_01.gif") repeat-y 0 0;
}

#teaserwrap #teasercol2 h1
{
background: url("../pix/linien_teasertitel_col_02.gif") repeat-y 0 0;
}

#teaserwrap #teasercol3 h1
{
background: url("../pix/linien_teasertitel_col_03.gif") repeat-y 0 0;
}

#teaserwrap #teasercol1 h2,
#teaserwrap #teasercol2 h2
{
font-weight: normal;
color: rgb(175,0,124);
}

#teaserwrap #teasercol1 h2,
#teaserwrap #teasercol2 h2
{
font-size: 1.3em;
margin-bottom: 10px;
}

#teaserwrap #teasercol3 h2
{
font-size: 1em;
font-weight: normal;
color: rgb(112,121,127);
margin-bottom: 0;
}

#teaserwrap #teasercol1 p,
#teaserwrap #teasercol2 p,
#teaserwrap #teasercol3 p
{
font-size: 1em;
font-weight: normal;
margin: 0 !important;
}

#teaserwrap #teasercol1 p,
#teaserwrap #teasercol2 p
{
margin-bottom: 10px;
color: #000;
}

#teaserwrap #teasercol1 p img,
#teaserwrap #teasercol2 p img
{
float: left;
margin: 3px 10px 2px 0;
}

#teaserwrap #teasercol3 p
{
font-weight: normal;
color: rgb(0,138,201);
}

#teaserwrap #teasercol1 hr,
#teaserwrap #teasercol2 hr
{
margin: 5px 0 10px 0;
}

#teaserwrap #teasercol3 hr
{
margin: 10px 0;
}

#teaserwrap #teasercol3 a,
#teaserwrap #teasercol3 a:link,
#teaserwrap #teasercol3 a:visited
{
color: rgb(0,138,201);
background: transparent;
text-decoration: none;
}

#teaserwrap #teasercol3 a:hover,
#teaserwrap #teasercol3 a:active,
#teaserwrap #teasercol3 a:focus
{
color: rgb(0,138,201);
background: transparent;
text-decoration: underline;
}

#teaserwrap a.gtlink
{
display: block;
margin: 5px 0 8px 0 !important;
background-position: 0 5px;
}



/* Listen auf der Startseite Beginn */


.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;
}

ul.linkliste li
{
list-style-type: none;
list-style-image: none;
padding-left: 24px;
background-image: url("../pix/pfeil_ul_li.gif");
background-repeat: no-repeat;
background-position: 0px 1px;
}

ol.linkliste li
{
list-style-type: none;
list-style-image: none;
list-style-position: inside;
text-indent: -1.6em;
}

ul.linkliste li a,
ol.linkliste li a
{
font-weight: bold;
}

/* Listen auf der Startseite Ende */