/* ALLGEMEINE BESCHREIBUNGEN */
body {
    background-attachment: fixed;
    background-repeat: no-repeat;
    background-color: #ffffff; 
    padding:0px;
    margin:0px;
    overflow: hidden;
    font-size: 62.5%; /* Resets 1em to 10px */
    color:#222222; 
}

table, #content {
    font-family: Trebuchet MS, Arial;
    font-size: 1.1em;
    line-height: 1.4em;
}

p {
    margin: 0px;
    padding: 0px;
}

a { color: #000000; text-decoration: underline; }
a:hover { color: #339900; text-decoration: none; }

.kurs {
    font-family: Trebuchet MS, Arial;
    font-size: 1.4em;
    line-height: 1.4em;
    color: #339900;
    text-transform: uppercase;
    letter-spacing: 0.1em;
    text-decoration: none;
    font-weight: bold;
}

/* NEWSFENSTER */
#nnews { font-family: Georgia, Times;  font-size: 1.2em; line-height: 1.3em; }
.titel { font-family: Trebuchet MS, Arial; font-size: 1.4em; font-weight: bold; margin: 5px 0 5px 0; display: block; letter-spacing: 0.1em; text-transform: uppercase; }
.lead { font-family: Trebuchet MS, Arial; letter-spacing: 0.1em; text-transform: uppercase; }

/* CONTENT WORKSHOP */
.jahr {  background:#D1FFA3; color: #339900; font-weight: bold; margin: 0px 0px 0px 52px; padding: 0px 0px 0px 3px; display: block; }
.farbe { color: #339900; font-weight: bold; }
.titel1 { font-size: 1.4em; color: #339900; letter-spacing: 0.1em; text-transform: uppercase; font-weight: bold; line-height: 1.3em; margin-bottom: 10px; }

/* CONTENT STUNDENPLAN */
.tagtitel { font-family: Trebuchet MS, Arial; font-size: 1.2em; letter-spacing: 0.1em; font-weight: bold; margin: 6px 0px 0px 2px; display: block; text-transform: uppercase; }
table { margin:0px; padding:0px; border-collapse: inside; }
tr.stunden, .stunden { font-size: 1em; line-height: 1em; }
.std_ki { background: #FFCCFF; padding: 0px 5px 0px 3px; font-size: 0.95em; }
.std_erw { background: #D1FFA3; padding: 0px 5px 0px 3px; font-size: 0.95em; }

/* CONTENT FORTBILDUNG */
h1, h2, h3, h4 { margin: 0px; padding: 0px; }
h1 { font-size: 1.4em; line-height: 1.2em; background:#eeeeee; color: #F39; font-weight: bold; margin: 0px 0px 0px 0px; padding: 0px 0px 0px 3px; display: block; }
h1 a, h3 a, h3 a:visited { color: #F39; text-decoration: none; }
h2 { font-size: 1.2em; line-height: 1.3em; color: #F39; font-weight: bold; display: block; }
h3 { border-bottom: 1px solid #F39; font-size: 1.1em; line-height: 1.3em; font-weight: normal; display: block; }
h4 { font-size: 1.1em; font-weight: bold; display: block; }
#fort { padding-left:55px; height:auto; }
#fort a { text-decoration:none; color: #000000; }
#fort a:hover { text-decoration:none; color: #F39; }

/* FORMULARELEMENTE */
form { margin: 0px; padding: 0px; }
select.event { width: 210px; }
.la { border: 1px solid #999999; width: 233px; height: 19px; padding-left: 2px; }
.lb { border: 1px solid #999999; width: 155px; height: 19px; padding-left: 2px; }
.lc { border: 1px solid #999999; width: 233px; height: 100px; padding-left: 2px; }
.ka { border: 1px solid #999999; width: 68px; height: 19px; padding-left: 2px; }

/* IMPRESSUM */
.imp_titel { font-family: Trebuchet MS, Arial; font-weight: bold; letter-spacing: 0.1em; font-size: 1.6em; color: #339900; text-decoration: none; text-transform: uppercase; margin-bottom: 6px; display:block; }
.imp_txt { background: #D1FFA3; font-family: Trebuchet MS, Arial; font-size: 1.1em; line-height: 1.4em; display:block; }

/* INHALTSBEREICH */
#content {
    position: absolute;
    z-index: 10;
    top: 15px;
    left: 15px;
    padding: 0px;
    width: 565px;
    height: auto;
    background: #fff;
    overflow:auto;
}

#impressum {
    position: absolute;
    z-index: 100;
    left: 15px;
    bottom: 5px;
    width: 185px;
    height: 15px;
    margin: 0px 0px 5px 0px;
    padding: 2px 5px 2px 8px;
    font-family: Trebuchet MS, Arial;
    font-size: 1.1em;
    line-height: 1.4em;
    display:none;    
}

#legende, #weiss {
    position: absolute;
    z-index: 10;
    top: 580px;
    left: 15px;
    width: 620px;
    height: 20px;
    background-color: #ffffff;
    display:none;
}

#legende { background: url(img/legende.gif); }

#logo {
    position: absolute;
    z-index: 8;
    top: 545px;
    left: 655px;
    width: 150px;
    height: 65px;;
    background: url(img/logo.gif);
    background-repeat: no-repeat;
    overflow: hidden;
    display:none;    
}


/* FARBELEMENTE */
#kreis {
    position: absolute;
    z-index: 2;
    top: 70px;
    left: 250px;
    width: 562px;
    height: 562px;
    background: url(img/kreis_g.gif);
    overflow: hidden;
    display:none;
}


/* NAVIGATION */
#navbox {
    position: absolute;
    z-index: 30;
    top: 15px;
    left: 15px;
    margin: 0px 0px 15px 0px;
    width: 185px;
    height: auto;
    display:none;
}

#navbox a {
    color: #000000;
    text-decoration: none;
    font-family: Georgia, Times;
    font-size: 1.6em;
    line-height: 1.2em;
}

#navbox a:hover, #navbox a:active, #navbox a.aktiv, .aktiv, #navbox a.aktivf, .aktivf {
    font-family: Trebuchet MS, Arial;
    font-size: 1.6em;
    font-weight: bold;
    color: #339900;
    text-decoration: none;
    text-transform: uppercase;
}

#navbox a.f:hover, #navbox a.f:active {
    font-family: Trebuchet MS, Arial;
    font-size: 1.6em;
    font-weight: bold;
    color: #F39;
    text-decoration: none;
    text-transform: uppercase;
}

#navbox a.aktivf, .aktivf {
    color: #F39;
}

.aktiv {
    /*display: block;*/
    background-color: #ffffff;
    margin-bottom: 4px;
}

#n1 {
    float: left;
    width: 60px;
    margin-bottom: 1px;
    background: #ffffff;
}

#n2 {
    float: right;
    width: 125px;
    margin-bottom: 1px;
    background: #ffffff;
}

#n3, #n4 {
    float: left;
    width: 185px;
    margin-bottom: 1px;
    background: #ffffff;
}

#subnav {
    float: right;
    width: 435px;
    margin-bottom: 1px;
    background: #ffffff;    
}

#n3a, #n3c { float: left; width: 125px; }  
#n3b, #n3d { float: left; width: 85px; }

#n1 a { margin: 2px 0px 2px 10px; display: block; width: 50px; }
#n2 a { margin: 2px 0px 2px 10px; display: block; width: 115px; }
#n3 a, #n4 a { margin: 2px 0px 2px 70px; display: block; width: 115px; }
#n3a a, #n3b a, #n3c a, #n3d a { margin: 2px 0px 2px 0; display: block; }


/* CONTENT EXTERNE */
#extern { height:auto; }


/* SERVICENAVIGATION */
#service {
    position: absolute;
    z-index: 30;
    top: 15px;
    left: 620px;
    width: 252px;
    height: auto;
    background: #9F3;
    display:none;
}

#service a { font-family: Trebuchet MS, Arial; font-size: 1em; line-height: 1.1em; color: #000000; text-decoration: none; display:block; }
#service a:hover { font-size: 1em; color: #339900; text-decoration: none; }
#service a.aktiv { font-family: Trebuchet MS, Arial; font-size: 1.6em; color: #339900; text-decoration: none; margin-bottom: 6px; display:block; }
#service a.aktiv:hover { font-family: Trebuchet MS, Arial; font-size: 1.6em; color: #339900; text-decoration: none; margin-bottom: 6px; display:block; }

#s1, #s2, #s3, #s4 {
    z-index: 30;
    position: relative;
    width: 252px;
}

#s1 a, #s2 a, #s3 a, #s4 a {
}

#s2, #s3 { margin: 5px 0px 5px 8px; }
#s1 { margin: 6px 0px 0px 8px; }
#s4 { margin: 0px 0px 6px 8px; }

#serv1, #serv2, #serv3, #serv4 {
    position: relative;
    z-index: 100;
    width: 239px;
    height: auto;
    margin: 0px 0px 5px 0px;
    padding: 5px 5px 10px 8px;
    background: #ffffff;
    display: none;
    font-family: Trebuchet MS, Arial;
    font-size: 1.1em;
    line-height: 1.4em;
}

#serv1 { margin-top: -16px; border-bottom: 1px solid #dddddd; height: 400px; width: 242px; padding: 5px 0px 10px 8px; }
#serv2, #serv3 { margin-top: -18px; border-top: 1px solid #dddddd; border-bottom: 1px solid #dddddd; }
#serv3 { height: 400px; width: 242px; padding: 5px 0px 10px 8px; }
#scroll_link, #scroll_tanz { height: 365px; overflow:auto; padding-right: 5px; margin-bottom:5px; width:237px;}
#serv4 { margin-top: -19px; border-top: 1px solid #dddddd; }

#serv1 a, #serv2 a, #serv3 a, #serv4 a { color: #339900; text-decoration: underline; display:inline; }
#serv1 a:hover, #serv2 a:hover, #serv3 a:hover, #serv4 a:hover { color: #000000; text-decoration: underline; }

#eventsteuer { width: 237px; height: auto; margin: 3px 0px 3px 0px; text-align:right; }