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

table, #content, #contentext, p, #ext { font-family: Trebuchet MS, Arial; font-size: 1.1em; line-height: 1.4em; }
p { margin: 0px; padding: 0px; }
ul { margin:0; padding:0; }
li { list-style-image: url(img/li_el.gif); margin-left:14px; padding:0; font-size: 1.1em; line-height: 1.4em; }

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

a.imp { color: #000000; text-decoration: none; }
a.imp:hover { color: #ffffff; text-decoration: none; }

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

/* NEWSFENSTER */
.titel { font-family: Trebuchet MS, Arial; font-size: 1.4em; font-weight: bold; margin: 5px 0 5px 0; display: block; letter-spacing: 0em; text-transform: uppercase; }
.exttitel { font-family: Trebuchet MS, Arial; font-size: 1.4em; font-weight: bold; letter-spacing: 0em; text-transform: uppercase; }
.lead { font-family: Trebuchet MS, Arial; letter-spacing: 0.05em; text-transform: uppercase; }

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

/* CONTENT STUNDENPLAN */
.tagtitel { font-family: Trebuchet MS, Arial; font-size: 1.2em; letter-spacing: 0.05em; 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: #c6dee8; padding: 0px 5px 0px 3px; font-size: 0.95em; }
.std_erw { background: #ffe8d9; 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: 400; 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: 400; 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 }
#fort a, #contentext a { text-decoration:none; color: #000000; }
#fort a:hover, #contentext a:hover { text-decoration:none; color: #F39; }
.pinklink a { font-size: 1.4em; line-height: 1.2em; color: #F39; font-weight: 400; }

/* FORMULARELEMENTE */
form { margin: 0px; padding: 0px; }
select.event { width: 210px; }
.la { border: 1px solid #999999; width: 233px; height: 19px; padding-left: 2px; }
.ck { border: 1px solid #999999; width: 13px; height: 13px; margin-top:5px; }
.lb { border: 1px solid #999999; width: 155px; height: 19px; padding-left: 2px; }
.lc { border: 1px solid #999999; width: 233px; height: 85px; 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.05em; font-size: 1.6em; color: #F90; text-decoration: none; text-transform: uppercase; margin-bottom: 6px; display:block; }
.imp_txt { background: #ffe8d9; font-family: Trebuchet MS, Arial; font-size: 1.1em; line-height: 1.4em; display:block; }

/* INHALTSBEREICH */
#content {
    position: absolute;
    z-index: 10;
    top: 95px;
    left: 15px;
    padding: 25px 10px 10px 15px;
    width: 595px;
    height: 465px;
    background: #fff;
    overflow: hidden;   
}

#contentext {
    padding: 25px 10px 10px 15px;
    width: 545px;
    background: #fff;
}

.scroll { width:540px; height:450px; padding:0 10px 0 0; margin:0; overflow:auto; }
.scroll1 { width:595px; height:450px; padding:0 10px 0 0; margin:0; overflow:auto; }

#ext {
    position: absolute;
    z-index: 10;
    top: 15px;
    left: 15px;
    padding: 0px;
    width: 450px;
    height: auto;
    background: #fff;  
}

* html #content {  /* nur fuer Internet Explorer */
  width:620px;     /* Version 5.x */
  w\idth:595px;    /* Version 6 */
  height:445px;    /* Version 5.x */
  h\eight:400px;   /* Version 6 */
}

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

#social {
    position:absolute;
    bottom:12px;
    left:90px;
    z-index:5000;
    height:20px;
    color:#000;
}

a.sociallink img { border:2px solid #fff; }
a.sociallink:hover img { border:2px solid #000; }

#legende, #leer {
    position: absolute;
    z-index: 10;
    top: 585px;
    left: 15px;
    width: 620px;
    height: 20px;
    background-color: #fff;
}

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

* html #legende { top:555px; }
* html #leer { top:555px; }

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

#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: 400;
    color: #F90;
    text-decoration: none;
}

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

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

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

#n1 { float: left; width: 60px; margin-bottom: 1px; background:#fff; }
#n2 { float: right; width: 165px; margin-bottom: 1px; background:#fff; }
#n3, #n4 { float: left; width: 225px; margin-bottom: 1px; background:#fff; }

#subnav { float: right; width: 395px; margin-bottom: 1px; background:#fff; }

#n3a { float: left; width: 115px; }
#n3b { float: left; width: 72px; }
#n3c { float: left; width: 118px; }  
#n3d { float: left; width: 75px; }

#n4a { float:left; width:120px; }
#n4b { float:left; width:185px; }
#n4c { float:left; width:75px; }

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


/* SERVICENAVIGATION */
#service {
    position: absolute;
    z-index: 30;
    top: 15px;
    left: 650px;
    width: 267px;
    height: auto;
    background: #F90;
}

#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:#ffffff; text-decoration: none; }
#service a.aktiv,#service a.aktiv:hover { font-family:Trebuchet MS, Arial; font-size:1.6em; color:#F90; text-decoration:none; margin-bottom: 6px; display:block; }

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

#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: 254px;
    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: -17px; border-bottom: 1px solid #dddddd; height: 400px; width: 259px; padding: 5px 0px 10px 8px; }
#serv2 { margin-top: -18px; border-top: 1px solid #dddddd; border-bottom: 1px solid #dddddd; }
#serv3 { height: 400px; width: 259px; padding: 5px 0px 10px 8px; margin-top: -18px; border-top: 1px solid #dddddd; border-bottom: 1px solid #dddddd; }
#scroll_link, #scroll_tanz, #scroll_event { height: 365px; overflow:auto; padding-right: 5px; margin-bottom:5px; width:252px;}
#serv4 { margin-top: -19px; border-top: 1px solid #dddddd; }

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

img.event { background:#dddddd; margin: 0px 3px 3px 0px; vertical-align: bottom; }
#eventsteuer { width: 237px; height: auto; margin: 3px 0px 3px 0px; text-align:right; }
#facebook { position:absolute; left:120px; bottom:2px; }