h1, h2
{
font-family: arial, sans-serif;
line-height: 1em;
font-weight: bold;
}

h1
{
color: #1F5885;
font-size: 177%;
}

h2
{
color: #6386A2;
font-size: 1.57em;
}

ul.nav1 
{
list-style: none;
padding: 0;
margin: 0;
border-left: 3px solid #CC0033;
}

.nav1 li
{
padding: 0;
margin: 0;
}

ul.nav2 
{
list-style: none;
padding: 0;
margin: 0;
border-left: 3px solid #FF9900;
}

.nav2 li
{
padding: 0;
margin: 0;
}

ul.nav3 
{
list-style: none;
padding: 0;
margin: 0;
border-left: 3px solid #FFFF00;
}

.nav3 li
{
padding: 0;
margin: 0;
}

li.untermenue
{
border-top: 0px;
}


/* /////////////////// Ebene 0 /////////////////////////// */

.titelnav
{
font-family: verdana, arial, sans-serif;
border-top: 1px solid #999999;
border-bottom: 1px solid #999999;
border-left: 3px solid #CC0033;
padding: 3px 3px 3px 5px;
line-height: 1em;
margin-top: 10px;
background: #EEEEEE;
}

.titelnav a:link, .titelnav a:visited
{
display: block;                     /* wichtig für Schaltfächen! */
font-weight: bold;
height: 1em;                        /* damit IE die Schaltflächen richtig darstellt! */
color: #000000;
}

.titelnav a:hover
{
color: #FF6633;
}


/* /////////////////// Ebene 1 /////////////////////////// */

.ebene1 a:link, .ebene1 a:visited
{
display: block;                     /* wichtig für Schaltfächen! */
padding: 3px 4px 3px 5px;
font-weight: bold;
height: 1em;                       /* damit IE die Schaltflächen richtig darstellt! */
color: #2944B3;
}

.ebene1 a:hover
{
color: #FF6633;
}


/* /////////////////// Ebene 2 /////////////////////////// */

.ebene2 a:link, .ebene2 a:visited
{
display: block;                     /* wichtig für Schaltfächen! */
padding: 3px 4px 3px 5px;
font-weight: normal;
height: 1em;                        /* damit IE die Schaltflächen richtig darstellt! */
color: #2944B3;
}

.ebene2 a:hover
{
color: #FF6633;
}

/* /////////////////// Ebene 3 /////////////////////////// */

.ebene3 a:link, .ebene3 a:visited
{
display: block;                     /* wichtig für Schaltfächen! */
padding: 3px 4px 3px 5px;
font-weight: normal;
height: 1em;                        /* damit IE die Schaltflächen richtig darstellt! */
color: #2944B3;
}

.ebene2 a:hover
{
color: #FF6633;
}



html>body .nav1 a:link, .nav1 a:visited    
/* wegen height: 1em; werden die Schaltflächen in den anderen Browsern wieder falsch dargestellt.
Dieser "child selector" ist für den IE unsichtbar */
{
height: auto;
}


.mini
{
font-family: arial, sans-serif;
font-size: 0.95em;
line-height: 1.2em;
}

/*  NEWSBOX und TEXTBOX ====================================== */

.newstop
{
text-align: left;
display: block;
margin-top: 10px;
background: #FF6633;
font-weight: bold;
padding: 2px 5px 2px 6px;
font-size: 1.2em;
color: #FFFFFF;
}

.news
{
text-align: left;
background: #FFCC99;
border: 1px solid #FF6633;
padding: 7px;
}

.news p
{
margin-top: 0px;
margin-bottom: 0px;
}

.newsbox a:link, .newsbox a:visited, .textbox a:link, .textbox a:visited
{
display:block;
padding-top: 1px;
padding-right: 5px;
padding-bottom: 2px;
font-weight: bold;
height: 1em;                        /* damit IE die Schaltflächen richtig darstellt! */
color: #2944B3;
}

html>body .newsbox a:link, .newsbox a:visited, .textbox a:link, .textbox a:visited  
/* wegen height: 1em; werden die Schaltflächen in den anderen Browsern wieder falsch dargestellt.
Dieser "child selector" ist für den IE unsichtbar */
{
height: auto;
}

.newsbox a:hover, .textbox a:hover 
{
color: #FF6633;
}

/* Schaltflächen ================================ */

a.sf
{
border-top: 1px solid #999999;
border-bottom: 1px solid #999999;
border-left: 1px solid #999999;
padding: 2px 5px 2px 3px;
background: #EEEEEE;
font-weight: bold;
font-size: 0.8em;
}

/* LINKS ===================================*/

a.dl
{
padding-left: 15px;
background: url(http://www.eper.de/__stuff/hg_dl.gif);
background-repeat:  no-repeat;
}

a.dok
{
padding-left: 15px;
background: url(http://www.eper.de/__stuff/hg_dok.gif);
background-repeat:  no-repeat;
}

a.ext
{
padding-left: 15px;
background: url(http://www.eper.de/__stuff/hg_ex.gif);
background-repeat:  no-repeat;
}

a.int
{
padding-left: 15px;
background: url(http://www.eper.de/__stuff/hg_in.gif);
background-repeat:  no-repeat;
}

a.runter
{
padding-left: 15px;
background: url(http://www.eper.de/__stuff/runter.gif);
background-repeat:  no-repeat;
}

a.mail
{
padding-left: 20px;
background: url(http://www.eper.de/__stuff/mail.gif);
background-repeat:  no-repeat;
}

/* FAQ ====================================== */

.stata
{
border-left: 10px solid #0000FF;
padding-left: 10px;
}

.statb
{
border-left: 10px solid  #00FF00;
padding-left: 10px;
}

.statc
{
border-left: 10px solid #FF00FF;
padding-left: 10px;
}

.faq_mini
{
font-size: 0.8em;
line-height: 1.5em;
}

/* allgemein =================================== */

a
{
text-decoration: none;
color: #2944B3;
}

a:hover
{
color: #FF6633;
}

a.bild:hover
{
border: 0;
}

.grafikunterschrift
{
padding: 5px;
text-align: center;
}

.grafikunterschrift a:link, .grafikunterschrift a:visited
{
padding-top: 1px;
padding-bottom: 2px;
}

/* Tabellen =========================================== */

table
{
margin-top: 5px;
border-collapse: collapse;
border-spacing: 0px;
line-height: 1em;
width: 100%;
}

td, th
{
border: 1px solid #AAC0D2;
background: white;
padding: 5px; 
}

th
{
background: #D9E3EC;
font-weight: normal;
}


/* Textboxen ========================================== */

.textbox_norm
{
border: 1px solid #CCCCCC;
padding: 10px;
}

.textbox_gelb
{
border: 1px solid #CCCCCC;
padding: 10px;
background: #FDFCEE;
}

.textbox_gelb_1
{
background: #EEEEEE;
border-top: 1px solid #CCCCCC;
border-right: 1px solid #CCCCCC;
border-left: 1px solid #CCCCCC;
padding: 5px 5px 5px 10px;
font-weight: bold;
}

.textbox_gelb_2
{
border-right: 1px solid #CCCCCC;
border-bottom: 1px solid #CCCCCC;
border-left: 1px solid #CCCCCC;
padding: 10px;
background: #FDFCEE;
}

.textbox_grau_1
{
background: #D9E3EC;
border-top: 1px solid #AAC0D2;
border-right: 1px solid #AAC0D2;
border-left: 1px solid #AAC0D2;
padding: 5px 5px 5px 10px;
}

.textbox_grau_2
{
border-right: 1px solid #AAC0D2;
border-bottom: 1px solid #AAC0D2;
border-left: 1px solid #AAC0D2;
padding: 10px;
}

.textbox_blau_1
{
background: #EBF1F6;
border: 1px solid #AAC0D2;
padding: 10px;
}


img
{
border: none;
}