/* allgemeiner Bereich */
* {margin:0; padding:0;}
body {font: 100.01% Verdana, Arial, Helvetica, sans-serif;}
ul, p, h1, h2, h3, h4, label, legend, strong, td, input {color: black;}
p, label, input, select, legend, h4 {font-size: 0.9em;}
h1, h3 {font-weight: normal; font-size: 1.6em;}
h2 {font-size: 1.4em;}
h3 {font-size: 1.3em; color: #336699;}
p {margin-bottom: 0.5em;}
a {text-decoration: none; color: #993333; font-weight: bold;}
a:hover {text-decoration: underline;}
textarea {font: 0.9em Verdana, Arial, Helvetica, sans-serif;}
strong {font-weight: bold; line-height: 1.8em;}
iframe {padding-bottom: 1em;}

/* Aussenrahmen */
#rahmen {width:60em; margin: 0.5em auto 1em auto;}

/* linker Bereich */
#links {float: left; width: 10.65em; height: 13.2em; background: url(../image/bg-w-g.jpg) repeat; border-bottom: #336699 1em solid; clear: left;}

/* linker Bereich Logo */
#links #logo {background-color: white; width: 100%; height: 12.2em; margin-top: 1em;}
#links #logo p {font-size: 0.6em; line-height: 2.8em;}
#links #logo p#eins {padding-left: 4.5em;}
#links #logo p#zwei {padding-left: 3em; margin-bottom: 2.4em;}
#links #logo p#drei {padding-left: 1em;}
#links #logo p#vier {padding-left: 0em;}
#links #logo p#fuenf {padding-left: 1em;}
#links #logo p#sechs {padding-left: 4.5em;}
#links #logo img {float: right;}

/* Header */
#header {border-top: #336699 1em solid; text-align: right; height: 9.2em; padding-right: 5px; background: url(../image/bg-w-g-hz.jpg) repeat;}
#header h1 {color: #666666; font-stretch: expanded; font-style: italic; margin-top: 1.5em;}

/* Aufzaehlungszeichen im Header */
#header4eck {background-color: transparent; float: left;}
#header4eck ul {margin-top: -5.5em; margin-left: 1em; list-style:none;}
#header4eck ul li{height: 2em;}

/* vertikale und horizontale Linien unterhalb des Headers */
#headv {background: url(../image/bg-w-g-hz.jpg) repeat; height: 1em;}
#headh {background: url(../image/bg-w-g.jpg) repeat; height: 1em;}
#headlinie {background-color: #993333; height: 0.2em; margin-top: 0.3em; margin-bottom: 0.3em;}

/* obere Navigation */
#navoben {background-color: #993333; height: 2em;}
#navoben ul {text-align:center; padding-top: 0.4em;}
#navoben ul li {display: inline; font-size: 0.9em;}
#navoben ul li a {color: white; text-decoration: none; font-size: 0.7em; font-weight: bold; border-right: white 0.1em solid; padding-right: 0.4em;}
#navoben ul li a:hover {text-decoration:underline overline;}
#navoben ul li a.rechts {border-right: none;}

#naverwachsen #erwachsennav a,
#navfrueherz #frueherznav a,
#navich #ichnav a,
#navhome #homenav a,
#navjazzmod #jazzmodnav a,
#navkinder #kindernav a,
#navkontakt #kontaktnav a,
#navnews #newsnav a,
#navseminare #seminarenav a,
#navwaganowa #waganowanav a,
#navanfahrt #anfahrtnav a {color: #CCCCCC; cursor: default;}

#naverwachsen #erwachsennav a:hover,
#navfrueherz #frueherznav a:hover,
#navich #ichnav a:hover,
#navhome #homenav a:hover,
#navjazzmod #jazzmodnav a:hover,
#navkinder #kindernav a:hover,
#navkontakt #kontaktnav a:hover,
#navnews #newsnav a:hover,
#navseminare #seminarenav a:hover,
#navwaganowa #waganowanav a:hover,
#navanfahrt #anfahrtnav a:hover {text-decoration: none;}

/* Inhalt ueber Gesamtbreite mit vertikalen Linien als Hintergrund */
#contentaussen {float: left; background: url(../image/bg-w-g.jpg) repeat; width: 60em; border-bottom: white 2em solid;}

/* linker Content */
#contltest,
#contlanfahrt,
#contlerwachsen,
#contlfrueherz,
#contlich,
#contlindex,
#contljazzmod,
#contlkinder,
#contlkontakt,
#contlnews,
#contlseminare,
#contlwaganowa {float:left; background-color: white; width: 10em; margin-left: 0.65em; padding-left: 0.5em; padding-top: 2em;}

#contlanfahrt {padding-bottom: 9.4em; width: 38em; height: 403px; background: url(../image/backanfahrt.jpg) no-repeat right 2.2em; background-color: white;} 
#contlerwachsen {padding-bottom: 1.5em; width: 31.2em;}
#contlfrueherz {padding-bottom: 1em;} /*ok*/
#contlich {padding-bottom: 13.8em;} /*ok*/
#contlindex {padding-bottom: 8.3em;} /*ok*/
#contljazzmod {padding-bottom: 1em;} 
#contlkinder {padding-bottom: 1em;} /*ok*/
#contlkontakt {padding-bottom: 13.2em;} /*ok*/
#contlnews {padding-bottom: 1em;} /*ok*/
#contlseminare {padding-bottom: 1em;} /*ok*/
#contlwaganowa {padding-bottom: 10.5em;} /*ok*/

/* blauer Balken des rechten Contents */
#contrbreitblau,
#contranfblau,
#contrerwblau {float: left; width: 47.85em; background-color: transparent; border-right: #336699 1em solid; padding-top: 1em;}

#contranfblau {width: 19.85em;}
#contrerwblau {width: 26.66em;}

/* rechter Content */
#contr,
#contranf,
#contrerw,
#contriclicr,
#contrwagl,
#contrwagr {float: left; border-left: #CCCCCC 0.08em solid; border-right: #CCCCCC 0.08em solid; margin-left: 2em; margin-top: 1em; padding-left: 1em; padding-right: 1em; width: 42em;}

#contranf {width: 14em;}
#contrerw {width: 20.8em;}
#contrwagl {width: 24.95em;}
#contrwagr {width: 15em; margin-left: -1px;}

/* rechter Content - Aussenbereich */
#contrtest,
#contranfahrt,
#contrerwachsen,
#contrfrueherz,
#contrich,
#contrindex,
#contrjazzmod,
#contrkinder,
#contrkontakt,
#contrnews,
#contrseminare,
#contrwaganowa {float: left; background-color: white; width: 47.85em;}

/* allmeines Listenverhalten im rechten Contentbereich */
#contranfahrt ul,
#contrerwachsen ul,
#contrfrueherz ul,
#contrich ul,
#contrindex ul,
#contrjazzmod ul,
#contrkinder ul,
#contrkontakt ul,
#contrnews ul,
#contrseminare ul,
#contrwaganowa ul {margin-left: 0; padding-left: 0; list-style: none;}

#contranfahrt ul li,
#contrerwachsen ul li,
#contrfrueherz ul li,
#contrich ul li,
#contrindex ul li,
#contrjazzmod ul li,
#contrkinder ul li,
#contrkontakt ul li,
#contrnews ul li,
#contrseminare ul li,
#contrwaganowa ul li {padding-left: 1.5em; background: url(../image/4eck.gif) no-repeat 0 0.25em; margin-bottom: 1em;}


/* anfahrt */
#contranfahrt {width: 20em; padding-bottom: 5em;}
#contranfahrt ul li {background-position: 0 0.3em;}

/* erwachsen */
#contrerwachsen {width: 26.68em; padding-bottom: 15.5em;}

/* frueherz */
#contrfrueherz {padding-bottom: 10.4em;} 
#contrfrueherz ul li {background-position: 0 0.3em;}
#contrfrueherz ul li ul {margin-top: 1em; margin-bottom: 1em;}
#contrfrueherz ul li ul li {margin-bottom: 0;}

/* ich */
#contrich {padding-bottom: 5em;}
#contrich img {display: block; margin-left: auto; margin-right: auto;}
#contrich ul li {background-position: 0 0.3em;}
#contricl,
#contricr {float: left; width: 24.9em; margin-top: 1em;}
#contricr {width: 15em; padding-left: 1em;}
#contricl {padding-right: 1em; border-right: #CCCCCC 0.08em solid;}

/* index */
#contrindex {padding-bottom: 5em;}
#contrindex h3 {text-align: right; margin-top: 1em; margin-bottom: 1em;}
#contrindex img {display: block; margin-left: auto; margin-right: auto;}
#contrindex ul {margin-top: 1em; margin-bottom: 1em;}
#contrindex ul li {margin-left: 3em; margin-bottom: 0em; height: 1.5em;}

/* jazzmod */
#contrjazzmod {padding-bottom: 11em;}
#contrjazzmod ul li {background-position: 0 0.65em;}
#contrjazzmod ul li.bgrd {background-position: 0 0.3em;}

/* kinder */
#contrkinder {padding-bottom: 21.1em;}
#contrkinder ul li {background-position: 0 0.3em;}

/* kontakt */
#contrkontakt {padding-bottom: 5em;}
#contrkontakt ul li {background-position: 0 0.65em;}
#contrkontakt ul li ul li {background-position: 0 0.3em; margin-left: 7em; margin-bottom: 0; background-image: none;}
#contrkontakt ul li ul {margin-top: -1.3em;}

/* news */
#contrnews {padding-bottom: 21.6em;}
#contrnews ul {margin: 1em 0 1em 3em;}
#contrnews ul li{background-position: 0 0.3em;}

/* seminare */
#contrseminare {padding-bottom: 18.6em;}
#contrseminare ul li {background-position: 0 0.65em;}

/* waganowa */
#contrwaganowa {padding-bottom: 5em;}
#contrwaganowa ul li {background-position: 0 0.65em;}
#contrwaganowa ul h3,
#contrwaganowa ul p {display: inline;}

/* test */
#contrtest {padding-bottom: 2em;}
#contltest {padding-bottom: 12em;}