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


td
{
font-family: Arial, Helvetica, sans-serif;
vertical-align: top;
}


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

#div-banner
{
position: absolute;
left: 0px;
top: 0px;
width: 100%;
height: 166px;
background: url(images/hg-banner.gif) no-repeat;
display: none;
}


#div-banner-bilder
{
position: absolute;
left: 0px;
top: 0px;
width: 100%;
height: 66px;
z-index: 0;
background: url(images/hg-bilder.jpg) repeat-x;
display: none;

}


#div-banner-logo
{
position: absolute;
left: 0px;
top: 0px;
width: 262px;
height: 166px;
z-index: 10;
background: url(images/hg-logo.gif) no-repeat;
display: none;

}

#div-banner-logo img
{
margin-top: 15px;
margin-left: 17px;
}


#div-banner-titel
{
position: absolute;
left: 379px;
top: 75px;
width: 251px;
height: 22px;
z-index: 20;
display: none;

}

#div-banner-navi
{
position: absolute;
left: 335px;
top: 105px;
z-index: 30;
display: none;

}

#div-banner-navi img
{
vertical-align: middle;
}


#div-banner-navi a:link
{
font-size: 90%;
background: url(images/pfeil-nav.gif) 0px 2px no-repeat;
padding-left: 18px;
margin-left: 3px;
margin-right: 3px;
color: #313972;
text-decoration: none;
}

#div-banner-navi a:visited
{
font-size: 90%;
background: url(images/pfeil-nav.gif) 0px 2px no-repeat;
padding-left: 18px;
margin-left: 3px;
margin-right: 3px;
color: #313972;
text-decoration: none;
}

#div-banner-navi a:hover
{
font-size: 90%;
background: url(images/pfeil-nav-o.gif) 0px 2px no-repeat;
padding-left: 18px;
margin-left: 3px;
margin-right: 3px;
color: #5d6596;
text-decoration: underline;
}

#div-banner-navi a:active
{
font-size: 90%;
background: url(images/pfeil-nav-o.gif) 0px 2px no-repeat;
padding-left: 18px;
margin-left: 3px;
margin-right: 3px;
color: #5d6596;
text-decoration: underline;
}


#div-schnellsuche
{
position: absolute;
left: 22px;
top: 174px;
display: none;

}

#div-schnellsuche p
{
color: #313972;
font-size: 90%;
margin-top: 0px;
margin-bottom: 5px;
}

#div-schnellsuche .textfeld
{
width: 120px;
border: 1px solid #313972;
}




#div-schnellsuche .submit
{
width: 40px;
border: 1px solid #313972;
background: #cccccc;

}


#div-navi
{
position: absolute;
left: 0px;
top: 235px;
width: 230px;
display: none;

}

#div-navi img
{
margin-top: 7px;
margin-bottom: 7px;
display: none;
}

#div-navi a:link
{
font-size: 90%;
background: url(images/pfeil-nav.gif) 0px 2px no-repeat;
padding-left: 18px;
margin-left: 3px;
margin-right: 3px;
color: #313972;
text-decoration: none;
display: none;
}

#div-navi a:visited
{
font-size: 90%;
background: url(images/pfeil-nav.gif) 0px 2px no-repeat;
padding-left: 18px;
margin-left: 3px;
margin-right: 3px;
color: #313972;
text-decoration: none;
display: none;
}

#div-navi a:hover
{
font-size: 90%;
background: url(images/pfeil-nav-o.gif) 0px 2px no-repeat;
padding-left: 18px;
margin-left: 3px;
margin-right: 3px;
color: #5d6596;
text-decoration: underline;
display: none;
}

#div-navi a:active
{
font-size: 90%;
background: url(images/pfeil-nav-o.gif) 0px 2px no-repeat;
padding-left: 18px;
margin-left: 3px;
margin-right: 3px;
color: #5d6596;
text-decoration: underline;
display: none;
}








#div-main
{
position: absolute;
left: 256px;
top: 20px;
font-size: 90%;
width: 730px;
color: #313972;
padding-bottom: 20px;
}

#div-main td
{
font-size: 90%;
color: #313972;
}


#div-main h1
{
font-size: 180%;
font-weight: normal;
}

#div-main h2
{
font-size: 130%;
font-weight: normal;
}



#div-main h3
{
font-size: 120%;
}

#div-main a:link
{
color: #313972;
text-decoration: underline;
}


#div-main a:visited
{
color: #313972;
text-decoration: underline;
}

#div-main a:hover
{
color: #313972;
text-decoration: none;
}

#div-main a:active
{
color: #313972;
text-decoration: none;
}

#div-tail
{
clear: both;
text-align: center;
width: 100%;
margin-top: 30px;

}



/* BOXEN */

/* Box orange mittelgroß */


.box-orange-o
{
width: 290px;
height: 38px;
background: url(images/hg-box-orange-o.jpg) no-repeat #ffab60;
text-align: center;
color: #ffffff;
padding-top: 3px;
}

.box-orange-o p
{
text-align: center;
padding: 6px;
}


.box-orange-m
{
width: 290px;
background: url(images/hg-box-orange-m.jpg) repeat-y #fce7d4;
text-align: left;
}

.box-orange-m p
{
text-align: left;
padding-left: 6px;
padding-right: 6px;
}


.box-orange-u
{
width: 290px;
height: 13px;
margin-bottom: 30px;
background: url(images/hg-box-orange-u.jpg) no-repeat #ffffff;
}


/* Box orange groß */


.box-orange-gr-o
{
width: 690px;
height: 38px;
background: url(images/hg-box-orange-gr-o.jpg) no-repeat;
text-align: center;
color: #ffffff;
padding-top: 3px;
}




.box-orange-gr-m
{
width: 690px;
text-align: left;
background: url(images/hg-box-orange-gr-m.jpg) repeat-y #fce7d4;
}


.box-orange-gr-m p, h2, h3
{
padding-left: 8px;
padding-right: 8px;
}





.box-orange-gr-u
{
width: 690px;
height: 13px;
background: url(images/hg-box-orange-gr-u.jpg) no-repeat #ffffff;
}


/* Box orange klein */


.box-orange-kl-o
{
width: 198px;
height: 28px;
background: url(images/hg-box-orange-kl-o.jpg) no-repeat #ffab60;
text-align: center;
color: #ffffff;
padding-top: 4px;
}


/* Box blau Teaser */



.box-blau-teas-o
{
width: 198px;
background: url(images/hg-box-blau-teas-o.gif) no-repeat #ffab60;
padding-top: 6px;
}


.box-blau-teas-o p
{
padding-left: 5px;
padding-right: 4px;
font-size: 90%;
}


.box-blau-teas-u
{
width: 198px;
height: 10px;
background: url(images/hg-box-blau-teas-u.gif) no-repeat #ffffff;
margin-bottom: 14px;
}



/* Box orange Teaser groß */




.box-orange-teas-gr-o
{
width: 240px;
background: url(images/hg-box-orange-teas-gr-o.gif) no-repeat #ffab60;
padding-top: 6px;
}


.box-orange-teas-gr-o p
{
padding-left: 7px;
padding-right: 4px;
}


.box-orange-teas-gr-u
{
width: 240px;
height: 10px;
background: url(images/hg-box-orange-teas-gr-u.gif) no-repeat #ffffff;
margin-bottom: 14px;
}





.box-orange-kl-m
{
width: 198px;
background: url(images/hg-box-orange-kl-m.jpg) repeat-y #fce7d4;
}

.box-orange-kl-m p
{
padding-left: 7px;
padding-right: 4px;
}


.box-orange-kl-u
{
width: 198px;
height: 13px;
background: url(images/hg-box-orange-kl-u.jpg) no-repeat #ffffff;
}



/* Box blau mittelgroß */


.box-blau-o
{
width: 290px;
height: 38px;
background: url(images/hg-box-blau-o.jpg) no-repeat #9cb4e2;
text-align: center;
color: #ffffff;
padding-top: 3px;
}

.box-blau-o p
{
text-align: center;
padding: 6px;
}


.box-blau-m
{
width: 290px;
background: url(images/hg-box-blau-m.jpg) repeat-y #e4eaf6;
}

.box-blau-m p
{
padding-left: 6px;
padding-right: 6px;
}


.box-blau-u
{
width: 290px;
height: 13px;
background: url(images/hg-box-blau-u.jpg) no-repeat;
}


/* Box blau klein */



.box-blau-kl-o
{
width: 198px;
background: url(images/hg-box-blau-kl-o.jpg) no-repeat #9cb4e2;
text-align: center;
color: #ffffff;
padding-top: 3px;
}

.box-blau-kl-o p
{
text-align: center;
padding: 6px;
}


.box-blau-kl-m
{
padding-top: 6px;

width: 198px;
background: url(images/hg-box-blau-kl-m.jpg) repeat-y #eef2fc;
}

.box-blau-kl-m p
{
padding-left: 6px;
padding-right: 6px;
}



.box-blau-kl-u
{
width: 198px;
height: 13px;
background: url(images/hg-box-blau-kl-u.jpg) no-repeat;
padding: 4px;
}


/* Box blau groß */


.box-blau-gr-o
{
width: 690px;
height: 38px;
background: url(images/hg-box-blau-gr-o.jpg) no-repeat #9cb4e2;
text-align: center;
color: #ffffff;
padding-top: 3px;
}

.box-blau-gr-o p
{
padding-top: 4px;
padding-left: 10px;
padding-right: 2px;
}


.box-blau-gr-m
{
width: 690px;
text-align: left;
background: url(images/hg-box-blau-gr-m.jpg) repeat-y #eef2fc;
padding-top: 6px;
font-size: 130%;
}


.box-blau-gr-m p
{
padding-left: 14px;
padding-right: 14px;
}


.box-blau-gr-u
{
width: 690px;
height: 13px;
margin-bottom: 30px;
background: url(images/hg-box-blau-gr-u.jpg) no-repeat #ffffff;
}



/* Tabellen */



.tab-daten td
{
padding: 5px;
text-align: left;
}



.tab-innen
{
border: 1px solid #777777;
}

.tab-innen td
{
padding: 7px;
text-align: left;
}


.tab-suche
{
border-top: 1px solid #777777;
border-left: 1px solid #777777;
border-right: 1px solid #777777;
}


.tab-suche td
{
padding-left: 3px;
padding-right: 8px;
padding-top: 3px;
padding-bottom: 3px;
}


.tab-kursdetail
{
border-left: 1px solid #aaaaaa;
border-right: 1px solid #aaaaaa;
border-top: 1px solid #aaaaaa;
margin-bottom: 30px;
margin-right: 7px;
background: #ffe7d1;
}


.tab-kursdetail td
{
padding-left: 3px;
padding-right: 8px;
padding-top: 3px;
padding-bottom: 3px;
text-align: left;
}




td.border-top-bottom
{
border-top: 1px solid #aaaaaa;
border-bottom: 1px solid #aaaaaa;
}



td.border-bottom
{
border-bottom: 1px solid #aaaaaa;

}


td.dunkelblau
{
border-bottom: 1px solid #aaaaaa;
background: #92a2ca;
color: #ffffff;
padding-bottom: 6px;
}


tr.hellblau
{
background: #eef2fc;
}


tr.hellorange
{
background: #ffe7d1;
}

tr.weiss
{
background: #ffffff;
}

tr.hellgrau
{
background: #efefef;
}

tr.orange
{
background: #fce7d4;
}


/* Layout, Farben, größen */


#body-kurstermine
{
background: none #ffffff;
margin-top: 30px;
text-align: center;
font-size: 90%;
}


a.blaettern
{
font-size: 110%;
margin-left: 6px;
margin-right: 6px;
}


.div-li
{
float: left;
margin-right: 10px;
margin-bottom: 8px;
}


.div-re
{
float: right;
margin-left: 10px;
margin-bottom: 8px;
}


.div-mi
{
padding: 3px;
margin-left: 190px;
text-align: left;
}


.div-dreihundert
{
width: 300px;
text-align: left;
}

.div-vierhundert
{
width: 400px;
text-align: left;
}

.div-sechshundert
{
width: 600px;
text-align: left;
}


.div-clear
{
clear: both;
margin: 0px;
}

.div-buchung
{
position: absolute;
top: 68px;
right: 0px;
}


.box-rahmen-grau
{
border: 1px solid #aaaaaa;
padding: 6px;
}

.input
{
border: 1px solid #888888;
width: 220px;
}

.input-mi
{
border: 1px solid #888888;
width: 150px;
}

.input-kl
{
border: 1px solid #888888;
width: 62px;
}

.suche-submit
{

border: 1px solid #666666;
}



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

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

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


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

.padd-bottom
{
padding-bottom: 30px;
}

.padd-bottom-kl
{
padding-bottom: 15px;
}


.padd-bottom-gr
{
padding-bottom: 60px;
}

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



.img-li
{
float: left;
margin-right: 10px;
}



.img-marg-top
{
margin-top: 5px;
}

.img-marg-re
{
margin-right: 15px;
}



.img-marg-bottom
{
margin-bottom: 5px;
}

.img-marg-top-bottom
{
margin-top: 5px;
margin-bottom: 5px;
}

.img-pfeil
{
margin-bottom: -1px
}

.linie-blau
{

border-bottom: 1px dashed #313972;
margin-left: 10px;
margin-right: 10px;
margin-top: 0px;
margin-bottom: 20px;
}


.linie-box-blau
{

border-top: 1px dashed #313972;
margin-left: 14px;
margin-right: 10px;
margin-top: 0px;
margin-bottom: 0px;
}


.linie-blau-li
{

border-left: 1px dashed #313972;
margin-bottom: 0px;
padding-left: 10px;
}


.schwarz
{
color: #000000;
}

a.suche-orange
{
font-size: 110%;
color: #ffac5e;
}

.rot
{
color: #880000;
}


.klein
{
font-size: 84%;
}

.gross
{
font-size: 120%;
}

.center
{
text-align: center;
}

.hand
{
cursor: hand;
}

.hand-linie
{
text-decoration: underline;
cursor: hand;
}