/* CSS Document */

body {
background: #f4f4f4 url(../images/hg.gif) repeat-y;
margin-left: 0px;
margin-top: 0px;
margin-right: 0px;
margin-bottom: 0px;
font-family: Arial, Helvetica, sans-serif;
}

td
{
vertical-align: top;
}

p
{
margin-top: 0px;

}

div
{
font-family: Arial, Helvetica, sans-serif;
color: #000000;
}

.tr-grau
{
background-color: #f0f0f0;
}


.tr-weiss
{
background-color: #ffffff;
}


.tab-reiter
{
border-left: 1px solid #0570BC;
border-top: 1px solid #0570BC;
border-bottom: 1px solid #0570BC;
margin-top: 15px;
width: 660px;
}

.aktiv_karteireiter
{
border-right: 1px solid #0570BC;
width: 33%;
background-color: #0570BC;
color: #ffffff;
padding: 4px;
text-align: center;
font-size: 90%;
}

.deaktiv_karteireiter
{
width: 33%;
border-right: 1px solid #0570BC;
background-color: #ededed;
padding: 4px;
text-align: center;
font-size: 90%;
}



.tab-kursdetail
{
border-left: 1px solid #0570BC;
border-right: 1px solid #0570BC;
border-bottom: 1px solid #0570BC;
margin-left: 0px;
background-color: #f9f9f9;
width: 660px;
}


.td-kursdetails-o
{
height: 7px;
background-image: url(../images/hg_kursdetails_o.gif);
background-repeat: no-repeat;
}


.td-kursdetails-u
{

background-image: url(../images/hg_kursdetails_u.gif);
background-repeat: no-repeat;
}

/* divs */

.error{
	font-weight: bold;
	color: red;
}

#div-oben
{
position: absolute;
left: 0px;
top: 0px;
width: 100%;
height: 62px;
padding: 0px;
background: url(../images/hg_navi.gif) repeat-x;
}

#div-logo
{
position: absolute;
top: 0px; 
left: 17px;
width: 189px;
height: 141px;
}

#div-logo img
{
margin-top: 3px;
}


#div-navi
{

padding-left: 0px;
position: absolute;
left: 224px;
top: 14px;
height: 48px;
font-size: 104%;
letter-spacing: 1px;
z-index: 100;
}

#div-navi a:link
{
padding-left: 13px;
padding-right: 13px;
margin-bottom: 3px;
color: #555555;
text-decoration: none;
}

#div-navi a:visited
{
padding-left: 13px;
padding-right: 13px;
margin-bottom: 3px;
color: #555555;
text-decoration: none;
}

#div-navi a:hover
{
padding-left: 13px;
padding-right: 13px;
color: #107c10;
text-decoration: none;
}

#div-navi a:active
{
padding-left: 13px;
padding-right: 13px;
color: #107c10;
text-decoration: none;
}


#div-navi a.navi-wahl:link
{
padding-left: 13px;
padding-right: 13px;
padding-bottom: 0px;
color: #107c10;
text-decoration: none;
}

#div-navi a.navi-wahl:visited
{
padding-left: 13px;
padding-right: 13px;
padding-bottom: 0px;
color: #107c10;
text-decoration: none;
}


#div-navi img
{
margin-bottom: -10px;
}



.div-subnavi
{
border-bottom: 1px solid #3b74b7;
position: absolute;
top: 0px;
height: 80px;
}


#div-navi-suche
{
background: #f4f4f4 url(../images/hg_suche_o.gif) no-repeat;
position: relative;
top: 157px;
left: 12px;
width: 208px;
padding: 0px;
}

#div-suche-o
{
position: static;
width: 199px;
padding-top: 10px;
color: #ffffff;
line-height: 140%;
}

#div-suche-o .titel
{
padding-left: 4px;
padding-top: 3px;
margin-top: 0px;
font-size: 116%;
letter-spacing: 1px;
line-height: 50%;
}

#div-suche-o a:link
{
color: #ffffff;
text-decoration: none;
font-size: 84%;
padding-left: 4px;
padding-top: 2px;
padding-bottom: 2px;
width: 198px;
}

#div-suche-o a:visited
{
color: #ffffff;
text-decoration: none;
font-size: 84%;
padding-left: 4px;
padding-top: 2px;
padding-bottom: 2px;
width: 198px;
}

#div-suche-o a:hover
{
color: #ffffff;
text-decoration: none;
font-size: 84%;
background: #094d99;
padding-left: 4px;
padding-top: 2px;
padding-bottom: 2px;
width: 198px;
}

#div-suche-o a:active
{
color: #ffffff;
text-decoration: none;
font-size: 84%;
background: #094d99;
padding-left: 4px;
padding-top: 2px;
padding-bottom: 2px;
width: 198px;
}

#div-suche-o .schnell
{
padding-top: 2px;
padding-left: 4px;
font-size: 84%;
}

#div-suche-u
{
background: #f4f4f4 url(../images/hg_suche_u.gif) no-repeat;
position: static;
width: 199px;
}


#div-navi-proj
{
background: #f4f4f4 url(../images/hg_projekte_o.gif) no-repeat;
position: relative;
top: 164px;
left: 12px;
padding: 0px;
width: 199px;
}

#div-proj-o
{
position: static;
width: 199px;
padding-top: 10px;
color: #ffffff;
line-height: 140%;
}

#div-proj-o .titel
{
padding-left: 4px;
padding-top: 3px;
margin-top: 0px;
font-size: 116%;
letter-spacing: 1px;
line-height: 50%;

}

#div-proj-o a:link
{
color: #ffffff;
text-decoration: none;
font-size: 84%;
padding-left: 4px;
padding-top: 2px;
padding-bottom: 2px;
width: 198px;
}

#div-proj-o a:visited
{
color: #ffffff;
text-decoration: none;
font-size: 84%;
padding-left: 4px;
padding-top: 2px;
padding-bottom: 2px;
width: 198px;
}

#div-proj-o a:hover
{
color: #ffffff;
text-decoration: none;
font-size: 84%;
background: #064e06;
padding-left: 4px;
padding-top: 2px;
padding-bottom: 2px;
width: 198px;
}

#div-proj-o a:active
{
color: #ffffff;
text-decoration: none;
font-size: 84%;
background: #064e06;
padding-left: 4px;
padding-top: 2px;
padding-bottom: 2px;
width: 198px;
}

#div-proj-o .schnell
{
padding-top: 2px;
padding-left: 4px;
font-size: 84%;
}

#div-proj-u
{
background: #f4f4f4 url(../images/hg_projekte_u.gif) no-repeat;
position: static;
width: 199px;
}


.div-startlogos
{

position: static;
margin-top: 200px;
}

#div-main
{
background: #ffffff;
font-size: 96%;
position: absolute;
top: 62px;
left: 226px;
padding: 20px;
}




.div-teaser
{
position: static;
margin-bottom: 18px;
margin-left: 8px;
font-size: 80%;
color: #325b8a;
padding: 5px;
border: 1px solid #3c74b8;
background: #f4f4f4;
}

.div-teaser-login
{
position: static;
margin-bottom: 28px;
margin-left: 2px;
font-size: 80%;
}

.div-teaser-grau
{
position: static;
margin-bottom: 10px;
margin-left: 8px;
font-size: 80%;
color: #325b8a;
padding: 5px;
border: 1px solid #bbbbbb;
background: #f2f2f2;
}



#div-unten
{
color: #164190;
position: static;
height: 35px;
background-image: url(../images/logo_kl_weiss.gif);
background-repeat: no-repeat;
background-position: 0px 10px;
font-size: 90%;
padding-left: 25px;
padding-top: 13px;
margin-top: 30px;
}

#div-unten-start
{
font-size: 70%;
width: 550px;
}


.div-innen-weiss
{
width: 300px;
border: 1px solid #555555;
padding: 3px;
background-color: #ffffff;
float: right;
font-size: 80%;
color: #014677;
}


.div-float-re
{
float: right;
margin-left: 12px;
}

.div-float-li
{
float: left;
margin-right: 12px;
}




/* Überschriften */

h1
{
font-size: 150%;
font-weight: bold;
color: #777777;
letter-spacing: 1px;
line-height: 20pt;
margin-top: 0px;
border-bottom: 1px solid #bbbbbb;
}


h1.suche
{
font-size: 140%;
font-weight: bold;
color: #2e67a8;
letter-spacing: 2px;
}

h1.projekte
{
font-size: 140%;
font-weight: bold;
color: #078138;
letter-spacing: 2px;

}


h2.projekte
{
color: #078138;
}



h2
{
margin-top: 0px;
font-size: 110%;
color: #777777;

}


h3
{
font-size: 90%;
font-weight: bold;
color: #555555;
letter-spacing: 1px;
margin-top: 0px;
}


/* Links */

a:link
{
color: #035085;
text-decoration: underline;
}

a:visited
{
color: #035085;
text-decoration: underline;
}

a:hover
{
font-size: 100%;
color: #006600;
text-decoration: none;
}

a:active
{
font-size: 100%;
color: #006600;
text-decoration: none;
}


a.teaser:link
{
color: #003366;
text-decoration: underline;
}

a.teaser:visited
{
color: #003366;
text-decoration: underline;
}

a.teaser:hover
{
color: #003366;
text-decoration: none;
}

a.teaser:active
{
color: #003366;
text-decoration: none;
}

a.navi-wahl:link
{
padding-left: 11px;
padding-right: 11px;
background-color: #f4f4f4;
padding-bottom: 8px;
color: #333333;
text-decoration: none;
}


a.navi-wahl:visited
{
padding-left: 11px;
padding-right: 11px;
background-color: #f4f4f4;
padding-bottom: 8px;
color: #333333;
text-decoration: none;
}



a.sub-hover:link
{
padding-right: 12px;
font-size: 74%;
color: #109442;
text-decoration: none;
}

a.sub-hover:visited
{
padding-right: 12px;
font-size: 74%;
color: #109442;
text-decoration: none;
}





a.reiter:link
{
font-size: 90%;
color: #006CB8;
text-decoration: underline;
}

a.reiter:visited
{padding-left: 4px;padding-left: 4px;
font-size: 90%;
color: #006CB8;
text-decoration: underline;
}

a.reiter:hover
{
font-size: 90%;
color: #006CB8;
text-decoration: underline;
}

a.reiter:active
{
font-size: 90%;
color: #006CB8;
text-decoration: underline;
}



/* Formatierung */


.marg-top
{
margin-top: 0px;
}

.marg-bottom
{
margin-bottom: 0px;
}

.marg-top-bottom
{
margin-top: 0px;
margin-bottom: 0px;
}


.gross
{
font-size: 130%;
}

.blau-gross
{
font-size: 110%;
color: #164190;
}

.blau-klein
{
font-size: 86%;
color: #164190;
}


.gruen-gross
{
font-size: 110%;
color: #078138;
}

.rot-li
{
margin-left: 38px;
color: #990000;
}


.p-grau
{
border-bottom: 1px solid #bbbbbb;
}

.div-innen-blaurand
{
position: static;
width: 400px;
border: 1px solid #164190;
padding: 12px;
background-color: #f4f4f4;
color: #164190;
margin-bottom: 20px;
font-size: 90%;
}

.div-innen-blau
{
position: static;
width: 400px;
border: 1px solid #164190;
padding: 12px;
background-color: #f4f4f4;
color: #164190;
margin-bottom: 20px;
font-size: 90%;
}


.div-innen-gruen
{
position: static;
width: 400px;
border: 1px solid #078138;
padding: 12px;
background-color: #f4f4f4;
color: #164190;
margin-bottom: 20px;
font-size: 90%;
}


.schwarz
{
color: #000000;
}

.nav-weiss
{
color: #ffffff;
font-size: 80%;
}

.suche
{
font-size: 12pt;
color: #808184;
}



.css-feld
{
margin-left: 3px;
border: 1px solid #164190;
background-color: #ffffff;
}

.css-button
{
border: 1px solid #164190;
background-color: #DEEBF2;
color: #000000;
margin-bottom: 0px;
}

.tab-li
{
margin-left: 38px;
}

.tab-suche
{
width: 520px;
margin: 0px;
border: 1px solid #006CB8;
background-color: #ffffff;
}


.tab-suche-reiter
{
width: 520px;
margin-top: 10px;
background-color: #3c75b8; 
}

.td-suche-reiter
{
color: #ffffff;
padding: 4px;
background-color: #3c75b8;
}


.td-suche
{
border-bottom: 1px solid #999999;
padding: 1px;
font-size: 80%;
}

.td-suche-weiss
{
padding: 4px;
font-size: 80%;
}


.tab-suche-bereiche
{
width: 170px;
}



.td-bereiche
{
width: 162px;
padding-top: 5px;
padding-bottom: 5px;
font-size: 76%;
}


.kategorie-link-aktiv{
font-size: 80%;
font-weight: bold;
color: #203E66;
}




.anmeldung-step
{
background-color: #f6f6f6;
border: 1px dotted #006CB8;
padding: 5px;
}


.div-sortieren
{
width: 621px;
color: #006CB8;
font-size: 90%;
position: static;
text-align: center;
}

.div-treffer
{
width: 621px;
text-align: center;
position: static;
margin-top: 10px;
margin-bottom: 5px;
color: #006CB8;
}

.div-blaettern
{
padding-left: 130px;
position: static;
margin-top: 40px;
margin-bottom: 10px;
}


.tab-innen
{
width: 660px;
border: 1px solid #999999;
}

.td-innen-top
{
background-color: #01AB4F;
width: 660px;
padding: 5px;
}

.td-innen
{
font-size: 80%;
width: 50%;
padding: 5px;
background-color: #ffffff;
}



.tab-blaettern
{
background-image: url(../images/hg_blaettern.gif);
background-repeat: no-repeat;
}

.blaettern-anfang
{
vertical-align: middle;
text-align: center;
width: 47px;
height: 23px;
}

.blaettern-zurueck
{
vertical-align: middle;
text-align: center;
width: 50px;
height: 23px;

}


.blaettern-vor
{
vertical-align: middle;
text-align: center;
width: 49px;
height: 23px;
}


.blaettern-ende
{
vertical-align: middle;
text-align: center;
width: 56px;
height: 23px;
}


.td-alphabet
{
background-image: url(../images/hg_alphabet.gif);
background-repeat: repeat-x;
height: 23px;
}



.img-re
{
float: right;
margin-left: 10px;
margin-top: 10px;
margin-bottom: 10px;
}

.img-marg
{
margin: 10px;
}

.img-bottom
{
margin-bottom: 3px;
}

.img-start
{
margin-right: 43px;
}
.weiss
{
color: #ffffff;
}

.gruen
{
color: #109442;
}

.blau
{
color: #164190;
}

.navi-titel
{
padding-left: 8px;
padding-bottom: 16px;
margin-bottom: 1px;
color: #ffffff;
font-size: 100%;
letter-spacing: 5px;
}


.innen-projekte
{
font-size: 80%;
color: #014677;
background-color: #ffffff;
border: 1px solid #0d7f38;
padding: 6px;
margin: 16px;
width: 300px;
}

.div-aktuell
{
border: 1px dashed #cccccc;
background-color: #ffffff;
padding: 10px;
width: 690px; 
margin-bottom: 40px; 
}

.div-akt-date
{
float: right;
}

ul
{
margin-bottom: 0px;
}


.marg-li
{
font-size: 100%;
margin-left: 16px;
}